@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
------------------------------------------------------------ */
/* ------------------------------------------------------------
    POSITION
------------------------------------------------------------
   デザイン実寸（PC 1440基準）
   ・葉影の背景（bg-wall）＝右上に 952×820
   ・イラストマップ＋写真のかたまり＝中央に 880幅
------------------------------------------------------------ */
.s-position {
  padding-top: clamp(48px, 36.1142857143px + 3.0476190476vw, 80px);
  padding-bottom: clamp(64px, 43.2px + 5.3333333333vw, 120px);
  /* 葉影の背景。飾りなので画像タグではなく背景画像で置いている
     （文字の後ろに回り込む・読み上げの邪魔をしない） */
  background: url(../img/area_location/bg-wall.webp) no-repeat right 6%;
  background-size: 85% auto;
}
@media only screen and (min-width: 768px) {
  .s-position {
    background-position: right top;
    background-size: 60% auto;
  }
}
.s-position {
  /* キャッチコピー＋リード文 */
}
.s-position__hd-area {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(24px, 15.0857142857px + 2.2857142857vw, 48px);
  margin-top: clamp(48px, 36.1142857143px + 3.0476190476vw, 80px);
}
.s-position__hd-area .c-heading--m {
  /* 余白はgapで揃えるため打ち消す */
  margin-bottom: 0;
}
.s-position {
  /* イラストマップ＋写真のかたまり
     SPは画面の横幅いっぱい、PCはデザイン実寸の880幅 */
}
.s-position__body {
  width: 100%;
  margin-top: clamp(48px, 36.1142857143px + 3.0476190476vw, 80px);
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .s-position__body {
    width: 90%;
    max-width: 880px;
  }
}
.s-position__body {
  /* 画像が画面端まで届くSPでは、キャプションが端に貼りつかないよう少し内側へ
     （写真2点は下で90%幅にしているので対象外） */
}
.s-position__body .s-position__map > .c-cap--blw {
  padding-right: clamp(20px, 12.5714285714px + 1.9047619048vw, 40px);
}
@media only screen and (min-width: 768px) {
  .s-position__body .s-position__map > .c-cap--blw {
    padding-right: 0;
  }
}
.s-position {
  /* イラストマップ（SPは横幅いっぱい／PCは880のうち800幅＝左寄せ） */
}
.s-position__map {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .s-position__map {
    width: 90.9091%; /* 800 / 880 */
  }
}
.s-position__map img {
  display: block;
  width: 100%;
  height: auto;
  /* 読み込み前から高さを確保する（表示アニメのズレ防止） */
  aspect-ratio: 800/548;
}
.s-position {
  /* 写真2点
     ・SP：この枠を親の90%幅で中央に置く（左右の隙間は均等・左のあきなし）
     ・PC：枠は幅いっぱいにして、左にあきを作り右寄りに置く
       あきの広さは ::before の flex-basis で決まる
     ・写真の幅は 5 : 4（デザイン実寸 320 : 256）の比率で残りを分け合う */
}
.s-position__ph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 90%;
  margin-top: clamp(24px, 18.0571428571px + 1.5238095238vw, 40px);
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .s-position__ph {
    width: 100%;
    margin-inline: 0;
  }
}
.s-position__ph::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0px;
          flex: 0 0 0; /* SPは左のあきなし */
}
@media only screen and (min-width: 768px) {
  .s-position__ph::before {
    -ms-flex-preferred-size: 31.8182%;
        flex-basis: 31.8182%; /* PC：280 / 880 */
  }
}
.s-position__ph-item img {
  display: block;
  width: 100%;
  height: auto;
}
.s-position__ph-item {
  /* 桃山台駅（デザイン実寸 320×192） */
}
.s-position__ph-item--station {
  -webkit-box-flex: 5;
      -ms-flex: 5 1 0px;
          flex: 5 1 0;
  min-width: 0;
}
.s-position__ph-item--station img {
  aspect-ratio: 320/192;
}
.s-position__ph-item {
  /* 現地付近の街並（デザイン実寸 256×312） */
}
.s-position__ph-item--street {
  -webkit-box-flex: 4;
      -ms-flex: 4 1 0px;
          flex: 4 1 0;
  min-width: 0;
  margin-left: 2.7273%; /* 写真どうしの間隔 24 / 880 */
}
.s-position__ph-item--street img {
  aspect-ratio: 256/312;
}

