@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(normalize.css);
@import url(../plugin/fontawesome/css/all.min.css);
@import url(../plugin/aos/aos.css);
/*@import url(../plugin/OwlCarousel/assets/owl.carousel.min.css); @import url(../plugin/OwlCarousel/assets/owl.theme.default.css);*/
/*@import url(../plugin/lightGallery/css/lightgallery.min.css);*/
/*@import url(../plugin/Remodal/remodal.css); @import url(../plugin/Remodal/remodal-default-theme.css);*/
@import url(../plugin/slick/slick.css); @import url(../plugin/slick/slick-theme.css);
@import url(common_parts.css);
@import url(common.css);

/*
 faq
==============================*/

/* index-header ----------*/
#index-header { position: relative; z-index: 2; margin-bottom: 3vw; padding: 10rem 2rem 6rem; }
#index-header .inner { position: relative; }
#index-header .inner::before { position: absolute; right: 6rem; bottom: -10rem; content: ""; width: 22.3rem; height: 25.8rem; background-image: url(../images/faq/bg.svg); background-repeat: no-repeat; background-position: center; background-size: cover; }
#index-header h1 { color: #FFF; line-height: 1; }
#index-header h1 span { display: block; text-align: center; }
#index-header h1 .e { font-size: 8rem; font-weight: 800; font-family: 'Saira Extra Condensed', sans-serif; letter-spacing: 0.05em; }
#index-header h1 .j { margin-top: 3rem; font-size: 3.6rem; }
#index-header .bgimg { margin-top: -2rem; text-align: center; }
@media screen and (max-width:1460px) {
	#index-header { background-size: 140%; }
}
@media screen and (max-width:896px) { /* iPhone 横 m */
	#index-header .inner::before {  right: 3rem; width: 22.3vw; height: 25.8vw; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#index-header { padding-top: 4rem; }
	#index-header h1 { margin-bottom: 4rem; }
	#index-header h1 .e { font-size: 6rem; }
	#index-header h1 .j { margin-top: 1rem; font-size: 2.4rem; }
}

/* index-contents ----------*/
#index-contents {}
#index-contents .faq_list {}
#index-contents .faq_list li {  background-color: #FFF; overflow: hidden; margin-top: 2rem; border-radius: 4rem; }
#index-contents .faq_list li span { display: block; }
#index-contents .faq_list li .q { position: relative; padding: 4rem 4rem 4rem 8rem; border-right: solid 10rem #FAF000; color: #003B80; line-height: 1; line-height: 1.4; font-size: 1.8rem; }
#index-contents .faq_list li .q::before { position: absolute; top: 2.5rem; left: 4rem; content: "Q"; color: #003B80; font-size: 4rem; font-family: 'Saira Extra Condensed', sans-serif; font-weight: 800; }
#index-contents .faq_list li .q::after { position: absolute; right: -6rem; top: 3rem; font-size: 3rem;color: #003B80; content: "\f078"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; }
#index-contents .faq_list li .q.open::after { content: "\f077"; }
#index-contents .faq_list li .q:hover { cursor: pointer; }
#index-contents .faq_list li .a { border-right: solid 10rem #FAF000; }
#index-contents .faq_list li .a .w { position: relative; padding: 0 4rem 4rem 8rem; line-height: 1.6; }
#index-contents .faq_list li .a .w::before { position: absolute; top: 0; left: 4rem; content: "A"; line-height: 1; font-size: 4rem; font-family: 'Saira Extra Condensed', sans-serif; font-weight: 800; }

#index-contents .btw { margin-top: 6rem; text-align: center; }

.mynavi_banner{ display: flex; width: 100%; max-width: 40rem; max-height: 9rem; color: #fff; background-image: url(../images/faq/ico_arrow_large.png); background-position: 95% 50%; background-repeat: no-repeat; background-color: #4BA4E6; text-align: center; text-decoration: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, .5); }
.qr-link__img{ width: 9rem; background-color: #fff; }
.qr-link__text{ padding: 1.8rem 3rem; text-align: left; line-height: 1.1; font-size: 2rem; font-weight: bold; }
.qr-link__entry { display: block; color: #9EDDFF; font-size: 3rem; font-weight: normal; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	.mynavi_banner{ max-height: inherit;  }
	.qr-link__img{ display: none !important; }
	.qr-link__text{ padding: 1.2rem 2rem; font-size: 1.8rem;}
	.qr-link__entry { font-size: 2.4rem; }
}