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


/*
 about_us
==============================*/

/* common ----------*/
#contentsWrap .sec_inner { max-width: 118rem; margin: auto; padding: 0 4rem; }
#contentsWrap .card_tx_ph { position: relative; z-index: 5; display: flex; }
#contentsWrap .card_tx_ph.-r { flex-direction: row-reverse; }
#contentsWrap .card_tx_ph .pw { position: relative; }
#contentsWrap .card_tx_ph .pw h2 { position: absolute; top: -3rem; left: 3rem; }
@media screen and (max-width:1080px) {
	#contentsWrap .card_tx_ph .pw h2 { top: -6rem; left: -4rem; }
}
@media screen and (max-width:480px) { /* s */
	#contentsWrap .card_tx_ph .pw h2 { left: -6rem; }
	#contentsWrap .card_tx_ph .pw h2 img { width: 80%; }
}


/* as ----------*/
#as {}
#as .card_tx_ph { gap: 3%; }
#as .card_tx_ph .pw { width: 42%; }
#as .card_tx_ph .tw { width: 55%; }
#as #mvp { background-color: #FBFAF0; }
#as #mvp .sec_inner { padding-bottom: 2rem; }
#as #mvp .card_tx_ph { margin-top: 8rem; }
#as #mvp .card_tx_ph .pw .ov_01 { bottom: 96%; left: 7%; width: 21.7%; }
#as #mvp .card_tx_ph .pw .ov_02 { bottom: -2rem; right: 0; width: 92%; }
#as #mvp .ov_01 { bottom: 0; left: calc(100% - 10%); width: 27.3%; }
#as #welfare {}
#as #welfare .sec_inner { padding-top: 7rem; padding-bottom: 7rem; }
#as #welfare .card_tx_ph .pw .ov_01 { z-index: -1; top: 45%; left: -20%; width: 100%; transform: scale(1.2, 1.2); }
#as #welfare .ov_01 { top: 0; right: calc(100% - 13%); width: 33%; }
#as #welfare .ov_02 { top: 10%; left: calc(100% - 13%); width: 33%; }
#as #welfare .ov_03 { bottom: 0; left: 0; width: 40%; }
#as #welfare .ov_04 { bottom: 0; right: 0; width: 7%; }
#as #care { background-color: #FBFAF0; }
#as #care .sec_inner { padding-top: 7rem; padding-bottom: 7rem; }
#as #care .ov_01 { top: 0; right: calc(100% - 30%); width: 43%; }
#as #care .ov_02 { bottom: 0; left: calc(100% - 30%); width: 43%; }
#as #care .ov_03 { bottom: 0; right: 20%; width: 10.2%; }
@media screen and (max-width:896px) { /* m */
	#as .card_tx_ph { flex-direction: column !important; gap: 4rem; }
	#as .card_tx_ph .pw { width: 80%; margin: auto; }
	#as .card_tx_ph .tw { width: 100%; }
}

/* asImportant ----------*/
#asImportant { background-color: #F9ECEC; }
#asImportant .card_tx_ph { gap: 5%; align-items: center; }
#asImportant .card_tx_ph .pw { width: 49%; }
#asImportant .card_tx_ph .tw { width: 46%; }
#asImportant #mvp {}
#asImportant #mvp .tw { position: relative; margin-top: 12rem; padding: 10rem 8rem 6rem; }
#asImportant #mvp .tw::after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 99% 100%; background-image: url(../img/about_us/asImp_txt_bg_01.svg); }
#asImportant #mvp .tw h3 { position: absolute; left: 0; top: -11rem; z-index: 2; width: 100%; text-align: center; }
#asImportant #mvp .tw p { position: relative; z-index: 2; font-size: 1.8rem; font-weight: 500; }
#asImportant #mvp .h2 .j { color: #4D70AE; }
#asImportant #mvp .sec_inner { max-width: 112.4rem; padding-bottom: 6rem; }
#asImportant #mvp .ov_01 { bottom: 10%; left: 0; width: 30.6%; }
#asImportant #mvp .ov_02 { top: 28%; right: 0; width: 32.3%; }
#asImportant #main .sec_inner { max-width: 99.5rem; padding: 0 6rem; padding-top: 6%; padding-bottom: 10%; }
#asImportant #main .card_tx_ph .pw img { max-width: none; }
#asImportant #main .card_tx_ph .p1 img { width: 108%; float: right; }
#asImportant #main .card_tx_ph .p2 img { width: 118%; }
#asImportant #main .card_tx_ph .p3 img { width: 120%; float: right; }
#asImportant #main .card_tx_ph .p4 img { width: 118%; }
#asImportant #main .card_tx_ph .p5 img { width: 111%; float: right; }
#asImportant #main .ov_bg { width: 40%; }
#asImportant #main .ov_01, #asImportant #main .ov_03, #asImportant #main .ov_05 { right: calc(100% - 27%); }
#asImportant #main .ov_02, #asImportant #main .ov_04, #asImportant #main .ov_06 { left: calc(100% - 27%); }
#asImportant #main .ov_01 { top: 0; }
#asImportant #main .ov_02 { top: 0; }
#asImportant #main .ov_03 { top: 50%; }
#asImportant #main .ov_04 { top: 35%; }
#asImportant #main .ov_05 { bottom: 0; }
#asImportant #main .ov_06 { bottom: 0; }
@media screen and (max-width:1300px) {
	#asImportant #mvp .ov_01 { left: -7%; }
	#asImportant #mvp .ov_02 { right: -10%; }
	#asImportant #mvp .tw { margin-top: 12vw; padding: 10vw 6rem 6rem; }
	#asImportant #mvp .tw h3 { top: -11vw; }
	#asImportant #mvp .tw h3 img { width: 60%; }
}
@media screen and (max-width:896px) { /* m */
	#asImportant .card_tx_ph { flex-direction: column !important; gap: 4rem; }
	#asImportant .card_tx_ph .pw { width: 80%; margin: auto; margin-top: 10%; }
	#asImportant .card_tx_ph .tw { width: 100%; }
	#asImportant #main .card_tx_ph .pw img { float: none; width: 100% !important; }
}
@media screen and (max-width:480px) { /* s */
	#asImportant #mvp .sec_inner { padding-bottom: 0; }
	#asImportant #mvp .tw h3 { top: -15vw; }
	#asImportant #mvp .tw h3 img { width: 80%; }
	#asImportant #mvp .tw p { font-size: 1.6rem; }
	#asImportant #mvp .ov_02 { top: 18%; }
	#asImportant #mvp .ov_01 { bottom: 2%; }
	#asImportant .card_tx_ph .pw { width: 100%; }
}

