@charset "UTF-8";

/*----------------------------------------
法人・個人事業主のお客様ページは以下を挿入
----------------------------------------*/ 
/*下層ヘッダー背景グラデ*/
.pages_head { background: #41D6C5;
background: linear-gradient(90deg,rgba(65, 214, 197, 1) 0%, rgba(43, 198, 150, 1) 100%); }

/*サイドメニュー色変*/
.side_nav .side_nav_box { background: #C7F7EE; }
.side_nav a { color: #232323; }
.side_nav a:hover { color: #232323; background: #bae8df; }
.side_nav a.is-active { color: #232323; background: #a5e8db; font-weight: 700; font-weight: 700; }

/*----------------------------------------
END 法人・個人事業主のお客様ページは以下を挿入 END
----------------------------------------*/ 

/* コンテンツ幅のオーバーフロー抑止（横スクロール防止） */
.contents_area { min-width: 0; overflow-x: hidden; }

/* =========================
  見出し・共通ユーティリティ
========================= */
h2.c_a { margin-bottom: 18px; }
h3.leftline_ttl { position: relative; margin: 0 0 18px; padding-left: clamp(16px,2.2vw,22px); }
h3.leftline_ttl::before { content: ""; position: absolute; left: 0; top: .1em; bottom: .1em; width: 3px; background: linear-gradient(180deg,#5ad4c9 0%,#0f3a8d 100%); }
h3.leftline_ttl .ttl-note { display: block; margin: 0 0 6px; color: #cf2e3a; font-weight: 500; font-size: clamp(15px,3.2vw,24px); line-height: 1.3; }
h3.leftline_ttl .ttl-main { display: block; color: var(--blue-color); font-weight: 500; font-size: clamp(17px,3.2vw,24px); line-height: 1.25; }

.intro h2.c_a { color: var(--blue-color); }
.intro_txt { margin-bottom: 55px; text-align: center; font-size: clamp(14px,3vw,16px); font-weight: 700; letter-spacing: .06em; }

/* =========================
  施設ブロック（写真 + 情報）
========================= */
.shop-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(16px,3vw,32px); align-items: start; }
.shop-photo img { display: block; width: 100%; height: auto; border-radius: 10px; }
.shop-body { display: grid; gap: 14px; }

/* 住所/電話/営業時間 */
.shop-meta { margin: 0; display: grid; gap: 6px; }
.shop-meta div { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; font-size: clamp(14px, 3vw, 16px); }
.shop-meta dt { margin: 0; white-space: nowrap; }
.shop-meta dd { margin: 0; }

/* 配送地域・施設概要（タイトルと中身） */
.area { margin-top: 24px; }
.ship-ttl { margin: 6px 0 10px; position: relative; padding-left: 20px; font-size: clamp(15px,3vw,18px); }
.ship-ttl::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 8px; background: linear-gradient(180deg,#5ad4c9 0%,#0f3a8d 100%); }
.ship-area .pref { margin: 0; }
.ship-area .cities, .ship-area .txt { margin: 0; }

/* 施設概要（定義リストを2列） */
.area dl { margin: 0; display: grid; grid-template-columns: auto 1fr; column-gap: 6px; row-gap: 4px; font-size: clamp(14px,2vw,16px); line-height: 1.7; }
.area dt { margin: 0; white-space: nowrap; }
.area dd { margin: 0; }

/* =========================
  子会社ブロック（エネクスフリートロジサービス）
========================= */
.subsidiary-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(16px,3vw,32px); align-items: start; }
.subsidiary-photo img { display: block; width: 100%; height: auto; border-radius: 10px; }
.subsidiary-body { display: grid; gap: 16px; }
.subsidiary-logo { width: min(420px,80%); height: auto; }

/* アウトラインボタン */
/*
.btn-outline { display: inline-grid; grid-auto-flow: column; align-items: center; justify-content: center; gap: 10px; width: min(320px,100%); height: 54px; border: 1px solid var(--blue-color); color: #323232; text-decoration: none; transition: .25s; }
.btn-outline svg { width: 18px; height: 18px; }
.btn-outline:hover { background: var(--blue-color); color: #fff; }
*/

/* hover（PC） */
@media (hover:hover) and (pointer:fine) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1024px) {
}

@media only screen and (max-width: 980px){
  .shop-grid { grid-template-columns: 1fr; }
  .subsidiary-grid { grid-template-columns: 1fr; }
}

@media only screen and (max-width: 600px){
  .area { margin-top: 5px; }
  .area dl { row-gap: initial; }
}