main section div.site-map-wrapper{max-width:800px; margin:0 auto; padding:76px 0 100px; overflow: hidden;}
main section div.site-map-wrapper h1.title{font-size:4.0rem; line-height:1.4; font-weight:bold; text-align:center; margin-bottom:35px;}
main section div.site-map-wrapper ul.site-map-block{margin-bottom:30px;}

main section div.site-map-wrapper ul.site-map-block li.site-map-title{margin-bottom:1px;}
main section div.site-map-wrapper ul.site-map-block li.site-map-title a{font-size:1.5rem; background:#fff; height:50px; line-height:50px; border-left:5px solid #444; }
main section div.site-map-wrapper ul.site-map-block li.site-map-title a{width:100%; height:100%; color:#333; display:block; position: relative; text-indent: 55px;}
main section div.site-map-wrapper ul.site-map-block li.site-map-title a:hover {opacity:0.7;}
main section div.site-map-wrapper ul.site-map-block li.site-map-title a:before{content:""; background: url(/images/arrow-black.png) no-repeat center center; background-size: 7px 8px; margin:0 15px 0 35px; width: 7px; height: 100%; position: absolute; left: 0; top: 0;}
main section div.site-map-wrapper ul.site-map-block li.site-map-title.parent a:before{content:""; background: url(/images/arrow-red.png) no-repeat center center; background-size: 7px 8px; margin:0 15px 0 15px; width: 7px; height: 100%; position: absolute; left: 0; top: 0;}
main section div.site-map-wrapper ul.site-map-block li.site-map-title.parent a{font-weight:bold; border-left:5px solid #fe2531; box-sizing:border-box; text-indent: 35px;}

/* タブレット */
@media (max-width: 1100px){

  main section div.site-map-wrapper{margin:0 40px; padding:60px 0 80px;}

}


/* スマホ */
@media (max-width: 760px){

  main section div.site-map-wrapper{margin:0 20px; padding:30px 0 20px;}
  main section div.site-map-wrapper h1.title{font-size:2.5rem; line-height:1.4; margin-bottom:35px;}

  }