@charset "utf-8";
/* ==========================================================================
   design_type.css — サイト全体のタイポグラフィ統一
   2026-07-27 / 五月女承認（記事本文 14px → 16px）

   design_c.css → design_c2.css → 本ファイル の順で読み込む（後勝ち）。

   ---------------------------------------------------------------------
   実測にもとづく現状（PC1440px・17ページ / 2026-07-27）
     本文 p   : 8種類（14 / 15 / 16 / 20 / 28px、行間 27〜33px）
     リンク a : 9種類（15〜22px）
     H3 6種類 / LI 6種類 / H2 5種類 / H1 4種類
   「30文字以上の段落＝実際に読む本文」に絞った再実測では
     記事詳細 = 14px / 1.79   （最多。55段落中55件が14px）
     service  = 15px / 1.95
     company  = 16px / 1.69
     faq      = 16px / 1.70（リード文）
   と、ページごとに本文サイズが割れていた。

   ---------------------------------------------------------------------
   採用するスケール（比率1.25 Major Third、既存の最多数値を軸に据える）
     役割        PC     TB     SP     行間
     H1          52     40     30     1.15
     H2          30     26     22     1.5
     H3          20     19     18     1.5
     本文        16     16     14     1.7
     補足・注記  14     14     13     1.8
   ゼロから作らず現状の多数派に寄せることで、変化量と崩れリスクを抑える。

   【触らないもの】
   ・料金カードの価格（.feeItem_price 28px）… 意図的な大サイズ
   ・ヘッダー / フッター / 固定CTAバー / STAGINGバナー … 全ページ共通部品で
     既に統一されており、触ると影響範囲が跳ね上がる
   ・記事内の見出し（h2/h3）… 記事ごとの構造に依存するため今回は本文のみ
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 本文（p / li / dd / td）を 16px / 1.7 に統一
   ------------------------------------------------------------------------
   .sec1 配下（＝ページ本文領域）に限定する。
   ヘッダー・フッター・パンくず・固定バーは対象外。
   -------------------------------------------------------------------------- */

/* 記事詳細の本文 ---------------------------------------------------------- */
/* 実測: 14px / 1.79 が主流（what-is-htmlmail は 55段落すべて14px）。
   16px へ上げ、行間は 1.7 に揃える。1.79→1.7 で行間比はわずかに詰まるが、
   実寸は 25.0px → 27.2px と広がるため可読性は上がる。

   注意: 記事本文の実体は `.blog_detailPage .sec1 .cont .partUl p`（既存CSS）で、
   `.cont p` より詳細度が高い。`.cont p` だけを書いても後勝ちで14pxに戻される
   （実測で確認済み）。同じ詳細度以上のセレクタで明示的に上書きする。 */
.blog_detailPage .sec1 .cont p,
.blog_detailPage .sec1 .cont li,
.blog_detailPage .sec1 .cont dd,
.blog_detailPage .sec1 .cont td,
.blog_detailPage .sec1 .cont .partUl p,
.blog_detailPage .sec1 .cont .partUl li,
.blog_detailPage .sec1 .cont .part2 p,
.blog_detailPage .sec1 .cont .part3 p,
.blog_detailPage .sec1 .cont p.wp-block-paragraph,
.blog_detailPage .sec1 .cont ul li,
.blog_detailPage .sec1 .cont ol li {
	font-size: 1.6rem;
	line-height: 1.7;
}
/* 記事冒頭の導入段落（.part1 p）は既に16pxだが line-height:1.1 と極端に狭く、
   1行の塊のように見えていた。本文と同じ行間に揃える。 */
.blog_detailPage .sec1 .cont .part1 p {
	font-size: 1.6rem;
	line-height: 1.7;
}
/* 記事内の注記・キャプション類は本文より一段小さく保つ（階層を潰さない） */
.blog_detailPage .sec1 .cont .commentary,
.blog_detailPage .sec1 .cont .commentary div,
.blog_detailPage .sec1 .cont figcaption,
.blog_detailPage .sec1 .cont small {
	font-size: 1.4rem;
	line-height: 1.8;
}

