.sec-firstview__head, .sec-firstview__typo {
  opacity: 0;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
  -webkit-transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.sec-firstview__ttl.is-active .sec-firstview__head,
.sec-firstview__ttl.is-active .sec-firstview__typo {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.sec-firstview__typo {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.sec-description__head, .sec-description__txt, .sec-description__person {
  opacity: 0;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
  -webkit-transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.sec-description__outline.is-active .sec-description__head,
.sec-description__outline.is-active .sec-description__txt,
.sec-description__outline.is-active .sec-description__person, .sec-description__member.is-active .sec-description__head,
.sec-description__member.is-active .sec-description__txt,
.sec-description__member.is-active .sec-description__person {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.sec-description__txt {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.sec-description__person:nth-child(1) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.sec-description__person:nth-child(2) {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
.sec-description__person:nth-child(3) {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
.sec-description__person:nth-child(4) {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}
.sec-description__person:nth-child(5) {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

.sec-article__clm .sec-article__img,
.sec-article__clm .sec-article__note .head,
.sec-article__clm .sec-article__note .block {
  opacity: 0;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
  -webkit-transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.sec-article__clm.is-active .sec-article__img,
.sec-article__clm.is-active .sec-article__note .head,
.sec-article__clm.is-active .sec-article__note .block {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.sec-article__clm--reverse .sec-article__note .head, .sec-article__clm--wrap .sec-article__note .head {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.sec-article__clm--reverse .sec-article__note .block, .sec-article__clm--wrap .sec-article__note .block {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
@media (min-width: 769px) {
  .sec-article__clm--reverse .sec-article__note .head, .sec-article__clm--wrap .sec-article__note .head {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  .sec-article__clm--reverse .sec-article__note .block, .sec-article__clm--wrap .sec-article__note .block {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .sec-article__clm--reverse .sec-article__img, .sec-article__clm--wrap .sec-article__img {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
}
.sec-article__clm--full .sec-article__note .head, .sec-article__clm--default .sec-article__note .head {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.sec-article__clm--full .sec-article__note .block, .sec-article__clm--default .sec-article__note .block {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.sec-firstview {
  padding-top: 6rem;
}
@media (min-width: 769px) {
  .sec-firstview {
    padding-top: 12rem;
  }
}
.sec-firstview__ttl {
  position: relative;
  z-index: 1;
  margin: -2rem 2rem 0;
  background: #fff;
  border-radius: 1rem;
  padding: 4.5rem 1.5rem 0;
}
@media (min-width: 769px) {
  .sec-firstview__ttl {
    margin: -5rem 16rem 0;
    padding: 13rem 16rem 0;
  }
}
.sec-firstview__head {
  font-size: 3rem;
  line-height: 1.4;
  letter-spacing: 0.09em;
  font-weight: 800;
  color: #00419a;
}
@media (min-width: 769px) {
  .sec-firstview__head {
    font-size: 7.4rem;
    line-height: 1.2;
  }
}
.sec-firstview__typo {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: -8rem;
  width: 29.5rem;
}
@media (min-width: 769px) {
  .sec-firstview__typo {
    bottom: -4rem;
    width: 58.9rem;
  }
}

.sec-description {
  padding: 12rem 2rem 0;
}
@media (min-width: 769px) {
  .sec-description {
    padding-top: 11.5rem;
  }
}
.sec-description__clm {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 769px) {
  .sec-description__clm {
    width: 128rem;
  }
}
@media (min-width: 769px) {
  .sec-description__outline {
    width: 54.2rem;
  }
}
.sec-description__member {
  margin-top: 5rem;
}
@media (min-width: 769px) {
  .sec-description__member {
    margin-top: 0;
    width: 64rem;
  }
}
.sec-description__head {
  padding: 2rem 1rem 2.5rem;
  position: relative;
  border-top: 2px solid #d0ddf0;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0.075em;
  font-family: "Teko", sans-serif;
  color: #00419a;
  text-transform: uppercase;
}
@media (min-width: 769px) {
  .sec-description__head {
    padding: 3rem 1.5rem 5rem;
    font-size: 4.3rem;
  }
}
.sec-description__head::before {
  position: absolute;
  top: -2px;
  left: 0;
  display: block;
  content: "";
  width: 50%;
  height: 2px;
  background: #00419a;
}
@media (min-width: 769px) {
  .sec-description__head::before {
    width: 27.5rem;
  }
}
.sec-description__txt {
  font-size: 1.2rem;
  line-height: 2.08;
  letter-spacing: 0.04em;
  font-weight: 500;
  padding: 0 1rem;
}
@media (min-width: 769px) {
  .sec-description__txt {
    font-size: 1.8rem;
    line-height: 2;
    letter-spacing: 0.1em;
    padding: 0;
  }
}
.sec-description__txt a {
  text-decoration: underline;
}
.sec-description__txt a:hover {
  text-decoration: none;
}
.sec-description__members {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2.5rem 0;
  padding: 0;
}
@media (min-width: 769px) {
  .sec-description__members {
    gap: 4rem 0;
    padding: 0 2rem;
  }
}
.sec-description__person {
  width: 44.8%;
}
@media (min-width: 769px) {
  .sec-description__person {
    width: 27rem;
  }
}
.sec-description__person .job {
  padding: 2.5rem 0 0.5rem;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media (min-width: 769px) {
  .sec-description__person .job {
    font-size: 1.6rem;
  }
}
.sec-description__person .name {
  display: inline-block;
  padding: 2.5rem 0 0.5rem;
  font-size: 2.6rem;
  line-height: 1;
  letter-spacing: 0.04em;
  font-family: "Teko", sans-serif;
  text-transform: uppercase;
}
@media (min-width: 769px) {
  .sec-description__person .name {
    font-size: 4.2rem;
  }
}
.sec-description__person .san {
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: 0.04em;
}
@media (min-width: 769px) {
  .sec-description__person .san {
    font-size: 1.8rem;
  }
}
.sec-description__person .text {
  padding-top: 0.5rem;
  font-size: 1.1rem;
  line-height: 1.3;
  letter-spacing: 0.075em;
  font-weight: 500;
}
@media (min-width: 769px) {
  .sec-description__person .text {
    font-size: 1.6rem;
    line-height: 1.62;
  }
}

.sec-article {
  padding-top: 5rem;
}
@media (min-width: 769px) {
  .sec-article {
    padding-top: 19.5rem;
  }
}
@media (min-width: 769px) {
  .sec-article__clm {
    width: 83.33vw;
  }
}
.sec-article__clm + .sec-article__clm {
  padding-top: 4.5rem;
}
@media (min-width: 769px) {
  .sec-article__clm + .sec-article__clm {
    padding-top: 16rem;
  }
}
@media (min-width: 769px) {
  .sec-article__clm.clearfix::after {
    content: "";
    display: block;
    clear: both;
  }
}
@media (min-width: 769px) {
  .sec-article__clm--default {
    margin-right: auto;
  }
  .sec-article__clm--default .sec-article__img {
    float: left;
  }
  .sec-article__clm--default .sec-article__note {
    float: right;
  }
}
@media (min-width: 769px) {
  .sec-article__clm--reverse {
    margin-left: auto;
  }
  .sec-article__clm--reverse .sec-article__img {
    float: right;
  }
  .sec-article__clm--reverse .sec-article__note {
    float: left;
  }
}
.sec-article__clm--full {
  width: 100vw;
}
.sec-article__clm--full .sec-article__img {
  width: 100vw;
}
.sec-article__clm--full .sec-article__note {
  position: relative;
  z-index: 1;
  width: calc(100% - 4rem);
  margin: -2rem auto 0;
  padding: 4.5rem 1.5rem 0;
  border-radius: 10px;
  background: #fff;
}
@media (min-width: 769px) {
  .sec-article__clm--full .sec-article__note {
    width: 83.33vw;
    margin: -15rem auto 0;
    padding: 13rem 16rem 0;
  }
}
@media (min-width: 769px) {
  .sec-article__clm--wrap {
    margin-left: auto;
  }
  .sec-article__clm--wrap .sec-article__img {
    float: right;
    margin: 0 0 0 3.22vw;
  }
  .sec-article__clm--wrap .sec-article__note {
    width: 66.66vw;
  }
}
@media (min-width: 769px) {
  .sec-article__clm--wrap-reverse {
    margin-right: auto;
  }
  .sec-article__clm--wrap-reverse .sec-article__img {
    float: left;
    margin: 0 3.22vw 0 0;
  }
  .sec-article__clm--wrap-reverse .sec-article__note {
    width: 66.66vw;
    margin-left: auto;
  }
}
@media (min-width: 769px) {
  .sec-article__img {
    width: 50vw;
  }
}
.sec-article__note {
  padding: 3rem 2rem 0;
}
@media (min-width: 769px) {
  .sec-article__note {
    width: 29.89vw;
    padding: 0;
  }
}
.sec-article__note .head {
  font-size: 2.5rem;
  line-height: 1.25;
  letter-spacing: 0.05em;
  font-weight: 800;
  color: #00419a;
  padding-bottom: 3rem;
}
@media (min-width: 769px) {
  .sec-article__note .head {
    font-size: 5.8rem;
    padding-bottom: 4.5rem;
  }
}
.sec-article__note .block + .block {
  padding-top: 3rem;
}
@media (min-width: 769px) {
  .sec-article__note .block + .block {
    padding-top: 6.5rem;
  }
}
.sec-article__note .txt {
  font-size: 1.2rem;
  line-height: 2.08;
  letter-spacing: 0.1em;
  font-weight: 500;
}
@media (min-width: 769px) {
  .sec-article__note .txt {
    font-size: 1.8rem;
    line-height: 2;
  }
}
.sec-article__note .sup {
  font-size: 1rem;
}
@media (min-width: 769px) {
  .sec-article__note .sup {
    font-size: 1.2rem;
  }
}
.sec-article__note .cap {
  padding-top: 1rem;
  font-size: 1rem;
  display: inline-block;
}
@media (min-width: 769px) {
  .sec-article__note .cap {
    font-size: 1.4rem;
  }
}
.sec-article__note .name {
  position: relative;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0.04em;
  font-family: "Teko", "Noto Sans JP", sans-serif;
  color: #00419a;
  padding-left: 5rem;
  text-transform: uppercase;
}
.sec-article__note .name::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: block;
  content: "";
  width: 3.2rem;
  height: 0.2rem;
  background: #00419a;
}
.sec-article__note .name .small {
  font-size: 1.8rem;
  font-weight: 500;
  padding-left: 0.5rem;
}
.sec-article__note .name + .txt {
  padding-top: 1rem;
}/*# sourceMappingURL=story.css.map */