@charset "UTF-8";
/* ====================
Layout
 ==================== */
.l-top {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-height: 100vh;
}

/* ====================
Project
 ==================== */
.p-hero {
  position: relative;
  z-index: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 1800px;
}

.p-hero__kv {
  position: relative;
  z-index: 1;
  width: 96.429%;
}

.p-hero__billing {
  position: relative;
  margin: 0 auto;
  width: 84.286%;
}

.p-hero__bnr {
  position: relative;
  margin: 0 auto;
  width: 65%;
}

.p-hero__official {
  position: relative;
  opacity: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  margin: 20px auto 0;
  width: 100%;
  text-align: center;
}

.p-hero__official.is-active {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), filter 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
}

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

.p-hero_kv {
  position: relative;
  z-index: 0;
  width: 100%;
}

.p-hero_kv__list {
  position: relative;
  z-index: 0;
  width: 100%;
}

.p-hero_kv__list::before {
  display: block;
  position: absolute;
  top: -112px;
  left: -1px;
  opacity: 0;
  z-index: 2;
  background: url("../img/top/main_deco_top_pc.png") no-repeat top left;
  background-size: contain;
  width: 105%;
  height: 93.625%;
  pointer-events: none;
  content: "";
}

.is-load .p-hero_kv__list::before {
  opacity: 1;
  -webkit-transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 1s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 1s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 1s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 1s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 1s, filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 1s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 1s, filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 1s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 1s;
}

.p-hero_kv__list::after {
  display: block;
  position: absolute;
  bottom: -60px;
  left: -1px;
  z-index: 2;
  background: url("../img/top/main_deco_btm_pc.png") no-repeat bottom left;
  background-size: contain;
  width: 105%;
  height: 93.625%;
  pointer-events: none;
}

.p-hero_kv__list-item {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.p-hero_kv__list-item.is-current {
  position: relative;
  z-index: 1;
}

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

.is-current .p-hero_kv__visual {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.is-load .is-current .p-hero_kv__visual {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: -webkit-filter 1.2s cubic-bezier(0.76, 0, 0.24, 1) 0.6s, -webkit-transform 6s cubic-bezier(0.25, 1, 0.5, 1) 0.6s;
  transition: -webkit-filter 1.2s cubic-bezier(0.76, 0, 0.24, 1) 0.6s, -webkit-transform 6s cubic-bezier(0.25, 1, 0.5, 1) 0.6s;
  transition: filter 1.2s cubic-bezier(0.76, 0, 0.24, 1) 0.6s, transform 6s cubic-bezier(0.25, 1, 0.5, 1) 0.6s;
  transition: filter 1.2s cubic-bezier(0.76, 0, 0.24, 1) 0.6s, transform 6s cubic-bezier(0.25, 1, 0.5, 1) 0.6s, -webkit-filter 1.2s cubic-bezier(0.76, 0, 0.24, 1) 0.6s, -webkit-transform 6s cubic-bezier(0.25, 1, 0.5, 1) 0.6s;
}

.p-hero_kv__visual-img {
  position: relative;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transition: opacity 0s linear 1.2s,
 -webkit-filter 0s linear 1.2s,
 -webkit-transform 0s linear 6s;
  transition: opacity 0s linear 1.2s,
 -webkit-filter 0s linear 1.2s,
 -webkit-transform 0s linear 6s;
  transition: filter 0s linear 1.2s,
 opacity 0s linear 1.2s,
 transform 0s linear 6s;
  transition: filter 0s linear 1.2s,
 opacity 0s linear 1.2s,
 transform 0s linear 6s,
 -webkit-filter 0s linear 1.2s,
 -webkit-transform 0s linear 6s;
  width: 100%;
}

.is-current .p-hero_kv__visual-img {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: opacity 1.8s cubic-bezier(0.25, 1, 0.5, 1), -webkit-filter 1s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 6s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 1.8s cubic-bezier(0.25, 1, 0.5, 1), -webkit-filter 1s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 6s cubic-bezier(0.25, 1, 0.5, 1);
  transition: filter 1s cubic-bezier(0.76, 0, 0.24, 1), opacity 1.8s cubic-bezier(0.25, 1, 0.5, 1), transform 6s cubic-bezier(0.25, 1, 0.5, 1);
  transition: filter 1s cubic-bezier(0.76, 0, 0.24, 1), opacity 1.8s cubic-bezier(0.25, 1, 0.5, 1), transform 6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-filter 1s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 6s cubic-bezier(0.25, 1, 0.5, 1);
}

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

.p-hero_kv__date {
  position: absolute;
  right: 2%;
  bottom: 2.8%;
  z-index: 1;
  width: 17.037%;
}

.p-hero_kv__award {
  position: absolute;
  bottom: 2.8%;
  left: 2%;
  z-index: 1;
  width: 11.852%;
}

.p-hero_kv__catch {
  position: absolute;
  top: 6.8%;
  left: 4.5%;
  z-index: 1;
  width: 10.741%;
}

.p-hero_kv__catch-text {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  -webkit-transition: opacity 0s linear 1.2s;
  transition: opacity 0s linear 1.2s;
  width: 100%;
  height: 100%;
}

.p-hero_kv__catch-text.is-current {
  position: relative;
  opacity: 1;
  z-index: 1;
  -webkit-transition: opacity 1.2s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 1.2s cubic-bezier(0.76, 0, 0.24, 1);
}

.p-hero_kv__trailer {
  position: absolute;
  right: 20%;
  bottom: 2.8%;
  z-index: 1;
  width: 11.852%;
}

.p-hero_billing {
  position: relative;
  opacity: 0;
  z-index: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

.is-active .p-hero_billing {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), filter 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
}

.p-hero_billing::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  z-index: -1;
  background: url("../img/common/deco01.png") no-repeat center;
  background-size: contain;
  width: 26vw;
  height: 23.4vw;
}

.p-hero_billing::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  z-index: -1;
  background: url("../img/common/deco02.png") no-repeat center;
  background-size: contain;
  width: 27.6vw;
  height: 21.25vw;
}

