@charset "utf-8";

/* ----------------------------------------------
 ! sitemap
 ---------------------------------------------- */

.sub-sitemap-art { border:1px #707070 solid; margin:0 5.13vw 4.1vw; }
.sub-sitemap-art h2 { display:flex; justify-content:center; align-items:center; height:16.41vw; background:#0B8286 url(../img/common/ico_logo_01.svg) 30% center no-repeat; background-size:5.13vw auto; font-size:4.87vw; color:#fff; font-weight:500; letter-spacing:0.05em; position:relative; }
.sub-sitemap-art h2:before { content:""; position:absolute; top:0.77vw; left:0.77vw; width:0; height:0; border-style:solid; border-width:3.07vw 3.07vw 0 0; border-color:#fff transparent transparent transparent; }
.sub-sitemap-ul { padding:3.07vw; }
.sub-sitemap-ul li { border-bottom:1px #D9D9D9 solid; list-style:none; }
.sub-sitemap-ul li a { display:flex; align-items:center; height:12.82vw; line-height:1.42; padding:0 0 0 4.61vw; font-size:3.59vw; color:#535050; text-decoration:none; position:relative; }
.sub-sitemap-ul li a:before { content:""; position:absolute; top:calc(50% - 0.25vw); left:0; width:1.54vw; height:1.54vw; border-top:0.6vw solid #535050; border-right:0.6vw solid #535050; transform:translateY(-50%) rotate(45deg); }
.sub-sitemap-sec { padding:7.69vw 0 0; }
.sub-sitemap-sec h3 { display:flex; justify-content:center; align-items:center; height:11.79vw; background:#F7F8F8; margin:0 3.07vw; font-size:4.35vw; color:#535050; }

@media screen and (min-width:900px){
.sub-sitemap-art { margin:0 0 1.16vw; }
.sub-sitemap-art h2 { height:4.71vw; background:#0B8286 url(../img/common/ico_logo_01.svg) 40% center no-repeat; background-size:1.88vw auto; font-size:1.74vw; }
.sub-sitemap-art h2:before { top:0.29vw; left:0.29vw; border-width:0.87vw 0.87vw 0 0; }
.sub-sitemap-ul { display:flex; flex-flow:row wrap; justify-content:space-between; padding:1.66vw; }
.sub-sitemap-ul:after { content:""; width:32%; }
.sub-sitemap-ul li { width:32%; }
.sub-sitemap-ul li a { height:3.62vw; padding:0 0 0 1.16vw; font-size:1.01vw; }
.sub-sitemap-ul li a:before { top:calc(50% - 0.21vw); width:0.43vw; height:0.43vw; border-top:0.14vw solid #535050; border-right:0.14vw solid #535050; }
.sub-sitemap-sec { padding:2.17vw 0 0; }
.sub-sitemap-sec h3 { height:3.33vw; margin:0 1.66vw; font-size:1.45vw; }
}
@media screen and (min-width:1380px){
.sub-sitemap-art { margin:0 0 16px; }
.sub-sitemap-art h2 { height:65px; background-size:26px auto; font-size:24px; }
.sub-sitemap-art h2:before { top:4px; left:4px; border-width:12px 12px 0 0; }
.sub-sitemap-ul { padding:23px; }
.sub-sitemap-ul:after {}
.sub-sitemap-ul li {}
.sub-sitemap-ul li a { height:50px; padding:0 0 0 16px; font-size:14px; }
.sub-sitemap-ul li a:before { top:calc(50% - 3px); width:6px; height:6px; border-top:2px solid #535050; border-right:2px solid #535050; }
.sub-sitemap-sec { padding:30px 0 0; }
.sub-sitemap-sec h3 { height:46px; margin:0 23px; font-size:20px; }
}