@charset "UTF-8";
/* ==========================================================================
   page-blog.css ── お知らせ・ブログ（一覧・カテゴリー別・記事）
   値は Figma の blog_PC（552:32506）／blog_SP（552:33320）／blogpost_PC（552:32566）／blogpost_SP（552:33376）のもの
   ========================================================================== */

.pw-blog__inner { width: min(1168px, 100% - var(--pw-gutter) * 2); margin-inline: auto; }

/* ---- 一覧 2. Pick Up ---- */
.pw-bpick { padding: 65px 0 40px; background: var(--pw-color-bg); }   /* 最初の画面の下 31 ＋ 65 ＝ Figma の 96 */
.pw-bpick__box { display: flex; gap: 40px; margin-top: 24px; padding: 24px 24px 32px; background: var(--pw-color-white); border: 1px solid var(--pw-color-primary); border-radius: 8px; }
.pw-bpick__card { flex: 1 1 0; min-width: 0; }
.pw-bpick__link { display: flex; gap: 16px; }
.pw-bpick__figure { flex: none; width: 190px; aspect-ratio: 190 / 130; overflow: hidden; background: var(--pw-color-placeholder); }
.pw-bpick__img { width: 100%; height: 100%; object-fit: cover; transition: scale .7s cubic-bezier(.19, 1, .22, 1); }
.pw-bpick__body { flex: 1 1 0; min-width: 0; }
.pw-bpick__title { margin-top: 8px; font-size: 18px; font-weight: 500; line-height: 32px; color: var(--pw-color-primary); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
@media (hover: hover) { .pw-bpick__link:hover .pw-bpick__img { scale: 1.05; } }

/* ---- 一覧 3. Popular Article ---- */
.pw-bpop { padding: 64px 0; background: var(--pw-color-bg); }
.pw-bpop__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 32px; }
.pw-bpop .pw-blogcard__figure, .pw-related .pw-blogcard__figure { aspect-ratio: 368 / 220; }
.pw-blogcard__figure { position: relative; }
.pw-blogcard__num { position: absolute; left: 0; top: 0; z-index: 1; display: flex; justify-content: center; align-items: center; min-width: 44px; height: 49px; padding: 10px; font-family: var(--pw-font-en); font-size: 24px; line-height: 29px; color: var(--pw-color-white); background: var(--pw-color-primary); }

/* ---- 一覧 4. Latest Article ---- */
.pw-blatest { padding: 64px 0; background: var(--pw-color-bg); }
.pw-blatest__body { display: grid; grid-template-columns: 176px minmax(0, 1fr); column-gap: 122px; margin-top: 56px; }   /* Figma は 160＋138。「施術事例・お客さまの声」（11字）が折り返すので列を 16 広げ、記事の左端（434）は変えない */
.pw-blatest__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 72px 32px; }
.pw-blatest__cards .pw-blogcard__figure { aspect-ratio: 419 / 220; }
.pw-blatest__empty { font-size: 16px; line-height: 29px; }

/* ==========================================================================
   記事
   ========================================================================== */
.pw-post { padding: 152px 0 18px; background: var(--pw-color-bg); }   /* 下 18＝Figma の post の節の余白（関連記事の 64 と合わせて 82） */
.pw-post__inner { display: flex; align-items: flex-start; gap: 56px; width: min(var(--pw-content), 100% - var(--pw-gutter) * 2); margin-inline: auto; }
.pw-post__main { flex: 1 1 0; min-width: 0; max-width: 840px; }
.pw-post__head { display: flex; flex-direction: column; }
.pw-post__head .pw-breadcrumb--top { order: 1; }
.pw-post__meta { order: 2; margin-top: 74px; }
.pw-post__thumb { order: 3; margin-top: 24px; aspect-ratio: 840 / 411; overflow: hidden; background: var(--pw-color-placeholder); }
.pw-post__img { width: 100%; height: 100%; object-fit: cover; }
.pw-post__title { order: 4; margin-top: 24px; font-size: 32px; font-weight: 500; line-height: 58px; color: var(--pw-color-text); }
.pw-post__eyebrow { order: 0; }
.pw-article { margin-top: 24px; }

