@charset "UTF-8";

#faqArchive .links{
	display : flex;
	flex-wrap : wrap;
}

#faqArchive .links li:after{
	content : "　｜　";
	white-space : pre;
}

#faqArchive .links a{
	color : var(--primary);
}

#faqArchive .faqs a{
	display : grid;
	align-items : start;
	justify-content : start;
	color : #333;
}

#faqArchive .faqs a:before{
	content : "Q";
	background-color : #daac0a;
	color : #fff;
	display : grid;
	place-items : center;
	font-weight : 700;
	line-height : 1;
}

@media screen and (max-width: 750px){
	#faqArchive{
		padding-bottom : calc( 70 * 100vw / 750 );
	}
	#faqArchive .links{
		padding-top : calc( ( 29 - 5 ) * 100vw / 750 );
	}
	#faqArchive .links li{
		font-size : 2.6rem;
		line-height : calc( 36 / 26 );
	}
	#faqArchive .faqs{
		margin-top : calc( ( 41 - 5 ) * 100vw / 750 );
	}
	#faqArchive .faqs > li + li{
		margin-top : calc( ( 112 - 2.6 ) * 100vw / 750 );
	}
	#faqArchive .faqs ul{
		margin-top : calc( 20 * 100vw / 750 );
	}
	#faqArchive .faqs li li + li{
		margin-top : calc( ( 27 - 2.6 ) * 100vw / 750 );
	}
	#faqArchive .faqs a{
		grid-template-columns : calc( 50 * 100% / 690 ) 1fr;
		column-gap : calc( 10 * 100% / 690 );
	}
	#faqArchive .faqs a{
		font-size : 2.6rem;
		line-height : calc( 31.2 / 26 );
	}
	#faqArchive .faqs a:before{
		height : calc( 50 * 100vw / 750 );
		font-size : 2.4rem;
	}
}

@media print,screen and (min-width: 751px){
	#faqArchive{
		padding-bottom : 76px;
	}
	#faqArchive .links{
		padding-top : calc( 26px - 7px );
		justify-content : center;
	}
	#faqArchive .links li{
		font-size : 1.6rem;
		line-height : calc( 30 / 16 );
	}
	#faqArchive .faqs{
		width : 1000px;
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( 35px - 7px );
	}
	#faqArchive .faqs > li + li{
		margin-top : 72px;
	}
	#faqArchive .faqs ul{
		margin-top : 28px;
	}
	#faqArchive .faqs li li + li{
		margin-top : 20px;
	}
	#faqArchive .faqs a{
		grid-template-columns : 50px 1fr;
		column-gap : 10px;
	}
	#faqArchive .faqs a{
		font-size : 2rem;
		line-height : calc( 24 / 20 );
	}
	#faqArchive .faqs a:before{
		height : 50px;
		font-size : 2.4rem;
	}
}

#faqSingle h2 , #faqSingle .answer{
	display : grid;
}

#faqSingle h2:before , #faqSingle .answer:before{
	color : #fff;
	display : grid;
	place-items : center;
	font-weight : 700;
	line-height : 1;
}

#faqSingle h2{
	border-bottom-style : solid;
	border-bottom-color : #e5e5e5;
	font-weight : 400;
	color : #333;
}

#faqSingle h2:before{
	content : "Q";
	background-color : #daac0a;
}

#faqSingle .answer:before{
	content : "A";
	background-color : #eb6877;
}

#faqSingle .answer p{
	color : #333;
}

#faqSingle .wrap > a{
	display : grid;
	place-items : center;
	font-weight : 700;
	color : #fff;
	margin-left : auto;
	margin-right : auto;
	background-color : #95a8b2;
}

