/* ============================================================
   Serenesta mobile refine v8
   方針：静かな高級感／モバイル圧縮（見出し縮小・余白調整）
   両端揃えは全廃（本文は左揃え・CTA文は中央揃え）
   こんな方へ：カード枠を廃止し罫線区切りのリストに変更
   v8：本文のtext-wrap:prettyを廃止（右側の余白不具合の対策）
   額装：角丸フレーム＋頂部ダイヤ飾り（単調な四角の解消）
   全ページで最後に読み込むこと
   ============================================================ */
/* --- 額装フレーム（角丸・全画面固定・操作不可侵） --- */
body::before{
  content:"";position:fixed;inset:9px;
  border:1px solid rgba(139,114,86,.5);
  border-radius:18px;
  pointer-events:none;z-index:100;
}
/* 頂部中央のダイヤ飾り（留め具モチーフ） */
body::after{
  content:"";position:fixed;
  top:5px;left:50%;
  width:9px;height:9px;
  transform:translateX(-50%) rotate(45deg);
  background:#FBF6EC;
  border:1px solid rgba(139,114,86,.65);
  pointer-events:none;z-index:101;
}
/* --- 組版（全画面共通） --- */
p,li,dd,dt{line-break:strict;overflow-wrap:break-word}
h1,h2,h3,h4{text-wrap:balance}
/* --- モバイル（≤720px） --- */
@media (max-width:720px){
  body::before{inset:6px;border-radius:14px}
  body::after{top:2px}
  /* 1. 見出しの圧縮（レターも締める） */
  .page-title{font-size:1.3rem;letter-spacing:.12em}
  .block-title{font-size:1.15rem;letter-spacing:.1em}
  .founding-title{font-size:1.05rem;letter-spacing:.08em}
  .cta-title{font-size:1.2rem}
  .concept-en{font-size:1.25rem}
  .h-en{font-size:1.25rem}
  .brand-en{font-size:1.4rem}
  .quote-text{font-size:1rem}
  .hero-title{font-size:2.1rem}
  /* 2. ヒーロー副文のみ14px（格を保つ） */
  .hero-sub{font-size:.875rem}
  /* 3. 本文を約13pxに統一・行間を1.85に圧縮
        （注記0.8rem・料金等の強調数値は変更しない） */
  .block-desc,.block-statement,.concept-desc,.concept-emphasis,
  .why-text p,.why-styles dt,.why-styles dd,
  .belief-card p,.training-card p,.approach-card p,.name-text p,
  .page-lead,.faq-a,.founding-text,.step-desc,.step-bullets li,
  .quote-caption,.career-text p,.career-list dl,.connection-text,
  .vision-text p,.approach-text p,.price-label,.cross-text,
  .overview-intro,.overview-list,.intro-body,.target-text,
  .spec-label,.spec-value,.feature-card p,.scene-list li,
  .report-label,.report-value,.section-desc,.brand-jp,.brand-emphasis,
  .for-you-text,.service-lead,.service-link,.strength-text,.strength-link,
  .standard-text,.standard-text-em,.area-item,.trust-label,.flow-label,
  .cta-sub,.trust-intro,.one-line-text,.compare-row>div{
    font-size:.8125rem;
    line-height:1.85;
  }
  /* 4. 両端揃えは全廃（日本語のスマホ表示では字間が不自然に開くため）
        本文は左揃え・CTA文のみ中央揃えで整える */
  .for-you-text{text-align:left}
  .cta-sub{text-align:center}
  /* 5. 余白の圧縮（間延びの解消） */
  .page-hero{padding-top:96px;padding-bottom:32px}
  .founding-banner{padding:28px 18px}
  .founding-card{padding:24px 18px}
  .timeline-block{padding:40px 18px}
  /* 6. ご利用の流れ：本文列を広げる（番号を小さく） */
  .timeline-step{grid-template-columns:40px 1fr;gap:12px}
  .timeline-num{width:40px;height:40px;font-size:.85rem}
  .timeline::before{left:20px}
  .timeline-content{padding:16px 16px}
}
/* --- モバイルメニュー確定修正（iOSの100vh問題対策・完全不透明） --- */
@media (max-width:880px){
  .nav-links{
    background:#fff;
    top:60px;left:0;right:0;bottom:0;
    height:auto;max-height:none;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    padding-bottom:calc(40px + env(safe-area-inset-bottom));
  }
}

/* --- こんな方へ：枠なしリスト（全デバイス共通・style.cssのカード定義を上書き） --- */
.for-you-grid,.for-you-grid-2{display:block;max-width:560px;margin:0 auto}
.for-you-card{
  background:transparent;
  border:0;border-radius:0;box-shadow:none;
  padding:24px 6px;
  border-bottom:1px solid rgba(139,114,86,.25);
  display:flex;align-items:center;gap:16px;
  text-align:left;
  transition:none;
}
.for-you-card:first-child{border-top:1px solid rgba(139,114,86,.25)}
.for-you-card:hover{transform:none;box-shadow:none}
.for-you-card::before{
  content:"";
  width:7px;height:7px;flex-shrink:0;
  transform:rotate(45deg);
  border:1px solid rgba(139,114,86,.65);
  background:transparent;
}
.for-you-text{font-size:.9rem;line-height:2;letter-spacing:.05em;text-align:left}
@media (max-width:720px){
  .for-you-card{padding:20px 4px;gap:14px}
  .for-you-text{font-size:.855rem;line-height:1.95}
}