@charset "UTF-8";
/* CSS Document */
body {
			margin: 0;
			padding: 0;
			text-align: center;
		}
		a, img, div {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    vertical-align: top;
    outline: none;
    border: none;
	box-sizing: border-box;
	-webkit-appearance:none;
}
		img {
	width: 100%;
	max-width: 100%;
	height: auto;
			-webkit-transition: .5s ease;
	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	-ms-transition: .5s ease;
	transition: .5s ease;
	opacity: 0;
	transform: translateX(-10%)
}
img.active {
	opacity: 1;
	transform: translateX(0)
}
		a {
	text-decoration: none;
	color: #000;
	-webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -ms-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}
a:hover {
	opacity: .7;
}
		section {
    padding: 5em 20px;
}
		.box_1280 {
			max-width: 1280px;
			margin: auto;
		}
		.box_1100 {
			max-width: 1100px;
			margin: auto;
		}
		.box_800 {
			max-width: 800px;
			margin: auto;
		}
		.box_540 {
			max-width: 540px;
			margin: auto;
		}
		.rel_box {
			position: relative;
		}
		.abs_box {
			position: absolute;
		}
	.grid_box {
			display: grid;
			display: -webkit-grid;
			gap: 20px;
    margin: 3em auto;
		}
		.fix_box {
    width: 100vw;
    height: 100vh;
}
		.fix_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
}
		#FV .rel_box {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    align-items: center;
    -webkit-align-items: center;
}
		#FV .abs_box {
    right: 5%;
}
		.cta_box {
			margin: 20px auto;
		}
		.bg_grad {
			background: #F3CB20;
background: linear-gradient(120deg,rgba(255, 255, 255, 1) 0%, rgba(243, 203, 32, 1) 100%);
		}
		.bg_gray {background-color: #EEEEEE}
		.bg_white {background-color: #fff}
		.bg_yellow {background-color: #F3CB20}
		ul {
    list-style: none;
    padding-inline-start: 0;
			border-top: solid 2px;
}
		li {
    border-bottom: solid 2px;
			padding: 0 30px;
}
		.question {
    padding: 10px 0 10px 50px;
			position: relative;
			cursor: pointer;
}
		.question:before {
			content:'';
			position: absolute;
			display: block;
			width: 40px;
			height: 40px;
    background: url("images/plus.svg") no-repeat left center;
			background-size: contain;
			left: 0;
}
		.question.active:before {
			transform: rotate(45deg)
		}
		.answer {
			display: none;
			padding: 10px 0 20px;
			border-top: solid 1px;
		}
@media(min-width: 768px) {
	.sp_item {
		display: none;
	}
	.pc_item {
		display: block;
	}
		.item3 {
			grid-template-columns: 1fr 1fr 1fr;
			-webkit-grid-columns: 1fr 1fr 1fr;
		}
		.item2 {
			grid-template-columns: 1fr 1fr;
			-webkit-grid-columns: 1fr 1fr;
		}
	.line_box div:nth-of-type(n+2) {
    border-left: solid 1px;
}
}
	
		@media screen and (max-width: 767px) {
			.sp_item {
		display: block;
	}
	.pc_item {
		display: none;
	}
			section {
    padding: 3em 20px;
}
			#FV .abs_box {
    left: 5%;
}
			.line_box div:nth-of-type(n+2) {
    border-top: solid 1px;
				padding-top: 30px;
}
			li {
    padding: 0 10px;
}
.question {
    padding-left: 11%;
}		
			.question:before {
    width: 10%;
    height: 100%;
    top: 0;
}
			.cta_box {max-width: 80%;}
		}

/* ua依存 */
header, .page-mv, .container1040, .cta-section, footer, #nav-drawer {
    display: none;
}
section.entry-content.cf {
    padding: 0;
}
input[type="text"], input[type="email"], input[type="url"], input[type="tel"], select, textarea, input[type="checkbox"] {
    border: solid 1px #666;
    border-radius: 0;
    margin: 1em 0;
}
input[type="submit"] {
    background-color: #000;
	margin: 1em auto 3em;
    max-width: 360px;
}