/*                 mv                    */
.sab .mv_img {
    width: min(88.2rem, calc(882vw / 13.66));
}

/*                 sitemap                    */

.sitemap_content {
 width: min(108rem, calc(1080vw / 13.66));
 margin: 0 auto min(12rem, calc(120vw / 13.66));
 text-align: left;
}

.sitemap_link {
 font-size: 1.8rem;
 color: #005bab;
 display: flex;
 align-items: center;
 gap: 0 min(1.2rem, calc(12vw / 13.66));
 font-weight: 700;
 padding: min(2.2rem, calc(22vw / 13.66)) 0;
 box-sizing: border-box;
 border-bottom: #808080 solid min(.1rem, calc(1vw / 13.66));
}
.sitemap_link span {
 content: '';
 width: min(3rem, calc(30vw / 13.66)) ;
 height: min(3rem, calc(30vw / 13.66)) ;
 background: url(../images/common/arrow_icon.svg);
 background-size: cover;
}

.sitemap_menu {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: min(4.5rem, calc(45vw / 13.66)) 0;
 margin: min(5rem, calc(50vw / 13.66)) 0 ;
}
.sitemap_menu ul {
 width: min(50rem, calc(500vw / 13.66));
 display: flex;
 flex-direction: column;
 gap:  min(1rem, calc(10vw / 13.66)) 0;
}
.sitemap_menu ul li.ttl{
font-size: 1.8rem;
font-weight: 700;
border-bottom: #cccccc solid min(.1rem, calc(1vw / 13.66));
box-sizing: border-box;
padding-bottom:  min(1.5rem, calc(15vw / 13.66));
margin-bottom: min(.5rem, calc(5vw / 13.66));
}
.sitemap_menu ul li a{
font-size: 1.6rem;
line-height: 1.62;
font-weight: 500;
color: #333333;
display: inline-flex;
align-items: center;
gap: 0 min(1rem, calc(10vw / 13.66)) ;
text-decoration: underline;
}
.sitemap_menu ul li a::before {
 content: '';
  width: min(1.2rem, calc(12vw / 13.66));
  height: min(1.2rem, calc(12vw / 13.66));
  border-radius: 50%;
  background-color: #cd3a32;
 }
 .sitemap_menu li a[target="_blank"]::after {
 content: "";
 width: min(2rem, calc(20vw / 13.66));
 height: min(2rem, calc(20vw / 13.66));
 background: url(../images/common/blank_icon_b.svg) no-repeat;
 background-size: cover;
}

 .sitemap_menu ul:nth-of-type(2) li a::before  {
  background-color: #d66023;
 }
 .sitemap_menu ul:nth-of-type(3) li a::before  {
  background-color: #e4b804;
 }
 .sitemap_menu ul:nth-of-type(4) li a::before  {
  background-color: #7ab911;
 }
 .sitemap_menu ul:nth-of-type(5) li a::before  {
 background-color: #12a24a;
}
 .sitemap_menu ul:nth-of-type(6) li a::before  {
 background-color: #02b0b0;
}

 .sitemap_menu ul:nth-of-type(7) li a::before  {
 background-color: #0072c3;
}
 .sitemap_menu ul:nth-of-type(8) li a::before  {
 background-color: #846ae0;
}


@media (hover: hover)  and (pointer: fine){
 .sitemap_link:where(:any-link, :enabled, summary):hover {
  opacity: .7;
 }
 .sitemap_menu a:where(:any-link, :enabled, summary):hover {
  text-decoration: none;
 }
}

@media screen and (max-width: 767px) {
 /*                 mv                    */
.sab .mv_img {
    width: 100%;
}

 /*                 sitemap                    */

.sitemap_content {
 width: 31.5rem;
 margin: 0 auto 8rem;
}

.sitemap_link {
 font-size: 1.7rem;
 gap: 0 .6rem;
 padding: 1.5rem 0;
 border-bottom: #808080 solid .1rem;
}
.sitemap_link span {
 width: 2rem ;
 height: 2rem ;
}

.sitemap_menu {
 gap: 2.5rem 0;
 margin:3.5rem 0 ;
}
.sitemap_menu ul {
 width: 100%;
 gap: 1rem 0;
}
.sitemap_menu ul li.ttl{
font-size: 1.7rem;
border-bottom: #cccccc solid.1rem;
padding-bottom: 1rem;
line-height: 1.75;
margin-bottom: 0.5rem;
}
.sitemap_menu ul li a{
font-size: 1.3rem;
gap: 0 1rem ;
align-items: baseline;
}
.sitemap_menu ul li a::before {
  width: 1rem;
  height: 1rem;
 }

 .sitemap_menu li a[target="_blank"]::after {
 width: 1.5rem;
 height: 1.5rem;
 align-self: center;
}


}