/* ---- 記事の本文（ブロックエディタの出力に当てる） ---- */
.pw-article { font-size: 16px; line-height: 29px; color: var(--pw-color-text); }
.pw-article > * + * { margin-top: 16px; }
.pw-article h2 { margin-top: 40px; padding-bottom: 12px; font-size: 26px; font-weight: 500; line-height: 47px; border-bottom: 2px solid var(--pw-color-border); }
.pw-article h3 { position: relative; margin-top: 40px; padding-left: 16px; font-size: 18px; font-weight: 500; line-height: 32px; }
.pw-article h3::before { content: ""; position: absolute; left: 0; top: 2px; bottom: 2px; width: 4px; background: var(--pw-color-border); }
.pw-article h4 { margin-top: 32px; font-size: 18px; font-weight: 500; line-height: 32px; }
.pw-article h5, .pw-article h6 { margin-top: 32px; font-size: 16px; font-weight: 700; line-height: 29px; }
.pw-article h5 + *, .pw-article h6 + * { margin-top: 8px; }
.pw-article strong, .pw-article b { font-weight: 700; }
.pw-article a:not(.pw-btn):not(.pw-minicard):not(.pw-relcard):not(.pw-owner__insta) { color: var(--pw-color-primary); text-decoration: underline; text-underline-offset: .2em; }
.pw-article mark { background: linear-gradient(transparent 59%, var(--pw-color-marker) 59%, var(--pw-color-marker) 76%, transparent 76%) !important; color: inherit; }
.pw-article :where(ul, ol) { margin-top: 32px; padding-left: 0; list-style: none; }
.pw-article :where(ul, ol) + * { margin-top: 32px; }
.pw-article :where(ul, ol) li { position: relative; padding-left: 25.7px; }
.pw-article :where(ul, ol) li + li { margin-top: 8px; }
.pw-article ul li::before { content: "・"; position: absolute; left: 0; top: 0; }
.pw-article ol { counter-reset: pw-ol; }
.pw-article ol li { counter-increment: pw-ol; }
.pw-article ol li::before { content: counter(pw-ol) "."; position: absolute; left: 0; top: 0; font-weight: 400; }
/* 本文の中の関連記事カード [related_link ID]（めぐみや・他クライアントと同じ運用）。デザインに無い要素＝承認済みの部品（白い箱・1px の枠・カードのタグ・小さい写真）で組んだ。日付は出さない（2026-10-01 大浦さん）（C-51） */
.pw-article .pw-relcard { display: block; margin-top: 32px; padding: 16px 24px 20px; background: var(--pw-color-white); border: 1px solid var(--pw-color-border); border-radius: 4px; color: var(--pw-color-text); text-decoration: none; }
.pw-article .pw-relcard + * { margin-top: 32px; }
.pw-article .pw-relcard + .pw-relcard { margin-top: 16px; }
.pw-article .pw-relcard__label { display: flex; align-items: center; gap: 8px; font-size: 14px; line-height: 25px; font-weight: 500; color: var(--pw-color-primary); }
.pw-article .pw-relcard__label::before { content: ""; flex: none; width: 30.9px; height: 28px; background: url(../img/contact/we_accept.svg) no-repeat center / 19px 16px; }
.pw-article .pw-relcard__row { display: flex; gap: 16px; margin-top: 8px; }
.pw-article .pw-relcard__figure { flex: none; width: 124px; aspect-ratio: 124 / 84; overflow: hidden; background: var(--pw-color-placeholder); }
.pw-article .pw-relcard__img { width: 100%; height: 100%; object-fit: cover; transition: scale .7s cubic-bezier(.19, 1, .22, 1); }
.pw-article .pw-relcard__body { flex: 1 1 0; min-width: 0; }
.pw-article .pw-relcard__body .pw-blogcard__tag { display: inline-block; }
.pw-article .pw-relcard__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; margin-top: 8px; font-size: 18px; line-height: 32px; color: var(--pw-color-primary); }
.pw-article .pw-relcard--page .pw-relcard__title { margin-top: 0; }
.pw-article .pw-relcard__lead { display: block; margin-top: 4px; font-size: 14px; line-height: 25px; color: var(--pw-color-text); }
@media (hover: hover) { .pw-article .pw-relcard:hover .pw-relcard__img { scale: 1.05; } .pw-article .pw-relcard:hover .pw-relcard__title { text-decoration: underline; text-underline-offset: .2em; } }
/* 目次（Easy Table of Contents）。プラグインの CSS は切ってある（exclude_css）ので見た目はここで決める。
   デザインには無い要素＝承認済みの部品（白い箱・1px の枠・見出しの下線・肉球）で組んだ。2026-10-01 大浦さん「目次をつける（プラグイン）」。番号は CSS のカウンタ */
