.p-story {
  display: block;
  position: relative;
}
.p-story__inner {
  display: block;
  position: relative;
}
.p-story__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem 4rem;
  position: relative;
}
@media screen and (max-width: 960px) {
  .p-story__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.8rem 1.8rem;
  }
}
.p-story__list-item {
  display: block;
  position: relative;
}
.p-story__footer {
  display: block;
  position: relative;
  margin-top: 5rem;
}

.p-story_card {
  display: block;
  position: relative;
}
.p-story_card__thumb {
  display: block;
  position: relative;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 960px) {
  .p-story_card__thumb {
    margin-bottom: 1rem;
  }
}
.p-story_card__thumb-img {
  padding-top: 55.625%;
  display: block;
  position: relative;
}
.p-story_card__thumb-img::after {
  content: "";
  width: 0;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  background: var(--gradient-orange) no-repeat center/auto 100%;
  transition: width 0.4s cubic-bezier(0.5, 1, 0.89, 1), opacity 0.6s cubic-bezier(0.5, 1, 0.89, 1);
}
@media (hover: hover) {
  .p-story_card:hover .p-story_card__thumb-img::after {
    width: 100%;
    left: 0;
    opacity: 0.5;
  }
}
.p-story_card__thumb-img img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-story_card__title {
  display: block;
  position: relative;
  font-size: 1.8rem;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .p-story_card__title {
    font-size: 1.2rem;
  }
}

.p-story_in {
  display: block;
  position: relative;
}
.p-story_in__header {
  display: block;
  position: relative;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 960px) {
  .p-story_in__header {
    margin-bottom: 2.4rem;
  }
}
.p-story_in__title {
  display: block;
  position: relative;
  font-size: 3rem;
  color: var(--color-orange);
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 960px) {
  .p-story_in__title {
    font-size: 2rem;
  }
}
.p-story_in__inner {
  display: block;
  position: relative;
}
.p-story_in__text {
  width: 100%;
  position: relative;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.85;
}
@media screen and (max-width: 960px) {
  .p-story_in__text {
    font-size: 1.3rem;
    line-height: 1.8;
  }
}
.p-story_in__text a {
  color: var(--color-orange);
}
@media (hover: hover) {
  .p-story_in__text a:hover, .p-story_in__text a:focus-visible {
    text-decoration: underline;
  }
}
.p-story_in__text img {
  display: inline-block;
  position: relative;
  width: 48% !important;
  height: auto !important;
  margin: 0 2% 3rem 0;
}
@media screen and (max-width: 960px) {
  .p-story_in__text img {
    width: 49%;
    margin: 0 1% 0.5rem 0;
  }
}
.p-story_in__text iframe {
  max-width: 100%;
}
@supports (aspect-ratio: 16/9) {
  .p-story_in__text iframe {
    width: 100%;
    display: block;
    height: auto !important;
    aspect-ratio: 16/9;
  }
}
.p-story_in__footer {
  display: block;
  position: relative;
  margin-top: 8rem;
}
@media screen and (max-width: 960px) {
  .p-story_in__footer {
    margin-top: 6rem;
  }
}
.p-story_in__btn {
  display: block;
  position: relative;
}

