@charset "UTF-8";
body {
  background: #000;
  color: #fff;
}

a {
  color: #fff;
}

.l-wrap {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.l-wrap.is-ready, .l-wrap.is-op {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.l-wrap__bg {
  background: #000;
}

.l-header__brand {
  margin: 78.4px 78.4px 38.4px;
  margin: 4.9rem 4.9rem 2.4rem;
  width: 352px;
  width: 22rem;
}

.l-header__brand-img::before {
  background: url("../img/common/logo_black.png") no-repeat center;
  background-size: contain;
}

.l-header__onair {
  display: block;
  position: relative;
  margin: 0 0 54.4px 78.4px;
  margin: 0 0 3.4rem 4.9rem;
  width: 352px;
  width: 22rem;
}

.p-gnav li.is-current::before {
  background: #000;
}

.p-gnav a[target="_blank"]::before {
  background: url("../img/common/arrow_black.png") no-repeat center;
  background-size: contain;
}

.p-menu__bar {
  color: #000;
}

.l-footer {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.is-ready .l-footer {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.l-top {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}

.l-top__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #e573a5 url("../img/top/bg_loading.jpg") no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.l-top__kv {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  width: 100%;
}

.is-ready .l-top__kv {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 1.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.l-top__container {
  width: 100%;
}

.l-top__menu {
  display: block;
  position: fixed;
  top: 50%;
  left: 0;
  -webkit-transform: translate(calc(-100% + 30px), -50%);
      -ms-transform: translate(calc(-100% + 30px), -50%);
          transform: translate(calc(-100% + 30px), -50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  background: url("../img/top/bg_menu03_pc.png") no-repeat center;
  background-size: 35rem auto;
  width: 560px;
  width: 35rem;
  height: 100%;
  max-height: 2240px;
  max-height: 140rem;
  content: "";
}

.is-ready .l-top__menu {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.is-top-menu-show .l-top__menu {
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.l-top__menu::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
  background: url("../img/top/bg_menu03_repeat-head_pc.png") repeat-y center;
  background-size: 35rem auto;
  width: 100%;
  height: 100vh;
  content: "";
}

.l-top__menu::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
  background: url("../img/top/bg_menu03_repeat-bottom_pc.png") repeat-y center;
  background-size: 35rem auto;
  width: 100%;
  height: 100vh;
  content: "";
}

.l-top__menu-in {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
  padding: 8px 8px 20px;
  color: #000;
  font-size: 22.4px;
  font-size: 1.4rem;
  letter-spacing: 1px;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
}

.l-top__menu-in::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transition: -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  border-left: 1px solid #000;
  width: 5px;
  height: 12px;
  content: "";
}

.is-top-menu-show .l-top__menu-in::before {
  -webkit-transform: translate(-50%, 0) rotate(20deg);
      -ms-transform: translate(-50%, 0) rotate(20deg);
          transform: translate(-50%, 0) rotate(20deg);
}

.l-top__menu-in::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transition: -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  border-right: 1px solid #000;
  width: 5px;
  height: 12px;
  content: "";
}

.is-top-menu-show .l-top__menu-in::after {
  -webkit-transform: translate(-50%, 0) rotate(-20deg);
      -ms-transform: translate(-50%, 0) rotate(-20deg);
          transform: translate(-50%, 0) rotate(-20deg);
}

.l-top__title {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  margin: 0 auto 25.6px;
  margin: 0 auto 1.6rem;
  width: 520px;
  width: 69.333%;
}

.is-ready .l-top__title {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.l-top__catch {
  position: absolute;
  top: 0;
  right: 0;
  width: 75.2px;
  width: 4.7rem;
}

.l-top__catch-item {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
}

.l-top__catch-item.-item1 {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

[data-top-kv="3"] .l-top__catch-item.-item1 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.l-top__catch-item.-item2 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

[data-top-kv="3"] .l-top__catch-item.-item2 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.l-top__bnr {
  position: relative;
  margin: 0 auto 51.2px;
  margin: 0 auto 3.2rem;
  width: 100%;
}

.l-top__bnr:last-child {
  margin-bottom: 0;
}

.l-top__movie {
  display: none;
  position: relative;
  margin: 0 auto 28.8px;
  margin: 0 auto 1.8rem;
  width: 100%;
}

.l-top__movie.is-show {
  display: block;
}

.l-top__movie:last-child {
  margin-bottom: 0;
}

.l-top__movie-item {
  position: relative;
  width: 100%;
}

.l-top__timeline {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  border: 1px solid #555;
  padding-top: 100%;
  width: 100%;
}

.l-top__timeline.is-show {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 1.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.l-top__timeline iframe {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  max-width: 750px !important;
  height: 100% !important;
  min-height: 99% !important;
}

.l-top__footer {
  position: fixed;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  z-index: 2;
  width: 100%;
  overflow: hidden;
}

.l-top__footer.is-abs {
  position: absolute;
}

.is-ready .l-top__footer {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
}

.p-kv {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.p-kv__item {
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 100%;
  height: 100%;
}

.p-kv__item.is-current {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.p-kv__item--3 {
  /*
      @include tab_sp {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        figure {
          width: 173.33%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
        img {
          position: relative;
        }
      }
      */
}

.p-kv__item::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(25px, -25px);
      -ms-transform: translate(25px, -25px);
          transform: translate(25px, -25px);
  mix-blend-mode: saturation;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: none;
}

@supports (mix-blend-mode: saturation) {
  .p-kv__item::before {
    content: "";
  }
}

[data-ua="sp"] .p-kv__item::before, [data-ua="tablet"] .p-kv__item::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: .4;
  mix-blend-mode: multiply;
}

.is-ready .p-kv__item.is-current::before {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 2.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 2.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: transform 2.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: transform 2.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 2.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}

[data-ua="sp"].is-ready .p-kv__item::before, [data-ua="tablet"].is-ready .p-kv__item::before {
  -webkit-transition: opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.p-kv__item::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-25px, 25px);
      -ms-transform: translate(-25px, 25px);
          transform: translate(-25px, 25px);
  mix-blend-mode: hue;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: none;
}

[data-ua="sp"] .p-kv__item::after, [data-ua="tablet"] .p-kv__item::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: .4;
  mix-blend-mode: multiply;
}

@supports (mix-blend-mode: hue) {
  .p-kv__item::after {
    content: "";
  }
}

.is-ready .p-kv__item.is-current::after {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 2.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 2.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: transform 2.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: transform 2.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 2.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}

[data-ua="sp"].is-ready .p-kv__item::after, [data-ua="tablet"].is-ready .p-kv__item::after {
  -webkit-transition: opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.p-kv__img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-kv_switch {
  position: absolute;
  z-index: 1;
  font-size: 0;
  letter-spacing: -.4em;
}

.p-kv_switch__item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-left: 10px;
  width: 60px;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: normal;
}

.p-kv_switch__img--on {
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
  cursor: pointer;
  width: 100%;
}

[data-ua="pc"] .p-kv_switch__item:hover .p-kv_switch__img--on {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.is-current .p-kv_switch__img--on {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.p-top-bnr {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-top-bnr__container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}

.p-top-bnr__list {
  overflow: hidden;
  font-size: 0;
  letter-spacing: -.4em;
  white-space: nowrap;
}

.p-top-bnr__list-item {
  display: inline-block;
  position: relative;
  pointer-events: none;
}

.p-top-bnr__list-item.is-current {
  pointer-events: auto;
}

.p-top-bnr__img {
  position: relative;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
  margin: 0 auto;
  width: 100%;
}

.p-top-bnr__img:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.p-top-bnr__img a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-top-bnr__pagination {
  margin-top: 16px;
  margin-top: 1rem;
  font-size: 0;
  letter-spacing: -.4em;
}

.p-top-bnr__pagination li {
  display: inline-block;
  position: relative;
  margin-right: 12.8px;
  margin-right: .8rem;
  border-radius: 50%;
  background: rgba(204, 204, 204, 0.6);
  width: 12.8px;
  width: .8rem;
  height: 12.8px;
  height: .8rem;
}

.p-top-bnr__pagination li::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
  border-radius: 50%;
  background: #e573a5;
  width: 100%;
  height: 100%;
  content: "";
}

.p-top-bnr__pagination li.is-active::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.p-headline {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-headline::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: background 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: background 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  background: -webkit-gradient(linear, left top, right top, from(rgba(229, 126, 165, 0.95)), to(rgba(249, 168, 213, 0.95)));
  background: linear-gradient(to right, rgba(229, 126, 165, 0.95) 0%, rgba(249, 168, 213, 0.95) 100%);
  width: 100%;
  height: 100%;
  content: "";
}

.p-headline__list {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-height: 67.2px;
  min-height: 4.2rem;
}

.p-headline__list-item {
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
  pointer-events: none;
}

.p-headline__list-item.is-current {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  pointer-events: auto;
}

.p-headline__news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 19.2px 41.6px;
  padding: 1.2rem 2.6rem;
  font-size: 22.4px;
  font-size: 1.4rem;
  letter-spacing: 2px;
  letter-spacing: .125rem;
}

.p-headline__news-date {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-animation: text-out 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
          animation: text-out 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  margin-right: 32px;
  margin-right: 2rem;
}

.is-current .p-headline__news-date {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-animation: text-in 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) forwards 0.3s;
          animation: text-in 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) forwards 0.3s;
}

[data-ua="pc"] .p-headline__news:hover .p-headline__news-date {
  text-decoration: underline;
}

.p-headline__news-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-animation: text-out 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
          animation: text-out 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.is-current .p-headline__news-title {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-animation: text-in 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) forwards 0.4s;
          animation: text-in 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) forwards 0.4s;
}