.pw-article #ez-toc-container { margin-top: 32px; padding: 20px 24px 24px; background: var(--pw-color-white); border: 1px solid var(--pw-color-border); border-radius: 4px; }
.pw-article #ez-toc-container + * { margin-top: 32px; }
.pw-article .ez-toc-title-container { display: flex; align-items: center; gap: 8px; padding-bottom: 4px; border-bottom: 1px solid var(--pw-color-border); }
.pw-article .ez-toc-title-container::before { content: ""; flex: none; width: 30.9px; height: 28px; background: url(../img/contact/we_accept.svg) no-repeat center / 19px 16px; }
.pw-article .ez-toc-title { margin: 0; font-size: 18px; font-weight: 500; line-height: 32px; color: var(--pw-color-primary); }
.pw-article .ez-toc-title-toggle { display: none; }
.pw-article #ez-toc-container :where(ul) { margin: 0; padding: 0; list-style: none; }
.pw-article #ez-toc-container :where(ul) li { padding-left: 0; }
.pw-article #ez-toc-container :where(ul) li::before { content: none; }
.pw-article .ez-toc-list { margin-top: 12px; counter-reset: pw-toc; }
.pw-article .ez-toc-list > li { counter-increment: pw-toc; }
.pw-article .ez-toc-list > li + li { margin-top: 8px; }
.pw-article .ez-toc-list ul { margin-top: 4px; padding-left: 32px; counter-reset: pw-toc2; }
.pw-article .ez-toc-list ul li { counter-increment: pw-toc2; }
.pw-article .ez-toc-list ul li + li { margin-top: 4px; }
.pw-article #ez-toc-container .ez-toc-link { display: flex; gap: 8px; font-size: 16px; line-height: 29px; color: var(--pw-color-text); text-decoration: none; }   /* 本文のリンク（下線・緑）の規則（0,3,1）に勝つため id を入れる */
.pw-article .ez-toc-list ul .ez-toc-link { font-size: 14px; line-height: 25px; }
.pw-article .ez-toc-link::before { content: counter(pw-toc) "."; flex: none; min-width: 24px; font-family: var(--pw-font-en); font-weight: 600; color: var(--pw-color-primary); }
.pw-article .ez-toc-list ul .ez-toc-link::before { content: counter(pw-toc) "-" counter(pw-toc2); min-width: 32px; }
@media (hover: hover) { .pw-article #ez-toc-container .ez-toc-link:hover { color: var(--pw-color-primary); } }
/* 箱つきの一覧＝グループブロック（背景色）に入れた一覧 */
.pw-article .wp-block-group { margin-top: 32px; padding: 24px; background: var(--pw-color-bg-green10); }
.pw-article .wp-block-group + * { margin-top: 32px; }
.pw-article .wp-block-group > :first-child, .pw-article .wp-block-group__inner-container > :first-child { margin-top: 0; }   /* クラシックテーマでは inner-container が1枚入る */
.pw-article .wp-block-group > * + *, .pw-article .wp-block-group__inner-container > * + * { margin-top: 16px; }
/* 表：1行目が緑（見出し）、2行目からは薄い緑 */
.pw-article .wp-block-table, .pw-article .pw-tsh-wrap { margin-top: 32px; }
.pw-article .wp-block-table + *, .pw-article .pw-tsh-wrap + * { margin-top: 32px; }
.pw-article .wp-block-table .pw-tsh-wrap { margin-top: 0; }
.pw-article table { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 29px; }
.pw-article :where(th, td):first-child { min-width: 144px; }   /* Figma の1列目の幅 */
.pw-article table :is(th, td) { padding: 10px; text-align: left; vertical-align: middle; background: var(--pw-color-bg-green10); border: 0; }   /* WP の表ブロックの線（.wp-block-table td）に勝つ詳細度 */
.pw-article table tr:first-child :is(th, td) { padding: 9.5px 10px; color: var(--pw-color-white); background: var(--pw-color-primary); font-weight: 500; }   /* 1行目＝見出し行 */
.pw-article table tbody:not(:first-child) tr:first-child :is(th, td) { color: inherit; background: var(--pw-color-bg-green10); }
.pw-article figcaption { margin-top: 8px; font-size: 12px; line-height: 22px; color: var(--pw-color-caption); }
/* 引用：四隅の鉤と “ ” */
.pw-article blockquote, .pw-article .wp-block-quote { position: relative; margin-top: 32px; padding: 25px 48px; font-weight: 700; border: 0; }
.pw-article :where(blockquote, .wp-block-quote) + * { margin-top: 40px; }
.pw-article :where(blockquote, .wp-block-quote) p { margin: 0; }
.pw-article :where(blockquote, .wp-block-quote)::before, .pw-article :where(blockquote, .wp-block-quote)::after { position: absolute; width: 32px; height: 32px; font-family: var(--pw-font-en); font-size: 48px; font-weight: 300; line-height: 48px; color: var(--pw-color-caption); }
.pw-article :where(blockquote, .wp-block-quote)::before { content: "“"; left: 0; top: 0; padding: 12px 0 0 13px; border-top: 1px solid var(--pw-color-caption); border-left: 1px solid var(--pw-color-caption); }
.pw-article :where(blockquote, .wp-block-quote)::after { content: "”"; right: 0; bottom: 0; padding: 0 0 0 4px; border-bottom: 1px solid var(--pw-color-caption); border-right: 1px solid var(--pw-color-caption); }
.pw-article cite { display: block; margin-top: 8px; font-size: 12px; line-height: 22px; font-weight: 500; font-style: normal; color: var(--pw-color-caption); }
.pw-article :where(img) { max-width: 100%; height: auto; }
.pw-article .wp-block-image { margin-top: 32px; }
.pw-article .wp-block-image + * { margin-top: 32px; }
.pw-article hr { margin-top: 32px; border: 0; border-top: 1px solid var(--pw-color-border); }

/* オーナーのカード（最初の h2 の前に自動で入る） */
.pw-owner { display: flex; align-items: flex-start; gap: 40px; margin-top: 40px; padding: 15px; border: 1px solid var(--pw-color-border); border-radius: 8px; }   /* 線を含めて 162（Figma の線は内側） */
.pw-owner + * { margin-top: 40px; }
.pw-owner__photo { flex: none; width: 140px; aspect-ratio: 140 / 130; overflow: hidden; background: var(--pw-color-placeholder); }
.pw-owner__photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
.pw-owner__text { flex: 1 1 0; min-width: 0; }
.pw-owner__role { font-family: var(--pw-font-en); font-size: 14px; line-height: 25px; letter-spacing: .057em; }
.pw-owner__name { display: flex; align-items: flex-end; gap: 16px; margin-top: 4px; font-size: 26px; line-height: 47px; }
.pw-owner__en { padding-bottom: 7px; font-size: 16px; line-height: 24px; color: var(--pw-color-primary); }
.pw-owner__desc { margin-top: 4px; font-size: 14px; line-height: 25px; }
.pw-owner__insta { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; padding-bottom: 9px; font-family: var(--pw-font-en); font-size: 14px; line-height: 20px; font-weight: 500; color: var(--pw-color-primary); text-decoration: none; }   /* 監修者の Instagram（名前の行の右端） */
.pw-owner__insta-icon { width: 20px; height: 20px; background: var(--pw-color-primary); -webkit-mask: url(../img/icon_instagram.svg) no-repeat center / contain; mask: url(../img/icon_instagram.svg) no-repeat center / contain; }   /* フッター用の白いアイコンを緑で塗る */
@media (hover: hover) { .pw-owner__insta:hover span { text-decoration: underline; text-underline-offset: .2em; } }

/* LINE の案内（本文の後に自動で入る） */
.pw-actcta { margin-top: 40px; padding: 24px 24px 32px; color: var(--pw-color-white); background: var(--pw-color-primary); border-radius: 8px; text-align: center; }
.pw-actcta__title { padding: 0 32px; font-size: 26px; font-weight: 500; line-height: 47px; }
.pw-actcta__lead { margin-top: 16px; font-size: 14px; line-height: 25px; letter-spacing: .16em; text-align: left; }
.pw-actcta__btn { display: flex; justify-content: center; margin-top: 24px; }

/* 前後の記事 */
.pw-postnav { position: relative; display: flex; align-items: center; gap: 56px; margin-top: 32px; }
.pw-postnav::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: var(--pw-color-border); }
.pw-postnav .pw-minicard { height: 84px; }   /* Figma の枠は写真の高さ。題名の3行目は枠の下にはみ出す（Figma と同じ） */
.pw-postnav__col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.pw-postnav__col--prev { padding-left: 100px; }   /* 矢印 48 ＋ 52 */
.pw-postnav__col--next { padding-right: 100px; }
.pw-postnav__label { display: flex; align-items: center; gap: 16px; font-size: 16px; line-height: 29px; }
.pw-postnav__col--next .pw-postnav__label { justify-content: flex-end; }
.pw-postnav__arrow { position: absolute; top: 50%; display: flex; justify-content: center; align-items: center; width: 48px; height: 24px; margin-top: -12px; color: var(--pw-color-white); background: var(--pw-color-primary); border-radius: 2px; transition: background .3s ease-in-out; }
.pw-postnav__col--prev .pw-postnav__arrow { left: 0; rotate: 180deg; }
.pw-postnav__col--next .pw-postnav__arrow { right: 0; }
.pw-postnav__arrow svg { width: 10px; height: 6px; }
@media (hover: hover) { .pw-postnav__arrow:hover { background: var(--pw-color-primary-dark); } }
/* 小さいカード */
.pw-minicard { display: flex; gap: 16px; }
.pw-minicard__figure { position: relative; flex: none; width: 124px; aspect-ratio: 124 / 84; overflow: hidden; background: var(--pw-color-placeholder); }
.pw-minicard__img { width: 100%; height: 100%; object-fit: cover; transition: scale .7s cubic-bezier(.19, 1, .22, 1); }
.pw-minicard__num { position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; font-family: var(--pw-font-en); font-size: 10px; line-height: 12px; color: var(--pw-color-white); background: var(--pw-color-primary); }
.pw-minicard__title { flex: 1 1 0; min-width: 0; font-size: 18px; line-height: 32px; color: var(--pw-color-primary); }
.pw-minicard__clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }   /* flex の子に直接 -webkit-box を当てると block 化されて効かないので、内側で切る */
@media (hover: hover) { .pw-minicard:hover .pw-minicard__img { scale: 1.05; } }
/* 一覧へ戻る（矢印が左） */
.pw-post__back { display: flex; justify-content: center; margin-top: 48px; }
.pw-btn--back { flex-direction: row-reverse; }
.pw-btn--back .pw-btn__arrow { rotate: 180deg; }

