.container { background-color: #fff; }

.conts { background-color: #fff; padding: 2.5rem 0 0; }
.conts img { width: 100%; height: auto; line-height: 1; vertical-align: middle; }
.conts a { display: block; width: 100%; transition: all .4s; }
@media screen and (max-width: 480px) { .conts { padding: 2rem 0 0; } }

.conts-inner { width: 92%; max-width: 1200px; margin: auto; padding-bottom: 5.5rem; }
@media screen and (max-width: 480px) { .conts-inner { padding-bottom: 2.5rem; } }

.sec-title { text-align: center; margin-bottom: 1rem; }
.sec-title span { display: block; width: 92%; max-width: 299px; margin: auto; }
@media screen and (max-width: 480px) { .sec-title { container-type: inline-size; margin-bottom: 8px; }
  .sec-title span { max-width: 200px; } }

.maincopy { text-align: center; margin-bottom: 5rem; padding-top: 0; }
.maincopy p { display: block; width: 100%; max-width: 544px; margin: auto; }
@media screen and (max-width: 1024px) { .maincopy p { max-width: 480px; } }
@media screen and (max-width: 480px) { .maincopy { margin-bottom: 2rem; } }

@media screen and (max-width: 480px) { .sec-mv { margin-inline: calc(50% - 50cqi); }
  .sec-mv .img-box { width: 100vw; margin: auto; } }

.images-slider, .images-slider2 { overflow-x: hidden; }
.images-slider .image, .images-slider2 .image { width: calc((560/1200)*100%); margin: 0 2.5rem; }
@media screen and (max-width: 768px) { .images-slider .image, .images-slider2 .image { margin: 0 1.5rem; } }
@media screen and (max-width: 651px) { .images-slider .image, .images-slider2 .image { width: auto; margin: 0 1rem; } }

.unslide { width: 92%; max-width: 1200px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; align-items: stretch; }
.unslide div, .unslide ul, .unslide li { min-height: 0; }
.unslide .image { margin-left: 0; }
.unslide .image:nth-of-type(2n), .unslide .image:last-of-type { margin-right: 0; }

.layout-container { background-color: #424242; margin: 7rem 0 3.5rem; }
.layout-container .conts-inner { padding-top: 4.5rem; max-width: 1000px; }
.layout-container .title { text-align: center; margin-bottom: 3.5rem; }
.layout-container .title span { display: block; width: 178px; margin: 0 auto; }
@media screen and (max-width: 1024px) { .layout-container .title span { width: 144px; } }
@media screen and (max-width: 480px) { .layout-container { margin: 2.5rem 0 1.5rem; }
  .layout-container .conts-inner { padding-top: 2.5rem; }
  .layout-container .title { margin-bottom: 2.5rem; }
  .layout-container .title span { width: 7rem; } }

#Anchor-nav .conts-inner { padding-bottom: 2.5rem; }
@media screen and (max-width: 480px) { #Anchor-nav .conts-inner { padding-bottom: 0; } }

.anchor-nav nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding-right: 4px; }
.anchor-nav nav ul div, .anchor-nav nav ul ul, .anchor-nav nav ul li { min-height: 0; }
.anchor-nav nav ul li { width: calc((224/1000)*100%); position: relative; }
.anchor-nav nav ul li::before { content: ""; display: block; width: 100%; aspect-ratio: 224/48; background-color: #e6e6e6; position: absolute; right: -4px; bottom: -6px; }
.anchor-nav nav ul li a { border: thin solid #96804f; background-color: #fff; position: relative; z-index: 2; }
.anchor-nav nav ul li a:hover { background-color: #ac9461; }
.anchor-nav nav ul li a:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(19deg) brightness(100%) contrast(102%); }
@media screen and (max-width: 480px) { .anchor-nav { width: 96%; margin: auto; }
  .anchor-nav nav ul li { width: 48%; margin-bottom: 0.75rem; }
  .anchor-nav nav ul li::before { right: -3px; bottom: -5px; } }

#Sec01-conts .fig { width: 100%; max-width: 636px; margin: 7rem auto 0; }
@media screen and (max-width: 480px) { #Sec01-conts .fig { margin-top: 2.5rem; } }

#Sec02-conts .layout-container .conts-inner { max-width: 1200px; }
#Sec02-conts .layout-container .spec { margin-bottom: 5rem; }
#Sec02-conts .layout-container .spec p { max-width: 1030px; margin: 0 auto; }
#Sec02-conts .layout-container .fig figure { max-width: 1196px; margin: 0 auto; }
#Sec02-conts .layout-container .legend { max-width: 1000px; margin: 1.5rem auto auto; text-align: right; }
#Sec02-conts .layout-container .legend p { width: 64%; max-width: 326px; margin-left: auto; }
@media screen and (max-width: 480px) { #Sec02-conts .layout-container .spec { width: 100%; margin-bottom: 2.5rem; }
  #Sec02-conts .layout-container .legend { margin-top: 0.75rem; } }

#Sec03-conts .layout-container .fig { width: 100%; max-width: 1000px; margin: auto; }
@media screen and (max-width: 1024px) { #Sec03-conts .layout-container .fig { max-width: 800px; } }