[data-ua="pc"] .p-headline__news:hover .p-headline__news-title {
  text-decoration: underline;
}

.p-headline__news a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-headline__btn {
  position: absolute;
  top: 0;
  right: 0;
}

.p-headline__btn::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: skew(-30deg);
      -ms-transform: skew(-30deg);
          transform: skew(-30deg);
  -webkit-transition: left 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: left 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  background: #e573a5;
  width: 150%;
  height: 100%;
  content: "";
}

.p-headline__btn::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: skew(-30deg) translateX(100%);
      -ms-transform: skew(-30deg) translateX(100%);
          transform: skew(-30deg) translateX(100%);
  -webkit-transition: -webkit-transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  background: -webkit-gradient(linear, left top, right top, from(rgba(229, 126, 165, 0.95)), to(rgba(249, 168, 213, 0.95)));
  background: linear-gradient(to right, rgba(229, 126, 165, 0.95) 0%, rgba(249, 168, 213, 0.95) 100%);
  width: 150%;
  height: 100%;
  content: "";
}

.p-headline__btn:hover::before {
  left: -20%;
}

.p-headline__btn:hover::after {
  -webkit-transform: skew(-30deg) translateX(0%);
      -ms-transform: skew(-30deg) translateX(0%);
          transform: skew(-30deg) translateX(0%);
}

