.p-index_kv__movie {
    left: 0;
    line-height: 1;
    position: absolute;
    top: 0;
    z-index: -1
}

.p-index_kv__movie video {
    font-family: "object-fit: cover;";
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    -o-object-fit: cover;
    object-fit: cover;
    width: 100vw
}

.titan-title-size-1 {
    color:#fff;
}

.titan-title-size-4 {
    color:#fff;
}

.weather_wrapper {
    color:#fff;
}
.pc-l {
    display: block;
}
.sp-l {
    display: none;
}
.page-l {
    display: block;
}
@media (max-width: 769px) {
    .caption-content {
    display: table-cell; 
    vertical-align: baseline; 
    text-align: center;
        padding:170px 0 0 0
    }
.p-index_kv__movie video {
    font-family: "object-fit: cover;";
    height: 100vh;
    width: 100vw;
}
    .weather_p {
    position: relative;
    height :60vw;
}
 
.weather_p {
    position: relative;
    
}
    .titan-title-size-1 {
        color :#fff;
    }
    .titan-title-size-4 {
        color :#fff;
    }
    
    .pc-l {
        display: none;
    }
    .sp-l {
        display: block;
    }
    .page-l {
        display: none;
    }
}

.open_b {
    width: 100%;
    margin-top: 15px;
}

