body {
  overflow: hidden;
}

.main-vis {
  position: relative;
  padding-top: clamp(3rem, 5.2083333333vw, 6.25rem);
  padding-bottom: clamp(3rem, 5.2083333333vw, 6.25rem);
  padding-right: clamp(4rem, 8.8541666667vw, 10.625rem);
  position: relative;
  background-image: url(../img/main-vis__page-header__bg.png);
  background-size: 100% auto;
  background-repeat: repeat;
}
.main-vis__image {
  height: calc(100dvh - 8.5rem);
  position: relative;
  z-index: 1;
}
.main-vis__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top 50% left 45%;
     object-position: top 50% left 45%;
}
.main-vis__lead {
  display: block;
  padding: clamp(2rem, 2.0833333333vw, 2.5rem) clamp(1.5rem, 2.34375vw, 2.8125rem);
  position: absolute;
  top: clamp(1rem, 3.125vw, 3.75rem);
  right: clamp(1.5rem, 5.8333333333vw, 7rem);
  background-color: var(--color_mono02);
  writing-mode: vertical-rl;
  font-size: 6vw;
  z-index: 2;
  letter-spacing: 0.3dvh;
}
.main-vis__lead__paragraph {
  display: block;
  margin-top: 3rem;
}
.main-vis__lead.active {
  --opacity: 1;
}
.main-vis__char {
  display: inline-block;
  opacity: var(--opacity, 0);
  transition: opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: calc(0.1s * var(--char-index));
}

@media screen and (min-width: 768px) {
  .main-vis {
    background-size: cover;
  }
  .main-vis__image {
    height: 50dvh;
  }
  .main-vis__image img {
    -o-object-position: center;
       object-position: center;
  }
  .main-vis__lead {
    font-size: var(--f32);
  }
}
@media screen and (min-width: 992px) {
  .main-vis__image {
    height: auto;
  }
}
@media screen and (min-width: 1400px) {
  .main-vis__lead {
    letter-spacing: 0.6rem;
  }
}
.topics {
  padding-top: clamp(4rem, 5.9895833333vw, 7.1875rem);
  padding-bottom: clamp(4rem, 7.1875vw, 8.625rem);
}
.topics__lists {
  max-width: 1000px;
  margin: clamp(1.5rem, 2.34375vw, 2.8125rem) auto;
  border-top: 1px solid var(--color_mono03);
}
.topics__list {
  border-bottom: 1px solid var(--color_mono03);
}
.topics__list__item {
  display: block;
  padding: 1.2rem 1.5rem;
}
.topics__list__item:hover {
  color: var(--color_gold01);
}
.topics__list__date {
  width: 10rem;
}

@media screen and (min-width: 768px) {
  .topics__list__item {
    display: flex;
  }
  .topics__list__title {
    font-size: var(--f20);
  }
}
.message {
  padding-bottom: clamp(4rem, 9.6354166667vw, 11.5625rem);
}
.message__content {
  padding-top: clamp(2rem, 7.8125vw, 9.375rem);
  padding-bottom: clamp(2rem, 8.3333333333vw, 10rem);
  padding-left: clamp(2rem, 5.9895833333vw, 7.1875rem);
  padding-right: clamp(2rem, 6.25vw, 7.5rem);
  background-image: url(../img/front__message__content.jpg);
  background-size: cover;
  color: var(--color_mono02);
}
.message__content .c-section-title {
  margin-bottom: clamp(1.5rem, 2.34375vw, 2.8125rem);
  text-align: left;
}
.message__content .c-section-title:after {
  margin-left: 0;
}
.message__content__title {
  margin-bottom: clamp(1rem, 1.3020833333vw, 1.5625rem);
  font-size: var(--f26);
}
.message__content__text {
  line-height: 2.2;
  text-indent: 1em;
}
.message__content__writer{
  text-align: right;
}
.message__images {
  margin-top: 2rem;
}
.message__image {
  display: block;
  padding: 1rem 0;
  position: relative;
  bottom: -200px;
  opacity: var(--opacity, 0);
  transition: 0.6s;
  transition: opacity 2s;
}
.message__image img {
  width: 60%;
}
.message__image.-image02 {
  text-align: right;
}
.message .inview .message__image {
  --opacity: 1;
  bottom: 0;
  transition-delay: calc(0.5s * var(--image-index));
}

