@charset "UTF-8";
/* メインビジュアル　キャッチ共通
--------------------------------------- */
/* なし */


/* 色反転パターン
--------------------------------------- */
/* なし */


/* 特定のhoverアニメーション処理
--------------------------------------- */
/* なし */


/* メインビジュアル
--------------------------------------- */
.of--corporate .mod--mv-block .mv--inner.pic-main,
.of--corporate .mod--mv-block .mv--inner.movie-main {
  background-image: url(../Website/corporate/images/keyvisual_sp2.jpg);
}

@media screen and (min-width: 768px),
print {
  .of--corporate .mod--mv-block .mv--inner.pic-main,
  .of--corporate .mod--mv-block .mv--inner.movie-main {
    background-image: url(../Website/corporate/images/keyvisual.jpg);
    padding-bottom: calc(40rem + (240 - 10) * ((100vw - 40rem) / (1440 - 300)));
  }
}


/* キャッチ
--------------------------------------- */
.of--corporate .mod--catch-block .catch--inner.pic-main {
  background-image: url(../website/corporate/images/index-bs.jpg);
}

.of--corporate .mod--catch-block .catch--inner.pic-main::after {
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, rgba(112, 112, 112, .7) 36%, rgba(112, 112, 112, 0) 50%);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, rgba(112, 112, 112, .7) 36%, rgba(112, 112, 112, 0) 50%);
  background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, rgba(112, 112, 112, .7) 36%, rgba(112, 112, 112, 0) 50%);
}

@media screen and (max-width: 767px),
print {
  .of--corporate .of--sp-alpha-block .catch--conts-block {
    background-color: rgba(0, 0, 0, 0);
  }
}

@media screen and (min-width: 768px),
print {
  .of--corporate .mod--catch-block .catch--inner.pic-main {
    background-image: url(../website/corporate/images/index-bs-wide.jpg);
  }

  .of--corporate .mod--catch-block .catch--inner.pic-main::after {
    background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0)70%);
    background: linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 70%);
  }
}


/* グローバルナビゲーション（SPのみ）
--------------------------------------- */
/* なし */


/* パネルデザイン
--------------------------------------- */
/* なし */