.module2 {
   position: relative;
    margin: 80px 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.open_b [data-aos="fade-up"] {
    transform: translateY(1000px);
    transition-property: transform, opacity;
    opacity: 0;
}
.open_b [data-aos="fade-up"].aos-animate {
    transform: translateY(0px);
    opacity: 1;
}

    .weather-fab {
      position: fixed; left: 2vw; top: 2vw; z-index: 2000;
      background: rgba(255,255,255,0.88);
      color: #2171b8; border: none; border-radius: 16px;
      width: 110px; height: 110px;
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      font-size: 1.12em; font-weight: 700; cursor: pointer;
      box-shadow: 0 4px 22px rgba(80,80,80,0.10);
      outline: none; opacity: 0.99;
      transition: box-shadow 0.2s, background 0.2s, opacity 0.2s;
      border: 1.5px solid rgba(200,210,230,0.10);
      user-select: none;
    }
    .weather-fab .fab-icon { font-size: 2.6em; margin-bottom: 7px; }
    .weather-fab:hover { opacity: 0.65; background: rgba(255,255,255,0.83); }
    .fab-label { font-size: 1em; color: #2171b8; margin: 0; font-weight: 700; letter-spacing: 0.02em; text-shadow: 0 1px 7px #fff5; opacity: 0.98; }

    .weather-panel-bg {
      position: fixed; inset: 0;
      background: rgba(255,255,255,0.10);
      z-index: 2999; pointer-events: none;
      opacity: 0; transition: none;
    }
    /* ラッパーをtransformで全体降ろす！ */
    .weather-panel-wrapper {
      position: fixed; left: 0; top: 0; width: 100vw; height: 100vh;
      z-index: 3000; pointer-events: none;
      display: flex; align-items: flex-start; justify-content: center;
      transition: none;
      will-change: transform;
    }
    .weather-panel {
      background: rgba(255,255,255,0.96);
      box-shadow: 0 12px 60px rgba(60,60,60,0.22);
      width: 100vw; height: 100vh;
      overflow: auto;
      display: flex; flex-direction: column; align-items: stretch;
      position: relative;
      opacity: 1;
      pointer-events: auto;
    }
    .weather-panel-content {
      max-width: 1020px;
      margin: 68px auto 0 auto;
      padding: 20px 16px 40px 16px;
      background: none;
      width: 100%;
      display: flex; flex-direction: column; align-items: stretch;
    }
    .panel-row {
      display: grid; grid-template-columns: repeat(3, 1fr);
      gap: 0px 34px; width: 100%; margin-bottom: 24px;
    }
    .weather-block { /* ...同上、省略... */ }
    .wblock-header { display: flex; flex-direction: column; align-items: center; margin-bottom: 3px; gap: 1px;}
    .wblock-icon { font-size: 2.3em; color: #2171b8; filter: drop-shadow(0 1px 6px #fff7); margin-bottom: 1px;}
    .wblock-title { font-size: 1.13em; font-weight: bold; color: #212e40; margin-bottom: 1px; margin-top: 3px; letter-spacing: 0.01em;}
    .wblock-title-en { font-size: 0.96em; color: #4684bb; font-weight: 500; opacity: 0.7; margin-bottom: 0px; margin-top: 0px;}
    .wblock-data { margin-top: 7px; line-height: 1.8; font-size: 1.16em; color: #222;text-align: center;}
    .wblock-data .main-value { font-size: 2.7em; font-weight: 800; letter-spacing: 0.00em; color: #222; margin-right: 3px; vertical-align: middle;}
    .wblock-unit { font-size: 1.2em; color: #bbb; margin-left: 2px; font-weight: 500; vertical-align: super;}
    .wblock-note { font-size: 0.92em; color: #4b6a82; opacity: 0.7; margin-top: 2px; font-style: italic;text-align: center;}
    .panel-close {
      position: absolute; left: 2vw; top: 2vw;
      font-size: 2.4em; background: none; border: none; color: #444; cursor: pointer;
      z-index: 4000; opacity: 0.35; transition: opacity 0.18s;
    }
    .panel-close:hover { opacity: 0.8; color: #2171b8; }
    .weather-panel-heading { font-size: 1.4em; font-weight: bold; color: #212e40; margin-bottom: 0.13em; margin-left: 2px;}
    .weather-panel-heading-en { font-size: 1em; color: #4684bb; margin-bottom: 0.1em; margin-left: 4px;}
    .weather-panel-date { font-size: 1.04em; color: #444; margin-bottom: 7px; margin-left: 3px; opacity: 0.86;}
    @media (max-width: 950px) {
      .weather-panel-content { max-width: 98vw; }
      .weather-block { min-width: 145px; font-size: 0.98em;}
      .panel-row { gap: 0 12px;}
    }
    @media (max-width: 700px) {
      .weather-panel-content { margin: 30px auto 0 auto; padding: 10px 1vw 26px 1vw;}
      .panel-row { grid-template-columns: 1fr; gap: 14px 0; }
      .weather-block { min-width: 95vw;}
    }
    
.weather-fab {
  position: fixed; left: 2vw; top: 2vw; z-index: 2000;
  background: #fff;
  color: #1569ad;
  border: none; border-radius: 10px;
  width: 135px; height: 65px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  font-size: 1em; font-weight: 700; cursor: pointer;
  box-shadow: none;
  outline: none;
  opacity: 1;
  user-select: none;
  transition: background 0.18s, opacity 0.15s;
}
.weather-fab:hover {
  opacity: 0.85; background: #f2f7fa;
}
.fab-row {
  display: flex; flex-direction: row; align-items: center; justify-content: center;
  gap: 10px;
  margin-top: px;
}
.fab-icon {
  display: flex; align-items: center; justify-content: center; font-size: 1.7em;
}
.fab-icon .fa-cloud-sun {
  color: #1569ad;
  font-size: 0.8em; margin-left: -0.23em; margin-top: 0.16em;
}
.fab-icon .fa-snowflake {
  color: #52b5e6; font-size: 0.7em; margin-left: -0.23em; margin-top: 0.16em;
}
.fab-arrow {
  display: flex; align-items: center; justify-content: center;
  color: #0d7fc0;
  font-size: 1.8em;
  font-weight: 800;
  letter-spacing: -0.04em;
  margin-top: 0.05em;
}
.fab-label-en {
  font-size: 0.87em; color: #3783b8;
  font-weight: 500; opacity: 0.74;
  letter-spacing: 0.01em; text-align: center;
}