.p-hero_billing__cast {
  position: relative;
  width: 100%;
}

.p-hero_billing__cast.-main {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 1px;
}

.p-hero_billing__cast.-sub {
  margin-top: 16px;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 1px;
}

.p-hero_billing__cast.-special {
  margin-top: 16px;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 1px;
}

.p-hero_billing__staff {
  position: relative;
  width: 100%;
}

.p-hero_billing__staff.-main {
  margin-top: 16px;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 1px;
}

.p-hero_billing__staff.-sub {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 1px;
}

.p-hero_billing__staff.-song {
  margin-top: 16px;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 1px;
}

.p-hero_billing__staff.-song small {
  font-size: .75em;
}

.p-hero_bnr {
  position: relative;
  opacity: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  margin: 0 auto;
  width: 100%;
}

.is-active .p-hero_bnr {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), filter 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
}

.p-hero_bnr__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}

.p-hero_bnr__list-item {
  display: block;
  position: relative;
}

.p-hero_bnr__link {
  display: block;
  position: relative;
}

.p-hero_bnr__link::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1);
  background: rgba(232, 0, 88, 0.2);
  width: 100%;
  height: 100%;
  content: "";
}

[data-ua="pc"] .p-hero_bnr__link:hover::before {
  opacity: 1;
}

.p-hero_trailer {
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  width: 100%;
}

.p-hero_trailer__inner {
  position: relative;
  padding-top: 100%;
  width: 100%;
  overflow: hidden;
}

.p-hero_trailer__thumb {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  content: "";
}

.p-hero_trailer__thumb::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("../img/common/play.png") no-repeat center;
  background-size: contain;
  width: 50px;
  height: 100%;
  content: "";
}

.p-hero_trailer__thumb-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
  transition: -webkit-transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
  width: 100%;
  height: 100%;
}

[data-ua="pc"] .p-hero_trailer:hover .p-hero_trailer__thumb-img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.p-hero_trailer__thumb-img::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1);
  background: rgba(232, 0, 88, 0.4);
  width: 100%;
  height: 100%;
  content: "";
}

[data-ua="pc"] .p-hero_trailer:hover .p-hero_trailer__thumb-img::before {
  opacity: 1;
}

.p-hero_trailer__player {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 177.77%;
  height: 100%;
}

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

.p-t-news {
  position: relative;
  margin: 96px auto 0;
  width: 100%;
}

.p-t-news::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/top/bg_news_pc.jpg") no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100%;
  content: "";
}

.p-t-news__container {
  position: relative;
  margin: 0 auto;
  padding: 100px 0;
  width: 85.714%;
  max-width: 1600px;
}

.p-t-news__header {
  position: relative;
  width: 32.083%;
  min-width: 385px;
}

.p-t-news__title {
  display: block;
  position: relative;
  opacity: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  color: #ffee06;
  font-weight: 700;
  font-size: 106px;
  font-family: 'Dancing Script', "游明朝", "YuMincho", 'Noto Serif JP', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  letter-spacing: .2em;
}

