@charset "utf-8";

.faq#content{
	width:100%;
}

/* head_area */
.faq#content #head_area{
	padding: 50px 0 0 0;
}
.faq#content #head_area .v_copy{
	width: 100%;
	padding: 0 0 50px 0;
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-content: center;
}
.faq#content #head_area .v_copy h2{
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	text-orientation: mixed;
	font-feature-settings: initial;
	font-size: 1.75rem;
	line-height: 1.8;
	letter-spacing: 0.2em;
	height: 10em;
}


.faq#content #head_area .v_copy .kumo_l{
	width: 195px;
	position: absolute;
	top: 78px;
	left: 50%;
	margin: 0 0 0 -320px;
}
.faq#content #head_area .v_copy .kumo_r{
	width: 153px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 137px;
}

.faq#content i.logo{
	width: 58px;
	margin: 0 auto;
	padding: 110px 0 110px 0;
	display: block;
}

.faq#content .more{
	width: 300px;
	margin: 0 auto;
}


/* fqa_list */
.faq#content #fqa_list{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
.faq#content #fqa_list ul{
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.faq#content #fqa_list ul li{
	width: 49%;
	text-align: left;
	padding: 0 0 15px 2%;
	box-sizing: border-box;
	margin: 0 0 0 0;
}
.faq#content #fqa_list ul li:nth-child(2n+1){
	padding: 0 0 15px 0;
}
.faq#content #fqa_list ul li a{
	width: 100%;
	text-decoration: none;
	padding: 10px 15px 10px 15px;
	display: block;
	box-sizing: border-box;
	font-size: 1.125rem;
}


/* faq_unit_wrap */
.faq#content #faq_unit_wrap{
	padding: 0 0 60px 0;
	margin: 0 auto;
}
.faq#content #faq_unit_wrap h2{
	width: 100%;
	padding: 15px 20px;
	margin: 0 0 50px 0;
	box-sizing: border-box;
	font-size: 1.125rem;
	text-align: left;
	border: #5aa4ae 1px solid;
	border-radius: 10px;
}
.faq#content #faq_unit_wrap .unit{
	margin: 0 0 0 0;
	padding: 110px 0 0 0;
	width: 100%;
}


/* accordion setting */
.faq#content .accordion{
    width: 100%;
	margin: 0 0 20px 0;
	border: #5aa4ae 1px solid;
	box-sizing: border-box;
}
.faq#content .accordion:last-child{
	margin: 0 0 0 0;
}
.faq#content .accordion .acd-check{
    display: none;
}
.faq#content .accordion .acd-label{
    width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	cursor: pointer;
	background: #5aa4ae;
}
.faq#content .accordion .acd-label h3{
    width: 100%;
	box-sizing: border-box;
	font-size: 1.125rem;
	line-height: 1.6;
	padding: 15px 0 15px 20px;
	position: relative;
	color: #FFFFFF;
}
.faq#content .accordion .acd-label h3::before{
    content: "Q.";
	font-size: 1.375em;
	padding: 0 15px 0 0;
}

.faq#content .accordion .acd-label:after{
    background: #2A666E url("../img/icon_plus.svg") center center/16px 16px no-repeat;
    box-sizing: border-box;
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    padding: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.faq#content .accordion .acd-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0;
    transition: .09s;
    visibility: hidden;
}
.faq#content .accordion .acd-content h3{
    width: 100%;
	box-sizing: border-box;
	font-size: 1.125rem;
	line-height: 1.6;
	padding: 5px 0 15px 0;
	position: relative;
	color: #5aa4ae;
	padding-left:2em;
	text-indent:-2em;
}
.faq#content .accordion .acd-content h3::before{
    content: "A.";
	font-size: 1.375em;
	padding: 0 15px 0 0;
}

.faq#content .accordion .acd-check:checked + .acd-label:after{
    background: #2A666E url("../img/icon_minus.svg") center center/16px auto no-repeat;
}
.faq#content .accordion .acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 29px;
    visibility: visible;
}


@media only screen and (max-width: 1200px) {
	/* head_area */
	.faq#content #head_area{
		padding: 50px 0 0 0;
	}
	.faq#content #head_area .v_copy h2{
		font-size: 1.75rem;
	}

	.faq#content i.logo{
		padding: 110px 0 110px 0;
	}

	.faq#content .more{
		width: 300px;
		margin: 0 auto;
	}


}

