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


/*
 business
==============================*/

body { background-color: #FFF5FB; }

/* inner ----------*/
#main .inner { position: relative; max-width: 118rem; margin: 0 auto; padding: 0 4rem; }


/* main ----------*/
#main {}
#main .ov_bg { z-index: 1; }
#main h3 { font-size: 3rem; color: #5F5049; line-height: 1.53; margin-bottom: 0.6em; }
@media screen and (max-width:480px) { /* s */
	#main h3 { font-size: 2.2rem; }
}

/* about ----------*/
#about { padding-top: 6rem; padding-bottom: 27rem; }
#about .inner { max-width: 97rem; padding: 0 6rem; }
#about p { font-size: 1.8rem; font-weight: bold; line-height: 2.2; }
#about .ov_bg { width: 4.3%; }
#about .ov_01 { bottom: 10%; left: -25%; }
#about .ov_02 { top: -20%; right: -25%; }
@media screen and (max-width:1420px) {
	#about .ov_01 { left: -5%; }
	#about .ov_02 { right: -5%; }
}
@media screen and (max-width:1024px) { /* l */
	#about .ov_01 { left: 0; }
	#about .ov_02 { right: 0; }
}

/* welfareBusiness ----------*/
#welfareBusiness { padding-top: 1px; }
#welfareBusiness .inner { margin-top: -18rem; }
#welfareBusiness .card_txt_img { gap: 4.7rem; }
#welfareBusiness .card_txt_img .wrap_img { width: 40.3%; position: relative; }
#welfareBusiness .card_txt_img .wrap_txt { width: 55%; }
#welfareBusiness .card_txt_img .wrap_img .p { position: relative; width: 125%; float: right; margin-top: -10%; }
#welfareBusiness .card_txt_img .wrap_img .p .fix { position: absolute; max-width: 75%; left: 0; right: 0; bottom: -45%; margin: auto; }
#welfareBusiness .ov_01 { width: 22.7%; top: -12%; right: -5%; }
#welfareBusiness .ov_02 { width: 24%; top: -5%; left: -5%; }
#welfareBusiness .ov_03 { width: 6%; bottom: -20%; left: 0%; }
#welfareBusiness .ov_04 { width: 21.6%; bottom: -35%; right: -15%; z-index: -1; }
@media screen and (max-width:896px) { /* m */
	#welfareBusiness .card_txt_img { flex-direction: column; }
	#welfareBusiness .card_txt_img .wrap_img { width: 100%; }
	#welfareBusiness .card_txt_img .wrap_txt { width: 100%; }
	#welfareBusiness .card_txt_img .wrap_img .p { width: 80%; float: none; margin-top: 0; margin: auto; }
	#welfareBusiness .card_txt_img .wrap_img .p .fix {  max-width: 60%; left: auto; right: -18%; bottom: -10%; }
	#welfareBusiness .ov_01 { width: 27.7%; top: 10%; right: -1%; }
	#welfareBusiness .ov_02 { top: 10%; left: 2%; }
}


/* colorfulKids ----------*/
#colorfulKids { padding-top: 8rem; padding-bottom: 3rem; }
#colorfulKids .w { display: flex; align-items: center; justify-content: end; }
#colorfulKids .w .pw { position: relative; }
#colorfulKids .w .pw img { max-width: 28.3rem; }
#colorfulKids .w .btw {}
@media screen and (max-width:896px) { /* m */
	#colorfulKids .w .pw { width: 35%; }
	#colorfulKids .w .btw { width: 65%; }
	#colorfulKids .w .btw .bt-other { width: 100%; }
}
@media screen and (max-width:660px) {
	#colorfulKids .w { flex-flow: column; }
	#colorfulKids .w .pw { width: 100%; text-align: center; }
	#colorfulKids .w .btw { width: 100%; text-align: center; }
}


/* careBusiness ----------*/
#careBusiness {
	position: relative;
	background-color: #FBFAF0;
	background-image: url(../img/common/cloud_01.svg), url(../img/common/cloud_02.svg);
	background-repeat: no-repeat;
	background-position: left top 10.4rem, left bottom 20rem;
	background-size: 100% 20rem;
	padding-top: 12rem; padding-bottom: 40rem;
}
#careBusiness::after { content: ""; position: absolute; z-index: 1; top: 30.4rem; left: 0; width: 100%; height: calc(100% - 30.4rem - 40rem); background-color: #FFF; }
#careBusiness .inner { z-index: 2; }
#careBusiness .card_txt_img { gap: 4.7rem; }
#careBusiness .card_txt_img .wrap_img { width: 40.3%; position: relative; }
#careBusiness .card_txt_img .wrap_txt { width: 55%; }
#careBusiness .card_txt_img .wrap_img .p { position: relative; width: 125%; margin-top: -10%; }
#careBusiness .fix { position: absolute; }
#careBusiness .card_txt_img .wrap_img .p .img_01 { max-width: 51%; right: -10%; bottom: -35%; }
#careBusiness .img_02 { max-width: 38%; right: 18%; top: 98%; }
#careBusiness .ov_01 { width: 22.7%; top: -12%; left: 10%; }
#careBusiness .ov_02 { width: 17.5%; top: -5%; left: -15%; }
#careBusiness .ov_03 { width: 14.7%; top: 0%; right: -20%; }
#careBusiness .ov_04 { width: 26.5%; bottom: -45%; left: -10%; }
#careBusiness .ov_05 { width: 9.6%; bottom: -60%; right: -5%; }
#careBusiness .ov_06 { width: 3.4%; bottom: -55%; left: 30%; }
@media screen and (max-width:1270px) {
	#careBusiness .ov_04 { bottom: -45%; left: 6%; }
	#careBusiness .ov_05 { bottom: -60%; right: 5%; }
}
@media screen and (max-width:896px) { /* m */
	#careBusiness .card_txt_img { flex-flow: column; }
	#careBusiness .card_txt_img .wrap_img { width: 100%; }
	#careBusiness .card_txt_img .wrap_txt { width: 100%; }
	#careBusiness .card_txt_img .wrap_img .p { width: 80%; margin-top: 0; margin: auto; }
	#careBusiness .card_txt_img .wrap_img .p .fix {  max-width: 50%; left: auto; right: -18%; bottom: -5%; }
	#careBusiness .img_02 { max-width: 30%; right: 6%; top: 102%; }
	#careBusiness .ov_01 { width: 27.7%; top: 6%; left: -2%; }
	#careBusiness .ov_02 { top: -5%; left: -2%; }
	#careBusiness .ov_03 { top: 0%; right: -2%; }
	#careBusiness .ov_04 { bottom: -20%; }
	#careBusiness .ov_05 { bottom: -30%; }
	#careBusiness .ov_06 { bottom: -25%; }
}
@media screen and (max-width:480px) { /* s */
	#careBusiness { background-size: 100% 10rem; }
	#careBusiness::after { top: 20.4rem; left: 0; width: 100%; height: calc(100% - 20.4rem - 30rem); background-color: #FFF; }
}