@charset "UTF-8";
/* -----------
 module
 ----------- */
/* -----------
 layout
----------- */
[data-area="top"] .l-main__container {
  overflow: visible;
}

.l-top {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: relative;
  width: 100%;
  margin: 0 auto;
  -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .5s cubic-bezier(.215, .61, .355, 1);
}

.is-in-ready .l-top {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.65s cubic-bezier(.215, .61, .355, 1) .1s;
  transition: opacity 1.65s cubic-bezier(.215, .61, .355, 1) .1s;
}

/* ======================================================================================================================================================
hero
====================================================================================================================================================== */
.p-hero {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.p-hero__kv {
  position: relative;
}

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

.p-hero__img img {
  width: 100%;
}

.p-hero__img-on {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 112%;

  pointer-events: none;
}

.p-hero__catch {
  display: block;
  /*
    transform: translate(-50%, 0);
    */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 2;
  width: 52px;
}

.is-ready .p-hero__catch {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.65s cubic-bezier(.215, .61, .355, 1) .8s;
  transition: opacity 1.65s cubic-bezier(.215, .61, .355, 1) .8s;
}

.p-hero__inner {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  width: 300px;
}

.is-ready .p-hero__inner {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.65s cubic-bezier(.215, .61, .355, 1) .8s;
  transition: opacity 1.65s cubic-bezier(.215, .61, .355, 1) .8s;
}

.p-hero__onair {
  position: relative;
  width: 80%;
  margin: 0 auto;
}

.p-hero__contents {
  position: relative;
  width: 80%;
  margin: 40px auto 0;
}

.p-hero__bnr {
  position: relative;
  width: 100%;
  margin: 10px auto 0;
  -webkit-transition: opacity .65s cubic-bezier(.165, .84, .44, 1);
  transition: opacity .65s cubic-bezier(.165, .84, .44, 1);
}

[data-ua="pc"] .p-hero__bnr:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  opacity: .65;
}

.p-hero__compass {
  position: relative;
  width: 96%;
  margin: 14px auto 0;
}

.p-top_movie {
  position: relative;
  width: 95%;
  margin: 0 auto;
}

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

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

.p-top_movie__img::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .1);
}

.p-top_movie__img::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 55px;
  height: 55px;
  background: url("../img/common/btn_play.png") no-repeat center;
  background-size: contain;

  pointer-events: none;
}

.p-top_movie__thumb {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.is-movie-load .p-top_movie__thumb {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 2s cubic-bezier(.215, .61, .355, 1) 1s;
  transition: opacity 2s cubic-bezier(.215, .61, .355, 1) 1s;
}

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

.p-top_movie__player iframe {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 190%;
  height: 150%;
}

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

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

.p-compass__link {
  display: block;
  position: absolute;
  width: 100%;
}

.p-compass__item {
  position: relative;
  width: 80%;
  margin: 0 auto 4px;
  -webkit-transition: opacity .65s cubic-bezier(.165, .84, .44, 1);
  transition: opacity .65s cubic-bezier(.165, .84, .44, 1);
}

.p-compass__item:last-child {
  margin-bottom: 0;
}

[data-ua="pc"] .p-compass__item:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  opacity: .65;
}

/* ======================================================================================================================================================
news
====================================================================================================================================================== */
.p-headline {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 70px 0;
}

.p-headline::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: url("../img/common/line_repeat.png") repeat-x left top;
  background-size: auto 100%;
}

.p-headline::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: url("../img/common/line_repeat.png") repeat-x left top;
  background-size: auto 100%;
}

.p-headline__container {
  position: relative;
  width: 85%;
  max-width: 1400px;
  margin: 0 auto;
}

.p-headline__header {
  position: relative;
  width: 100%;
  margin: 0 auto 56px;
}

.p-headline__title {
  position: relative;
  width: 180px;
}

.p-headline__more {
  display: table;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-family: "PT Serif", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
}

.p-headline__more::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 8px;
  height: 10px;
  background: url("../img/common/point_light.png") no-repeat center right;
  background-size: contain;
}

.p-headline__more-text {
  display: block;
  padding-right: 10px;
  -webkit-transition: color .65s cubic-bezier(.165, .84, .44, 1);
  transition: color .65s cubic-bezier(.165, .84, .44, 1);
}

[data-ua="pc"] .p-headline__more:hover .p-headline__more-text {
  color: #5065a6;
}

.p-headline__list {
  position: relative;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  letter-spacing: -.4em;
}

.p-headline__item {
  display: inline-block;
  width: 22%;
  margin-right: 4%;
  vertical-align: top;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: normal;
}

