/* お手本（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}
}
main>section.ar-top{padding-bottom:128px!important}
.ar-bc{font-size:16px;display:flex;flex-wrap:wrap;gap:4px 10px}.ar-bc a{color:var(--ink);text-underline-offset:4px}
.ar-hd{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px 72px;align-items:end;padding-bottom:48px;border-bottom:1px solid var(--ink)}
.ar-hd .co-ill{justify-self:end}.ar-hd .co-ill img{max-height:240px;width:auto;max-width:100%}.ar-h1{font-size:44px;line-height:1.45;font-weight:700;max-width:19em}
.ar-date{margin-top:20px}
.ar-grid{margin-top:72px;display:grid;grid-template-columns:260px minmax(0,680px);gap:48px 96px;align-items:start}
.toc{position:sticky;top:104px}
.toc-h{font-size:16px;font-weight:700;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.toc ol{list-style:none;margin:0;padding:0}
.toc li{border-bottom:1px solid var(--line)}
.toc a{display:block;padding:14px 0;font-size:16px;line-height:1.7;color:var(--ink);text-decoration:none}
.toc a:hover{text-decoration:underline;text-underline-offset:4px}
.ar-body{font-size:17px;line-height:2.05;letter-spacing:.04em;color:#1B1A18;font-weight:500;max-width:38em}.ar-body :is(p,li){color:#1B1A18!important;text-wrap:pretty!important;text-align:left}.ar-body :is(p,li,h2,h3,h4,td,th),.ar-body :is(p,li,h2,h3,h4,td,th) *,.co-cta .pg-lead,.co-cta .pg-lead *{word-break:auto-phrase!important;overflow-wrap:anywhere!important;line-break:strict!important}.co-cta .pg-lead{text-wrap:pretty!important}.ar-ill{margin:88px 0 0}.ar-ill img{display:block;width:240px;max-width:60%;height:auto;mix-blend-mode:multiply}.ar-ill+h2{margin-top:32px}
.ar-body>*+*{margin-top:1.4em}
.ar-body h2{margin-top:88px;padding-top:28px;border-top:1px solid var(--ink);font-size:28px;line-height:1.55;font-weight:700;letter-spacing:.02em;scroll-margin-top:96px}
.ar-body h2:first-child{margin-top:0}
.ar-body h2+*{margin-top:28px}
.ar-body h3{margin-top:56px;font-size:21px;line-height:1.6;font-weight:700;scroll-margin-top:96px}
.ar-body h4{margin-top:40px;font-size:18px;line-height:1.7;font-weight:700}
.ar-body strong,.ar-body b{font-weight:700;color:#1B1A18}
.ar-body a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.ar-body ul,.ar-body ol{padding-left:1.4em}.ar-body li+li{margin-top:.5em}
.ar-body mark{background:linear-gradient(transparent 58%,#FFE14D 58%);color:inherit;padding:0 .1em}
.ar-body img{max-width:100%;height:auto;display:block}
.ar-grid>*{min-width:0}.ar-tbl{overflow-x:auto;max-width:100%}.ar-body th{white-space:nowrap}.ar-body table{min-width:520px}.ar-body table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.8}
.ar-body th,.ar-body td{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}.ar-body th{border-bottom:2px solid var(--ink)}
main>section.ar-case{padding-block:120px}
.ar-case .h2{font-size:40px;margin-top:0}
.ar-case-lead{margin-top:20px;font-size:17px;line-height:1.95;max-width:38em}
.ar-case-list{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.ar-case-list li{border-bottom:1px solid var(--line)}
.ar-case-list a{display:block;padding:24px 0;font-size:20px;line-height:1.7;font-weight:700;color:var(--ink);text-decoration:none}
.ar-case-list a:hover{text-decoration:underline;text-underline-offset:6px}
.ar-case-go{margin-top:36px}
main>section.ar-rel{padding-block:104px}
.ar-rel-h{font-size:26px;font-weight:700;line-height:1.5}
.ar-rel-list{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
.ar-rel-list .co-it{position:relative;padding:24px 0 28px;border-top:3px solid var(--ink)}
.ar-rel-list .co-t{font-size:19px;line-height:1.7;font-weight:700}.ar-rel-list .co-t a{color:var(--ink);text-decoration:none}
.ar-rel-list .co-t a::after{content:"";position:absolute;inset:0}.ar-rel-list .co-it:hover .co-t a{text-decoration:underline;text-underline-offset:5px}
.ar-rel-list .co-date{margin-top:10px}
.ar-back{margin-top:40px}.ar-back .tl{font-size:16px!important;margin-left:0!important}
@media (max-width:1100px){.ar-grid{grid-template-columns:220px minmax(0,1fr);gap:40px 56px}}
@media (max-width:900px){
main>section.ar-top{padding-bottom:72px!important}
.ar-hd{grid-template-columns:1fr;gap:24px;padding-bottom:32px}
.ar-h1{font-size:24px;line-height:1.6}
.ar-grid{grid-template-columns:1fr;margin-top:40px;gap:48px}
.toc{position:static;background:#F5F4EE;padding:20px 20px 8px}
.toc li:last-child{border-bottom:0}
.ar-body{font-size:16px;line-height:2;letter-spacing:.03em}.ar-body :is(p,li){text-align:left}.ar-hd .co-ill{justify-self:center}.ar-hd .co-ill img{max-width:min(280px,80vw)!important;width:auto;max-height:220px;object-fit:contain}.ar-ill{margin-top:64px}.ar-ill img{width:180px}.ar-ill+h2{margin-top:24px}
.ar-body h2{margin-top:64px;padding-top:22px;font-size:22px}
.ar-body h3{margin-top:44px;font-size:19px}
main>section.ar-case{padding-block:76px}
.ar-case .h2{font-size:27px}.ar-case-lead{font-size:16px}
.ar-case-list{grid-template-columns:1fr;margin-top:28px}.ar-case-list a{font-size:18px;padding:20px 0}
.ar-case-go .btn-o{display:flex;width:100%;padding:14px 16px;text-align:center;line-height:1.6}
main>section.ar-rel{padding-block:72px}
.ar-rel-h{font-size:22px}.ar-rel-list{grid-template-columns:1fr}
}
@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}