@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); */


/*
 q_and_a
==============================*/

/* common ----------*/
#contentsWrap .sec_inner { max-width: 128rem; margin: auto; padding: 0 16rem; }
@media screen and (max-width:480px) { /* s */
	#contentsWrap .sec_inner { padding: 0 6rem; }
}

/* mvp ----------*/
#mvp { width: 100%; aspect-ratio: 1 / 0.42; max-height: 62rem; }

/* qAndAList ----------*/
#qAndAList {}
#qAndAList .sec_inner { margin-top: -10rem; padding-bottom: 10rem; }
#qAndAList h2 { position: relative; z-index: 3; font-size: 2.2rem; margin-top: 3em; display: flex; align-items: center; gap: 1rem; }
#qAndAList h2::before { content: ""; width: 4rem; height: 4rem; background-repeat: no-repeat; background-position: center; background-size: contain; }
#qAndAList .w1 h2 { color: #F2786D; }
#qAndAList .w1 h2::before { background-image: url(../img/q_and_a/h2_icon_01.png); }
#qAndAList .w2 h2 { color: #63B6E0; }
#qAndAList .w2 h2::before { background-image: url(../img/q_and_a/h2_icon_02.png); }
#qAndAList .w3 h2 { color: #5AC7BF; }
#qAndAList .w3 h2::before { background-image: url(../img/q_and_a/h2_icon_03.png); }
#qAndAList .w4 h2 { color: #D6A3E1; }
#qAndAList .w4 h2::before { background-image: url(../img/q_and_a/h2_icon_04.png); }
#qAndAList .qa_list { z-index: 3; position: relative; }
#qAndAList .qa_list li { margin-top: 2.7rem; }
#qAndAList .qa_list li .qw, #qAndAList .qa_list li .aw { display: flex; align-items: center; gap: 2rem; }
#qAndAList .qa_list li .qw::before, #qAndAList .qa_list li .aw::before { font-size: 2rem; font-weight: bold; }
#qAndAList .qa_list li .qw::before { content: "Q"; }
#qAndAList .w1 .qa_list li .qw { color: #F2786D; }
#qAndAList .w2 .qa_list li .qw { color: #63B6E0; }
#qAndAList .w3 .qa_list li .qw { color: #5AC7BF; }
#qAndAList .w4 .qa_list li .qw { color: #D6A3E1; }
#qAndAList .qa_list li .aw::before { content: "A"; }
#qAndAList .qa_list li .qw {}
#qAndAList .qa_list li .qw .q { font-size: 1.5rem; font-weight: bold; }
#qAndAList .w1 .qa_list li .qw .q { color: #F2786D; }
#qAndAList .w2 .qa_list li .qw .q { color: #63B6E0; }
#qAndAList .w3 .qa_list li .qw .q { color: #5AC7BF; }
#qAndAList .w4 .qa_list li .qw .q { color: #D6A3E1; }
#qAndAList .qa_list li .aw { margin-top: 1rem; }
#qAndAList .qa_list li .aw .a {}
@media screen and (max-width:1024px) { /* l */
	#qAndAList .sec_inner { margin-top: 0; }
}
@media screen and (max-width:480px) { /* s */
	#qAndAList .sec_inner { padding-bottom: 6rem; }
}