.p-story-detail__article {
  width: 760px;
}
@media (max-width: 1100px) {
  .p-story-detail__article {
    width: 65%;
  }
}
@media (max-width: 767px) {
  .p-story-detail__article {
    width: 100%;
  }
}
.p-story-detail__article__head {
  margin-bottom: 56px;
}
.p-story-detail__article__head h3 {
  font-size: 3.2rem;
  color: #222222;
  border-bottom: 4px solid #ccc;
  padding-bottom: 20px;
  position: relative;
}
.p-story-detail__article__head h3::after {
  content: "";
  width: 190px;
  height: 4px;
  background-color: #213B16;
  position: absolute;
  bottom: -4px;
  left: 0;
}
.p-story-detail__article__head div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-size: 1.3rem;
  color: #808080;
  margin-top: 22px;
}
.p-story-detail__article__head img {
  margin-top: 80px;
}
.p-story-detail__article__content p {
  margin-bottom: 32px;
}
.p-story-detail__article__content img {
  margin-bottom: 32px;
  display: block;
}
.p-story-detail__article__content iframe {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .p-story-detail__article__content iframe {
    width: 100%;
  }
}
.p-story-detail__article__content h4 {
  font-size: 2.4rem;
  color: #222222;
  margin-bottom: 40px;
}
.p-story-detail__article__prevnext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #4E4E4E;
  margin-top: 32px;
  padding-top: 24.5px;
}
@media (max-width: 767px) {
  .p-story-detail__article__prevnext {
    margin-bottom: 80px;
    font-size: 1.24rem;
  }
}
.p-story-detail__article__prevnext li a {
  position: relative;
}
.p-story-detail__article__prevnext li a::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #222222;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.p-story-detail__article__prevnext li a:hover::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}