/*
 * 訪日のお客様が多いお店へ（/for/inbound/）2026-10-31 新設
 * - 部品はモバイルオーダーページの mo-v2.css を流用し、このファイルには足りない部品だけを書く（mo-v2.css を先に読み込む）
 * - 流れ: お客様の今 → 注文 → メニュー → お支払い → スタッフ → 途中の帯 → インターネットが切れたら → デモ → 事例 → よくある質問
 * - 変更したら for/inbound/index.html の ?v= を上げる
 */

/* ---------- 背景のリズム（白とミントの交互を、セクションごとに明示する） ---------- */
.p-moV2-sec.-today,
.p-moV2-sec.-menu,
.p-moV2-sec.-staff,
.p-moV2-sec.-faq { background: #fff; }
.p-moV2-sec.-order,
.p-moV2-sec.-pay,
.p-moV2-sec.-net { background: #f2fbf9; }
body[data-page="for-inbound"] .l-section-lowerDetailCaseStudy { background: #f2fbf9 !important; }

/* KV のラベル（ロゴは使わず文字だけ） */
.p-inbKv__label { gap: 0; padding: 6px 14px; }

/* お客様の今: 出典の注記 */
.p-inbStat__src { display: block; }

/* インターネットが切れたら: 1枚の囲み */
.p-inbNet {
  background: #fff; border: 1px solid #dcece8; border-radius: 14px; padding: 20px 22px;
  display: grid; gap: 10px;
}
.p-inbNet__title { font-size: 1.7rem; font-weight: 700; line-height: 1.5; color: #1a1a1a; }
.p-inbNet__txt { font-size: 1.4rem; line-height: 1.8; color: #4b5a61; }
.p-inbNet__link { font-size: 1.4rem; font-weight: 700; color: #12866f; text-decoration: underline; }
.p-moV2-sec.-net { padding-top: 40px; padding-bottom: 40px; }

@media screen and (min-width: 768px) {
  .p-inbNet { grid-template-columns: 1fr auto; align-items: center; padding: 28px 36px; gap: 8px 40px; }
  .p-inbNet__title { font-size: 2rem; grid-column: 1 / -1; }
  .p-inbNet__txt { font-size: 1.5rem; line-height: 1.9; }
  .p-moV2-sec.-net { padding-top: 56px; padding-bottom: 56px; }
}

/* タイルの下・2つ目の声: 上を空ける */
.p-moV2-sec.-menu .p-moV2-quote { margin-top: 24px; }
.p-inbQuote2 { margin-top: 16px !important; }