/* ------------------------------------------------------------
    PARK FRONT
------------------------------------------------------------
   デザイン実寸（PC 1440基準）
   ・背景色 #E7EBE5
   ・竹見公園の写真＝596×320 を横並び（間8px）。SPは1カラム
   ・眺望写真＝1200×400。SP（640px未満）は横スクロールで見せる
     ＋ .c-icn--hint でスクロールを促すアイコンを重ねる（タップで消える）
     ＋ 読み込み時に画像の中央までスクロールさせる（area_location.js）
   ・四隅の葉は飾り。読み上げ対象外で、クリックの邪魔もしない
------------------------------------------------------------ */
.s-parkfront {
  position: relative;
  /* 葉が外にはみ出して横スクロールが出ないように切り取る（デザインと同じ見え方） */
  overflow: hidden;
  background-color: #E7EBE5;
  padding-top: clamp(48px, 36.1142857143px + 3.0476190476vw, 80px);
  padding-bottom: clamp(64px, 43.2px + 5.3333333333vw, 120px);
  border-top: 1px solid #fff;
  /* キャッチコピー＋リード文 */
}
.s-parkfront__hd-area {
  position: relative;
  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: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(24px, 15.0857142857px + 2.2857142857vw, 48px);
  margin-top: clamp(48px, 36.1142857143px + 3.0476190476vw, 80px);
}
.s-parkfront__hd-area .c-heading--m {
  /* 余白はgapで揃えるため打ち消す */
  margin-bottom: 0;
}
.s-parkfront__body {
  width: 90%;
  max-width: 1200px;
  margin-top: clamp(48px, 36.1142857143px + 3.0476190476vw, 80px);
  margin-inline: auto;
}
.s-parkfront {
  /* 竹見公園の写真2点 ------------------------------ */
}
.s-parkfront__park {
  position: relative;
  z-index: 1;
}
.s-parkfront__park-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr; /* SPは1カラム */
  gap: 8px;
}
@media only screen and (min-width: 768px) {
  .s-parkfront__park-list {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.s-parkfront__park-list img {
  display: block;
  width: 100%;
  height: auto;
  /* 読み込み前から高さを確保する（表示アニメのズレ防止） */
  aspect-ratio: 596/320;
}
.s-parkfront {
  /* 眺望写真 ------------------------------ */
}
.s-parkfront__view {
  position: relative;
  margin-top: clamp(24px, 18.0571428571px + 1.5238095238vw, 40px);
}
.s-parkfront__view-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 640px) {
  .s-parkfront__view-scroll {
    overflow-x: visible;
  }
}
.s-parkfront__view-scroll img {
  display: block;
  /* SPは高さを決めて横に伸ばす（＝横スクロール） */
  width: auto;
  max-width: none;
  height: 256px;
}
@media only screen and (min-width: 640px) {
  .s-parkfront__view-scroll img {
    width: 100%;
    height: auto;
    aspect-ratio: 1200/400;
  }
}
.s-parkfront {
  /* 飾りの葉 ------------------------------ */
}
.s-parkfront__leaf {
  position: absolute;
  pointer-events: none;
}
.s-parkfront__leaf img {
  display: block;
  width: 100%;
  height: auto;
}
.s-parkfront__leaf {
  /* リード文の右（デザイン実寸 122×154） */
}
.s-parkfront__leaf--01 {
  width: clamp(72px, 53.4285714286px + 4.7619047619vw, 122px);
  top: -48px;
  right: calc(-1 * clamp(24px, 20.6571428571px + 0.8571428571vw, 33px));
}
@media only screen and (min-width: 768px) {
  .s-parkfront__leaf--01 {
    top: clamp(80px, 60.6857142857px + 4.9523809524vw, 132px);
  }
}
.s-parkfront__leaf {
  /* 公園写真の左下（デザイン実寸 132×106） */
}
.s-parkfront__leaf--02 {
  width: clamp(78px, 57.9428571429px + 5.1428571429vw, 132px);
  left: calc(-1 * clamp(16px, 4.1142857143px + 3.0476190476vw, 48px));
  bottom: calc(-1 * clamp(24px, 6.1714285714px + 4.5714285714vw, 72px));
}
.s-parkfront__leaf {
  /* 眺望写真の左下（デザイン実寸 96×180） */
}
.s-parkfront__leaf--03 {
  width: clamp(48px, 30.1714285714px + 4.5714285714vw, 96px);
  left: clamp(8px, -7.9714285714px + 4.0952380952vw, 51px);
  bottom: calc(-1 * clamp(72px, 45.6285714286px + 6.7619047619vw, 143px));
}
.s-parkfront__leaf {
  /* 眺望写真の右下（デザイン実寸 82×54） */
}
.s-parkfront__leaf--04 {
  width: clamp(40px, 24.4px + 4vw, 82px);
  right: calc(-1 * clamp(32px, 5.2571428571px + 6.8571428571vw, 104px));
  bottom: calc(-1 * clamp(32px, 26.0571428571px + 1.5238095238vw, 48px));
}

/* ------------------------------------------------------------
    LIFE INFORMATION
------------------------------------------------------------
   デザイン実寸（PC 1440基準）
   ・冒頭の帯写真＝共通部品 .c-fixbg--band（PC 480px）
   ・カテゴリ（買物施設・教育施設…）ごとに背景色と見出しの色が変わるので、
     .s-lifeinfo__cat の --cat-bg / --cat-color で切り替える
   ・大きいカード2枚＝584幅（SPは1カラム）
   ・写真4点＝共通部品 .c-photolist（PC4列／SPはカルーセル）
------------------------------------------------------------ */
.s-lifeinfo {
  /* 見出し（LIFE INFORMATION）は帯写真のあとに置く */
}
.s-lifeinfo > .c-heading--en {
  margin-top: clamp(48px, 36.1142857143px + 3.0476190476vw, 80px);
}
.s-lifeinfo {
  /* キャッチコピー＋リード文 */
}
.s-lifeinfo__hd-area {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(24px, 15.0857142857px + 2.2857142857vw, 48px);
  margin-top: clamp(48px, 36.1142857143px + 3.0476190476vw, 80px);
}
.s-lifeinfo__hd-area .c-heading--m {
  /* 余白はgapで揃えるため打ち消す */
  margin-bottom: 0;
}
.s-lifeinfo {
  /* カテゴリの枠 ------------------------------ */
  /* 色はカテゴリごとに変わる。下の --shopping などのクラスで切り替える。
     --cat-color は見出しの色とカルーセルのドットの色にも使われる。
     ※表示アニメの合図（.js-scrollani）は中身を包んだ __cat-in に付けている。
       枠に付けると上下の余白（80px）ぶん早く動き出してしまうため */
}
.s-lifeinfo__cat {
  --cat-bg: #F1EFEB;
  --cat-color: #AF8143;
  background-color: var(--cat-bg);
  /* カテゴリの区切りの白い線（デザインどおり） */
  border-top: 1px solid #fff;
  margin-top: clamp(48px, 36.1142857143px + 3.0476190476vw, 80px);
  padding-block: clamp(48px, 36.1142857143px + 3.0476190476vw, 80px);
  /* カテゴリ同士は隙間なく続く（デザインどおり） */
}
.s-lifeinfo__cat + .s-lifeinfo__cat {
  margin-top: 0;
}
.s-lifeinfo__cat {
  /* 買物施設 */
}
.s-lifeinfo__cat--shopping {
  --cat-bg: #F1EFEB;
  --cat-color: #AF8143;
  --cat-ja-ls: .16em; /* ここだけ字間が広い（デザインどおり） */
}
.s-lifeinfo__cat {
  /* 教育施設 */
}
.s-lifeinfo__cat--education {
  --cat-bg: #EBEEF2;
  --cat-color: #437DAF;
}
.s-lifeinfo__cat {
  /* 公共施設 */
}
.s-lifeinfo__cat--public {
  --cat-bg: #EEEDF1;
  --cat-color: #776BA3;
}
.s-lifeinfo__cat {
  /* 医療施設 */
}
.s-lifeinfo__cat--medical {
  --cat-bg: #F2EDED;
  --cat-color: #B16A6B;
}
.s-lifeinfo__cat {
  /* 公園 */
}
.s-lifeinfo__cat--park {
  --cat-bg: #EEF0EE;
  --cat-color: #7C9D75;
  padding-bottom: clamp(80px, 65.1428571429px + 3.8095238095vw, 120px);
}
.s-lifeinfo__cat-hd {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: clamp(32px, 26.0571428571px + 1.5238095238vw, 48px);
  text-align: center;
  color: var(--cat-color);
}
.s-lifeinfo__cat-en {
  font-size: clamp(3.2rem, 2.6057142857rem + 1.5238095238vw, 4.8rem);
  font-family: "TsukuAOldMinPr6N-L", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
  font-weight: 200;
  line-height: 1;
  letter-spacing: 0.08em;
  opacity: 0.48;
}
.s-lifeinfo__cat-ja {
  font-size: clamp(1.6rem, 1.4514285714rem + 0.380952381vw, 2rem);
  line-height: 1.5;
  letter-spacing: var(--cat-ja-ls, 0.08em);
}
.s-lifeinfo__cat-body {
  width: 90%;
  max-width: 1200px;
  margin-inline: auto;
}
.s-lifeinfo {
  /* 大きいカード2枚 ------------------------------ */
}
.s-lifeinfo__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr; /* SPは1カラム */
  gap: 40px; /* SPは縦並びなので少し広めに */
}
@media only screen and (min-width: 768px) {
  .s-lifeinfo__cards {
    -ms-grid-columns: 1fr 32px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}
.s-lifeinfo__card-media {
  display: block;
}
.s-lifeinfo__card-media img {
  display: block;
  width: 100%;
  height: auto;
  /* 読み込み前から高さを確保する（表示アニメのズレ防止） */
  aspect-ratio: 584/380;
}
.s-lifeinfo__card-ttl {
  margin-top: clamp(8px, 5.0285714286px + 0.7619047619vw, 16px);
  font-size: clamp(1.6rem, 1.4514285714rem + 0.380952381vw, 2rem);
  line-height: 1.5;
  letter-spacing: 0.03em;
}
.s-lifeinfo__card-ttl .note {
  font-size: clamp(1.2rem, 1.1257142857rem + 0.1904761905vw, 1.4rem);
  color: #666666;
}
.s-lifeinfo {
  /* 施設名の一覧（点付き・折り返して並ぶ） */
}
.s-lifeinfo__card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px clamp(12px, 9.0285714286px + 0.7619047619vw, 20px);
  margin-top: clamp(8px, 6.5142857143px + 0.380952381vw, 12px);
  padding-top: 12px;
  border-top: 1px solid #ccc;
}
.s-lifeinfo__card-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  font-size: clamp(1.4rem, 1.3257142857rem + 0.1904761905vw, 1.6rem);
  line-height: 1.3;
  letter-spacing: 0.04em;
  color: #444444;
  white-space: nowrap;
}
.s-lifeinfo__card-item::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 6px;
  height: 6px;
  margin-top: 0.45em; /* 1行目の文字の中心あたりに合わせる */
  border-radius: 50%;
  background-color: #ccc;
}
.s-lifeinfo__card-item {
  /* 「etc.」は点なし */
}
.s-lifeinfo__card-item--etc::before {
  content: none;
}
.s-lifeinfo {
  /* 写真4点（共通部品 .c-photolist）------------------------------ */
}
.s-lifeinfo__photolist {
  /* 写真の比率はこのページのデザイン実寸（276×180）に合わせる */
  --photolist-ratio: 276 / 180;
  margin-top: clamp(32px, 26.0571428571px + 1.5238095238vw, 48px);
  /* 大きいカードが無いカテゴリでは先頭に来るので、上の余白はいらない */
}
.s-lifeinfo__photolist:first-child {
  margin-top: 0;
}
.s-lifeinfo__photolist {
  /* 写真3点のカテゴリ（公共施設・公園）はPC3列で中央に置く
     デザイン実寸 276×3 ＋ 間32×2 ＝ 892
     幅を親の74.33%（892/1200）にすることで、写真1枚の大きさが
     4点のカテゴリと同じになる（画面幅が変わっても揃う） */
}
@media only screen and (min-width: 768px) {
  .s-lifeinfo__photolist--3 {
    --photolist-col: 3;
    width: 74.3333%;
    max-width: 892px;
    margin-inline: auto;
  }
}

