@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/aos/aos.css);
/* @import url(../libs/fontawesome/css/all.min.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); */


/*
philosophy
==============================*/

/* mv_pg ----------*/
#mv_pg::after { background-image: url(../img/philosophy/kv.webp); }

.name { font-size: 2rem; vertical-align: baseline; }

/* philosophy_list ----------*/
.philosophy_list { display: flex; flex-direction: column; gap: 6rem; margin-top: 8rem; }
.philosophy_list li { display: grid; grid-template-columns: minmax(0px, 42rem) 1fr; gap: 6rem; }
.philosophy_list li .pw {}
.philosophy_list li .tw {}
.philosophy_list li .tw h3 { font-size: 2.8rem; color: #9F7749; margin-bottom: 1.6rem; }
@media screen and (max-width:896px) { /* m */
	.philosophy_list li { grid-template-columns: minmax(0px, 30rem) 1fr; gap: 3rem; }
}
@media screen and (max-width:480px) { /* s */
	.philosophy_list li { grid-template-columns:1fr; gap: 3rem; }
}