.p-headline__item:last-child {
  margin-right: 0;
}

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

.p-headline_article::before {
  content: "";
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: absolute;
  top: 35%;
  left: 60%;
  -webkit-transform: translate(-50%, -50%) rotate(25deg);
          transform: translate(-50%, -50%) rotate(25deg);
  width: 70%;
  height: 60%;
  background: rgba(80, 101, 166, .8);
  border-radius: 40%;
  -webkit-box-shadow: 25px 20px 50px 20px rgba(80, 101, 166, .8);
          box-shadow: 25px 20px 50px 20px rgba(80, 101, 166, .8);
  -webkit-transition: opacity .85s cubic-bezier(.165, .84, .44, 1);
  transition: opacity .85s cubic-bezier(.165, .84, .44, 1);

  pointer-events: none;
}

[data-ua="pc"] .p-headline_article:hover::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: .4;
}

.p-headline_article__img {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 2.5%;
}

.p-headline_article__img::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/common/square_frame.png") no-repeat center;
  background-size: contain;
}

.p-headline_article__img-cover {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: url("../img/common/news_thumb.jpg") no-repeat center;
  background-size: cover;
  border-radius: 5px;
}

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

.p-headline_article__text {
  position: relative;
  width: 100%;
  margin: 16px auto 0;
}

.p-headline_article__date {
  display: block;
  font-size: 22.4px;
  font-size: 1.4rem;
  font-family: "PT Serif", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  letter-spacing: 1.04px;
  letter-spacing: .065rem;
}

.p-headline_article__title {
  display: -webkit-box;
  overflow: hidden;
  font-weight: 500;
  font-size: 25.6px;
  font-size: 1.6rem;
  letter-spacing: 1.04px;
  letter-spacing: .065rem;
  -webkit-transition: color .65s cubic-bezier(.165, .84, .44, 1);
  transition: color .65s cubic-bezier(.165, .84, .44, 1);

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

[data-ua="pc"] .p-headline_article:hover .p-headline_article__title {
  color: #5065a6;
}

.p-headline_article__link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

/* ==============================
LINK
============================== */
.p-link {
  width: 100%;
}

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

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

.p-link__container::before {
  content: "";
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  opacity: .95;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/common/bg_repeat.gif") repeat left top;
  background-size: 10px auto;

  pointer-events: none;
}

.p-link__header {
  width: 100%;
}

.p-link__btn {
  display: table;
  position: relative;
  width: 200px;
  margin: 0 auto;
  padding: 12px 0 8px;
}

.p-link__btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 28px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 12px;
  height: 12px;
  background: url("../img/common/point_down.png") no-repeat center;
  background-size: contain;
}

.p-link__btn-icon {
  display: block;
  width: 36px;
  margin: 0 auto;
}

.p-link__inner {
  position: relative;
  width: 80%;
  max-width: 1000px;
  margin: 0 auto;
}

.p-link__slide {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.p-link__list {
  position: relative;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  letter-spacing: -.4em;
  text-align: center;
}

.p-link__item {
  display: inline-block;
  width: 24%;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: normal;
  -webkit-transition: opacity .65s cubic-bezier(.165, .84, .44, 1);
  transition: opacity .65s cubic-bezier(.165, .84, .44, 1);
}

[data-ua="pc"] .p-link__item:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  opacity: .65;
}

.p-link__item img {
  width: 100%;
}

.p-link__nav {
  display: none;
  position: absolute;
  top: 50%;
  width: 20px;
  cursor: pointer;
  -webkit-transition: opacity .65s cubic-bezier(.165, .84, .44, 1);
  transition: opacity .65s cubic-bezier(.165, .84, .44, 1);
}

.is-slide-init .p-link__nav {
  display: block;
}

[data-ua="pc"] .p-link__nav:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  opacity: .65;
}

.p-link__nav--prev {
  left: -10px;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}

.p-link__nav--next {
  right: -10px;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}

/* ==============================
OP MODAL
============================== */
.l-op_modal {
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  width: 100vw;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: opacity .65s cubic-bezier(.165, .84, .44, 1);
  transition: opacity .65s cubic-bezier(.165, .84, .44, 1);

  pointer-events: none !important;
}

.is-op_modal-open .l-op_modal {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity .65s cubic-bezier(.165, .84, .44, 1);
  transition: opacity .65s cubic-bezier(.165, .84, .44, 1);

  pointer-events: auto !important;
  will-change: opacity;
}

