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

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


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

/* mvp ----------*/
#mvp { background-image: url(../img/faq/mv_bg.svg); background-repeat: no-repeat; background-size: contain; background-position: center bottom; }
@media screen and (max-width:480px) { /* s */
	#mvp { background-size: 140% auto; background-position: right bottom; }
}

/* h2 ----------*/
.h2.-page { margin-top: 8rem; }
.h2.-page:first-child { margin-top: 0; }
.h2.-page span { background-color: #FFF; max-width: none; width: 100%; text-align: left; padding: 0.4em 1em; }


/* faq_list ----------*/
.faq_list {}
.faq_list li { margin-top: 4rem; }
.faq_list span { display: block; }
.faq_list .q, .faq_list .a { position: relative; ;}
.faq_list .q {}
.faq_list .q:hover { cursor: pointer; }
.faq_list .a {}
.faq_list .q::before, .faq_list .a::before { content: ""; display: block; width: 5.2rem; height: 5.2rem; position: absolute; left: 0; z-index: 2; background-repeat: no-repeat; background-position: center; background-size: contain; }
.faq_list .q::before { background-image: url(../img/faq/icon_q.svg); top: 0; bottom: 0; margin: auto;  }
.faq_list .a::before { background-image: url(../img/faq/icon_a.svg); top: 3rem; }
.faq_list .q::after { content: ""; display: block; width: 2.2rem; height: 2.2rem; position: absolute; right: 1rem; z-index: 2; background-repeat: no-repeat; background-position: center; background-size: contain; }
.faq_list .q::after { background-image: url(../img/faq/icon_plus.svg); top: 0; bottom: 0; margin: auto; }
.faq_list .q.open::after { background-image: url(../img/faq/icon_minus.svg); top: 0; bottom: 0; margin: auto; }
.faq_list .q .h, .faq_list .a .w { border: solid 2px #000; border-radius: 2rem; padding: 1.5rem 3.5rem 1.5rem 5rem; margin-left: 2.5rem; }
.faq_list .q .h { font-size: 2.2rem; color: #01398D; font-weight: var(--bold); line-height: 1.4; background-color: #F6F5F5; }
.faq_list .a .w { background-color: #FFF; margin-top: 2rem; font-size: 1.6rem; font-weight: var(--regular); }