@charset "utf-8";

/* ----------------------------------------------
 ! site-map
 ---------------------------------------------- */

#sitemap-nav-ul {}
#sitemap-nav-ul > li { list-style:none; position:relative; }
#sitemap-nav-ul > li > a, 
#sitemap-nav-ul > li > mark { display:flex; align-items:center; height:12.82vw; line-height:1.6; padding:0 12.82vw; font-size:3.85vw; color:#25292E; font-weight:400; text-decoration:none; position:relative; }
#sitemap-nav-ul > li > a:before, 
#sitemap-nav-ul > li > mark:before { content:"＞"; position:absolute; top:50%; left:5.13vw; margin:-2vw 0 0; font-size:3.33vw; }
#sitemap-nav-ul > li:first-child > a:before { content:"";  width:3.59vw; height:3.59vw; background:url(../img/common/ico_home_b.svg) center center/100% auto no-repeat; }
.sitemap-ul-sub {}
.sitemap-ul-sub li { list-style:none; }
.sitemap-ul-sub li mark { display:flex; align-items:center; height:12.82vw; line-height:1.6; padding:0 12.82vw; font-size:3.85vw; color:#4A403E; text-decoration:none; position:relative; }
.sitemap-ul-sub li a { display:flex; align-items:center; height:12.82vw; line-height:1.6; padding:0 12.82vw 0 17.94vw; font-size:3.85vw; color:#4A403E; text-decoration:none; position:relative; }
.sitemap-ul-sub li a:after { content:"＞"; position:absolute; top:50%; left:12.82vw; margin:-2vw 0 0; font-size:3.33vw; }

@media screen and (min-width:769px){
#sitemap-nav-ul { display:flex; flex-flow:column wrap; height:37.68vw; }
#sitemap-nav-ul > li { border-bottom:none; }
#sitemap-nav-ul > li:nth-of-type(n+1):nth-of-type(-n+7) { width:17.39vw; }
#sitemap-nav-ul .dn-annai { width:39.13vw !important; }
#sitemap-nav-ul > li:nth-of-type(8) mark:before { display:none; }
#sitemap-nav-ul > li > a, 
#sitemap-nav-ul > li > mark { height:auto; background:none; padding:0 0 0.72vw 1.45vw; font-size:1.09vw; }
#sitemap-nav-ul > li > a:hover { text-decoration:underline; transition:1s ease; }
#sitemap-nav-ul > li > a:before, 
#sitemap-nav-ul > li > mark:before { top:0.14vw; left:0; margin:0; font-size:0.87vw; }
#sitemap-nav-ul > li:first-child > a:before { width:1.01vw; height:1.01vw; margin:0.21vw 0 0; }
.sitemap-ul-sub { display:flex; flex-flow:column wrap; height:39.13vw; }
.sitemap-ul-sub li { width:19.56vw; border-top:none; }
.sitemap-ul-sub li:nth-child(3) { margin:0 0 2.17vw; }
.sitemap-ul-sub li:nth-child(13) { margin:0 0 4.35vw; }
.sitemap-ul-sub li:nth-child(14) { position:absolute; top:0; right:0; }
.sitemap-ul-sub li mark { height:auto; background:none; padding:0 0 0.72vw 1.45vw; font-size:1.09vw; color:#25292E; }
.sitemap-ul-sub li a { height:auto; background:none; padding:0 0 0.58vw 2.9vw; font-size:1.09vw; color:#25292E; }
.sitemap-ul-sub li a:after { top:0.14vw; left:1.45vw; margin:0; font-size:0.87vw; }
.sitemap-ul-sub li a:hover { text-decoration:underline; transition:1s ease; }
}
@media screen and (min-width:1381px){
#sitemap-nav-ul { height:520px; }
#sitemap-nav-ul > li {}
#sitemap-nav-ul > li:nth-of-type(n+1):nth-of-type(-n+7) { width:240px; }
#sitemap-nav-ul .dn-annai { width:540px !important; position:relative; }
#sitemap-nav-ul > li > a, 
#sitemap-nav-ul > li > mark { padding:0 0 10px 20px; font-size:15px; }
#sitemap-nav-ul > li > a:before, 
#sitemap-nav-ul > li > mark:before { top:2px; left:0; font-size:12px; }
#sitemap-nav-ul > li:first-child > a:before { width:14px; height:14px; margin:3px 0 0; }
.sitemap-ul-sub { height:540px; }
.sitemap-ul-sub li { width:270px; }
.sitemap-ul-sub li:nth-child(3) { margin:0 0 30px; }
.sitemap-ul-sub li:nth-child(13) { margin:0 0 60px; }
.sitemap-ul-sub li:nth-child(14) {}
.sitemap-ul-sub li mark { padding:0 0 10px 20px; font-size:15px; }
.sitemap-ul-sub li a { padding:0 0 8px 40px; font-size:15px; }
.sitemap-ul-sub li a:after { top:2px; left:20px; font-size:12px; }
}