@charset "UTF-8";
/*
 * 中小企業経営フォーラム2026 の見た目。
 * 書体は Noto Sans JP（Google Fonts。functions.php で読む）。どの端末でも見本と同じ字面にするため。
 * 1u = 見本画像（幅773px）の1px の 80%（2026-10-09、代表「80%がちょうどいい」）。画面幅に比例して拡縮し、1500px で止める。
 * ブロックの印（.wp-block-image や .wp-block-button__link）に当てて、静的な版（index.html）と同じ寸法で出す。
 * アイコン（申し込みの4つ・5つの価値・プログラムの見出し）は、ここに SVG を埋め込んで ::before で出す。
 */
:root{--u:calc(100vw / 966);--ink:#1c1b19;--red:#e8482b;--blue:#1f6fc5;--green:#1d8a4e;--gold:#b08a1e;--gold-d:#8a6a12;--cream:#f8f4e8}
@media(min-width:1500px){:root{--u:1.55px}}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
/* ページの地: 淡い紙の質感（page-grain.webp。継ぎ目の出ない512px の並べ絵）に、舞台の左右の縁から外へ金みを足す（見本の左右の縁の黄み） */
body{font-family:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium","Yu Gothic",YuGothic,Meiryo,sans-serif;color:var(--ink);background:linear-gradient(90deg,rgba(244,224,150,.32),rgba(244,224,150,.12) calc(50% - var(--u)*380),transparent calc(50% - var(--u)*350),transparent calc(50% + var(--u)*350),rgba(244,224,150,.12) calc(50% + var(--u)*380),rgba(244,224,150,.32)),#fcfaf1 url(../images/page-grain.webp) 0 0/calc(var(--u)*256) repeat;line-height:1.6;font-size:calc(var(--u)*12);overflow-x:clip}
/* 節の下地（申し込みのボタンの金の地など）は舞台の左右に大きくはみ出す。横のはみ出しをここで切り、ページが横に揺れないようにする */
.wp-site-blocks{overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{line-height:1.3;font-weight:800}
.wrap{width:calc(var(--u)*732);margin:0 auto}
/* ===== ブロックの土台 ===== */
.wp-block-image{margin:0}
.wp-block-image img{width:100%}
.wp-block-buttons{gap:0}
.wp-block-button__link{cursor:pointer}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* 白い枠のボタン（btn-o）と、色のボタン（btn-s） */
.btn-o .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u)*14);border:1px solid #cfc8b4;background:#fff;color:var(--ink);border-radius:calc(var(--u)*4);font-weight:800;line-height:1.3;transition:background .15s}
.btn-o .wp-block-button__link:hover{background:#f6f1e3}
.btn-o .wp-block-button__link::after,.btn-s .wp-block-button__link::after{content:"\2192";font-weight:400}
.card{background:#fff;border-radius:calc(var(--u)*6);padding:calc(var(--u)*14) calc(var(--u)*8) calc(var(--u)*10) calc(var(--u)*10)}
/* ===== hero ===== */
/* 金の地（hero-gold.webp）は舞台 773u の左右に 500u ずつ足した幅。真ん中を舞台に合わせ、画面の横いっぱいに出す */
.hero{position:relative;height:calc(var(--u)*311);overflow:hidden;background:#f0c53e url(../images/hero-gold-s.webp) center top/calc(var(--u)*1773) calc(var(--u)*311) no-repeat}
@media(min-width:768px){.hero{background-image:url(../images/hero-gold.webp)}}
.stage{position:absolute;left:50%;top:0;width:calc(var(--u)*773);height:100%;margin-left:calc(var(--u)*-386.5);z-index:1}
.stage>*{position:absolute;margin:0}
.hero img{max-width:none}
/* 吉田 氏（工場の背景つき。背景は左右と下で金へ溶ける透明度を絵に持たせてある） */
.hero .yoshida{left:calc(var(--u)*335);top:0;width:calc(var(--u)*240);height:calc(var(--u)*311);z-index:0}
.stage>:not(.yoshida){z-index:1}
.hero h1{left:calc(var(--u)*29);top:calc(var(--u)*5);font-size:calc(var(--u)*20.3);font-weight:900;line-height:calc(var(--u)*31);letter-spacing:0;color:#1a1008;white-space:nowrap}
/* Change & Grow（公式の筆文字を「Change」「&」「Grow」に分け、見本の並びに置く。線は見本の太さに合わせ、絵の段階で約3px 太らせてある） */
.cg{left:0;top:0;width:0;height:0}
.cg img{position:absolute;transform-origin:0 0;transform:rotate(-5.4deg)}
.cg-a{left:calc(var(--u)*-4.01);top:calc(var(--u)*79.64);width:calc(var(--u)*371.01)}
/* 公式の絵の上端で切れた e の飛沫（「出会いが、」の前の点）だけを透かして消す */
.cg-a{-webkit-mask-image:radial-gradient(ellipse 4.65% 4.86% at 79.96% 0%,transparent 90%,#000 100%);mask-image:radial-gradient(ellipse 4.65% 4.86% at 79.96% 0%,transparent 90%,#000 100%)}
.cg-b{left:calc(var(--u)*73.42);top:calc(var(--u)*140.58);width:calc(var(--u)*268.73)}
/* w の最後の払いは見本では「未来」の手前（x318,y137）で斜めにとがって尽きる。絵は公式のまま、透かし（SVG、絵の画素の座標）で
   払いの先を斜めに切り、見本に無い点線の弧・下の点の列・大きい点と、絵の下端で切れた飛沫のかけら（「挑み、」の右）を消す。作り方は scratchpad/hero/cgb_mask.py */
.cg-b{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1558 588' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M256 0H1558V588H256ZM1306 207L1442 95L1589 109L1636 -140L1341 -168ZM1418 214L1452 216L1482 244L1512 272L1540 305L1562 332L1562 400L1474 400L1474 368L1530 368L1525 345L1510 318L1492 295L1472 275L1452 258L1425 248L1414 232ZM1465 207a22 22 0 1 0 44 0a22 22 0 1 0 -44 0ZM1339 590a26 16 0 1 0 52 0a26 16 0 1 0 -52 0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1558 588' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M256 0H1558V588H256ZM1306 207L1442 95L1589 109L1636 -140L1341 -168ZM1418 214L1452 216L1482 244L1512 272L1540 305L1562 332L1562 400L1474 400L1474 368L1530 368L1525 345L1510 318L1492 295L1472 275L1452 258L1425 248L1414 232ZM1465 207a22 22 0 1 0 44 0a22 22 0 1 0 -44 0ZM1339 590a26 16 0 1 0 52 0a26 16 0 1 0 -52 0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
/* 「&」は見本では Grow より大きく縦長。公式の絵から & だけを切り出し（hero-cg-amp.webp。cg-b の左 256px）、横 1.08・縦 1.22 倍にして見本の位置に置く。cg-b の側は透かしで & を消してある */
.cg .cg-amp{left:calc(var(--u)*73.42);top:calc(var(--u)*140.58);width:calc(var(--u)*44.157);transform:rotate(-5.4deg) scale(1.08,1.22);transform-origin:0 calc(var(--u)*38.5)}
/* 変化に挑み、共に成長する（赤い筆の帯 hero-band.webp の上。字は行ごとに傾ける） */
.henka{left:0;top:0;width:100%;height:100%;font-weight:900;line-height:1;color:#1a1008;white-space:nowrap;pointer-events:none}
.henka::before{content:"";position:absolute;left:calc(var(--u)*150);top:calc(var(--u)*205);width:calc(var(--u)*210);height:calc(var(--u)*100);background:url(../images/hero-band.webp) 0 0/100% 100% no-repeat}
.henka span{position:absolute;display:block}
.henka span:first-child{font-size:calc(var(--u)*24);left:calc(var(--u)*180.06);top:calc(var(--u)*217.29);transform-origin:2.6955em .54em;transform:rotate(-15deg)}
.henka span+span{font-size:calc(var(--u)*26);left:calc(var(--u)*190.78);top:calc(var(--u)*239.71);transform-origin:2.9655em .54em;transform:rotate(-16deg)}
/* 右の基調報告 */
.hero-r{left:0;top:0;width:100%;height:100%}
.hero-r>*{position:absolute;margin:0;white-space:nowrap;color:#1a1008}
/* 札: 地は濃い朱（縁）、::before で 1.6u 内側に明るい朱を重ねる。字は見本どおり白より少し温かい色 */
.hero .badge{left:calc(var(--u)*531);top:calc(var(--u)*56);width:calc(var(--u)*88);height:calc(var(--u)*22);background:#cf4f02;color:#ffeadb!important;font-weight:700;font-size:calc(var(--u)*11.8);line-height:calc(var(--u)*22);text-align:center;letter-spacing:.16em;text-indent:.16em;isolation:isolate;clip-path:polygon(0 50%,calc(var(--u)*7) 0,calc(100% - var(--u)*7) 0,100% 50%,calc(100% - var(--u)*7) 100%,calc(var(--u)*7) 100%)}
.hero .badge::before{content:"";position:absolute;left:calc(var(--u)*1.6);right:calc(var(--u)*1.6);top:calc(var(--u)*1.4);bottom:calc(var(--u)*1.8);z-index:-1;background:#fc4503;clip-path:polygon(0 50%,calc(var(--u)*6.3) 0,calc(100% - var(--u)*6.3) 0,100% 50%,calc(100% - var(--u)*6.3) 100%,calc(var(--u)*6.3) 100%)}
.hero-r h2{left:calc(var(--u)*541);top:calc(var(--u)*79);font-size:calc(var(--u)*31);font-weight:900;line-height:calc(var(--u)*39);letter-spacing:-.04em}
.hero-r h2 small{font-size:calc(var(--u)*17.5);font-weight:900;letter-spacing:0;line-height:0;position:relative;top:calc(var(--u)*-4)}
.hero-r h2 small:first-child{margin-left:calc(var(--u)*6)}
.hero-r h2 .ex{font-size:1.27em;line-height:0;margin-left:-.22em;position:relative;top:calc(var(--u)*2)}
.hero-r .sub{left:calc(var(--u)*535);top:calc(var(--u)*163);font-size:calc(var(--u)*13.9);font-weight:900;line-height:1.4;letter-spacing:-.025em}
.hero-r .sub .q{font-feature-settings:"halt";margin:0 -.12em 0 -.45em}
.hero-r .sub .q+.q{margin:0 -.06em 0 .02em}
.hero-r dl{left:calc(var(--u)*548);margin-left:0;top:calc(var(--u)*210);display:grid;grid-template-columns:calc(var(--u)*50) auto;column-gap:calc(var(--u)*4);row-gap:calc(var(--u)*10);align-items:start;font-weight:800;font-size:calc(var(--u)*12.3);line-height:calc(var(--u)*18)}
.hero-r dt{background:#fc3f02;box-shadow:inset 0 0 0 calc(var(--u)*1.4) #d45204;color:#ffe9dc;font-weight:600;font-size:calc(var(--u)*7.5);height:calc(var(--u)*15);line-height:calc(var(--u)*15);border-radius:calc(var(--u)*8);text-align:center;letter-spacing:.06em;text-indent:.06em}
.hero-r dd{margin:calc(var(--u)*-2.5) 0 0}
.hero-r dd small{font-size:.8em}
.hero-r dd .n{font-size:1.18em;letter-spacing:-.03em;margin:0 .03em}
/* 見本の日付は数字と漢字の間が少し空く（11 月 28 日） */
.hero-r dd .n:first-child{letter-spacing:-.09em;margin:0 .22em 0 -.14em}
.hero-r dd .n:nth-child(2){letter-spacing:.03em;margin:0 .04em 0 .06em}
.hero-r dd .t{margin-left:.18em}
.hero-r dd .t,.hero-r dd .t~.n{letter-spacing:-.06em}
.hero-r dd .w{font-feature-settings:"halt";margin:0 -.08em}
.hero h1 .yr{display:inline-block;font-size:1.27em;letter-spacing:-.043em;margin-left:.2em;line-height:0;transform:translateY(calc(var(--u)*1)) scaleX(1.08);transform-origin:0 0}
/* 表紙の日時・会場は、フォーラムの開催日時（2日間）と会場（2026-10-13、中村様のご指摘「開催日時を記載ください。2026/11.27～28、2日間」） */
.hero-r dl.kaisai{top:calc(var(--u)*206)}
.hero-r dd small.v{display:block;margin-top:calc(var(--u)*2.5);font-size:calc(var(--u)*9.6);line-height:calc(var(--u)*13);font-weight:700;letter-spacing:.04em}
.hero-r dl.kaisai dd .w{margin:0 .02em 0 -.06em}
/* FV（表紙と申し込みの4つ）は、PC で画面の高さいっぱいに出す（2026-10-13、中村様のご指摘「FVの表示を大きく、通常PCで大枠埋まるサイズ感」）。
   表紙と申し込みの帯だけ、1u を --hu にする … 画面の幅 790u・高さ 370.5u（表紙 311u＋ボタンの帯 59.5u）のうち小さいほう。ほかの節の 1u より小さくはしない */
@media(min-width:761px){
 :root{--hu:max(var(--u),min(calc(100vw / 790),calc(100svh / 370.5)))}
 /* 公開前の確認用（デモの帯 約30px が画面の下に重なる）あいだは、その分を引く */
 :root:has(.demo-note){--hu:max(var(--u),min(calc(100vw / 790),calc((100svh - 30px) / 370.5)))}
 .hero{--u:var(--hu)}
}
/* ===== 表紙・ロゴと日程の版（patterns/hero-logo.php。2026-10-15、中村様のご指摘「FVの智さん削除でロゴや日程をデカく」） =====
   吉田氏の写真を外し、Change & Grow と筆の帯を 1.15 倍にして左に、フォーラム名と日程を右に置く。
   日程はパンフレットの表紙の組み（2026／11.27 FRI【金】13:00~ ｜ 28 SAT【土】9:00~／2days／会場・同時開催）を写した。
   日程の塊は幅 100e（1e = --e）の1枚の絵として組み、部品の位置と大きさは、表紙の日程を 4 倍で書き出した墨の箱に合わせて測った。
   字はパンフレットの Futura Bold → Jost、DIN → Barlow Condensed／Barlow Semi Condensed、和文は Noto Sans JP */
.hero-logo .cg,.hero-logo .henka{transform:translate(calc(var(--u)*24),calc(var(--u)*-45)) scale(1.15);transform-origin:0 0}
.hero-logo h1{left:calc(var(--u)*460);top:calc(var(--u)*8);font-size:calc(var(--u)*21);line-height:calc(var(--u)*28)}
/* 基調報告の題（2026-10-15、代表「変わる覚悟が会社の未来を創る！「同友会で学び、“実”で証明した挑戦」は消さないで」）。フォーラム名と日程の間に、写真つきの表紙より少し小さく */
.hero-logo .badge{left:calc(var(--u)*461);top:calc(var(--u)*68)}
.hero-logo .hero-r h2{left:calc(var(--u)*468);top:calc(var(--u)*91);font-size:calc(var(--u)*27);line-height:calc(var(--u)*34)}
.hero-logo .hero-r h2 small{font-size:calc(var(--u)*15.2);top:calc(var(--u)*-3.5)}
.hero-logo .hero-r .sub{left:calc(var(--u)*463);top:calc(var(--u)*163);font-size:calc(var(--u)*12.3)}
/* PC は日程の塊の頭の「2026」を出さない（すぐ上のフォーラム名に 2026 がある。スマホは表紙と同じに出す） */
.hero-logo .nittei .ny{display:none}
.nittei{--e:calc(var(--u)*2.3);left:calc(var(--u)*463);top:calc(var(--u)*163);width:calc(var(--e)*100);height:calc(var(--e)*62.6);color:#1a1008}
.nittei>*{position:absolute;margin:0;line-height:1;white-space:nowrap;font-weight:700}
.nittei .ny,.nittei .dd{font-family:Jost,"Noto Sans JP",sans-serif;font-weight:800}
.nittei .tm,.nittei .s1,.nittei .s3{font-family:"Barlow Condensed","Noto Sans JP",sans-serif}
.nittei .en{font-family:"Barlow Semi Condensed","Noto Sans JP",sans-serif;font-weight:800;letter-spacing:.06em}
.nittei .ja{font-weight:900;letter-spacing:-.05em}
.nittei .ny{left:calc(var(--e)*-0.4);top:calc(var(--e)*-1.4);font-size:calc(var(--e)*11.67);letter-spacing:-0.03em}
.nittei .dd1{left:calc(var(--e)*-0.3);top:calc(var(--e)*9.6);font-size:calc(var(--e)*16.6);letter-spacing:-0.02em}
.nittei .en1{left:calc(var(--e)*45.79);top:calc(var(--e)*11.45);font-size:calc(var(--e)*5.86)}
.nittei .ja1{left:calc(var(--e)*41.92);top:calc(var(--e)*18.34);font-size:calc(var(--e)*5.39)}
.nittei .tm1{left:calc(var(--e)*21.22);top:calc(var(--e)*26.13);font-size:calc(var(--e)*12.79);letter-spacing:0.03em}
.nittei .dd2{left:calc(var(--e)*64.23);top:calc(var(--e)*9.96);font-size:calc(var(--e)*16.06);letter-spacing:-0.04em}
.nittei .en2{left:calc(var(--e)*87.7);top:calc(var(--e)*11.22);font-size:calc(var(--e)*6.28)}
.nittei .ja2{left:calc(var(--e)*84.87);top:calc(var(--e)*18.23);font-size:calc(var(--e)*5.5)}
.nittei .tm2{left:calc(var(--e)*69.22);top:calc(var(--e)*26.35);font-size:calc(var(--e)*12.38);letter-spacing:0.035em}
.nittei .v{left:calc(var(--e)*17.99);top:calc(var(--e)*42.76);font-size:calc(var(--e)*6.37)}
.nittei .s1{left:calc(var(--e)*22.09);top:calc(var(--e)*50.81);font-size:calc(var(--e)*6.73);letter-spacing:0.04em}
.nittei .s1s{left:calc(var(--e)*36.68);top:calc(var(--e)*52.37);font-size:calc(var(--e)*4)}
.nittei .s2{left:calc(var(--e)*49.2);top:calc(var(--e)*51.46);font-size:calc(var(--e)*6.04);letter-spacing:0.02em}
.nittei .s3{left:calc(var(--e)*22.28);top:calc(var(--e)*57.73);font-size:calc(var(--e)*5.02);letter-spacing:0.03em}
.nittei .s4{left:calc(var(--e)*48.14);top:calc(var(--e)*58.68);font-size:calc(var(--e)*3.72)}
.nittei .bar{left:calc(var(--e)*58.87);top:calc(var(--e)*11.54);width:calc(var(--e)*1.26);height:calc(var(--e)*26.87);background:#1a1008}
/* 2days … 黄緑の丸（パンフの色 #d7df23） */
.nittei .two{left:calc(var(--e)*0.97);top:calc(var(--e)*26.19);width:calc(var(--e)*14.4);height:calc(var(--e)*14.4);border-radius:50%;background:#d7df23;text-align:center;font-weight:900}
.nittei .two b{display:block;font-size:calc(var(--e)*6.6);line-height:1;margin-top:calc(var(--e)*1.5);font-weight:900}
.nittei .two i{display:block;font-style:normal;font-size:calc(var(--e)*4.5);line-height:1;margin-top:calc(var(--e)*-.6);letter-spacing:-.02em}
/* 会場・同時開催の黒い札 */
.nittei .lb{display:flex;align-items:center;justify-content:center;background:#1a1008;color:#fff;font-weight:700}
.nittei .lb1{left:calc(var(--e)*0.97);top:calc(var(--e)*43.16);width:calc(var(--e)*14.74);height:calc(var(--e)*6.6);font-size:calc(var(--e)*4.4);letter-spacing:.3em;text-indent:.3em}
.nittei .lb2{left:calc(var(--e)*0.97);top:calc(var(--e)*51.7);width:calc(var(--e)*19.4);height:calc(var(--e)*6.5);font-size:calc(var(--e)*3.9)}
/* ===== cta（申し込みの4つ）。PC は見本の px で置く（work/cta/gen2.py が書く） ===== */
:root .cta{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*8);margin-top:calc(var(--u)*8)}
.cta .wp-block-button__link{display:flex;align-items:center;gap:calc(var(--u)*7);padding:0 calc(var(--u)*8) 0 calc(var(--u)*9);color:#fff;font-family:"Noto Sans JP",sans-serif;font-weight:800;line-height:1.3;border-radius:calc(var(--u)*3);height:calc(var(--u)*50);transition:filter .15s;text-align:left;width:100%}
.cta .wp-block-button__link:hover{filter:brightness(1.1)}
.cta .wp-block-button__link::before{content:"";flex:0 0 calc(var(--u)*36);width:calc(var(--u)*36);height:calc(var(--u)*36);background:center/contain no-repeat}
.cta span{flex:1;font-size:calc(var(--u)*11);white-space:nowrap;letter-spacing:.02em}.cta small{display:block;font-size:calc(var(--u)*10);font-weight:700}
.cta .big{font-size:calc(var(--u)*15);font-weight:800}
.cta strong{font-size:calc(var(--u)*14);font-weight:400}
.cta i{font-style:normal}
.c1 .wp-block-button__link{background:linear-gradient(90deg,rgb(247,76,7),rgb(247,64,7) 30%,rgb(248,59,6) 55%,rgb(248,57,6))}
.c2 .wp-block-button__link{background:rgb(5,99,178)}
.c3 .wp-block-button__link{background:rgb(6,134,72)}
.c4 .wp-block-button__link{background:url(../images/cta-foil.webp) 0 0/100% 100% no-repeat rgb(163,121,6)}
.c1 .wp-block-button__link::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='34 323 42 39' fill='%23fff'%3E%3Cpath d='M59.9 334.6C59.87 335.47 59.63 336.42 59.26 337.19C58.88 337.96 58.22 338.64 57.65 339.25C57.08 339.86 56.45 340.34 55.82 340.82C55.19 341.30 54.53 341.79 53.85 342.15C53.17 342.51 52.46 342.81 51.75 343.0C51.04 343.19 50.30 343.40 49.6 343.3C48.90 343.20 48.21 342.72 47.56 342.4C46.91 342.07 46.28 341.73 45.7 341.35C45.12 340.97 44.67 340.53 44.08 340.12C43.49 339.71 42.81 339.40 42.15 338.9C41.49 338.40 40.59 337.86 40.13 337.14C39.67 336.42 39.50 335.47 39.4 334.6C39.30 333.73 39.21 332.69 39.55 331.91C39.89 331.13 40.77 330.44 41.46 329.9C42.15 329.36 42.95 329.00 43.66 328.66C44.37 328.32 45.03 328.05 45.7 327.85C46.37 327.65 47.03 327.54 47.68 327.45C48.33 327.36 48.96 327.31 49.6 327.3C50.24 327.29 50.87 327.31 51.54 327.36C52.21 327.41 52.94 327.42 53.65 327.59C54.36 327.76 55.12 328.00 55.82 328.38C56.52 328.76 57.22 329.25 57.83 329.85C58.44 330.45 59.11 331.17 59.45 331.96C59.80 332.75 59.93 333.73 59.9 334.6Z' fill='none' stroke='%23ffecc9' stroke-width='1.75'/%3E%3Cpath d='M59.5 332.7L64 334.4L59.4 336.3Z' fill='%23ffecc9'/%3E%3Cpath d='M37.8 350.6V349.05Q37.8 346.40000000000003 40.8 346.15000000000003Q43.4 345.65000000000003 46.0 346.15000000000003Q49.0 346.40000000000003 49.0 349.05V350.6Q49.0 352.4 48.0 352.6V353.8H38.0V352.6Q37.8 352.4 37.8 350.6Z'/%3E%3Cpath d='M37.5 358.34999999999997V355.9Q37.5 352.9 40.5 352.9H45.3Q48.3 352.9 48.3 355.9V358.34999999999997Q48.3 358.95 47.699999999999996 358.95H38.1Q37.5 358.95 37.5 358.34999999999997Z'/%3E%3Cpath d='M52.3 350.6V349.05Q52.3 346.40000000000003 55.3 346.15000000000003Q56.8 345.65000000000003 58.3 346.15000000000003Q61.3 346.40000000000003 61.3 349.05V350.6Q61.3 352.4 60.3 352.6V353.8H53.6V352.6Q52.3 352.4 52.3 350.6Z'/%3E%3Cpath d='M52.3 358.34999999999997V355.9Q52.3 352.9 55.3 352.9H58.9Q63.1 352.9 63.1 357.09999999999997V358.34999999999997Q63.1 358.95 62.5 358.95H52.9Q52.3 358.95 52.3 358.34999999999997Z'/%3E%3Cpath d='M63.4 350.6V349.05Q63.4 346.40000000000003 66.4 346.15000000000003Q67.7 345.65000000000003 69.0 346.15000000000003Q72.0 346.40000000000003 72.0 349.05V350.6Q72.0 352.4 70.7 352.6V353.8H64.9V352.6Q63.4 352.4 63.4 350.6Z'/%3E%3Cpath d='M64.2 358.34999999999997V355.9Q64.2 352.9 67.2 352.9H69.6Q73.8 352.9 73.8 357.09999999999997V358.34999999999997Q73.8 358.95 73.2 358.95H64.8Q64.2 358.95 64.2 358.34999999999997Z'/%3E%3C/svg%3E")}
.c2 .wp-block-button__link::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='219 324 41 37' fill='%23fff'%3E%3Cpath d='M239.2 326.45C243.7 326.45 246.65 329.9 246.65 334.3C246.65 338.7 243.3 343.45 239.2 343.45C235.1 343.45 231.75 338.7 231.75 334.3C231.75 329.9 234.7 326.45 239.2 326.45Z'/%3E%3Cpath d='M221.65 359.5L222.25 354.5C222.75 350.5 223.55 348.3 225.95 346.6C227.75 345.4 230.45 344.9 233.15 344.9C235.15 344.9 237.25 345.9 239.2 347.25C241.15 345.9 243.25 344.9 245.25 344.9C247.95 344.9 250.65 345.4 252.45 346.6C254.85 348.3 255.65 350.5 256.15 354.5L256.75 359.5Z'/%3E%3C/svg%3E")}
.c3 .wp-block-button__link::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='401 325 44 37' fill='%23fff'%3E%3Cpath d='M407.55 328.15H437.72V330.7H407.55Z'/%3E%3Cpath d='M408 331.65H437.6L440.9 338.1L440.9 340.6L438.2 342.45L436.0 342.45L432.3 340.3L428.6 342.45L425.0 340.3L421.9 342.45L419.0 340.3L416.0 342.45L412.7 340.3L408.5 342.45L406.6 342.4L404.4 340.5L404.3 338.1Z'/%3E%3Cpath fill-rule='evenodd' d='M407.05 359.3V343.9L408.5 343.9L412.7 342.3L416.0 343.9L419.0 342.3L421.9 343.9L425.0 342.3L428.6 343.9L432.3 342.3L436.0 343.9L437.92 343.9V359.3ZM411.1 345.84V353.38H420.56V345.84ZM424.77 346.2V359.3H433.94V346.2ZM426.72 350.29V359.3H431.67V350.29Z'/%3E%3C/svg%3E")}
.c4 .wp-block-button__link::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='578 323 58 42' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M609.25 359.65 608.85 359.66 608.55 359.56 607.43 358.65 607.19 358.35 606.85 357.38 606.65 357.12 606.45 357.01 606.25 357.04 606.05 357.21 605.49 358.25 605.25 358.52 603.75 359.46 603.45 359.52 603.25 359.47 602.53 359.05 602.17 358.75 601.97 358.35 601.96 358.15 602.05 357.96 602.95 357.43 603.65 356.25 603.85 356.07 604.45 355.81 604.78 355.45 604.91 355.05 604.95 354.45 604.94 353.85 604.85 353.45 604.31 352.55 602.95 351.06 601.85 350.30 601.25 349.63 600.65 349.33 598.75 347.98 598.05 347.16 597.75 346.91 597.35 346.75 596.85 346.75 596.55 346.87 596.32 347.15 596.29 347.65 596.83 348.45 596.91 348.85 596.74 349.35 596.14 350.05 596.07 350.35 596.10 350.55 596.25 350.77 596.55 350.93 597.25 350.96 597.65 350.77 598.25 350.13 598.55 350.06 599.15 350.24 599.55 350.50 599.83 350.95 599.92 351.45 599.75 351.75 599.06 352.35 598.91 352.85 599.06 353.55 599.25 353.80 599.45 353.93 599.85 353.98 600.25 353.85 600.65 353.45 601.15 352.78 601.45 352.60 601.75 352.59 602.05 352.69 602.65 353.09 602.84 353.45 602.82 353.95 602.61 354.35 602.05 355.01 601.83 355.45 601.72 355.95 601.64 357.25 601.55 357.42 601.35 357.48 600.85 357.47 600.55 357.40 600.25 357.21 599.51 356.25 598.35 355.27 597.65 354.88 596.99 354.35 596.44 353.55 595.55 352.95 594.87 352.05 593.88 351.25 593.28 350.45 593.24 350.05 593.52 348.95 593.72 348.65 594.38 348.05 594.52 347.65 594.51 347.25 594.37 346.85 594.16 346.55 593.45 345.95 592.08 344.45 591.70 343.85 591.66 343.45 592.25 342.32 592.98 341.35 593.30 340.65 593.85 340.05 594.35 338.97 594.95 338.25 595.32 337.45 595.75 336.90 596.35 335.89 596.98 335.25 597.12 334.85 597.18 334.35 597.09 333.95 596.95 333.75 596.65 333.64 596.15 333.79 595.15 334.84 594.63 335.95 594.01 336.65 593.68 337.35 593.08 338.05 592.54 339.05 592.00 339.75 591.65 340.42 590.95 341.20 590.75 341.65 590.55 342.60 589.94 343.65 589.65 343.95 589.05 344.03 588.57 343.85 587.75 342.99 586.59 342.35 584.39 340.55 584.05 340.16 583.92 339.55 584.04 338.95 584.65 338.15 585.15 336.95 585.78 336.25 585.91 335.65 586.05 335.34 586.79 334.45 587.15 333.63 587.68 333.05 588.39 331.95 589.74 330.25 590.13 329.45 590.74 328.85 591.35 328.09 591.65 328.00 591.95 328.00 592.25 328.08 592.54 328.25 593.25 329.01 594.14 329.65 594.65 330.21 595.35 330.47 595.61 330.65 596.08 331.35 596.95 332.13 597.38 333.15 597.55 333.36 598.65 334.16 599.55 334.62 600.45 335.30 600.95 335.42 602.45 335.25 603.25 334.93 604.75 334.10 605.80 333.65 606.75 333.41 608.85 333.06 609.57 333.15 610.85 333.74 611.55 333.81 612.45 333.69 612.85 333.84 613.85 334.42 614.75 334.55 615.15 334.51 615.27 334.35 615.54 333.45 615.89 332.95 616.64 332.35 617.85 331.17 618.55 330.59 619.31 329.75 620.45 328.72 621.12 327.95 621.55 327.75 622.15 327.77 622.45 327.89 622.72 328.15 623.22 329.35 623.75 329.94 624.25 330.72 624.90 331.55 625.35 332.43 625.95 333.05 626.74 334.15 627.30 334.75 627.68 335.35 628.80 336.75 629.23 337.55 629.89 338.35 630.07 338.75 630.15 339.25 630.12 339.65 629.96 339.95 629.07 340.65 628.35 341.59 627.65 342.07 626.99 342.75 626.15 343.35 625.55 344.16 625.05 344.46 624.65 344.55 624.35 344.44 623.65 343.82 623.45 343.79 623.25 343.87 622.32 345.15 620.85 346.95 620.35 347.36 619.58 347.75 619.27 348.05 619.17 348.25 619.17 348.55 619.34 348.85 619.85 349.29 620.06 349.55 620.19 350.05 620.16 350.55 619.98 350.95 619.17 351.65 618.73 352.35 618.35 352.78 617.25 353.69 616.35 354.11 616.15 354.35 615.81 355.05 615.55 355.41 613.55 356.85 612.65 357.96 612.35 358.13 611.55 358.34 610.88 359.15 610.45 359.48 610.05 359.60ZM624.26 342.75 624.85 342.41 625.70 341.35 626.35 340.93 627.06 340.25 627.92 339.65 628.09 339.25 628.06 338.75 627.78 338.15 626.22 336.25 625.76 335.45 625.10 334.75 624.52 333.85 623.19 332.15 621.95 330.27 621.71 330.05 621.45 330.01 621.15 330.24 620.65 331.05 620.39 331.35 617.86 333.35 617.63 333.85 617.60 334.35 617.74 334.65 619.79 336.95 620.71 338.15 621.35 339.21 621.86 339.75 622.35 340.68 622.95 341.55 623.45 342.68 623.75 342.84ZM618.47 346.65 618.75 346.44 619.55 345.53 620.35 345.15 620.65 344.90 621.54 343.25 621.59 342.65 621.40 342.15 619.85 339.65 617.21 336.35 616.71 335.35 616.55 335.19 616.25 335.05 615.55 334.95 615.38 335.15 615.21 335.85 615.09 336.05 614.85 336.17 614.45 336.21 613.45 336.06 612.35 335.53 611.55 335.53 610.25 335.09 609.65 334.97 608.65 334.95 607.65 335.07 607.06 335.25 605.55 336.11 604.55 337.09 603.85 337.49 603.25 337.99 602.75 338.25 602.15 338.78 601.55 339.17 600.77 340.15 600.27 340.65 600.10 340.95 600.07 341.35 600.15 341.65 600.96 342.65 601.35 342.92 601.95 342.92 602.35 342.70 602.85 342.13 603.65 341.80 604.25 341.40 605.75 339.86 607.55 338.85 607.95 338.81 608.45 338.92 609.15 339.23 610.35 339.97 611.25 340.65 611.75 341.18 612.37 341.65 613.75 343.02 614.60 343.75 616.55 345.72 617.75 346.55 618.15 346.69ZM617.67 351.15 617.99 350.85 618.16 350.35 618.11 349.65 617.85 349.14 616.75 348.02 615.25 346.89 614.55 346.49 614.25 346.48 614.05 346.58 613.81 346.85 613.70 347.15 613.71 347.45 613.85 347.71 615.55 349.09 616.95 351.04 617.35 351.21ZM615.61 353.35 615.85 352.95 615.86 352.45 615.11 351.45 614.65 350.44 614.35 350.19 613.55 349.84 612.65 349.02 612.25 348.96 611.90 349.15 611.68 349.45 611.62 349.75 611.69 350.25 611.90 350.65 612.85 351.43 614.35 353.08 615.05 353.37 615.35 353.42ZM612.88 356.05 613.21 355.75 613.37 355.35 613.47 354.75 613.36 354.35 611.35 352.50 610.75 351.22 610.45 351.07 610.05 351.19 609.38 351.75 609.08 352.15 609.01 352.65 609.25 353.25 609.75 353.88 611.35 354.87 612.25 356.00 612.55 356.12ZM610.07 357.85 610.65 357.68 610.84 357.45 610.94 356.75 610.78 356.25 610.45 355.99 609.75 355.91 609.45 355.78 607.75 353.85 607.45 353.75 607.05 353.85 606.82 354.15 606.75 354.55 606.85 355.23 607.05 355.69 607.76 356.35 608.45 357.13 609.15 357.69 609.55 357.86Z'/%3E%3C/svg%3E")}
@media(min-width:761px){
 :root .cta{--u:var(--hu);position:relative;z-index:0;width:calc(var(--u)*728.79);grid-template-columns:178.82fr 4.84fr 178.84fr 4.39fr 178.22fr 4.78fr 178.90fr;gap:0;margin:calc(var(--u)*5.9) 0 calc(var(--u)*-0.1) calc(50% - var(--u)*363.92)}
 .cta::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:calc(var(--u)*-522.08);top:calc(var(--u)*-5.9);width:calc(var(--u)*1773);height:calc(var(--u)*69);background:url(../images/cta-ground.webp) 0 0/100% 100% no-repeat}
 .cta .c2{grid-column:3}.cta .c3{grid-column:5}.cta .c4{grid-column:7}
 .cta .wp-block-button__link{display:block;position:relative;height:calc(var(--u)*53.7);padding:0;border-radius:calc(var(--u)*3.5);line-height:1;font-weight:700;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
 .cta .wp-block-button__link::before{position:absolute;margin:0}
 .c1 .wp-block-button__link::before{left:calc(var(--u)*11.92);top:calc(var(--u)*6.1);width:calc(var(--u)*42);height:calc(var(--u)*39)}
 .c2 .wp-block-button__link::before{left:calc(var(--u)*13.26);top:calc(var(--u)*7.1);width:calc(var(--u)*41);height:calc(var(--u)*37)}
 .c3 .wp-block-button__link::before{left:calc(var(--u)*12.03);top:calc(var(--u)*8.1);width:calc(var(--u)*44);height:calc(var(--u)*37)}
 .c4 .wp-block-button__link::before{left:calc(var(--u)*6.03);top:calc(var(--u)*6.1);width:calc(var(--u)*58);height:calc(var(--u)*42)}
 .cta span{position:absolute;line-height:1;white-space:nowrap}
 .cta small,.cta .big{position:absolute;line-height:1;white-space:nowrap;font-weight:700;font-feature-settings:normal}
 .c1 span{left:calc(var(--u)*65.02);top:calc(var(--u)*12.5);font-size:calc(var(--u)*10.4);letter-spacing:calc(var(--u)*0.1);color:rgba(255,242,232,.88);font-feature-settings:"palt"}
 .cta .c1 small{left:calc(var(--u)*-5.4);top:calc(var(--u)*16.45);font-size:calc(var(--u)*10.5);letter-spacing:calc(var(--u)*2.2);color:rgba(255,242,232,.76)}
 .c2 span{left:calc(var(--u)*65.66);top:calc(var(--u)*12.5);font-size:calc(var(--u)*10.4);letter-spacing:calc(var(--u)*-0.35);color:rgba(232,252,255,.97);font-feature-settings:"palt"}
 .cta .c2 small{left:calc(var(--u)*-6.2);top:calc(var(--u)*16.45);font-size:calc(var(--u)*10.5);letter-spacing:calc(var(--u)*0.75)}
 .c3 span{left:calc(var(--u)*69.73);top:calc(var(--u)*12.5);font-size:calc(var(--u)*10.4);letter-spacing:calc(var(--u)*0.5);color:rgba(234,255,245,.97);font-feature-settings:"palt"}
 .cta .c3 small{left:calc(var(--u)*-0.4);top:calc(var(--u)*14.2);font-size:calc(var(--u)*13.6);letter-spacing:calc(var(--u)*0.4)}
 .c4 span{left:calc(var(--u)*73.23);top:calc(var(--u)*12.5);font-size:calc(var(--u)*10.4);letter-spacing:calc(var(--u)*3.55);color:rgba(255,245,190,.96)}
 .cta .c4 small{left:calc(var(--u)*-0.2);top:calc(var(--u)*14.2);font-size:calc(var(--u)*13.6);letter-spacing:calc(var(--u)*0.4);color:rgb(255,249,204)}
 .cta small i{position:relative}.c1 small i{left:calc(var(--u)*0.8)}.c2 small i{left:calc(var(--u)*1.6)}
 .cta strong{position:absolute;top:calc(var(--u)*30.75);width:calc(var(--u)*12);height:calc(var(--u)*8);font-size:0;color:transparent;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='%23fff'%3E%3Cg fill='none' stroke='%23fff' stroke-width='0.95' opacity='0.85'%3E%3Cpath d='M0.8 3.9H10.2'/%3E%3Cpath d='M7.9 0.4L10.5 3.9L7.9 7.4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
 .c1 strong{left:calc(var(--u)*149.92)}
 .c2 strong{left:calc(var(--u)*150.46)}
 .c3 strong{left:calc(var(--u)*150.03)}
 .c4 strong{left:calc(var(--u)*150.33)}
}
/* ===== ティザー動画と実行委員長あいさつ =====
 * 2026-10-13、中村様のご指摘で「フォーラムについて」を外し、ティザー映像の飾りを本物の動画（YouTube のサムネイル）に替え、その下に実行委員長あいさつを置いた。
 * 地は白の帯（画面の横いっぱい。両端は金のぼかし）。動画は真ん中に 500u、あいさつの札は .wrap より左右に 8u はみ出す（下の札と同じ幅）。 */
.row-mg{position:relative;z-index:0;margin-top:calc(var(--u)*9.5);padding:calc(var(--u)*16) 0 calc(var(--u)*20)}
.row-mg::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:calc(var(--u)*-5);bottom:0;left:calc(50% - 50vw);width:100vw;background:linear-gradient(90deg,rgba(246,226,150,.35),transparent 12%,transparent 88%,rgba(246,226,150,.35)) #fefefe}
.movie{width:calc(var(--u)*500);max-width:100%;margin:0 auto}
.mv-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 calc(var(--u)*10);margin:0 0 calc(var(--u)*8)}
.mv-h small{font-size:calc(var(--u)*8.5);font-weight:800;letter-spacing:.12em;color:#a07c12}
.mv-h b{font-size:calc(var(--u)*17);font-weight:900;line-height:1.3;color:#111}
.mv-h .n{letter-spacing:-.01em}
.yt{position:relative;aspect-ratio:16/9;background:#000;border-radius:calc(var(--u)*4);overflow:hidden;box-shadow:0 calc(var(--u)*4) calc(var(--u)*14) rgba(60,40,0,.16)}
.yt-a{position:absolute;inset:0;display:block}
.yt img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.yt-a:hover img{transform:scale(1.015)}
.yt .play{position:absolute;left:50%;top:50%;width:calc(var(--u)*68);height:calc(var(--u)*48);margin:calc(var(--u)*-24) 0 0 calc(var(--u)*-34);border-radius:calc(var(--u)*12);background:rgba(18,18,18,.8);box-shadow:0 0 0 calc(var(--u)*1.5) rgba(255,255,255,.85);transition:background .15s}
.yt-a:hover .play,.yt-a:focus-visible .play{background:#e8482b}
.yt .play::after{content:"";position:absolute;left:calc(var(--u)*27);top:calc(var(--u)*14);border-left:calc(var(--u)*18) solid #fff;border-top:calc(var(--u)*10) solid transparent;border-bottom:calc(var(--u)*10) solid transparent}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.row-mg .greet{margin:calc(var(--u)*20) calc(var(--u)*-8) 0}
/* ===== values（5つの価値） =====
 * 見本: y565〜729（箱は y569〜737。下の .panel は間を空けずに続く）。見出しの墨は y565（5）・y571〜588。
 * 区切りの線は x162.0・311.6・462.0・611.5。上は y601.5〜605.5 でにじむように始まり、y729 あたり（列の下端）で切れる（色 #e2e2e2）。
 * 5列は .wrap より左に 8.8u・右に 8.3u はみ出す（見本の x11.7〜760.8、1列 149.8u）。
 * アイコンは見本の px 座標で描いた SVG（viewBox が見本の座標そのまま。線は 2.55u、電球の光は 2.35u、葉脈は 2u）。
 *   描き直しの道具は scratchpad/tool/work/values/icons.py（lab.sh で見本と重ねて比べる）。
 * 字は --u=1px のとき縦が整数 px に寄せられる。各行の上端が整数になるように margin を決めてある（行の上端 y648・668・694・712）。
 * 地は values-ground.webp（見本の y541〜745・x-60〜833。左右のふちの金のざらつき、真ん中は白）。
 */
.values{position:relative;margin-top:calc(var(--u)*28);height:calc(var(--u)*168);text-align:center}
.values::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:calc(var(--u)*-28);bottom:calc(var(--u)*-8);left:calc(var(--u)*-80.5);right:calc(var(--u)*-80.5);background:url("../images/values-ground.webp") 0 0/100% 100% no-repeat;-webkit-mask-image:linear-gradient(#000 calc(100% - var(--u)*30),transparent),linear-gradient(90deg,transparent calc(var(--u)*80.5),#000 calc(var(--u)*80.5),#000 calc(100% - var(--u)*80.5),transparent calc(100% - var(--u)*80.5));mask-image:linear-gradient(#000 calc(100% - var(--u)*30),transparent),linear-gradient(90deg,transparent calc(var(--u)*80.5),#000 calc(var(--u)*80.5),#000 calc(100% - var(--u)*80.5),transparent calc(100% - var(--u)*80.5));-webkit-mask-composite:source-over;mask-composite:add}
.values h2{padding-left:calc(var(--u)*2);font-size:calc(var(--u)*20);font-weight:760;letter-spacing:-.009em;line-height:calc(var(--u)*20);height:calc(var(--u)*32);margin-top:calc(var(--u)*-2);color:#111}
.values h2 strong{display:inline-block;font-size:calc(var(--u)*34.5);font-weight:900;line-height:0;letter-spacing:0;transform:scaleX(1.05);vertical-align:calc(var(--u)*-3.5);margin:0 calc(var(--u)*3.2) 0 calc(var(--u)*2.04)}
.values h2 .v-ts{letter-spacing:inherit}
@media(min-width:761px){.values h2{position:relative;left:calc(var(--u)*-2.12)}.values h2 .v-f{position:relative;left:calc(var(--u)*1.3)}}
.vgrid{display:grid;grid-template-columns:repeat(5,1fr);width:calc(var(--u)*749.1);margin:0 0 0 calc(var(--u)*-8.8);height:calc(var(--u)*128)}
.vgrid>.wp-block-group{position:relative;padding:0;background:linear-gradient(#e2e2e200,#e2e2e2 calc(var(--u)*4)) 0 calc(var(--u)*.7)/1px calc(100% - var(--u)*.7) no-repeat}
.vgrid>.wp-block-group:first-child{background:none}
.vgrid>.wp-block-group::before{content:"";display:block;width:calc(var(--u)*60);height:calc(var(--u)*46);margin:0 auto;background:center/100% 100% no-repeat}
:root .vgrid h3{font-size:calc(var(--u)*14);font-weight:680;line-height:calc(var(--u)*20);letter-spacing:-.02em;margin-top:calc(var(--u)*1.22);padding-left:calc(var(--u)*1.6);color:#111}
.vgrid p{font-size:calc(var(--u)*11);font-weight:570;line-height:calc(var(--u)*18);letter-spacing:.065em;margin-top:calc(var(--u)*5.01);padding-left:calc(var(--u)*1.6);color:#484848}
/* 4列目は見本の字が右へ 1.5u 寄っていて、2行目（につながるヒント）が詰まっている */
.vgrid>.v4 h3,.vgrid>.v4 p{padding-left:calc(var(--u)*4.6)}
:root .vgrid>.v4 h3{letter-spacing:-.045em}
:root .vgrid>.v4 h3::first-line{letter-spacing:-.012em}
/* 1列目の題は見本で 2u 上にある */
:root .vgrid>.v1 h3{margin-top:calc(var(--u)*-.78)}
/* 1列目の題の2行目（経営トレンド）は見本で太い。行全体を太くして、1行目だけ元に戻す */
@media(min-width:761px){:root .vgrid>.v1 h3{font-weight:750}:root .vgrid>.v1 h3::first-line{font-weight:680}}
.vgrid>.v1 p{margin-top:calc(var(--u)*7.01)}
.vgrid>.v1::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='56.5 601 60 46' fill='none' stroke='%23111' stroke-width='2.55'%3E%3Cpath d='M67.2 638.95H90.1M91.8 638.95H102.8' stroke-linecap='butt'/%3E%3Cpath d='M69.25 638.95V630.2H74.85V638.95M81.15 638.95V624.75H86.95V638.95M93.4 638.95V616.8H99.65V638.95' stroke-linejoin='miter'/%3E%3Cpath d='M69.6 624.4Q83.4 621.5 97.4 607.45'/%3E%3Cpath d='M93.5 603.8L101.9 602.7L100 611Z' fill='%23111' stroke='none'/%3E%3C/svg%3E")}
.vgrid>.v2::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='206.5 601 60 46' fill='none' stroke='%23111' stroke-width='2.55'%3E%3Ccircle cx='236.2' cy='615.45' r='6.2'/%3E%3Ccircle cx='220.5' cy='619.1' r='3.9'/%3E%3Ccircle cx='251.6' cy='619' r='3.9'/%3E%3Cpath d='M224.2 639.1V634.45C224.2 624.2 234.8 622.4 236.15 622.4S248.1 624.2 248.1 634.45V639.1Z'/%3E%3Cpath d='M221.9 636.15H212.55V632.8C212.55 629 215.1 625.5 218.6 625.5H224.6'/%3E%3Cpath d='M250.6 636.15H259.5V632.8C259.5 629 256.95 625.5 253.45 625.5H247.6'/%3E%3C/svg%3E")}
.vgrid>.v3::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='356.5 601 60 46' fill='none' stroke='%23111' stroke-width='2.55'%3E%3Cpath d='M381.1 637.3V630.5C381.1 629.1 379.4 627.09 378.8 625.49A10.3 10.3 0 1 1 394.1 625.49C393.5 627.09 391.5 629.1 391.5 630.5V637.3'/%3E%3Cpath d='M381.1 632.7H391.5M381.1 636.55H391.5'/%3E%3Cpath d='M382.3 638A3.9 3.45 0 0 0 390.1 638'/%3E%3Cpath d='M386.5 602.8L386.5 605.2M374.47 607.53L376.23 609.17M398.53 607.53L396.77 609.17M370.4 620.7L372.8 620.7M400.2 620.7L402.6 620.7' stroke-linecap='round' stroke-width='2.35'/%3E%3C/svg%3E")}
.vgrid>.v4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='506.5 601 60 46' fill='none' stroke='%23111' stroke-width='2.55'%3E%3Cpath d='M534.45 608.96L534.45 604.68L540.85 604.68L540.85 608.96A14.4 14.4 0 0 1 545.31 610.81L548.34 607.78L552.87 612.31L549.84 615.34A14.4 14.4 0 0 1 551.69 619.8L555.97 619.8L555.97 626.2L551.69 626.2A14.4 14.4 0 0 1 549.84 630.66L552.87 633.69L548.34 638.22L545.31 635.19A14.4 14.4 0 0 1 540.85 637.04L540.85 641.32L534.45 641.32L534.45 637.04A14.4 14.4 0 0 1 529.99 635.19L526.96 638.22L522.43 633.69L525.46 630.66A14.4 14.4 0 0 1 523.61 626.2L519.33 626.2L519.33 619.8L523.61 619.8A14.4 14.4 0 0 1 525.46 615.34L522.43 612.31L526.96 607.78L529.99 610.81A14.4 14.4 0 0 1 534.45 608.96Z' stroke-linejoin='round'/%3E%3Ccircle cx='537.6' cy='623.3' r='6.55'/%3E%3C/svg%3E")}
.vgrid>.v5::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='655.5 601 60 46' fill='none' stroke='%23111' stroke-width='2.55'%3E%3Cpath d='M700.5 605.95C693.5 608.4 685 608.6 679 611.4C673.5 614.1 669.9 619 669.9 625.5C669.9 632 673.8 637.3 680.5 636.7C686.6 636.7 691.85 633.35 694.65 628C698.1 621.5 697.9 613 700.5 605.75Z' stroke-linejoin='miter'/%3E%3Cpath d='M667.5 642.1Q673.4 628 692.15 613.75' stroke-linecap='round'/%3E%3Cpath d='M678.1 618.9V625.65H685.8' stroke-linejoin='round' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E")}
/* アイコンの箱の左端を見本の x.5 に置く（舞台の左端が x.5 の撮影で、背景が画素に寄せられてずれないように） */
@media(min-width:761px){.vgrid>.v1::before{margin-left:calc(var(--u)*44.8)}.vgrid>.v2::before{margin-left:calc(var(--u)*44.98)}.vgrid>.v3::before{margin-left:calc(var(--u)*45.16)}.vgrid>.v4::before{margin-left:calc(var(--u)*45.34)}.vgrid>.v5::before{margin-left:calc(var(--u)*44.52)}}
/* 行ごとの位置と字送り（見本の字の並びに合わせる。left で2行とも、text-indent で1行目だけ動かす。::first-line は1行目の字送り） */
@media(min-width:761px){
:root .vgrid>.v1 h3{position:relative;left:calc(var(--u)*0.64);text-indent:calc(var(--u)*-0.28);letter-spacing:-0.0143em}
:root .vgrid>.v1 h3::first-line{letter-spacing:0.0371em}
:root .vgrid>.v2 h3{position:relative;left:calc(var(--u)*-0.96);text-indent:calc(var(--u)*1.48);letter-spacing:0.0143em}
:root .vgrid>.v2 h3::first-line{letter-spacing:-0.0086em}
:root .vgrid>.v3 h3{position:relative;left:calc(var(--u)*0.04);text-indent:calc(var(--u)*0.07);letter-spacing:-0.0143em}
:root .vgrid>.v3 h3::first-line{letter-spacing:0.0050em}
:root .vgrid>.v4 h3{position:relative;left:calc(var(--u)*1.04);text-indent:calc(var(--u)*-3.5);letter-spacing:-0.0399em}
:root .vgrid>.v4 h3::first-line{letter-spacing:-0.0001em}
:root .vgrid>.v5 h3{position:relative;left:calc(var(--u)*-0.28);text-indent:calc(var(--u)*1.11);letter-spacing:-0.0021em}
:root .vgrid>.v5 h3::first-line{letter-spacing:-0.0371em}
:root .vgrid>.v1 p{position:relative;left:calc(var(--u)*0.6);text-indent:calc(var(--u)*1.8);letter-spacing:0.0468em}
:root .vgrid>.v1 p::first-line{letter-spacing:0.0650em}
:root .vgrid>.v2 p{position:relative;left:calc(var(--u)*-0.56);text-indent:calc(var(--u)*2.35);letter-spacing:0.0718em}
:root .vgrid>.v2 p::first-line{letter-spacing:0.0309em}
:root .vgrid>.v3 p{position:relative;left:calc(var(--u)*0.4);text-indent:calc(var(--u)*0.06);letter-spacing:0.0650em}
:root .vgrid>.v3 p::first-line{letter-spacing:0.0705em}
:root .vgrid>.v4 p{position:relative;left:calc(var(--u)*-0.73);text-indent:calc(var(--u)*1.59);letter-spacing:0.0777em}
:root .vgrid>.v4 p::first-line{letter-spacing:0.0589em}
:root .vgrid>.v5 p{position:relative;left:calc(var(--u)*0.57);text-indent:calc(var(--u)*-0.15);letter-spacing:0.0423em}
:root .vgrid>.v5 p::first-line{letter-spacing:0.0650em}
}
/* ===== program ===== */
/* 見本の y737〜977。白い帯は画面の横いっぱい（上下はぼかして地へ溶かす）。部品の位置は見本の px（1u）で置く */
.panel{position:relative;isolation:isolate;margin-top:0;padding:calc(var(--u)*14.9) calc(var(--u)*5.1) calc(var(--u)*8.81) calc(var(--u)*4.9)}
.panel::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:linear-gradient(180deg,rgba(254,254,254,0) 0,rgba(254,254,254,.55) calc(var(--u)*2.5),rgba(254,254,254,.85) calc(var(--u)*4.5),#fefefe calc(var(--u)*7.5),#fefefe calc(var(--u)*203),rgba(254,254,254,.8) calc(var(--u)*226),rgba(254,254,254,.5) 100%)}
/* 下の端の左右だけ、金の地がにじむ（見本の x<25 と x>740、y≈935〜977） */
.panel::after{content:"";position:absolute;z-index:-1;left:calc(50% - 50vw);width:100vw;bottom:0;height:calc(var(--u)*44);pointer-events:none;background:linear-gradient(90deg,rgba(250,236,150,.22) calc(50vw - var(--u)*386.5),rgba(250,236,150,.17) calc(50vw - var(--u)*369),rgba(250,236,150,0) calc(50vw - var(--u)*362),rgba(250,236,150,0) calc(50vw + var(--u)*355),rgba(250,236,150,.1) calc(50vw + var(--u)*386.5));-webkit-mask:linear-gradient(180deg,transparent,#000);mask:linear-gradient(180deg,transparent,#000)}
.head{display:flex;align-items:center;height:calc(var(--u)*29.7);margin-right:calc(var(--u)*-1.2)}
.head h2{position:relative;top:calc(var(--u)*-1);font-size:calc(var(--u)*21);font-weight:900;color:#000;line-height:1;letter-spacing:0;margin-left:calc(var(--u)*0.24)}
.head .lead{flex:1;font-size:calc(var(--u)*11.8);line-height:1;font-weight:500;color:#484848;margin-left:calc(var(--u)*13.6);position:relative;top:calc(var(--u)*-1)}
.head .btn-o .wp-block-button__link{width:calc(var(--u)*170.2);height:calc(var(--u)*29.7);padding:0 0 calc(var(--u)*1.2) calc(var(--u)*28.25);justify-content:flex-start;font-size:calc(var(--u)*9.42);font-weight:700;gap:calc(var(--u)*9.3);border-color:#9d9d9d;border-radius:calc(var(--u)*4);color:#000}
/* 写真の枠は見本の x=25.7+184.5×n、幅168.1、y=788.6〜881.45（写真は見本からこの枠どおりに切った program-shot1〜4） */
.pgrid{display:grid;grid-template-columns:repeat(4,calc(var(--u)*168.1));column-gap:calc(var(--u)*16.4);margin:calc(var(--u)*7.28) calc(var(--u)*-0.4) 0 calc(var(--u)*0.8)}
.pgrid img{display:block;aspect-ratio:168.1/92.85;object-fit:cover;width:100%;height:auto;border-radius:calc(var(--u)*1.5);box-shadow:0 calc(var(--u)*10) calc(var(--u)*3) calc(var(--u)*-3) rgba(0,0,0,.02)}
.pgrid h3{position:relative;font-size:calc(var(--u)*14);font-weight:700;line-height:calc(var(--u)*19);padding-left:var(--tl);margin:calc(var(--u)*7.12) 0 0;color:#0b0b0b;font-feature-settings:"palt"}
.head .btn-o .wp-block-button__link::after{position:relative;top:calc(var(--u)*0.3);left:calc(var(--u)*0.4);color:#333;font-weight:500;transform:scaleY(1.25)}
/* 見本は一部のカタカナだけ詰まっている（テーマ・ヒント） */
.pgrid .kp{font-feature-settings:"palt";letter-spacing:calc(var(--u)*0.5)}
.pgrid h3 .dot{margin:0 calc(var(--u)*1.5)}
/* アイコンは見本の形を手で描いた SVG（26×24 の箱。箱の左上 = 見本の (28|214|400|585, 885)）。赤の面に内側の濃い縁、白い線は不透明 */
.pgrid h3::before{content:"";position:absolute;left:var(--il);top:calc(var(--u)*-4.02);width:calc(var(--u)*26);height:calc(var(--u)*24);background:center/100% 100% no-repeat}
.pgrid p{font-size:calc(var(--u)*12.25);line-height:calc(var(--u)*18);font-weight:500;color:#444;margin-top:calc(var(--u)*5.13);white-space:nowrap;padding-left:var(--pl)}
.pgrid>:nth-child(1){--tl:calc(var(--u)*36.45);--pl:calc(var(--u)*4.89);--il:calc(var(--u)*2.3)}
.pgrid>:nth-child(2){--tl:calc(var(--u)*38.22);--pl:calc(var(--u)*6.72);--il:calc(var(--u)*3.8)}
.pgrid>:nth-child(3){--tl:calc(var(--u)*39.94);--pl:calc(var(--u)*10.14);--il:calc(var(--u)*5.3)}
.pgrid>:nth-child(4){--tl:calc(var(--u)*39.17);--pl:calc(var(--u)*9.37);--il:calc(var(--u)*5.8)}
.pgrid .p1::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 24'%3E%3CclipPath id='a'%3E%3Cpath d='M3.6 7.2Q3.64 6.03 4.8 5.73L9.84 4.44Q11.01 4.15 12.13 4.58L21.99 8.38Q23.11 8.81 23.16 10.01L23.33 14.35Q23.38 15.55 22.27 16.01L12.38 20.13Q11.27 20.59 10.2 21.12L7.03 22.71Q6.72 22.87 6.63 22.53L6.13 20.63Q5.98 20.05 5.46 19.76L4.34 19.13Q3.29 18.54 3.33 17.34z'/%3E%3C/clipPath%3E%3Cpath fill='%23f3290d' d='M3.6 7.2Q3.64 6.03 4.8 5.73L9.84 4.44Q11.01 4.15 12.13 4.58L21.99 8.38Q23.11 8.81 23.16 10.01L23.33 14.35Q23.38 15.55 22.27 16.01L12.38 20.13Q11.27 20.59 10.2 21.12L7.03 22.71Q6.72 22.87 6.63 22.53L6.13 20.63Q5.98 20.05 5.46 19.76L4.34 19.13Q3.29 18.54 3.33 17.34z'/%3E%3Cpath fill='none' stroke='%23b11c12' stroke-width='1.5' stroke-linejoin='round' clip-path='url(%23a)' d='M3.6 7.2Q3.64 6.03 4.8 5.73L9.84 4.44Q11.01 4.15 12.13 4.58L21.99 8.38Q23.11 8.81 23.16 10.01L23.33 14.35Q23.38 15.55 22.27 16.01L12.38 20.13Q11.27 20.59 10.2 21.12L7.03 22.71Q6.72 22.87 6.63 22.53L6.13 20.63Q5.98 20.05 5.46 19.76L4.34 19.13Q3.29 18.54 3.33 17.34z'/%3E%3Cpath fill='%23fefefe' stroke='%23b11c12' stroke-width='0.9' stroke-linejoin='round' d='M10.35 10.15L15.9 12.85L10.35 15.45z'/%3E%3Cpath fill='%23fefefe' stroke='%23fefefe' stroke-width='0.5' stroke-linejoin='round' d='M10.35 10.15L15.9 12.85L10.35 15.45z'/%3E%3C/svg%3E")}
.pgrid .p2::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 24'%3E%3CclipPath id='a'%3E%3Cpath d='M13.85 3.2C16.6 3.2 18.25 5.6 18 8.2C17.75 10.9 15.6 13.25 13.85 13.25C12.1 13.25 9.95 10.9 9.7 8.2C9.45 5.6 11.1 3.2 13.85 3.2zM4.2 15.7A4.85 4.15 25 1 1 13 19.8A4.85 4.15 25 1 1 4.2 15.7zM15.55 20.41A4.7 3.5 -39 1 1 22.85 14.49A4.7 3.5 -39 1 1 15.55 20.41z'/%3E%3C/clipPath%3E%3Cpath fill='%23f3290d' d='M13.85 3.2C16.6 3.2 18.25 5.6 18 8.2C17.75 10.9 15.6 13.25 13.85 13.25C12.1 13.25 9.95 10.9 9.7 8.2C9.45 5.6 11.1 3.2 13.85 3.2zM4.2 15.7A4.85 4.15 25 1 1 13 19.8A4.85 4.15 25 1 1 4.2 15.7zM15.55 20.41A4.7 3.5 -39 1 1 22.85 14.49A4.7 3.5 -39 1 1 15.55 20.41z'/%3E%3Cpath fill='none' stroke='%23b11c12' stroke-width='1.5' stroke-linejoin='round' clip-path='url(%23a)' d='M13.85 3.2C16.6 3.2 18.25 5.6 18 8.2C17.75 10.9 15.6 13.25 13.85 13.25C12.1 13.25 9.95 10.9 9.7 8.2C9.45 5.6 11.1 3.2 13.85 3.2zM4.2 15.7A4.85 4.15 25 1 1 13 19.8A4.85 4.15 25 1 1 4.2 15.7zM15.55 20.41A4.7 3.5 -39 1 1 22.85 14.49A4.7 3.5 -39 1 1 15.55 20.41z'/%3E%3C/svg%3E")}
.pgrid .p3::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 24'%3E%3CclipPath id='a'%3E%3Cpath d='M5.05 13.6Q4.6 11.1 6.6 10.35Q8.1 9.7 9.15 9.95Q9.1 8.2 10.55 7.35Q11.2 5.6 13.2 5.15Q15.6 4.5 17.6 5.0Q19.1 5.3 19.6 6.65A1.9 1.9 0 1 1 23.15 6.85Q23.1 8.3 22.6 9.3Q23.15 10.4 23.0 12.3Q23.05 14.6 21.6 15.3Q19.3 15.6 17.2 16.25Q16.2 17.8 14.4 17.75Q12.6 17.85 11.6 16.25Q10.1 15.55 8.0 15.6Q5.4 15.75 5.05 13.6zM8.7 16.2Q10.15 17.6 10.45 19.6Q10.75 22.6 8.45 22.6Q6.15 22.6 6.55 19.6Q6.95 17.6 8.7 16.2zM20.2 16.95Q22.35 17.6 22.3 20.0Q22.25 22.6 20.35 22.6Q18.45 22.6 18.45 20.0Q18.5 17.75 20.2 16.95z'/%3E%3C/clipPath%3E%3Cpath fill='%23f3290d' d='M5.05 13.6Q4.6 11.1 6.6 10.35Q8.1 9.7 9.15 9.95Q9.1 8.2 10.55 7.35Q11.2 5.6 13.2 5.15Q15.6 4.5 17.6 5.0Q19.1 5.3 19.6 6.65A1.9 1.9 0 1 1 23.15 6.85Q23.1 8.3 22.6 9.3Q23.15 10.4 23.0 12.3Q23.05 14.6 21.6 15.3Q19.3 15.6 17.2 16.25Q16.2 17.8 14.4 17.75Q12.6 17.85 11.6 16.25Q10.1 15.55 8.0 15.6Q5.4 15.75 5.05 13.6zM8.7 16.2Q10.15 17.6 10.45 19.6Q10.75 22.6 8.45 22.6Q6.15 22.6 6.55 19.6Q6.95 17.6 8.7 16.2zM20.2 16.95Q22.35 17.6 22.3 20.0Q22.25 22.6 20.35 22.6Q18.45 22.6 18.45 20.0Q18.5 17.75 20.2 16.95z'/%3E%3Cpath fill='none' stroke='%23b11c12' stroke-width='1.5' stroke-linejoin='round' clip-path='url(%23a)' d='M5.05 13.6Q4.6 11.1 6.6 10.35Q8.1 9.7 9.15 9.95Q9.1 8.2 10.55 7.35Q11.2 5.6 13.2 5.15Q15.6 4.5 17.6 5.0Q19.1 5.3 19.6 6.65A1.9 1.9 0 1 1 23.15 6.85Q23.1 8.3 22.6 9.3Q23.15 10.4 23.0 12.3Q23.05 14.6 21.6 15.3Q19.3 15.6 17.2 16.25Q16.2 17.8 14.4 17.75Q12.6 17.85 11.6 16.25Q10.1 15.55 8.0 15.6Q5.4 15.75 5.05 13.6zM8.7 16.2Q10.15 17.6 10.45 19.6Q10.75 22.6 8.45 22.6Q6.15 22.6 6.55 19.6Q6.95 17.6 8.7 16.2zM20.2 16.95Q22.35 17.6 22.3 20.0Q22.25 22.6 20.35 22.6Q18.45 22.6 18.45 20.0Q18.5 17.75 20.2 16.95z'/%3E%3C/svg%3E")}
.pgrid .p4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 24'%3E%3CclipPath id='a'%3E%3Cpath d='M6.85 4.65H12.6V8.95H13.3V16.8H12.6V22.15H6.85Q6.45 22.15 6.45 21.75V13.55H5.2Q4.6 13.55 4.6 12.95V8.2Q4.6 7.6 5.2 7.6H6.45V5.05Q6.45 4.65 6.85 4.65zM14.6 4.65H22.05Q22.45 4.65 22.45 5.05V12.6L22.25 13.0V21.75Q22.25 22.15 21.85 22.15H15.2V16.8H14.5V10.25H14.6zM12.5 8.4H14.7V10.5H12.5z'/%3E%3C/clipPath%3E%3Cpath fill='%23f3290d' d='M6.85 4.65H12.6V8.95H13.3V16.8H12.6V22.15H6.85Q6.45 22.15 6.45 21.75V13.55H5.2Q4.6 13.55 4.6 12.95V8.2Q4.6 7.6 5.2 7.6H6.45V5.05Q6.45 4.65 6.85 4.65zM14.6 4.65H22.05Q22.45 4.65 22.45 5.05V12.6L22.25 13.0V21.75Q22.25 22.15 21.85 22.15H15.2V16.8H14.5V10.25H14.6zM12.5 8.4H14.7V10.5H12.5z'/%3E%3Cpath fill='none' stroke='%23b11c12' stroke-width='1.5' stroke-linejoin='round' clip-path='url(%23a)' d='M6.85 4.65H12.6V8.95H13.3V16.8H12.6V22.15H6.85Q6.45 22.15 6.45 21.75V13.55H5.2Q4.6 13.55 4.6 12.95V8.2Q4.6 7.6 5.2 7.6H6.45V5.05Q6.45 4.65 6.85 4.65zM14.6 4.65H22.05Q22.45 4.65 22.45 5.05V12.6L22.25 13.0V21.75Q22.25 22.15 21.85 22.15H15.2V16.8H14.5V10.25H14.6zM12.5 8.4H14.7V10.5H12.5z'/%3E%3Cpath stroke='%23fefefe' stroke-width='0.35' fill='none' d='M8.62 8.4H12.6M14.6 8.4H18.4'/%3E%3Cpath stroke='%23fefefe' stroke-width='0.75' fill='none' d='M9.0 8.35V13.6'/%3E%3Cpath stroke='%23fefefe' stroke-width='0.65' fill='none' d='M12.0 8.35V13.4'/%3E%3Cpath stroke='%23fefefe' stroke-width='0.45' fill='none' d='M16.9 8.35V14.0'/%3E%3Cpath stroke='%23fefefe' stroke-width='0.75' fill='none' d='M20.0 8.8V13.6'/%3E%3Cpath stroke='%23fefefe' stroke-width='1.35' fill='none' d='M10.9 17.55H16.9'/%3E%3C/svg%3E")}
/* ===== 基調報告（2026-10-13、中村様のご指摘「基調報告の詳細を入れましょう。チラシの基調報告箇所です」） =====
 * 文と写真はチラシ（二つ折りパンフの入稿データ）の基調報告の面から。地は白の帯、左の端に朱の印（分科会の黄色の印と同じ形）。 */
.kicho{position:relative;isolation:isolate;margin-top:calc(var(--u)*10);padding:calc(var(--u)*16) calc(var(--u)*5) calc(var(--u)*20)}
.kicho::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:linear-gradient(180deg,rgba(254,254,254,0),#fefefe calc(var(--u)*8),#fefefe calc(100% - var(--u)*10),rgba(254,254,254,0))}
.kc-head h2{font-size:calc(var(--u)*21);font-weight:900;line-height:1;color:#000}
.kc-body{display:grid;grid-template-columns:calc(var(--u)*214) 1fr;column-gap:calc(var(--u)*28);margin-top:calc(var(--u)*14);align-items:start}
.kc-photo img{width:100%;aspect-ratio:780/1290;object-fit:cover;border-radius:calc(var(--u)*4);box-shadow:0 calc(var(--u)*3) calc(var(--u)*10) rgba(60,40,0,.14)}
.kc-txt{min-width:0}
.kicho .kc-ttl{font-size:calc(var(--u)*30);font-weight:900;line-height:1.28;letter-spacing:-.03em;color:#1a1008}
.kicho .kc-ttl small{font-size:.58em;letter-spacing:0}
.kc-sub{margin-top:calc(var(--u)*6);font-size:calc(var(--u)*13.5);font-weight:900;letter-spacing:-.01em;color:#1a1008}
.kc-dl{display:grid;grid-template-columns:calc(var(--u)*44) auto;gap:calc(var(--u)*7) calc(var(--u)*10);align-items:center;margin-top:calc(var(--u)*12);font-size:calc(var(--u)*12.5);font-weight:800;line-height:1.35}
.kc-dl dt{background:#fc3f02;box-shadow:inset 0 0 0 calc(var(--u)*1.2) #d45204;color:#ffe9dc;border-radius:calc(var(--u)*8);font-size:calc(var(--u)*8);line-height:calc(var(--u)*16);font-weight:700;text-align:center;letter-spacing:.08em;text-indent:.08em}
.kc-dl dd small{font-size:.8em}
.kc-desc{margin-top:calc(var(--u)*14);font-size:calc(var(--u)*10.5);line-height:calc(var(--u)*19.5);font-weight:500;color:#333;text-align:justify;line-break:strict}
.kc-prof{margin-top:calc(var(--u)*16);padding:calc(var(--u)*12) calc(var(--u)*16) calc(var(--u)*14);background:#fbf7ec;border-left:calc(var(--u)*3) solid #e8b43a;border-radius:calc(var(--u)*3)}
.kc-name{font-size:calc(var(--u)*11);font-weight:700;line-height:1.5;color:#333}
.kc-name small{display:block;font-size:calc(var(--u)*9.5);font-weight:700;color:#555}
.kc-name small.r{display:inline;margin-left:.2em}
.kc-name b{font-size:calc(var(--u)*18);font-weight:900;letter-spacing:.08em;color:#111}
.kc-bio{margin-top:calc(var(--u)*6);font-size:calc(var(--u)*9.6);line-height:calc(var(--u)*17);font-weight:500;color:#444;text-align:justify;line-break:strict}
.kc-shots{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*8);margin-top:calc(var(--u)*18)}
.kc-shots img{width:100%;aspect-ratio:640/460;object-fit:cover;border-radius:calc(var(--u)*3)}
.kc-co{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--u)*4) calc(var(--u)*12);margin-top:calc(var(--u)*10);font-size:calc(var(--u)*9.4);line-height:1.5;font-weight:500;color:#444}
.kc-co b{padding:calc(var(--u)*2) calc(var(--u)*9);border:1px solid #555;font-weight:700;color:#222}
.kc-co a{color:#1f6fc5;text-decoration:underline;text-underline-offset:.15em}
@media(min-width:761px){
 .kicho::after{content:"";position:absolute;z-index:1;left:calc(var(--u)*-20.5);top:calc(var(--u)*12.5);width:calc(var(--u)*12.9);height:calc(var(--u)*28.7);background:#fc4503;clip-path:polygon(0 0,100% calc(var(--u)*1.6),100% calc(100% - var(--u)*4.2),0 100%)}
 .kc-head h2{margin-left:calc(var(--u)*1)}
}
/* ===== bunkakai ===== */
/* 寸法は見本の px（1u）。.bk の上端 = 見本の y978.5（上の枠の下端 975.5 から 3u）、左端 = 見本の x20.5（.wrap の左）。
   .bk の下端 = カードの下端（見本の y1199）。次の節（ブース）の中身は見本で y1209 から。
   カードの縁は見本の線に合わせて 2/3 と 4/5 の間をわずかに空ける（2 の右 x308・3 の左 x311、4 の右 x604.5・5 の左 x607）。
   写真の枠は見本の枠（上端 y1111.5・高さ 82.25u、幅は --pw）。写真（bk-*.webp）はこの枠の縦横比で切ってある（作り方は作業フォルダの mkphotos2.py）。
   印は公式の形のまま。1〜5 とも色だけ見本の色に塗り替えた bk-mark<N>.webp（mkmarks.py）。 */
.bk{position:relative}
.bk-head h2{font-weight:800;color:#0a0a0a}
.bk-head .lead{font-weight:700;color:#0a0a0a}
.bcard{position:relative;background:#fff}
.bcard .ic{position:relative;display:grid;place-items:center;color:#fff;font-weight:800;text-align:center}
.bcard .ic .wp-block-image{position:absolute;inset:0}
.bcard .ic .wp-block-image img{width:100%;height:100%;object-fit:contain}
.bcard .ic p{position:relative}
.bcard:nth-child(3) .ic{color:#1c1b19}
.bcard h3{font-weight:900;color:#0a0a0a}
.bcard .co{color:#0a0a0a}
.bcard .nm{font-weight:800}
.bcard .nm small{font-weight:600}
@media(min-width:761px){
 .bk{margin:calc(var(--u)*3) 0 0;padding-top:calc(var(--u)*6.5)}
 /* 左端の黄色い印（見本の x0〜11.9, y984.7〜1013.4）。上の辺は右へ 1.6u 下がり、下の辺は右へ 4.2u 上がる */
 .bk::before{content:"";position:absolute;z-index:1;left:calc(var(--u)*-20.5);top:calc(var(--u)*6.2);width:calc(var(--u)*12.9);height:calc(var(--u)*28.7);background:#f4c704;clip-path:polygon(0 0,100% calc(var(--u)*1.6),100% calc(100% - var(--u)*4.2),0 100%)}
 /* 印のまわりの淡い金のかすみ（見本の x0〜17, y975〜1064）と、右上の端のかすみ（x756〜773, y975〜1016）。見本から切り出した透ける画像（作業フォルダの mkhaze.py） */
 .bk::after{content:"";position:absolute;left:calc(var(--u)*-20.5);top:calc(var(--u)*-3.5);width:calc(var(--u)*17);height:calc(var(--u)*89);background:url(../images/bk-haze-l.webp) 0 0/100% 100% no-repeat;pointer-events:none}
 .bk-head::after{content:"";position:absolute;right:calc(var(--u)*-20.5);top:calc(var(--u)*-10);width:calc(var(--u)*17);height:calc(var(--u)*41);background:url(../images/bk-haze-r.webp) 0 0/100% 100% no-repeat;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}
 .bk-head{position:relative;display:flex;align-items:flex-start;height:calc(var(--u)*37);padding-left:calc(var(--u)*4.5)}
 .bk .bk-head h2{font-size:calc(var(--u)*21.5);line-height:1;margin:calc(var(--u)*3) 0 0 calc(var(--u)*1);white-space:nowrap}
 .bk-head .lead{font-size:calc(var(--u)*8);line-height:1;margin:calc(var(--u)*8.5) 0 0 calc(var(--u)*12.75);white-space:nowrap}
 .bk-head .lead .l1{font-size:calc(var(--u)*13.75)}
 .bk-head .lead .l2{font-size:calc(var(--u)*11.75);margin-left:calc(var(--u)*3.75)}
 .bk-head .wp-block-buttons{position:absolute;right:calc(var(--u)*-2.5);top:calc(var(--u)*2)}
 .bk-head .btn-o .wp-block-button__link{width:calc(var(--u)*136);height:calc(var(--u)*29);padding:calc(var(--u)*2.5) 0 calc(var(--u)*1.4) calc(var(--u)*4.5);gap:calc(var(--u)*5);border:calc(var(--u)*2) solid #d0d0ce;border-radius:calc(var(--u)*4);background:#fff;font-size:calc(var(--u)*9.5);font-weight:700;line-height:1;color:#0a0a0a}
 .bk-head .btn-o .wp-block-button__link::after{position:relative;top:calc(var(--u)*.5);font-size:calc(var(--u)*11);font-weight:400;line-height:1}
 .bgrid{display:grid;grid-template-columns:calc(var(--u)*142) calc(var(--u)*151) calc(var(--u)*148.5) calc(var(--u)*148.5) calc(var(--u)*147);margin-left:calc(var(--u)*-3.5);width:calc(var(--u)*737)}
 .bcard{height:calc(var(--u)*177);margin-right:calc(var(--u)*-1);border:1px solid #f1f1ea;border-radius:calc(var(--u)*3);box-shadow:0 calc(var(--u)*.5) calc(var(--u)*1.5) rgba(0,0,0,.04);
  --ml:3.85;--mt:1;--mw:46.3;--mh:47;--fx:-11.39;--fy:-12.25;--fw:70.56;--fh:70.56;--tdy:0;--tdx:0;--tx:60.5;--cx:24;--px:25.25;--pw:93.75}
 .bcard:nth-child(2){margin-right:calc(var(--u)*1);--ml:1.3;--mt:2.9;--mw:46.4;--mh:41.2;--fx:-9.67;--fy:-12.73;--fw:67.68;--fh:69.71;--tdy:2.5;--tx:53;--cx:22.5;--px:25.25;--pw:98}
 .bcard:nth-child(3){margin-left:calc(var(--u)*1);--ml:6;--mt:3.6;--mw:48;--mh:42.8;--fx:-9.33;--fy:-14.3;--fw:67.68;--fh:70.37;--tdy:0;--tx:64.5;--cx:21.5;--px:26;--pw:96.5}
 .bcard:nth-child(4){margin-right:calc(var(--u)*1.5);--ml:6.7;--mt:1.5;--mw:39.6;--mh:45;--fx:-11.51;--fy:-13;--fw:65.09;--fh:71;--tdy:0;--tx:61;--cx:21;--px:25.5;--pw:97}
 .bcard:nth-child(5){--ml:0;--mt:1;--mw:46;--mh:46;--fx:-7.62;--fy:-12.08;--fw:61.92;--fh:68.4;--tdy:.4;--tdx:0;--tx:51.5;--cx:19;--px:25.25;--pw:96}
 .bcard:nth-child(5) .ic{font-size:calc(var(--u)*5.6);line-height:calc(var(--u)*8.2)}
 /* 印の画像は白い余白つき（色の部分は約 2/3）。色の部分を見本の印の位置・大きさに合わせ、白は乗算で消す */
 .bcard .ic{position:absolute;left:calc(var(--u)*var(--ml) - 1px);top:calc(var(--u)*var(--mt) - 1px);width:calc(var(--u)*var(--mw));height:calc(var(--u)*var(--mh));font-size:calc(var(--u)*8);line-height:1.35}
 .bcard .ic .wp-block-image{inset:auto;left:calc(var(--u)*var(--fx));top:calc(var(--u)*var(--fy));width:calc(var(--u)*var(--fw));height:calc(var(--u)*var(--fh))}
 .bcard .ic .wp-block-image img{mix-blend-mode:multiply;object-fit:fill}
 .bcard .ic p{top:calc(var(--u)*var(--tdy));left:calc(var(--u)*var(--tdx,0))}
 .bcard h3{position:absolute;left:calc(var(--u)*var(--tx) - 1px);top:calc(var(--u)*8 - 1px);font-size:calc(var(--u)*10.75);line-height:calc(var(--u)*17.5);white-space:nowrap}
 .bcard h3 .sq{display:inline-block;transform-origin:0 50%}
 .bcard:nth-child(2) h3 .sq{transform:scaleX(.88)}
 .bcard:nth-child(3) h3{letter-spacing:calc(var(--u)*-.3)}
 .bcard:nth-child(4) h3{letter-spacing:calc(var(--u)*-.4)}
 .bcard:nth-child(4) h3 .sq{transform:scaleX(.93);letter-spacing:0}
 .bcard:nth-child(5) h3 .sq{transform:scaleX(.82)}
 .bcard .co{position:absolute;left:calc(var(--u)*var(--cx) - 1px);top:calc(var(--u)*53 - 1px);font-size:calc(var(--u)*10.5);font-weight:700;line-height:calc(var(--u)*16);white-space:nowrap}
 .bcard .nm{font-size:calc(var(--u)*10.5);word-spacing:calc(var(--u)*3.5)}
 .bcard .nm small{font-size:calc(var(--u)*9);margin-left:calc(var(--u)*-2)}
 .bcard:nth-child(5) .co{letter-spacing:calc(var(--u)*-.33)}
 .bcard:nth-child(5) .co .nm{letter-spacing:0}
 .bcard .pt{position:absolute;left:calc(var(--u)*var(--px) - 1px);top:calc(var(--u)*89.5 - 1px);width:calc(var(--u)*var(--pw));margin:0}
 .bcard .pt img{display:block;width:100%;height:calc(var(--u)*82.25);aspect-ratio:auto;object-fit:cover;border-radius:calc(var(--u)*1)}
}
/* ===== booth / sponsor ===== */
/* 見本 y1210-1352.75。左の箱 x17-386.5（展示・PRブース）、右の箱 x402-755.5（広告協賛）。.wrap（x20.5-752.5）から左へ3.5・右へ3はみ出す */
.row-bs{position:relative;display:grid;grid-template-columns:calc(var(--u)*369.5) calc(var(--u)*353.5);column-gap:calc(var(--u)*15.5);margin:calc(var(--u)*7) calc(var(--u)*-3) 0 calc(var(--u)*-3.5);padding:calc(var(--u)*4) 0 calc(var(--u)*.25)}
.booth,.sponsor{position:relative;overflow:hidden;border-radius:calc(var(--u)*4);height:calc(var(--u)*142.75);background:#fff;box-shadow:0 calc(var(--u)*.6) calc(var(--u)*.8) rgba(70,60,30,.035)}
.sponsor{background:#fefefa}
.booth .bg{position:absolute;right:calc(var(--u)*-.5);top:0;height:100%;width:calc(var(--u)*132);-webkit-mask:linear-gradient(90deg,transparent,#000 calc(var(--u)*8));mask:linear-gradient(90deg,transparent,#000 calc(var(--u)*8))}
.booth .bg img{width:100%;height:100%;object-fit:cover}
.bs-book{position:absolute;inset:0}
.bs-book svg{display:block;width:100%;height:100%}
.bs-in h2,.bs-in .cp,.bs-in p.d{position:absolute;z-index:2;white-space:nowrap;margin:0}
.bs-in h2{font-size:calc(var(--u)*17.4);font-weight:900;line-height:1;letter-spacing:0}
.bs-in h2::before{content:"";position:absolute;top:calc(var(--u)*-5);width:calc(var(--u)*17.5);height:calc(var(--u)*29);background:no-repeat center/100% 100%}
.bs-in .cp{font-weight:900}
.bs-in .cp,.bs-in p.d{text-shadow:0 0 calc(var(--u)*.6) #fff,calc(var(--u)*.6) 0 calc(var(--u)*.6) #fff,calc(var(--u)*-.6) 0 calc(var(--u)*.6) #fff,0 calc(var(--u)*.6) calc(var(--u)*.6) #fff,0 calc(var(--u)*-.6) calc(var(--u)*.6) #fff,0 0 calc(var(--u)*1.8) #fff}
.bs-in p.d{font-weight:600;color:#474747}
/* 展示・PRブース */
.booth h2{left:calc(var(--u)*26.9);top:calc(var(--u)*5.3);color:#287c51;letter-spacing:.0065em}
.booth h2 .nk{margin:0 -.1em 0 -.11em}
.booth h2 .pr{margin-left:calc(var(--u)*-1);letter-spacing:calc(var(--u)*.75)}
.booth h2::before{left:calc(var(--u)*-27.9);top:calc(var(--u)*-6.3);width:calc(var(--u)*19);height:calc(var(--u)*31);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 31'%3E%3ClinearGradient id='h' gradientUnits='userSpaceOnUse' x1='1.5' x2='18.3' y1='0' y2='0'%3E%3Cstop offset='0' stop-color='%230f9159'/%3E%3Cstop offset='.5' stop-color='%2308995c'/%3E%3Cstop offset='.8' stop-color='%2308985c'/%3E%3Cstop offset='.9' stop-color='%230d8a55'/%3E%3Cstop offset='1' stop-color='%231a7550'/%3E%3C/linearGradient%3E%3ClinearGradient id='v' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='1' y2='30.5'%3E%3Cstop offset='0' stop-color='%232f6b52' stop-opacity='.9'/%3E%3Cstop offset='.035' stop-color='%232f6b52' stop-opacity='.6'/%3E%3Cstop offset='.075' stop-color='%232f6b52' stop-opacity='0'/%3E%3Cstop offset='.86' stop-color='%231b6a48' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231b6a48' stop-opacity='.75'/%3E%3C/linearGradient%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='2.8' x2='6.2' y1='0' y2='0'%3E%3Cstop offset='0' stop-color='%237a9a8c' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%236a8f7e' stop-opacity='.9'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23a)' d='M2.8 1.25L6.2 1.05V2.05L2.8 1.75Z'/%3E%3Cfilter id='g' x='-.2' y='-.1' width='1.4' height='1.2'%3E%3CfeGaussianBlur stdDeviation='.28'/%3E%3C/filter%3E%3Cg filter='url(%23g)'%3E%3Cpath fill='url(%23h)' d='M5.5 1.6C6 1.2 7 1.1 8 1.1H13.5C14.6 1.1 15.2 1.6 15.6 2.6C16.2 4 16.8 5.6 17.3 7.3C17.8 9 18.15 11 18.2 14.5C18.25 18 18.1 21 17.75 23.3C17.3 25.4 16.1 27 14.7 28.2C13.4 29.4 11.7 30.2 9.5 30.4L5 30.42C3.6 30.4 2.4 30.2 1.9 29.8C1.5 29.4 1.5 28 1.75 27.5C2 27 2.4 26.7 3.5 26.5C5 26.2 6.5 25.7 7.5 25.1C8.5 24.4 9.4 23.5 9.65 22.6L10.05 16V7C10 6 9.8 5.2 9.5 4.5C9.1 3.5 8.2 2.9 7.25 2.5C6.5 2.2 5.9 1.9 5.5 1.6Z'/%3E%3Cpath fill='url(%23v)' d='M5.5 1.6C6 1.2 7 1.1 8 1.1H13.5C14.6 1.1 15.2 1.6 15.6 2.6C16.2 4 16.8 5.6 17.3 7.3C17.8 9 18.15 11 18.2 14.5C18.25 18 18.1 21 17.75 23.3C17.3 25.4 16.1 27 14.7 28.2C13.4 29.4 11.7 30.2 9.5 30.4L5 30.42C3.6 30.4 2.4 30.2 1.9 29.8C1.5 29.4 1.5 28 1.75 27.5C2 27 2.4 26.7 3.5 26.5C5 26.2 6.5 25.7 7.5 25.1C8.5 24.4 9.4 23.5 9.65 22.6L10.05 16V7C10 6 9.8 5.2 9.5 4.5C9.1 3.5 8.2 2.9 7.25 2.5C6.5 2.2 5.9 1.9 5.5 1.6Z'/%3E%3C/g%3E%3C/svg%3E")}
.booth .cp{left:calc(var(--u)*24.5);top:calc(var(--u)*30.2);font-size:calc(var(--u)*15);line-height:1.2;letter-spacing:.027em;color:#2b764b}
.booth p.d{left:calc(var(--u)*25.5);top:calc(var(--u)*55.1);font-size:calc(var(--u)*9.65);line-height:calc(var(--u)*18);letter-spacing:.016em}
.booth p.d .l2{letter-spacing:.022em}
/* 広告協賛 */
.sponsor h2{left:calc(var(--u)*25.4);top:calc(var(--u)*5.5);color:#8a7026;letter-spacing:-.008em}
.sponsor h2::before{left:calc(var(--u)*-26.4);top:calc(var(--u)*-6.5);width:calc(var(--u)*19);height:calc(var(--u)*31);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 31'%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='1.6' x2='17.2' y1='0' y2='0'%3E%3Cstop offset='0' stop-color='%23b49e45'/%3E%3Cstop offset='.2' stop-color='%23bea12c'/%3E%3Cstop offset='.42' stop-color='%23bf9d14'/%3E%3Cstop offset='.53' stop-color='%23cba92d'/%3E%3Cstop offset='.6' stop-color='%23c6a31c'/%3E%3Cstop offset='.68' stop-color='%23bb970a'/%3E%3Cstop offset='.82' stop-color='%23b8930b'/%3E%3Cstop offset='.9' stop-color='%23ad8914'/%3E%3Cstop offset='1' stop-color='%23a1832a'/%3E%3C/linearGradient%3E%3ClinearGradient id='t' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='.6' y2='3.2'%3E%3Cstop offset='0' stop-color='%23aab096' stop-opacity='.5'/%3E%3Cstop offset='.6' stop-color='%23b0b090' stop-opacity='.35'/%3E%3Cstop offset='1' stop-color='%23b0b090' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' gradientUnits='userSpaceOnUse' x1='1.6' x2='9' y1='0' y2='0'%3E%3Cstop offset='0' stop-color='%23efe3a2'/%3E%3Cstop offset='.2' stop-color='%23f5e197'/%3E%3Cstop offset='.45' stop-color='%23f9db89'/%3E%3Cstop offset='.8' stop-color='%23ffdc7e'/%3E%3Cstop offset='.93' stop-color='%23f2d066'/%3E%3Cstop offset='1' stop-color='%23e2bd48'/%3E%3C/linearGradient%3E%3ClinearGradient id='s' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='3' y2='7.2'%3E%3Cstop offset='0' stop-color='%23c49a26' stop-opacity='.55'/%3E%3Cstop offset='.5' stop-color='%23d4a63a' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23d4a63a' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='r' x='-1' y='-1' width='3' height='3'%3E%3CfeGaussianBlur stdDeviation='.55'/%3E%3C/filter%3E%3Cfilter id='w' x='-.5' y='-.5' width='2' height='2'%3E%3CfeGaussianBlur stdDeviation='.8'/%3E%3C/filter%3E%3ClinearGradient id='k' gradientUnits='userSpaceOnUse' x1='4' x2='17' y1='0' y2='0'%3E%3Cstop offset='0' stop-color='%236e5410' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%236e5410' stop-opacity='.32'/%3E%3C/linearGradient%3E%3CclipPath id='c'%3E%3Cpath d='M1.62 3.2C1.62 1.8 2.4 .9 4 .88H12.2C13.3 .88 13.9 1.3 14.4 2.3C15 3.5 15.4 4.9 15.9 6.3C16.5 7.6 17 8.8 17.1 10.5L17.2 15.5C17.2 19 17.1 21.3 16.75 23.2C16.4 25 15.5 26.7 14.3 27.8C13.2 28.9 12 29.7 10.4 30L3.2 30.2C2.3 30.2 1.62 29.6 1.62 28.6Z'/%3E%3C/clipPath%3E%3Cfilter id='g' x='-.2' y='-.1' width='1.4' height='1.2'%3E%3CfeGaussianBlur stdDeviation='.25'/%3E%3C/filter%3E%3Cg filter='url(%23g)'%3E%3Cpath fill='url(%23b)' d='M1.62 3.2C1.62 1.8 2.4 .9 4 .88H12.2C13.3 .88 13.9 1.3 14.4 2.3C15 3.5 15.4 4.9 15.9 6.3C16.5 7.6 17 8.8 17.1 10.5L17.2 15.5C17.2 19 17.1 21.3 16.75 23.2C16.4 25 15.5 26.7 14.3 27.8C13.2 28.9 12 29.7 10.4 30L3.2 30.2C2.3 30.2 1.62 29.6 1.62 28.6Z'/%3E%3Cpath fill='url(%23t)' d='M1.62 3.2C1.62 1.8 2.4 .9 4 .88H12.2C13.3 .88 13.9 1.3 14.4 2.3C15 3.5 15.4 4.9 15.9 6.3C16.5 7.6 17 8.8 17.1 10.5L17.2 15.5C17.2 19 17.1 21.3 16.75 23.2C16.4 25 15.5 26.7 14.3 27.8C13.2 28.9 12 29.7 10.4 30L3.2 30.2C2.3 30.2 1.62 29.6 1.62 28.6Z'/%3E%3Cpath fill='url(%23f)' d='M1.62 1.6C1.62 1.15 2 1 2.6 1.05L3.4 1.2L5 2.6L9 3V22.4C9 23.5 8.5 24.2 7.4 24.4L1.62 25.2Z'/%3E%3Cpath fill='%23eebd38' opacity='.5' filter='url(%23w)' d='M5 2.8L9 3V9.5Z'/%3E%3Cpath fill='url(%23k)' d='M.95 24.6H17V31H.95Z' clip-path='url(%23c)'/%3E%3Cellipse cx='9.1' cy='24.2' rx='2.4' ry='1.2' fill='%23a8620e' opacity='.5' filter='url(%23r)'/%3E%3C/g%3E%3C/svg%3E")}
.sponsor .cp{left:calc(var(--u)*24);top:calc(var(--u)*27.9);font-size:calc(var(--u)*13.6);line-height:calc(var(--u)*18.4);letter-spacing:.033em;font-weight:800;color:#634e22}
.sponsor .cp .l2{letter-spacing:.042em}
.sponsor p.d{left:calc(var(--u)*24);top:calc(var(--u)*68.05);font-size:calc(var(--u)*9.5);line-height:calc(var(--u)*16);letter-spacing:.02em}
.sponsor p.d .l2{letter-spacing:.037em}
/* 冊子の青い帯の右と下に出る、うすい水色の光（カードの外の分。見本 x755.5-757.2 / y1352.75-1355） */
.row-bs::after{content:"";position:absolute;right:calc(var(--u)*-1.7);bottom:calc(var(--u)*-2);width:calc(var(--u)*71.2);height:calc(var(--u)*35);pointer-events:none;
 background:linear-gradient(90deg,rgba(210,245,255,1),rgba(228,250,255,.9) 55%,rgba(240,252,255,.3)) no-repeat right top/calc(var(--u)*1.7) calc(100% - var(--u)*2.25),
 linear-gradient(180deg,rgba(214,248,255,.95),rgba(234,252,255,.72) 45%,rgba(244,250,248,0)) no-repeat left bottom/100% calc(var(--u)*2.25);
 -webkit-mask:linear-gradient(90deg,transparent,#000 calc(var(--u)*4));mask:linear-gradient(90deg,transparent,#000 calc(var(--u)*4))}
/* ボタン */
.btn-s .wp-block-button__link{position:absolute;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u)*12);color:#effff6;font-weight:600;font-size:calc(var(--u)*13.4);letter-spacing:.06em;padding-left:calc(var(--u)*4);line-height:1.3;border-radius:calc(var(--u)*4);transition:filter .15s;z-index:3;height:calc(var(--u)*36.5)}
.btn-s .wp-block-button__link:hover{filter:brightness(1.1)}
.booth .btn-s .wp-block-button__link{left:calc(var(--u)*71.3);top:calc(var(--u)*101.1);width:calc(var(--u)*227.5);height:calc(var(--u)*37);background:#058647 repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 calc(var(--u)*4),rgba(0,0,0,.02) calc(var(--u)*4) calc(var(--u)*7))}
.sponsor .btn-s .wp-block-button__link{left:calc(var(--u)*64.6);top:calc(var(--u)*106.2);width:calc(var(--u)*220);height:calc(var(--u)*36.7);color:#fff7d0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 calc(var(--u)*4),rgba(0,0,0,.012) calc(var(--u)*4) calc(var(--u)*9)),radial-gradient(60% 90% at 18% 20%,rgba(255,220,90,.07),transparent),linear-gradient(90deg,#a67a07,#9e7505 45%,#957002);justify-content:flex-start;padding:0 0 calc(var(--u)*1) calc(var(--u)*29.4);gap:calc(var(--u)*9.5);letter-spacing:.056em}
.sponsor .btn-s .wp-block-button__link::after{font-size:calc(var(--u)*11.6)}
.booth .btn-s .wp-block-button__link::after,.sponsor .btn-s .wp-block-button__link::after{font-weight:300;letter-spacing:0}
/* ===== ndgs / outline ===== */
/* 見本: 左のカード x12-414・右のカード x417-760（.wrap より左右に 8u はみ出す）、y1363-1567 */
.row-nd{margin-top:calc(var(--u)*10)}
.row-nd>.card,.row-ga>.card{border:1px solid #edebe5;border-radius:calc(var(--u)*5);padding:0}
@media(min-width:761px){
 .row-nd{margin-left:calc(var(--u)*-8);margin-right:calc(var(--u)*-8)}
 .row-ga>.card{height:calc(var(--u)*204)}
}
/* NDGs の字のロゴ・一文 */
.ndgs .logo{display:flex;align-items:flex-start;margin:calc(var(--u)*12) 0 0 calc(var(--u)*22)}
:root .ndgs .logo .ndg-name{font-size:calc(var(--u)*31.6);font-weight:325;letter-spacing:-.025em;line-height:1;color:#2b6290}
.ndgs .logo .ndg-sub{font-size:calc(var(--u)*7.4);font-weight:550;line-height:calc(var(--u)*8.6);color:#42667c;margin:calc(var(--u)*5) 0 0 calc(var(--u)*8);padding:0 0 0 calc(var(--u)*3.5);letter-spacing:.02em;background:linear-gradient(#e6e6e6,#e6e6e6) 0 calc(var(--u)*0.5)/1px calc(var(--u)*23.5) no-repeat}
.ndgs .logo .ndg-lead{font-size:calc(var(--u)*10.05);font-weight:720;line-height:calc(var(--u)*15);color:#1a1a1a;margin:calc(var(--u)*1.8) 0 0 calc(var(--u)*14);white-space:nowrap}
/* マーク8つ（公式の ndg1-8.png）と名前 */
.ngrid{display:grid;grid-template-columns:repeat(4,calc(var(--u)*93.75));row-gap:calc(var(--u)*15);margin:calc(var(--u)*14) 0 0 calc(var(--u)*14);text-align:center}
.ngrid .wp-block-image{width:calc(var(--u)*29);height:calc(var(--u)*29);margin:0 auto}
.ngrid .wp-block-image img{width:100%;height:100%;object-fit:contain}
@media(min-width:761px){
 /* 見本のマークの大きさ・高さに寄せる（公式の絵のまま。箱 29u の真ん中に、マークごとの大きさで置く） */
 .ngrid .wp-block-image{display:flex;align-items:center;justify-content:center;transform:translateY(calc(var(--u)*1))}
 .ngrid>div:nth-child(n+5) .wp-block-image{transform:translateY(calc(var(--u)*.5))}
 .ngrid .wp-block-image img{flex:none;width:calc(var(--u)*var(--s,29));height:calc(var(--u)*var(--s,29));max-width:none}
 .ngrid>div:nth-child(1){--s:29.5}
 .ngrid>div:nth-child(2){--s:28}
 .ngrid>div:nth-child(3){--s:31.5}
 .ngrid>div:nth-child(4){--s:26}
 .ngrid>div:nth-child(5){--s:29.5}
 .ngrid>div:nth-child(6){--s:26.5}
 .ngrid>div:nth-child(7){--s:31}
 .ngrid>div:nth-child(8){--s:29}
}
.ngrid p{font-size:calc(var(--u)*7.7);font-weight:800;line-height:calc(var(--u)*10);color:#333;margin-top:calc(var(--u)*8);white-space:nowrap}
/* NDGs は1枚の札にして、マーク8つを横一列に（2026-10-13、実行委員長あいさつを上へ移し、開催概要と会場アクセスを最後にまとめたため） */
@media(min-width:761px){
 .row-nd .ndgs{padding:calc(var(--u)*14) calc(var(--u)*20) calc(var(--u)*16)}
 .row-nd .ndgs .logo{height:auto;margin:0 0 0 calc(var(--u)*4);align-items:center}
 .row-nd .ndgs .logo .ndg-sub{margin-top:0}
 .row-nd .ndgs .logo .ndg-lead{margin:0 0 0 calc(var(--u)*18);font-size:calc(var(--u)*11.5)}
 .row-nd .ndgs .logo .ndg-lead br{display:none}
 .row-nd .ndgs .logo .ndg-lead .l2{font-size:inherit}
 .row-nd .ngrid{grid-template-columns:repeat(8,1fr);margin:calc(var(--u)*16) 0 0}
 .row-nd .ngrid p{font-size:calc(var(--u)*8.4);line-height:calc(var(--u)*11)}
}
/* 開催概要 */
.row-ga>.gaiyo{padding:calc(var(--u)*10) calc(var(--u)*11) 0 calc(var(--u)*9)}
.gaiyo h2{font-size:calc(var(--u)*15);font-weight:900;line-height:1;margin:0;color:#111}
.gaiyo table{width:100%;border-collapse:collapse;margin-top:calc(var(--u)*3);border:1px solid #ececec;font-size:calc(var(--u)*11);line-height:calc(var(--u)*16.5)}
.gaiyo th{background:#e9e9e9;width:calc(var(--u)*67);font-size:calc(var(--u)*10.8);font-weight:760;color:#111;text-align:center;vertical-align:middle;white-space:nowrap;padding:0 calc(var(--u)*4) 0 0}
.gaiyo td{color:#333;font-weight:450;padding:0 0 calc(var(--u)*1) calc(var(--u)*14);vertical-align:middle;white-space:nowrap}
.gaiyo tr+tr>*{border-top:1px solid #ececec}
.gaiyo tr+tr>th{border-top-color:#dcdcdc}
.gaiyo tr:nth-child(1)>*{height:calc(var(--u)*41)}
.gaiyo tr:nth-child(2)>*{height:calc(var(--u)*62)}
.gaiyo tr:nth-child(3)>*{height:calc(var(--u)*30.5)}
.gaiyo tr:nth-child(4)>*{height:calc(var(--u)*30.5)}
.gaiyo td .ad{display:block;margin-top:calc(var(--u)*4)}
.gaiyo td .ad .n{letter-spacing:.05em}
@media(min-width:761px){
 .ndgs .logo{height:calc(var(--u)*33)}
 .ndgs .logo .ndg-name{flex:none;width:calc(var(--u)*76)}
 .ndgs .logo .ndg-lead .l2{font-size:calc(var(--u)*10.6)}
 /* 行ごとの字の高さ（見本に合わせて上下を詰める） */
 .gaiyo tr:nth-child(1)>td{padding-bottom:calc(var(--u)*3)}
 .gaiyo tr:nth-child(1)>th,.gaiyo tr:nth-child(3)>th{padding-bottom:calc(var(--u)*2)}
 .gaiyo tr:nth-child(2)>th{padding-bottom:calc(var(--u)*4)}
 .gaiyo tr:nth-child(2)>td{line-height:calc(var(--u)*16);padding-bottom:calc(var(--u)*3)}
}
/* ===== 実行委員長あいさつ / 会場アクセス =====
 * 見本の y1571〜1767。左の札 x12〜414、右の札 x417〜760（.wrap より左右に 8u はみ出す）。
 * PC は札の高さを決め、中身は札の左上からの位置で置く（見本の px = u）。 */
.greet .sig svg{fill:#231f20;stroke:#231f20;stroke-width:18;stroke-linejoin:round}
.row-ga .map{display:block;width:100%;height:auto}
.row-ga .map text{font-family:"Noto Sans JP",sans-serif}
/* 見出し「実行委員長あいさつ」: 1字目は青、「行委員」の下に淡いミントの帯、「長」は深い青緑 */
.greet h2 .h-j{color:#2784b9;font-weight:800;text-shadow:calc(var(--u)*.8) 0 calc(var(--u)*.6) #c0ecf8,calc(var(--u)*-.8) 0 calc(var(--u)*.6) #c0ecf8,0 calc(var(--u)*.8) calc(var(--u)*.6) #c0ecf8,0 calc(var(--u)*-.8) calc(var(--u)*.6) #c0ecf8,0 0 calc(var(--u)*2) rgba(196,238,250,.9)}
.greet h2 .h-m{color:#0f1c16;padding-bottom:.12em;background:linear-gradient(180deg,transparent 0,transparent 56%,rgba(208,238,220,.45) 64%,#d0eedc 74%,#d0eedc 82%,rgba(208,238,220,.55) 91%,transparent 100%) no-repeat .225em 0/calc(100% - .4em) 100%}
.greet h2 .h-c{color:#11262b}
@media(min-width:761px){
 /* 最後の行：左に開催概要、右に会場アクセス（札の高さは 204u でそろえる） */
 .row-ga{display:grid;grid-template-columns:calc(var(--u)*372) calc(var(--u)*370);gap:calc(var(--u)*3);margin:calc(var(--u)*10) calc(var(--u)*-8) 0}
 .row-ga .access{position:relative;padding:0;background:#fefefd;overflow:hidden}
 .access h2{position:absolute;left:calc(var(--u)*13.15);top:calc(var(--u)*10);margin:0;font-size:calc(var(--u)*15);line-height:1;font-weight:900;letter-spacing:0;color:#111;white-space:nowrap}
 /* 実行委員長あいさつ：動画の下に、横長の札（上に淡い金のまだらの帯 ga-band.webp を横へ伸ばす） */
 .row-mg .greet{position:relative;padding:calc(var(--u)*10) calc(var(--u)*24) calc(var(--u)*18) calc(var(--u)*16);background:#fefefd url(../images/ga-band.webp) 0 calc(var(--u)*-.5)/100% calc(var(--u)*38) no-repeat;box-shadow:inset 0 0 0 1px #f2eedf,0 calc(var(--u)*.6) calc(var(--u)*1.2) rgba(70,60,30,.04);border-radius:calc(var(--u)*5)}
 .greet h2{position:relative;display:inline-block;margin:0;font-size:calc(var(--u)*17);line-height:calc(var(--u)*22);font-weight:900;letter-spacing:.011em;color:#0d0c07;white-space:nowrap}
 /* 見出しの右の点線: 見本 x186〜258 は細い途切れない線に濃い粒、その先は x329・362・383 の点と x392〜396 の斜めの印（箱の左上 = 見本 x181, y1582） */
 .greet h2::after{content:"";position:absolute;left:calc(100% + var(--u)*8);top:calc(var(--u)*6.4);width:calc(var(--u)*230);height:calc(var(--u)*10);background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 230 10'><g fill='%23605840'><rect x='4.5' y='4.15' width='59.5' height='1.1' opacity='.14'/><rect x='64' y='4.15' width='4.5' height='1' opacity='.05'/><rect x='68.5' y='4.15' width='8' height='1' opacity='.1'/><rect x='76.5' y='4.15' width='8' height='1' opacity='.05'/><ellipse cx='14.8' cy='5.2' rx='2.8' ry='.6' opacity='.1'/><ellipse cx='21.8' cy='4.9' rx='1.8' ry='.6' opacity='.09'/><ellipse cx='44.6' cy='4.8' rx='2.2' ry='.6' opacity='.13'/><ellipse cx='54.9' cy='4.8' rx='1.3' ry='.65' opacity='.2'/><ellipse cx='61.7' cy='4.8' rx='1.8' ry='.7' opacity='.3'/><ellipse cx='69.6' cy='4.8' rx='1' ry='.6' opacity='.08'/><ellipse cx='83' cy='2.6' rx='1.1' ry='.7' opacity='.2'/><ellipse cx='101.1' cy='5.5' rx='1.3' ry='.6' opacity='.12'/><circle cx='148.2' cy='5.4' r='.8' opacity='.32'/><circle cx='151' cy='4.5' r='.6' opacity='.24'/><circle cx='153' cy='2.6' r='.6' opacity='.2'/><ellipse cx='180.9' cy='4.6' rx='1.25' ry='.85' opacity='.45'/><ellipse cx='202.9' cy='5.4' rx='1.25' ry='.85' opacity='.42'/><circle cx='205.1' cy='5.5' r='.6' opacity='.24'/><path d='M211 5.3L215.7 9.9' stroke='%23605840' stroke-width='1' opacity='.32'/></g></svg>") 0 0/100% 100% no-repeat}
 .greet .in{display:grid;grid-template-columns:calc(var(--u)*150) 1fr;column-gap:calc(var(--u)*24);margin-top:calc(var(--u)*14)}
 .greet .in>.wp-block-image{width:calc(var(--u)*150);height:calc(var(--u)*200)}
 .greet .in>.wp-block-image img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--u)*2)}
 :root .greet h3{margin:calc(var(--u)*2) 0 0;font-size:calc(var(--u)*14);line-height:1.35;font-weight:800;letter-spacing:0;color:#111}
 .greet .msg{margin:calc(var(--u)*10) 0 0;font-size:calc(var(--u)*10.4);line-height:calc(var(--u)*19.5);font-weight:500;color:#333;text-align:justify;line-break:strict}
 .greet .sig{display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--u)*12);margin:calc(var(--u)*10) 0 0}
 .greet .sig span{font-size:calc(var(--u)*9);line-height:1;font-weight:700;color:#535353;white-space:nowrap}
 .greet .sig svg{display:block;width:calc(var(--u)*74);height:calc(var(--u)*16.8)}
 /* 右：写真と住所・ボタン・略図 */
 .access .in{position:absolute;left:calc(var(--u)*13.3);top:calc(var(--u)*36);right:calc(var(--u)*12.5);display:grid;grid-template-columns:calc(var(--u)*133.2) 1fr;column-gap:calc(var(--u)*12.1)}
 .access .in>.wp-block-image{position:relative;width:calc(var(--u)*132);height:calc(var(--u)*103.8);margin-left:calc(var(--u)*.17);overflow:visible}
 .access .in>.wp-block-image img{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:0 calc(var(--u)*1.5) calc(var(--u)*2.5) rgba(0,0,0,.035)}
 .access .in>.wp-block-image::after{content:"";position:absolute;left:0;top:calc(100% + var(--u)*7);width:1px;height:calc(var(--u)*38);background:rgba(0,0,0,.055)}
 :root .access .addr{margin:calc(var(--u)*-.8) 0 0;font-style:normal;font-size:calc(var(--u)*10);line-height:calc(var(--u)*14.2);font-weight:900;color:#171717;letter-spacing:0;white-space:nowrap}
 .access .addr small{display:block;margin-top:calc(var(--u)*1.3);font-size:calc(var(--u)*10);font-weight:500;color:#464646;letter-spacing:.025em}
 /* 住所の3行目: 見本は漢字が詰まり、数字が開いている */
 .access .addr .k{margin-left:calc(var(--u)*1.6);letter-spacing:-.03em}
 .access .addr .n{margin-left:calc(var(--u)*.6);letter-spacing:.09em}
 .access .wp-block-buttons{display:block;margin-top:calc(var(--u)*4.3)}
 .access .wp-block-button{display:block;width:calc(var(--u)*164);margin-left:calc(var(--u)*-.6)}
 .access .btn-o .wp-block-button__link{display:flex;box-sizing:border-box;width:100%;height:calc(var(--u)*29.4);padding:0 0 calc(var(--u)*1) calc(var(--u)*9.6);gap:calc(var(--u)*9.5);border:1px solid #bdbdbd;border-radius:calc(var(--u)*4);box-shadow:inset 0 0 0 calc(var(--u)*.3) #d0d0d0,0 calc(var(--u)*.8) calc(var(--u)*1.2) rgba(0,0,0,.07);font-size:calc(var(--u)*10);font-weight:900;letter-spacing:0;color:#161616}
 .access .btn-o .wp-block-button__link::after{font-weight:500;font-size:calc(var(--u)*10)}
 .row-ga .map{width:calc(var(--u)*172.7);height:calc(var(--u)*72.6);margin:calc(var(--u)*8) 0 0 calc(var(--u)*-.1)}
}
/* ===== 結び（景色） =====
 * .fin の箱は見本の y1761〜1928（167u）。上の 6u は ga のカードの下端（見本 y1767）に重なり、そこは透けてカードが見える。
 * 景色の写真 fin-landscape.webp は見本から切り出し、字を消し、左右に 450u ずつ伸ばした物（1673u x 167u を 3倍）。伸ばした所は、縁のすぐ外だけ鏡の写しにして縁から 6〜30u で繰り返しへ移し、外へ行くほどぼかしてある（鏡だけだと縁に左右対称の継ぎ目が出る。作り方は scratchpad/fin/extend.py）。
 * 舞台（真ん中の 773u）に見本と同じ所が来るように、高さと幅を u で決めて真ん中に置く。画面がもっと広いときは、下の層（cover）が外を埋める。
 * 上と下のゆるい曲線は clip-path（見本で測った点）。舞台の外は端の高さのまま平らにのばす。
 * 小さい字は見本の字ごとの位置に当てた（字間 1.66u、見本は「、」の後ろが詰まっているので .fin-ten で 4.4u 詰める。PC だけ）。
 * 字の縁の細い紺のふち（見本の字の周り 1〜2px が暗い）は、小さい字は4方向の text-shadow、題の画像は drop-shadow で寄せた。
 */
.fin{position:relative;color:#fff;text-align:center}
/* 同友会の3つの目的（2026-10-13、中村様のご指摘で「出会いが、未来をつくる。」から差し替え）。字の縁は景色に負けないよう紺のふち */
.fin .fin-label{display:inline-block;margin:0;font-weight:700;letter-spacing:.2em;text-indent:.2em;color:#fff;border:1px solid rgba(255,255,255,.85);border-radius:999px;background:rgba(0,25,60,.28);text-shadow:0 0 3px rgba(0,15,45,.8)}
.fin .fin-goals{list-style:none;margin:0;padding:0}
.fin .fin-goals li{font-weight:800;letter-spacing:.14em;text-indent:.14em;color:#fff;text-shadow:1px 0 1px rgba(0,15,45,.95),-1px 0 1px rgba(0,15,45,.95),0 1px 1px rgba(0,15,45,.95),0 -1px 1px rgba(0,15,45,.95),0 0 8px rgba(0,20,50,.6)}
@media(min-width:761px){
 .fin{margin-top:calc(var(--u)*-6);height:calc(var(--u)*167);background:url(../images/fin-landscape.webp) center top/calc(var(--u)*1673) calc(var(--u)*167) no-repeat,url(../images/fin-landscape.webp) center/cover no-repeat;clip-path:polygon(0 calc(var(--u)*6.9),calc(50% - var(--u)*386.5) calc(var(--u)*6.9),calc(50% - var(--u)*376.5) calc(var(--u)*8),calc(50% - var(--u)*366.5) calc(var(--u)*9),calc(50% - var(--u)*356.5) calc(var(--u)*10.1),calc(50% - var(--u)*346.5) calc(var(--u)*10.9),calc(50% - var(--u)*336.5) calc(var(--u)*11.7),calc(50% - var(--u)*326.5) calc(var(--u)*12.6),calc(50% - var(--u)*316.5) calc(var(--u)*13.5),calc(50% - var(--u)*306.5) calc(var(--u)*13.9),calc(50% - var(--u)*296.5) calc(var(--u)*14.6),calc(50% - var(--u)*286.5) calc(var(--u)*14.9),calc(50% - var(--u)*276.5) calc(var(--u)*15.4),calc(50% - var(--u)*266.5) calc(var(--u)*15.6),calc(50% - var(--u)*251.5) calc(var(--u)*15.8),calc(50% - var(--u)*236.5) calc(var(--u)*15.9),calc(50% + var(--u)*153.5) calc(var(--u)*15.9),calc(50% + var(--u)*173.5) calc(var(--u)*15.7),calc(50% + var(--u)*193.5) calc(var(--u)*15.5),calc(50% + var(--u)*213.5) calc(var(--u)*15.2),calc(50% + var(--u)*233.5) calc(var(--u)*14.8),calc(50% + var(--u)*243.5) calc(var(--u)*14.7),calc(50% + var(--u)*253.5) calc(var(--u)*14.4),calc(50% + var(--u)*263.5) calc(var(--u)*14.2),calc(50% + var(--u)*273.5) calc(var(--u)*13.5),calc(50% + var(--u)*283.5) calc(var(--u)*13.3),calc(50% + var(--u)*293.5) calc(var(--u)*12.8),calc(50% + var(--u)*303.5) calc(var(--u)*12.5),calc(50% + var(--u)*313.5) calc(var(--u)*11.6),calc(50% + var(--u)*323.5) calc(var(--u)*11),calc(50% + var(--u)*333.5) calc(var(--u)*10.4),calc(50% + var(--u)*343.5) calc(var(--u)*9.9),calc(50% + var(--u)*353.5) calc(var(--u)*9.3),calc(50% + var(--u)*363.5) calc(var(--u)*8.6),calc(50% + var(--u)*373.5) calc(var(--u)*8),calc(50% + var(--u)*386.5) calc(var(--u)*7),100% calc(var(--u)*7),100% calc(var(--u)*163.6),calc(50% + var(--u)*386.5) calc(var(--u)*163.6),calc(50% + var(--u)*373.5) calc(var(--u)*163.7),calc(50% + var(--u)*358.5) calc(var(--u)*164.1),calc(50% + var(--u)*343.5) calc(var(--u)*164.9),calc(50% + var(--u)*313.5) calc(var(--u)*165.4),calc(50% + var(--u)*283.5) calc(var(--u)*166.3),calc(50% + var(--u)*253.5) calc(var(--u)*166.8),calc(50% - var(--u)*86.5) calc(var(--u)*166.8),calc(50% - var(--u)*126.5) calc(var(--u)*166.5),calc(50% - var(--u)*186.5) calc(var(--u)*166.1),calc(50% - var(--u)*256.5) calc(var(--u)*165.7),calc(50% - var(--u)*286.5) calc(var(--u)*165.2),calc(50% - var(--u)*326.5) calc(var(--u)*165),calc(50% - var(--u)*346.5) calc(var(--u)*164.7),calc(50% - var(--u)*356.5) calc(var(--u)*164),calc(50% - var(--u)*386.5) calc(var(--u)*163.8),0 calc(var(--u)*163.8));pointer-events:none}
 .fin .fin-in{position:absolute;top:0;left:50%;width:calc(var(--u)*773);height:100%;margin-left:calc(var(--u)*-386.5);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:calc(var(--u)*10)}
 .fin .fin-label{font-size:calc(var(--u)*10.5);line-height:1;padding:calc(var(--u)*5) calc(var(--u)*16) calc(var(--u)*5.5)}
 .fin .fin-goals{margin-top:calc(var(--u)*11)}
 .fin .fin-goals li{font-size:calc(var(--u)*19);line-height:calc(var(--u)*29)}
}
.site-footer{background:#1c1b19;color:#ddd;font-size:calc(var(--u)*8.5);padding:calc(var(--u)*16) 0}
.site-footer .wrap{display:flex;gap:calc(var(--u)*18);align-items:center;flex-wrap:wrap}
.site-footer .wp-block-image{width:calc(var(--u)*150)}
.site-footer .wp-block-image img{filter:invert(1)}
.site-footer .wp-block-image a{display:block;transition:opacity .15s}
.site-footer .wp-block-image a:hover{opacity:.75}
.site-footer p{line-height:1.7}
.site-footer .cr{width:100%;text-align:center;opacity:.6;margin-top:calc(var(--u)*6)}
/* ===== 一枚物でないページ（固定ページ・404） ===== */
.plain{padding:calc(var(--u)*30) 0 calc(var(--u)*60)}
.plain h1,.plain h2{font-size:calc(var(--u)*24);margin-bottom:calc(var(--u)*14)}
.plain p{margin-bottom:1em}
.plain a{color:var(--blue);text-decoration:underline}
/* スマホの折り返し用の <wbr>（パターンの文節の切れ目）。PC は見本どおり nowrap で組むので、折り目にしない（Chrome は nowrap の中でも <wbr> で折る） */
@media(min-width:761px){wbr{display:none}}
/* ===== デモの注記（設定の「検索に出す」が外れているあいだだけ functions.php が出す。本番では出ない） ===== */
.demo-note{position:sticky;bottom:0;z-index:50;display:flex;flex-wrap:wrap;justify-content:center;gap:0 .9em;margin:0;padding:6px 12px;background:rgba(28,27,25,.9);color:#fff;font-size:12px;line-height:1.5;text-align:center;word-break:keep-all;overflow-wrap:anywhere}
.demo-note b{font-weight:700}
/* ===== スマホ（見本に無いので縦に積む） ===== */
@media(max-width:760px){
 /* 00-base */
 :root{--u:1.2px}
 body{font-size:15px}
 .wrap{width:auto;padding:0 16px}
 .row-bs,.row-nd,.row-ga{grid-template-columns:1fr;gap:16px;margin-top:16px}
 .card{padding:18px 16px}
 /* 01-hero … 吉田氏・Change & Grow・題を大きく（2026-10-13、中村様のご指摘「スマホ時に画像が小さいので大きく見せたい、吉田さんが小さい。ロゴとかタイトルも大き目で」） */
 .hero{height:auto;padding-bottom:16px;background-size:auto 100%;background-image:url(../images/hero-gold-s.webp);--u:min(1.6px,calc(100vw / 250))}
 .stage{position:relative;left:auto;width:auto;height:auto;margin:0;display:flow-root}
 .stage>*{position:static}
 .hero h1{font-size:clamp(28px,8.4vw,40px);line-height:1.25;padding:22px 16px 0}
 .cg{position:relative;width:min(560px,96%);height:auto;aspect-ratio:2155/1028;margin:8px 0 0 6px}
 .cg img{transform:none}
 .cg-a{left:0;top:0;width:99.81%}
 .cg-b{left:27.70%;top:42.80%;width:72.30%}
 .cg .cg-amp{left:27.70%;top:42.80%;width:11.88%;transform:scale(1.08,1.22);transform-origin:0 37.9%}
 .henka{position:relative;width:calc(var(--u)*210);height:calc(var(--u)*100);margin:-4px 0 0 4px}
 .henka::before{left:0;top:0}
 .henka span:first-child{left:calc(var(--u)*30.06);top:calc(var(--u)*12.29)}
 .henka span+span{left:calc(var(--u)*40.78);top:calc(var(--u)*34.71)}
 .hero .yoshida{position:relative;left:auto;top:auto;z-index:0;display:block;width:94%;max-width:520px;height:auto;margin:-64px 0 0 auto;-webkit-mask-image:linear-gradient(#0000,#000 12%,#000 78%,#0000);mask-image:linear-gradient(#0000,#000 12%,#000 78%,#0000)}
 .hero-r{position:relative;width:auto;height:auto;padding:0 16px;margin-top:-40px}
 .hero-r>*{position:static;white-space:normal}
 .hero .badge{display:inline-block;width:auto;height:auto;font-size:14px;line-height:1;padding:5px 18px}
 .hero-r h2{font-size:clamp(26px,7.6vw,34px);line-height:1.3;margin-top:8px}
 .hero-r h2 small{font-size:.6em}
 .hero-r .sub{font-size:clamp(14px,4.1vw,17px);margin-top:8px}
 .hero-r dl{display:grid;grid-template-columns:48px auto;font-size:15px;line-height:1.35;gap:8px 10px;margin-top:14px}
 .hero-r dt{font-size:11px;width:48px;height:auto;line-height:1;padding:4px 0;border-radius:10px;margin-top:2px}
 .hero-r dd{margin:0}
 .hero-r dd small.v{font-size:12.5px;line-height:1.4;margin-top:2px}
 .hero-r dl.kaisai dd .n:first-child{margin-left:0}
 /* 01-hero（ロゴと日程の版） … 縦に「フォーラム名・Change & Grow・筆の帯・基調報告の題・日程」。
    スマホの画面1枚（100svh。デモの帯（スマホは2行）が出ているあいだは 48px 引く）に日程と会場まで収める（2026-10-15、代表「日程や場所がスマホの画面内にキレイに1ページでおさまるくらいで」）。
    幅 390・高さ 699 の組みを 1m として作り、画面の幅と高さの小さいほうに合わせて拡縮する。画面より細くなるときは真ん中に寄せる */
 .hero-logo{--m:min(calc(100vw / 390),calc(100svh / 699));padding-bottom:calc(var(--m)*10)}
 :root:has(.demo-note) .hero-logo{--m:min(calc(100vw / 390),calc((100svh - 48px) / 699))}
 .hero-logo .stage{width:calc(var(--m)*390);margin:0 auto}
 .hero-logo h1{font-size:calc(var(--m)*21.5);line-height:calc(var(--m)*28);padding:calc(var(--m)*14) calc(var(--m)*16) 0;white-space:nowrap}
 .hero-logo h1 br{display:none}
 .hero-logo .cg,.hero-logo .henka{transform:none}
 .hero-logo .cg{width:calc(var(--m)*340);margin:calc(var(--m)*6) 0 0 calc(var(--m)*10)}
 /* 筆の帯は Change & Grow の幅に比例させ、右へ寄せる（2026-10-15、代表が4案から「D」＝左から 84m） */
 .hero-logo .henka{--u:calc(var(--m)*340 / 240);margin:calc(var(--m)*-6) 0 0 calc(var(--m)*84)}
 .hero-logo .hero-r{margin-top:calc(var(--m)*-14);padding:0 calc(var(--m)*18)}
 .hero-logo .badge{font-size:calc(var(--m)*12.5);padding:calc(var(--m)*4.5) calc(var(--m)*16)}
 .hero-logo .hero-r h2{font-size:calc(var(--m)*27);line-height:1.25;margin-top:calc(var(--m)*6)}
 .hero-logo .hero-r h2 small{font-size:.6em;top:0}
 .hero-logo .hero-r .sub{font-size:calc(var(--m)*14);margin-top:calc(var(--m)*4)}
 .hero-logo .nittei{position:relative;left:auto;top:auto;--e:calc(var(--m)*3.54);margin:calc(var(--m)*14) 0 0 calc(var(--m)*18)}
 .hero-logo .nittei .ny{display:block}
 /* 02-cta */
 :root .cta{grid-template-columns:1fr;gap:10px;margin-top:12px}
 .cta .wp-block-button__link{height:64px;gap:12px;padding:0 14px}
 .cta .wp-block-button__link::before{flex-basis:42px;width:42px;height:42px}
 .cta span{font-size:15px;white-space:normal}
 .cta small{font-size:12px}
 .cta .big{font-size:17px}
 .cta strong{font-size:18px}
 /* 03-movie-greet … 動画は横幅いっぱい、その下にあいさつ */
 .row-mg{margin-top:16px;padding:20px 0 4px}
 .mv-h{gap:2px 10px;margin-bottom:8px}
 .mv-h small{font-size:11px}
 .mv-h b{font-size:19px}
 .yt{border-radius:6px}
 .yt .play{width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px}
 .yt .play::after{left:27px;top:14px;border-left-width:18px;border-top-width:10px;border-bottom-width:10px}
 .row-mg .greet{margin:20px 0 0;border-radius:8px;background:#fefefd;box-shadow:inset 0 0 0 1px #efeadb}
 .row-mg .greet h2{font-size:22px;line-height:1.4;margin-bottom:12px}
 /* 04-values */
 .values{margin-top:28px;height:auto}
 .values::before{display:none}
 .values h2{font-size:22px;line-height:1.4;height:auto;margin-top:0;padding-left:0;letter-spacing:.02em}
 .values h2 strong{font-size:38px;vertical-align:-.04em;margin:0 3px 0 4px}
 .values h2 .v-ts{letter-spacing:inherit}
 .vgrid{grid-template-columns:1fr 1fr;width:auto;height:auto;margin:12px 0 0}
 .vgrid>.wp-block-group{background:none;border-top:1px solid #d9d2bd;padding:14px 8px}
 .vgrid>.wp-block-group:nth-child(-n+2){border-top:0}
 .vgrid>.wp-block-group::before{width:66px;height:51px}
 :root .vgrid h3,:root .vgrid>.v1 h3,:root .vgrid>.v4 h3,:root .vgrid>.v4 h3::first-line{font-size:17px;line-height:1.45;margin-top:6px;letter-spacing:0;padding-left:0}
 .vgrid p,.vgrid>.v1 p,.vgrid>.v4 p{font-size:13px;line-height:1.6;margin-top:6px;letter-spacing:0;padding-left:0}
 /* 05-program */
 .panel{padding:18px 16px;margin-top:18px;background:#fff;border-radius:7px}
 .panel::before,.panel::after{display:none}
 .head{flex-wrap:wrap;gap:10px;height:auto;margin-right:0}
 .head h2{font-size:24px;margin-left:0;top:0}
 .head .lead{flex-basis:100%;order:3;font-size:14px;line-height:1.6;margin-left:0;top:0}
 .head .btn-o .wp-block-button__link{width:auto;height:38px;font-size:13px;padding:0 16px;justify-content:center;gap:10px}
 .pgrid{grid-template-columns:1fr 1fr;gap:14px;margin:12px 0 0}
 .pgrid img{aspect-ratio:168/93;border-radius:4px}
 .pgrid>:nth-child(n){--pl:0px;--tl:29px;--il:-2px}
 .pgrid h3{font-size:17px;line-height:22px;margin:10px 0 4px}
 .pgrid h3::before{top:-2px;width:26px;height:24px}
 .pgrid p{font-size:13.5px;line-height:1.6;margin-top:0;white-space:normal}
 /* 05b-kicho */
 .kicho{margin-top:18px;padding:18px 16px 20px;background:#fff;border-radius:7px}
 .kicho::before{display:none}
 .kc-head h2{font-size:24px;line-height:1.3}
 .kc-body{grid-template-columns:1fr;row-gap:16px;margin-top:12px}
 .kc-photo{width:min(300px,78%);margin:0 auto}
 .kc-photo img{border-radius:6px}
 .kicho .kc-ttl{font-size:clamp(25px,7.4vw,32px);line-height:1.3}
 .kc-sub{font-size:15px;margin-top:6px}
 .kc-dl{grid-template-columns:48px auto;gap:8px 10px;font-size:15px;margin-top:12px}
 .kc-dl dt{font-size:11px;line-height:1;padding:4px 0;border-radius:10px}
 .kc-desc{font-size:14.5px;line-height:1.85;margin-top:14px}
 .kc-prof{margin-top:16px;padding:14px 14px 16px;border-left-width:4px;border-radius:4px}
 .kc-name{font-size:14px}
 .kc-name small{font-size:12.5px}
 .kc-name b{font-size:21px}
 .kc-bio{font-size:13.5px;line-height:1.8;margin-top:6px}
 .kc-shots{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
 .kc-shots img{border-radius:4px}
 .kc-co{display:block;font-size:13px;line-height:1.7;margin-top:12px}
 .kc-co b{display:inline-block;margin:0 0 6px;padding:2px 10px}
 .kc-co span,.kc-co a{display:block}
 /* 06-bunkakai */
 .bk{margin-top:22px;padding-top:0}
 .bk::before{content:"";position:absolute;left:-16px;top:0;width:10px;height:44px;background:#f4c704;border-radius:0 3px 3px 0}
 .bk-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0 0 0 8px}
 .bk-head h2{font-size:24px;line-height:1.3}
 .bk-head .lead{flex-basis:100%;order:3;font-size:14px;line-height:1.6}
 .bk-head .lead .l2{display:block;font-size:13px}
 .bk-head .btn-o .wp-block-button__link{height:38px;padding:0 16px;gap:10px;font-size:13px}
 .bgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
 .bcard{border-radius:6px;padding:12px 12px 14px}
 .bcard .top{display:flex;align-items:center;min-height:56px;gap:8px}
 .bcard .ic{flex:0 0 56px;width:56px;height:56px;font-size:10px;line-height:1.25}
 .bcard .ic .wp-block-image{inset:-14px}
 .bcard .ic .wp-block-image img{mix-blend-mode:multiply}
 .bcard:nth-child(2) .ic p,.bcard:nth-child(3) .ic p{top:6px}
 .bcard h3{font-size:13px;line-height:1.45}
 .bcard .co{font-size:12px;margin-top:8px;line-height:1.6}
 .bcard .nm{font-size:14px}
 .bcard .nm small{font-size:11px}
 .bcard .pt{width:100%;margin-top:10px}
 .bcard .pt img{width:100%;aspect-ratio:97/83;object-fit:cover;border-radius:3px}
 /* 07-booth-sponsor */
 .row-bs{margin:16px 0 0;padding:0;column-gap:0}
 .row-bs::after{display:none}
 .booth,.sponsor{height:auto;padding:18px 16px 20px;box-shadow:none}
 .booth .bg{right:0;width:100%;opacity:.22;-webkit-mask:none;mask:none}
 .bs-book{opacity:.2}
 .bs-in{position:relative;z-index:2}
 .bs-in h2,.bs-in .cp,.bs-in p.d{position:static;white-space:normal}
 .row-bs .bs-in h2,.row-bs .bs-in .cp,.row-bs .bs-in p.d,.row-bs .bs-in .l2,.row-bs .bs-in .pr{left:auto;top:auto;text-indent:0;letter-spacing:0}
 .booth h2 .pr{margin-left:0}
 .bs-in h2{position:relative;font-size:21px;line-height:1.3;padding-left:22px;letter-spacing:0}
 .row-bs .bs-in h2::before{left:-1px;top:1px;width:16px;height:26px}
 .bs-in .cp{font-size:17px;line-height:1.35;margin:4px 0 0 22px}
 .bs-in p.d{font-size:13.5px;line-height:1.6;margin:10px 0 0 22px}
 .bs-in p.d br{display:none}
 .sponsor .bs-in .cp br{display:inline}
 .booth .wp-block-buttons,.sponsor .wp-block-buttons{display:block;margin-top:14px;position:relative;z-index:3}
 .wp-block-buttons>.btn-s{display:block;width:100%}
 .booth .btn-s .wp-block-button__link,.sponsor .btn-s .wp-block-button__link{position:static;width:100%;height:50px;font-size:16px;justify-content:center;padding:0 0 0 4px;gap:12px}
 .sponsor .btn-s .wp-block-button__link::after{font-size:inherit}
 /* 08-ndgs / 09-gaiyo-access */
 .row-nd>.card,.row-ga>.card{border-radius:8px}
 .row-nd>.ndgs{padding:18px 12px}
 .ndgs .logo{flex-wrap:wrap;margin:0 4px}
 :root .ndgs .logo .ndg-name{font-size:36px}
 .ndgs .logo .ndg-sub{font-size:10px;line-height:11px;margin-left:8px;padding-left:6px;background-position:0 0;background-size:1px 100%}
 .ndgs .logo .ndg-lead{flex-basis:100%;margin:10px 0 0;font-size:14px;line-height:1.6;white-space:normal}
 .ndgs .logo .ndg-lead .l2{font-size:inherit}
 .ngrid{grid-template-columns:repeat(4,1fr);gap:14px 2px;margin:16px 0 0}
 .ngrid .wp-block-image{width:44px;height:44px}
 .ngrid p{font-size:10px;letter-spacing:-.02em;line-height:1.4;margin-top:6px;white-space:nowrap}
 .row-ga>.gaiyo{padding:18px 16px}
 .gaiyo h2{font-size:22px;margin:0 0 12px}
 .gaiyo table{margin-top:0;font-size:13px;line-height:1.6}
 .gaiyo th{width:78px;font-size:13px;padding:10px 4px}
 .gaiyo td{padding:10px 10px;white-space:normal}
 .gaiyo tr>*{height:auto!important}
 .gaiyo td .ad{margin-top:4px;font-size:12px}
 /* 09-access（あいさつの札の文字は 03 と共通） */
 .row-ga h2{font-size:22px;margin-bottom:12px}
 .row-ga .access{padding:18px 16px}
 .greet .in{display:block}
 .greet .in>.wp-block-image{width:60%;max-width:220px;margin-bottom:12px}
 :root .greet h3{font-size:16px;margin:4px 0 8px}
 .greet .msg{font-size:13.5px;line-height:1.8}
 .greet .sig{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px;font-size:12px;color:#555}
 .greet .sig svg{width:96px;height:auto}
 .access .in{display:block}
 .access .in>.wp-block-image{margin-bottom:12px}
 .access .in>.wp-block-image img{border-radius:4px}
 :root .access .addr{font-style:normal;font-size:15px;font-weight:800;line-height:1.5}
 .access .addr small{display:block;font-size:13px;font-weight:500;color:#555;margin-top:2px}
 .access .wp-block-buttons,.access .wp-block-button{display:block;width:100%}
 .access .btn-o{margin:12px 0}
 .access .btn-o .wp-block-button__link{width:100%;height:46px;font-size:15px}
 .row-ga .map{border-radius:4px}
 /* 10-fin-footer */
 .fin{display:grid;place-items:center;padding:36px 16px;margin-top:20px;background:#3a5a7a url(../images/fin-landscape.webp) center bottom/auto 112% no-repeat}
 .fin::before{content:"";position:absolute;inset:0;background:rgba(10,30,60,.18)}
 .fin .fin-in{position:relative}
 .fin .fin-label{font-size:13px;line-height:1;padding:7px 16px}
 .fin .fin-goals{margin-top:12px}
 .fin .fin-goals li{font-size:clamp(18px,5.4vw,22px);line-height:1.75}
 .site-footer{font-size:12.5px;padding:24px 0}
 .site-footer .wp-block-image{width:200px}
 /* 11-折り返し（2026-10-11）… 見出し・札・表は、文節の切れ目（パターンの <wbr>・句読点・空白）でだけ折る。収まらない語だけどこでも折る */
 .values h2,.vgrid h3,.pgrid h3,.bk-head .lead,.bcard h3,.bs-in .cp,.gaiyo td,.greet h3,.site-footer p,.kc-sub,.kc-dl dd,.mv-h b{word-break:keep-all;overflow-wrap:anywhere}
 .site-footer .nw,.gaiyo td .nw{white-space:nowrap}
}
/* ===== 狭いスマホ（480px まで） ===== */
@media(max-width:480px){
 /* 04-values … 「につながるヒント」が1行に入る大きさまで縮める（320px で 15.7px） */
 :root .vgrid h3,:root .vgrid>.v1 h3,:root .vgrid>.v4 h3,:root .vgrid>.v4 h3::first-line{font-size:min(17px,4.9vw)}
 /* 05-program */
 .pgrid p br{display:none}
 /* 06-bunkakai */
 .bgrid{grid-template-columns:1fr;gap:10px}
 .bcard{display:grid;grid-template-columns:96px 1fr;grid-template-areas:"pt top" "pt co";gap:4px 12px;align-items:center;padding:10px 12px}
 .bcard .pt{grid-area:pt;width:100%;margin:0}
 .bcard .top{grid-area:top;min-height:0;align-self:end}
 .bcard .co{grid-area:co;margin-top:0;align-self:start}
 .bcard .ic{flex-basis:48px;width:48px;height:48px;font-size:9px}
 .bcard .ic .wp-block-image{inset:-12px}
 .bcard h3{font-size:14px}
}
/* ===== とても狭いスマホ（360px まで）… 分科会の見出しが語の途中で割れないよう写真の列を細くし、ブースと協賛の一言を1段小さく ===== */
@media(max-width:360px){
 .bcard{grid-template-columns:80px 1fr}
 .bs-in .cp{font-size:16px}
}
/* ===== 2026-10-19 中村様（Creative.LAB）の修正 =====
 * ① 全般的な「問い合わせ」ボタン … 右下にいつも出るボタン（.toi-fix。パターン fin-footer）と、ページの最後の問い合わせの札（.toi。パターン toiawase）。
 *    押すとメールのアプリが宛先 info@niigatadoyu.jp と件名の入った状態で開く（functions.php の doyukai2026_toi_url()）。
 *    右下のボタンは、表紙と申し込みのボタンが見えているあいだと、問い合わせの札・フッターが見えているあいだは隠す（assets/js/toi.js。JS が無いときは出たまま）。
 * ② 分科会のテーマ … カードの印の横に、リーフレットの「第N分科会「…」」の「」の言葉（.th）。題はその下。カードの上の端に分科会の印の色の帯。
 *    PC も中身を上から順に積む組みにした（前は見本の px で置いていた）。カードの間を空け、題は詰めずに折る。
 * ③ 節と節のあいだの余白 … 基調報告・分科会などがそれぞれ別の節と分かるよう、節のあいだを広げた（PC は 32〜40u、スマホは 24〜40px）。 */
.bgrid>.bcard:nth-child(1){--bc:#e85416}
.bgrid>.bcard:nth-child(2){--bc:#951a95}
.bgrid>.bcard:nth-child(3){--bc:#e8e03c}
.bgrid>.bcard:nth-child(4){--bc:#0ba275}
.bgrid>.bcard:nth-child(5){--bc:#dc1478}
.bgrid>.bcard{background:linear-gradient(var(--bc),var(--bc)) 0 0/100% 3px no-repeat,#fff}
.bcard .th{margin:0;font-weight:800;color:#0a0a0a;font-feature-settings:"palt";word-break:keep-all;overflow-wrap:anywhere}
/* 問い合わせの札とボタン */
.toi{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*16);margin-top:calc(var(--u)*32);padding:calc(var(--u)*16) calc(var(--u)*22) calc(var(--u)*16) calc(var(--u)*20);background:#fefefd;border:1px solid #edebe5;border-radius:calc(var(--u)*5)}
.toi h2{font-size:calc(var(--u)*15);font-weight:900;line-height:1.3;color:#111}
.toi .toi-to{margin-top:calc(var(--u)*6);font-size:calc(var(--u)*10.5);line-height:1.7;font-weight:500;color:#444}
.toi .nw{white-space:nowrap}
.toi-btn,.toi-fix{display:block}
.toi-btn .wp-block-button__link,.toi-fix .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:.6em;background:#24231f;color:#fff;font-weight:700;line-height:1.2;letter-spacing:.04em;white-space:nowrap;border-radius:999px;transition:background .15s}
.toi-btn .wp-block-button__link:hover,.toi-fix .wp-block-button__link:hover{background:#45433c}
.toi-btn .wp-block-button__link::before,.toi-fix .wp-block-button__link::before{content:"";flex:none;width:1.3em;height:1.04em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='1' y='1' width='18' height='14' rx='2'/%3E%3Cpath d='M1.8 2.2L10 8.6L18.2 2.2'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.toi-btn .wp-block-button__link{height:calc(var(--u)*36);padding:0 calc(var(--u)*22);font-size:calc(var(--u)*12)}
.toi-fix{position:fixed;right:16px;bottom:16px;z-index:45;margin:0;transition:opacity .25s,visibility .25s,transform .25s}
.toi-fix .wp-block-button__link{height:46px;padding:0 20px;font-size:14px;box-shadow:0 4px 14px rgba(0,0,0,.24)}
.toi-js .toi-fix{opacity:0;visibility:hidden;transform:translateY(8px)}
.toi-js .toi-fix.is-on{opacity:1;visibility:visible;transform:none}
/* デモの帯（公開前だけ出る）の上に出す */
:root:has(.demo-note) .toi-fix{bottom:44px}
/* toi fallback (2026-10-19): mailto does nothing on PCs without a mail app.
 * Keep the buttons as mailto (as requested), and add "copy address" and "write in Gmail" next to them.
 * .toi-alt = under the card button / .toi-pop = small panel that opens above the floating button when it is pressed (toi.js). */
.toi{flex-wrap:wrap;row-gap:calc(var(--u)*12)}
.toi-alt{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--u)*6) calc(var(--u)*12);padding-top:calc(var(--u)*11);border-top:1px dashed #e2dfd6;font-size:calc(var(--u)*10);line-height:1.5;color:#555}
.toi-alt-lead{margin:0;font-weight:700;color:#444}
.toi-alt-row{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--u)*6) calc(var(--u)*8)}
.toi-addr{font-weight:700;color:#111;letter-spacing:.02em;-webkit-user-select:all;user-select:all}
.toi-copy,.toi-gmail{display:inline-flex;align-items:center;justify-content:center;gap:.45em;box-sizing:border-box;height:2.7em;margin:0;padding:0 1.15em;border:1px solid #cfccc3;border-radius:999px;background:#fff;color:#24231f;font:inherit;font-weight:700;line-height:1;letter-spacing:.02em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}
.toi-copy:hover,.toi-gmail:hover{background:#f4f2ec;border-color:#a9a59a;color:#24231f}
.toi-copy:focus-visible,.toi-gmail:focus-visible,.toi-pop-x:focus-visible,.toi-pop-mail:focus-visible{outline:2px solid #24231f;outline-offset:2px}
.toi-copy::before{content:"";flex:none;width:1.05em;height:1.05em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2324231f' stroke-width='1.5' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='9' height='9.5' rx='1.6'/%3E%3Cpath d='M11 5V3.1A1.6 1.6 0 0 0 9.4 1.5H3.6A1.6 1.6 0 0 0 2 3.1v6.3A1.6 1.6 0 0 0 3.6 11H5'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.toi-gmail::after{content:"";flex:none;width:.85em;height:.85em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%2324231f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 1.5H1.5v9h9V7M7.5 1.5h3v3M10.5 1.5L5.5 6.5'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.toi-copy-msg{margin:0;font-weight:700;color:#0b7a4b}
.toi-copy-msg:empty{display:none}
.toi-copy-msg.is-ng{color:#9a5a00}
.toi-pop{position:absolute;right:0;bottom:calc(100% + 12px);box-sizing:border-box;width:324px;max-width:calc(100vw - 24px);padding:16px 16px 14px;background:#fff;border:1px solid #e2dfd6;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.22);font-size:13.5px;line-height:1.5;color:#444;text-align:left}
.toi-pop[hidden]{display:none}
.toi-pop::after{content:"";position:absolute;right:34px;top:100%;width:12px;height:12px;margin-top:-6px;background:#fff;border-right:1px solid #e2dfd6;border-bottom:1px solid #e2dfd6;transform:rotate(45deg)}
.toi-pop-x{position:absolute;top:6px;right:6px;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}
.toi-pop-x:hover{background:#f4f2ec}
.toi-pop-x::before,.toi-pop-x::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.6px;margin:-.8px 0 0 -7px;background:#555;transform:rotate(45deg)}
.toi-pop-x::after{transform:rotate(-45deg)}
.toi-pop-h{margin:0 30px 0 0;font-size:14px;font-weight:800;color:#111}
.toi-pop-addr{margin:6px 0 0;font-size:15.5px}
.toi-pop-acts{display:flex;gap:8px;margin-top:12px}
.toi-pop-acts>*{flex:1 1 0;min-width:0;padding:0 .6em;font-size:13px}
.toi-pop .toi-copy-msg{margin-top:8px;font-size:12.5px}
.toi-pop-mail{display:inline-block;margin-top:10px;font-size:12.5px;color:#555;text-decoration:underline;text-underline-offset:2px}
.toi-pop-mail:hover{color:#111}
@media(min-width:761px){
 /* ③ 節のあいだ */
 .row-mg{margin-top:calc(var(--u)*20)}
 .values{margin-top:calc(var(--u)*44)}
 .panel{margin-top:calc(var(--u)*40)}
 .kicho{margin-top:calc(var(--u)*40)}
 .bk{margin-top:calc(var(--u)*40)}
 .row-bs{margin-top:calc(var(--u)*40)}
 .row-nd{margin-top:calc(var(--u)*32)}
 .row-ga{margin-top:calc(var(--u)*32)}
 .fin{margin-top:calc(var(--u)*34)}
 /* 見出しと中身のあいだ */
 .pgrid{margin-top:calc(var(--u)*12)}
 .gaiyo table{margin-top:calc(var(--u)*11)}
 .toi{margin-left:calc(var(--u)*-8);margin-right:calc(var(--u)*-8)}
 /* ② 分科会のカード … 5枚の間を 9u 空け、中身は上から「印とテーマ・題・所属と氏名・写真」の順に積む */
 .bgrid{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:calc(var(--u)*9);width:auto;margin:calc(var(--u)*10) calc(var(--u)*-8) 0}
 .bgrid>.bcard{display:flex;flex-direction:column;height:auto;margin:0;padding:calc(var(--u)*9) calc(var(--u)*8) calc(var(--u)*10);background-size:100% calc(var(--u)*3),auto}
 .bgrid .bcard .top{display:flex;align-items:center;gap:calc(var(--u)*5);min-height:calc(var(--u)*47)}
 .bgrid .bcard .ic{position:relative;left:auto;top:auto;flex:none;width:calc(var(--u)*var(--mw));height:calc(var(--u)*var(--mh))}
 .bgrid .bcard .th{font-size:calc(var(--u)*10.5);line-height:calc(var(--u)*15)}
 .bgrid .bcard .th wbr,.bgrid .bcard h3 wbr{display:inline}
 .bgrid .bcard h3{position:static;margin-top:calc(var(--u)*8);font-size:calc(var(--u)*11);line-height:calc(var(--u)*17);letter-spacing:0;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
 .bgrid .bcard h3 .sq{display:inline;transform:none;letter-spacing:0}
 .bgrid .bcard .co{position:static;margin-top:calc(var(--u)*8);white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
 .bgrid .bcard .pt{position:static;width:calc(var(--u)*var(--pw));margin:auto auto 0;padding-top:calc(var(--u)*9)}
}
@media(max-width:760px){
 /* ③ 節のあいだ */
 .row-mg{margin-top:24px}
 .values{margin-top:40px}
 .panel{margin-top:32px}
 .kicho{margin-top:32px}
 .bk{margin-top:40px}
 .row-bs,.row-nd,.row-ga{margin-top:32px}
 .fin{margin-top:32px}
 /* ② 分科会のカード */
 .bgrid{gap:12px;margin-top:14px}
 .bcard .th{font-size:13px;line-height:1.45}
 .bcard h3{margin-top:8px;font-size:14px;line-height:1.5}
 /* ① 問い合わせ */
 .toi{display:block;margin-top:32px;padding:18px 16px 20px;border-radius:8px}
 .toi h2{font-size:20px;line-height:1.4}
 .toi .toi-to{margin-top:6px;font-size:13.5px}
 .toi-btn{margin-top:14px}
 .toi-btn .wp-block-button{display:block;width:100%}
 .toi-btn .wp-block-button__link{display:flex;width:100%;height:50px;padding:0 16px;font-size:16px}
 .toi-fix{right:12px;bottom:12px}
 .toi-fix .wp-block-button__link{height:44px;padding:0 16px;font-size:13.5px}
 :root:has(.demo-note) .toi-fix{bottom:60px}
 .toi-alt{display:block;margin-top:14px;padding-top:12px;font-size:13.5px}
 .toi-alt-row{margin-top:8px}
 .toi-alt-row .toi-addr{flex:1 0 100%;font-size:15px}
 .toi-alt .toi-copy,.toi-alt .toi-gmail{flex:1 1 0;height:42px;padding:0 .8em;font-size:13.5px}
 .toi-alt .toi-copy-msg{flex:1 0 100%}
}
@media(max-width:480px){
 /* ② 分科会のカード … 写真を左に、右に「印とテーマ・題・所属と氏名」 */
 .bcard{grid-template-areas:"pt top" "pt ttl" "pt co";align-items:start;padding:12px}
 .bcard .pt{align-self:start}
 .bcard .top{align-self:start}
 .bcard h3{grid-area:ttl;margin-top:2px;font-size:14px}
 .bcard .co{margin-top:2px}
}