@charset "UTF-8";
/* sp
----------------------------------------------- */
.sitemap{margin-top: 20px;}
.sitemap dl{width: 100%;margin: 0 auto 12%;}
.sitemap dl dt {font-size: 5vw;margin-bottom: 2%;letter-spacing:1px;color: #fff;background: #ad8e8e;padding: 1vw 4%;display:-webkit-box;display:-ms-flexbox;display:flex;align-items: center;font-family: 'Montserrat';}
.sitemap .jpn{font-family: dnp-shuei-gothic-gin-std;font-weight: 600;font-size: 55%;margin-left: 30px;position: relative;}
.sitemap .jpn::before{display: block;margin-right: 30px;position: absolute;content:"";width: 20px;height: 1px;background-color:#fff;bottom: 50%;left: -25px;}
.sitemap dl ul{-webkit-display: flex;display: flex;-webkit-align-items: flex-start;align-items: flex-start;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.sitemap dl li{width: 100%;margin-right: 2%;border-bottom: 2px dotted #e1e1e1;line-height: 1.0;font-size: 3.5vw;font-weight: bold;}
.sitemap dl ul a{ position: relative;padding:5% 2%}
.sitemap dl ul a:before {content: "〉";margin: 0 10px;font-size: 1.2rem;font-family: icon;display: inline-block;color: #e4e0d4;position: absolute;right: 2%;top: 50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);}

/* PC
----------------------------------------------- */
@media screen and (min-width: 736px) {

.sitemap dl {width: 100%;margin: 0 auto 35px;}
.sitemap dl dt{font-size: 22px;margin-bottom: 16px;padding: 12px 20px;}
.sitemap .jpn{margin-left: 40px;}
.sitemap .jpn::before{display: block;position: absolute;content:"";width: 25px;height:2px;bottom: 1px;left: -32px;}
.sitemap dl ul a{padding:10px;margin-bottom: 10px;}
.sitemap dl li{width: 48%;font-size: 15px;border-bottom: none;}
.sitemap dl ul a:hover{opacity:1;letter-spacing:1px;background:#fbf8f0;}
.sitemap dl ul a::after{position: absolute;bottom: -3px;left: 0;content: '';width: 100%;height: 2px; background:#ebe6d8;-webkit-transform: scale(0, 1);-ms-transform: scale(0, 1);transform: scale(0, 1);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;transition: transform .3s;}
.sitemap dl ul a:hover::after {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);}


  
}

  /* retina用 ----------------------------------------------- */ }
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
 }