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


/*
concept
==============================*/

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


/* common ----------*/
#main .h2p {}
#main .h2p span { display: inline-block; line-height: 1; padding: 1.3rem 4rem; background-color: #73B6DA; color: #FFFF8B; font-size: 3rem; font-weight: 500; }
#main .-bg_blue .h2p span { background-color: #08599F; }
#main .h2 { margin-top: 2rem; }


/* index ----------*/
#index {}
#index .index_list { margin-top: 6rem; }
#index .index_list .btw { display: block; text-align: center; margin-top: 2rem; }


/* evolutionDeepening ----------*/
#evolutionDeepening { overflow: hidden; }
#evolutionDeepening .w { display: flex; flex-direction: row-reverse; gap: 6rem; }
#evolutionDeepening .w .pw { width: calc(100% - 42% - 6rem); }
#evolutionDeepening .w .pw img { width: 135%; max-width: none; }
#evolutionDeepening .w .tw { width: 42%; }
@media screen and (max-width:1440px) {
	#evolutionDeepening .w .pw img { width: 53vw; }
}
@media screen and (max-width:896px) { /* m */
	#evolutionDeepening .w { flex-direction: column; gap: 4rem; }
	#evolutionDeepening .w .pw,
	#evolutionDeepening .w .tw { width: 100%; }
	#evolutionDeepening .w .pw img { width: calc(100% + 3rem); }
}


/* heartPrice ----------*/
#heartPrice {}
#heartPrice .heartPrice_list { margin-top: 6rem; }
#heartPrice .heartPrice_list li { padding: 2.5rem 2rem; background-color: #F0F4F6; box-shadow: 2px 2px 8px 0 rgba(6, 102, 158, 0.38); }
#heartPrice .heartPrice_list li h4 { display: grid; place-items: center; margin-top: 1rem; }
#heartPrice .heartPrice_list li h4 span { color: #73B6DA; font-size: 1.9rem; font-weight: 500; text-align: center; }
#heartPrice .heartPrice_list li .p { display: block; text-align: center; }
@media screen and (max-width:896px) { /* m */
	.heartPrice_list_wrap { max-width: 50rem; margin-left: auto !important; margin-right: auto !important; }
}

/* newEvolution ----------*/
#newEvolution {}
#newEvolution .w { display: flex; gap: 6rem; }
#newEvolution .w .pw { width: calc(100% - 42% - 6rem); }
#newEvolution .w .pw img { width: 135%; max-width: none; float: right; }
#newEvolution .w .tw { width: 42%; }
@media screen and (max-width:1440px) {
	#newEvolution .w .pw img { width: 53vw; }
}
@media screen and (max-width:896px) { /* m */
	#newEvolution .w { flex-direction: column; gap: 4rem; }
	#newEvolution .w .pw,
	#newEvolution .w .tw { width: 100%; }
	#newEvolution .w .pw img { width: calc(100% + 3rem); }
}

/* trueValue ----------*/
#trueValue { margin-bottom: -7.1rem; padding-bottom: 10rem !important; }
#trueValue .w { max-width: 90rem; margin: auto; }
#trueValue .heartPrice_list { margin-top: 6rem; }
#trueValue .heartPrice_list li { padding: 2.5rem 2rem; background-color: #F0F4F6; box-shadow: 2px 2px 8px 0 rgba(6, 102, 158, 0.38); }
#trueValue .heartPrice_list li h4 { display: grid; place-items: center; margin-top: 1rem; margin-bottom: 1rem; }
#trueValue .heartPrice_list li h4 span { color: #73B6DA; font-size: 1.9rem; font-weight: 500; text-align: center; }
#trueValue .heartPrice_list li .p { display: block; text-align: center; }
#trueValue .heartPrice_list li p { color: #506A79; line-height: 1.86; }