/* 見学会の手帖（特集）だけに効く見た目。body.wpd-kengakukai の下だけ。2026-09-12 生成 */

html.wpd-kengakukai body{
 --paper:#F6F1E7;--paper2:#EFE8DA;--ink:#2B2A26;--ink2:#5B574E;--green:#3E5B45;
 --rule:#2B2A26;--rule2:#CFC6B4;
 --serif:"Shippori Mincho","Yu Mincho","Hiragino Mincho ProN",serif;
 --sans:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic",sans-serif;
 --gut:clamp(16px,5vw,72px);
}
html.wpd-kengakukai body *{box-sizing:border-box}
html.wpd-kengakukai body{-webkit-text-size-adjust:100%}
html.wpd-kengakukai body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.9}
html.wpd-kengakukai body a{color:inherit}
html.wpd-kengakukai body img{max-width:100%;display:block}
html.wpd-kengakukai body .in{max-width:1240px;margin:0 auto;padding-inline:var(--gut)}
html.wpd-kengakukai body h1,html.wpd-kengakukai body h2,html.wpd-kengakukai body h3,html.wpd-kengakukai body p,html.wpd-kengakukai body li,html.wpd-kengakukai body figcaption,html.wpd-kengakukai body .lede,html.wpd-kengakukai body .q b,html.wpd-kengakukai body td,html.wpd-kengakukai body th{word-break:auto-phrase;text-wrap:pretty}
html.wpd-kengakukai body .mast{border-bottom:1px solid var(--rule)}
html.wpd-kengakukai body .mast__top{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:13px;color:var(--ink2);padding-block:10px;border-bottom:1px solid var(--rule2)}
html.wpd-kengakukai body .mast__top a{text-decoration:none;border-bottom:1px solid var(--rule2)}
html.wpd-kengakukai body .mast__name{text-align:center;padding-block:18px 14px}
html.wpd-kengakukai body .mast__name b{display:block;font-family:var(--serif);font-weight:700;font-size:clamp(26px,3.4vw,36px);letter-spacing:.14em;line-height:1.2}
html.wpd-kengakukai body .mast__nav{display:flex;justify-content:center;flex-wrap:wrap;border-top:1px solid var(--rule2)}
html.wpd-kengakukai body .mast__nav a{font-size:14px;text-decoration:none;padding:9px 14px;border-right:1px solid var(--rule2)}
html.wpd-kengakukai body .mast__nav a:first-child{border-left:1px solid var(--rule2)}
html.wpd-kengakukai body .mast__nav a[aria-current]{background:var(--paper2);font-weight:700}
html.wpd-kengakukai body .mast__nav a.is-empty{opacity:.55}
html.wpd-kengakukai body .mast__nav a.is-empty{text-align:center}
html.wpd-kengakukai body .mast__nav a.is-empty small{display:block;font-size:13px;line-height:1.1;margin:2px 0 0;opacity:.9}
html.wpd-kengakukai body .head{padding-block:clamp(28px,4vw,48px) 0}
html.wpd-kengakukai body .crumb{font-size:13px;color:var(--ink2)}
html.wpd-kengakukai body .crumb a{text-decoration:none}
html.wpd-kengakukai body .cat{display:inline-block;font-size:13px;color:var(--green);border:1px solid var(--green);padding:1px 10px;margin-top:14px}
html.wpd-kengakukai body h1{font-family:var(--serif);font-weight:700;font-size:clamp(30px,4.2vw,52px);line-height:1.4;letter-spacing:.02em;margin:12px 0 16px;max-width:22em}
html.wpd-kengakukai body .lede{font-size:18px;margin:0;max-width:38em}
html.wpd-kengakukai body .meta{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:13px;color:var(--ink2);border-top:1px solid var(--rule2);border-bottom:1px solid var(--rule2);padding-block:10px;margin-top:22px}
html.wpd-kengakukai body .hero{margin:24px 0 0}
html.wpd-kengakukai body .hero img{width:100%;aspect-ratio:16/9;object-fit:cover}
html.wpd-kengakukai body .hero figcaption{font-size:13px;color:var(--ink2);margin-top:8px}
html.wpd-kengakukai body .body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(28px,4vw,64px);padding-block:clamp(32px,4vw,56px)}
html.wpd-kengakukai body .art{max-width:40em;min-width:0;font-size:17px}
html.wpd-kengakukai body .art h2{font-family:var(--serif);font-size:clamp(22px,2.4vw,30px);line-height:1.5;margin:48px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--rule)}
html.wpd-kengakukai body .art h2:first-child{margin-top:0}
html.wpd-kengakukai body .art h3{font-family:var(--serif);font-size:20px;margin:30px 0 8px}
html.wpd-kengakukai body .art p{margin:0 0 18px}
html.wpd-kengakukai body .art ol,html.wpd-kengakukai body .art ul{margin:0 0 20px;padding-left:1.4em}
html.wpd-kengakukai body .art li{margin:6px 0}
html.wpd-kengakukai body .art figure{margin:26px 0}
html.wpd-kengakukai body .art figure img{width:100%;border:1px solid var(--rule2)}
html.wpd-kengakukai body .art figcaption{font-size:13px;color:var(--ink2);margin-top:8px}
html.wpd-kengakukai body .q{background:var(--paper2);border-left:4px solid var(--green);padding:18px 20px;margin:26px 0}
html.wpd-kengakukai body .q b{display:block;font-family:var(--serif);font-size:19px;margin-bottom:6px}
html.wpd-kengakukai body .q p{margin:0;font-size:16px}
html.wpd-kengakukai body .checklist{border:1px solid var(--rule);padding:20px 22px;margin:28px 0;background:#fff}
html.wpd-kengakukai body .checklist b{display:block;font-family:var(--serif);font-size:19px;margin-bottom:10px}
html.wpd-kengakukai body .checklist ul{list-style:none;margin:0;padding:0}
html.wpd-kengakukai body .checklist li{padding:7px 0 7px 30px;position:relative;border-bottom:1px dashed var(--rule2);font-size:16px}
html.wpd-kengakukai body .checklist li:last-child{border-bottom:0}
html.wpd-kengakukai body .checklist li::before{content:"□";position:absolute;left:4px;top:7px;color:var(--green);font-size:18px}
html.wpd-kengakukai body .phase{width:100%;border-collapse:collapse;margin:26px 0;font-size:16px;background:#fff}
html.wpd-kengakukai body .phase th,html.wpd-kengakukai body .phase td{border:1px solid var(--rule2);padding:12px 14px;text-align:left;vertical-align:top}
html.wpd-kengakukai body .phase thead th{background:var(--paper2);font-family:var(--serif);font-size:17px}
html.wpd-kengakukai body .phase td:first-child{white-space:nowrap;font-family:var(--serif);color:var(--green);font-weight:700}
html.wpd-kengakukai body .wrap{overflow-x:auto;margin:26px 0}
html.wpd-kengakukai body .wrap .phase{margin:0;min-width:520px}
html.wpd-kengakukai body .cats{list-style:none;margin:26px 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 26px}
html.wpd-kengakukai body .cats li{border-top:1px solid var(--rule2);padding:12px 0}
html.wpd-kengakukai body .cats b{display:block;font-family:var(--serif);font-size:18px}
html.wpd-kengakukai body .cats span{font-size:15px;color:var(--ink2)}
html.wpd-kengakukai body .side{position:sticky;top:20px;align-self:start;font-size:14px}
html.wpd-kengakukai body .side b{display:block;font-family:var(--serif);font-size:16px;border-bottom:1px solid var(--rule);padding-bottom:8px;margin-bottom:10px}
html.wpd-kengakukai body .side ol{list-style:none;margin:0;padding:0}
html.wpd-kengakukai body .side li{padding:6px 0;border-bottom:1px dashed var(--rule2)}
html.wpd-kengakukai body .side a{text-decoration:none;display:block}
html.wpd-kengakukai body .author{display:grid;grid-template-columns:92px 1fr;gap:20px;border-top:1px solid var(--rule);padding-top:24px;margin-top:40px}
html.wpd-kengakukai body .author__ph{width:92px;aspect-ratio:1;background:var(--paper2);border:1px dashed var(--ink2);display:grid;place-items:center;font-size:13px;color:var(--ink2);text-align:center;line-height:1.5}
html.wpd-kengakukai body .author b{display:block;font-family:var(--serif);font-size:18px;margin-bottom:4px}
html.wpd-kengakukai body .author p{margin:0;font-size:15px}
html.wpd-kengakukai body .op{border:1px solid var(--rule);background:#fff;padding:24px 26px;margin:36px 0 0;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
html.wpd-kengakukai body .op .t{font-family:var(--serif);font-size:19px;line-height:1.6;margin:0 0 6px}
html.wpd-kengakukai body .op p{margin:0;font-size:15px;color:var(--ink2)}
html.wpd-kengakukai body .op a{display:inline-block;white-space:nowrap;text-decoration:none;border:1px solid var(--green);color:var(--green);font-weight:700;padding:12px 22px;font-size:15px}
html.wpd-kengakukai body .op a:hover{background:var(--green);color:#fff}
html.wpd-kengakukai body .next{border-top:1px solid var(--rule);padding-block:clamp(32px,4vw,48px)}
html.wpd-kengakukai body .next__h{font-family:var(--serif);font-size:22px;margin:0 0 18px}
html.wpd-kengakukai body .next__l{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;margin:0;padding:0}
html.wpd-kengakukai body .next__l li{border-top:1px solid var(--rule2);padding-top:12px}
html.wpd-kengakukai body .next__l span{font-size:13px;color:var(--green)}
html.wpd-kengakukai body .next__l a{display:block;font-family:var(--serif);font-size:18px;line-height:1.6;text-decoration:none;margin-top:4px}
html.wpd-kengakukai body .colophon{background:var(--ink);color:#EDE6D6;padding-block:40px 24px}
html.wpd-kengakukai body .colophon b.name{font-family:var(--serif);font-size:24px;letter-spacing:.14em;display:block}
html.wpd-kengakukai body .colophon p{font-size:14px;color:#CFC6B4;margin:8px 0 0}
html.wpd-kengakukai body .colophon .run{border-top:1px solid #57524A;padding-top:14px;margin-top:16px;font-size:14px}
html.wpd-kengakukai body .colophon .run a{color:#fff;text-decoration:none;border-bottom:1px solid #8A8274}
html.wpd-kengakukai body .colophon .copy{border-top:1px solid #57524A;margin-top:22px;padding-top:12px;font-size:13px;color:#A9A090}
@media (max-width:959px){

html.wpd-kengakukai body .body{grid-template-columns:minmax(0,1fr)}
html.wpd-kengakukai body .side{position:static;order:-1;border:1px solid var(--rule2);padding:14px 16px;background:#fff}
html.wpd-kengakukai body .next__l{grid-template-columns:1fr}
html.wpd-kengakukai body .cats{grid-template-columns:1fr}

}

@media (max-width:699px){

html.wpd-kengakukai body .mast__top{flex-direction:column;align-items:flex-start;gap:2px}
html.wpd-kengakukai body .mast__nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),rgba(0,0,0,.15));mask-image:linear-gradient(90deg,#000 calc(100% - 36px),rgba(0,0,0,.15))}
html.wpd-kengakukai body .mast__nav a{white-space:nowrap}
html.wpd-kengakukai body .op{grid-template-columns:1fr}
html.wpd-kengakukai body .author{grid-template-columns:1fr}

}

html.wpd-kengakukai body .note{border:1px solid var(--green);background:#fff;padding:16px 18px;margin:24px 0}
html.wpd-kengakukai body .note b{display:block;font-family:var(--serif);font-size:18px;margin-bottom:6px;color:var(--green)}
html.wpd-kengakukai body .wrap{overflow-x:auto;margin:26px 0}
html.wpd-kengakukai body .wrap .phase{margin:0;min-width:520px}

/* ここから下は 一覧（分類アーカイブ）だけに効く。2026-09-12 案B 段F1 / E5 で追記 */
html.wpd-kengakukai body .arch__head{padding-block:clamp(28px,4vw,48px) 0}
html.wpd-kengakukai body .arch__head h1{margin:10px 0 14px;font-size:clamp(28px,3.8vw,44px)}
html.wpd-kengakukai body .arch__start{margin:28px 0 0}
html.wpd-kengakukai body .arch__start .t{margin-bottom:8px}
html.wpd-kengakukai body .arch__body{padding-block:clamp(28px,4vw,44px)}
html.wpd-kengakukai body .arch__l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,40px)}
html.wpd-kengakukai body .arch__i{display:flex;flex-direction:column;border-top:1px solid var(--rule);padding-top:14px}
html.wpd-kengakukai body .arch__ph{display:block;background:var(--paper2);aspect-ratio:16/10;overflow:hidden;margin-bottom:12px}
html.wpd-kengakukai body .arch__ph img{width:100%;height:100%;object-fit:cover}
html.wpd-kengakukai body .arch__tx{display:flex;flex-direction:column;gap:6px}
html.wpd-kengakukai body .arch__i .cat{margin-top:0;align-self:flex-start}
html.wpd-kengakukai body .arch__t{font-family:var(--serif);font-weight:700;font-size:clamp(19px,1.5vw,22px);line-height:1.55;text-decoration:none;margin-top:4px}
html.wpd-kengakukai body .arch__t:hover{text-decoration:underline;text-underline-offset:4px}
html.wpd-kengakukai body .arch__d{margin:0;font-size:15px;color:var(--ink2);line-height:1.85}
html.wpd-kengakukai body .arch__m{font-size:13px;color:var(--ink2)}
html.wpd-kengakukai body .arch__none{border:1px solid var(--rule2);background:#fff;padding:22px 24px;margin:0;font-size:16px}
html.wpd-kengakukai body .arch__none a{border-bottom:1px solid var(--rule2);text-decoration:none}
html.wpd-kengakukai body .arch__pg{display:flex;justify-content:center;gap:10px;margin-top:36px;font-size:15px}
html.wpd-kengakukai body .arch__pg .page-numbers{display:inline-block;min-width:40px;text-align:center;padding:8px 12px;border:1px solid var(--rule2);text-decoration:none;background:#fff}
html.wpd-kengakukai body .arch__pg .page-numbers.current{background:var(--green);border-color:var(--green);color:#fff;font-weight:700}
html.wpd-kengakukai body .arch__cats{border-top:1px solid var(--rule);padding-block:clamp(28px,4vw,44px)}
html.wpd-kengakukai body .arch__cats__h{font-family:var(--serif);font-size:22px;margin:0 0 18px}
html.wpd-kengakukai body .arch__cats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(24px,3vw,48px)}
html.wpd-kengakukai body .arch__cats li{border-top:1px solid var(--rule2);padding:14px 0}
html.wpd-kengakukai body .arch__cats a{text-decoration:none}
html.wpd-kengakukai body .arch__cats b{display:block;font-family:var(--serif);font-size:18px;margin-bottom:2px}
html.wpd-kengakukai body .arch__cats b::after{content:"　＞";font-size:13px;color:var(--green)}
html.wpd-kengakukai body .arch__cats span{display:block;font-size:14px;color:var(--ink2);line-height:1.8}
@media (max-width:959px){
 html.wpd-kengakukai body .arch__l{grid-template-columns:repeat(2,1fr)}
 html.wpd-kengakukai body .arch__cats ul{grid-template-columns:1fr}
}
@media (max-width:599px){
 html.wpd-kengakukai body .arch__l{grid-template-columns:1fr}
}
/* 記事がまだ少ないとき（1〜2本）は、3列に置かず横組みの大きな1枚で見せる */
html.wpd-kengakukai body .arch__l.is-few{grid-template-columns:1fr;gap:32px}
html.wpd-kengakukai body .is-few .arch__i{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
html.wpd-kengakukai body .is-few .arch__ph{margin-bottom:0;aspect-ratio:16/9}
html.wpd-kengakukai body .is-few .arch__t{font-size:clamp(22px,2.4vw,30px)}
html.wpd-kengakukai body .is-few .arch__d{font-size:16px}
@media (max-width:699px){
 html.wpd-kengakukai body .is-few .arch__i{grid-template-columns:1fr}
 html.wpd-kengakukai body .is-few .arch__ph{margin-bottom:12px}
}

/* 入口の顔・これから出る記事・分類の本数（2026-09-12 案B E2 で追記） */
html.wpd-kengakukai body .techo-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding-block:clamp(28px,4vw,48px)}
html.wpd-kengakukai body .techo-hero__ph{position:relative;aspect-ratio:4/3;overflow:hidden;margin:0}
html.wpd-kengakukai body .techo-hero__ph img{width:100%;height:100%;object-fit:cover;display:block}
html.wpd-kengakukai body .techo-hero__ph figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(43,42,38,.72));color:#fff;font-size:13px;padding:36px 14px 10px;line-height:1.7}
html.wpd-kengakukai body .techo-hero h1{font-size:clamp(30px,3.6vw,44px);margin:0 0 12px}
html.wpd-kengakukai body .techo-hero .lede{font-size:17px;margin:0 0 18px}
html.wpd-kengakukai body .techo-hero__cta{display:inline-block;background:var(--green);color:#fff;text-decoration:none;font-weight:700;padding:14px 26px;font-size:16px}
html.wpd-kengakukai body .techo-hero__cta:hover{background:#2E4634}
html.wpd-kengakukai body .techo-hero__sub{font-size:13px;color:var(--ink2);margin:12px 0 0}
html.wpd-kengakukai body .techo-coming{border-top:1px solid var(--rule);padding-block:clamp(28px,4vw,44px)}
html.wpd-kengakukai body .techo-coming__h{font-family:var(--serif);font-size:22px;margin:0 0 6px}
html.wpd-kengakukai body .techo-coming__s{font-size:14px;color:var(--ink2);margin:0 0 16px}
html.wpd-kengakukai body .techo-coming ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 28px}
html.wpd-kengakukai body .techo-coming li{display:grid;grid-template-columns:86px 1fr;gap:10px;border-top:1px solid var(--rule2);padding:12px 0;font-size:15px}
html.wpd-kengakukai body .techo-coming li b{font-family:var(--serif);color:var(--green);font-weight:700}
html.wpd-kengakukai body .techo-coming li span{display:block;font-size:13px;color:var(--ink2)}
html.wpd-kengakukai body .arch__cats b i{font-style:normal;font-size:13px;color:var(--ink2);margin-left:8px}
@media (max-width:959px){html.wpd-kengakukai body .techo-hero{grid-template-columns:1fr}}
/* 2026-10-01 02 外112（承認: 04 判断担当「A案で進めてよい」09:00）: スマホだけ、主ボタン「はじめに読む1本を開く」を説明の文の上へ並べ替え、375x667 でも最初の画面に入れる（文字・写真・HTML の順は変えない） */
@media (max-width:767px){html.wpd-kengakukai body .techo-hero__tx{display:flex;flex-direction:column}html.wpd-kengakukai body .techo-hero__tx h1{order:1}html.wpd-kengakukai body .techo-hero__cta{order:2;align-self:flex-start;margin:0 0 16px}html.wpd-kengakukai body .techo-hero__tx .lede{order:3}html.wpd-kengakukai body .techo-hero__sub{order:4}}

/* 2026-10-04 記事の締め＝次の一歩3枚（.tns）。軽＝デモ（主役・色つき）／中＝流れ／重＝相談。04 判断担当 08:48 承認 */
html.wpd-kengakukai body .tns{margin:40px 0 8px;padding-top:28px;border-top:1px solid var(--rule)}
html.wpd-kengakukai body .tns-en{font-size:13px;letter-spacing:.24em;color:#8a5a2b;margin:0 0 6px}
html.wpd-kengakukai body .tns-h{font-family:var(--serif);font-size:22px;margin:0 0 18px;color:var(--ink)}
html.wpd-kengakukai body .tns-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
html.wpd-kengakukai body .tns-c{display:block;background:#fff;border:1px solid #d9d2c3;text-decoration:none;color:var(--ink)}
html.wpd-kengakukai body .tns-c.-main{border:2px solid #8a5a2b}
html.wpd-kengakukai body .tns-c img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
html.wpd-kengakukai body .tns-b{display:block;padding:14px 16px 16px}
html.wpd-kengakukai body .tns-k{display:block;font-size:13px;letter-spacing:.16em;color:#8a5a2b;margin:0 0 6px}
html.wpd-kengakukai body .tns-t{display:block;font-size:17px;font-weight:700;line-height:1.5;margin:0 0 6px}
html.wpd-kengakukai body .tns-d{display:block;font-size:13.5px;line-height:1.8;color:#4a463e;margin:0 0 10px}
html.wpd-kengakukai body .tns-a{display:inline-block;font-size:13px;font-weight:700;color:#8a5a2b}
html.wpd-kengakukai body .tns-c.-main .tns-a{background:#8a5a2b;color:#fff;padding:5px 14px}
@media(max-width:900px){html.wpd-kengakukai body .tns-g{grid-template-columns:1fr}html.wpd-kengakukai body .tns-c img{aspect-ratio:16/9}}