/* サイドバー */
.pw-sidebar { position: sticky; top: 116px; flex: none; width: 304px; padding-top: 94px; }   /* 記事のタグの行（246）にそろえる */
.pw-sidebar__block + .pw-sidebar__block { margin-top: 32px; }
.pw-sidebar__heading { padding: 10px 10px 9px; font-size: 16px; line-height: 29px; border-bottom: 1px solid var(--pw-color-border); }
.pw-sidebar__popular { display: flex; flex-direction: column; gap: 16px; margin-top: 16px; }
.pw-sidebar__popular .pw-minicard__clamp { -webkit-line-clamp: 2; line-clamp: 2; }
.pw-sidebar__cats { margin-top: 16px; }
.pw-sidebar__line { margin-top: 32px; padding: 24px 24px 32px; color: var(--pw-color-white); background: var(--pw-color-primary); border-radius: 8px; text-align: center; }
.pw-sidebar__line-title { font-size: 20px; font-weight: 500; line-height: 36px; }
.pw-sidebar__line-lead { margin-top: 4px; font-size: 14px; line-height: 25px; letter-spacing: .16em; }
.pw-sidebar__line .pw-btn { display: flex; width: 226px; margin: 24px auto 0; }

/* 関連記事 */
.pw-related { padding: 64px 0; background: var(--pw-color-bg); }
.pw-related__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 32px; }

