@charset "UTF-8";
.is-load .l-reserve__link {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.is-load .l-reserve__chara-item:nth-of-type(1) {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}
.is-load .l-reserve__chara-item:nth-of-type(2) {
  -webkit-transition-delay: 1.38s;
  transition-delay: 1.38s;
}
.is-load .l-reserve__chara-item:nth-of-type(3) {
  -webkit-transition-delay: 1.46s;
  transition-delay: 1.46s;
}

.p-top {
  padding-bottom: 54px;
}
@media not all and (max-width: 960px) {
  .p-top {
    padding-bottom: 76px;
  }
}

/*============================
  hero
============================*/
.p-hero {
  position: relative;
  overflow: hidden;
}
@media not all and (max-width: 960px) {
  .p-hero {
    height: 100vh;
    min-height: 650px;
  }
}
@media not all and (max-width: 960px) {
  @media screen and (orientation: portrait) {
    .p-hero {
      height: auto;
    }
  }
}
.p-hero img {
  width: 100%;
}
@media not all and (max-width: 960px) {
  .p-hero__visual {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/top/main_kv_pc.jpg) no-repeat 65% 50%;
    background-size: cover;
  }
}
@media not all and (max-width: 960px) {
  @media screen and (orientation: portrait) {
    .p-hero__visual {
      position: relative;
      height: auto;
      background: none;
    }
  }
}
.is-load .p-hero__visual {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 1.5s ease 0s, -webkit-transform 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1.5s ease 0s, -webkit-transform 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1.5s ease 0s, transform 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1.5s ease 0s, transform 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0s, -webkit-transform 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}
@media not all and (max-width: 960px) {
  .p-hero__visual img {
    display: none;
  }
}
@media not all and (max-width: 960px) {
  @media screen and (orientation: portrait) {
    .p-hero__visual img {
      display: block;
    }
  }
}

.p-hero__brand {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media not all and (max-width: 960px) {
  .p-hero__brand {
    width: 300px;
  }
  .p-hero__brand img.brand-sw {
    width: 100px;
  }
  .p-hero__brand img.brand-ps {
    width: 180px;
  }
}
@media screen and (max-width: 960px) {
  .p-hero__brand {
    width: 175px;
  }
  .p-hero__brand img.brand-sw {
    width: 65px;
  }
  .p-hero__brand img.brand-ps {
    width: 100px;
  }
}

@media screen and (max-width: 960px) {
  .p-hero__wrap--1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media not all and (max-width: 960px) {
  .p-hero__wrap--1 {
    position: absolute;
    top: 66px;
    left: 7.1428571429%;
    width: 32.9285714286%;
    height: 100%;
    max-width: 60vh;
    padding: 0 0 81px 0;
  }
}
@media screen and (min-width: 961px) and (max-height: 650px) {
  .p-hero__wrap--1 {
    max-width: 416px;
  }
}
@media not all and (max-width: 960px) {
  @media screen and (orientation: portrait) {
    .p-hero__wrap--1 {
      top: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      padding: 0;
      -webkit-transform: none;
      transform: none;
    }
  }
}
.p-hero__wrap--2 {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
@media not all and (max-width: 960px) {
  .p-hero__wrap--2 {
    position: absolute;
    left: 0;
    bottom: 81px;
    width: 100%;
    margin-bottom: 25.1%;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }
}
.is-load .p-hero__wrap--2 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1.2s ease 0.1s, -webkit-transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
  transition: opacity 1.2s ease 0.1s, -webkit-transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
  transition: opacity 1.2s ease 0.1s, transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
  transition: opacity 1.2s ease 0.1s, transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, -webkit-transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
}

.p-hero__ttl {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
@media screen and (max-width: 960px) {
  .p-hero__ttl {
    width: 69.3333333333%;
    margin: 17.5% auto 0;
  }
}
@media not all and (max-width: 960px) {
  .p-hero__ttl {
    width: 89.1732283465%;
    margin: 8.1% auto 0;
  }
}
@media not all and (max-width: 960px) {
  @media screen and (orientation: portrait) {
    .p-hero__ttl {
      width: 66.6666666667%;
      margin: 5.5% auto 0;
    }
  }
}
@media not all and (max-width: 960px) {
  .p-hero__ttl {
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }
}
.is-load .p-hero__ttl {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1.2s ease 0s, -webkit-transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1.2s ease 0s, -webkit-transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1.2s ease 0s, transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1.2s ease 0s, transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0s, -webkit-transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}

.p-hero__catch {
  width: 80%;
  margin: 2.6% auto 0;
}
@media not all and (max-width: 960px) {
  .p-hero__catch {
    width: 100%;
    margin: 0;
  }
}
@media not all and (max-width: 960px) {
  @media screen and (orientation: portrait) {
    .p-hero__catch {
      width: 80%;
      margin: 4.4% auto;
    }
  }
}

@media screen and (max-width: 960px) {
  .p-hero__release {
    width: 46.9333333333%;
    margin: 3% auto 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 27px;
  }
}
@media not all and (max-width: 960px) {
  .p-hero__release {
    width: 72%;
    margin: 6.4% auto 2.4%;
  }
}
@media not all and (max-width: 960px) {
  @media screen and (orientation: portrait) {
    .p-hero__release {
      position: absolute;
      bottom: 3.8%;
      left: 50%;
      width: 80%;
      margin: 0;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
    }
  }
}

.p-hero__movie {
  width: 64.7637795276%;
  margin: 10.5% auto 0;
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}
@media not all and (max-width: 960px) {
  @media screen and (orientation: portrait) {
    .p-hero__movie {
      display: none;
    }
  }
}
.p-hero__movie-inner {
  position: relative;
  padding-top: 59.4512195122%;
}
.p-hero__movie-inner::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  background: url(../img/common/icon/btn_play.png) no-repeat 50%/contain;
  z-index: 1;
}
.p-hero__movie-inner::after {
  position: absolute;
  pointer-events: none;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/top/frame_movie.png) no-repeat 50%;
  background-size: contain;
}
.p-hero__movie-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

/*============================
  movie
============================*/
.p-movie {
  margin-top: 5.3333333333%;
}
@media not all and (max-width: 960px) {
  @media screen and (orientation: portrait) {
    .p-movie {
      display: block;
      margin-top: 40px;
    }
  }
}
@media not all and (max-width: 960px) {
  @media screen and (orientation: portrait) {
    .p-movie__inner {
      width: 89.3333333333%;
      max-width: 653px;
      margin-right: auto;
      margin-left: auto;
    }
  }
}

.p-movie__item {
  position: relative;
}
.p-movie__item-inner {
  position: relative;
  padding-top: 59.4512195122%;
}
.p-movie__item-inner::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  background: url(../img/common/icon/btn_play.png) no-repeat 50%/contain;
  z-index: 1;
}
.p-movie__item-inner::after {
  position: absolute;
  pointer-events: none;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/top/frame_movie.png) no-repeat 50%;
  background-size: contain;
}
.p-movie__item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