/* ------------------------------------------------------------
    LIFE INFORMATION：Googleマップ（タブ＋地図＋リスト）
------------------------------------------------------------
   ※ g_nakasakurazuka から移設（配色・寸法はそのまま）
   ・タブ／リスト／マーカーの中身は area_location_lifeinfo.js が生成する
   ・施設データは area/json/location.json（カテゴリー順＝タブの並び順）
   ・SPは3列×2段、PC（1000px〜）は6列のタブ
------------------------------------------------------------ */
.s-lifeinfo__cont {
  /* タブ */
}
.s-lifeinfo__cont .place-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.s-lifeinfo__cont .place-tabs .place-tabs-item {
  width: 33.3333333333%;
  height: 4.2rem;
  font-size: 1.2rem;
  line-height: 4.2rem;
  text-align: center;
  letter-spacing: 0.08em;
  background: #f9f9f9;
  color: #8F7946;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  cursor: pointer;
}
.s-lifeinfo__cont .place-tabs .place-tabs-item:nth-child(3n+1) {
  border-left: none;
}
.s-lifeinfo__cont .place-tabs .place-tabs-item.is-active {
  background: #A48B52;
  color: #fff;
}
@media only screen and (min-width: 1000px) {
  .s-lifeinfo__cont .place-tabs .place-tabs-item {
    width: 16.6666666667%;
    height: 4.8rem;
    font-size: 1.5rem;
    line-height: 4.8rem;
    border-top: none;
    border-left: 1px solid #dddddd;
  }
  .s-lifeinfo__cont .place-tabs .place-tabs-item:nth-child(3n+1) {
    border-left: 1px solid #dddddd;
  }
  .s-lifeinfo__cont .place-tabs .place-tabs-item:first-child {
    border-left: none;
  }
}
.s-lifeinfo__cont {
  /* マップ＋リスト */
}
@media only screen and (min-width: 1000px) {
  .s-lifeinfo__cont .place-body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 920fr 520fr;
    grid-template-columns: 920fr 520fr;
  }
}
.s-lifeinfo__cont .place-body-map {
  width: 100%;
  height: 48vh;
  margin-bottom: 1.4rem;
}
@media only screen and (min-width: 1000px) {
  .s-lifeinfo__cont .place-body-map {
    height: 500px;
    margin-bottom: 0;
  }
}
.s-lifeinfo__cont .place-body-outer {
  height: 180px;
  overflow-y: scroll;
}
@media only screen and (min-width: 1000px) {
  .s-lifeinfo__cont .place-body-outer {
    height: 500px;
  }
}
.s-lifeinfo__cont .place-body-outer .place-body-item {
  padding-inline: 4%;
  display: none;
}
@media only screen and (min-width: 1000px) {
  .s-lifeinfo__cont .place-body-outer .place-body-item {
    margin-top: 8px;
  }
}
.s-lifeinfo__cont .place-body-outer .place-body-item.is-active {
  display: block;
}
.s-lifeinfo__cont .place-body-outer .place-body-item .item {
  cursor: pointer;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 0.6em 1fr 0.6em auto;
  grid-template-columns: auto 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6em;
  padding: 0.8rem 0;
  border-bottom: 1px solid #E3E3E3;
}
@media only screen and (min-width: 1000px) {
  .s-lifeinfo__cont .place-body-outer .place-body-item .item {
    padding: 1.2rem 0;
  }
}
.s-lifeinfo__cont .place-body-outer .place-body-item .item .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.6em;
  height: 1.6em;
  background: #A48B52;
  color: #fff;
  font-family: "EB Garamond", serif;
  line-height: 1;
  font-size: 1.3rem;
  letter-spacing: 0;
  border-radius: 50%;
}
.s-lifeinfo__cont .place-body-outer .place-body-item .item .num span {
  -webkit-transform: translate(0.05em, -0.05em);
          transform: translate(0.05em, -0.05em);
}
.s-lifeinfo__cont .place-body-outer .place-body-item .item .name {
  line-height: 1.4;
  font-size: 1.2rem;
}
@media only screen and (min-width: 1000px) {
  .s-lifeinfo__cont .place-body-outer .place-body-item .item .name {
    font-size: 1.4rem;
  }
}
.s-lifeinfo__cont .place-body-outer .place-body-item .item .range {
  font-size: 1.1rem;
  white-space: nowrap;
}
@media only screen and (min-width: 1000px) {
  .s-lifeinfo__cont .place-body-outer .place-body-item .item .range {
    font-size: 1.2rem;
  }
}

/* 施設のマーカー（番号入り） */
.custom-marker {
  width: 28px;
  aspect-ratio: 30/39.35;
  background: url("../img/area_location/marker_spot.svg") no-repeat center/contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.custom-marker span {
  font-family: "EB Garamond", serif;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  -webkit-transform: translateY(-0.25em);
          transform: translateY(-0.25em);
  letter-spacing: 0;
}

/* 現地マーカー */
.custom-marker-main {
  width: 120px;
  aspect-ratio: 142/108;
  background: url("../img/area_location/marker_me.svg") center/100% 100% no-repeat;
}

/* マーカーの吹き出し */
.map-info-window .name {
  font-size: 1.3rem;
  line-height: 1.4;
}
.map-info-window .range {
  font-size: 1.2rem;
  line-height: 1.4;
}
/*# sourceMappingURL=area_location.css.map */