.p-headline__btn-text {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 19.2px 67.2px;
  padding: 1.2rem 4.2rem;
  font-family: YakuHanMP_Noto, "EB Garamond", "Noto Serif JP", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", serif;
  font-size: 22.4px;
  font-size: 1.4rem;
  letter-spacing: 2px;
  letter-spacing: .125rem;
}

.l-op {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.is-op .l-op {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 2.5s;
  transition: opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1) 2.5s;
}

.l-op::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  background: url("../img/top/bg_loading.jpg?v2") no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100%;
  content: "";
}

.is-ready .l-op::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.l-op__container {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  width: 100%;
  height: 100%;
}

.is-op .l-op__container {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transition: opacity 5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-filter 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-filter 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 5s cubic-bezier(0.215, 0.61, 0.355, 1), filter 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 5s cubic-bezier(0.215, 0.61, 0.355, 1), filter 2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-filter 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.l-op__title {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../img/common/logo_op.png") no-repeat center;
  background-size: 100% auto;
  width: 520px;
  width: 69.333%;
  max-width: 500px;
}

@supports ((-webkit-clip-path: polygon(91% 0, 0 0, 0 100%, 10% 100%)) or (clip-path: polygon(91% 0, 0 0, 0 100%, 10% 100%))) {
  .l-op__title {
    background: none;
  }
}

.l-op__title img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.l-op__title::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-filter: blur(0);
          filter: blur(0);
  background: url("../img/common/logo_op.png") no-repeat center;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  content: none;
}

