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


/*
 information
==============================*/

/* mvp ----------*/
#mvp { background-image: url(../img/common/detailed_bg.png); background-position: center top; }

/* info_wrap ----------*/
.info_wrap { display: grid; grid-template-columns: 1fr 24rem; gap: 8rem; }
.side_info .cat_list {}
.side_info h3 { margin-bottom: 2rem; margin-top: 6rem; border: solid 1px #333; padding: 1rem; text-align: center; line-height: 1; }
.side_info h3:first-child { margin-top: 0; }
.side_info .cat_list li { font-size: 1.4rem; display: flex; gap: 0.5rem; align-items: center; }
.side_info .cat_list li .material-symbols-outlined { font-size: 1.4rem; }
.side_info .cat_list li a { font-size: 1.8rem; font-weight: bold; text-decoration: none; color: #333; }
.side_info select { width: 100%; }
@media screen and (max-width:1024px) { /* l */
	.info_wrap { grid-template-columns: 1fr; gap: 6rem; }
}

#info .main_info h2 { font-size: 3rem; margin-bottom: 4rem; border-bottom: solid 1px #333; border-left: solid 5px #333; padding-bottom: 1rem; padding-left: 2rem; }
#info .info_list { padding: 0 !important; }

/* infoDetail ----------*/
#infoDetail {}
#infoDetail .main_info .i { display: flex; align-items: center; gap: 3rem; flex-flow: wrap; margin-bottom: 2rem; }
#infoDetail .main_info .i .c { font-size: 1.4rem; font-weight: bold; background-color: #FFF; border: solid 1px #333; border-radius: 5rem; padding: 0.7rem 1.5rem; line-height: 1; }
#infoDetail .main_info .i.important .c { color: #C30D23; border-color: #C30D23; }
#infoDetail .main_info .i .d { font-size: 1.6rem; font-weight: bold; }
#infoDetail .main_info h1 { margin: 0 0 1.5em 0; font-size: 4rem; }
#infoDetail .main_info h2 { margin: 2em 0 1.5em 0; font-size: 3rem; border-bottom: solid 1px #C30D23; border-left: solid 10px #C30D23; padding-bottom: 1rem; padding-left: 2rem; }
#infoDetail .main_info h3 { margin: 2em 0 1.5em 0; font-size: 2.4rem; border-left: solid 5px #C30D23; padding-left: 2rem; }
#infoDetail .main_info h4 { margin: 2em 0 1.5em 0; font-size: 2rem; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 1rem; text-decoration-color: #C30D23; }
#infoDetail .main_info p { margin: 1em 0; text-align: justify; text-justify: inter-character; }
#infoDetail .main_info p.cap { text-align: center; margin-top: 0.5em; }
#infoDetail .main_info a { color: #C30D23; }
#infoDetail .main_info .pg_txt { margin-top: 3rem; margin-bottom: 3rem; }
#infoDetail .main_info .pg_txt .tw h3 { margin: 1em 0 1em 0; }
#infoDetail .main_info .pg_txt .tw h4 { margin: 1em 0 1em 0; }
#infoDetail .main_info .pg_txt.-grid { display: grid; }
#infoDetail .main_info .pg_txt.-grid.-g2 { grid-template-columns: 1fr 1fr; gap: 4rem; }
#infoDetail .main_info .pg_txt.-grid.-g3 { grid-template-columns: 1fr 1fr 1fr; gap: 4rem; }
#infoDetail .main_info .pg_txt.-grid.-g4 { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 3rem; }
#infoDetail .main_info .pg_txt.-grid .pw { margin-bottom: 2rem; }
#infoDetail .main_info .pgs { margin: 3rem 0; }
#infoDetail .main_info .pgs.-pg1 { display: flex; flex-direction: column; gap: 3rem; align-items: center; }
#infoDetail .main_info .pgs.-pg2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(40rem, 1fr)); gap: 3rem; }
#infoDetail .main_info .pgs.-pg3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr)); gap: 2rem; }
#infoDetail .main_info .pgs.-pg4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 2rem; }
#infoDetail .main_info hr { border: none; border-top: solid 1px #DDD; margin: 6rem 0; }
#infoDetail .main_info h2:nth-child(1),
#infoDetail .main_info h3:nth-child(1),
#infoDetail .main_info h4:nth-child(1),
#infoDetail .main_info p:nth-child(1),
#infoDetail .main_info .pgs:nth-child(1) { margin-top: 0 !important; }
#infoDetail .main_info h2:last-child,
#infoDetail .main_info h3:last-child,
#infoDetail .main_info h4:last-child,
#infoDetail .main_info p:last-child,
#infoDetail .main_info .pgs:nth-child(1) { margin-bottom: 0 !important; }
@media screen and (max-width:896px) { /* m */
	#infoDetail .main_info .pg_txt.-grid.-g2 { grid-template-columns: 1fr 1fr; gap: 2rem; }
	#infoDetail .main_info .pg_txt.-grid.-g3 { grid-template-columns: 1fr 1fr; gap: 2rem; }
	#infoDetail .main_info .pg_txt.-grid.-g4 { grid-template-columns: 1fr 1fr 1fr; gap: 2rem; }
}
@media screen and (max-width:480px) { /* s */
	#infoDetail .main_info .pg_txt.-grid.-g2 { grid-template-columns: 1fr; gap: 3rem; }
	#infoDetail .main_info .pg_txt.-grid.-g3 { grid-template-columns: 1fr 1fr; gap: 3rem; }
	#infoDetail .main_info .pg_txt.-grid.-g4 { grid-template-columns: 1fr 1fr; gap: 3rem; }

}