.p-story_outline {
  display: block;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-story_outline {
    padding-top: 3rem;
  }
}
.p-story_outline__inner {
  display: block;
  position: relative;
}
.p-story_outline__text {
  display: block;
  position: relative;
  font-size: vw_min(21);
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .p-story_outline__text {
    font-size: 1.6rem;
    line-height: 2;
  }
}
.p-story_outline__text small {
  font-size: 0.7em;
}
.p-story_outline__text-par {
  display: inline;
  position: relative;
  opacity: 0;
  color: var(--color-orange);
}
.is-load .p-story_outline__text-par {
  opacity: 1;
  color: var(--color-navy);
  transition: color 1.5s cubic-bezier(0.65, 0, 0.35, 1), opacity 1.8s cubic-bezier(0.65, 0, 0.35, 1);
}
.is-load .p-story_outline__text-par:nth-child(1) {
  transition-delay: 0.2s;
}
.is-load .p-story_outline__text-par:nth-child(2) {
  transition-delay: 0.24s;
}
.is-load .p-story_outline__text-par:nth-child(3) {
  transition-delay: 0.28s;
}
.is-load .p-story_outline__text-par:nth-child(4) {
  transition-delay: 0.32s;
}
.is-load .p-story_outline__text-par:nth-child(5) {
  transition-delay: 0.36s;
}
.is-load .p-story_outline__text-par:nth-child(6) {
  transition-delay: 0.4s;
}
.is-load .p-story_outline__text-par:nth-child(7) {
  transition-delay: 0.44s;
}
.is-load .p-story_outline__text-par:nth-child(8) {
  transition-delay: 0.48s;
}
.is-load .p-story_outline__text-par:nth-child(9) {
  transition-delay: 0.52s;
}
.is-load .p-story_outline__text-par:nth-child(10) {
  transition-delay: 0.56s;
}
.is-load .p-story_outline__text-par:nth-child(11) {
  transition-delay: 0.6s;
}
.is-load .p-story_outline__text-par:nth-child(12) {
  transition-delay: 0.64s;
}
.is-load .p-story_outline__text-par:nth-child(13) {
  transition-delay: 0.68s;
}
.is-load .p-story_outline__text-par:nth-child(14) {
  transition-delay: 0.72s;
}
.is-load .p-story_outline__text-par:nth-child(15) {
  transition-delay: 0.76s;
}
.is-load .p-story_outline__text-par:nth-child(16) {
  transition-delay: 0.8s;
}
.is-load .p-story_outline__text-par:nth-child(17) {
  transition-delay: 0.84s;
}
.is-load .p-story_outline__text-par:nth-child(18) {
  transition-delay: 0.88s;
}
.is-load .p-story_outline__text-par:nth-child(19) {
  transition-delay: 0.92s;
}
.is-load .p-story_outline__text-par:nth-child(20) {
  transition-delay: 0.96s;
}
.is-load .p-story_outline__text-par:nth-child(21) {
  transition-delay: 1s;
}
.is-load .p-story_outline__text-par:nth-child(22) {
  transition-delay: 1.04s;
}
.is-load .p-story_outline__text-par:nth-child(23) {
  transition-delay: 1.08s;
}
.is-load .p-story_outline__text-par:nth-child(24) {
  transition-delay: 1.12s;
}
.is-load .p-story_outline__text-par:nth-child(25) {
  transition-delay: 1.16s;
}
.is-load .p-story_outline__text-par:nth-child(26) {
  transition-delay: 1.2s;
}
.is-load .p-story_outline__text-par:nth-child(27) {
  transition-delay: 1.24s;
}
.is-load .p-story_outline__text-par:nth-child(28) {
  transition-delay: 1.28s;
}
.is-load .p-story_outline__text-par:nth-child(29) {
  transition-delay: 1.32s;
}
.is-load .p-story_outline__text-par:nth-child(30) {
  transition-delay: 1.36s;
}
.is-load .p-story_outline__text-par:nth-child(31) {
  transition-delay: 1.4s;
}
.is-load .p-story_outline__text-par:nth-child(32) {
  transition-delay: 1.44s;
}
.is-load .p-story_outline__text-par:nth-child(33) {
  transition-delay: 1.48s;
}
.is-load .p-story_outline__text-par:nth-child(34) {
  transition-delay: 1.52s;
}
.is-load .p-story_outline__text-par:nth-child(35) {
  transition-delay: 1.56s;
}
.is-load .p-story_outline__text-par:nth-child(36) {
  transition-delay: 1.6s;
}
.is-load .p-story_outline__text-par:nth-child(37) {
  transition-delay: 1.64s;
}
.is-load .p-story_outline__text-par:nth-child(38) {
  transition-delay: 1.68s;
}
.is-load .p-story_outline__text-par:nth-child(39) {
  transition-delay: 1.72s;
}
.is-load .p-story_outline__text-par:nth-child(40) {
  transition-delay: 1.76s;
}
.is-load .p-story_outline__text-par:nth-child(41) {
  transition-delay: 1.8s;
}
.is-load .p-story_outline__text-par:nth-child(42) {
  transition-delay: 1.84s;
}
.is-load .p-story_outline__text-par:nth-child(43) {
  transition-delay: 1.88s;
}
.is-load .p-story_outline__text-par:nth-child(44) {
  transition-delay: 1.92s;
}
.is-load .p-story_outline__text-par:nth-child(45) {
  transition-delay: 1.96s;
}
.is-load .p-story_outline__text-par:nth-child(46) {
  transition-delay: 2s;
}
.is-load .p-story_outline__text-par:nth-child(47) {
  transition-delay: 2.04s;
}
.is-load .p-story_outline__text-par:nth-child(48) {
  transition-delay: 2.08s;
}
.is-load .p-story_outline__text-par:nth-child(49) {
  transition-delay: 2.12s;
}
.is-load .p-story_outline__text-par:nth-child(50) {
  transition-delay: 2.16s;
}
.is-load .p-story_outline__text-par:nth-child(51) {
  transition-delay: 2.2s;
}
.is-load .p-story_outline__text-par:nth-child(52) {
  transition-delay: 2.24s;
}
.p-story_outline__footer {
  display: block;
  position: relative;
  margin-top: 8rem;
}
@media screen and (max-width: 960px) {
  .p-story_outline__footer {
    margin-top: 6rem;
  }
}
.p-story_outline__btn {
  display: block;
  position: relative;
}