.top-mv {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100svh;
  background: var(--color-black);
}
@media (max-width: 768px) {
  .top-mv {
    aspect-ratio: 768/1020;
  }
}
.top-mv__slider, .top-mv__slider > .splide__track, .top-mv__slider > .splide__track > .splide__list, .top-mv__slider > .splide__track > .splide__list > .splide__slide {
  height: 100%;
}
@media (max-width: 768px) {
  .top-mv__slider, .top-mv__slider > .splide__track, .top-mv__slider > .splide__track > .splide__list, .top-mv__slider > .splide__track > .splide__list > .splide__slide {
    min-height: inherit;
  }
}
.top-mv__slider > .splide__track > .splide__list > .splide__slide > picture {
  display: block;
  height: 100%;
}
@media (max-width: 768px) {
  .top-mv__slider > .splide__track > .splide__list > .splide__slide > picture {
    min-height: inherit;
  }
}
.top-mv__slider > .splide__track > .splide__list > .splide__slide > img, .top-mv__slider > .splide__track > .splide__list > .splide__slide > picture > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .top-mv__slider > .splide__track > .splide__list > .splide__slide > img, .top-mv__slider > .splide__track > .splide__list > .splide__slide > picture > img {
    min-height: inherit;
  }
}
.top-mv__slider:not(.is-initialized) > .splide__track > .splide__list > .splide__slide:not(:first-child) {
  display: none;
}

.top-lead {
  background: var(--color-current-accent, var(--color-accent-green));
  padding-inline: 80px;
}
@media screen and (max-width: 560px) {
  .top-lead {
    padding-inline: 40px;
  }
}
.top-lead {
  padding-block: 100px;
}
@media (max-width: 768px) {
  .top-lead {
    padding-block: 50px;
  }
}
@media (min-width: 1921px) {
  .top-lead {
    padding-block: calc(100 / 1920 * 100vw);
  }
}
.top-lead .top-lead__inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 1170px;
  margin-inline: auto;
}
@media (min-width: 1921px) {
  .top-lead .top-lead__inner {
    max-width: calc(1170 / 1920 * 100vw);
  }
}
.top-lead .top-lead__inner .top-lead__txt {
  font-family: var(--ff-base);
  font-weight: 500;
  line-height: 1.9;
  text-align: justify;
  font-size: 25px;
}
@media (max-width: 768px) {
  .top-lead .top-lead__inner .top-lead__txt {
    font-size: 15px;
  }
}
@media (min-width: 1921px) {
  .top-lead .top-lead__inner .top-lead__txt {
    font-size: calc(25 / 1920 * 100vw);
  }
}

.works .post__head,
.info .post__head {
  background: var(--color-white);
}
.works .post__title,
.info .post__title {
  padding: max(25px, calc(25 / 1920 * 100vw)) max(30px, calc(30 / 1920 * 100vw)) max(22px, calc(22 / 1920 * 100vw));
}
@media (max-width: 768px) {
  .works .post__title,
  .info .post__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px 15px;
  }
}
.works .post__body,
.info .post__body {
  background: var(--color-black);
  padding-bottom: max(150px, calc(150 / 1920 * 100vw));
}
.works .post__body ::-moz-selection, .info .post__body ::-moz-selection {
  background: var(--color-white);
  color: var(--color-black);
}
.works .post__body ::selection,
.info .post__body ::selection {
  background: var(--color-white);
  color: var(--color-black);
}
@media (max-width: 768px) {
  .works .post__body,
  .info .post__body {
    padding-bottom: 100px;
  }
}
.works .post__body:has(.post-readMore),
.info .post__body:has(.post-readMore) {
  padding-bottom: 0;
}

.works .post__title > img {
  aspect-ratio: 171/36;
  width: max(171px, calc(171 / 1920 * 100vw));
}
@media (max-width: 768px) {
  .works .post__title > img {
    width: 88px;
  }
}

.info .post__title > img {
  aspect-ratio: 108/36;
  width: max(108px, calc(108 / 1920 * 100vw));
}
@media (max-width: 768px) {
  .info .post__title > img {
    width: 56px;
  }
}
.info .post-item__date {
  display: block;
  font-weight: 500;
  line-height: 1.2;
}
.info .post-item__date + .post-item__excerpt {
  margin-top: max(5px, calc(5 / 1920 * 100vw));
}
@media (max-width: 768px) {
  .info .post-item__date + .post-item__excerpt {
    margin-top: 3px;
  }
}

.post-readMore {
  margin-top: max(50px, calc(50 / 1920 * 100vw));
}
.post-readMore > a {
  padding-top: max(6px, calc(6 / 1920 * 100vw));
  padding-bottom: max(155px, calc(155 / 1920 * 100vw));
}
@media (max-width: 768px) {
  .post-readMore > a {
    padding-top: 5px;
    padding-bottom: 70px;
  }
}
.post-readMore[data-loading=true] > a {
  pointer-events: none;
}
.post-readMore[data-loading=true] > a::after {
  content: "";
  width: 0.9em;
  aspect-ratio: 1;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: post-readMore-loading 0.7s linear infinite;
          animation: post-readMore-loading 0.7s linear infinite;
}
.post-readMore[data-ended=true] > a {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
@media (max-width: 768px) {
  .post-readMore {
    margin-top: 20px;
  }
}

@-webkit-keyframes post-readMore-loading {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}

@keyframes post-readMore-loading {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}