/*============================
  bnr
============================*/
.p-bnr {
  margin-top: 6.6666666667%;
}
@media not all and (max-width: 960px) {
  .p-bnr {
    margin-top: 40px;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 960px) {
  .p-bnr__list {
    width: 88.0597014925%;
    margin: 0 auto;
  }
}
@media not all and (max-width: 960px) {
  .p-bnr__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 960px) {
  .p-bnr__list + .p-bnr__list {
    margin-top: 15px;
  }
}
.p-bnr__list-item {
  display: block;
  position: relative;
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
@media not all and (max-width: 960px) {
  .p-bnr__list-item {
    width: 30.6451612903%;
    margin: 0 1.2903225806% 2.0161290323%;
  }
}
.is-active .p-bnr__list-item {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0s;
}
.is-active .p-bnr__list-item:nth-of-type(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.is-active .p-bnr__list-item:nth-of-type(2) {
  -webkit-transition-delay: 0.07s;
  transition-delay: 0.07s;
}
.is-active .p-bnr__list-item:nth-of-type(3) {
  -webkit-transition-delay: 0.14s;
  transition-delay: 0.14s;
}
.is-active .p-bnr__list-item:nth-of-type(4) {
  -webkit-transition-delay: 0.21s;
  transition-delay: 0.21s;
}
.is-active .p-bnr__list-item:nth-of-type(5) {
  -webkit-transition-delay: 0.28s;
  transition-delay: 0.28s;
}
.is-active .p-bnr__list-item:nth-of-type(6) {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
.is-active .p-bnr__list-item:nth-of-type(7) {
  -webkit-transition-delay: 0.42s;
  transition-delay: 0.42s;
}
.is-active .p-bnr__list-item:nth-of-type(8) {
  -webkit-transition-delay: 0.49s;
  transition-delay: 0.49s;
}
.is-active .p-bnr__list-item:nth-of-type(9) {
  -webkit-transition-delay: 0.56s;
  transition-delay: 0.56s;
}
.is-active .p-bnr__list-item:nth-of-type(10) {
  -webkit-transition-delay: 0.63s;
  transition-delay: 0.63s;
}
.is-active .p-bnr__list-item:nth-of-type(11) {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
@media screen and (max-width: 960px) {
  .p-bnr__list-item + .p-bnr__list-item {
    margin-top: 15px;
  }
}
.p-bnr__list-inner {
  display: block;
  position: relative;
}
.p-bnr__list-inner::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 3em;
  height: 3em;
  background: url(../img/common/new.png) no-repeat left center/contain;
  -webkit-transform: translate(-30%, -30%);
  transform: translate(-30%, -30%);
}
@media not all and (max-width: 960px) {
  .p-bnr__list-inner::after {
    width: 2em;
    height: 2em;
  }
}
.p-bnr__list-item.-icon--new .p-bnr__list-inner::after {
  content: "";
  opacity: 1;
}

.txt-bnr {
  border: solid 1px;
  border-color: rgba(0, 0, 0, 0.2);
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  padding: 5px;
}

.txt-bnr a {
  text-decoration: none;
}

/*============================
  news
============================*/
.p-news {
  position: relative;
  padding: 8.8% 0;
  background: #00a1e9 url(../img/common/bg_pattern_tri.png) repeat 50% 0;
}
@media screen and (max-width: 960px) {
  .p-news {
    background-size: 23px auto;
  }
}
@media screen and (max-width: 960px) {
  .p-news {
    margin-top: 9.2%;
  }
}
@media not all and (max-width: 960px) {
  .p-news {
    padding: 57px 0;
  }
}
.p-news::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 18px;
  background: url(../img/common/line_blue.png) repeat-x 50% 0;
  background-size: auto 100%;
  top: -9px;
}
@media not all and (max-width: 960px) {
  .p-news::before {
    height: 34px;
  }
}
@media not all and (max-width: 960px) {
  .p-news::before {
    top: -17px;
  }
}
.p-news::after {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 18px;
  background: url(../img/common/line_blue.png) repeat-x 50% 0;
  background-size: auto 100%;
  bottom: -9px;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
@media not all and (max-width: 960px) {
  .p-news::after {
    height: 34px;
  }
}
@media not all and (max-width: 960px) {
  .p-news::after {
    bottom: -17px;
  }
}
@media not all and (max-width: 960px) {
  .p-news__inner {
    width: calc(100% - 80px);
    max-width: 1650px;
    margin: 0 auto;
  }
}

.p-news__slide-container {
  overflow: visible;
}
.is-center .p-news__slide-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-news__slide-slide {
  position: relative;
  width: 46.4179104478%;
  height: auto;
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
@media not all and (max-width: 960px) {
  .p-news__slide-slide {
    width: 19.696969697%;
  }
}
.is-active .p-news__slide-slide {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0s;
}
.is-active .p-news__slide-slide:nth-of-type(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.is-active .p-news__slide-slide:nth-of-type(2) {
  -webkit-transition-delay: 0.07s;
  transition-delay: 0.07s;
}
.is-active .p-news__slide-slide:nth-of-type(3) {
  -webkit-transition-delay: 0.14s;
  transition-delay: 0.14s;
}
.is-active .p-news__slide-slide:nth-of-type(4) {
  -webkit-transition-delay: 0.21s;
  transition-delay: 0.21s;
}
.is-active .p-news__slide-slide:nth-of-type(5) {
  -webkit-transition-delay: 0.28s;
  transition-delay: 0.28s;
}
.is-active .p-news__slide-slide:nth-of-type(6) {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
.is-active .p-news__slide-slide:nth-of-type(7) {
  -webkit-transition-delay: 0.42s;
  transition-delay: 0.42s;
}
.is-active .p-news__slide-slide:nth-of-type(8) {
  -webkit-transition-delay: 0.49s;
  transition-delay: 0.49s;
}
.is-active .p-news__slide-slide:nth-of-type(9) {
  -webkit-transition-delay: 0.56s;
  transition-delay: 0.56s;
}
.is-active .p-news__slide-slide:nth-of-type(10) {
  -webkit-transition-delay: 0.63s;
  transition-delay: 0.63s;
}
.is-active .p-news__slide-slide:nth-of-type(11) {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.p-news__slide-slide:not(:last-of-type) {
  margin-right: 15px;
}
@media not all and (max-width: 960px) {
  .p-news__slide-slide:not(:last-of-type) {
    margin-right: 30px;
  }
}
.p-news__slide-util {
  position: relative;
  position: relative;
  width: 78.3582089552%;
  max-width: 531px;
  margin: 25px auto 0;
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
@media not all and (max-width: 960px) {
  .p-news__slide-util {
    margin-top: 40px;
  }
}
.is-active .p-news__slide-util {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.15s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.15s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.15s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.15s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.15s, transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.15s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.15s, transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.15s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.15s;
}
.p-news__slide-progress {
  position: relative;
  height: 8px;
  background-color: #ffffff;
}
@media not all and (max-width: 960px) {
  .p-news__slide-progress {
    height: 12px;
  }
}
.p-news__slide-progress::before, .p-news__slide-progress::after {
  position: absolute;
  content: "";
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 4px 0;
  border-color: transparent #ffffff transparent transparent;
}
@media not all and (max-width: 960px) {
  .p-news__slide-progress::before, .p-news__slide-progress::after {
    border-width: 6px 8px 6px 0;
  }
}
.p-news__slide-progress::before {
  left: -4px;
}
@media not all and (max-width: 960px) {
  .p-news__slide-progress::before {
    left: -7.5px;
  }
}
.p-news__slide-progress::after {
  right: -4px;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #ffffff;
}
@media not all and (max-width: 960px) {
  .p-news__slide-progress::after {
    right: -7.5px;
    border-width: 6px 0 6px 8px;
  }
}
.p-news__slide-progress .p-in-fill {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-news__slide-progress .p-in-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #48ca72;
  z-index: 1;
}
.p-news__slide-progress .p-in-bar::before, .p-news__slide-progress .p-in-bar::after {
  position: absolute;
  content: "";
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 4px 0;
  border-color: transparent #48ca72 transparent transparent;
}
@media not all and (max-width: 960px) {
  .p-news__slide-progress .p-in-bar::before, .p-news__slide-progress .p-in-bar::after {
    border-width: 6px 8px 6px 0;
  }
}
.p-news__slide-progress .p-in-bar::before {
  left: -4px;
}
@media not all and (max-width: 960px) {
  .p-news__slide-progress .p-in-bar::before {
    left: -7.5px;
  }
}
.p-news__slide-progress .p-in-bar::after {
  right: -4px;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #48ca72;
  opacity: 0;
}
@media not all and (max-width: 960px) {
  .p-news__slide-progress .p-in-bar::after {
    right: -7.5px;
    border-width: 6px 0 6px 8px;
  }
}
.p-news__slide.is-end .p-news__slide-progress .p-in-bar::after {
  opacity: 1;
}
.p-news__slide-scrollbar {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 45px;
  margin-top: -23px;
  z-index: 1;
}
@media not all and (max-width: 960px) {
  .p-news__slide-scrollbar {
    height: 60px;
    margin-top: -35px;
  }
}
.p-news__slide-scrollbar .swiper-scrollbar-drag {
  position: relative;
  top: 0;
  left: 0;
  width: 21px;
  height: 100%;
  cursor: pointer;
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
@media not all and (max-width: 960px) {
  .p-news__slide-scrollbar .swiper-scrollbar-drag {
    width: 31px !important;
  }
}
.p-news__slide-scrollbar .swiper-scrollbar-drag::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 100%;
  height: 30px;
  margin-top: -18px;
  background: url(../img/top/news_pager_icon.png) no-repeat 50%/contain;
  -webkit-animation: hop-sp 6.6s infinite ease;
  animation: hop-sp 6.6s infinite ease;
}
@media not all and (max-width: 960px) {
  .p-news__slide-scrollbar .swiper-scrollbar-drag::after {
    height: 44px;
    -webkit-animation: hop 6.6s infinite ease;
    animation: hop 6.6s infinite ease;
    margin-top: -22px;
  }
}

.p-news__item {
  position: relative;
  padding: 6.4%;
  height: 100%;
  background-color: #ffffff;
  cursor: pointer;
}
@media not all and (max-width: 960px) {
  .p-news__item {
    padding: 7.7%;
  }
}
.p-news__item-thumb {
  position: relative;
  padding-top: 56.6666666667%;
  background-color: #e2e2e2;
  border-radius: 5px;
  overflow: hidden;
  z-index: 1;
}
@media not all and (max-width: 960px) {
  .p-news__item-thumb {
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 0 0 #e5e5e5;
    box-shadow: 2px 2px 0 0 #e5e5e5;
  }
}
.p-news__item-thumb .p-in-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.p-news__item-thumb.-type--video::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  background: url(../img/common/icon/btn_play.png) no-repeat 50%;
  background-size: contain;
}
@media not all and (max-width: 960px) {
  .p-news__item-thumb.-type--video::after {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
  }
}
.p-news__item-text {
  margin-top: 5.1470588235%;
}
@media not all and (max-width: 960px) {
  .p-news__item-text {
    margin-top: 8.1%;
  }
}
.p-news__item-date {
  font-family: Rubik, YakuHanRP, "Zen Maru Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-weight: 600;
  font-size: 10px;
  font-size: min(2.6666666667vw, 19.5px);
  font-size: clamp(8px, 2.6666666667vw, 19.5px);
}
@media not all and (max-width: 960px) {
  .p-news__item-date {
    font-size: 12.5px;
    font-size: min(0.8928571429vw, 15.625px);
  }
}
@media screen and (min-width: 961px) and (max-width: 1200px) {
  .p-news__item-date {
    font-size: 16.25px;
    font-size: min(1.1607142857vw, 20.3125px);
  }
}
.p-news__item-ttl {
  max-height: 3.9em;
  margin-top: 3.6764705882%;
  font-size: 11.5px;
  font-size: min(3.0666666667vw, 22.425px);
  font-size: clamp(9.2px, 3.0666666667vw, 22.425px);
  line-height: 1.3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media not all and (max-width: 960px) {
  .p-news__item-ttl {
    margin-top: 5.4%;
    line-height: 1.5;
    max-height: 4.5em;
    font-size: 14.5px;
    font-size: min(1.0357142857vw, 18.125px);
  }
}
@media screen and (min-width: 961px) and (max-width: 1200px) {
  .p-news__item-ttl {
    font-size: 18.85px;
    font-size: min(1.3464285714vw, 23.5625px);
  }
}

.p-news__more {
  position: relative;
  display: block;
}
@media (hover: hover) {
  .p-news__more::before {
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  }
  .p-news__more:hover::before {
    -webkit-box-shadow: 9px 9px 0 0 rgba(0, 0, 0, 0.11);
    box-shadow: 9px 9px 0 0 rgba(0, 0, 0, 0.11);
  }
}

.p-news__twitter {
  width: 90%;
  max-width: 400px;
  margin: 23px auto 0;
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
@media not all and (max-width: 960px) {
  .p-news__twitter {
    margin-top: 30px;
  }
}
.is-active .p-news__twitter {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.25s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.25s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.25s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.25s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.25s, transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.25s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.25s, transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.25s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.25s;
}
.p-news__twitter-btn {
  display: block;
  position: relative;
  padding: 11px 35px;
  color: #1f9aea;
  text-align: center;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media not all and (max-width: 960px) {
  .p-news__twitter-btn {
    padding: 14px 20px;
    font-size: 16px;
    letter-spacing: 0.03em;
  }
}
@media (hover: hover) {
  .p-news__twitter-btn {
    -webkit-transition: -webkit-transform 0.64s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: -webkit-transform 0.64s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.64s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.64s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.64s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .p-news__twitter-btn:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
}
@media screen and (max-width: 960px) {
  .p-news__twitter-btn::after {
    position: absolute;
    content: "";
    top: 0;
    left: 15px;
    width: 15px;
    height: 100%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 73"><path fill="%231f9aea" d="M88,8.651a35.492,35.492,0,0,1-10.37,2.9A18.411,18.411,0,0,0,85.565,1.359,35.857,35.857,0,0,1,74.1,5.832,17.85,17.85,0,0,0,60.92.012,18.245,18.245,0,0,0,42.864,18.438a18.966,18.966,0,0,0,.466,4.2A50.934,50.934,0,0,1,6.115,3.382a18.7,18.7,0,0,0,5.591,24.6,17.671,17.671,0,0,1-8.179-2.3c0,0.079,0,.151,0,0.233A18.355,18.355,0,0,0,18.009,43.985a17.8,17.8,0,0,1-4.757.645A17.623,17.623,0,0,1,9.857,44.3,18.117,18.117,0,0,0,26.722,57.1,35.85,35.85,0,0,1-.011,64.729a50.349,50.349,0,0,0,27.68,8.28c33.211,0,51.374-28.08,51.374-52.435q0-1.2-.054-2.383A37.178,37.178,0,0,0,88,8.651Z"/></svg>') no-repeat left center;
    background-size: contain;
  }
}
.p-news__twitter-text {
  display: inline-block;
  vertical-align: baseline;
  position: relative;
}
@media not all and (max-width: 960px) {
  .p-news__twitter-text {
    padding-left: 27px;
  }
  .p-news__twitter-text::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 19px;
    height: 18px;
    margin-top: -9px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 73"><path fill="%231f9aea" d="M88,8.651a35.492,35.492,0,0,1-10.37,2.9A18.411,18.411,0,0,0,85.565,1.359,35.857,35.857,0,0,1,74.1,5.832,17.85,17.85,0,0,0,60.92.012,18.245,18.245,0,0,0,42.864,18.438a18.966,18.966,0,0,0,.466,4.2A50.934,50.934,0,0,1,6.115,3.382a18.7,18.7,0,0,0,5.591,24.6,17.671,17.671,0,0,1-8.179-2.3c0,0.079,0,.151,0,0.233A18.355,18.355,0,0,0,18.009,43.985a17.8,17.8,0,0,1-4.757.645A17.623,17.623,0,0,1,9.857,44.3,18.117,18.117,0,0,0,26.722,57.1,35.85,35.85,0,0,1-.011,64.729a50.349,50.349,0,0,0,27.68,8.28c33.211,0,51.374-28.08,51.374-52.435q0-1.2-.054-2.383A37.178,37.178,0,0,0,88,8.651Z"/></svg>') no-repeat left center;
    background-size: contain;
  }
}

/*============================
  intro
============================*/
.p-intro {
  padding: 45px 0;
  text-align: center;
}
@media not all and (max-width: 960px) {
  .p-intro {
    padding: 83px 0;
  }
}
.p-intro__inner {
  position: relative;
}

.p-intro__chara {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-41%);
  transform: translateY(-41%);
}
@media not all and (max-width: 960px) {
  .p-intro__chara {
    -webkit-transform: translateY(-48.5%);
    transform: translateY(-48.5%);
  }
}
.p-intro__chara--1 {
  left: -7%;
  width: 32.0895522388%;
}
@media screen and (max-width: 960px) {
  .p-intro__chara--1 {
    max-width: 162px;
  }
}
@media not all and (max-width: 960px) {
  .p-intro__chara--1 {
    left: auto;
    right: 79.2%;
    width: 15.1612903226%;
  }
}
.p-intro__chara--1 img {
  opacity: 0;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}
.is-active .p-intro__chara--1 img {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s ease 0.3s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.3s;
  transition: opacity 1s ease 0.3s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.3s;
  transition: opacity 1s ease 0.3s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.3s;
  transition: opacity 1s ease 0.3s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.3s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.3s;
}
.p-intro__chara--2 {
  right: -7.7%;
  width: 50.2985074627%;
  -webkit-transform: translateY(-43.4%);
  transform: translateY(-43.4%);
}
@media screen and (max-width: 960px) {
  .p-intro__chara--2 {
    max-width: 254px;
  }
}
@media not all and (max-width: 960px) {
  .p-intro__chara--2 {
    right: auto;
    left: 70.7%;
    width: 23.7903225806%;
    -webkit-transform: translateY(-49.4%);
    transform: translateY(-49.4%);
  }
}
.p-intro__chara--2 img {
  opacity: 0;
  -webkit-transform: translate3d(40px, 0, 0);
  transform: translate3d(40px, 0, 0);
}
.is-active .p-intro__chara--2 img {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s ease 0.3s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.3s;
  transition: opacity 1s ease 0.3s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.3s;
  transition: opacity 1s ease 0.3s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.3s;
  transition: opacity 1s ease 0.3s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.3s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.3s;
}

.p-intro__lead {
  position: relative;
  color: #ff7a05;
  font-size: 12.5px;
  font-size: min(3.3333333333vw, 18.75px);
  font-size: clamp(10px, 3.3333333333vw, 18.75px);
  line-height: 1.45;
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
}
@media not all and (max-width: 960px) {
  .p-intro__lead {
    font-size: 25.5px;
    font-size: min(1.8214285714vw, 31.875px);
    font-size: clamp(19.125px, 1.8214285714vw, 31.875px);
    letter-spacing: normal;
  }
}
.is-active .p-intro__lead {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}
.p-intro__lead-text {
  display: block;
  position: relative;
  z-index: 1;
}
.p-intro__lead-text--dummy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  -webkit-text-stroke: 3px #ffffff;
}
@media not all and (max-width: 960px) {
  .p-intro__lead-text--dummy {
    -webkit-text-stroke: 8px #ffffff;
  }
}

.p-intro__ttl {
  position: relative;
  margin-top: 7px;
  color: #ff7a05;
  font-size: 21.5px;
  font-size: min(5.7333333333vw, 32.25px);
  font-size: clamp(17.2px, 5.7333333333vw, 32.25px);
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
}
@media not all and (max-width: 960px) {
  .p-intro__ttl {
    margin-top: 4px;
    font-size: 50px;
    font-size: min(3.5714285714vw, 62.5px);
    font-size: clamp(37.5px, 3.5714285714vw, 62.5px);
  }
}
.is-active .p-intro__ttl {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s ease 0.1s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
  transition: opacity 1s ease 0.1s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
  transition: opacity 1s ease 0.1s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
  transition: opacity 1s ease 0.1s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
}
.p-intro__ttl-text {
  display: block;
  position: relative;
  z-index: 1;
}
.p-intro__ttl-text--dummy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  -webkit-text-stroke: 3px #ffffff;
}
@media not all and (max-width: 960px) {
  .p-intro__ttl-text--dummy {
    -webkit-text-stroke: 9px #ffffff;
  }
}

.p-intro__text {
  position: relative;
  margin-top: 18px;
  font-size: 14px;
  font-size: min(3.7333333333vw, 21px);
  font-size: clamp(11.2px, 3.7333333333vw, 21px);
  line-height: 1.63;
  font-weight: 700;
  text-shadow: #ffffff 1px 1px 0, #ffffff -1px -1px 0, #ffffff -1px 1px 0, #ffffff 1px -1px 0, #ffffff 0px 1px 0, #ffffff -1px 0, #ffffff -1px 0 0, #ffffff 1px 0 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
}
@media not all and (max-width: 960px) {
  .p-intro__text {
    margin-top: 32px;
    font-size: 22px;
    line-height: 1.58;
  }
}
.is-active .p-intro__text {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s ease 0.2s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
  transition: opacity 1s ease 0.2s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
  transition: opacity 1s ease 0.2s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
  transition: opacity 1s ease 0.2s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
}
.p-intro__text-block + .p-intro__text-block {
  margin-top: 0.68em;
}

/*============================
  memory
============================*/
.p-memory {
  position: relative;
  padding: 35px 0 50px;
  padding: min(9.3333333333%, 68.25px) 0 min(13.3333333333%, 97.5px);
  color: #ffffff;
  text-align: center;
  font-family: "RocknRoll One", YakuHanRP, "Zen Maru Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  background: #09bead url(../img/common/bg_pattern_tri.png) repeat 50% 0;
}
@media screen and (max-width: 960px) {
  .p-memory {
    background-size: 23px auto;
  }
}
@media not all and (max-width: 960px) {
  .p-memory {
    padding: 60px 0 88px;
    padding: min(4.2857142857%, 75px) 0 min(6.2857142857%, 110px);
  }
}
.p-memory::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 18px;
  background: url(../img/common/line_bluegreen.png) repeat-x 50% 0;
  background-size: auto 100%;
  top: -9px;
}
@media not all and (max-width: 960px) {
  .p-memory::before {
    height: 34px;
  }
}
@media not all and (max-width: 960px) {
  .p-memory::before {
    top: -17px;
  }
}
.p-memory::after {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 18px;
  background: url(../img/common/line_bluegreen.png) repeat-x 50% 0;
  background-size: auto 100%;
  bottom: -9px;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
@media not all and (max-width: 960px) {
  .p-memory::after {
    height: 34px;
  }
}
@media not all and (max-width: 960px) {
  .p-memory::after {
    bottom: -17px;
  }
}
.p-memory__ttl {
  position: relative;
  width: 90%;
  margin: 0 auto;
  font-size: 23px;
  font-size: min(6.1333333333vw, 34.5px);
  font-size: clamp(18.4px, 6.1333333333vw, 34.5px);
  line-height: 1.3;
  color: #06b19e;
  font-weight: 400;
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
@media not all and (max-width: 960px) {
  .p-memory__ttl {
    font-size: 50px;
    font-size: min(3.5714285714vw, 62.5px);
    font-size: clamp(37.5px, 3.5714285714vw, 62.5px);
  }
}
.is-active .p-memory__ttl {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s, transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0s;
}
.p-memory__ttl-text {
  display: block;
  position: relative;
  z-index: 1;
}
.p-memory__ttl-text--dummy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  -webkit-text-stroke: 4px #ffffff;
}
@media not all and (max-width: 960px) {
  .p-memory__ttl-text--dummy {
    -webkit-text-stroke: 9px #ffffff;
  }
}

.p-memory__lead {
  position: relative;
  margin-top: 23px;
  margin-top: min(6.1333333333%, 44.85px);
  padding: 79px 0;
}
@media not all and (max-width: 960px) {
  .p-memory__lead {
    margin-top: 49px;
    padding: 182px 0 187px;
  }
}
.p-memory__lead-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.p-memory__lead-bg .p-in-movie {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 200%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}
.p-memory__lead-bg .p-in-movie iframe {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 200%;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p-memory__lead-text {
  position: relative;
  padding: 0 3%;
  font-size: 16px;
  font-size: min(4.2666666667vw, 24px);
  font-size: clamp(12.8px, 4.2666666667vw, 24px);
  letter-spacing: 0.02em;
  line-height: 1.28;
  opacity: 0;
}
.is-active .p-memory__lead-text {
  opacity: 1;
}
@media not all and (max-width: 960px) {
  .p-memory__lead-text {
    font-size: 40px;
    font-size: min(2.8571428571vw, 50px);
    font-size: clamp(30px, 2.8571428571vw, 50px);
    letter-spacing: normal;
  }
}
.p-memory__lead-text span {
  display: inline-block;
  min-width: 0.3em;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transform: translate3d(-5px, -10px, 0);
  transform: translate3d(-5px, -10px, 0);
}
@media not all and (max-width: 960px) {
  .p-memory__lead-text span {
    -webkit-transform: translate3d(-10px, -30px, 0);
    transform: translate3d(-10px, -30px, 0);
  }
}
.is-active .p-memory__lead-text span {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
.is-active .p-memory__lead-text span:nth-of-type(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.is-active .p-memory__lead-text span:nth-of-type(2) {
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s;
}
.is-active .p-memory__lead-text span:nth-of-type(3) {
  -webkit-transition-delay: 0.16s;
  transition-delay: 0.16s;
}
.is-active .p-memory__lead-text span:nth-of-type(4) {
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s;
}
.is-active .p-memory__lead-text span:nth-of-type(5) {
  -webkit-transition-delay: 0.32s;
  transition-delay: 0.32s;
}
.is-active .p-memory__lead-text span:nth-of-type(6) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.is-active .p-memory__lead-text span:nth-of-type(7) {
  -webkit-transition-delay: 0.48s;
  transition-delay: 0.48s;
}
.is-active .p-memory__lead-text span:nth-of-type(8) {
  -webkit-transition-delay: 0.56s;
  transition-delay: 0.56s;
}
.is-active .p-memory__lead-text span:nth-of-type(9) {
  -webkit-transition-delay: 0.64s;
  transition-delay: 0.64s;
}
.is-active .p-memory__lead-text span:nth-of-type(10) {
  -webkit-transition-delay: 0.72s;
  transition-delay: 0.72s;
}
.is-active .p-memory__lead-text span:nth-of-type(11) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.is-active .p-memory__lead-text span:nth-of-type(12) {
  -webkit-transition-delay: 0.88s;
  transition-delay: 0.88s;
}
.is-active .p-memory__lead-text span:nth-of-type(13) {
  -webkit-transition-delay: 0.96s;
  transition-delay: 0.96s;
}
.is-active .p-memory__lead-text span:nth-of-type(14) {
  -webkit-transition-delay: 1.04s;
  transition-delay: 1.04s;
}
.is-active .p-memory__lead-text span:nth-of-type(15) {
  -webkit-transition-delay: 1.12s;
  transition-delay: 1.12s;
}
.is-active .p-memory__lead-text span:nth-of-type(16) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.is-active .p-memory__lead-text span:nth-of-type(17) {
  -webkit-transition-delay: 1.28s;
  transition-delay: 1.28s;
}
.is-active .p-memory__lead-text span:nth-of-type(18) {
  -webkit-transition-delay: 1.36s;
  transition-delay: 1.36s;
}
.is-active .p-memory__lead-text span:nth-of-type(19) {
  -webkit-transition-delay: 1.44s;
  transition-delay: 1.44s;
}
.is-active .p-memory__lead-text span:nth-of-type(20) {
  -webkit-transition-delay: 1.52s;
  transition-delay: 1.52s;
}
.is-active .p-memory__lead-text span:nth-of-type(21) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.is-active .p-memory__lead-text span:nth-of-type(22) {
  -webkit-transition-delay: 1.68s;
  transition-delay: 1.68s;
}
.is-active .p-memory__lead-text span:nth-of-type(23) {
  -webkit-transition-delay: 1.76s;
  transition-delay: 1.76s;
}
.is-active .p-memory__lead-text span:nth-of-type(24) {
  -webkit-transition-delay: 1.84s;
  transition-delay: 1.84s;
}

.p-memory__story {
  font-size: 16px;
  font-size: min(4.2666666667vw, 24px);
  font-size: clamp(12.8px, 4.2666666667vw, 24px);
  line-height: 1.66;
  letter-spacing: 0.01em;
}
@media not all and (max-width: 960px) {
  .p-memory__story {
    margin-top: 42px;
    margin-top: min(3%, 52.5px);
    font-size: 30px;
    font-size: min(2.1428571429vw, 37.5px);
    font-size: clamp(22.5px, 2.1428571429vw, 37.5px);
  }
}
@media not all and (max-width: 960px) {
  .p-memory__story-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media not all and (max-width: 960px) {
  .p-memory__story-wrap--1 {
    padding-left: 32px;
  }
}
@media not all and (max-width: 960px) {
  .p-memory__story-wrap--2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.p-memory__story-text {
  padding: 24px 3% 27px;
  padding: min(6.4%, 46.8px) 3% min(7.2%, 52.65px);
  opacity: 0;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}
@media not all and (max-width: 960px) {
  .p-memory__story-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 3%;
    line-height: 2.35;
  }
}
.p-memory__story-wrap:nth-of-type(even) .p-memory__story-text {
  -webkit-transform: translate3d(40px, 0, 0);
  transform: translate3d(40px, 0, 0);
}
.p-memory__story-wrap.is-active .p-memory__story-text {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}
@media not all and (max-width: 960px) {
  .p-memory__story-text--1 {
    padding-bottom: 4.6%;
  }
}
.p-memory__story-text--2 {
  padding: 18px 3% 27px;
  padding: min(4.8%, 35.1px) 3% min(7.2%, 52.65px);
}
@media not all and (max-width: 960px) {
  .p-memory__story-text--2 {
    padding: 0 3%;
  }
}

.p-memory__img {
  position: relative;
  width: 94.8%;
}
@media screen and (max-width: 960px) {
  .p-memory__img {
    max-width: 694px;
  }
}
@media not all and (max-width: 960px) {
  .p-memory__img {
    width: 46.0714285714%;
  }
}
.p-memory__img--1 {
  margin-left: auto;
}
@media not all and (max-width: 960px) {
  .p-memory__img--2 {
    width: 50%;
    margin-top: -5%;
  }
}

.p-memory__slide {
  position: relative;
}
.p-memory__slide-wrapper {
  padding-bottom: 3px;
}
@media not all and (max-width: 960px) {
  .p-memory__slide-wrapper {
    padding-bottom: 6px;
  }
}
.p-memory__slide-slide {
  padding: 5px 0 5px 5px;
  background-color: #ffffff;
  -webkit-filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, 0.18));
  filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, 0.18));
}
@media not all and (max-width: 960px) {
  .p-memory__slide-slide {
    padding: 10px 0 10px 10px;
    -webkit-filter: drop-shadow(6px 6px 0 rgba(0, 0, 0, 0.18));
    filter: drop-shadow(6px 6px 0 rgba(0, 0, 0, 0.18));
  }
}
.p-memory__slide-slide::after {
  position: absolute;
  content: "";
  top: 0;
  left: 100%;
  height: 100%;
  width: 5px;
  background-color: #ffffff;
}
@media not all and (max-width: 960px) {
  .p-memory__slide-slide::after {
    width: 10px;
  }
}
.p-memory__slide-slide img {
  width: 100%;
}
.p-memory__slide-pagination {
  margin-top: 14px;
  font-size: 0;
  letter-spacing: -0.4em;
}
.p-memory__slide-pagination > * {
  font-size: 11.9px;
  letter-spacing: normal;
}
@media not all and (max-width: 960px) {
  .p-memory__slide-pagination {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 20px;
  }
}
.p-memory__slide-pagination span {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 9px;
  margin: 0 6.5px 6.5px;
  background-color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media not all and (max-width: 960px) {
  .p-memory__slide-pagination span {
    width: 10px;
    height: 10px;
    margin: 0 7.5px 7.5px;
  }
}
.p-memory__slide-pagination span.swiper-pagination-bullet-active {
  background-color: #197a6f;
}

.p-memory__welcome-text {
  padding: 35px 3% 19px;
  padding: min(9.3333333333%, 68.25px) 3% min(5.3333333333%, 39px);
  font-size: 22px;
  font-size: min(5.8666666667vw, 33px);
  font-size: clamp(17.6px, 5.8666666667vw, 33px);
  line-height: 1.45;
  letter-spacing: 0.07em;
}
@media not all and (max-width: 960px) {
  .p-memory__welcome-text {
    padding: 63px 3% 23px;
    padding: min(4.5%, 78.75px), 3% min(1.6428571429%, 28.75px);
    font-size: 40px;
    font-size: min(2.8571428571vw, 50px);
    font-size: clamp(30px, 2.8571428571vw, 50px);
    letter-spacing: normal;
  }
}
.p-memory__welcome-text .p-in-inner {
  display: inline-block;
  position: relative;
  opacity: 0;
  -webkit-transform: translate3d(0, 15px, 0);
  transform: translate3d(0, 15px, 0);
}
.p-memory__welcome.is-active .p-memory__welcome-text .p-in-inner {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s;
  transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s;
}
.p-memory__welcome-text .p-in-inner::before, .p-memory__welcome-text .p-in-inner::after {
  position: absolute;
  content: "";
  bottom: 0.23em;
  width: 1.136em;
  height: 1.136em;
  background: url(../img/top/top_wonderful_point_l.png) no-repeat 0 0;
  background-size: contain;
}
@media not all and (max-width: 960px) {
  .p-memory__welcome-text .p-in-inner::before, .p-memory__welcome-text .p-in-inner::after {
    top: 0.32em;
    width: 0.925em;
    height: 0.925em;
  }
}
.p-memory__welcome.is-active .p-memory__welcome-text .p-in-inner::before, .p-memory__welcome.is-active .p-memory__welcome-text .p-in-inner::after {
  -webkit-animation: bounce-1 1.8s infinite 0.5s;
  animation: bounce-1 1.8s infinite 0.5s;
}
.p-memory__welcome-text .p-in-inner::before {
  right: 100%;
}
@media not all and (max-width: 960px) {
  .p-memory__welcome-text .p-in-inner::before {
    margin-right: 16px;
  }
}
.p-memory__welcome-text .p-in-inner::after {
  left: 100%;
  background-image: url(../img/top/top_wonderful_point_r.png);
  background-position: right top;
}
@media not all and (max-width: 960px) {
  .p-memory__welcome-text .p-in-inner::after {
    margin-left: 15px;
  }
}
.p-memory__welcome-photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-memory__welcome-photo .p-in-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.is-active .p-memory__welcome-photo .p-in-block {
  -webkit-animation: translateX100 52s linear infinite;
  animation: translateX100 52s linear infinite;
}
@media not all and (max-width: 960px) {
  .p-memory__welcome-photo .p-in-block {
    -webkit-animation-duration: 62s;
    animation-duration: 62s;
  }
}
.p-memory__welcome-photo .p-in-photo {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 56vw;
}
@media screen and (max-width: 960px) {
  .p-memory__welcome-photo .p-in-photo {
    max-width: 410px;
  }
}
@media not all and (max-width: 960px) {
  .p-memory__welcome-photo .p-in-photo {
    width: 420px;
  }
}
.p-memory__welcome-more {
  width: 180px;
  margin: 25px auto 0;
}
@media not all and (max-width: 960px) {
  .p-memory__welcome-more {
    width: 400px;
    margin-top: 40px;
  }
}

/*============================
  life
============================*/
.p-life {
  margin-top: 68px;
  margin-top: min(18.1333333333%, 102px);
}
@media not all and (max-width: 960px) {
  .p-life {
    margin-top: 96px;
    margin-top: min(6.8571428571%, 120px);
  }
}
@media screen and (max-width: 960px) {
  .p-life__inner {
    width: 92%;
    max-width: 518px;
    margin: 0 auto;
  }
}

.p-life__block {
  position: relative;
  padding: 7.7% 0 5%;
  text-align: center;
  background: #bbeb88 url(../img/common/bg_pattern_noise.png) repeat 0 0;
  border-radius: 30px;
  border: 5px solid #76ba25;
  -webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.15);
  opacity: 0;
  -webkit-transform: translate(0, 30px) scale(0.93);
  transform: translate(0, 30px) scale(0.93);
}
@media not all and (max-width: 960px) {
  .p-life__block {
    padding: 2.4% 3.5% 2.4%;
    border-radius: 100px;
    border-width: 10px;
    -webkit-box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.15);
  }
}
.is-active .p-life__block {
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
  -webkit-transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

.p-life__chara {
  position: absolute;
  opacity: 0;
  -webkit-transform: translate3d(-70px, 0, 0);
  transform: translate3d(-70px, 0, 0);
}
.is-active .p-life__chara {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}
.p-life__chara--1 {
  top: 0;
  left: -4.9%;
  width: 23.9%;
  margin-top: -8.4%;
}
@media not all and (max-width: 960px) {
  .p-life__chara--1 {
    top: 50%;
    left: 1.1%;
    width: 24.3442622951%;
    margin-top: -17%;
  }
}
.p-life__chara--2 {
  right: -4%;
  bottom: 0;
  width: 28.6567164179%;
  margin-bottom: -5%;
}

.p-life__photo {
  position: absolute;
  top: 0;
  left: 37.3134328358%;
  width: 67.9104477612%;
  margin-top: -13%;
  opacity: 0;
  -webkit-transform: translate3d(30px, -90px, 0) rotate(20deg);
  transform: translate3d(30px, -90px, 0) rotate(20deg);
}
@media not all and (max-width: 960px) {
  .p-life__photo {
    top: 50%;
    left: auto;
    right: -0.7%;
    width: 25.8196721311%;
    margin-top: -14.5%;
  }
}
.is-active .p-life__photo {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}

.p-life__ttl {
  position: relative;
  color: #72bb2b;
  font-size: 28.5px;
  font-size: min(7.6vw, 42.75px);
  font-size: clamp(22.8px, 7.6vw, 42.75px);
  line-height: 1.14;
}
@media not all and (max-width: 960px) {
  .p-life__ttl {
    display: inline-block;
    white-space: nowrap;
    text-align: left;
    font-size: 50.5px;
    font-size: min(3.6071428571vw, 63.125px);
    font-size: clamp(37.875px, 3.6071428571vw, 63.125px);
    line-height: 1.3;
    letter-spacing: normal;
  }
}
.p-life__ttl-text {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .p-life__ttl-text {
    padding: 0 2%;
  }
}
.p-life__ttl-text--dummy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  -webkit-text-stroke: 4px #ffffff;
}
@media not all and (max-width: 960px) {
  .p-life__ttl-text--dummy {
    -webkit-text-stroke: 9px #ffffff;
  }
}
.p-life__ttl-text .t-large {
  font-size: 1.82em;
  letter-spacing: 0.04em;
}
@media not all and (max-width: 960px) {
  .p-life__ttl-text .t-large {
    vertical-align: baseline;
    font-size: 1.38em;
  }
}

.p-life__more {
  width: 180px;
  margin: 4% auto 0;
}
@media not all and (max-width: 960px) {
  .p-life__more {
    width: 400px;
    margin-top: 2.1%;
  }
}

/*============================
  chara
============================*/
.p-chara {
  padding: 48px 0 0;
  padding: min(12.8%, 72px) 0 0;
}
@media screen and (max-width: 960px) {
  .p-chara__inner {
    max-width: 503px;
  }
}

.p-chara__header {
  margin-bottom: 6%;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0, 25px, 0);
  transform: translate3d(0, 25px, 0);
}
@media not all and (max-width: 960px) {
  .p-chara__header {
    margin-bottom: 2.2%;
  }
}
.is-active .p-chara__header {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}

.p-chara__ttl {
  display: inline-block;
  position: relative;
  font-size: 19px;
  font-size: min(5.0666666667vw, 28.5px);
  letter-spacing: 0.05em;
}
@media not all and (max-width: 960px) {
  .p-chara__ttl {
    font-size: 49px;
    font-size: min(3.5vw, 61.25px);
  }
}
.p-chara__ttl-text {
  display: block;
  position: relative;
  z-index: 1;
}
.p-chara__ttl-text:not(.p-chara__ttl-text--dummy)::before, .p-chara__ttl-text:not(.p-chara__ttl-text--dummy)::after {
  position: absolute;
  content: "";
  top: 0;
  width: 3.25em;
  height: 100%;
  background: url(../img/common/line_top_character.png) no-repeat 50%;
  background-size: contain;
}
@media not all and (max-width: 960px) {
  .p-chara__ttl-text:not(.p-chara__ttl-text--dummy)::before, .p-chara__ttl-text:not(.p-chara__ttl-text--dummy)::after {
    top: 0.04em;
    width: 2.5em;
  }
}
.p-chara__ttl-text:not(.p-chara__ttl-text--dummy)::before {
  right: 100%;
  margin-right: 0.28em;
}
@media not all and (max-width: 960px) {
  .p-chara__ttl-text:not(.p-chara__ttl-text--dummy)::before {
    margin-right: 0.47em;
  }
}
.p-chara__ttl-text:not(.p-chara__ttl-text--dummy)::after {
  left: 100%;
  margin-left: 0.28em;
}
@media not all and (max-width: 960px) {
  .p-chara__ttl-text:not(.p-chara__ttl-text--dummy)::after {
    margin-left: 0.5em;
  }
}
.p-chara__ttl-text--dummy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  -webkit-text-stroke: 3px #ffffff;
  -webkit-filter: drop-shadow(1px 2px 0 rgba(0, 0, 0, 0.22));
  filter: drop-shadow(1px 2px 0 rgba(0, 0, 0, 0.22));
}
@media not all and (max-width: 960px) {
  .p-chara__ttl-text--dummy {
    -webkit-text-stroke: 8px #ffffff;
    -webkit-filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, 0.22));
    filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, 0.22));
  }
}

@media not all and (max-width: 960px) {
  .p-chara__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.p-chara__menu-item {
  position: relative;
  padding: 5.8% 4% 3.5%;
  color: #e94695;
  background: #f1a3ca url(../img/common/bg_pattern_noise.png) repeat 0 0;
  border: 5px solid #e94695;
  border-radius: 30px;
  -webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transform: translate(0, 30px) scale(0.93);
  transform: translate(0, 30px) scale(0.93);
}
@media not all and (max-width: 960px) {
  .p-chara__menu-item {
    width: 48.064516129%;
    padding: 3.9% 1.8% 1.6%;
    border-width: 10px;
    border-radius: 60px;
    -webkit-box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.2);
  }
  .p-chara__menu-item:nth-of-type(even) {
    margin-left: 3.7903225806%;
  }
}
.is-active .p-chara__menu-item {
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
  -webkit-transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
.is-active .p-chara__menu-item:nth-of-type(1) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
.is-active .p-chara__menu-item:nth-of-type(2) {
  -webkit-transition-delay: 0.33s;
  transition-delay: 0.33s;
}
@media screen and (max-width: 960px) {
  .p-chara__menu-item + .p-chara__menu-item {
    margin-top: 6%;
  }
}
.p-chara__menu-item--resident {
  color: #f18500;
  background-color: #f7d9a7;
  border-color: #f18500;
}
.p-chara__menu-chara {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-55%);
  transform: translateY(-55%);
}
.p-chara__menu-chara img {
  opacity: 0;
  -webkit-transform: translate3d(0, 70px, 0);
  transform: translate3d(0, 70px, 0);
}
.is-active .p-chara__menu-chara img {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s ease 0.15s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.15s;
  transition: opacity 1s ease 0.15s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.15s;
  transition: opacity 1s ease 0.15s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.15s;
  transition: opacity 1s ease 0.15s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.15s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.15s;
}
.is-active .p-chara__menu-item:nth-of-type(1) .p-chara__menu-chara img {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.is-active .p-chara__menu-item:nth-of-type(2) .p-chara__menu-chara img {
  -webkit-transition-delay: 0.23s;
  transition-delay: 0.23s;
}
.p-chara__menu-chara--1 {
  right: -1%;
  width: 70.3076923077%;
}
@media not all and (max-width: 960px) {
  .p-chara__menu-chara--1 {
    right: -1.5%;
    width: 71%;
  }
}
.p-chara__menu-chara--2 {
  right: 3.3%;
  width: 54.7692307692%;
  -webkit-transform: translateY(-56.5%);
  transform: translateY(-56.5%);
}
@media not all and (max-width: 960px) {
  .p-chara__menu-chara--2 {
    right: 2.1%;
    width: 56%;
  }
}
.p-chara__menu-text {
  position: relative;
  font-size: 27.8px;
  font-size: min(7.4133333333vw, 41.7px);
  font-size: clamp(22.24px, 7.4133333333vw, 41.7px);
  letter-spacing: 0.05em;
  line-height: 1.3;
}
@media not all and (max-width: 960px) {
  .p-chara__menu-text {
    font-size: 50px;
    font-size: min(3.5714285714vw, 62.5px);
    font-size: clamp(37.5px, 3.5714285714vw, 62.5px);
  }
}
.p-chara__menu-text .p-in-text {
  position: relative;
  z-index: 1;
}
.p-chara__menu-text .p-in-text--dummy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  -webkit-text-stroke: 5px #ffffff;
}
@media not all and (max-width: 960px) {
  .p-chara__menu-text .p-in-text--dummy {
    -webkit-text-stroke: 8px #ffffff;
  }
}
.p-chara__menu-text .t-large {
  vertical-align: baseline;
  font-size: 1.42em;
}
.p-chara__menu-more {
  width: 180px;
  margin-top: 4.4%;
}
@media not all and (max-width: 960px) {
  .p-chara__menu-more {
    width: 300px;
    max-width: 80%;
    margin-top: 6.4%;
  }
  .p-chara__menu-more .c-btn_more {
    padding: 10px 15px 14px;
    font-size: 24.5px;
    letter-spacing: -0.03em;
  }
  .p-chara__menu-more .c-btn_more::after {
    top: -8px;
    left: -23px;
    width: 60px;
    height: 60px;
  }
  .p-chara__menu-more .c-btn_more__text {
    padding-left: 25px;
  }
  .p-chara__menu-more .c-btn_more__text::before {
    top: 11px;
    left: -1px;
    width: 13px;
    height: 13px;
  }
}

/*============================
  chara
============================*/
.p-rancher {
  position: relative;
  margin-top: 11%;
  margin-top: min(11%, 79.95px);
  padding: 5px 0;
  text-align: center;
  background: #a6beee repeating-linear-gradient(-45deg, transparent, transparent 10px, #a1bbec 10px, #a1bbec 20px) 0 0;
  overflow: hidden;
}
@media not all and (max-width: 960px) {
  .p-rancher {
    padding: 10px 0;
    background: #a6beee repeating-linear-gradient(-45deg, transparent, transparent 20px, #a1bbec 20px, #a1bbec 40px) 0 0;
  }
}
.p-rancher::after {
  position: absolute;
  pointer-events: none;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 5px solid #718ec6;
  border-bottom: 5px solid #718ec6;
  width: 0;
}
@media not all and (max-width: 960px) {
  .p-rancher::after {
    border-width: 10px;
  }
}
.p-rancher.is-active::after {
  width: 100%;
  -webkit-transition: width 0.9s cubic-bezier(0.25, 1, 0.5, 1);
  transition: width 0.9s cubic-bezier(0.25, 1, 0.5, 1);
}
.p-rancher__inner {
  position: relative;
}
@media screen and (max-width: 960px) {
  .p-rancher__inner {
    width: 92%;
    max-width: 673px;
    margin: 0 auto;
    padding: 5.5% 0 4.5%;
    padding: min(5.5%, 40.95px) 0 min(4.5%, 33.15px);
  }
}

.p-rancher__letter {
  position: absolute;
  left: -1%;
  top: 2px;
  width: 41.7%;
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
@media screen and (max-width: 960px) {
  .p-rancher__letter {
    max-width: 216px;
  }
}
@media not all and (max-width: 960px) {
  .p-rancher__letter {
    left: 1%;
    top: auto;
    bottom: 0;
    width: 22%;
    margin-right: 5.3%;
    margin-bottom: -5px;
  }
}
.is-active .p-rancher__letter {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.18s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.18s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.18s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.18s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.18s, transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.18s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.18s, transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.18s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.18s;
}

@media screen and (max-width: 960px) {
  .p-rancher__deco {
    position: absolute;
    left: -2.5%;
    bottom: -4px;
    width: 13%;
  }
}

.p-rancher__text {
  display: inline-block;
  position: relative;
  color: #ffffff;
}
@media not all and (max-width: 960px) {
  .p-rancher__text {
    padding: 2.5% 0 3.4%;
    text-align: left;
  }
}

.p-rancher__ttl {
  position: relative;
  font-weight: 400;
  font-size: 28px;
  font-size: min(7.4666666667vw, 42px);
  line-height: 1.2;
  letter-spacing: normal;
  color: #5c91d7;
  opacity: 0;
  -webkit-transform: translate3d(-50px, 0, 0);
  transform: translate3d(-50px, 0, 0);
}
@media not all and (max-width: 960px) {
  .p-rancher__ttl {
    font-size: 50px;
    font-size: min(3.5714285714vw, 62.5px);
    letter-spacing: 0.02em;
    line-height: 1.36;
  }
}
.is-active .p-rancher__ttl {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}
.p-rancher__ttl-text {
  display: block;
  position: relative;
  z-index: 1;
}
.p-rancher__ttl-text--dummy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-text-stroke: 3px #ffffff;
  z-index: 0;
}
@media not all and (max-width: 960px) {
  .p-rancher__ttl-text--dummy {
    -webkit-text-stroke: 8px #ffffff;
  }
}

.p-rancher__sup {
  position: relative;
  margin-top: 2.5%;
  letter-spacing: normal;
  font-size: 12px;
  font-size: min(3.2vw, 23.4px);
  opacity: 0;
  -webkit-transform: translate3d(-50px, 0, 0);
  transform: translate3d(-50px, 0, 0);
}
@media not all and (max-width: 960px) {
  .p-rancher__sup {
    margin-top: 3.4%;
    font-size: 20px;
    font-size: min(1.4285714286vw, 25px);
  }
}
.is-active .p-rancher__sup {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: opacity 1s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}

@media screen and (max-width: 960px) {
  .p-rancher__more {
    width: 180px;
    margin: 4.9% auto 0;
  }
}
@media not all and (max-width: 960px) {
  .p-rancher__more {
    position: absolute;
    top: 50%;
    right: 5.7%;
    width: 16.6%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.p-rancher__more-wrap {
  opacity: 0;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
.is-active .p-rancher__more-wrap {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.28s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.28s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.28s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.28s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.28s, transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.28s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.28s, transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.28s, -webkit-transform 0.8s cubic-bezier(0.375, 1.65, 0.58, 0.98) 0.28s;
}
.p-rancher__more-link {
  display: block;
  position: relative;
  text-decoration: none;
}
.p-rancher__more-link.-icon--new::after {
  position: absolute;
  content: "";
  top: -11px;
  left: -13px;
  width: 38%;
  padding-top: 38%;
  background: url(../img/common/new.png) no-repeat left top/contain;
}
@media (hover: hover) {
  @media not all and (max-width: 960px) {
    .p-rancher__more-link {
      -webkit-transition: 0.64s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: 0.64s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    .p-rancher__more-link:hover {
      -webkit-transform: scale(1.08);
      transform: scale(1.08);
    }
  }
}
.p-rancher__more-text {
  position: absolute;
  top: 50%;
  left: 50%;
  padding-left: 17%;
  font-size: 30px;
  font-size: min(2.1428571429vw, 37.5px);
  letter-spacing: -0.02em;
  text-align: center;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.p-rancher__more-text::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0.26em;
  width: 0.6em;
  height: 100%;
  background: url(../img/common/icon/arrow.png) no-repeat 0 60%;
  background-size: contain;
}

/*============================
  newsModal
============================*/
.m-news {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  display: none;
}
.is-load .m-news {
  display: block;
}
.m-news__close {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 1;
}
@media not all and (max-width: 960px) {
  .m-news__close {
    top: 30px;
    right: 30px;
  }
}

.m-news__container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.m-news__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  min-height: 100%;
  padding: 60px 0;
}

.m-news__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00a1e9 url(../img/common/bg_pattern_tri.png) repeat 50% 0;
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .m-news__bg {
    background-size: 23px auto;
  }
}

.m-news__main {
  position: relative;
  width: 92%;
  max-width: 720px;
  margin: 0 auto;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
@media screen and (max-width: 960px) {
  .m-news__main {
    padding-bottom: 65px;
  }
}
.is-loading .m-news__main {
  pointer-events: none !important;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.m-news__article {
  position: relative;
  padding: 20px 7.2463768116% 12px;
  background-color: #ffffff;
}
@media not all and (max-width: 960px) {
  .m-news__article {
    padding: 40px 6.7% 15px;
  }
}

.m-news__media {
  width: 84.7457627119%;
  max-width: 500px;
  margin: 0 auto;
}
.m-news__media-slide img {
  border-radius: 5px;
}
@media not all and (max-width: 960px) {
  .m-news__media-slide img {
    border-radius: 10px;
  }
}
.m-news__media-pagination {
  font-size: 0;
  letter-spacing: -0.4em;
  margin-top: 9px;
  text-align: center;
}
.m-news__media-pagination > * {
  font-size: 11.9px;
  letter-spacing: normal;
}
@media not all and (max-width: 960px) {
  .m-news__media-pagination {
    margin-top: 15px;
  }
}
.m-news__media-pagination > span {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 7px 7px;
  background-color: #dfdfdf;
  border-radius: 50%;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media not all and (max-width: 960px) {
  .m-news__media-pagination > span {
    width: 10px;
    height: 10px;
    margin: 0 5px 5px;
  }
}
.m-news__media-pagination > span.swiper-pagination-bullet-active {
  background-color: #ee833b;
}
.m-news__media video {
  max-width: 100%;
  height: auto;
}

.m-news__body {
  margin-top: 3px;
  padding-bottom: 16px;
}
@media not all and (max-width: 960px) {
  .m-news__body {
    margin-top: 10px;
    padding-bottom: 23px;
  }
}

.m-news__text {
  margin-top: 8px;
  font-size: 13.5px;
  line-height: 1.28;
}
@media not all and (max-width: 960px) {
  .m-news__text {
    margin-top: 12px;
    font-size: 16.5px;
    letter-spacing: 0.03em;
    line-height: 1.45;
  }
}
.m-news__text a {
  color: #ee833b;
  text-decoration: none;
}
.m-news__text a:hover {
  text-decoration: underline;
}

.m-news__loding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  pointer-events: none;
  opacity: 0;
}
.is-loading .m-news__loding {
  opacity: 1;
}
.m-news__loding-dot {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  color: #ffffff;
  background-color: #ffffff;
  -webkit-box-shadow: 9984px 0 0 0 #ffffff, 9999px 0 0 0 #ffffff, 10014px 0 0 0 #ffffff;
  box-shadow: 9984px 0 0 0 #ffffff, 9999px 0 0 0 #ffffff, 10014px 0 0 0 #ffffff;
  -webkit-animation: dot-loading 1s infinite linear;
  animation: dot-loading 1s infinite linear;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
@media not all and (max-width: 960px) {
  .m-news__loding-dot {
    width: 12px;
    height: 12px;
    -webkit-box-shadow: 9970px 0 0 0 #ffffff, 9999px 0 0 0 #ffffff, 10028px 0 0 0 #ffffff;
    box-shadow: 9970px 0 0 0 #ffffff, 9999px 0 0 0 #ffffff, 10028px 0 0 0 #ffffff;
    -webkit-animation-name: dot-loading-pc;
    animation-name: dot-loading-pc;
  }
}
.is-loading .m-news__loding-dot {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.m-news__date {
  font-size: 10px;
}
@media not all and (max-width: 960px) {
  .m-news__date {
    font-size: 13.5px;
  }
}

.m-news__btm {
  padding-top: 10px;
  border-top: 1px solid #d2d2d2;
}
@media not all and (max-width: 960px) {
  .m-news__btm {
    padding: 25px 2px 0;
  }
}

.m-news__account {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-right: 10px;
}
.m-news__account-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.m-news__account-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  border-radius: 50%;
}
@media not all and (max-width: 960px) {
  .m-news__account-icon {
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }
}
.m-news__account-name {
  font-size: 11px;
  line-height: 1.2;
  max-height: 2.4em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media not all and (max-width: 960px) {
  .m-news__account-name {
    font-size: 16px;
  }
}

.m-news__btn {
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .m-news__btn {
    max-width: 195px;
  }
}
@media not all and (max-width: 960px) {
  .m-news__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
}
@media not all and (max-width: 960px) {
  .m-news__btn-item {
    margin: 0 10px 10px;
  }
}
@media screen and (max-width: 960px) {
  .m-news__btn-item + .m-news__btn-item {
    margin-top: 5px;
  }
}
.m-news__btn-inner {
  display: block;
  position: relative;
  width: 100%;
  padding: 7px 3px 7px;
  text-align: center;
  color: #ffffff;
  font-size: 10px;
  letter-spacing: 0.06em;
  background: #01bfd5;
  text-decoration: none;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media not all and (max-width: 960px) {
  .m-news__btn-inner {
    padding: 9px 30px 11px;
    font-size: 15px;
    letter-spacing: 0.04em;
  }
}
.m-news__btn-item--official .m-news__btn-inner {
  background-color: #00a1e9;
}
.m-news__btn-text {
  display: inline-block;
  position: relative;
  padding-left: 18px;
}
@media not all and (max-width: 960px) {
  .m-news__btn-text {
    padding-left: 29px;
    font-size: 14px;
    letter-spacing: 0.1em;
  }
}
.m-news__btn-text::before {
  position: absolute;
  content: "";
  top: 2px;
  left: 0;
  width: 14px;
  height: 10px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 73"><path fill="%23ffffff" d="M88,8.651a35.492,35.492,0,0,1-10.37,2.9A18.411,18.411,0,0,0,85.565,1.359,35.857,35.857,0,0,1,74.1,5.832,17.85,17.85,0,0,0,60.92.012,18.245,18.245,0,0,0,42.864,18.438a18.966,18.966,0,0,0,.466,4.2A50.934,50.934,0,0,1,6.115,3.382a18.7,18.7,0,0,0,5.591,24.6,17.671,17.671,0,0,1-8.179-2.3c0,0.079,0,.151,0,0.233A18.355,18.355,0,0,0,18.009,43.985a17.8,17.8,0,0,1-4.757.645A17.623,17.623,0,0,1,9.857,44.3,18.117,18.117,0,0,0,26.722,57.1,35.85,35.85,0,0,1-.011,64.729a50.349,50.349,0,0,0,27.68,8.28c33.211,0,51.374-28.08,51.374-52.435q0-1.2-.054-2.383A37.178,37.178,0,0,0,88,8.651Z" /></svg>') no-repeat 0 0;
  background-size: contain;
}
@media not all and (max-width: 960px) {
  .m-news__btn-text::before {
    top: 1px;
    left: -1px;
    width: 19px;
    height: 15px;
  }
}

.m-news__nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .m-news__nav.is-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media not all and (max-width: 960px) {
  .m-news__nav {
    position: fixed;
    bottom: 50%;
    padding: 0 30px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    pointer-events: none;
  }
  .m-news__nav.is-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.m-news__nav-prev, .m-news__nav-next {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 10px;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 50%;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.15);
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media not all and (max-width: 960px) {
  .m-news__nav-prev, .m-news__nav-next {
    width: 100px;
    height: 100px;
    margin: 0;
    -webkit-box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.15);
    pointer-events: auto;
  }
}
.m-news__nav-prev:disabled, .m-news__nav-next:disabled {
  pointer-events: none;
  opacity: 0.3;
}
.news-modal-enter-from .m-news__container {
  opacity: 0;
  -webkit-transform: translateY(-101%);
  transform: translateY(-101%);
}
.news-modal-enter-from .m-news__close {
  -webkit-transform: translate3d(70px, 0, 0) rotate(200deg);
  transform: translate3d(70px, 0, 0) rotate(200deg);
}
@media not all and (max-width: 960px) {
  .news-modal-enter-from .m-news__close {
    -webkit-transform: translate3d(140px, 0, 0) rotate(200deg);
    transform: translate3d(140px, 0, 0) rotate(200deg);
  }
}
.news-modal-enter-active {
  -webkit-transition: opacity 0.2s, -webkit-transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.2s, -webkit-transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s;
  transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s, -webkit-transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}
.news-modal-enter-active .m-news__container {
  -webkit-transition: opacity 0.2s, -webkit-transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.2s, -webkit-transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s;
  transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s, -webkit-transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}
.news-modal-enter-active .m-news__close {
  -webkit-transition: -webkit-transform 0.6s ease 0.15s;
  transition: -webkit-transform 0.6s ease 0.15s;
  transition: transform 0.6s ease 0.15s;
  transition: transform 0.6s ease 0.15s, -webkit-transform 0.6s ease 0.15s;
}
.news-modal-leave-to .m-news__container {
  opacity: 0;
  -webkit-transform: translateY(-101%);
  transform: translateY(-101%);
}
.news-modal-leave-to .m-news__close {
  -webkit-transform: translate3d(70px, 0, 0) rotate(200deg);
  transform: translate3d(70px, 0, 0) rotate(200deg);
}
@media not all and (max-width: 960px) {
  .news-modal-leave-to .m-news__close {
    -webkit-transform: translate3d(140px, 0, 0) rotate(200deg);
    transform: translate3d(140px, 0, 0) rotate(200deg);
  }
}
.news-modal-leave-active {
  -webkit-transition: opacity 0.1s 0.5s, -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.1s 0.5s, -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.1s 0.5s;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.1s 0.5s, -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.news-modal-leave-active .m-news__container {
  -webkit-transition: opacity 0.1s 0.5s, -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.1s 0.5s, -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.1s 0.5s;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.1s 0.5s, -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.news-modal-leave-active .m-news__close {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.m-modal__content img {
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.m-modal__content img:hover {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}