.is-active .p-t-news__title {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), filter 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
}

.p-t-news__title-text {
  display: inline-block;
  position: relative;
}

.p-t-news__title-text::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(30%, 40%);
  transform: translate(30%, 40%);
  background: url("../img/common/title_deco_yellow.png") no-repeat center;
  background-size: contain;
  width: 50px;
  height: 50px;
  content: "";
}

.p-t-news__inner {
  display: block;
  position: relative;
  opacity: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.is-active .p-t-news__inner {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
}

.p-t-news__more {
  position: relative;
  margin: 20px auto 0;
  width: 100%;
  text-align: right;
}

.p-t-news_data {
  display: block;
  position: relative;
  padding: 18px 0;
  width: 100%;
}

.p-t-news_data::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 2px dashed #000;
  width: 100%;
  height: 1px;
  content: "";
}

.p-t-news_data__date {
  position: relative;
  margin: 0 auto 8px;
  width: 100%;
  color: #ffee06;
  font-size: 15px;
  font-family: 'Josefin Sans', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  letter-spacing: 1.2px;
}

.p-t-news_data__title {
  display: block;
  position: relative;
  -webkit-transition: color 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition: color 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  letter-spacing: 1.4px;
}

[data-ua="pc"] .p-t-news_data:hover .p-t-news_data__title {
  color: #e80058;
}

.p-t-staff {
  position: relative;
  z-index: 0;
  margin: 112px auto 0;
  width: 100%;
}

.p-t-staff::before {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(12%, 35%);
  transform: translate(12%, 35%);
  z-index: -1;
  background: url("../img/common/deco03.png") no-repeat center;
  background-size: contain;
  width: 27.5vw;
  height: 26.9vw;
}

.p-t-staff__container {
  position: relative;
  margin: 0 auto;
  width: 81.429%;
  max-width: 1600px;
}

.p-t-staff__header {
  position: relative;
  margin: 0 auto 48px;
  width: 100%;
}

.p-t-staff__title {
  display: block;
  position: relative;
  opacity: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  color: #387cdf;
  font-weight: 700;
  font-size: 106px;
  font-family: 'Dancing Script', "游明朝", "YuMincho", 'Noto Serif JP', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  letter-spacing: .1em;
  text-align: center;
}

.is-active .p-t-staff__title {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), filter 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
}

.p-t-staff__title-text {
  display: inline-block;
  position: relative;
}

.p-t-staff__title-text::before {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(80%, 20%) scale(1, -1);
  transform: translate(80%, 20%) scale(1, -1);
  background: url("../img/common/title_deco_blue.png") no-repeat center;
  background-size: contain;
  width: 50px;
  height: 50px;
  content: "";
}

.p-t-staff__inner {
  position: relative;
  opacity: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  margin: 0 auto;
  width: 100%;
}

.is-active .p-t-staff__inner {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
}

.p-t-staff__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: -32px;
  width: 100%;
}

.p-t-staff__list-item {
  display: block;
  position: relative;
  margin-bottom: 32px;
  width: 33.333%;
}

.p-t-staff_data {
  position: relative;
  margin: 0 auto;
  padding: 0 6px;
  width: 100%;
  text-align: center;
}

.p-t-staff_data__cap {
  position: relative;
  margin: 0 auto 12px;
  width: 100%;
  color: #387cdf;
  font-weight: 700;
  font-size: 15px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

.p-t-staff_data__name {
  display: inline-block;
  position: relative;
  font-size: 34px;
}

.p-t-staff_data__name-comment {
  position: absolute;
  top: 50%;
  right: -5px;
  -webkit-transform: translate(100%, -55%);
  transform: translate(100%, -55%);
  -webkit-transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  width: 25px;
}

[data-ua="pc"] .p-t-staff_data__name-comment:hover {
  opacity: .5;
}

.p-t-staff_data__note {
  position: relative;
  min-height: 40px;
  font-size: 12px;
}

.p-modal_comment {
  position: relative;
  margin: 0 auto;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
}

.p-modal_comment__cap {
  display: table;
  position: relative;
  margin: 0 auto 28px;
  border-bottom: 2px dotted #e80058;
  padding-bottom: 12px;
  color: #e80058;
  font-size: 40px;
}

.p-modal_comment__text {
  position: relative;
  width: 100%;
  font-size: 20px;
  line-height: 2;
  text-align: center;
}

.p-t-intro {
  position: relative;
  margin: 182px auto 0;
  width: 100%;
}

.p-t-intro__container {
  position: relative;
  margin: 0 auto;
  width: 85.714%;
  max-width: 1600px;
}

.p-t-intro__header {
  position: relative;
  margin: 0 auto 48px;
  width: 100%;
}

.p-t-intro__title {
  display: block;
  position: relative;
  opacity: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  color: #e80058;
  font-weight: 700;
  font-size: 106px;
  font-family: 'Dancing Script', "游明朝", "YuMincho", 'Noto Serif JP', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  letter-spacing: .2em;
  text-align: right;
}

.is-active .p-t-intro__title {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), filter 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
}