@media screen and (min-width: 768px) {
  .message__image {
    padding: 0;
    position: relative;
  }
  .message__image.-image01 {
    width: 50%;
    z-index: 3;
  }
  .message__image.-image02 {
    width: 50%;
    margin-top: -16%;
    margin-left: 30%;
    z-index: 2;
  }
  .message__image.-image03 {
    width: 35%;
    margin-top: -16%;
    margin-left: 11%;
  }
  .message__image img {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .message {
    display: flex;
    align-items: center;
  }
  .message__content {
    width: 50%;
    font-size: var(--f18);
    display: flex;
    align-items: center;
  }
  .message__content__inner {
    align-items: center;
  }
  .message__images {
    width: 50%;
    margin-top: 0;
    padding-left: clamp(1.5rem, 8.3333333333vw, 10rem);
  }
}
@media screen and (min-width: 1400px) {
  .message {
    align-items: normal;
  }
}
.stamp__content {
  padding: 4rem 1.5rem;
  background-image: url(../img/bg.png);
  text-align: center;
}
.stamp__content .c-section-title {
  margin-bottom: clamp(1.5rem, 2.6041666667vw, 25rem);
}
.stamp__content .c-button__area {
  margin-top: clamp(1.5rem, 2.0833333333vw, 2.5rem);
}

@media screen and (min-width: 768px) {
  .stamp {
    display: flex;
  }
  .stamp__content {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .stamp__image {
    width: 50%;
  }
  .stamp__image picture,
  .stamp__image img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.contents-nav {
  padding-top: clamp(4rem, 9.375vw, 11.25rem);
  padding-bottom: clamp(4rem, 8.8541666667vw, 10.625rem);
}
.contents-nav__lists {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: clamp(2.5rem, 4.3229166667vw, 11.4375rem);
}
.contents-nav__list {
  width: calc(50% - 0.5rem);
}
.contents-nav__list__image {
  width: 100%;
  margin-bottom: clamp(0.75rem, 1.5625vw, 1.875rem);
  overflow: hidden;
}
.contents-nav__list__image img {
  width: 100%;
  transition: 0.3s;
}
.contents-nav__list__title {
  text-align: center;
  font-size: var(--f24);
  transition: 0.3s;
}
.contents-nav__list__title:before {
  content: "";
  display: block;
  width: clamp(2px, 0.15625vw, 0.1875rem);
  height: clamp(1rem, 1.3020833333vw, 1.5625rem);
  margin: 0 auto 0.75rem;
  background-color: var(--color_red01);
}
.contents-nav__list:hover img {
  transform: scale(1.02);
}
.contents-nav__list:hover .contents-nav__list__title {
  color: var(--color_gold01);
}

@media screen and (min-width: 768px) {
  .contents-nav__lists {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  .contents-nav__list {
    width: calc((100% - 3rem) / 3);
  }
  .contents-nav__list__title {
    letter-spacing: 0.25rem;
  }
}
.access {
  margin-bottom: clamp(4rem, 9.375vw, 11.25rem);
}
.access .l-container {
  width: 100%;
}
.access__content {
  padding: 4rem 1.5rem;
  text-align: center;
  background-image: url(../img/bg.png);
}
.access__content .c-section-title {
  margin-bottom: clamp(1rem, 1.5625vw, 25rem);
}
.access__content__address {
  margin-bottom: clamp(1rem, 1.5625vw, 25rem);
}
.access__content .c-button__area {
  margin-top: clamp(1rem, 1.5625vw, 25rem);
}

@media screen and (min-width: 768px) {
  .access__wrapper {
    display: flex;
  }
  .access__map {
    width: 50%;
  }
  .access__content {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.instagram {
  margin-bottom: clamp(4rem, 5.7291666667vw, 6.875rem);
}
.instagram__slider__item img {
  width: 100%;
}
.instagram__content {
  width: 80%;
  max-width: 655px;
  margin: auto;
  margin-top: calc(clamp(1.5rem, 3.125vw, 3.75rem) * -1);
  padding-top: clamp(2rem, 2.0833333333vw, 2.5rem);
  padding-bottom: clamp(2rem, 2.0833333333vw, 2.5rem);
  position: relative;
  background-color: var(--color_mono02);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  z-index: 2;
}/*# sourceMappingURL=front-page.css.map */