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


/*
career_and_system
==============================*/

/* mvp ----------*/
#mvp { background-image: url(../img/growth/kv.jpg); }


/* common ----------*/
#main h3 { font-size: 2.8rem; font-weight: 500; margin-top: 8rem; margin-bottom: 0.8em; }
#main h3.mt12rem { margin-top: 12rem; }
#main .iw { max-width: 60rem; margin: auto; }

/* support_list ----------*/
.support_list { margin-top: 6rem; }
.support_list li { padding: 2.5rem 2rem; background-color: #F0F4F6; box-shadow: 3px 4px 10px 0 rgba(154, 215, 250, 0.20); }
.support_list li h4 { display: grid; place-items: center; }
.support_list li h4 span { color: #73B6DA; font-size: 2.2rem; font-weight: 500; text-align: center; }
.support_list li .p { display: block; margin-top: 2rem; text-align: center; }
.support_list li p { margin-top: 2rem; line-height: 1.86; color: #506A79; }
@media screen and (max-width:896px) { /* m */
	.list_wrap { max-width: 50rem; margin-left: auto !important; margin-right: auto !important; }
}

/* growthCycle ----------*/
#growthCycle {}
#growthCycle .area { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; margin-top: 6rem; }
#growthCycle .area > li { background-color: #FFF; }
#growthCycle .area li .hw { background-color: #5894BE; padding: 2.5rem 1rem; }
#growthCycle .area li:nth-child(2) .hw { background-color: #08599F; }
#growthCycle .area li .hw h4 { font-size: 3rem; font-weight: 500; text-align: center; }
#growthCycle .area li .hw p { text-align: center; }
#growthCycle .area li .tw { padding: 3rem 4.5rem; }
#growthCycle .area li .tw p { color: #506A79; }
#growthCycle .area li .tw h5 { margin-top: 3rem; color: #73B6DA; font-size: 2.2rem; font-weight: 500; }
#growthCycle .area li .tw .w { max-width: 40rem; margin: auto; }
#growthCycle hr { height: 2px; margin-top: 4rem; border: none; border-top: 2px dashed #71C2F0; background: none; }
#growthCycle .area li .tw .jobs { display: grid; margin-top: 4rem; grid-template-columns: 1fr 1fr; gap: 2.4rem; }
#growthCycle .area li .tw .jobs li { padding: 2.5rem 1rem 2rem; background-color: #F0F4F6; text-align: center; box-shadow: 3px 4px 10px 0 rgba(154, 215, 250, 0.20); }
#growthCycle .area li .tw .jobs li .t { display: block; margin-top: 1rem; color: #73B6DA; font-size: 1.8rem; font-weight: 500; text-align: center; line-height: 1.4; }
#growthCycle .area li .tw .recommended { margin-top: 1rem; }
#growthCycle .area li .tw .recommended li { display: flex; margin-top: 0.5em; color: #506A79; font-weight: 500; gap: 1.2rem; }
#growthCycle .area li .tw .recommended li::before { content: url(../img/career_and_system/check.svg); }
#growthCycle .career_communication { margin-top: 6rem; background-color: #FFF; }
#growthCycle .career_communication .hw { padding: 2.5rem 1rem; background-color: #5894BE; }
#growthCycle .career_communication .hw h4 { font-size: 2.8rem; font-weight: bold; text-align: center; }
#growthCycle .career_communication .hw p { font-weight: bold; text-align: center; }
#growthCycle .career_communication .tw { padding: 3rem 4.5rem; }
#growthCycle .career_communication .tw h5 { display: flex; display: flex; margin-top: 3rem; color: #73B6DA; font-size: 2.2rem; font-weight: 500; align-items: center; gap: 1rem; justify-content: center; }
#growthCycle .career_communication hr { max-width: 28rem; margin-left: auto; margin-right: auto; }
#growthCycle .career_communication .flow { display: grid; max-width: 100rem; margin: auto; color: #506A79; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 6rem; }
#growthCycle .career_communication .flow li { position: relative; }
#growthCycle .career_communication .flow li::after { content: ""; position: absolute; left: calc(100% + 1rem); top: 8.5rem; display: block; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 16px solid #4E88A7; }
#growthCycle .career_communication .flow li:last-child:after { display: none; }
#growthCycle .career_communication .flow .n { margin-bottom: 2rem; position: relative; display: inline-block; width: 4.8rem; text-align: center; color: #FFF; font-size: 2.7rem; font-family: "Figtree", sans-serif; font-weight: 500; }
#growthCycle .career_communication .flow .n span { position: relative; z-index: 2; }
#growthCycle .career_communication .flow .n::after { content: ""; position: absolute; z-index: 1; top: 0.45em; left: 0.3em; width: 3.2rem; aspect-ratio: 1; background-color: #5894BE; transform: rotate(45deg); transform-origin: center center; }
#growthCycle .career_communication .flow h6 { color: #73B6DA; font-size: 2.4rem; font-weight: 500; }
#growthCycle .career_communication .flow p { line-height: 1.86; }
#growthCycle .career_communication .feature { display: flex; flex-flow: wrap; margin-top: 3rem; justify-content: center; row-gap: 2rem; column-gap: 4rem; }
#growthCycle .career_communication .feature li { display: flex; margin-top: 0.5em; color: #506A79; font-weight: 400; gap: 1.2rem; }
#growthCycle .career_communication .feature li::before { content: url(../img/career_and_system/check.svg); }
@media screen and (max-width:896px) { /* m */
	#growthCycle .area { grid-template-columns: 1fr; gap: 3rem; margin-top: 4rem; }
	#growthCycle .career_communication .flow { grid-template-columns: 1fr 1fr; gap: 5rem; }
}
@media screen and (max-width:480px) { /* s */
	#growthCycle .career_communication .flow { grid-template-columns: 1fr; gap: 5rem; }
	#growthCycle .career_communication .flow li { padding-left: 4rem; }
	#growthCycle .career_communication .flow li::after { left: calc(50% - 10px); top: calc(100% + 1rem); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 16px solid #4E88A7; }
	#growthCycle .career_communication .flow .n { position: absolute; left: -2rem; }
	#growthCycle .career_communication .flow h6 br { display: none; }
}


/* support ----------*/
#support { overflow: hidden; }
#support .support_list { position: relative; }
#support .support_list li { background-color: #FFF; }
#support .support_list::before { position: absolute; top: -13rem; left: 92%; content: ""; width: 23.8rem; aspect-ratio: 238 / 242; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/career_and_system/learning_01.svg); }
@media screen and (max-width:480px) { /* s */
	#support .list_wrap { padding: 0 10vw; }
	#support .support_list::before {  top: -10vw; left: calc(100% - 8vw); width: 25vw; }
}

/* system ----------*/
#system { overflow: hidden; margin-bottom: -7.1rem; padding-bottom: 10rem !important; }
#system h3 { font-size: 2.4rem; }