/* asGreeting ----------*/
#asGreeting {}
#asGreeting #mvp { background-color: #FFF; }
#asGreeting #mvp .sec_inner { max-width: 103rem; padding-bottom: 5rem; }
#asGreeting #mvp .p { position: relative; }
#asGreeting #mvp .p .info { position: absolute; z-index: 10; bottom: -4%; right: 4%; display: inline-block; padding: 4rem 4rem 5rem; color: #FFF; background-image: url(../img/about_us/asGre_info_bg.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
#asGreeting #mvp .p .info h3 { font-size: 2rem; font-weight: 500; }
#asGreeting #mvp .p .info p { font-size: 1.4rem; }
#asGreeting #mvp h2 { position: relative; z-index: 10; margin-top: 10rem; color: #4D70AE; font-size: 3.4rem; font-weight: bold; text-align: center; }
#asGreeting #mvp .ov_01 { bottom: 0; left: calc(100% - 20%); width: 24%; }
#asGreeting #mvp .ov_02 { bottom: 0; left: 0; width: 20%; }
#asGreeting #mvp .ov_03 { bottom: 0; right: 0; width: 14.2%; }
#asGreeting #greeting { background-color: #FBFAF0; }
#asGreeting #greeting .sec_inner { max-width: 110.7rem; padding: 0 4rem; padding-top: 10rem; padding-bottom: 9rem; }
#asGreeting #greeting .card_tx_ph { gap: 4%; }
#asGreeting #greeting .card_tx_ph .pw { width: 51%; }
#asGreeting #greeting .card_tx_ph .tw { width: 45%; }
#asGreeting #greeting .card_tx_ph .pw img { max-width: none; }
#asGreeting #greeting .card_tx_ph .p1 img { width: 133%; float: right; }
#asGreeting #greeting .tw h2 { margin-bottom: 2.4rem; color: #5AC3A0; font-size: 2.4rem; font-weight: bold; }
#asGreeting #greeting .tw p { color: #5F5049; font-weight: 500; }
#asGreeting #greeting .t2 { position: relative; z-index: 2; margin-top: 8rem; }
#asGreeting #greeting .ov_01 { top: 0; right: calc(100% - 25%); width: 45.5%; }
#asGreeting #greeting .ov_02 { z-index: 1; bottom: 0; left: calc(100% - 16%); width: 26.8%; }
#asGreeting #greeting .ov_03 { bottom: 0; left: 0; width: 7.8%; }
@media screen and (max-width:1260px) {
	#asGreeting #greeting .sec_inner { padding-bottom: 18rem; }
}
@media screen and (max-width:896px) { /* m */
	#asGreeting #mvp .p .info { bottom: -8%; right: 2%; padding: 2rem 2rem 2.5rem 3rem; }
	#asGreeting #greeting .sec_inner { padding-top: 6rem; }
	#asGreeting #greeting .card_tx_ph { flex-direction: column !important; gap: 4rem; }
	#asGreeting #greeting .card_tx_ph .pw { width: 80%; margin: auto; }
	#asGreeting #greeting .card_tx_ph .tw { width: 100%; }
	#asGreeting #greeting .card_tx_ph .p1 img { width: 100%; float: none; }
	#asGreeting #greeting .t2 { margin-top: 4rem; }
}
@media screen and (max-width:480px) { /* s */
	#asGreeting #mvp .sec_inner { padding-bottom: 10rem; }
	#asGreeting #mvp .tw { position: relative; z-index: 5; }
	#asGreeting #mvp h2 { font-size: 2.8rem; }
	#asGreeting #mvp .p .info { bottom: -35%; right: -2%; }
	#asGreeting #mvp .p .info h3 { font-size: 1.8rem; }
	#asGreeting #mvp .p .info p { font-size: 1.2rem; }
	#asGreeting #greeting .sec_inner { padding-bottom: 8rem; }
}