@charset "utf-8";
.sitemap #content{ margin-top: 20px;}
@media screen and (max-width:767px){
.sitemap #content{ margin-top:2.5%;}
}

.sitemap section{ padding: 60px 0;}
@media screen and (max-width:767px){
.sitemap section{ padding:10% 0;}
}


/*mv*/
.sitemap #mv{ display: flex; align-items: center; justify-content: center; background: url("../images/sitemap/mv_bg.jpg") center center no-repeat; background-size: cover; height: 185px;}
.sitemap #mv h1{ text-align: center; font-size: 32px; color: #fff;}
@media screen and (max-width:767px){
.sitemap #mv{ height:33.33vw;}
.sitemap #mv h1{ font-size:6vw;}
}


/*sitemap02*/
#sitemap02 h2{ font-size: 22px; padding: 0.5em; border-bottom: 1px solid #D1111B; margin-bottom: 40px;}
#sitemap02 h2 span.date{ display: block;}
#sitemap02 .sitemap02_content{ margin: 20px;}
#sitemap02 .sitemap02_content .flyer{ margin: 40px auto;}
#sitemap02 .sitemap02_content .flyer a{ transition: 0.3s;}
#sitemap02 .sitemap02_content .flyer a:hover{ opacity: 0.7;}
#sitemap02 .sitemap02_content .flyer ul{ display: flex; flex-wrap: wrap;}
#sitemap02 .sitemap02_content .flyer ul li{width: calc(33.33% - 40px); margin: 0 20px;}
#sitemap02 .sitemap02_content .flyer ul li p{font-weight: bold; line-height: 1.5em; margin-top: 0.5em; text-align: center;}
#sitemap02 .sitemap02_content p{ margin: 1em; font-size: 16px;}
@media screen and (max-width:767px){
#sitemap02 h2{ font-size:4.5vw; margin-bottom:5%;}
#sitemap02 .sitemap02_content{ margin:0;}
#sitemap02 .sitemap02_content .flyer{ margin:5% auto;}
#sitemap02 .sitemap02_content .flyer ul li{width:calc(50% - 2.5vw); margin:1.25vw;}
#sitemap02 .sitemap02_content .flyer ul li p{ font-size:3vw;}
#sitemap02 .sitemap02_content p{ margin:2.5vw; font-size:3vw;}
}

#sitemap02 .back{ border-top: 1px solid #000; margin-top: 60px; padding-top: 40px;}
#sitemap02 figure.btn a{ display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 250px; height: 60px; background: #D1111B; color: #fff; font-size: 22px; line-height: 1em; font-weight: bold; border-radius: 30px; transition: 0.3s;}
#sitemap02 figure.btn a:hover{ opacity: 0.7;}
@media screen and (max-width:767px){
#sitemap02 .back{ margin-top:7.5%; padding-top:5%;}
#sitemap02 figure.btn a{ width:66.66%; height:12vw; font-size:4.5vw; border-radius:6vw;}
}