@media screen and (max-width: 750px){
	#faqSingle .wrap{
		padding-top : calc( 42 * 100vw / 750 );
		padding-bottom : calc( 68 * 100vw / 750 );
	}
	#faqSingle h2 , #faqSingle .answer{
		grid-template-columns : calc( 50 * 100% / 690 ) 1fr;
		column-gap : calc( 10 * 100% / 690 );
	}
	#faqSingle h2:before , #faqSingle .answer:before{
		height : calc( 50 * 100vw / 750 );
		font-size : 2.4rem;
	}
	#faqSingle h2{
		font-size : 2.6rem;
		line-height : calc( 31.2 / 26 );
	}
	#faqSingle h2{
		margin-top : calc( ( 54 - 2.6 ) * 100vw / 750 );
		border-bottom-width : calc( 10 * 100vw / 750 );
		padding-bottom : calc( ( 33 - 2.6 ) * 100vw / 750 );
	}
	#faqSingle h2:before{
		margin-top : calc( 2.6 * 100vw / 750 );
	}
	#faqSingle .answer{
		margin-top : calc( ( 33 - 5 ) * 100vw / 750 );
	}
	#faqSingle .answer:before{
		margin-top : calc( 5 * 100vw / 750 );
	}
	#faqSingle .answer p{
		font-size : 2.6rem;
		line-height : calc( 36 / 26 );
	}
	#faqSingle .wrap > a{
		margin-top : calc( ( 68 - 2.6 ) * 100vw / 750 );
		width : calc( 400 * 100% / 690 );
		height : calc( 80 * 100vw / 750 );
		font-size : 2.8rem;
	}
}

@media print,screen and (min-width: 751px){
	#faqSingle .wrap{
		padding-left : calc( ( 100% - 1000px ) / 2 );
		padding-right : calc( ( 100% - 1000px ) / 2 );
		padding-top : 40px;
		padding-bottom : 96px;
	}
	#faqSingle h2 , #faqSingle .answer{
		grid-template-columns : 50px 1fr;
		column-gap : 10px;
	}
	#faqSingle h2:before , #faqSingle .answer:before{
		height : 50px;
		font-size : 2.4rem;
	}
	#faqSingle h2{
		font-size : 2rem;
		line-height : calc( 24 / 20 );
	}
	#faqSingle h2{
		margin-top : 27px;
		border-bottom-width : 2px;
		padding-bottom : 19px;
	}
	#faqSingle h2:before{
		margin-top : 2px;
	}
	#faqSingle .answer{
		margin-top : calc( 29px - 7px );
	}
	#faqSingle .answer:before{
		margin-top : 7px;
	}
	#faqSingle .answer p{
		font-size : 1.6rem;
		line-height : calc( 30 / 16 );
	}
	#faqSingle .wrap > a{
		margin-top : 68px;
		width : 335px;
		height : 60px;
		font-size : 2.4rem;
	}
}

#faqRelation h3{
	display : grid;
	place-items : center start;
	background-color : var(--primary);
	color : #fff;
}

#faqRelation a{
	display : grid;
	color : #333;
}

#faqRelation a:before{
	content : "Q";
	background-color : #daac0a;
	color : #fff;
	display : grid;
	place-items : center;
	font-weight : 700;
	line-height : 1;
}

@media screen and (max-width: 750px){
	#faqRelation{
		margin-top : calc( ( 40 - 5 ) * 100vw / 750 );
	}
	#faqRelation h3{
		height : calc( 60 * 100vw / 750 );
		font-size : 2.6rem;
		padding-left : calc( 13 * 100% / 690 );
		padding-right : calc( 13 * 100% / 690 );
	}
	#faqRelation ul{
		margin-top : calc( ( 22 - 2.6 ) * 100vw / 750 );
	}
	#faqRelation li + li{
		margin-top : calc( ( 28 - 2.6 ) * 100vw / 750 );
	}
	#faqRelation a{
		grid-template-columns : calc( 50 * 100% / 690 ) 1fr;
		column-gap : calc( 10 * 100% / 690 );
	}
	#faqRelation a{
		font-size : 2.6rem;
		line-height : calc( 31.2 / 26 );
	}
	#faqRelation a:before{
		height : calc( 50 * 100vw / 750 );
		font-size : 2.4rem;
		margin-top : calc( 2.6 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#faqRelation{
		margin-top : calc( 60px - 7px );
	}
	#faqRelation h3{
		padding-left : 23px;
		padding-right : 23px;
		font-size : 2.6rem;
		height : 80px;
	}
	#faqRelation ul{
		margin-top : calc( 26px - 2px );
	}
	#faqRelation li + li{
		margin-top : calc( 20px - 2px );
	}
	#faqRelation a{
		grid-template-columns : 50px 1fr;
		column-gap : 10px;
	}
	#faqRelation a{
		font-size : 2rem;
		line-height : calc( 24 / 20 );
	}
	#faqRelation a:before{
		height : 50px;
		font-size : 2.4rem;
		margin-top : 2px;
	}
}