/* サービス紹介・料金カードの説明文 ---------------------------------------- */
/* 実測: service のカード説明が 15px / 1.95。本文16px / 1.7 に寄せる。 */
.service_detailPage .sec1 .svcCard_txt,
.fees_detailPage .sec1 .feeItem_note {
	font-size: 1.6rem;
	line-height: 1.7;
}
/* 料金の備考は補足情報なので注記サイズを維持する */
.fees_detailPage .sec1 .feeItem_note {
	font-size: 1.4rem;
	line-height: 1.8;
}
.fees_detailPage .sec1 .feeNotice {
	font-size: 1.4rem;
	line-height: 1.8;
}

/* 強み・制作の流れの本文 -------------------------------------------------- */
.strength_detailPage .sec1 ul li,
.flowPage .sec1 ul li {
	font-size: 1.6rem;
	line-height: 1.7;
}
/* 見出し行（li:first-of-type）は h3 相当なのでサイズを維持する */
.strength_detailPage .sec1 ul li:first-of-type,
.flowPage .sec1 ul li:first-of-type {
	font-size: 2rem;
	line-height: 1.5;
}
/* 注記ブロックは補足サイズ */
.strength_detailPage .sec1 ul li div,
.flowPage .sec1 ul li .commentary,
.flowPage .sec1 ul li .commentary div {
	font-size: 1.4rem;
	line-height: 1.8;
}

/* FAQ の質問・回答 --------------------------------------------------------
   実測: 質問(.dq div)=20px、回答(.da div)=16px で階層は既に正しい。
   （横断集計で14pxと出たのは li 要素そのものを拾ったもので、実テキストではない）
   サイズは維持し、行間だけ本文基準に揃える。 */
.faqPage .sec1 .faqContent .faqTab .faqList li .dq div {
	line-height: 1.5;
}
.faqPage .sec1 .faqContent .faqTab .faqList li .da div {
	font-size: 1.6rem;
	line-height: 1.7;
}

/* 会社案内・HTMLメールとは3ページ・お客様の声の本文 ------------------------ */
.companyPage .sec1 p,
.companyPage .sec1 li,
.companyPage .sec1 td,
.voicePage .sec1 p,
.voice_detailPage .sec1 p,
.voice_detailPage .sec1 li {
	font-size: 1.6rem;
	line-height: 1.7;
}

/* 対応ブラウザ・環境 ------------------------------------------------------ */
/* 検証環境リストは件数が多く、16pxにすると縦に伸びすぎるため
   リスト項目のみ補足サイズ（14px）に据え置き、説明文だけ本文サイズにする。 */
.environmentPage .sec1 .envLead,
.environmentPage .sec1 .commonTxt01 {
	font-size: 1.6rem;
	line-height: 1.7;
}

/* お問い合わせページ ------------------------------------------------------ */
/* 実測: リード文が 16px / 32px（行間2.0）で他ページ（1.7）より広かった。
   サイズは合っているので行間だけ揃える。 */
.contactPage .sec1 p {
	line-height: 1.7;
}
/* フォーム下の注記は補足サイズを維持 */
.contactPage .sec1 .contactNote,
.contactPage .sec1 small {
	font-size: 1.4rem;
	line-height: 1.8;
}

/* --------------------------------------------------------------------------
   1-b. ページ末CTAブロック（design_c.css / design_c2.css で定義）
   ------------------------------------------------------------------------
   実測: 説明文が 15px / 28.5px（1.90）で、全ページに出るブロックなのに
   本文（16px / 1.7）と食い違っていた。本文基準に揃える。
   -------------------------------------------------------------------------- */
.pageEndCta .pageEndCta_txt {
	font-size: 1.6rem;
	line-height: 1.7;
}

/* --------------------------------------------------------------------------
   2. 見出し
   ------------------------------------------------------------------------
   H1 は 14ページで52px＝既に多数派なので触らない。
   H2（.commonH2）は8ページで30px＝多数派。ここに揃える。
   -------------------------------------------------------------------------- */
