:root{--bg:#fbfaf6;--paper:#fff;--ink:#2a2a27;--ink2:#64625b;--wood:#9a6b3f;--wood2:#7d5530;--mori:#3c5444;--line:#dcd8ce;--grid:#ebe7dc;--min:"Zen Old Mincho",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans JP",sans-serif;font-size:16px;line-height:1.9}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--min);font-weight:700;line-height:1.5}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.narrow{max-width:860px}
.center{text-align:center}
.note{color:var(--ink2);font-size:14px}
.lead{font-size:17px}
.sec{padding:80px 0}
.wrap.sec{padding-left:24px;padding-right:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--mori);color:#fff;text-decoration:none;font-weight:700;padding:14px 32px;border:0;font-size:16px;font-family:inherit;cursor:pointer;margin:4px;border-radius:2px}
.btn:hover{background:#2d4134}
.btn.line{background:transparent;color:var(--mori);box-shadow:inset 0 0 0 1.5px var(--mori)}
.btn.line.w{color:#fff;box-shadow:inset 0 0 0 1.5px #fff}
.btn.small{padding:8px 18px;font-size:14px;margin:0}
.btn.full{display:flex;margin:20px 0 0}
.link{display:inline-block;margin-top:14px;color:var(--wood2);font-weight:700;text-decoration:none;border-bottom:1px solid var(--wood)}
.link::after{content:"　→"}
.stitle{text-align:center;margin-bottom:40px}
.stitle h2{font-size:30px;margin:0;display:inline-flex;align-items:center;gap:18px}
.stitle h2::before,.stitle h2::after{content:"";width:28px;height:9px;border:solid var(--wood);border-width:0 1px;background:linear-gradient(var(--wood),var(--wood)) center/100% 1px no-repeat}
.stitle.left{text-align:left}
.stitle.left h2::before{display:none}
.stitle p{margin:6px 0 0;color:var(--ink2);font-size:15px}
.ph{background:var(--paper);border:1px dashed #c9c3b5;display:grid;place-items:center;aspect-ratio:4/3;color:var(--ink2);font-size:13px;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:20px 20px}
.ph span{background:var(--paper);padding:2px 10px}
.ph.sq{aspect-ratio:1}
.ph.tall{aspect-ratio:3/4}
.grid-bg{background-color:#f4f1e9;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px}
.dark{background:var(--mori);color:#fff}
.dark .stitle p{color:#cfd8d1}
.dark .stitle h2::before,.dark .stitle h2::after{border-color:#d6b994;background-image:linear-gradient(#d6b994,#d6b994)}
.dot{margin:0;padding-left:1.2em}

/* ヘッダー */
.hd{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.hd-in{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:20px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}
.logo-mark{width:40px;height:40px;position:relative;flex:none}
.logo-mark i{position:absolute;left:4px;right:4px;bottom:6px;height:22px;border:2px solid var(--mori);border-top:0}
.logo-mark i+i{left:2px;right:2px;bottom:26px;height:0;border:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:12px solid var(--wood);width:0}
.logo-t{font-family:var(--min);font-weight:700;font-size:20px;line-height:1.3}
.logo-t small{display:block;font-family:"Noto Sans JP";font-size:12px;font-weight:500;color:var(--ink2)}
.hd-r{display:flex;align-items:center;gap:10px}
.hd-tel{text-decoration:none;font-family:var(--min);font-weight:700;font-size:22px;line-height:1.2;text-align:right;margin-right:8px}
.hd-tel small{display:block;font-family:"Noto Sans JP";font-size:11px;font-weight:500;color:var(--ink2)}
.gnav{border-top:1px solid var(--line)}
.gnav-in{max-width:1280px;margin:0 auto;padding:0 24px;display:flex}
.gnav a{flex:1;text-align:center;text-decoration:none;padding:12px 6px;font-size:15px;font-weight:500;border-right:1px solid var(--line);position:relative}
.gnav a:first-child{border-left:1px solid var(--line)}
.gnav a[aria-current]::after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:3px;background:var(--wood)}
.menu-btn{display:none}

/* トップ */
.kv{position:relative;max-width:1400px;margin:0 auto}
.kv>img{width:100%;height:620px;object-fit:cover}
.kv-box{position:absolute;left:48px;bottom:-60px;background:var(--paper);padding:40px 44px;max-width:560px;box-shadow:0 10px 40px rgba(0,0,0,.08)}
.kv-box::before{content:"";position:absolute;inset:10px;border:1px solid var(--line);pointer-events:none}
.kv-sub{margin:0;font-size:14px;color:var(--wood2);font-weight:700}
.kv-box h1{font-size:34px;margin:6px 0 12px}
.kv-box p{margin:0}
.kv-btns{margin:20px 0 0 -4px;position:relative}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:100px;border:1px solid var(--line);background:var(--paper);padding:0}
.quick a{display:block;padding:24px 22px;text-decoration:none;border-right:1px solid var(--line)}
.quick a:last-child{border-right:0}
.quick a:hover{background:#f6f2e9}
.q-n{font-family:var(--min);color:var(--wood);font-size:14px}
.quick strong{display:block;font-family:var(--min);font-size:19px;margin:2px 0}
.quick small{color:var(--ink2);font-size:13px}
.concept{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.concept-img img{width:100%;height:560px;object-fit:cover}
.tenets{list-style:none;counter-reset:t;margin:0;padding:0}
.tenets li{counter-increment:t;padding:18px 0 18px 64px;border-bottom:1px solid var(--line);position:relative}
.tenets li::before{content:counter(t,decimal-leading-zero);position:absolute;left:0;top:14px;font-family:var(--min);font-size:30px;color:var(--wood)}
.tenets b{display:block;font-family:var(--min);font-size:18px}
.tenets span{font-size:15px;color:var(--ink2)}
.works{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:36px}
.work{background:var(--paper);text-decoration:none;display:block;border:1px solid var(--line);transition:transform .2s}
.work:hover{transform:translateY(-3px)}
.work img,.work .ph{width:100%;aspect-ratio:4/3;object-fit:cover;border:0}
.work-b{padding:16px 20px 20px}
.kind{display:inline-block;background:var(--wood);color:#fff;font-size:12px;font-weight:700;padding:1px 10px}
.work h3{margin:8px 0;font-size:18px}
.spec{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.spec li{font-size:12px;border:1px solid var(--line);padding:0 8px;color:var(--ink2)}
.nums{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.nums>div{padding:28px 20px;text-align:center;border-right:1px solid var(--line)}
.nums>div:last-child{border-right:0}
.nums span{display:block;font-size:14px;font-weight:700}
.nums b{display:block;font-family:var(--min);font-size:56px;line-height:1.3;color:var(--mori)}
.nums small{color:var(--ink2);font-size:13px}
.evs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}
.p-event .evs{grid-template-columns:repeat(2,1fr)}
.ev{display:grid;grid-template-columns:96px 1fr;background:var(--paper);color:var(--ink);text-decoration:none}
.ev-date{background:var(--wood);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--min);padding:12px 4px;line-height:1.2}
.ev-date span{font-size:14px}
.ev-date b{font-size:38px}
.ev-date small{font-size:13px}
.ev-b{padding:16px 18px}
.ev-kind{font-size:12px;font-weight:700;color:var(--mori);border:1px solid var(--mori);padding:0 8px}
.ev h3{margin:6px 0 2px;font-size:17px}
.ev p{margin:0;font-size:13px;color:var(--ink2)}
.ev-st{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:#fff;background:#b0543c;padding:0 8px}
.voices{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.voices blockquote,.owner{margin:0;background:var(--paper);padding:32px 32px 28px 36px;border-left:4px solid var(--wood);position:relative}
.voices p,.owner p{margin:0;font-family:var(--min);font-size:17px;line-height:2}
.voices cite,.owner cite{display:block;margin-top:12px;font-style:normal;font-size:14px;color:var(--ink2)}

/* 下層ページ */
.phead{background:var(--paper);border-bottom:1px solid var(--line);padding:56px 24px;text-align:center}
.phead.has-img{display:grid;grid-template-columns:1fr 1.3fr;padding:0;text-align:left;align-items:center}
.phead.has-img .phead-in{padding:48px 48px 48px max(24px,calc((100vw - 1180px)/2 + 24px))}
.phead.has-img img{width:100%;height:320px;object-fit:cover}
.phead-no{margin:0;color:var(--wood2);font-size:14px;font-weight:700}
.phead h1{font-size:36px;margin:4px 0 0}
.crumb{max-width:1180px;margin:0 auto;padding:14px 24px 0;font-size:13px;color:var(--ink2)}
.crumb a{text-decoration:none;color:var(--wood2)}
.crumb a::after{content:"／";margin:0 8px;color:var(--ink2)}
main>div.wrap{padding-top:40px;padding-bottom:80px}
.filters{display:grid;gap:10px;background:var(--paper);border:1px solid var(--line);padding:18px 22px;margin-bottom:32px}
.filters>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.f-l{width:56px;font-weight:700;font-size:14px}
.chip{border:1px solid var(--line);padding:3px 14px;font-size:14px;cursor:pointer;background:var(--bg)}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.pager{display:flex;gap:6px;justify-content:center}
.pager a,.pager span{min-width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);text-decoration:none;padding:0 14px;background:var(--paper)}
.pager .on{background:var(--ink);color:#fff}
.wd-head h1{font-size:32px;margin:8px 0 4px}
.wd-head p{margin:0 0 24px;color:var(--ink2)}
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:200px 200px;gap:10px;margin-bottom:48px}
.gallery>*{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.g-main{grid-row:1/3}
.wd{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}
.h-line{font-size:22px;margin:40px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}
.h-line::before{content:"";width:12px;height:12px;background:var(--wood)}
.wd>div>.h-line:first-child{margin-top:0}
.points{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.points li{background:var(--paper);border:1px solid var(--line);padding:14px 18px}
.points b{display:block;font-family:var(--min)}
.data{background:var(--paper);border:1px solid var(--line);padding:26px;position:sticky;top:140px}
.data h3{margin:0 0 12px;font-size:19px}
.data dl{display:grid;grid-template-columns:auto 1fr;margin:0;font-size:14px}
.data dt,.data dd{padding:9px 0;border-bottom:1px dashed var(--line);margin:0}
.data dt{font-weight:700;padding-right:16px;color:var(--ink2)}

/* 間取り図 */
.plan{display:grid;grid-template-columns:3fr 2fr 1.4fr;grid-template-rows:120px 90px 70px;gap:0;border:4px solid var(--ink);background:var(--paper);max-width:520px;margin:8px auto 6px;font-family:var(--min);font-weight:700}
.plan .r{border:1.5px solid var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:15px;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:14px 14px}
.plan small{font-size:12px;font-weight:500;color:var(--ink2)}
.plan .ldk{grid-column:1/3;grid-row:1/3;background-color:#f6efe2}
.plan .jp{grid-column:3;grid-row:1}
.plan .wc{grid-column:3;grid-row:2}
.plan .ent{grid-column:2;grid-row:3}
.plan .st{grid-column:3;grid-row:3}
.plan .deck{grid-column:1;grid-row:3;background-image:repeating-linear-gradient(90deg,#e7dac5 0 2px,transparent 2px 10px)}

/* 家づくりの流れ */
.span-bar{display:flex;gap:3px;margin:28px 0 40px}
.span-bar span{background:var(--mori);color:#fff;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.4}
.span-bar span:nth-child(2){background:#557060}
.span-bar span:nth-child(3){background:var(--wood)}
.span-bar span:nth-child(4){background:#b8956e}
.span-bar small{display:block;font-weight:400;font-size:12px;opacity:.9}
.flow{list-style:none;margin:0 0 40px;padding:0}
.flow li{display:grid;grid-template-columns:72px 1fr;gap:24px;position:relative;padding-bottom:28px}
.flow li::before{content:"";position:absolute;left:35px;top:56px;bottom:0;width:1px;background:var(--line)}
.flow li:last-child::before{display:none}
.fl-n{width:72px;height:56px;display:grid;place-items:center;font-family:var(--min);font-size:24px;font-weight:700;border:1px solid var(--ink);background:var(--paper)}
.fl-b{background:var(--paper);border:1px solid var(--line);padding:16px 22px}
.fl-b h3{margin:0;font-size:19px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.fl-b h3 span{font-family:"Noto Sans JP";font-size:12px;font-weight:700;background:#f1ebdf;color:var(--wood2);padding:1px 10px}
.fl-b p{margin:4px 0 0;font-size:15px;color:var(--ink2)}
.box{background:var(--paper);border:1px solid var(--line);padding:26px 28px;margin:32px 0}
.box h3{margin:0 0 12px}
.tbl{width:100%;border-collapse:collapse;background:var(--paper)}
.tbl th,.tbl td{padding:14px 18px;border:1px solid var(--line);text-align:left;vertical-align:top}
.tbl th{background:#f4f0e7;width:30%;font-weight:700;white-space:nowrap}
.spec-tbl thead th{background:var(--ink);color:#fff;width:auto}

/* 性能・素材 */
.feature-rows{display:grid;gap:56px}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.fr.rev img{order:2}
.fr img{width:100%;aspect-ratio:4/3;object-fit:cover}
.fr-n{margin:0;font-weight:700;color:var(--wood2)}
.fr h2{font-size:26px;margin:4px 0 12px}

/* 費用 */
.breakdown{background:var(--paper);border:1px solid var(--line);padding:28px;margin-top:28px}
.bd-t{margin:0 0 12px;font-weight:700}
.bd-bar{display:flex;height:64px;gap:2px}
.bd-bar span{color:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 12px;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden;white-space:nowrap}
.bd-bar b{font-family:var(--min);font-size:18px}
.a{background:var(--mori)}.b{background:var(--wood)}.c{background:#b8956e}
.bd-list{margin:20px 0 0;display:grid;gap:10px}
.bd-list>div{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:start}
.bd-list dt{color:#fff;font-weight:700;font-size:14px;padding:2px 10px;text-align:center}
.bd-list dd{margin:0;font-size:15px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:12px}
.plan-c{background:var(--paper);border:1px solid var(--line);padding:28px 22px;text-align:center;position:relative}
.plan-c.hl{border:2px solid var(--wood)}
.pc-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--wood);color:#fff;font-size:12px;font-weight:700;padding:2px 12px;white-space:nowrap}
.plan-c h3{margin:0;font-size:18px}
.pc-p{font-family:var(--min);font-size:36px;font-weight:700;color:var(--mori);margin:8px 0}
.pc-p small{font-size:14px}
.plan-c p:last-child{margin:0;font-size:14px;color:var(--ink2)}
.pay{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);background:var(--paper)}
.pay li{text-align:center;padding:22px 8px;border-right:1px solid var(--line);position:relative}
.pay li:last-child{border-right:0}
.pay b{display:block;font-size:14px}
.pay span{font-family:var(--min);font-size:30px;font-weight:700;color:var(--wood2)}

/* お客様の声 */
.voice-list{display:grid;gap:28px}
.voice-c{display:grid;grid-template-columns:280px 1fr;gap:28px;background:var(--paper);border:1px solid var(--line);padding:24px}
.voice-c img,.voice-c .ph{width:100%;aspect-ratio:4/3;object-fit:cover}
.voice-c h3{margin:0;font-size:21px}
.v-meta{margin:2px 0 10px;font-size:13px;color:var(--wood2);font-weight:700}
.voice-c p{margin:0}

/* 見学会 */
.ev-types{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ev-types>div{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--mori);padding:24px}
.ev-types h3{margin:0 0 6px}
.ev-types p{margin:0;font-size:15px;color:var(--ink2)}
.model{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.model img{width:100%;aspect-ratio:4/3;object-fit:cover}
.model h3{margin:0 0 8px;font-size:22px}
.model .tbl{margin:16px 0}

/* 会社案内 */
.msg-row{display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:center}
.msg-row h2{font-size:26px;margin:0 0 12px}
.sign{text-align:right;font-family:var(--min);font-weight:700}
.staffs{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.staffs>div{text-align:center}
.staffs .ph{margin-bottom:10px}
.role{display:block;font-size:13px;color:var(--wood2);font-weight:700}
.staffs strong{display:block;font-family:var(--min);font-size:17px}
.staffs small{color:var(--ink2);font-size:13px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.hist{list-style:none;margin:0 0 20px;padding:0;border-left:2px solid var(--wood)}
.hist li{padding:8px 0 8px 22px;position:relative}
.hist li::before{content:"";position:absolute;left:-7px;top:18px;width:12px;height:12px;background:var(--paper);border:2px solid var(--wood);border-radius:50%}
.hist time{display:inline-block;width:80px;font-family:var(--min);font-weight:700}
.map{aspect-ratio:16/10;display:grid;place-items:center;color:var(--ink2);background:#efece4;background-image:linear-gradient(#e2ddd1 1px,transparent 1px),linear-gradient(90deg,#e2ddd1 1px,transparent 1px);background-size:40px 40px}

/* よくあるご質問 */
.faq{margin:0;display:grid;gap:14px}
.faq>div{background:var(--paper);border:1px solid var(--line)}
.faq dt,.faq dd{margin:0;padding:16px 22px 16px 64px;position:relative}
.faq dt{font-weight:700;border-bottom:1px dashed var(--line)}
.faq dt::before,.faq dd::before{position:absolute;left:22px;top:14px;font-family:var(--min);font-size:20px;font-weight:700}
.faq dt::before{content:"問";color:var(--mori)}
.faq dd::before{content:"答";color:var(--wood)}
.faq dd{color:var(--ink2)}

/* 問い合わせ */
.ctabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border:0;padding:0;margin:0;min-width:0}
.ctabs legend{font-weight:700;font-size:15px;margin-bottom:6px;padding:0}
.form .ctabs label{display:block;cursor:pointer;font-weight:400}
.ctabs input{position:absolute;opacity:0}
.ctabs span{display:block;text-align:center;padding:16px 10px;border:1px solid var(--line);background:var(--paper)}
.ctabs b{display:block;font-family:var(--min);font-size:17px}
.ctabs small{font-size:12px;color:var(--ink2)}
.ctabs input:checked+span{border:2px solid var(--mori);background:#eef2ee}
.ctabs input:focus-visible+span{outline:2px solid var(--wood)}
.form{display:grid;gap:18px;background:var(--paper);border:1px solid var(--line);padding:32px;margin-bottom:20px}
.form label{display:grid;gap:6px;font-weight:700;font-size:15px}
.form input[type=text],.form input[type=tel],.form input[type=email],.form select,.form textarea{font:inherit;font-weight:400;padding:12px 14px;border:1px solid #cfc9bb;background:#fff;width:100%;border-radius:0}
.req{display:inline-block;margin-left:8px;background:#b0543c;color:#fff;font-size:11px;padding:0 6px;vertical-align:2px;width:max-content}
.form label:has(.req){grid-template-columns:auto 1fr;align-items:center}
.form label:has(.req) input{grid-column:1/-1}
.checks{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 16px}
.checks legend{font-weight:700;font-size:15px;margin-bottom:6px}
.checks label{display:flex;align-items:center;gap:6px;font-weight:500}
.agree{display:flex !important;align-items:center;gap:8px;font-weight:500 !important}
.form .btn{justify-self:center;min-width:260px}
.post{background:var(--paper);border:1px solid var(--line);padding:36px}
.post h2{font-size:20px;border-bottom:1px solid var(--line);padding-bottom:6px;margin-top:28px}

/* 共通の資料請求帯 */
.cta{background:#f1ebdf;padding:64px 24px}
.cta-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cta-c{background:var(--paper);padding:32px 36px;border:1px solid var(--line)}
.cta-c h2{margin:0 0 6px;font-size:24px}
.cta-c p{margin:0 0 16px;color:var(--ink2);font-size:15px}
.cta-c .btn{margin-left:0}
.ft{background:#262623;color:#e9e6de;padding:56px 24px 24px}
.ft-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:40px}
.logo.w .logo-mark i{border-color:#cfd8d1}
.ft p{font-size:14px;color:#bdb9ae}
.ft-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 20px;align-content:start}
.ft-nav a{text-decoration:none;font-size:14px}
.copy{text-align:center;font-size:12px;color:#99958a;margin:40px 0 0}
.sp-bar{display:none}

@media (max-width:1020px){
  .gnav{display:none}
  .hd-r .hd-tel{display:none}
  .menu-btn{display:grid;gap:5px;width:44px;height:44px;place-content:center;background:none;border:0;cursor:pointer}
  .menu-btn span{display:block;width:24px;height:2px;background:var(--ink)}
  .nav-open .gnav{display:block}
  .nav-open .gnav-in{flex-direction:column;padding:0}
  .nav-open .gnav a{border:0;border-bottom:1px solid var(--line);text-align:left;padding:14px 24px}
  .kv>img{height:480px}
  .kv-box{position:relative;left:auto;bottom:auto;margin:-80px 24px 0;max-width:none}
  .quick{margin-top:40px;grid-template-columns:1fr 1fr}
  .quick a:nth-child(2){border-right:0}
  .quick a:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .concept{grid-template-columns:1fr}
  .concept-img img{height:360px}
  .works,.evs{grid-template-columns:1fr 1fr}
  .nums{grid-template-columns:1fr 1fr}
  .nums>div:nth-child(2){border-right:0}
  .nums>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .wd{grid-template-columns:1fr}
  .data{position:static}
  .staffs{grid-template-columns:repeat(2,1fr)}
  .two,.model{grid-template-columns:1fr}
  .phead.has-img{grid-template-columns:1fr}
  .phead.has-img .phead-in{padding:32px 24px}
  .phead.has-img img{height:220px}
}
@media (max-width:640px){
  body{font-size:15px}
  .sec{padding:56px 0}
  .wrap,.wrap.sec{padding-left:16px;padding-right:16px}
  .hd-in{padding:10px 16px}
  .hd-r{display:none}
  .logo-t{font-size:17px}
  .kv>img{height:340px}
  .kv-box{margin:-56px 12px 0;padding:28px 22px}
  .kv-box h1{font-size:25px}
  .quick{margin-left:16px;margin-right:16px}
  .quick a{padding:16px}
  .quick strong{font-size:16px}
  .stitle h2{font-size:23px;gap:10px}
  .stitle h2::before,.stitle h2::after{width:16px}
  .concept-img img{height:260px}
  .works,.evs,.p-event .evs,.voices,.plans,.ev-types,.fr{grid-template-columns:1fr}
  .fr.rev img{order:0}
  .fr{gap:20px}
  .nums b{font-size:40px}
  .nums>div{padding:20px 10px}
  .phead{padding:40px 16px}
  .phead h1{font-size:28px}
  .wd-head h1{font-size:24px}
  .gallery{grid-template-columns:1fr 1fr;grid-template-rows:200px 110px 110px}
  .g-main{grid-row:1;grid-column:1/-1}
  .plan{grid-template-rows:100px 76px 60px;font-size:13px}
  .plan .r{font-size:13px}
  .flow li{grid-template-columns:52px 1fr;gap:12px}
  .fl-n{width:52px;height:44px;font-size:18px}
  .flow li::before{left:25px;top:44px}
  .span-bar{flex-direction:column}
  .bd-bar{height:auto;flex-direction:column}
  .bd-bar span{padding:8px 12px;flex:none !important;flex-direction:row;justify-content:space-between}
  .bd-list>div{grid-template-columns:1fr;gap:4px}
  .bd-list dt{width:max-content;padding:0 12px}
  .pay{grid-template-columns:1fr 1fr}
  .pay li:nth-child(2){border-right:0}
  .pay li:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .voice-c{grid-template-columns:1fr;padding:16px}
  .msg-row{grid-template-columns:1fr;gap:20px}
  .msg-row .ph{max-width:240px}
  .tbl th,.tbl td{display:block;width:100%;border-top:0}
  .tbl tr:first-child th{border-top:1px solid var(--line)}
  .spec-tbl thead{display:none}
  .spec-tbl td:nth-child(3)::before{content:"選べるもの：";color:var(--ink2);font-size:13px}
  .ctabs{grid-template-columns:1fr}
  .form{padding:22px 18px}
  .faq dt,.faq dd{padding:14px 16px 14px 52px}
  .faq dt::before,.faq dd::before{left:16px}
  .cta{padding:40px 16px}
  .cta-in{grid-template-columns:1fr}
  .cta-c{padding:24px 20px}
  .ft-in{grid-template-columns:1fr}
  .ft-nav{grid-template-columns:1fr 1fr}
  .sp-bar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--mori)}
  .sp-bar a{color:#fff;text-decoration:none;text-align:center;padding:14px 0;font-weight:700;font-size:15px}
  .sp-bar a+a{border-left:1px solid rgba(255,255,255,.3)}
  .ft{padding-bottom:80px}
  .filters .f-l{width:100%}
}