@charset "utf-8";
/* =====================================================================
 ドラッグストア向けコラム記事 共通スタイル（記事①〜③共通 / column.css）
 - ワイヤーフレームのコラム体裁を、サイト共通トーン（グリーン #009B4C）に寄せて再現
 - クラスは col- 接頭辞で既存スタイルと衝突回避
 - 1rem = 10px（テーマ共通の html font-size:62.5% 前提）
===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

:root{
	--col-ink:#222222;
	--col-sub:#555555;
	--col-meta:#8a8a8a;
	--col-line:#e1e6df;
	--col-accent:#009B4C;
	--col-accent-dark:#007a3c;
	--col-sans:'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}

/* ---------- キービジュアル（コラム共通：写真なしのグリーン帯） ---------- */
/* ※このCSSは対象ページ（column-drugstore-01〜03 / drugstore-download）でのみ読込まれる */
.keyvisual{
	background-image:none;
	background-color:var(--col-accent);
	background:linear-gradient(115deg,#00a85a 0%,#008a47 55%,#00713a 100%);
}
.keyvisual__inner{
	height:26rem;
}
@media screen and (max-width:768px){
	.keyvisual__inner{
		height:32rem;
	}
}

/* ---------- レイアウト（本文＋右サイドバー） ---------- */
.col-main{
	font-family:var(--col-sans);
	color:var(--col-ink);
	line-height:1.9;
}
.col-wrap{
	max-width:112rem;
	margin:0 auto;
	padding:4rem 2.5rem 9rem;
	display:grid;
	grid-template-columns:1fr 30rem;
	gap:5.6rem;
}
@media(max-width:860px){
	.col-wrap{
		grid-template-columns:1fr;
		gap:4rem;
		padding:3rem 2.5rem 6rem;
	}
}
/* SP：サイト共通の左右余白（.sp_basewidth = 6rem）に合わせる ※SPは1rem≈1.333vw */
@media screen and (max-width:768px){
	.col-wrap{
		padding-left:6rem;
		padding-right:6rem;
		gap:6rem;
	}
}

/* ---------- 記事ヘッダー ---------- */
.col-article{
	min-width:0; /* grid内でのはみ出し防止 */
}
.col-tag{
	display:inline-block;
	border:1px solid var(--col-accent);
	color:var(--col-accent);
	font-size:1.1rem;
	letter-spacing:.1em;
	padding:.5rem 1.4rem;
	border-radius:2px;
	margin-bottom:2rem;
}
.col-article .col-title{
	font-family:var(--col-sans);
	font-weight:700;
	font-size:3.2rem;
	line-height:1.45;
	letter-spacing:.01em;
	color:var(--col-ink);
	margin:.6rem 0 .8rem;
}
.col-article .col-title .col-sub{
	display:block;
	font-size:1.8rem;
	font-weight:500;
	color:var(--col-sub);
	margin-top:1.4rem;
	letter-spacing:.02em;
	line-height:1.6;
}
.col-byline{
	display:flex;
	flex-wrap:wrap;
	gap:.6rem 1.8rem;
	align-items:center;
	color:var(--col-meta);
	font-size:1.25rem;
	padding:1.8rem 0 0;
	margin-bottom:2.8rem;
}
.col-byline .col-who{color:var(--col-sub);font-weight:500;}

/* ---------- リード ---------- */
.col-lead{
	background:#f4f7f5;
	padding:2.2rem 2.4rem;
	color:var(--col-sub);
	font-size:1.55rem;
	line-height:1.95;
	margin-bottom:3rem;
	border-radius:3px;
}

/* ---------- 画像 ---------- */
.col-hero{aspect-ratio:16/8;margin-bottom:4rem;}
.col-inimg{aspect-ratio:16/9;margin:2.6rem 0;}
/* 実画像（プレースホルダではなく img を入れた場合） */
.col-hero,.col-inimg{overflow:hidden;border-radius:4px;}
.col-hero img,.col-inimg img{width:100%;height:100%;object-fit:cover;display:block;}

/* 本文の作図（インラインSVG） */
.col-figure{margin:3rem 0;}
.col-figure svg{
	width:100%;
	height:auto;
	display:block;
	border:1px solid var(--col-line);
	border-radius:4px;
	background:#fff;
}
.col-figure figcaption{
	font-size:1.2rem;
	color:var(--col-meta);
	margin-top:.8rem;
	text-align:center;
	line-height:1.6;
}

/* ---------- 本文 ---------- */
.col-article h2:not(.col-title){
	font-family:var(--col-sans);
	font-weight:700;
	font-size:2.2rem;
	line-height:1.5;
	color:var(--col-ink);
	position:relative;
	padding-bottom:1.4rem;
	margin:4.4rem 0 2rem;
	border-bottom:2px solid var(--col-line);
}
.col-article h2:not(.col-title)::after{
	content:"";
	position:absolute;
	left:0;
	bottom:-2px;
	width:6rem;
	height:2px;
	background:var(--col-accent);
}
.col-article p{
	color:var(--col-sub);
	margin-bottom:1.8rem;
	font-size:1.55rem;
}
.col-article strong{color:var(--col-ink);font-weight:700;}
.col-article p.col-note{font-size:1.3rem;color:var(--col-meta);margin-top:-.6rem;}

/* チェックリスト */
.col-check{list-style:none;margin:1.4rem 0 .8rem;padding:0;}
.col-check li{
	position:relative;
	padding-left:3rem;
	margin-bottom:1.2rem;
	color:var(--col-sub);
	font-size:1.5rem;
}
.col-check li::before{
	content:"✓";
	position:absolute;
	left:0;top:0;
	color:var(--col-accent);
	font-weight:700;
}

/* 箇条書き */
.col-dots{list-style:none;margin:.8rem 0 1.8rem;padding:0;}
.col-dots li{
	position:relative;
	padding-left:2rem;
	margin-bottom:1.2rem;
	color:var(--col-sub);
	font-size:1.5rem;
}
.col-dots li::before{
	content:"";
	position:absolute;
	left:0;top:1.1rem;
	width:6px;height:6px;
	background:var(--col-accent);
	border-radius:50%;
}
.col-dots li b{color:var(--col-ink);}

/* 定義テーブル（記事②） */
.col-deftable{
	width:100%;
	border-collapse:collapse;
	margin:1.6rem 0 2.4rem;
	font-size:1.45rem;
}
.col-deftable th,
.col-deftable td{
	border:1px solid var(--col-line);
	padding:1.1rem 1.4rem;
	text-align:left;
	color:var(--col-sub);
}
.col-deftable th{
	background:var(--col-accent);
	color:#fff;
	font-weight:700;
	letter-spacing:.04em;
}
.col-deftable tr td:first-child{
	background:#f6f8f6;
	color:var(--col-ink);
	font-weight:500;
	white-space:nowrap;
}

/* 現場の声 */
.col-voice{
	border:1px solid var(--col-line);
	padding:2.2rem 2.4rem;
	margin:3rem 0;
	background:#fafafa;
}
.col-voice p{
	font-family:var(--col-sans);
	font-size:1.6rem;
	color:var(--col-ink);
	margin-bottom:.8rem;
	line-height:1.8;
}
.col-voice .col-cap{color:var(--col-meta);font-size:1.15rem;letter-spacing:.04em;}

/* フロー（記事③ STEP） */
.col-flow{
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;
	gap:1rem;
	margin:2rem 0 1.6rem;
}
.col-flow .col-step{
	flex:1 1 0;
	min-width:11rem;
	border:1px solid var(--col-accent);
	background:#f6f8f6;
	padding:1.6rem 1rem;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:.4rem;
}
.col-flow .col-step .col-n{
	font-size:1.1rem;
	letter-spacing:.1em;
	color:var(--col-accent);
	font-weight:700;
}
.col-flow .col-step .col-t{
	font-size:1.5rem;
	font-weight:700;
	color:var(--col-ink);
}
.col-flow .col-arr{
	display:flex;
	align-items:center;
	color:var(--col-accent);
	font-size:1.4rem;
}
@media(max-width:600px){
	.col-flow{flex-direction:column;}
	.col-flow .col-step{min-width:0;}
	.col-flow .col-arr{justify-content:center;transform:rotate(90deg);}
}

/* 注意ボックス（記事③） */
.col-warnbox{
	background:#fff7ed;
	border:1px solid #e7b876;
	padding:1.6rem 2rem;
	margin:2rem 0 3rem;
	color:var(--col-sub);
	font-size:1.45rem;
	line-height:1.8;
}
.col-warnbox b{color:#c8741a;}

/* 誘導ボックス */
.col-teaser{
	border:1px solid var(--col-line);
	background:#f6f8f6;
	padding:2.4rem;
	margin:3.4rem 0;
}
.col-teaser h3{
	font-family:var(--col-sans);
	font-size:1.7rem;
	color:var(--col-ink);
	margin-bottom:1.4rem;
}
.col-teaser .col-arrow{color:var(--col-accent-dark);font-size:1.4rem;margin-top:.6rem;}

/* 信頼の実績帯（CTA直前・うす黄背景／枠なし） */
.col-trust{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:1.6rem 2.8rem;
	background:#fff8e1;
	border-radius:4px;
	padding:2rem 2.4rem;
	margin:3.4rem 0 0;
}
.col-trust__list{list-style:none;margin:0;padding:0;flex:1;min-width:0;}
.col-trust__list li{
	position:relative;
	padding-left:2.4rem;
	margin-bottom:.6rem;
	font-size:1.4rem;
	color:var(--col-sub);
	line-height:1.7;
}
.col-trust__list li:last-child{margin-bottom:0;}
.col-trust__list li::before{
	content:"✓";
	position:absolute;
	left:0;top:0;
	color:var(--col-accent);
	font-weight:700;
}
.col-trust__list b{color:var(--col-accent-dark);font-weight:700;}
.col-trust__list small{font-size:1.1rem;color:var(--col-meta);}
.col-trust__provider{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:.4rem;
	flex-shrink:0;
}
.col-trust__provider img{height:3.4rem;width:auto;display:block;}
.col-trust__provider span{font-size:1.15rem;color:var(--col-sub);font-weight:500;}

/* CTA */
.col-cta{
	background:var(--col-accent);
	color:#fff;
	padding:3.2rem 2.8rem;
	margin:4rem 0 1rem;
	text-align:center;
}
.col-cta .col-k{font-size:1.2rem;letter-spacing:.18em;color:#cdeedd;margin-bottom:1rem;}
.col-cta h3{font-family:var(--col-sans);font-size:2.1rem;font-weight:700;margin-bottom:.6rem;line-height:1.5;color:#fff;}
.col-cta p{color:#e7f6ee;font-size:1.3rem;margin-bottom:2rem;}
.col-cta .col-btn{
	display:inline-block;
	background:#fff;
	color:var(--col-accent-dark);
	text-decoration:none;
	font-weight:700;
	font-size:1.4rem;
	padding:1.3rem 3.4rem;
	letter-spacing:.05em;
	border-radius:2px;
	transition:opacity .2s;
}
.col-cta .col-btn:hover{opacity:.85;}

/* 出典 */
.col-src{
	border-top:1px solid var(--col-line);
	margin-top:4.6rem;
	padding-top:1.8rem;
	color:var(--col-meta);
	font-size:1.15rem;
	line-height:1.8;
}

/* ---------- サイドバー ---------- */
.col-aside{align-self:start;}
/* 固定ヘッダー（position:fixed / 高さ約7.3rem）の下に収まるよう top を確保して固定 */
@media(min-width:861px){
	.col-aside{position:sticky;top:9rem;}
}
.col-side-block{
	border:1px solid var(--col-line);
	background:#fff;
	margin-bottom:2.4rem;
}
.col-side-block .col-h{
	background:var(--col-accent);
	color:#fff;
	font-size:1.2rem;
	letter-spacing:.08em;
	padding:1.1rem 1.6rem;
}
.col-side-block .col-b{padding:1.6rem;}
.col-related a{
	display:block;
	color:var(--col-sub);
	text-decoration:none;
	font-size:1.35rem;
	line-height:1.6;
	padding:1.1rem 0;
	border-bottom:1px solid var(--col-line);
	transition:color .2s;
}
.col-related a:last-child{border-bottom:0;}
.col-related a:hover{color:var(--col-accent);}
.col-related .col-num{color:var(--col-meta);font-size:1.1rem;display:block;letter-spacing:.05em;margin-bottom:.2rem;}
.col-side-dl .col-thumb{aspect-ratio:5/3;margin-bottom:1.4rem;overflow:hidden;border-radius:3px;}
.col-side-dl .col-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.col-side-dl h4{font-family:var(--col-sans);font-size:1.5rem;line-height:1.5;margin-bottom:.6rem;color:var(--col-ink);}
.col-side-dl p{color:var(--col-meta);font-size:1.2rem;margin-bottom:1.4rem;}
.col-side-dl .col-btn{
	display:block;
	text-align:center;
	background:linear-gradient(180deg,#ff8c2a 0%,#f5760a 100%);
	color:#fff;
	text-decoration:none;
	font-size:1.45rem;
	font-weight:700;
	padding:1.35rem 1.1rem;
	letter-spacing:.04em;
	border-radius:4px;
	box-shadow:0 .4rem 1rem rgba(240,110,0,.32);
	transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.col-side-dl .col-btn::after{
	content:"";
	display:inline-block;
	width:.7rem;height:.7rem;
	margin-left:.8rem;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:translateY(-.1rem) rotate(-45deg);
	vertical-align:middle;
}
.col-side-dl .col-btn:hover{
	background:linear-gradient(180deg,#ff9a3d 0%,#ff8413 100%);
	box-shadow:0 .7rem 1.6rem rgba(240,110,0,.42);
	transform:translateY(-2px);
}

/* ---------- 資料DL専用ページ（page-drugstore-download） ---------- */
.dl-lead-title{
	font-family:var(--col-sans);
	font-size:2.4rem;
	font-weight:700;
	color:var(--col-ink);
	text-align:center;
	margin-bottom:1.6rem;
}
.dl-overview{
	display:flex;
	gap:3rem;
	align-items:center;
	max-width:84rem;
	margin:3rem auto 0;
	padding:2.4rem;
	background:#f4f7f5;
	border-radius:4px;
}
.dl-overview__thumb{
	flex:0 0 26rem;
	aspect-ratio:5/3;
	overflow:hidden;
	border-radius:4px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#aaa;
	font-size:1.25rem;
	text-align:center;
}
.dl-overview__thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.dl-overview__list{list-style:none;margin:0;padding:0;flex:1;min-width:0;}
.dl-overview__list li{
	position:relative;
	padding-left:2.6rem;
	margin-bottom:1.1rem;
	color:var(--col-sub);
	font-size:1.45rem;
	line-height:1.7;
}
.dl-overview__list li:last-child{margin-bottom:0;}
.dl-overview__list li::before{
	content:"✓";
	position:absolute;
	left:0;top:0;
	color:var(--col-accent);
	font-weight:700;
}
@media(max-width:768px){
	.dl-overview{flex-direction:column;gap:2rem;align-items:stretch;}
	.dl-overview__thumb{flex-basis:auto;}
}

/* ---------- 資料DLフォーム（MW WP Form / .C-Form 内）の入力欄装飾 ---------- */
/* ※column.css は drugstore-download でのみ読込まれるため .C-Form は当ページ専用 */
.C-Form .mw_wp_form{max-width:72rem;margin:0 auto;}
.C-Form table{width:100%;border-collapse:collapse;}
.C-Form table th,
.C-Form table td{
	display:block;
	width:100%;
	text-align:left;
	padding:0;
	border:none;
}
.C-Form table th{
	font-size:1.45rem;
	font-weight:700;
	color:var(--col-ink);
	margin:2rem 0 .8rem;
}
.C-Form table tr:first-child th{margin-top:0;}
.C-Form input[type="text"],
.C-Form input[type="email"],
.C-Form input[type="tel"],
.C-Form input[type="number"],
.C-Form textarea,
.C-Form select{
	width:100%;
	max-width:100%;
	padding:1.1rem 1.2rem;
	border:1px solid #ccc;
	border-radius:4px;
	font-size:1.5rem;
	color:var(--col-ink);
	background:#fff;
	box-sizing:border-box;
	font-family:var(--col-sans);
}
.C-Form input:focus,
.C-Form textarea:focus,
.C-Form select:focus{
	outline:none;
	border-color:var(--col-accent);
	box-shadow:0 0 0 2px rgba(0,155,76,.15);
}
/* 電話番号など分割入力 */
.C-Form .mw_wp_form input[type="tel"]{width:auto;min-width:8rem;}
/* セレクト */
.C-Form select{width:auto;min-width:24rem;}
/* チェックボックス（同意） */
.C-Form .mwform-checkbox-field{display:inline-flex;align-items:center;gap:.6rem;font-size:1.45rem;}
.C-Form .mwform-checkbox-field input{width:1.7rem;height:1.7rem;}
/* 必須テキスト */
.C-Form table th:contains("必須"){}
/* エラー表示 */
.C-Form .error,
.C-Form .mw_wp_form .error{
	color:#d11;
	font-size:1.3rem;
	margin-top:.5rem;
	display:block;
}
/* 送信・確認・戻るボタン */
.C-Form input[type="submit"],
.C-Form button[type="submit"]{
	display:inline-block;
	background:var(--col-accent);
	color:#fff;
	border:none;
	font-size:1.6rem;
	font-weight:700;
	padding:1.5rem 5rem;
	border-radius:4px;
	letter-spacing:.05em;
	cursor:pointer;
	box-shadow:0 .4rem 1rem rgba(0,155,76,.25);
	transition:opacity .2s, transform .15s;
}
.C-Form input[type="submit"]:hover,
.C-Form button[type="submit"]:hover{opacity:.9;transform:translateY(-1px);}
/* 戻るボタン（確認画面）はサブ色 */
.C-Form input[name="submitBack"],
.C-Form input[type="button"]{
	background:#fff;
	color:var(--col-sub);
	border:1px solid #ccc;
	font-size:1.5rem;
	font-weight:700;
	padding:1.5rem 3.4rem;
	border-radius:4px;
	cursor:pointer;
	margin-right:1.2rem;
	box-shadow:none;
}
/* 確認画面の値表示 */
.mw_wp_form_confirm .C-Form table td{font-size:1.5rem;color:var(--col-ink);padding:.6rem 0 1.4rem;}

/* ---------- 進捗バー（確認/完了で自動的に進める） ---------- */
/* MW WP Form は画面段階で .mw_wp_form_confirm / .mw_wp_form_complete を付与。
   :has() でその状態を検知し、ステップの「current（緑）」を進める。
   ステップ01はテンプレ側 --current で既に緑。02/03を段階に応じて緑化。 */
/* 確認画面：02 を緑に */
.C-Form:has(.mw_wp_form_confirm) .C-Form-flow__item:nth-child(2){color:#009B4C;}
.C-Form:has(.mw_wp_form_confirm) .C-Form-flow__item:nth-child(2)::before{background:#009B4C;}
/* 完了画面：02・03 を緑に */
.C-Form:has(.mw_wp_form_complete) .C-Form-flow__item:nth-child(2),
.C-Form:has(.mw_wp_form_complete) .C-Form-flow__item:nth-child(3){color:#009B4C;}
.C-Form:has(.mw_wp_form_complete) .C-Form-flow__item:nth-child(2)::before,
.C-Form:has(.mw_wp_form_complete) .C-Form-flow__item:nth-child(3)::before{background:#009B4C;}

/* ---------- 完了画面メッセージ＆DLボタン ---------- */
.C-Form .mw_wp_form_complete{text-align:center;}
.C-Form .mw_wp_form_complete p{font-size:1.6rem;color:var(--col-ink);line-height:1.9;margin-bottom:1.6rem;}
.C-Form .mw_wp_form_complete a{
	display:inline-block;
	background:var(--col-accent);
	color:#fff;
	text-decoration:none;
	font-size:1.6rem;
	font-weight:700;
	padding:1.5rem 4.5rem;
	border-radius:4px;
	letter-spacing:.04em;
	box-shadow:0 .4rem 1rem rgba(0,155,76,.25);
	transition:opacity .2s, transform .15s;
}
.C-Form .mw_wp_form_complete a:hover{opacity:.9;transform:translateY(-1px);}

/* ---------- 必須バッジ（フォーム） ---------- */
.C-Form .req{
	display:inline-block;
	margin-left:.6rem;
	background:#e0322d;
	color:#fff;
	font-size:1.05rem;
	font-weight:700;
	line-height:1;
	padding:.4rem .7rem;
	border-radius:3px;
	vertical-align:middle;
	letter-spacing:.02em;
}

/* 確認画面では必須バッジを非表示 */
.mw_wp_form_confirm .req{display:none;}

/* 完了画面の注意書き */
.C-Form .mw_wp_form_complete .dl-note{
	font-size:1.3rem;
	color:#888;
	line-height:1.8;
	margin-top:1.2rem;
}

/* ============================================================
   スマホ最適化（≤768px）
   SPは html{font-size:1.333vw}（1rem≒5px）でPCの約半分になるため、
   サイト他ページ同様にSP用フォントサイズを引き上げて読みやすくする。
============================================================ */
@media screen and (max-width:768px){
	/* 記事ヘッダー */
	.col-tag{font-size:2.2rem;padding:.8rem 2rem;margin-bottom:3rem;}
	.col-article .col-title{font-size:4rem;line-height:1.4;}
	.col-article .col-title .col-sub{font-size:2.8rem;margin-top:2rem;line-height:1.6;}
	.col-byline{font-size:2.2rem;gap:1rem 3rem;}
	/* リード・本文 */
	.col-lead{font-size:2.6rem;padding:3rem;}
	.col-article h2:not(.col-title){font-size:3.4rem;margin:6rem 0 3rem;padding-bottom:2rem;}
	.col-article h2:not(.col-title)::after{width:9rem;}
	.col-article p{font-size:2.6rem;margin-bottom:3rem;}
	.col-article p.col-note{font-size:2.2rem;}
	/* リスト */
	.col-check li,.col-dots li{font-size:2.6rem;margin-bottom:2rem;padding-left:4rem;}
	.col-check li::before{font-size:2.6rem;}
	.col-dots li::before{width:1rem;height:1rem;top:1.7rem;}
	/* テーブル */
	.col-deftable{font-size:2.4rem;}
	.col-deftable th,.col-deftable td{padding:1.6rem 1.8rem;}
	/* 現場の声 */
	.col-voice{padding:3rem;}
	.col-voice p{font-size:2.8rem;}
	.col-voice .col-cap{font-size:2.2rem;}
	/* フロー（STEP） */
	.col-flow .col-step .col-n{font-size:2.2rem;}
	.col-flow .col-step .col-t{font-size:2.8rem;}
	.col-flow .col-arr{font-size:2.6rem;}
	/* 注意ボックス */
	.col-warnbox{font-size:2.4rem;padding:2.4rem 2.6rem;}
	/* 誘導ボックス */
	.col-teaser{padding:3.4rem 3rem;}
	.col-teaser h3{font-size:3rem;}
	.col-teaser .col-arrow{font-size:2.4rem;}
	/* CTA */
	.col-cta{padding:4rem 3rem;}
	.col-cta .col-k{font-size:2.2rem;}
	.col-cta h3{font-size:3.6rem;}
	.col-cta p{font-size:2.4rem;}
	.col-cta .col-btn{font-size:2.8rem;padding:2.2rem 4rem;}
	/* 信頼の実績帯（SPは縦並び＋ロゴ左寄せ） */
	.col-trust{flex-direction:column;align-items:flex-start;gap:2rem;padding:2.8rem;}
	.col-trust__list{width:100%;}
	.col-trust__list li{font-size:2.4rem;padding-left:3.6rem;margin-bottom:1.2rem;}
	.col-trust__list li::before{font-size:2.4rem;}
	.col-trust__list small{font-size:1.9rem;}
	.col-trust__provider{flex-direction:row;align-items:center;gap:1.4rem;align-self:flex-start;}
	.col-trust__provider img{height:5rem;}
	.col-trust__provider span{font-size:2rem;}
	/* 出典・図キャプション */
	.col-src{font-size:2.2rem;}
	.col-figure figcaption{font-size:2.2rem;}
	/* サイドバー */
	.col-side-block .col-h{font-size:2.4rem;padding:1.8rem 2.2rem;}
	.col-side-block .col-b{padding:2.4rem;}
	.col-side-dl h4{font-size:2.8rem;}
	.col-side-dl p{font-size:2.4rem;}
	.col-side-dl .col-btn{font-size:2.8rem;padding:2.2rem;}
	.col-related a{font-size:2.6rem;padding:1.8rem 0;}
	.col-related .col-num{font-size:2.2rem;}
	/* サイドバー画像が大きすぎる対策：中央寄せで縮小 */
	.col-side-dl .col-thumb{max-width:34rem;margin-left:auto;margin-right:auto;}
	/* 資料DLフォーム（DLページ） */
	.C-Form table th{font-size:2.6rem;margin:3rem 0 1.2rem;}
	.C-Form input[type="text"],.C-Form input[type="email"],.C-Form input[type="tel"],.C-Form textarea,.C-Form select{font-size:2.6rem;padding:1.6rem;}
	.C-Form select{min-width:0;width:100%;}
	.C-Form .mwform-checkbox-field{font-size:2.6rem;}
	.C-Form input[type="submit"],.C-Form button[type="submit"]{font-size:2.8rem;padding:2.2rem 4rem;}
	.C-Form input[type="button"]{font-size:2.6rem;padding:2.2rem 3rem;}
	.C-Form .req{font-size:2rem;padding:.5rem 1.2rem;}
	.C-Form .mw_wp_form_complete p{font-size:2.6rem;}
	.C-Form .mw_wp_form_complete .dl-note{font-size:2.2rem;}
	.C-Form .mw_wp_form_complete a{font-size:2.8rem;padding:2.2rem 4rem;}
	/* DLページ資料概要 */
	.dl-lead-title{font-size:3.2rem;}
	.dl-overview{padding:2.6rem;}
	.dl-overview__list li{font-size:2.4rem;}
}