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


/*
 environment
==============================*/


/* common ----------*/
#contentsWrap .sec_inner { margin: auto; padding: 0 4rem; }


/* mvp ----------*/
#mvp {}
#mvp .sec_inner { max-width: 118.5rem; padding-bottom: 5rem; }
#mvp .pw { margin-top: -5%; }
#mvp .ov_01 { z-index: -1; bottom: 0; left: calc(100% - 15%); width: 24%; }
#mvp .ov_02 { z-index: -1; bottom: 0; left: 0; width: 12.5%; }
#mvp .ov_03 { z-index: -1; bottom: 0; right: 0; width: 12.5%; }


/* main common ----------*/
#main .sec_inner { position: relative; z-index: 2; max-width: 107.8rem; padding-top: 4rem; padding-bottom: 13rem; }
#main h2 { margin-bottom: -1em; margin-left: -1rem; }
#main .environment_list { display: grid; column-gap: 4rem; row-gap: 5rem; }
#main .environment_list li { padding: 3rem; border-radius: 2rem; background-color: #FFF; }
#main .environment_list.-c1 li { border: solid 2px #5AC7BF; }
#main .environment_list.-c2 li { border: solid 2px #F9A49C; }
#main .environment_list.-c3 li { border: solid 2px #EFC1D7; }
#main .environment_list li h3 { text-align: center; font-size: 2.4rem; margin-bottom: 1.25em; }
#main .environment_list li .i { text-align: center; }
#main .environment_list li p { line-height: 1.86; margin-top: 2em; }


/* training ----------*/
#training { background-color: #F9ECEC; }
#training .environment_list { grid-template-columns: 1fr 1fr; }
#training .ov_01 { top: 30%; right: calc(100% - 20%); width: 30.7%; }
#training .ov_02 { top: 0; left: calc(100% - 20%); width: 30.7%; }
#training .ov_03 { bottom: 0; right: 0; width: 12.3%; }
@media screen and (max-width:896px) { /* m */
	#training .environment_list { grid-template-columns: 1fr; row-gap: 2rem; }
}


/* welfareBenefits ----------*/
#welfareBenefits { background-color: #FBFAF0; }
#welfareBenefits .environment_list { grid-template-columns: 1fr 1fr 1fr; }
#welfareBenefits .ov_01 { top: 0; right: calc(100% - 25%); width: 41.5%; }
#welfareBenefits .ov_02 { top: 16%; left: calc(100% - 25%); width: 41.5%; }
#welfareBenefits .ov_03 { bottom: 0; right: calc(100% - 25%); width: 41.5%; }
#welfareBenefits .ov_04 { bottom: 0; left: calc(100% - 25%); width: 41.5%; }
@media screen and (max-width:896px) { /* m */
	#welfareBenefits .environment_list { grid-template-columns: 1fr 1fr; column-gap: 2rem; row-gap: 2rem; }
}
@media screen and (max-width:480px) { /* s */
	#welfareBenefits .environment_list { grid-template-columns: 1fr; }
}