@supports ((-webkit-clip-path: polygon(91% 0, 0 0, 0 100%, 10% 100%)) or (clip-path: polygon(91% 0, 0 0, 0 100%, 10% 100%))) {
  .l-op__title::before {
    content: "";
  }
}

.is-op .l-op__title::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-filter: blur(2.5px);
          filter: blur(2.5px);
  -webkit-transition: opacity 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1.3s, -webkit-filter 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s;
  transition: opacity 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1.3s, -webkit-filter 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s;
  transition: filter 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s, opacity 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1.3s;
  transition: filter 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s, opacity 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1.3s, -webkit-filter 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s;
}

.l-op__title-line {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0) rotate(38deg);
      -ms-transform: translate(-50%, 0) rotate(38deg);
          transform: translate(-50%, 0) rotate(38deg);
  z-index: 1;
  width: 2px;
  height: 100%;
}

@supports ((-webkit-clip-path: polygon(91% 0, 0 0, 0 100%, 10% 100%)) or (clip-path: polygon(91% 0, 0 0, 0 100%, 10% 100%))) {
  .l-op__title-line {
    display: block;
  }
}

.l-op__title-line::after {
  display: block;
  position: absolute;
  top: 0;
  left: -3px;
  background: #000;
  width: 100%;
  height: 0;
  content: "";
}

.is-op .l-op__title-line::after {
  -webkit-transition: 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
  transition: 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
  height: 100%;
}

.l-op__title-line::before {
  display: block;
  position: absolute;
  top: 0;
  left: 3px;
  background: #000;
  width: 100%;
  height: 0;
  content: "";
}

.is-op .l-op__title-line::before {
  -webkit-transition: 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
  transition: 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
  height: 100%;
}

.l-op__title-deco {
  display: block;
  position: relative;
  visibility: hidden;
  margin: 0 auto;
  padding-top: 100%;
  width: 100%;
}

@supports ((-webkit-clip-path: polygon(91% 0, 0 0, 0 100%, 10% 100%)) or (clip-path: polygon(91% 0, 0 0, 0 100%, 10% 100%))) {
  .l-op__title-deco {
    visibility: visible;
  }
}

.l-op__title-deco::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-clip-path: polygon(91% 0, 0 0, 0 100%, 10% 100%);
          clip-path: polygon(91% 0, 0 0, 0 100%, 10% 100%);
  background: url("../img/common/logo_op.png") no-repeat center;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  content: "";
}

.is-op .l-op__title-deco::before {
  -webkit-transform: translate(-50px, 35px);
      -ms-transform: translate(-50px, 35px);
          transform: translate(-50px, 35px);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
}

.l-op__title-deco::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-clip-path: polygon(89% 0, 100% 0, 100% 100%, 10% 100%);
          clip-path: polygon(89% 0, 100% 0, 100% 100%, 10% 100%);
  background: url("../img/common/logo_op.png") no-repeat center;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  content: "";
}

.is-op .l-op__title-deco::after {
  -webkit-transform: translate(50px, -35px);
      -ms-transform: translate(50px, -35px);
          transform: translate(50px, -35px);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
}