.l-op_modal__bg {
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  opacity: .8;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;

  -webkit-backdrop-filter: saturate(20%) contrast(200%);

          backdrop-filter: saturate(20%) contrast(200%);
}

.l-op_modal__container {
  position: relative;
  width: 100%;
  padding: 10% 0;
}

.l-op_modal__inner {
  position: relative;
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
}

.l-op_modal__item {
  position: relative;
  width: 100%;
  min-height: 100px;
  margin: 0 auto;
}

.l-op_modal__item[data-modal="movie"] {
  max-width: 110.5vh;
  min-width: 70%;
}

.l-op_modal__btn {
  display: block;
  position: absolute;
  top: -20px;
  right: 10px;
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  cursor: pointer;
}

.is-op_modal-open .l-op_modal__btn {
  pointer-events: auto;
}

.is-close-hide .l-op_modal__btn {
  display: none;
}

.l-op_modal__btn-bar {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.l-op_modal__btn-bar::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 34px;
  height: 2px;
  background: #fff;
  -webkit-transition: width .45s cubic-bezier(.165, .84, .44, 1) .1s, -webkit-transform .45s cubic-bezier(.165, .84, .44, 1);
  transition: width .45s cubic-bezier(.165, .84, .44, 1) .1s, -webkit-transform .45s cubic-bezier(.165, .84, .44, 1);
  transition: width .45s cubic-bezier(.165, .84, .44, 1) .1s, transform .45s cubic-bezier(.165, .84, .44, 1);
  transition: width .45s cubic-bezier(.165, .84, .44, 1) .1s, transform .45s cubic-bezier(.165, .84, .44, 1), -webkit-transform .45s cubic-bezier(.165, .84, .44, 1);

  -webkit-transform-origin: center;

          transform-origin: center;
}

.is-op_modal-open .l-op_modal__btn-bar::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: background-color .45s cubic-bezier(.165, .84, .44, 1), -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) .15s;
  transition: background-color .45s cubic-bezier(.165, .84, .44, 1), -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) .15s;
  transition: transform .45s cubic-bezier(.165, .84, .44, 1) .15s, background-color .45s cubic-bezier(.165, .84, .44, 1);
  transition: transform .45s cubic-bezier(.165, .84, .44, 1) .15s, background-color .45s cubic-bezier(.165, .84, .44, 1), -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) .15s;
}

.l-op_modal__btn-bar::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 34px;
  height: 2px;
  background: #fff;
  -webkit-transition: width .45s cubic-bezier(.165, .84, .44, 1) .1s, -webkit-transform .45s cubic-bezier(.165, .84, .44, 1);
  transition: width .45s cubic-bezier(.165, .84, .44, 1) .1s, -webkit-transform .45s cubic-bezier(.165, .84, .44, 1);
  transition: width .45s cubic-bezier(.165, .84, .44, 1) .1s, transform .45s cubic-bezier(.165, .84, .44, 1);
  transition: width .45s cubic-bezier(.165, .84, .44, 1) .1s, transform .45s cubic-bezier(.165, .84, .44, 1), -webkit-transform .45s cubic-bezier(.165, .84, .44, 1);

  -webkit-transform-origin: center;

          transform-origin: center;
}

.is-op_modal-open .l-op_modal__btn-bar::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transition: background-color .45s cubic-bezier(.165, .84, .44, 1), -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) .15s;
  transition: background-color .45s cubic-bezier(.165, .84, .44, 1), -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) .15s;
  transition: transform .45s cubic-bezier(.165, .84, .44, 1) .15s, background-color .45s cubic-bezier(.165, .84, .44, 1);
  transition: transform .45s cubic-bezier(.165, .84, .44, 1) .15s, background-color .45s cubic-bezier(.165, .84, .44, 1), -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) .15s;
}

