@charset "UTF-8";
/*==========================================
動画埋め込み
===========================================*/
/* kv */
.kv {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.kv .main-copy {
  background: linear-gradient(45deg, #fcc200 0%, #DAAF08 45%, #ffff00 70%, #DAAF08 85%, #fcc200 90% 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 75px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  font-family: "Lora-VariableFont_wght", serif;
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing: -0.5px; /* 文字間隔を-0.5pxに設定 */
}
.kv .sub-copy {
  background: linear-gradient(45deg, #fcc200 0%, #DAAF08 45%, #ffff00 70%, #DAAF08 85%, #fcc200 90% 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  text-align: center;
  font-family: "HinaMincho-Regular", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
/* video */
.video {
  width: 100%;
  height: 100vh;
  background: url("../img/kv-alternative-sp.webp") no-repeat center/cover;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
}
.video::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #10394b;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .0;/*動画全体に薄い黒をかる0でなし。.1や.3などで設定する*/
}
.video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.mobile-video {
  display: block;
}
.large-screen-video {
  display: none;
}
.sub-copy img {
    width: 100%;
    max-width: 229px;
}
.video {
  box-shadow:
    0px 10px 15px rgba(255, 182, 193, 0.45), /* ライトピンク */
    0px 15px 25px rgba(255, 105, 180, 0.35), /* ホットピンク */
    0px 25px 40px rgba(0, 0, 0, 0.1);        /* 外側の薄い黒 */
}



@media screen and (min-width: 768px) {
  /* kv */
  .kv {
    min-width: 768px;
  }
  .kv .main-copy {
    font-size: 80px;
  }
  .kv .sub-copy {
    font-size: 40px;
  }
  /* video */
  .video {
    min-width: 768px;
    background: url("../img/kv-alternative-pc.webp") no-repeat center/cover;
  }
  .large-screen-video {
    display: block;
  }
  .mobile-video {
    display: none;
  }
}