.sec1 .commonH2 {
	font-size: 3rem;
	line-height: 1.5;
}
/* サービス紹介の工程グループ見出しは、ページ内で commonH2 と同格に扱う */
.service_detailPage .sec1 .svcGroup_ttl {
	font-size: 2.2rem;
	line-height: 1.4;
}
/* 小見出し（h3相当）を20pxに揃える */
.service_detailPage .sec1 .svcCard_ttl,
.fees_detailPage .sec1 .feeItem_ttl {
	font-size: 1.8rem;
	line-height: 1.5;
}

/* --------------------------------------------------------------------------
   3. リード文（design_c2.css で 16px/1.7 に統一済み。ここでは再宣言のみ）
   -------------------------------------------------------------------------- */
.pageLead,
.sec1 .commonTxt01 {
	font-size: 1.6rem;
	line-height: 1.7;
}

/* --------------------------------------------------------------------------
   4. タブレット（〜1024px）
   本文はPCと同じ16pxを維持。見出しのみ1段階落とす。
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
	.sec1 .commonH2 {
		font-size: 2.6rem;
	}
	.service_detailPage .sec1 .svcGroup_ttl {
		font-size: 2rem;
	}
	.strength_detailPage .sec1 ul li:first-of-type,
	.flowPage .sec1 ul li:first-of-type {
		font-size: 1.9rem;
	}
}

/* --------------------------------------------------------------------------
   5. スマートフォン（〜768px）
   本文は14pxへ。画面幅に対して16pxは1行の文字数が少なくなりすぎる。
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
	.blog_detailPage .sec1 .cont p,
	.blog_detailPage .sec1 .cont li,
	.blog_detailPage .sec1 .cont dd,
	.blog_detailPage .sec1 .cont td,
	.blog_detailPage .sec1 .cont .part1 p,
	.blog_detailPage .sec1 .cont .partUl p,
	.blog_detailPage .sec1 .cont .partUl li,
	.blog_detailPage .sec1 .cont .part2 p,
	.blog_detailPage .sec1 .cont .part3 p,
	.blog_detailPage .sec1 .cont p.wp-block-paragraph,
	.blog_detailPage .sec1 .cont ul li,
	.blog_detailPage .sec1 .cont ol li,
	.service_detailPage .sec1 .svcCard_txt,
	.strength_detailPage .sec1 ul li,
	.flowPage .sec1 ul li,
	.faqPage .sec1 .faqList li .dq,
	.faqPage .sec1 .faqList li .da,
	.faqPage .sec1 .faqList li .dq div,
	.faqPage .sec1 .faqList li .da div,
	.companyPage .sec1 p,
	.companyPage .sec1 li,
	.companyPage .sec1 td,
	.voicePage .sec1 p,
	.voice_detailPage .sec1 p,
	.voice_detailPage .sec1 li,
	.environmentPage .sec1 .envLead,
	.environmentPage .sec1 .commonTxt01,
	.contactPage .sec1 p,
	.pageEndCta .pageEndCta_txt,
	.pageLead,
	.sec1 .commonTxt01 {
		font-size: 1.4rem;
		line-height: 1.75;
	}
	.blog_detailPage .sec1 .cont .commentary,
	.blog_detailPage .sec1 .cont .commentary div,
	.strength_detailPage .sec1 ul li div,
	.flowPage .sec1 ul li .commentary,
	.flowPage .sec1 ul li .commentary div,
	.fees_detailPage .sec1 .feeItem_note,
	.fees_detailPage .sec1 .feeNotice {
		font-size: 1.3rem;
		line-height: 1.8;
	}
	.sec1 .commonH2 {
		font-size: 2.2rem;
	}
	.service_detailPage .sec1 .svcGroup_ttl {
		font-size: 1.8rem;
	}
	.strength_detailPage .sec1 ul li:first-of-type,
	.flowPage .sec1 ul li:first-of-type {
		font-size: 1.8rem;
	}
	.service_detailPage .sec1 .svcCard_ttl,
	.fees_detailPage .sec1 .feeItem_ttl {
		font-size: 1.7rem;
	}
}