@media screen and (min-width: 960px) {
  .p-hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-hero__kv {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
  .p-hero__inner {
    padding: 46px 0 20px;
  }
  .p-top_movie {
    padding: 2.5%;
  }
  .p-top_movie::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url("../img/common/square_frame.png") no-repeat center;
    background-size: contain;

    pointer-events: none;
  }
  .p-top_movie__inner {
    border-radius: 8px;
  }
  .p-compass__link {
    bottom: 20px;
    left: 0;
  }
  .p-headline {
    background: url("../img/common/news_bg_pc.jpg") no-repeat center;
    background-size: cover;

    background-attachment: fixed;
  }
  .p-link {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
    -webkit-transition: opacity .65s cubic-bezier(.165, .84, .44, 1);
    transition: opacity .65s cubic-bezier(.165, .84, .44, 1);
  }
  .p-link.is-fit {
    position: absolute;
    top: 0;
    bottom: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .is-top-to-in .p-link {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  .is-in-to-top .p-link {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  .p-link__container {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    padding: 15px 0;
    -webkit-transition: -webkit-transform .65s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .65s cubic-bezier(.165, .84, .44, 1);
    transition: transform .65s cubic-bezier(.165, .84, .44, 1);
    transition: transform .65s cubic-bezier(.165, .84, .44, 1), -webkit-transform .65s cubic-bezier(.165, .84, .44, 1);
  }
  .is-ready .p-link__container {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  .is-ready .is-hide .p-link__container {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .p-link__header {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    cursor: pointer;
  }
  .p-link__header::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url("../img/top/link_base.png") no-repeat center;
    background-size: contain;
  }
  .is-hide .p-link__btn::before {
    -webkit-transform: translate(0, -50%) scale(1, -1);
            transform: translate(0, -50%) scale(1, -1);
  }
  .p-link__inner {
    display: block !important;
  }
  .p-link__list {
    white-space: nowrap;
  }
}

@media screen and (max-width: 959px) {
  .p-hero__kv {
    position: relative;
    width: 100%;
  }
  .p-hero__kv::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .p-hero__catch {
    width: 6.667%;
    max-width: 80px;
  }
  .p-hero__inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 22px;
    background: url("../img/top/bg_bnr_repeat.gif") repeat center;
    background-size: auto;
  }
  .p-hero__onair {
    position: absolute;
    top: -20px;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    width: 90%;
    max-width: 600px;
  }
  .p-hero__contents {
    width: 100%;
    margin: 0 auto;
  }
  .p-hero__bnr {
    width: 90%;
    max-width: 600px;
    margin-top: 20px;
  }
  .p-hero__compass {
    width: 90%;
    max-width: 600px;
  }
  .p-top_movie {
    width: 100%;
  }
  .p-top_movie__img {
    padding-top: 34.5%;
  }
  .p-top_movie__player iframe {
    width: 100%;
    height: 177%;
  }
  .p-compass__link {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 60%;
  }
  .p-headline {
    padding: 46px 0;
    background: url("../img/common/news_bg_sp.jpg") no-repeat center;
    background-size: cover;
  }
  .p-headline__header {
    margin-bottom: 28px;
  }
  .p-headline__title {
    width: 126px;
  }
  .p-headline__item {
    width: 48%;
    margin: 0 4% 8% 0;
  }
  .p-headline__item:nth-child(even) {
    margin-right: 0;
  }
  .p-headline_article__text {
    margin-top: 8px;
  }
  .p-headline_article__date {
    font-size: 1.1rem;
  }
  .p-headline_article__title {
    font-size: 1.2rem;

    -webkit-line-clamp: 3;
  }
  .p-link {
    position: relative;
    margin: 0 auto;
  }
  .p-link__container::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  .p-link__header {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  .p-link__btn {
    padding: 12px 0;
  }
  .p-link__btn::before {
    -webkit-transform: translate(0, -50%) scale(1, 1);
            transform: translate(0, -50%) scale(1, 1);
  }
  .is-show .p-link__btn::before {
    -webkit-transform: translate(0, -50%) scale(1, -1);
            transform: translate(0, -50%) scale(1, -1);
  }
  .p-link__btn-icon {
    width: 42px;
  }
  .p-link__inner {
    display: none;
    width: 100%;

    border-top: 1px solid #9eafbf;
  }
  .p-link__slide {
    width: 80%;
    padding: 20px 0;
  }
  .p-link__item {
    position: relative;
    width: 100%;
    margin: 0 auto 12px;
  }
  .p-link__item:last-child {
    margin-bottom: 0;
  }
  .l-op_modal__btn {
    width: 30px;
    height: 30px;
  }
  .l-op_modal__btn-bar::before {
    width: 20px;
  }
  .l-op_modal__btn-bar::after {
    width: 20px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1380px) {
  .p-hero__inner {
    width: 260px;
  }
  .p-hero__onair {
    width: 90%;
  }
  .p-hero__contents {
    width: 90%;
  }
}

@media screen and (min-width: 960px) and (max-width: 1250px) {
  .p-hero__inner {
    width: 220px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1200px) {
  .p-hero__inner {
    width: 200px;
  }
  .p-headline__container {
    width: 90%;
  }
}

@media screen and (orientation: portrait) {
  .l-op_modal__container {
    padding: 30% 0;
  }
  .l-op_modal__inner {
    width: 90%;
  }
}