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


/*
 recruitment
==============================*/

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

/* mvp ----------*/
#mvp { background-color: #FFFAFA; }
#mvp .sec_inner { max-width: 101.4rem; padding-bottom: 5rem; }
#mvp .ov_01 { z-index: 1; top: 60%; left: calc(100% - 15%); width: 24%; }
#mvp .tw { position: relative; z-index: 2; }

.box_01 { position: relative; z-index: 2; display: flex; align-items: end; gap: 3rem; margin-top: 7rem; }
.box_01 .tw { width: 70%; }
.box_01 .pw { width: calc(100% - 70% - 3rem); }
.box_01 .pw img { transform: scale(3.34,3.34); transform-origin: right bottom; }
.box_01 h2 { color: #5AC3A0; font-size: 2.4rem; font-weight: bold; margin-bottom: 2rem; }
.box_01 p {}
#recruitment .sec_inner { padding-bottom: 10rem; }
#main { background-color: #FFFAFA; }
#main .cb1 { position: relative; z-index: 2; padding-top: 6rem; max-width: 65rem; }
#main .cb1 .tw {}
#main .cb1 .tw h3 { color: #5AC3A0; font-size: 2.4rem; font-weight: bold; margin-bottom: 2rem; }
#main .cb1 .tww { position: relative; z-index: 2; margin-top: 4rem; padding: 2rem 3rem; border-radius: 2rem; border: dashed 2px #5AC3A0; background-color: #FFF; }
#main .cb1 .tww h4 { font-size: 1.8rem; }
#main .cb1 .abs_img { position: absolute; z-index: 1; }
#main .box_03 { margin-left: auto; margin-top: 6rem; }
#main .box_02 .abs_img { width: 70%; left: calc(100% - 2rem); bottom: -4rem; }
#main .box_03 .abs_img { width: 72%; right: calc(100% + 2rem); bottom: -2rem; }
#main .ov_01 { z-index: 1; top: 5%; right: calc(100% - 25%); width: 41.5%; }
#main .ov_02 { z-index: 1; bottom: 0; left: calc(100% - 25%); width: 41.5%; }
@media screen and (max-width:1240px) {
	.box_01 .tw { width: 50%; }
	.box_01 .pw { width: calc(100% - 50% - 3rem); }
	.box_01 .pw img { transform: scale(1.5,1.5); }
}
@media screen and (max-width:896px) { /* m */
	.box_01 { flex-direction: column; }
	.box_01 .tw,
	.box_01 .pw { width: 100%; }
	.box_01 .pw img { transform: scale(1,1); }
}
@media screen and (max-width:1024px) { /* l */
	#main .cb1 .tww { width: 70%; }
	#main .box_02 .abs_img { width: 40.6%; left: calc(75% - 2rem); }
	#main .box_03 .tww { margin-left: auto; }
	#main .box_03 .abs_img { width: 45%; right: calc(75% + 1rem); }
}
@media screen and (max-width:480px) { /* s */
	.box_01 { flex-direction: column; }
	.box_01 .tw,
	.box_01 .pw { width: 100%; }
	#main .cb1 .tww { width: 100%; margin-bottom: 20%; margin-top: 2rem; }
	#main .box_02 .abs_img { left: auto; right: -3rem; bottom: -20%; }
	#main .box_03 .abs_img { right: auto; left: -3rem; bottom: -20%; }
}