@charset "UTF-8";
body {
  color: rgb(128, 128, 128);
  background: #e8e6eb;
  font-weight: 400;
  line-height: 1.75;
  margin: 0;
}

.en-text {
  font-family: "Helvetica Neue Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

figure {
  margin: 0;
  display: block;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

* {
  font-family: "dnp-shuei-nshogomincho-std", sans-serif;
  font-weight: 700;
  font-style: normal;
}

@media screen and (max-width: 374px) {
  .hidden-xs {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  .hidden-sm {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .hidden-md {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .hidden-lg {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .hidden-xl {
    display: none;
  }
}

.visible-xs {
  display: none;
}
@media screen and (max-width: 374px) {
  .visible-xs {
    display: block;
  }
}

.visible-md {
  display: none;
}
@media screen and (min-width: 768px) {
  .visible-md {
    display: block;
  }
}

.visible-lg {
  display: none;
}
@media screen and (min-width: 1024px) {
  .visible-lg {
    display: block;
  }
}

.visible-sm__inline {
  display: none;
}
@media screen and (min-width: 600px) {
  .visible-sm__inline {
    display: inline;
  }
}

.visible-md__inline {
  display: none;
}
@media screen and (min-width: 768px) {
  .visible-md__inline {
    display: inline;
  }
}

.visible-lg__inline {
  display: none;
}
@media screen and (min-width: 1024px) {
  .visible-lg__inline {
    display: inline;
  }
}

.visible-xl {
  display: none;
}
@media screen and (min-width: 1200px) {
  .visible-xl {
    display: block;
  }
}

.material-text {
  font-size: clamp(0.625rem, 0.3216019417rem + 1.2944983819vw, 1.875rem);
}
@media screen and (min-width: 768px) {
  .material-text {
    font-size: clamp(0.75rem, 0.6134708738rem + 0.5825242718vw, 1.3125rem);
  }
}

.material-text--s {
  font-size: clamp(0.5625rem, 0.2439320388rem + 1.359223301vw, 1.875rem);
}
@media screen and (min-width: 768px) {
  .material-text--s {
    font-size: clamp(0.75rem, 0.6134708738rem + 0.5825242718vw, 1.3125rem);
  }
}

.material-1 {
  display: flex;
  width: min(1280px, 86.4864864865vw);
  margin: 0 auto;
  gap: min(60px, 4.0540540541vw);
  align-items: stretch; /* 高さを自動で揃える */
}
@media only screen and (max-width: 768px) {
  .material-1 {
    flex-direction: column;
    margin-top: 8vw;
  }
}
.material-1-images {
  display: flex;
  gap: min(30px, 2.027027027vw);
  position: relative;
  height: 100vh;
  aspect-ratio: 2150/2688;
}
@media only screen and (max-width: 768px) {
  .material-1-images {
    width: 86.6666666667vw;
    height: auto;
    margin: 0 auto;
  }
}
.material-1-images .material-1__logo {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .material-1-images .material-1__logo {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .material-1-images .material-1__logo {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    top: 5.3333333333vw;
    right: 5.3333333333vw;
  }
}
.material-1-images .material-1__logo-text--white {
  position: absolute;
  width: min(100px, 6.7567567568vw);
}
@media only screen and (min-width: 769px) {
  .material-1-images .material-1__logo-text--white {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .material-1-images .material-1__logo-text--white {
    width: 66.6666666667vw;
    bottom: 1.3333333333vw;
    left: 1.3333333333vw;
  }
}
.material-1-text-area {
  display: flex;
  width: 100%;
  height: auto;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .material-1-text-area {
    padding-left: min(60px, 4.0540540541vw);
    padding-right: min(20px, 1.3513513514vw);
  }
}
@media only screen and (max-width: 768px) {
  .material-1-text-area {
    width: 68vw;
    margin: 0 auto;
    margin-top: 5.3333333333vw;
  }
}
.material-1-text-area .material-1-content__right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  height: 100%;
}
.material-1-text-area .material-1-content__right .material-1__logo--black {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: min(130px, 8.7837837838vw);
}
@media only screen and (min-width: 769px) {
  .material-1-text-area .material-1-content__right .material-1__logo--black {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .material-1-text-area .material-1-content__right .material-1__logo--black {
    display: none;
  }
}
.material-1-text-area .material-1-content__right .material-1__logo-text {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .material-1-text-area .material-1-content__right .material-1__logo-text {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .material-1-text-area .material-1-content__right .material-1-content__text {
    margin-top: min(30px, 2.027027027vw);
    padding-bottom: min(60px, 4.0540540541vw);
    font-size: 0.9rem;
  }
}
@media only screen and (max-width: 768px) {
  .material-1-text-area .material-1-content__right .material-1-content__text {
    font-size: clamp(0.625rem, 0.3216019417rem + 1.2944983819vw, 1.875rem);
  }
}

.material-2 {
  margin-top: 6.7708333333vw;
  padding-left: 6.0416666667vw;
  padding-right: 5.9895833333vw;
}
@media screen and (min-width: 768px) {
  .material-2 {
    margin-top: 13.5416666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .material-2 {
    width: min(1280px, 86.4864864865vw);
    margin: 0 auto;
    margin-top: 6.7708333333vw;
    padding-left: 0;
    padding-right: 0;
  }
}

.material-2-contents {
  display: grid;
  grid-template-columns: 845fr 843fr;
  gap: 1px;
}

.material-2__photo-1 img {
  -o-object-fit: cover;
  object-fit: cover;
}

.material-2__photo-2 img {
  -o-object-fit: cover;
  object-fit: cover;
}

.material-3 {
  margin-top: 5.46875vw;
}
@media screen and (min-width: 768px) {
  .material-3 {
    margin-top: 5.6770833333vw;
  }
}

.material-3-contents {
  display: grid;
  gap: 1.875vw;
}
@media screen and (min-width: 768px) {
  .material-3-contents {
    gap: 1.25vw;
  }
}

.material-3-content__top {
  padding-left: 6.0416666667vw;
  padding-right: 4.0625vw;
}
@media screen and (min-width: 768px) {
  .material-3-content__top {
    padding-left: 5.8854166667vw;
    padding-right: 4.21875vw;
  }
}
@media screen and (min-width: 1024px) {
  .material-3-content__top {
    width: min(1280px, 86.4864864865vw);
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.material-3__photo {
  aspect-ratio: 1726/2158;
}
.material-3__photo img {
  -o-object-fit: cover;
  object-fit: cover;
}

.material-3-content__bottom {
  padding-left: 6.5104166667vw;
  padding-right: 31.0260416667vw;
}
@media screen and (min-width: 768px) {
  .material-3-content__bottom {
    padding-left: 6.6145833333vw;
    padding-right: 36.7552083333vw;
  }
}
@media screen and (min-width: 1024px) {
  .material-3-content__bottom {
    width: min(1280px, 86.4864864865vw);
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.material-3-content__text {
  margin-block: 0;
}
@media screen and (min-width: 768px) {
  .material-3-content__text {
    font-size: 0.9rem;
  }
}

.material-4 {
  margin-top: 5.2604166667vw;
}
@media screen and (min-width: 768px) {
  .material-4 {
    margin-top: 4.2708333333vw;
  }
}

.material-4-contents-wrapper {
  padding-left: 6.6666666667vw;
  padding-right: 5.15625vw;
}
@media screen and (min-width: 768px) {
  .material-4-contents-wrapper {
    padding-left: 6.6145833333vw;
    padding-right: 5.2083333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .material-4-contents-wrapper {
    width: min(1280px, 86.4864864865vw);
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.material-4-contents {
  position: relative;
  aspect-ratio: 1693/2315;
}

.material-4-content {
  position: absolute;
}

.material-4-content__middle {
  top: 0;
  left: 12.6041666667vw;
  width: 70.5729166667vw;
}
@media screen and (min-width: 1024px) {
  .material-4-content__middle {
    left: 10.209375vw;
    width: 51.9557291667vw;
  }
}

.material-4-content__left {
  bottom: 0;
  left: 0;
  width: 58.6458333333vw;
}
@media screen and (min-width: 1024px) {
  .material-4-content__left {
    width: 47.503125vw;
  }
}

.material-4-content__right {
  bottom: 12.8125vw;
  right: 0;
  width: 33.75vw;
}
@media screen and (min-width: 1024px) {
  .material-4-content__right {
    bottom: 10.378125vw;
    width: 31.5041666667vw;
  }
}

.material-4__photo-1 {
  aspect-ratio: 1355/1694;
}
.material-4__photo-1 img {
  -o-object-fit: cover;
  object-fit: cover;
}

.material-4__photo-2 {
  aspect-ratio: 1126/1407;
}
.material-4__photo-2 img {
  -o-object-fit: cover;
  object-fit: cover;
}

.material-4__photo-3 {
  aspect-ratio: 648/810;
}
.material-4__photo-3 img {
  -o-object-fit: cover;
  object-fit: cover;
}

.material-5 {
  margin-top: 7.1354166667vw;
}
@media screen and (min-width: 768px) {
  .material-5 {
    margin-top: 6.6145833333vw;
  }
}

.material-5-content {
  padding-left: 5.3645833333vw;
  padding-right: 5.8854166667vw;
}
@media screen and (min-width: 768px) {
  .material-5-content {
    padding-left: 5.3125vw;
    padding-right: 5.9375vw;
  }
}
@media screen and (min-width: 1024px) {
  .material-5-content {
    width: min(1280px, 86.4864864865vw);
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.material-5__photo {
  aspect-ratio: 1704/2130;
}
.material-5__photo img {
  -o-object-fit: cover;
  object-fit: cover;
}

.material-6 {
  margin-top: 5.15625vw;
  padding-left: 4.2708333333vw;
  padding-right: 6.8229166667vw;
}
@media screen and (min-width: 768px) {
  .material-6 {
    padding-left: 4.21875vw;
    padding-right: 6.875vw;
  }
}
@media screen and (min-width: 1024px) {
  .material-6 {
    width: min(1280px, 86.4864864865vw);
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    margin-top: 5.15625vw;
  }
}

.material-6-contents {
  aspect-ratio: 1707/1073;
  display: flex;
}

.material-6-content__left {
  width: 50.3222026948%;
  z-index: 10;
}

.material-6__photo-1 img {
  -o-object-fit: cover;
  object-fit: cover;
}

.material-6-content__right {
  width: 49.9707088459%;
  margin-left: -0.2604166667vw;
}
@media screen and (min-width: 1024px) {
  .material-6-content__right {
    margin-left: -0.2083333333vw;
  }
}

.material-6__photo-2 img {
  -o-object-fit: cover;
  object-fit: cover;
}

.material-7 {
  margin-top: 4.9479166667vw;
}

.material-7-content {
  padding-left: 5.3645833333vw;
  padding-right: 6.8229166667vw;
}
@media screen and (min-width: 768px) {
  .material-7-content {
    padding-left: 5.3125vw;
    padding-right: 6.875vw;
  }
}
@media screen and (min-width: 1024px) {
  .material-7-content {
    width: min(1280px, 86.4864864865vw);
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.material-7__photo {
  aspect-ratio: 1686/2108;
}
.material-7__photo img {
  -o-object-fit: cover;
  object-fit: cover;
}

.material-8 {
  margin-top: 5vw;
}

.material-8-contents {
  display: grid;
  gap: 2.6041666667vw;
}

.material-8-content__top {
  padding-left: 5.6770833333vw;
  padding-right: 5.4166666667vw;
}
@media screen and (min-width: 768px) {
  .material-8-content__top {
    padding-left: 5.625vw;
    padding-right: 5.46875vw;
  }
}
@media screen and (min-width: 1024px) {
  .material-8-content__top {
    width: min(1280px, 86.4864864865vw);
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.material-8__photo {
  aspect-ratio: 1707/1138;
}
.material-8__photo img {
  -o-object-fit: cover;
  object-fit: cover;
}

.material-8-content__bottom {
  padding-left: 6.5104166667vw;
  padding-right: 31.0260416667vw;
}
@media screen and (min-width: 768px) {
  .material-8-content__bottom {
    padding-left: 5.9895833333vw;
    padding-right: 36.7552083333vw;
  }
}
@media screen and (min-width: 1024px) {
  .material-8-content__bottom {
    width: min(1280px, 86.4864864865vw);
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.material-8-content__text {
  margin-block: 0;
}
@media screen and (min-width: 768px) {
  .material-8-content__text {
    font-size: 0.9rem;
  }
}

.material-9 {
  margin-top: 7.5520833333vw;
  padding-left: 6.5104166667vw;
  padding-right: 5.15625vw;
}
@media screen and (min-width: 768px) {
  .material-9 {
    margin-top: 6.5625vw;
    padding-left: 3.8020833333vw;
    padding-right: 4.6354166667vw;
  }
}
@media screen and (min-width: 1024px) {
  .material-9 {
    width: min(1280px, 86.4864864865vw);
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    margin-top: 7.5520833333vw;
  }
}

.material-9-contents {
  display: grid;
  grid-template-columns: 538fr 1137fr;
  grid-template-columns: 2fr 3fr;
  gap: 3.3333333333vw;
}
@media screen and (min-width: 768px) {
  .material-9-contents {
    grid-template-columns: 538fr 1137fr;
    gap: 4.3229166667vw;
  }
}
@media screen and (min-width: 1024px) {
  .material-9-contents {
    gap: 3.5015625vw;
  }
}

.material-9-content__left {
  display: flex;
  align-items: end;
}

.material-9-content__text {
  margin-block: 0;
}
@media screen and (min-width: 768px) {
  .material-9-content__text {
    font-size: 0.9rem;
  }
}

.material-9-content__right {
  aspect-ratio: 1137/1421;
}

.material-9__photo-1 img {
  -o-object-fit: cover;
  object-fit: cover;
}

.material-10 {
  padding-top: 7.8125vw;
  padding-bottom: 5.2083333333vw;
}
@media screen and (min-width: 768px) {
  .material-10 {
    padding-top: min(150px, 10.1351351351vw);
    padding-bottom: min(50px, 3.3783783784vw);
  }
}
.material-10 img {
  width: 16.6666666667vw;
  height: auto;
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 768px) {
  .material-10 img {
    width: min(220px, 14.8648648649vw);
    height: auto;
  }
}

#slideshow {
  position: relative;
  width: 100%;
  height: 100%;
}

#slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

#slideshow img.active {
  opacity: 1;
}

#slideshow {
  position: relative;
  width: 100%;
  height: 100%;
}

#slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

#slideshow img.active {
  opacity: 1;
}

/*# sourceMappingURL=style.css.map */