/* ==========================
   First View セクション
========================== */
.first-view {
    height: calc(100svh - 0px);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}

.background-video,
.background-videosp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    filter: brightness(85%);
}

.background-video {
    padding-top: 82px;
}

/* オーバーレイテキスト */
.overlay {
    position: absolute;
    left: 5%;
    bottom: 5%;
    text-align: left;
    max-width: 100%;
    color: white;
}

/* ==========================
   テキストデザイン
========================== */
.title {
    text-shadow: 1px 1px 16px #00000050;
}

.en-text {
    display: block;
    font-family: "dunbar-low", sans-serif;
    font-weight: bold;
    font-size: 8rem;
    line-height: 1.125em;
    padding-bottom: 2rem;
}

.jp-text {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 3.5rem;
    line-height: 1.375em;
}

/* ==========================
   　タブレット対応
========================== */
@media screen and (max-width: 820px) {
	/* 820px以上適用 */
  .background-videosp {
      height: calc(95svh);
      padding-top: 7.63547svh;
  }

  .first-view {
      height: calc(100svh);
  }

  .en-text {
      font-size: 5rem;
      padding-bottom: 2rem;
  }

  .jp-text {
      font-size: 3rem;
      padding-bottom: 8rem;
  }

}

/* ==========================
   スマホ対応
========================== */
@media screen and (max-width: 480px) {
  	/* 480px以下適用 */
    .background-videosp {
        height: calc(95svh);
        padding-top: 7.63547svh;
    }

    .title {
        text-shadow: 1px 1px 16px #00000070;
    }

    .first-view {
        height: calc(100svh);
    }

    .en-text {
        font-size: 3.5rem;
        padding-bottom: 1rem;
    }

    .jp-text {
        font-size: 1.8rem;
        padding-bottom: 5rem;
    }

    .overlay {
        bottom: 3%;
    }
}

/* ==========================
   brクラス出し分け
========================== */
@media (min-width: 767px) {
    .brsp {
        display: none;
    }
}

/* ==========================
   ヘッダー
========================== */
@media (min-width: 980px) {
    .l-header {
        box-shadow: 0 0 10px #00000040, 0 0 10px #00000070;
    }

  /*  .l-header__nav li.l-header__has-child > ul.open {
        background-image: linear-gradient(
           130deg,
            rgb(255 181 61) 10%,
            rgb(255 92 85) 40%,
            rgb(134 85 255) 70%,
            rgb(3 137 230) 100%
        ) !important;
        background-color: #00000000!important;
        margin-top: 10px !important;
    }*/
}

/* ==========================
   FV出し分け
========================== */
@media (min-width: 979px) {
	/*979以上*/
.background-videosp {
display: none;
    }
}

@media (max-width: 980px) {
/*980以下*/
.background-video {
 display: none;
    }
}