.p-t-intro__title-text {
  display: inline-block;
  position: relative;
}

.p-t-intro__title-text::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-80%, -40%) scale(-1, 1);
  transform: translate(-80%, -40%) scale(-1, 1);
  background: url("../img/common/title_deco_pink.png") no-repeat center;
  background-size: contain;
  width: 50px;
  height: 50px;
  content: "";
}

.p-t-intro__inner {
  position: relative;
  opacity: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  margin: 0 auto;
  width: 100%;
}

.is-active .p-t-intro__inner {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
}

.p-t-intro__img-item {
  opacity: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.is-active .p-t-intro__img-item {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
}

.p-t-intro__lead {
  display: block;
  position: relative;
  margin-bottom: 42px;
  color: #e80058;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.8;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  letter-spacing: .5em;
}

.p-t-intro__text {
  position: relative;
  width: 100%;
  font-weight: 500;
  font-size: 15px;
  line-height: 2;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  letter-spacing: .14em;
}

.p-t-intro__text.-text2 {
  margin-top: 48px;
}

.p-t-story {
  position: relative;
  margin: 202px auto 0;
  width: 100%;
}

.p-t-story::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-20%, 25%) scale(-1, 1);
  transform: translate(-20%, 25%) scale(-1, 1);
  z-index: -1;
  background: url("../img/common/deco01.png") no-repeat center;
  background-size: contain;
  content: "";
}

.p-t-story__container {
  position: relative;
  margin: 0 auto;
  width: 85.714%;
  max-width: 1600px;
}

.p-t-story__header {
  position: relative;
  margin: 0 auto 54px;
  width: 100%;
}

.p-t-story__title {
  display: block;
  position: relative;
  opacity: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  color: #387cdf;
  font-weight: 700;
  font-size: 106px;
  font-family: 'Dancing Script', "游明朝", "YuMincho", 'Noto Serif JP', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  letter-spacing: .2em;
  text-align: left;
}

.is-active .p-t-story__title {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), filter 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
}

.p-t-story__title-text {
  display: inline-block;
  position: relative;
}

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

.p-t-story__inner {
  position: relative;
  opacity: 0;
  z-index: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  margin: 0 auto;
  width: 100%;
}

.is-active .p-t-story__inner {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
}

.p-t-story__catch {
  position: absolute;
  top: -110px;
  right: 2.727%;
  z-index: 1;
  width: 6.364%;
}

.p-t-story__text {
  position: relative;
  width: 75%;
  font-weight: 500;
  font-size: 16px;
  line-height: 2;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  letter-spacing: .14em;
}

.p-t-story__text + .p-t-story__text {
  margin-top: 38px;
}

.p-t-story__text .-narrow {
  letter-spacing: -2.5px;
}

.p-t-story__text.-strong {
  margin-top: 48px;
  font-weight: 700;
  font-size: 1.1em;
}

.p-t-story__lead {
  display: block;
  position: relative;
  margin-top: 42px;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.8;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  letter-spacing: .5em;
}

.p-t-story__lead strong {
  color: #e80058;
}

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

.p-partner__container {
  position: relative;
  margin: 0 auto;
  background: url("../img/top/bg_hawaiians_pc.jpg") no-repeat center;
  background-size: cover;
  padding: 88px 0 96px;
  width: 92.857%;
  max-width: 1700px;
}

.p-partner__header {
  position: relative;
  margin: 0 auto 68px;
  width: 83.077%;
}

.p-partner__deco {
  position: relative;
  margin: 0 auto 12px;
  width: 170px;
}

.p-partner__title {
  position: relative;
  margin: 0 auto;
  width: 100%;
  color: #fff;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.8;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  letter-spacing: .5em;
  text-align: center;
}

.p-partner__inner {
  position: relative;
  margin: 0 auto;
  width: 83.077%;
}

.p-partner__data {
  position: relative;
}

