@charset "UTF-8";

/*-------------------------
__sitemap_style
-------------------------*/

#contents_title{background:url("images/title_back.jpg")no-repeat center center;background-size:cover; position: relative;}
#contents_title:after { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; display: block;}

#main{ text-align: center; width: 100%; max-width: 1300px; margin: 0 auto; padding: 0 50px; box-sizing: border-box;}
#main img{ width: 100%; height: auto;}

#footer{ background-color: #3C3C3C;}
#sitemap_list{ max-width: 1200px; margin: 0 auto; padding: 0 50px; box-sizing: border-box; text-align: left; justify-content: flex-start;}
#sitemap_list .sitemap_block .link_box{ margin-bottom: 60px;}
#sitemap_list .sitemap_block .link_box p{ font-size: 1.7em; margin-bottom: 15px; border-radius: 5px;}
#sitemap_list .sitemap_block .link_box p span{ font-weight: 700; color: #000; display: block; padding: 15px 20px 15px 0; box-sizing: border-box; border-bottom: 2px solid #000; position: relative;}
#sitemap_list .sitemap_block .link_box p a{ font-weight: 700; color: #2a2c8b; display: block; padding: 15px 20px 15px 0; box-sizing: border-box; border-bottom: 2px solid #2a2c8b; position: relative;}
#sitemap_list .sitemap_block .link_box ul li{ display: inline; margin:0 0 20px 0;}
#sitemap_list .sitemap_block .link_box ul li a{ font-size: 1.6em; font-weight: 700; color: #2a2c8b; display: inline-block; padding: 15px 28px 15px 12px; border-radius: 5px; position: relative;}
#sitemap_list .sitemap_block .link_box ul li a:before{ content: ""; position: absolute; top: 50%; left: 0%; transform: translateY(-50%); display: inline-block; margin-top: 0; margin-right: 4px; width: 7px; height: 7px; vertical-align: top; border-radius: 5px; background-color: #2a2c8b;}
#sitemap_list .sitemap_block.block3 .link_box{ display: flex; flex-wrap: wrap;}
#sitemap_list .sitemap_block.block3 .link_box p{ width: calc(33.33333% - 40px); margin-right: 60px;}


@media screen and (min-width: 768px) {

#sitemap_list .sitemap_block.block3 .link_box p:nth-child(3n){ margin-right: 0;}
#sitemap_list .sitemap_block .link_box p a:hover,
#sitemap_list .sitemap_block .link_box ul li a:hover{ opacity: 0.4;}

}

@media screen and (max-width: 767px) {

#main{ padding: 0 20px; }
    
#sitemap_list{ padding: 0; display: block;}
#sitemap_list .sitemap_block{ width: 100%; margin-right: 0;}
#sitemap_list .sitemap_block .link_box{ margin-bottom: 25px;}
#sitemap_list .sitemap_block .link_box p{ font-size: 1.5em; margin: 7px 0;}
#sitemap_list .sitemap_block .link_box p span,
#sitemap_list .sitemap_block .link_box p a{ display: block; font-weight: 700; padding: 12px 12px 12px 0;}
#sitemap_list .sitemap_block .link_box ul{ margin-top: 15px;}
#sitemap_list .sitemap_block .link_box ul li{ width: 100%; margin-bottom: 0; margin-right: 15px;}
#sitemap_list .sitemap_block .link_box ul li a{ font-size: 1.4em; padding: 10px 10px 10px 12px;}
#sitemap_list .sitemap_block.block3 .link_box p{ width: calc(50% - 10px); margin-right: 20px;}
#sitemap_list .sitemap_block.block3 .link_box p:nth-child(2n){ margin-right: 0;}

}