/* お手本（site_tone/images/fv_bg/column_*_lite_white.html）の見た目をそのまま写したもの。直すときは wp.css に足す */

.lab{font-size:14px}
.pg-hd{padding-top:160px!important;padding-bottom:88px!important;border-top:0!important}
.pg-hd .h2{font-size:56px;line-height:1.3;letter-spacing:0;margin-top:14px}
.pg-lead{margin-top:24px;font-size:17px;line-height:1.9;color:var(--ink2);max-width:40em;letter-spacing:.03em}
main>section.sec:not(.pg-hd){padding-block:112px}
.pg-2c{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px 96px;align-items:start}
.pg-p{font-size:16px;line-height:2;max-width:40em;letter-spacing:.03em}
.pg-list{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--ink)}
.pg-list li{padding:16px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.8}
.pg-dark{background:#1B1A18!important;color:#fff;--ink:#fff;--ink2:rgba(255,255,255,.82);--ink3:rgba(255,255,255,.72);--line:rgba(255,255,255,.18);border-top:0!important}
.pg-dark .lab::before{background:#fff!important}.pg-dark .lab .no{color:#fff}
.pg-act{margin-top:36px;display:grid;grid-template-columns:repeat(2,minmax(0,360px));gap:24px}
.pg-act p{display:flex;flex-direction:column;gap:10px}.pg-act p>span{font-size:15px;color:var(--ink2);line-height:1.7}
.pg-act .btn{margin-top:0;width:100%}
.btn-o{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 34px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;font-size:16px;font-weight:500;letter-spacing:.06em;background:#fff}
.btn-o:hover{background:var(--ink);color:#fff}.btn-o:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.ft a{color:var(--ink)}
@media (max-width:900px){
.pg-hd{padding-top:112px!important;padding-bottom:56px!important}
.pg-hd .h2{font-size:32px}.pg-lead{font-size:16px}
main>section.sec:not(.pg-hd){padding-block:72px}
.pg-2c{grid-template-columns:1fr;gap:28px}
.pg-act{grid-template-columns:1fr}
}

.co-hd .h2{font-size:52px;line-height:1.35}.co-ill img,.co-g-ill img{mix-blend-mode:multiply}
.co-hd-in{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px 72px;align-items:end}
.co-ill{margin:0}.co-ill img{display:block;width:100%;max-width:340px;height:auto}.ar-hd.no-ill{grid-template-columns:1fr}
.pg-lead,.pg-act p>span{color:var(--ink)!important}.pg-act p>span{font-size:16px}
.co-date{font-size:16px;color:var(--ink)}
.co-cta{text-align:center}.co-cta .pg-lead{margin-inline:auto}.co-cta .pg-act{justify-content:center}
main>section.co-cta{padding-block:144px}.co-cta .pg-act .btn{text-align:center;line-height:1.6;padding-block:12px}
@media (max-width:900px){
.co-hd .h2{font-size:32px}
.co-hd-in{grid-template-columns:1fr;gap:28px}.co-ill img{max-width:200px}
main>section.co-cta{text-align:left;padding-block:80px}.co-cta .pg-act{justify-content:stretch}body{padding-bottom:72px}
}
.co-hd .pg-lead{font-size:18px;line-height:1.95;max-width:36em}.co-hd .ar-bc{font-size:16px;display:flex;gap:4px 10px;margin-bottom:28px}.co-hd .ar-bc a{color:var(--ink);text-underline-offset:4px}
.co-nav{margin-top:72px}
.co-nav-h{font-size:18px;font-weight:700;padding-bottom:14px;border-bottom:1px solid var(--ink)}
.co-nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
.co-nav a{display:grid;gap:6px;padding:22px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;height:100%}
.co-nav a:hover b{text-decoration:underline;text-underline-offset:5px}
.co-nav b{font-size:20px;font-weight:700}.co-nav i{font-style:normal;font-size:16px;align-self:baseline}
.co-nav span{grid-column:1/-1;font-size:16px;line-height:1.8}
main>section.co-g{padding-block:128px}
.co-g-hd{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px 72px;align-items:end}
.co-g-hd .h2{font-size:44px;line-height:1.35;margin-top:0}
.co-g-lead{margin-top:20px;font-size:18px;line-height:1.9;max-width:30em;font-weight:500}
.co-g-hd.no-ill,.L-pair .co-g-hd.no-ill{grid-template-columns:1fr}/* collist_start.png は横長で線が細い → 絵の枠いっぱいに広げる */#start .co-g-hd{grid-template-columns:minmax(0,1fr) 460px}#start .co-g-ill{padding-right:0;justify-self:stretch}#start .co-g-ill img{max-width:460px;width:100%}.co-g-ill{margin:0;justify-self:end;padding-right:32px}.co-g-ill img{display:block;width:100%;max-width:240px;height:auto}.L-pair .co-g-ill{padding-right:0}
.co-list{margin-top:56px;border-top:1px solid var(--ink)}
.co-it{position:relative;padding:32px 0 34px;border-bottom:1px solid var(--line)}
.co-t{font-size:21px;line-height:1.65;font-weight:700}
.co-t a{color:var(--ink);text-decoration:none}
.co-t a::after{content:"";position:absolute;inset:0}
.co-it:hover .co-t a{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.co-t a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.co-ex{margin-top:12px;font-size:16px;line-height:1.95}
.co-it .co-date{margin-top:12px}
/* 目的ごとに組み方を変える */
.L-grid2 .co-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;border-top:0}
.L-grid2 .co-it{border-top:1px solid var(--ink);border-bottom:0;padding-bottom:28px}main>section.L-grid2{padding-bottom:88px}
.L-grid2 .co-it:nth-child(-n+2) .co-t{font-size:24px}
.L-rows .co-it{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:12px 64px;padding:40px 0}
.L-rows .co-t{font-size:23px;grid-row:1/3}.L-rows .co-ex{margin-top:0}
.L-cols3 .co-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;border-top:0}
.L-cols3 .co-it{border-top:3px solid var(--ink);border-bottom:0}
.L-pair .co-g-hd{grid-template-columns:260px minmax(0,1fr)}.L-pair .co-g-ill{justify-self:start;grid-row:1}
.L-pair .co-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;border-top:0}
.L-pair .co-it{border-top:1px solid var(--ink);border-bottom:0}
@media (max-width:900px){
.co-hd .pg-lead{font-size:16px}
.co-nav{margin-top:48px}.co-nav ul{grid-template-columns:1fr}.co-nav a{padding:18px 0}.co-nav b{font-size:18px}
main>section.co-g{padding-block:76px}
.co-g-hd,.L-pair .co-g-hd{grid-template-columns:1fr;gap:24px}
.co-g-hd .h2{font-size:28px}.co-g-lead{font-size:16px;margin-top:14px}
.co-g-ill,.L-pair .co-g-ill{justify-self:center;grid-row:auto;padding-right:0}.co-g-ill img{max-width:280px;width:80vw}#start .co-g-hd{grid-template-columns:1fr}#start .co-g-ill{justify-self:stretch}#start .co-g-ill img{max-width:100%;width:100%}
.co-list{margin-top:36px}
.L-grid2 .co-list,.L-cols3 .co-list,.L-pair .co-list{grid-template-columns:1fr}
.L-grid2 .co-it{padding-bottom:32px}
.L-rows .co-it{grid-template-columns:1fr;padding:28px 0}.L-rows .co-t{grid-row:auto}
.co-t,.L-rows .co-t,.L-grid2 .co-it:nth-child(-n+2) .co-t{font-size:19px}
.co-it{padding:26px 0 28px}
}
@media (min-width:901px){
.co-g-hd{grid-template-columns:minmax(0,1fr) minmax(0,420px)}.co-g-ill{padding-right:0}.co-g-ill img{width:auto;max-width:min(420px,100%)}
.L-pair .co-g-hd{grid-template-columns:minmax(0,420px) minmax(0,1fr)}
#start .co-g-hd{grid-template-columns:minmax(0,1fr) minmax(0,420px)}#start .co-g-ill{justify-self:end}#start .co-g-ill img{width:auto;max-width:min(420px,100%)}
.ar-hd{grid-template-columns:minmax(0,1fr) minmax(0,420px)}.ar-hd .co-ill img{max-height:280px}
.ar-ill img{width:auto;max-width:min(420px,100%);margin-inline:auto}
}
@media (max-width:900px){
.co-hd-in,.co-g-hd,.L-pair .co-g-hd,#start .co-g-hd,.ar-hd{gap:24px}
.co-hd .co-ill,.co-g-ill,.L-pair .co-g-ill,#start .co-g-ill,.ar-hd .co-ill{justify-self:stretch}
.co-hd .co-ill img,.co-g-ill img,#start .co-g-ill img,.ar-hd .co-ill img{width:80%!important;max-width:none!important;max-height:none!important;margin:0!important}
.ar-ill img{width:80%;max-width:none;margin-inline:auto}
}
.lab::before{display:none!important}.hw-list li::before{content:none!important;display:none!important}.hw-list{counter-reset:none}main>section.alt-p{background:#F5F4EE!important}main>section.alt-w{background:#fff!important}main>section.alt-p .cm-table tr.cm-r th,main>section.alt-p .cm-table tr.cm-r td{background:#fff}