@charset "UTF-8";

/* =========================================
   Air Sea Express - Contact (Google Form Embed)
   Scope: page-id-128（EN） / HTMLに合わせた1カラム
   ========================================= */

/* スコープ・ベース */
body.page-id-128 .ase-contact{
  --gap:24px;
  --pad:20px;
  --radius:12px;
  --border:#e6e9ee;
  --text:#102030;
  --muted:#667385;
  --primary:#0f6bd8;
  --max:960px;           /* 1カラム用に最適化 */
  --gform-h:1200px;      /* フォーム高さ。必要に応じて調整 */
  color:var(--text);
  box-sizing:border-box;
  max-width:var(--max);
  margin-inline:auto;
  padding-inline:clamp(16px,4vw,40px);
}
body.page-id-128 .ase-contact *{ box-sizing:border-box; }

/* Lightningの1カラム時、上余白が強い場合の微調整 */
body.page-id-128 .entry-content > .ase-contact{ margin-top:0; }

/* 常時1カラム */
body.page-id-128 .ase-contact__grid{
  display:block;
  max-width:var(--max);
  margin-inline:auto;
}

/* カード（フォームラッパー） */
body.page-id-128 .ase-box{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:var(--pad);
  box-shadow:0 1px 0 rgba(16,24,40,.02);
}

/* タイトル/説明 */
body.page-id-128 .ase-title{
  font-size:clamp(20px,2.2vw,28px);
  line-height:1.25;
  margin:0 0 12px;
}
body.page-id-128 .ase-desc{
  color:var(--muted);
  margin:0 0 20px;
}

/* Googleフォーム埋め込み枠 */
body.page-id-128 .ase-gform{ position:relative; }
body.page-id-128 .ase-gform iframe{
  display:block;
  width:100%;
  height:var(--gform-h);
  border:0;
  border-radius:10px;
  background:#fff;
  box-shadow:0 1px 0 rgba(16,24,40,.02);
}

/* 埋め込み不可環境向けの退避リンク */
body.page-id-128 .ase-open-native{
  margin:12px 0 0;
  text-align:center;
  color:var(--muted);
  font-size:14px;
}
body.page-id-128 .ase-open-btn{
  display:inline-block;
  margin-left:.25em;
  padding:.5em .9em;
  border-radius:999px;
  text-decoration:none;
  background:linear-gradient(90deg,#1d5fe3,#0fa8a5);
  color:#fff;
  transition:opacity .15s ease, transform .02s;
}
body.page-id-128 .ase-open-btn:hover{ opacity:.95; }
body.page-id-128 .ase-open-btn:active{ transform:translateY(1px); }
body.page-id-128 .ase-open-btn:focus-visible{
  outline:3px solid rgba(15,107,216,.25);
  outline-offset:2px;
}

/* レスポンシブ（スマホはフォーム高を長めに） */
@media (max-width:980px){
  body.page-id-128 .ase-contact{ --max:720px; }
  body.page-id-128 .ase-gform iframe{ height:1600px; }
}

/* アニメーション軽減 */
@media (prefers-reduced-motion: reduce){
  body.page-id-128 .ase-open-btn{ transition:none; }
}

/* 任意：ダークモード（必要なら有効化）
@media (prefers-color-scheme: dark){
  body.page-id-128 .ase-contact{ --border:#273142; --text:#E6E9EE; --muted:#9AA7B5; }
  body.page-id-128 .ase-box{ background:#0f1722; border-color:var(--border); box-shadow:none; }
}
*/