.p-partner__data-cap {
  position: relative;
  margin: 0 auto 28px;
  border-bottom: 2px dashed #fff;
  padding-bottom: 20px;
  width: 100%;
  color: #ffee06;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.8;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  letter-spacing: .3em;
  text-align: center;
}

.p-partner__data-text {
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  line-height: 2;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  letter-spacing: .14em;
}

/* ====================
COMPONENT
 ==================== */

@media screen and (min-width: 961px){
  .p-hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .p-hero__kv {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .p-hero__billing {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 54px;
  }
  .p-hero__bnr {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 54px;
  }
  .p-hero_kv__list::after {
    content: "";
  }
  .p-hero_kv__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(100vh - 112px);
    min-height: 600px;
    max-height: 64.286vw;
  }
  .p-hero_billing::before {
    content: "";
  }
  .p-hero_billing::after {
    content: "";
  }
  .p-hero_bnr__list-item {
    margin: 0 0 24px 2.66%;
    width: 31.56%;
  }
  .p-hero_bnr__list-item:nth-child(3n-2) {
    margin-left: 0;
  }
  .p-hero_trailer__inner {
    border-radius: 50%;
  }
  .p-t-news::before {
    background-attachment: fixed;
  }
  .p-t-news__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-t-news__inner {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    min-width: 0;
  }
  .p-t-news_data__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .p-t-staff::before {
    content: "";
  }
  .p-t-intro__inner {
    padding-bottom: 16.667%;
  }
  .p-t-intro__img-item {
    position: absolute;
  }
  .is-active .p-t-intro__img-item:nth-child(1) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
  .is-active .p-t-intro__img-item:nth-child(2) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
  }
  .is-active .p-t-intro__img-item:nth-child(3) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
  }
  .is-active .p-t-intro__img-item:nth-child(4) {
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
  }
  .is-active .p-t-intro__img-item:nth-child(5) {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s;
  }
  .is-active .p-t-intro__img-item:nth-child(6) {
    -webkit-transition-delay: 3s;
    transition-delay: 3s;
  }
  .is-active .p-t-intro__img-item:nth-child(7) {
    -webkit-transition-delay: 3.5s;
    transition-delay: 3.5s;
  }
  .is-active .p-t-intro__img-item:nth-child(8) {
    -webkit-transition-delay: 4s;
    transition-delay: 4s;
  }
  .is-active .p-t-intro__img-item:nth-child(9) {
    -webkit-transition-delay: 4.5s;
    transition-delay: 4.5s;
  }
  .is-active .p-t-intro__img-item:nth-child(10) {
    -webkit-transition-delay: 5s;
    transition-delay: 5s;
  }
  .p-t-intro__img-item.-ss1 {
    top: -3%;
    right: -8.3%;
    width: 38.75%;
  }
  .p-t-intro__img-item.-ss2 {
    top: -24%;
    left: 0;
    width: 24.5%;
  }
  .p-t-intro__img-item.-ss3 {
    top: 32%;
    right: 5%;
    width: 17.5%;
  }
  .p-t-intro__img-item.-ss4 {
    right: -8.3%;
    bottom: -3%;
    width: 29.833%;
  }
  .p-t-intro__img-item.-ss5 {
    right: 25.3%;
    bottom: -1%;
    width: 21%;
  }
  .p-t-intro__img-item.-ss6 {
    bottom: 18%;
    left: -8.3%;
    width: 38.167%;
  }
  .p-t-intro__img-item.-ss7 {
    bottom: -5%;
    left: 3%;
    width: 23.333%;
  }
  .p-t-intro__text.-text1 {
    width: 63.75%;
  }
  .p-t-intro__text.-text2 {
    margin-left: 34.167%;
    width: 65.833%;
  }
  .p-t-story::before {
    width: 26vw;
    height: 23.4vw;
  }
  .p-t-story__inner {
    padding-bottom: 10%;
    padding-left: 9.167%;
  }
  .p-t-story__img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 43.75%;
    max-width: 525px;
  }
  .p-partner__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .p-partner__data {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
  }
  .p-partner__data + .p-partner__data {
    margin-left: 100px;
  }
}

