@charset "UTF-8";
/*color*/
/* セクションの背景に敷くベージュ（ACCESS など） */
/* セクションの背景に敷くグリーン（LOCATION など） */
/* guideline */
/*font-family*/
/*text-shadow*/
/*box-shadow*/
/*media query break point*/
/*gHeader用*/
/* SP下部の固定ナビ（.sp-nav-bar）の高さ。768px以上では非表示 */
/* 背景固定ブロック（.c-fixbg）の高さ ＝ MVの高さ
   .s-mv / .s-park内 / .s-cg で共通。変えるときは _base.scss の --fixbg-h を修正。
   $extra … その分だけ窓を下に伸ばす（MV→CONCEPTのフェード用）
   $mult  … 画面◯個ぶんの高さにする（次のセクションを重ねたい時に使う） */
/* MV → CONCEPT のフェード帯の高さ
   ・MVの窓（.s-mv）をこの分だけ下に伸ばす
   ・s-concept をこの分だけ上に引き上げて、グラデーションで映像を消す
   ※fl_size() を使うので、関数定義より後で宣言すること */
/* ページタイトル欄（.p-pagettl）の高さ
   ・下に続く画像（.p-pagettl-image）が、画面に貼りつける画像の高さを
     計算するのに使う。高さを変えるときはここだけ直せばよい
   ※fl_size() を使うので、関数定義より後で宣言すること */
/* media query */
/* ------------------------------------------------------------
    LAYOUT
------------------------------------------------------------ */
/* ------------------------------------------------------------
    AREA
------------------------------------------------------------ */
.s-area__img {
  width: 90%;
  max-width: 880px;
  margin-inline: auto;
}

/* ------------------------------------------------------------
    MAP
------------------------------------------------------------ */
.s-map {
  max-width: 1200px;
  margin-inline: auto;
}
.s-map__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 90%;
  margin-top: clamp(16px, 10.0571428571px + 1.5238095238vw, 32px);
  margin-inline: auto;
}
@media only screen and (min-width: 1280px) {
  .s-map__link {
    width: 100%;
  }
}
.s-map__link__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
/*# sourceMappingURL=map.css.map */