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


/*
about
==============================*/

/* about_contents ----------*/
.about_contents { display: flex; flex-direction: column; gap: 8rem; }
.about_contents .logo { text-align: center; padding-top: 10vw; }
.about_contents .txt { text-align: center; line-height: 2.4; font-weight: bold; font-size: 2rem; }
.about_contents .pg { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; }
.about_contents .pg img { border-radius: 1rem; }
.about_contents .group_area { display: flex; flex-direction: column; gap: 6rem; }
.about_contents .group_area h3 { text-align: center; }
.about_contents .group_links { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4rem; }
.about_contents .group_links li { display: flex; flex-direction: column; gap: 2rem; align-items: center; border: solid 1px #000; background-color: #FFF; padding: 4rem; }
@media screen and (max-width:896px) { /* m */
	.about_contents .group_links { grid-template-columns: repeat(1, 1fr); }
}
@media screen and (max-width:480px) { /* s */
	.about_contents { gap: 6rem; }
	.about_contents .pg { grid-template-columns: repeat(1, 1fr); gap: 1rem; }
	.about_contents .group_links li { gap: 2rem; padding: 2rem; }
	.about_contents .group_links { gap: 2rem; }
}