@media screen and (max-width: 960px){
  .p-hero__kv {
    margin: 0 auto;
    width: 89.333%;
  }
  .p-hero__billing {
    margin-top: 34px;
    width: 89.333%;
  }
  .p-hero__bnr {
    margin-top: 34px;
    width: 94.667%;
  }
  .p-hero__trailer {
    margin-top: 34px;
  }
  .p-hero_kv__list::before {
    top: -12%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: url("../img/top/main_top_sp.png") no-repeat center top;
    background-size: contain;
    width: 118%;
    height: 118%;
  }
  .p-hero_kv__date {
    -webkit-transform: translate(25%, 25%);
    transform: translate(25%, 25%);
    width: 37.333%;
  }
  .p-hero_kv__award {
    top: 10px;
    right: 10px;
    bottom: auto;
    left: auto;
    width: 24%;
  }
  .p-hero_kv__catch {
    top: 4%;
    left: 5.6%;
    width: 24.627%;
  }
  .p-hero_billing__cast.-main {
    font-size: 14px;
  }
  .p-hero_billing__cast.-sub {
    font-size: 12px;
  }
  .p-hero_billing__cast.-special {
    font-size: 14px;
  }
  .p-hero_billing__staff.-main {
    font-size: 12px;
  }
  .p-hero_billing__staff.-sub {
    font-size: 10px;
  }
  .p-hero_billing__staff.-song {
    font-size: 12px;
  }
  .p-hero_bnr__list-item {
    margin: 0 2% 10px 0;
    width: 49%;
  }
  .p-hero_bnr__list-item.-spbig {
    margin: 0 0 10px 0;
    width: 100%;
  }
  .p-hero_bnr__list-item:nth-child(2n) {
    margin-right: 0;
  }
  .p-hero_trailer {
    opacity: 0;
    -webkit-filter: blur(5px);
    filter: blur(5px);
  }
  .is-active .p-hero_trailer {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
    transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
    transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
    transition: opacity 1.4s cubic-bezier(0.5, 1, 0.89, 1), filter 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-filter 1.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .p-hero_trailer__inner {
    padding-top: 140px;
  }
  .p-hero_trailer__player {
    width: 100%;
    height: 100%;
  }
  .p-t-news {
    margin-top: 40px;
  }
  .p-t-news::before {
    background: url("../img/top/bg_news_sp.jpg") no-repeat center;
    background-size: cover;
  }
  .p-t-news__container {
    padding: 50px 0;
    width: 89.333%;
  }
  .p-t-news__header {
    position: relative;
    margin-bottom: -8px;
    width: 100%;
  }
  .p-t-news__title {
    font-size: 56px;
  }
  .p-t-news__title-text::before {
    -webkit-transform: translate(50%, 10%);
    transform: translate(50%, 10%);
    width: 30px;
    height: 30px;
  }
  .p-t-news__more {
    margin-top: 10px;
  }
  .p-t-news_data::before {
    border-width: 1px;
  }
  .p-t-news_data__date {
    font-size: 13px;
  }
  .p-t-news_data__title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #000;
    font-size: 14px;
  }
  .p-t-staff {
    margin-top: 68px;
  }
  .p-t-staff__container {
    width: 89.333%;
  }
  .p-t-staff__title {
    font-size: 56px;
  }
  .p-t-staff__title-text::before {
    width: 30px;
    height: 30px;
  }
  .p-t-staff__list-item {
    margin-bottom: 24px;
    width: 50%;
  }
  .p-t-staff_data__cap {
    margin-bottom: 6px;
    font-size: 14px;
  }
  .p-t-staff_data__name {
    font-size: 20px;
  }
  .p-t-staff_data__note {
    font-size: 10px;
  }
  .p-modal_comment {
    width: 90%;
  }
  .p-modal_comment__cap {
    font-size: 26px;
  }
  .p-modal_comment__text {
    font-size: 14px;
  }
  .p-t-intro {
    margin-top: 72px;
  }
  .p-t-intro__container {
    width: 89.333%;
  }
  .p-t-intro__header {
    margin-bottom: 28px;
  }
  .p-t-intro__title {
    font-size: 48px;
    letter-spacing: .14em;
  }
  .p-t-intro__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 105.97%;
  }
  .p-t-intro__img.-img1 {
    margin-bottom: 28px;
  }
  .p-t-intro__img.-img2 {
    left: -5.97%;
    margin-top: 28px;
  }
  .p-t-intro__img.-img3 {
    margin-top: 28px;
  }
  .p-t-intro__img-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .p-t-intro__lead {
    margin-bottom: 20px;
    font-size: 15px;
    letter-spacing: .2em;
  }
  .p-t-intro__text {
    font-size: 13px;
    letter-spacing: .08em;
  }
  .p-t-intro__text.-text2 {
    margin-top: 20px;
  }
  .p-t-story {
    margin-top: 102px;
  }
  .p-t-story__container {
    width: 89.333%;
  }
  .p-t-story__header {
    margin-bottom: 28px;
  }
  .p-t-story__title {
    font-size: 56px;
    letter-spacing: .12em;
  }
  .p-t-story__title-text::before {
    -webkit-transform: translate(50%, 20%);
    transform: translate(50%, 20%);
    width: 30px;
    height: 30px;
  }
  .p-t-story__catch {
    top: -20px;
    right: 0;
    width: 17.164%;
  }
  .p-t-story__text {
    width: 77.612%;
    font-size: 13px;
    line-height: 2.2;
    letter-spacing: .02em;
  }
  .p-t-story__text + .p-t-story__text {
    margin-top: 18px;
  }
  .p-t-story__text.-strong {
    width: 100%;
    font-size: 13.5px;
    letter-spacing: .08em;
  }
  .p-t-story__lead {
    font-size: 17px;
    letter-spacing: .4em;
  }
  .p-t-story__img {
    position: relative;
    left: -5.97%;
    margin-top: 40px;
    width: 105.97%;
  }
  .p-partner {
    margin-top: 90px;
  }
  .p-partner__container {
    background: url("../img/top/bg_hawaiians_sp.jpg") no-repeat center;
    background-size: cover;
    padding: 58px 0 66px;
    width: 100%;
  }
  .p-partner__header {
    margin-bottom: 42px;
    width: 89.333%;
  }
  .p-partner__deco {
    width: 25.373%;
  }
  .p-partner__title {
    font-size: 16px;
    letter-spacing: .2em;
  }
  .p-partner__inner {
    width: 89.333%;
  }
  .p-partner__data + .p-partner__data {
    margin-top: 34px;
  }
  .p-partner__data-cap {
    margin-bottom: 18px;
    padding-bottom: 18px;
    font-size: 15px;
    letter-spacing: .15em;
  }
  .p-partner__data-text {
    font-size: 13px;
  }
}

