@charset "UTF-8";
/* ============================================================
   お問い合わせページ固有
   ============================================================ */

.phero{height:clamp(380px,52vh,520px)}
.phero>img{object-position:50% 25%}

/* 対応できること ------------------------------------------ */
.scope{margin-top:clamp(40px,6vw,68px);border-top:1px solid var(--line)}
.scope-row{display:grid;grid-template-columns:200px 1fr;gap:clamp(18px,3vw,48px);
  padding:clamp(24px,3vw,38px) 0;border-bottom:1px solid var(--line);align-items:start}
.scope-row .en{font-family:"Jost","Zen Kaku Gothic New","Segoe UI Symbol",sans-serif;font-size:10px;letter-spacing:.26em;color:var(--green);padding-top:9px}
.scope-row h3{font-family:"Shippori Mincho B1",serif;font-weight:400;font-size:clamp(18px,2.1vw,25px);letter-spacing:.08em;margin-bottom:8px}
.scope-row p{font-size:13.5px;color:var(--sub);line-height:2;max-width:42em}

/* ご相談の流れ -------------------------------------------- */
.flowsec{background:var(--soft)}
/* 生成りの面に乗るので、枡の地も生成りに合わせる */
.flowsec .flow div{background:var(--soft)}

/* ここから灯りをつける ------------------------------------ */
.light{background:var(--soft)}
.light .eyebrow{color:var(--green)}
.light .eyebrow::before{background:var(--green)}
.light .lead{color:var(--sub)}
.light h2.head{font-size:clamp(28px,4.4vw,58px);line-height:1.5}
.cm-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);
  margin-top:clamp(36px,5vw,56px);border:1px solid var(--line)}
.cm{background:#fff;padding:clamp(26px,3.2vw,40px);text-decoration:none;display:block;transition:background .4s}
.cm:hover{background:#FBFAF7}
.cm-lbl{display:block;font-family:"Jost","Zen Kaku Gothic New","Segoe UI Symbol",sans-serif;font-size:10px;letter-spacing:.28em;color:var(--green);margin-bottom:14px}
.cm-val{display:block;font-family:"Jost","Zen Kaku Gothic New","Segoe UI Symbol",sans-serif;font-weight:300;font-size:clamp(24px,3.2vw,38px);letter-spacing:.02em;line-height:1.2}
.cm-note{display:block;font-size:12px;color:var(--sub);margin-top:10px}

/* アクセス（灯りの中） ------------------------------------ */
.access{background:var(--paper);padding-top:clamp(64px,8vw,110px)}
.ac-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(30px,5vw,64px);
  margin-top:clamp(36px,5vw,56px);align-items:start}
table.ac{width:100%;border-collapse:collapse;font-size:13.5px}
table.ac th,table.ac td{text-align:left;padding:16px 4px;border-bottom:1px solid var(--line);vertical-align:top}
table.ac th{width:110px;font-weight:400;color:var(--green);font-family:"Jost","Zen Kaku Gothic New","Segoe UI Symbol",sans-serif;
  font-size:11px;letter-spacing:.16em;white-space:nowrap;padding-top:19px}
table.ac td{color:var(--ink);font-weight:300}
table.ac a{color:var(--green);text-decoration:none;border-bottom:1px solid var(--line)}
table.ac a:hover{border-bottom-color:var(--green)}
.gmap{filter:grayscale(.3)}

/* レスポンシブ -------------------------------------------- */
@media(max-width:980px){
  .ac-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .scope-row{grid-template-columns:1fr;gap:10px}
  .scope-row .en{padding-top:0}
  .cm-grid{grid-template-columns:1fr}
  table.ac th{width:92px;font-size:10px}
}