@charset "UTF-8";
/* ============================================================
 * 本文を16px以上にそろえる（ミントのトンマナのページ共通・最後に読み込む）
 * style.css の html は画面幅で縮む（1rem≒9px）ので、本文は px で固定する。
 * ※・バッジ・ヘッダーナビ・フッターのコピーライトなどのラベル類は対象外。
 * ============================================================ */

/* TOP */
html body.om .tm-card p,
html body.om .tm-points p,
html body.om .tm-cases li > p:last-child,
html body.om .tm-voice p,
html body.om .tm-contact-body p { font-size: 16px; }

/* 機能と価格・第8世代 */
html body.om .image-p,
html body.om .model-p,
html body.om .communication-card p,
html body.om .fp-avail li,
html body.om .fp-spec dt,
html body.om .fp-spec dd,
html body.om .fp-more,
html body.om .fp-tabs-note,
html body.om .fp-lead,
html body.om .faq dt,
html body.om .faq dd,
html body.om .spec-text dt,
html body.om .spec-text dd { font-size: 16px; }
html body.om .communication-card__head h3 { font-size: 18px; }

/* 価格表（機能と価格・申し込み・第8世代） */
html body.om .od-small,
html body.om .od-yr,
html body.om .od-base-ttl,
html body.om .od-cmp.rl .rl-label,
html body.om .od-cmp.rl .rl-base,
html body.om .od-cmp.rl .rl-plus,
html body.om .od-pcard-price small,
html body.om .od-pcard dt,
html body.om .od-pcard dt small,
html body.om .od-after,
html body.om .od-after .od-after-ttl { font-size: 16px; }
/* 税抜の表記は補足なので14px */
html body.om .od-ex,
html body.om span.od-small,
html body.om .od-base-price span,
html body.om .od-cmp.rl .rl-base small,
html body.om .od-tax { font-size: 14px; }

/* お問い合わせ */
html body.om .fm-lead,
html body.om .fm-other li { font-size: 16px; }

/* 学校向け */
html body.om .school-p p,
html body.om .program-p small,
html body.om .subtitle span,
html body.om .school-step-txt,
html body.om .school-step-ttl small,
html body.om .school-banner-note,
html body.om .school-voice-text { font-size: 16px; }

/* イベント */
html body.om .ev-flow-note,
html body.om .ev-step-txt,
html body.om .number-t-p,
html body.om .package-title { font-size: 16px; }

/* 受付OriHime */
html body.om .rc-lead,
html body.om .rc-more .tm-btn,
html body.om .rc-places span,
html body.om .rc-photo figcaption,
html body.om .rc-photo figcaption b,
html body.om .rc-note,
html body.om .rc-incl,
html body.om .rc-price-btn,
html body.om .rc-spec dt,
html body.om .rc-spec dd,
html body.om .rc-check li { font-size: 16px; }

@media only screen and (max-width: 804px) {
  html body.om .tm,
  html body.om .tm-quotes li { font-size: 16px; }
  html body.om .page-title h1 { font-size: 16px; }
}

/* ヘッダー（PC）：画面幅で縮まないよう px で固定 */
@media only screen and (min-width: 805px) {
  html body.om .hd-nav { gap: 24px; }
  html body.om .hd-nav .hd-links { font-size: 16px; }
  html body.om .hd-nav .hd-links > li { margin-left: 32px; }
  html body.om .hd-nav .hd-links > li:first-child { margin-left: 0; }
  html body.om .hd-label { margin-bottom: 4px; font-size: 12px; }
  html body.om .hd-btns { gap: 8px; }
  html body.om .hd-btn { min-width: 118px; height: 40px; padding: 0 20px; font-size: 16px; }
  html body.om .hd-group-user { padding-left: 24px; }
  html body.om .hd-group-user .hd-label { left: 24px; }
  html body.om .hd-support { gap: 4px; height: 40px; font-size: 16px; }
  html body.om .hd-support .ion-headphone { font-size: 18px; }
}
@media only screen and (min-width: 805px) and (max-width: 1099px) {
  html body.om .hd-nav { gap: 14px; }
  html body.om .hd-nav .hd-links { font-size: 14px; }
  html body.om .hd-nav .hd-links > li { margin-left: 16px; }
  html body.om .hd-btn { min-width: 0; padding: 0 12px; font-size: 14px; }
  html body.om .hd-group-user { padding-left: 14px; }
  html body.om .hd-group-user .hd-label { left: 14px; }
  html body.om .hd-support { font-size: 14px; }
}

/* 機能と価格「モデル」の小見出し：タブレット幅で16pxを下回らないように */
@media only screen and (max-width: 1099px) {
  html body.om .model-title { font-size: 16px; }
}

/* フォントを Noto Sans JP にそろえる
 * 申し込み（top-mint.css を読まない）とイベント（event-collaboration.css が body を M PLUS 1 に戻す）でも効くように */
html body.om { color: #4F4C4C; font-family: 'Noto Sans JP', sans-serif; }
