@charset "UTF-8";
/* =========================================
   ビジョンページ
   ========================================= */
/* -----------------------------------------
   メインムービー
   ----------------------------------------- */
.vision-movie {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background-color: #000;
}

.vision-movie__video {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vision-movie__title {
  color: #fff;
  font-family: "Figtree", sans-serif, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 2.1428571429rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-align: center;
}

/* -----------------------------------------
   本文全体
   ----------------------------------------- */
.vision-section {
  padding-top: 4rem;
  padding-bottom: 5.1428571429rem;
}

.vision-block__head {
  margin-bottom: 2.2857142857rem;
}

.vision-block__body {
  min-width: 0;
}

.vision-block__title {
  margin-bottom: 2.5714285714rem;
}

/* 本文共通 */
.vision-block__text,
.vision-block__emphasis,
.vision-purpose__text,
.vision-mission__desc {
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
}

.vision-mission__desc {
  letter-spacing: 0;
}

.vision-block__text + .vision-block__text,
.vision-block__text + .vision-block__emphasis,
.vision-block__emphasis + .vision-block__text {
  margin-top: 1.7142857143rem;
}

/* 太字本文 */
.vision-block__emphasis {
  font-weight: 700;
}

/* セクション間の区切り線 */
.vision-divider {
  border-top: 1px solid #dadada;
  margin-top: 4.5714285714rem;
  margin-bottom: 4.5714285714rem;
}

/* -----------------------------------------
   Purpose
   ----------------------------------------- */
.vision-purpose {
  margin-top: 2.8571428571rem;
}

.vision-purpose__title {
  margin-bottom: 1.5714285714rem;
}

/* -----------------------------------------
   Vision
   ----------------------------------------- */
.vision-definition-list {
  margin-top: 2.8571428571rem;
  margin-bottom: 2.8571428571rem;
}

/*
 * 共通のdl-standardでは最初のdlに上罫線が入るため、
 * ビジョンページでは先頭行の上罫線のみ非表示にする。
 */
.vision-definition-list .dl-standard:first-of-type {
  border-top: none;
}

/*
 * 各行の下罫線は共通のdl-standard側の指定をそのまま使用する。
 */
.vision-definition-list .dl-standard__ttl,
.vision-definition-list .dl-standard__item {
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
}

/* -----------------------------------------
   Mission
   ----------------------------------------- */
.vision-mission__item + .vision-mission__item {
  margin-top: 3.4285714286rem;
}

.vision-mission__num {
  margin-bottom: 1rem;
  font-family: "Figtree", sans-serif, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 2.1428571429rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.05em;
}

.vision-mission__title {
  font-size: 1.5714285714rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.05em;
}

.vision-mission__text {
  margin-top: 1.4285714286rem;
}

/* -----------------------------------------
   768px以上
   ----------------------------------------- */
@media screen and (min-width: 768px) {
  .vision-block__text,
  .vision-block__emphasis,
  .vision-purpose__text,
  .vision-mission__desc,
  .vision-definition-list .dl-standard__ttl,
  .vision-definition-list .dl-standard__item {
    font-size: 1rem;
  }
  .vision-movie__title {
    font-size: 3rem;
  }
  .vision-mission__inner {
    display: flex;
    align-items: flex-start;
    gap: 2.5rem;
  }
  .vision-mission__num {
    flex-shrink: 0;
    width: 3.5rem;
    margin-bottom: 0;
    font-size: 2rem;
  }
  .vision-mission__body {
    flex: 1;
    min-width: 0;
  }
}
/* -----------------------------------------
   992px以上
   ----------------------------------------- */
@media screen and (min-width: 992px) {
  .vision-section {
    padding-top: 6rem;
    padding-bottom: 7.5rem;
  }
  .vision-section .ttl-pattern-3__eng {
    font-size: 2.125rem;
  }
  .vision-block {
    display: flex;
    align-items: flex-start;
  }
  .vision-block__head {
    flex-shrink: 0;
    width: 20rem;
    margin-bottom: 0;
    padding-right: 2.5rem;
  }
  .vision-block__body {
    flex: 1;
    min-width: 0;
  }
  .vision-block__title {
    margin-bottom: 3rem;
  }
  .vision-divider {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
  }
  .vision-purpose {
    margin-top: 3.75rem;
  }
  .vision-definition-list {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }
  .vision-definition-list .dl-standard__ttl {
    width: 13.125rem;
    min-width: 13.125rem;
  }
  .vision-definition-list .dl-standard__item {
    width: calc(100% - 13.125rem);
  }
  .vision-mission__item + .vision-mission__item {
    margin-top: 4rem;
  }
  .vision-mission__inner {
    gap: 3rem;
  }
  .vision-mission__num {
    width: 4rem;
    font-size: 2.375rem;
  }
  .vision-mission__title {
    font-size: 1.75rem;
    line-height: 1.42;
  }
  .vision-mission__text {
    margin-top: 1.25rem;
  }
}
/* -----------------------------------------
   1200px以上
   ----------------------------------------- */
@media screen and (min-width: 1200px), print {
  .vision-movie__title {
    font-size: 4rem;
  }
  .vision-mission__inner {
    gap: 2.875rem;
  }
}
/* -----------------------------------------
   1400px以上
   ----------------------------------------- */
@media screen and (min-width: 1400px) {
  .vision-block {
    gap: 4.125rem;
  }
  .vision-block__head {
    width: 18.75rem;
    padding-right: 0;
  }
  .vision-block__body {
    flex: 0 0 58.125rem;
    width: 58.125rem;
  }
}