/* 自動生成（build_variants.py）。編集は ref.src.css へ */
.ref body{background:linear-gradient(118deg,var(--tb5) 0 5%,transparent 5% 9%,var(--tb4) 9% 10.5%,transparent 10.5% 89%,var(--tb5) 89% 93%,transparent 93% 95.5%,var(--tb3) 95.5% 96.5%,transparent 96.5%) fixed,#fff}
.ref .section,.ref .section--beige,.ref .section--solid,.ref .section--sand,.ref .section--stripe{background:transparent}
.ref .section{padding-block:96px}
.ref .site-header{background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.06)}
.ref .hero{min-height:min(600px,72vh);background-color:#fff}
.ref .hero::before{background:linear-gradient(115deg,var(--tb5) 0 40%,transparent 40%),linear-gradient(115deg,transparent 0 40%,var(--tb3) 40% 47%,transparent 47%)}
.ref .hero::after{display:none}
.ref .hero h1{font-size:clamp(30px,4.2vw,52px)}
.ref .hero--page{min-height:300px}
.ref .hero--page::before{background:linear-gradient(115deg,var(--tb5) 0 46%,transparent 46%),linear-gradient(115deg,transparent 0 46%,var(--tb3) 46% 52%,transparent 52%)}
.ref .sec-head{margin-bottom:56px}
.ref .sec-head .en{font-size:14px;color:var(--teal-text)}
.ref .sec-head h2{font-size:clamp(26px,3.2vw,36px)}
.ref .sec-head h2::after{display:block;content:"";width:56px;height:6px;margin:18px auto 0;background:var(--tb3);transform:skewX(-30deg)}
.ref .worries .ph{width:230px;height:230px;border:0;box-shadow:none}
.ref .worries h3{font-size:20px}
.ref .arrows span{border-top-color:var(--tb1)}
.ref .arrows span:nth-child(2){border-top-color:var(--tb1)}
.ref .values article{background:transparent;box-shadow:none;border-top:0;padding:10px 12px}
.ref .values h3{display:inline-block;padding:6px 22px;background:var(--tb4);transform:skewX(-12deg);margin-bottom:14px}
.ref .svc-cards{grid-template-columns:1fr;gap:28px;max-width:1000px;margin:0 auto}
.ref .svc-cards article,.ref .svc-cards article:nth-child(4){grid-column:auto;display:grid;grid-template-columns:38% 1fr;box-shadow:0 6px 28px rgba(0,0,0,.08);border-radius:4px}
.ref .svc-cards .ph{height:100%;aspect-ratio:auto;min-height:260px}
.ref .svc-cards .body{border-top:0;padding:32px 36px;gap:12px}
.ref .svc-cards .num{display:inline-block;align-self:flex-start;font-size:18px;padding:4px 18px;background:var(--tb3);color:var(--ink);transform:skewX(-14deg)}
.ref .svc-cards h3{font-size:22px}
.ref .svc-cards .tags li{background:#fff;color:var(--teal-text);box-shadow:inset 0 0 0 1.5px var(--tb2);padding:2px 14px}
.ref .svc-cards .pts::before{content:"ポイント";display:block;font-weight:700;color:var(--teal-text);font-size:14px;margin-bottom:4px}
@media (max-width:760px){.ref .svc-cards article,.ref .svc-cards article:nth-child(4){grid-template-columns:1fr}
.ref .svc-cards .ph{min-height:0;aspect-ratio:16/10}
.ref .svc-cards .body{padding:24px 22px}}
.ref .feats{grid-template-columns:1fr;gap:64px;max-width:1000px;margin:0 auto}
.ref .feats article{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;column-gap:48px;background:transparent;box-shadow:none;border-left:0;padding:0;align-items:start}
.ref .feats article::before{content:"";grid-column:1;grid-row:1/4;aspect-ratio:16/10;background:center/cover no-repeat;border-radius:4px;box-shadow:0 6px 24px rgba(0,0,0,.1)}
.ref .feats article:nth-child(1)::before{background-image:url("../img/p-meeting.jpg")}
.ref .feats article:nth-child(2)::before{background-image:url("../img/p-workshop.jpg")}
.ref .feats article:nth-child(3)::before{background-image:url("../img/p-training.jpg")}
.ref .feats article>*{grid-column:2}
.ref .feats article:nth-child(2n){grid-template-columns:1fr 1fr}
.ref .feats article:nth-child(2n)::before{grid-column:2}
.ref .feats article:nth-child(2n)>*{grid-column:1;grid-row:auto}
.ref .feats .fnum{justify-self:start;font-size:26px;padding:6px 26px;background:var(--tb3);color:var(--ink);transform:skewX(-14deg);margin-bottom:6px}
.ref .feats h3{font-size:22px;padding-left:16px;border-left:5px solid var(--tb1)}
.ref .feats p{font-size:16px}
@media (max-width:760px){.ref .feats article,.ref .feats article:nth-child(2n){grid-template-columns:1fr;row-gap:12px}
.ref .feats article::before,.ref .feats article:nth-child(2n)::before{grid-column:1;grid-row:auto}
.ref .feats article>*,.ref .feats article:nth-child(2n)>*{grid-column:1}}
.ref .scenes figure{border-radius:4px}
.ref .steps5 li{box-shadow:0 6px 24px rgba(0,0,0,.08);border-radius:4px;padding-top:34px}
.ref .steps5 .sn{position:absolute;top:-14px;left:16px;padding:3px 14px;background:var(--tb3);color:var(--ink);transform:skewX(-14deg)}
.ref .steps5 li:not(:last-child)::after{border-color:var(--tb1)}
.ref .band::after{background:linear-gradient(90deg,rgba(84,182,181,.82),rgba(84,182,181,.5))}
.ref .kpis article{border-top:0;box-shadow:0 6px 24px rgba(0,0,0,.08);border-radius:4px;position:relative;overflow:hidden}
.ref .kpis article::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--tb3)}
.ref .contact-card{background:linear-gradient(115deg,var(--tb5) 0 62%,var(--tb4) 62% 70%,var(--tb5) 70%);color:var(--ink);border-radius:4px;box-shadow:0 6px 28px rgba(0,0,0,.08)}
.ref .contact-card::after{display:none}
.ref .contact-card .sec-head .en{color:var(--teal-text)}
.ref .contact-card h2{color:var(--ink)}
.ref .contact-card p{color:var(--ink)}
.ref .contact-card strong{color:var(--tb-deep)}
.ref .contact-card .btn{background:var(--tb-deep);color:#fff}
.ref .contact-card .btn:hover{background:var(--tb-ink);color:#fff}
.ref .news{border-radius:4px;box-shadow:0 6px 24px rgba(0,0,0,.08)}
.ref .site-footer{background:var(--tb4);color:var(--ink)}
.ref .site-footer .brand{color:var(--tb-ink)}
.ref .site-footer .brand small{color:var(--tb-deep)}
.ref .site-footer a{color:var(--ink)}
.ref .site-footer a:hover{color:var(--tb-deep)}
.ref .site-footer .copy{color:var(--muted)}