@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.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); */


/*
sitemap
==============================*/

/* sitemap ----------*/
#sitemap {}
#sitemap li { line-height: 1; }
#sitemap a { display: block; text-decoration: none; line-height: 1.3; }
#sitemap .parent > li { margin: 3em 0 0 0; }
#sitemap .parent > li > a { position: relative; padding: 0 0 1.5rem; border-bottom: dashed 1px #B4A7A7; color: #04684A; font-size: 2.8rem; font-weight: bold; }
#sitemap .parent > li > a::before,
#sitemap .parent > li > a::after { content: ""; position: absolute; bottom: -0.28rem; width: 0.5rem; aspect-ratio: 1; border-radius: 100%; background-color: #B4A7A7; }
#sitemap .parent > li > a::before { left: 0; }
#sitemap .parent > li > a::after { right: 0; }
#sitemap .parent > li > ul { display: flex; flex-flow: wrap; margin-top: 5.2rem; gap: 3.2rem; }
#sitemap .parent > li > ul li { width: calc((100% - 6.4rem) / 3); }
#sitemap .parent > li > ul li a { display: inline-flex; color: #694A40; font-size: 1.5rem; font-weight: 500; align-items: center; gap: 0.5rem; }
#sitemap .parent > li > ul li a:hover { opacity: 1; color: rgb(176, 0, 0); }
#sitemap .parent > li > ul li a::before { content: ""; width: 0; height: 0; border: 0.4rem solid transparent; border-left: 0.6rem solid rgb(176, 0, 0); }
#sitemap .parent > li > ul li a .arrow { width: 1.6rem; aspect-ratio: 15 / 12; fill: #694A40; }
#sitemap .sub_link { display: flex; flex-flow: wrap; margin-top: 20rem; gap: 3.2rem; }
#sitemap .sub_link li { line-height: 1; width: calc((100% - 6.4rem) / 3); }
#sitemap .sub_link li a { color: #694A40; font-size: 1.5rem; font-weight: 500; }
#sitemap .sub_link li a:hover { opacity: 1; text-decoration: underline; color: rgb(176, 0, 0); }
@media screen and (max-width:896px) { /* m */
	#sitemap .parent > li > ul li { width: calc((100% - 3.2rem) / 2); }
	#sitemap .sub_link li { width: calc((100% - 3.2rem) / 2); }
}
@media screen and (max-width:480px) { /* s */
	#sitemap .parent > li { margin: 2.5em 0 0 0; }
	#sitemap .parent > li > a { font-size: 2.6rem; }
	#sitemap .parent > li > ul { margin-top: 3rem; gap: 2rem; }
	#sitemap .parent > li > ul li a { font-size: 1.6rem; gap: 1.5rem; }
	#sitemap .parent > li > ul li { width: 100%; }
	#sitemap .sub_link { margin-top: 10rem; gap: 3rem; }
	#sitemap .sub_link li { width: 100%; }
}