@keyframes img-scale {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  100% {
      opacity: 1;
      transform: scale(1);
  }
}

.header-banner,
.page-title {
  display: none;
}
.p-feature-page__mv {
  overflow: hidden;
}
.p-feature-page__mv img {
  opacity: 0;
  transform: scale(1.3);
  animation: img-scale .8s ease-in-out forwards;
}
.p-feature-page__content {
  padding-top: 5rem;
  padding-inline: 2rem;
}

.p-feature-page__title {
  font-family: var(--font-en);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: 3rem;
}

.p-feature-page__description {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.1em;
}

.p-feature-page__block,
.p-feature-page__column,
.p-feature-page__row {
  margin-block: 5rem;
}
.p-feature-page__column .p-feature-page__block {
  margin-block: 0;
}

.p-feature-page__credit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.6rem;
}
.p-feature-page__credit li {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.p-feature-page__credit li span,
.p-feature-page__credit li a {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.p-feature-page__block,
.p-feature-page__row,
.p-feature-page__column {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}

.p-feature-page__staff {
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.1em;
}

.p-feature-page__share-list {
  padding-top: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}

.p-feature-page__share-list li {
  width: 3.6rem;
}

.p-feature-page__back {
  margin-block: 4rem;
}

.p-feature-page__back a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  text-decoration: none;
  gap: 1.5rem;
}

.p-feature-page__back a::before {
  content: '';
  display: inline-block;
  width: 0.4rem;
  height: 0.8rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.061' height='8.708' viewBox='0 0 5.061 8.708'%3E%3Cpath id='パス_52057' data-name='パス 52057' d='M-17877.8,3659l4,4-4,4' transform='translate(-17873.094 3667.354) rotate(-180)' fill='none' stroke='%23707070' stroke-width='1'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.p-feature-page__breadcrumb {
  padding-top: 6rem;
}
.p-feature-page__breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.p-feature-page__breadcrumb li {
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
}
.p-feature-page__breadcrumb li::after {
  content: '';
  display: inline-block;
  width: 0.4rem;
  height: 0.8rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.061' height='8.707' viewBox='0 0 5.061 8.707'%3E%3Cpath id='パス_66369' data-name='パス 66369' d='M347.43,50.277l4,4-4,4' transform='translate(-347.076 -49.924)' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}
.p-feature-page__breadcrumb li:last-child::after {
  display: none;
}
.p-feature-page__breadcrumb li a,
.p-feature-page__breadcrumb li span {
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-decoration: none;
}
.p-feature-page__breadcrumb li span {
  opacity: 0.5;
}

.p-feature-page__detail {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}

@media screen and (min-width: 768px) {
  .p-feature-page__inner {
    width: min(95%, 100rem);
    margin-inline: auto;
    padding-top: 2.5rem;
  }
  .p-feature-page__content {
    padding-top: 6rem;
    padding-inline: 0;
  }
  .p-feature-page__title {
    font-size: 1.6rem;
  }
  .p-feature-page__description {
    font-size: 1.2rem;
  }
  .p-feature-page__block.--half {
    width: 50rem;
    margin-inline: auto;
  }
  .p-feature-page__column {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
  }
  .p-feature-page__row {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .p-feature-page__row + .p-feature-page__row {
    margin-top: -5rem;
  }
  .p-feature-page__row.--reverse {
    flex-direction: row-reverse;
  }
  .p-feature-page__row img {
    width: 50%;
  }
  .p-feature-page__detail {
    padding-inline: 3rem;
  }
  .p-feature-page__breadcrumb {
    padding-top: 11rem;
  }
}

@media screen and (max-width: 767px) {
  .p-feature-page__block,
  .p-feature-page__row {
    row-gap: 2rem;
  }

  .p-feature-page__column {
    row-gap: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-feature-page__column {
    gap: 6rem 1rem;
  }
  .p-feature-page__block, .p-feature-page__column, .p-feature-page__row {
    margin-block: 6rem;
  }
  .p-feature-page__row + .p-feature-page__row {
    margin-top: -6rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  .p-feature-page__share-list a {
    transition: scale .3s;
  }
  .p-feature-page__share-list a:hover {
    opacity: 1;
    scale: 1.2;
  }
}
#feature-group-items {
  display: none;
}