@media screen and (min-width: 961px) and (min-width: 1800px){
  .p-hero_kv__list-item {
    max-height: 1157.148px;
  }
}

@media screen and (min-width: 1401px){
  .p-hero_billing__cast.-main {
    font-size: 1.429vw;
  }
  .p-hero_billing__cast.-sub {
    font-size: 1.286vw;
  }
  .p-hero_billing__cast.-special {
    font-size: 1.429vw;
  }
  .p-hero_billing__staff.-main {
    font-size: 1.429vw;
  }
  .p-hero_billing__staff.-sub {
    font-size: 1vw;
  }
  .p-hero_billing__staff.-song {
    font-size: 1.286vw;
  }
  .p-t-news__title {
    font-size: 7.571vw;
  }
  .p-t-news_data__date {
    font-size: 1.071vw;
  }
  .p-t-news_data__title {
    font-size: 1.286vw;
  }
  .p-t-staff__title {
    font-size: 7.571vw;
  }
  .p-t-staff_data__cap {
    font-size: 1.071vw;
  }
  .p-t-staff_data__name {
    font-size: 2.429vw;
  }
  .p-t-staff_data__note {
    font-size: 0.857vw;
  }
  .p-modal_comment__cap {
    font-size: 2.857vw;
  }
  .p-modal_comment__text {
    font-size: 1.429vw;
  }
  .p-t-intro__title {
    font-size: 7.571vw;
  }
  .p-t-intro__lead {
    font-size: 1.429vw;
  }
  .p-t-intro__text {
    font-size: 1.071vw;
  }
  .p-t-story__title {
    font-size: 7.571vw;
  }
  .p-t-story__text {
    font-size: 1.143vw;
  }
  .p-t-story__lead {
    font-size: 1.571vw;
  }
  .p-partner__title {
    font-size: 2vw;
  }
  .p-partner__data-cap {
    font-size: 1.286vw;
  }
  .p-partner__data-text {
    font-size: 1.071vw;
  }
}