@-webkit-keyframes text-in {
  0% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@keyframes text-in {
  0% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@-webkit-keyframes text-out {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  98% {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  99% {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@keyframes text-out {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  98% {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  99% {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@media screen and (min-width: 1026px) {
  .l-header {
    -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  .is-top-menu-show .l-header {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .is-ready .l-header {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-top__header {
    position: absolute;
    top: 0;
    right: .5rem;
    padding: 4rem;
  }
  .l-top__onair {
    display: none;
  }
  .l-top__catch {
    top: 14rem;
    right: 3rem;
    -webkit-transform: translate(2rem, -1rem);
        -ms-transform: translate(2rem, -1rem);
            transform: translate(2rem, -1rem);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  .is-ready .l-top__catch {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: all 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-top__inner {
    position: absolute;
    top: 800px;
    left: 0;
    -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    padding: 3.5rem 2.9rem 0 4.9rem;
    width: 22rem;
  }
  .is-ready .l-top__inner {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  .is-top-menu-show .l-top__inner {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .p-kv__item {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
            transform: translate(0, 0) !important;
  }
  .p-kv__item figure {
    display: none;
  }
  .p-kv__item--1 {
    background: url("../img/top/img_main01_pc.jpg") no-repeat 50% 25%;
    background-size: cover;
  }
  .p-kv__item--2 {
    background: url("../img/top/img_main02_pc.jpg") no-repeat 50% 13%;
    background-size: cover;
  }
  .p-kv__item--3 {
    background: url("../img/top/img_main03_pc.jpg") no-repeat 50% 13%;
    background-size: cover;
  }
  .p-kv__item--1::before {
    background: url("../img/top/img_main01_pc.jpg") no-repeat 50% 25%;
    background-size: cover;
  }
  .p-kv__item--2::before {
    background: url("../img/top/img_main02_pc.jpg") no-repeat 50% 25%;
    background-size: cover;
  }
  .p-kv__item--3::before {
    background: url("../img/top/img_main03_pc.jpg") no-repeat 50% 25%;
    background-size: cover;
  }
  .p-kv__item--1::after {
    background: url("../img/top/img_main01_pc.jpg") no-repeat 50% 25%;
    background-size: cover;
  }
  .p-kv__item--2::after {
    background: url("../img/top/img_main02_pc.jpg") no-repeat 50% 25%;
    background-size: cover;
  }
  .p-kv__item--3::after {
    background: url("../img/top/img_main03_pc.jpg") no-repeat 50% 25%;
    background-size: cover;
  }
  .p-kv_switch {
    top: 20px;
    right: 20px;
  }
}

@media screen and (max-width: 1025px) {
  .l-header {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  .is-ready .l-header {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-header__brand {
    display: none;
  }
  .l-header__onair {
    display: none;
  }
  .l-top {
    height: auto !important;
  }
  .l-top__bg {
    background: url("../img/top/bg03_sp.jpg") no-repeat center;
    background-size: cover;
  }
  .l-top__kv {
    padding-top: 143.2%;
  }
  .l-top__container {
    position: relative;
    margin: -11.2rem auto 0;
    padding-bottom: 14rem;
    width: 100%;
  }
  .l-top__menu {
    display: none;
  }
  .l-top__header {
    margin: 0 auto 4.2rem;
    max-width: 750px;
  }
  .l-top__onair {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    margin: 0 auto;
    width: 480px;
    width: 64%;
  }
  .is-ready .l-top__onair {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: all 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-top__catch {
    top: 10%;
    left: .6rem;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  .is-ready .l-top__catch {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-top__inner {
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    margin: 0 auto;
    width: 670px;
    width: 89.333%;
    max-width: 570px;
  }
  .is-ready .l-top__inner {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-top__bnr {
    margin-bottom: 1.8rem;
  }
  .l-top__timeline {
    padding-top: 60%;
  }
  .l-top__timeline iframe {
    width: 300px !important;
    height: 20rem !important;
  }
  .p-kv {
    position: absolute;
    height: 100%;
  }
  .p-kv__item img {
    width: 100%;
  }
  .p-kv__item--2 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .p-kv__item--2 figure {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 173.33%;
  }
  .p-kv__item--2 img {
    position: relative;
  }
  .p-kv__item--1::before {
    background: url("../img/top/img_main01_sp.png") no-repeat center;
    background-size: cover;
  }
  .p-kv__item--2::before {
    left: -36.665%;
    background: url("../img/top/img_main02_sp.png") no-repeat center;
    background-size: cover;
    width: 173.33%;
  }
  .p-kv__item--3::before {
    left: -36.665%;
    background: url("../img/top/img_main03_sp.png") no-repeat center;
    background-size: cover;
    width: 173.33%;
  }
  .p-kv__item--1::after {
    background: url("../img/top/img_main01_sp.png") no-repeat center;
    background-size: cover;
  }
  .p-kv__item--2::after {
    left: -36.665%;
    background: url("../img/top/img_main02_sp.png") no-repeat center;
    background-size: cover;
    width: 173.33%;
  }
  .p-kv__item--3::after {
    left: -36.665%;
    background: url("../img/top/img_main03_sp.png") no-repeat center;
    background-size: cover;
    width: 173.33%;
  }
  .p-kv_switch {
    right: 8px;
    bottom: 68px;
  }
  .p-kv_switch__item {
    display: block;
    margin: 0 auto 5px;
    width: 50px;
  }
  .p-top-bnr__pagination {
    display: none;
  }
  .p-headline {
    -webkit-transition: -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .is-hide:not(.is-abs) .p-headline {
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
  }
  .p-headline__list {
    min-height: 3rem;
  }
  .p-headline__news {
    padding: .7rem 2rem .7rem .8rem;
    font-size: 1.1rem;
  }
  .p-headline__btn-text {
    padding: .8rem 3rem;
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 1025px) and (max-width: 768px) {
  .l-top__container {
    margin-top: -4.6rem;
    padding-bottom: 7.5rem;
  }
  .l-top__catch {
    top: 6%;
    left: -.4rem;
    width: 4.2rem;
  }
  .l-top__timeline {
    padding-top: 20rem;
  }
}

@media (-ms-high-contrast: none) {
  .l-top__menu {
    left: 30px;
    -webkit-transform: translate(-100%, -50%);
        -ms-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
    -webkit-transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), left 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), left 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), left 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), left 0.85s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .is-top-menu-show .l-top__menu {
    left: 0;
  }
  .l-top__menu-in::before {
    left: 60%;
  }
  .is-top-menu-show .l-top__menu-in::before {
    left: 65%;
  }
  .l-top__menu-in::after {
    left: 60%;
  }
  .is-top-menu-show .l-top__menu-in::after {
    bottom: 2px;
    left: 50%;
  }
}

@media screen and (min-width: 1026px) and (max-width: 768px) {
  .l-top__header {
    padding: 2rem;
  }
  .l-top__inner {
    padding: 1.2rem 0 0 2rem;
    width: 13rem;
  }
}

@media screen and (max-width: 768px) {
  .p-kv__item::before {
    -webkit-transform: translate(10px, -10px);
        -ms-transform: translate(10px, -10px);
            transform: translate(10px, -10px);
  }
  .p-kv__item::after {
    -webkit-transform: translate(-10px, 10px);
        -ms-transform: translate(-10px, 10px);
            transform: translate(-10px, 10px);
  }
  .p-headline__btn {
    display: none;
  }
  .l-op__title-line {
    width: 1px;
  }
  .l-op__title-line::after {
    left: -2px;
  }
  .l-op__title-line::before {
    left: 2px;
  }
  .is-op .l-op__title-deco::before {
    -webkit-transform: translate(-20px, 10px);
        -ms-transform: translate(-20px, 10px);
            transform: translate(-20px, 10px);
  }
  .is-op .l-op__title-deco::after {
    -webkit-transform: translate(20px, -10px);
        -ms-transform: translate(20px, -10px);
            transform: translate(20px, -10px);
  }
}

@media screen and (min-width: 769px) {
  .p-headline {
    padding-right: 18rem;
  }
}