@media only screen and (max-width: 999px) {
	/* head_area */
	.faq#content #head_area{
		padding: 50px 0 0 0;
	}
	.faq#content #head_area .v_copy{
	}
	.faq#content #head_area .v_copy h2{
		font-size: 1.5rem;
	}
	
	.faq#content #head_area .v_copy .kumo_l{
		width: 19.5%;
		top: 68px;
		margin: 0 0 0 -30%;
	}
	.faq#content #head_area .v_copy .kumo_r{
		width: 15.3%;
		margin: 0 0 0 10%;
	}
	
	.faq#content i.logo{
		padding: 90px 0 90px 0;
	}

	.faq#content .more{
		width: 300px;
	}
	
	
	/* fqa_list */
	.faq#content #fqa_list{
		padding: 50px 0 0 0;
	}
	.faq#content #fqa_list ul li{
		width: 49%;
		padding: 0 0 15px 2%;
	}
	.faq#content #fqa_list ul li:nth-child(2n+1){
		padding: 0 0 15px 0;
	}
	.faq#content #fqa_list ul li a{
		padding: 10px 15px 10px 15px;
		font-size: 1.00rem;
	}


	/* faq_unit_wrap */
	.faq#content #faq_unit_wrap{
		padding: 0 0 60px 0;
	}
	.faq#content #faq_unit_wrap h2{
		padding: 15px 20px;
		margin: 0 0 40px 0;
		font-size: 1.000rem;
	}
	.faq#content #faq_unit_wrap .unit{
		padding: 60px 0 0 0;
	}


	/* accordion setting */
	.faq#content .accordion{
		margin: 0 0 20px 0;
	}
	.faq#content .accordion .acd-label h3{
		font-size: 1.00rem;
	}
	.faq#content .accordion .acd-label h3::before{
		content: "Q";
		font-size: 1.375em;
		padding: 0 15px 0 0;
	}
	.faq#content .accordion .acd-content h3{
		font-size: 1.00rem;
	}
	.faq#content .accordion .acd-content h3::before{
		content: "A";
		font-size: 1.375em;
		padding: 0 15px 0 0;
	}

}

@media only screen and (max-width: 768px) {
	/* head_area */
	.faq#content #head_area{
		padding: 30px 0 0 0;
	}
	.faq#content #head_area .v_copy{
	}
	.faq#content #head_area .v_copy h2{
		font-size: 1.5rem;
	}
	
	.faq#content #head_area .v_copy .kumo_l{
		width: 19.5%;
		top: 68px;
		margin: 0 0 0 -3%;
	}
	.faq#content #head_area .v_copy .kumo_r{
		width: 15.3%;
		margin: 0 0 0 10%;
	}

	.faq#content i.logo{
		padding: 70px 0 70px 0;
	}

	.faq#content .more{
		width: 300px;
	}
	
	#content p br{
		display:none;
	}
	
	/* fqa_list */
	.faq#content #fqa_list{
		padding: 30px 0 0 0;
	}
	.faq#content #fqa_list ul li{
		width: 100%;
		padding: 0 0 10px 0;
	}
	.faq#content #fqa_list ul li:nth-child(2n+1){
		padding: 0 0 10px 0;
	}
	.faq#content #fqa_list ul li a{
		padding: 7px 15px 7px 15px;
		font-size: 0.938rem;
	}

	/* faq_unit_wrap */
	.faq#content #faq_unit_wrap{
		padding: 0 0 40px 0;
	}
	.faq#content #faq_unit_wrap h2{
		padding: 10px 20px;
		margin: 0 0 40px 0;
		font-size: 0.938rem;
	}
	.faq#content #faq_unit_wrap .unit{
		padding: 60px 0 0 0;
	}

	/* accordion setting */
	.faq#content .accordion{
		margin: 0 0 15px 0;
	}
	.faq#content .accordion .acd-label h3{
		font-size: 0.938rem;
		padding: 10px 0 10px 20px;
	}
	.faq#content .accordion .acd-label:after{
		right: 3px;
		top: 3px;
	}
	.faq#content .accordion .acd-content h3{
		font-size: 0.938rem;
	}
}
@media only screen and (max-width: 480px) {
	.faq#content #head_area .v_copy h2{
		font-size: 1.375rem;
	}
	.faq#content #head_area .v_copy .kumo_l{
		margin: 0 0 0 -30%;
	}
	.faq#content #head_area .v_copy .kumo_r{
		margin: 0 0 0 10%;
	}
	
	/* fqa_list */
	.faq#content #fqa_list{
		padding: 30px 0 0 0;
	}
	.faq#content #fqa_list ul li{
		width: 100%;
		padding: 0 0 10px 0;
	}
	.faq#content #fqa_list ul li:nth-child(2n+1){
		padding: 0 0 10px 0;
	}
	.faq#content #fqa_list ul li a{
		padding: 7px 15px 7px 15px;
		font-size: 0.875rem;
	}

	/* faq_unit_wrap */
	.faq#content #faq_unit_wrap{
		padding: 0 0 40px 0;
	}
	.faq#content #faq_unit_wrap h2{
		padding: 10px 20px;
		margin: 0 0 20px 0;
		font-size: 0.875rem;
	}
	.faq#content #faq_unit_wrap .unit{
		padding: 100px 0 0 0;
	}

	/* accordion setting */
	.faq#content .accordion{
		margin: 0 0 15px 0;
	}
	.faq#content .accordion .acd-label h3{
		font-size: 0.875rem;
	}
	.faq#content .accordion .acd-content h3{
		font-size: 0.875rem;
	}
	
}