@media screen and (min-width: 1750px){
  .p-hero_billing__cast.-main {
    font-size: 25px;
  }
  .p-hero_billing__cast.-sub {
    font-size: 22.5px;
  }
  .p-hero_billing__cast.-special {
    font-size: 25px;
  }
  .p-hero_billing__staff.-main {
    font-size: 25px;
  }
  .p-hero_billing__staff.-sub {
    font-size: 17.5px;
  }
  .p-hero_billing__staff.-song {
    font-size: 22.5px;
  }
  .p-t-news__title {
    font-size: 132.5px;
  }
  .p-t-news_data__date {
    font-size: 18.75px;
  }
  .p-t-news_data__title {
    font-size: 22.5px;
  }
  .p-t-staff__title {
    font-size: 132.5px;
  }
  .p-t-staff_data__cap {
    font-size: 18.75px;
  }
  .p-t-staff_data__name {
    font-size: 42.5px;
  }
  .p-t-staff_data__note {
    font-size: 15px;
  }
  .p-modal_comment__cap {
    font-size: 50px;
  }
  .p-modal_comment__text {
    font-size: 25px;
  }
  .p-t-intro__title {
    font-size: 132.5px;
  }
  .p-t-intro__lead {
    font-size: 25px;
  }
  .p-t-intro__text {
    font-size: 18.75px;
  }
  .p-t-story__title {
    font-size: 132.5px;
  }
  .p-t-story__text {
    font-size: 20px;
  }
  .p-t-story__lead {
    font-size: 27.5px;
  }
  .p-partner__title {
    font-size: 35px;
  }
  .p-partner__data-cap {
    font-size: 22.5px;
  }
  .p-partner__data-text {
    font-size: 18.75px;
  }
}

@media screen and (max-width: 960px) and (min-width: 376px){
  .p-hero_billing__cast.-main {
    font-size: 3.733vw;
  }
  .p-hero_billing__cast.-sub {
    font-size: 3.2vw;
  }
  .p-hero_billing__cast.-special {
    font-size: 3.733vw;
  }
  .p-hero_billing__staff.-main {
    font-size: 3.2vw;
  }
  .p-hero_billing__staff.-sub {
    font-size: 2.667vw;
  }
  .p-hero_billing__staff.-song {
    font-size: 3.2vw;
  }
  .p-t-news__title {
    font-size: 14.933vw;
  }
  .p-t-staff__title {
    font-size: 14.933vw;
  }
  .p-t-staff_data__cap {
    font-size: 3.733vw;
  }
  .p-t-staff_data__name {
    font-size: 5.333vw;
  }
  .p-t-staff_data__note {
    font-size: 2.667vw;
  }
  .p-modal_comment__cap {
    font-size: 6.933vw;
  }
  .p-modal_comment__text {
    font-size: 3.733vw;
  }
  .p-t-intro__title {
    font-size: 12.8vw;
  }
  .p-t-intro__lead {
    font-size: 4vw;
  }
  .p-t-intro__text {
    font-size: 3.467vw;
  }
  .p-t-story__title {
    font-size: 14.933vw;
  }
  .p-t-story__text {
    font-size: 3.467vw;
  }
  .p-t-story__text.-strong {
    font-size: 3.6vw;
  }
  .p-t-story__lead {
    font-size: 4.533vw;
  }
  .p-partner__title {
    font-size: 4.267vw;
  }
  .p-partner__data-cap {
    font-size: 4vw;
  }
  .p-partner__data-text {
    font-size: 3.467vw;
  }
}

@media screen and (max-width: 960px) and (min-width: 468.75px){
  .p-hero_billing__cast.-main {
    font-size: 17.5px;
  }
  .p-hero_billing__cast.-sub {
    font-size: 15px;
  }
  .p-hero_billing__cast.-special {
    font-size: 17.5px;
  }
  .p-hero_billing__staff.-main {
    font-size: 15px;
  }
  .p-hero_billing__staff.-sub {
    font-size: 12.5px;
  }
  .p-hero_billing__staff.-song {
    font-size: 15px;
  }
  .p-t-news__title {
    font-size: 70px;
  }
  .p-t-staff__title {
    font-size: 70px;
  }
  .p-t-staff_data__cap {
    font-size: 17.5px;
  }
  .p-t-staff_data__name {
    font-size: 25px;
  }
  .p-t-staff_data__note {
    font-size: 12.5px;
  }
  .p-modal_comment__cap {
    font-size: 32.5px;
  }
  .p-modal_comment__text {
    font-size: 17.5px;
  }
  .p-t-intro__title {
    font-size: 60px;
  }
  .p-t-intro__lead {
    font-size: 18.75px;
  }
  .p-t-intro__text {
    font-size: 16.25px;
  }
  .p-t-story__title {
    font-size: 70px;
  }
  .p-t-story__text {
    font-size: 16.25px;
  }
  .p-t-story__text.-strong {
    font-size: 16.875px;
  }
  .p-t-story__lead {
    font-size: 21.25px;
  }
  .p-partner__title {
    font-size: 20px;
  }
  .p-partner__data-cap {
    font-size: 18.75px;
  }
  .p-partner__data-text {
    font-size: 16.25px;
  }
}