/* 記事のお問い合わせ帯（文言が違うだけ。見た目は layout.css） */

/* ヘッダーが流れの中に入る幅（layout.css の .pw-pagehead と同じ） */
@media (max-width: 1279px) { .pw-post { padding-top: 83px; } }

/* ==========================================================================
   タブレット（768〜1024px）
   ========================================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
	.pw-blatest__body { grid-template-columns: 176px minmax(0, 1fr); column-gap: 40px; }
	.pw-post__inner { flex-direction: column; }
	.pw-post__main { max-width: none; }
	.pw-sidebar { position: static; width: 100%; margin-top: 56px; padding-top: 0; }
	.pw-sidebar__line { max-width: 304px; }
}

/* ==========================================================================
   SP（767px 以下）
   ========================================================================== */
@media (max-width: 767px) {
	.pw-pagehead--blog + .pw-bpick { padding-top: 40px; }
	/* Pick Up */
	.pw-bpick { padding: 40px 0; }
	.pw-bpick .pw-heading--center { align-items: flex-start; text-align: left; }
	.pw-bpick .pw-heading--center .pw-heading__title { align-items: flex-start; }
	.pw-bpick__box { flex-direction: column; gap: 26px; padding: 24px; }
	.pw-bpick__link { flex-wrap: wrap; gap: 8px 16px; }
	.pw-bpick__figure { width: 120px; aspect-ratio: 120 / 82; }
	.pw-bpick__body { display: contents; }
	.pw-bpick__meta { flex: 1 1 0; flex-direction: column-reverse; justify-content: flex-end; align-items: flex-start; gap: 8px; }
	.pw-bpick__meta .pw-blogcard__tag { align-self: flex-start; }
	.pw-bpick__title { flex: 0 0 100%; margin-top: 0; }
	/* Popular */
	.pw-bpop { padding: 40px 0; }
	.pw-bpop__cards { grid-template-columns: minmax(0, 1fr); gap: 19px; margin-top: 24px; }
	.pw-bpop .pw-blogcard__figure { aspect-ratio: 335 / 220; height: auto; }
	.pw-blogcard__num { min-width: 40px; }
	/* Latest */
	.pw-blatest { padding: 40px 0; }
	.pw-blatest__heading { align-items: center; text-align: center; }
	.pw-blatest__heading .pw-heading__title { align-items: flex-start; text-align: left; }
	.pw-blatest__heading .pw-h2 { font-size: 26px; line-height: 47px; }
	.pw-blatest__body { display: block; margin-top: 24px; }
	.pw-blatest .pw-catlist { flex-direction: row; flex-wrap: wrap; gap: 8px; }   /* SP はピル */
	.pw-blatest .pw-catlist a { padding: 4px 12px; color: var(--pw-color-placeholder); background: var(--pw-color-bg-green30); border-radius: 2px; }
	.pw-blatest .pw-catlist .is-current a { color: var(--pw-color-white); background: var(--pw-color-primary); }
	.pw-blatest__main { margin-top: 24px; }
	.pw-blatest__cards { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.pw-blatest__cards .pw-blogcard__figure { aspect-ratio: 335 / 220; height: auto; }
	.pw-blatest__cards .pw-blogcard__excerpt { -webkit-line-clamp: 4; line-clamp: 4; }

	/* 記事 */
	.pw-post { padding-top: 40px; }
	.pw-post__inner { display: block; }
	.pw-post__main { max-width: none; }
	.pw-post__eyebrow { order: 0; }
	.pw-post__title { order: 1; margin-top: 0; font-size: 24px; line-height: 43px; }
	.pw-post__head .pw-breadcrumb--top { order: 2; margin-top: 24px; }
	.pw-post__meta { order: 3; margin-top: 48px; }
	.pw-post__thumb { order: 4; margin-top: 32px; aspect-ratio: 335 / 220; }
	.pw-article { margin-top: 32px; }
	.pw-article h2 { margin-top: 32px; font-size: 20px; line-height: 36px; }
	.pw-article h3 { margin-top: 32px; padding-left: 12px; }
	.pw-article h3::before { top: 6px; bottom: 6px; }
	.pw-article mark { background: linear-gradient(transparent 72%, var(--pw-color-marker) 72%, var(--pw-color-marker) 86%, transparent 86%) !important; }
	.pw-article blockquote, .pw-article .wp-block-quote { padding: 25px 2.6px 25px 22.6px; }   /* Figma：文字は x42.6〜332.4 */
	.pw-article :where(blockquote, .wp-block-quote)::before, .pw-article :where(blockquote, .wp-block-quote)::after { width: 15px; }
	.pw-article :where(blockquote, .wp-block-quote)::before { padding-left: 6px; }
	.pw-article :where(blockquote, .wp-block-quote)::after { padding-left: 0; }
	.pw-owner { display: grid; grid-template-columns: 100px minmax(0, 1fr); grid-template-rows: auto 1fr auto; gap: 0 16px; }
	.pw-owner + * { margin-top: 32px; }
	.pw-owner__photo { grid-area: 1 / 1 / 3 / 2; width: 100px; aspect-ratio: 1; }
	.pw-owner__text { display: contents; }
	.pw-owner__role { grid-area: 1 / 2; margin-top: 3.5px; }
	.pw-owner__name { grid-area: 2 / 2; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 4px; font-size: 18px; line-height: 32px; }
	.pw-owner__en { padding-bottom: 0; }
	.pw-owner__insta { margin-left: 0; padding-bottom: 0; }
	.pw-owner__desc { grid-area: 3 / 1 / 4 / 3; margin-top: 16px; }
	.pw-actcta { margin-top: 32px; padding: 20px; text-align: left; }
	.pw-actcta__title { padding: 0; font-size: 18px; line-height: 32px; }
	.pw-actcta__lead { margin-top: 12px; letter-spacing: 0; }
	.pw-actcta__btn { margin-top: 20px; }
	.pw-actcta__btn .pw-btn { display: flex; width: 100%; }
	.pw-postnav { gap: 79px; }   /* 列を 128 にする（矢印 48＋16＋「前の記事」64） */
	.pw-postnav__col--prev, .pw-postnav__col--next { padding: 0; }
	.pw-postnav::before { top: 50%; height: 70px; bottom: auto; margin-top: -35px; }
	.pw-postnav__arrow { position: relative; top: auto; margin-top: 0; }   /* 中の矢印（absolute）の基準になる */
	.pw-postnav__col--prev .pw-postnav__arrow { rotate: 180deg; }
	.pw-article .pw-relcard { padding: 12px 16px 16px; }
	.pw-article .pw-relcard__title { font-size: 16px; line-height: 29px; }
	.pw-postnav .pw-minicard { flex-direction: column; gap: 8px; height: auto; }
	.pw-postnav .pw-minicard__title { flex: none; }
	.pw-postnav .pw-minicard__figure { width: 100%; aspect-ratio: 128 / 84; }
	.pw-postnav .pw-minicard__title { font-size: 16px; line-height: 24px; }
	.pw-post__back { margin-top: 32px; }
	.pw-sidebar { display: none; }
	.pw-related { padding: 40px 0; }
	.pw-related__heading { align-items: flex-start; text-align: center; }   /* Figma：見出しの箱は左（x20）、中の文字は箱の中で中央 */
	.pw-related__heading .pw-heading__title { align-items: center; }
	.pw-related__heading .pw-h2 { font-size: 26px; line-height: 47px; }
	.pw-related__cards { grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 24px; }
	.pw-related .pw-blogcard__figure { aspect-ratio: 335 / 220; height: auto; }
}