@charset "utf-8";
/* =============================================================
   トップページ 新デザイン（2026 / Ma：和紙・墨・金）
   ・.t26 でスコープ化し、既存テーマCSSと完全分離
   ・font-size は px 指定（テーマの html{font-size:62.5%} の影響を受けないため）
   ・画像はテーマの images/ を参照（CSSからは ../images/...）
   ============================================================= */
.t26{
  --washi:#f1ece1; --washi-2:#e9e2d3;
  --sumi:#1a1613; --ink:#2c2722; --muted:#928879;
  --kin:#a8844a; --kin-2:#c4a468;
  --line:rgba(28,23,19,.14);
  --serif:"Shippori Mincho",serif;
  --sans:"Zen Kaku Gothic New","ヒラギノ明朝 ProN W3",serif;
  --latin:"Cormorant Garamond",serif;
  font-family:var(--sans);background:var(--washi);color:var(--ink);
  font-size:17px;font-weight:400;line-height:1.95;letter-spacing:.02em;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
.t26 *{margin:0;padding:0;box-sizing:border-box}
.t26 img{display:block;max-width:100%}
.t26 a{color:inherit;text-decoration:none}
.t26 ul,.t26 ol{list-style:none}
.t26 .wrap{width:88%;max-width:1180px;margin:0 auto}

/* label / overline */
.t26 .eyebrow{display:inline-flex;align-items:center;gap:18px;font-size:14.5px;letter-spacing:.24em;color:var(--kin);font-weight:500}
.t26 .eyebrow::before{content:"";width:46px;height:1px;background:var(--kin)}
.t26 .num{font-family:var(--latin);font-size:18px;letter-spacing:.1em;color:var(--kin)}

/* hero */
.t26 .hero{position:relative;min-height:88vh;display:flex;align-items:center;color:#fff;overflow:hidden;background:url(../images/top/hero.jpg) center 22%/cover no-repeat}
.t26 .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(16,13,11,.82) 0%,rgba(16,13,11,.55) 42%,rgba(16,13,11,.12) 100%);z-index:1}
.t26 .hero .wrap{position:relative;z-index:2;padding:132px 0 80px}
.t26 .hero .eyebrow{color:var(--kin-2)}
.t26 .hero .eyebrow::before{background:var(--kin-2)}
.t26 .hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(42px,5.4vw,78px);line-height:1.42;letter-spacing:.07em;margin:34px 0 0;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.t26 .hero .lead{margin-top:38px;padding-top:34px;position:relative;max-width:30em}
.t26 .hero .lead::before{content:"";position:absolute;top:0;left:0;width:60px;height:1px;background:var(--kin-2)}
.t26 .hero .lead p{font-size:17px;line-height:2;color:rgba(255,255,255,.92)}
.t26 .hero .lead .small{font-size:16px;color:rgba(255,255,255,.72);margin-top:6px}
.t26 .btns{display:flex;flex-wrap:wrap;gap:16px}
.t26 .hero .btns{margin-top:46px}
.t26 .btn{display:inline-flex;align-items:center;gap:12px;padding:19px 36px;font-size:16px;letter-spacing:.08em;transition:.3s}
.t26 .btn .ar{font-family:var(--latin);font-size:20px}
.t26 .btn-fill{background:var(--kin);color:#fff;border:1px solid var(--kin)}
.t26 .btn-fill:hover{background:var(--kin-2);border-color:var(--kin-2)}
.t26 .btn-ghost{border:1px solid rgba(255,255,255,.55);color:#fff}
.t26 .btn-ghost:hover{background:#fff;color:var(--sumi);border-color:#fff}

/* trust strip */
.t26 .trust{background:var(--sumi);color:#fff}
.t26 .trust .wrap{display:flex;flex-wrap:wrap}
.t26 .trust .it{flex:1 1 0;min-width:200px;padding:36px 30px;border-right:1px solid rgba(255,255,255,.1);text-align:center}
.t26 .trust .it:last-child{border-right:none}
.t26 .trust .it b{display:block;font-family:var(--serif);font-weight:500;color:var(--kin-2);font-size:21px;letter-spacing:.06em;margin-bottom:9px}
.t26 .trust .it span{font-size:15px;color:rgba(255,255,255,.66);letter-spacing:.04em}

/* section base */
.t26 .sec{padding:120px 0}
.t26 .sec-head .eyebrow{margin-bottom:26px}
.t26 .sec-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.2vw,44px);line-height:1.5;letter-spacing:.05em}

/* intro */
.t26 .intro .grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}
.t26 .intro .lead-h{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.2vw,44px);line-height:1.7;letter-spacing:.07em}
.t26 .intro p{margin-top:30px;color:#4a443c;font-size:17px;line-height:2.05}
.t26 .intro .sign{margin-top:40px;font-family:var(--serif);font-size:17px;letter-spacing:.1em;color:var(--muted)}
.t26 .intro figure{position:relative}
.t26 .intro figure img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.92)}
.t26 .intro figure figcaption{position:absolute;left:-18px;bottom:30px;writing-mode:vertical-rl;font-family:var(--serif);font-size:14px;letter-spacing:.3em;color:var(--muted);background:var(--washi);padding:14px 6px}

/* crafts */
.t26 .crafts{background:var(--washi-2)}
.t26 .crafts .row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:72px 0;border-top:1px solid var(--line)}
.t26 .crafts .row:last-child{border-bottom:1px solid var(--line)}
.t26 .crafts .row:nth-child(even) .ph{order:2}
.t26 .crafts .ph{overflow:hidden}
.t26 .crafts .ph img{width:100%;aspect-ratio:16/11;object-fit:cover;transition:transform 1.1s ease}
.t26 .crafts .row:hover .ph img{transform:scale(1.05)}
.t26 .crafts .tx .num{font-size:20px}
.t26 .crafts .tx h3{font-family:var(--serif);font-weight:500;font-size:34px;letter-spacing:.08em;margin:14px 0 4px}
.t26 .crafts .tx .en{font-family:var(--latin);font-style:italic;font-size:21px;color:var(--muted);letter-spacing:.06em}
.t26 .crafts .tx p{margin:22px 0 30px;color:#4a443c;line-height:2;font-size:17px}
.t26 .lk{display:inline-flex;align-items:center;gap:14px;font-size:15px;letter-spacing:.1em;color:var(--ink);padding-bottom:6px;border-bottom:1px solid var(--kin);transition:gap .3s}
.t26 .lk .ar{font-family:var(--latin);color:var(--kin);font-size:18px}
.t26 .lk:hover{gap:22px}

/* works (施工実績) */
.t26 .works .sec-head{margin-bottom:48px}
.t26 .wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.t26 .wcard{display:block;color:inherit}
.t26 .wimg{overflow:hidden;aspect-ratio:4/3}
.t26 .wimg img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s ease}
.t26 .wcard:hover .wimg img{transform:scale(1.05)}
.t26 .wmeta{padding-top:22px}
.t26 .wtag{display:inline-block;font-size:13px;letter-spacing:.1em;color:var(--kin);border:1px solid var(--line);padding:6px 14px;margin-bottom:15px}
.t26 .wmeta h3{font-family:var(--serif);font-weight:500;font-size:23px;letter-spacing:.03em;line-height:1.5}
.t26 .wmeta p{color:var(--muted);font-size:16px;margin-top:6px}
.t26 .wmore{text-align:center;margin-top:54px}

/* news (お知らせ) */
.t26 .news .sec-head{margin-bottom:40px}
.t26 .nlist{border-top:1px solid var(--line)}
.t26 .nlist li{border-bottom:1px solid var(--line)}
.t26 .nlist a{display:flex;align-items:baseline;gap:30px;padding:24px 4px;transition:background-color .25s}
.t26 .nlist a:hover{background:rgba(168,132,74,.06)}
.t26 .ndate{font-family:var(--latin);font-size:18px;letter-spacing:.06em;color:var(--kin);flex:0 0 auto;min-width:112px}
.t26 .ntit{font-size:17px;line-height:1.7;color:var(--ink)}

/* biz (B2B) */
.t26 .biz{background:linear-gradient(rgba(241,236,225,.86),rgba(241,236,225,.86)),url(../images/washi.jpg) center/cover;position:relative}
.t26 .biz .inner{max-width:880px;margin:0 auto;text-align:center}
.t26 .biz h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.2vw,44px);line-height:1.55;letter-spacing:.06em;margin:24px 0 0}
.t26 .biz .eyebrow{justify-content:center}
.t26 .biz p{margin-top:26px;color:#4a443c;line-height:2.05;font-size:17px}
.t26 .biz .tags{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:40px 0 8px}
.t26 .biz .tags span{border:1px solid var(--line);padding:12px 24px;font-size:16px;letter-spacing:.04em}
.t26 .biz .btns{justify-content:center;margin-top:42px}
.t26 .biz .btn-fill{color:#fff}
.t26 .biz .btn-dark{border:1px solid var(--sumi);color:var(--sumi)}
.t26 .biz .btn-dark:hover{background:var(--sumi);color:#fff}
.t26 .biz-points{display:grid;grid-template-columns:repeat(4,1fr);margin:46px 0 6px;border-top:1px solid var(--line)}
.t26 .biz-points>div{padding:28px 14px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.t26 .biz-points>div:nth-child(4n){border-right:none}
.t26 .biz-points b{display:block;font-family:var(--serif);font-weight:500;font-size:18px;color:var(--ink);letter-spacing:.04em;margin-bottom:8px}
.t26 .biz-points span{font-size:14px;color:var(--muted);line-height:1.6}

/* closing */
.t26 .closing{background:var(--sumi);color:#fff;text-align:center}
.t26 .closing h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.2vw,44px);letter-spacing:.07em;line-height:1.55}
.t26 .closing .eyebrow{justify-content:center;color:var(--kin-2)}
.t26 .closing .eyebrow::before{background:var(--kin-2)}
.t26 .closing p{margin-top:24px;color:rgba(255,255,255,.74);line-height:2;font-size:17px}
.t26 .closing .btns{justify-content:center;margin-top:44px}
.t26 .closing .tel-block{margin-top:48px}
.t26 .closing .tel-lab{display:block;font-size:13px;letter-spacing:.22em;color:var(--kin-2);margin-bottom:12px}
.t26 .closing .tel-num{font-family:var(--sans);font-weight:500;font-size:46px;letter-spacing:.05em;color:#fff;line-height:1;transition:color .25s}
.t26 .closing .tel-num:hover{color:var(--kin-2)}

@media(max-width:860px){
  .t26 .intro .grid{grid-template-columns:1fr;gap:46px}
  .t26 .crafts .row{grid-template-columns:1fr;gap:30px;padding:54px 0}
  .t26 .crafts .row:nth-child(even) .ph{order:0}
  .t26 .sec{padding:88px 0}
  .t26 .wgrid{grid-template-columns:1fr 1fr;gap:26px}
}
@media(max-width:680px){
  .t26 .wrap{width:86%}
  .t26 .btns{flex-direction:column;align-items:stretch;gap:13px}
  .t26 .btn{width:100%;justify-content:center;padding:17px 20px}
  .t26 .trust .it{flex:1 1 100%;min-width:0;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:28px 18px}
  .t26 .trust .it:last-child{border-bottom:none}
  .t26 .sec{padding:76px 0}
  .t26 .sec-head h2,.t26 .intro .lead-h,.t26 .biz h2,.t26 .closing h2{font-size:30px;line-height:1.58}
  .t26 .hero .wrap{padding:96px 0 64px}
  .t26 .hero h1{font-size:40px;line-height:1.48;margin-top:28px}
  .t26 .hero .lead{margin-top:30px;padding-top:28px}
  .t26 .hero .lead p{font-size:17px}
  .t26 .intro figure figcaption{left:auto;right:14px;bottom:14px;padding:12px 5px}
  .t26 .crafts .row{padding:48px 0}
  .t26 .crafts .tx h3{font-size:32px}
  .t26 .crafts .tx p{font-size:16px}
  .t26 .works .sec-head{margin-bottom:34px}
  .t26 .wgrid{grid-template-columns:1fr;gap:20px}
  .t26 .biz p{text-align:left}
  .t26 .biz .tags{gap:9px;margin-top:34px}
  .t26 .biz .tags span{padding:9px 16px;font-size:15px}
  .t26 .biz-points{grid-template-columns:1fr 1fr}
  .t26 .biz-points>div:nth-child(2n){border-right:none}
  .t26 .biz-points b{font-size:17px}
  .t26 .closing .tel-num{font-size:38px}
  .t26 .nlist a{flex-direction:column;gap:6px;padding:18px 4px}
  .t26 .ndate{min-width:0}
}
/* ヘッダー（.t26hd）一式は css/site-nav.css に一元化（全ページ共通の固定ナビ）。
   ここではトップのヒーロー上部グラデのみ保持 */
/* ===== 入札参加資格・有資格者・アクセス ===== */
.t26 .cred{background:#faf7f1;border-top:1px solid var(--line)}
.t26 .cred-lead{margin-top:22px;max-width:62em;color:#4a443c;font-size:17px;line-height:2}
.t26 .cred-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:54px;align-items:start;margin-top:48px}
.t26 .cred-sub{font-family:var(--serif);font-weight:500;font-size:20px;letter-spacing:.08em;color:var(--ink);padding-bottom:13px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.t26 .cred-quals .cred-sub:nth-of-type(2){margin-top:42px}
.t26 .qual-list{display:flex;flex-direction:column;gap:17px}
.t26 .qual-list li{position:relative;padding-left:24px}
.t26 .qual-list li::before{content:"";position:absolute;left:1px;top:9px;width:8px;height:8px;border:1px solid var(--kin);transform:rotate(45deg)}
.t26 .qual-list b{display:block;font-weight:500;font-size:16px;color:var(--ink);letter-spacing:.02em;line-height:1.65}
.t26 .qual-list span{display:block;margin-top:4px;font-size:13.5px;color:var(--muted);line-height:1.7}
.t26 .qual-holders{font-size:14.5px;line-height:2;color:#4a443c}
.t26 .cred-map-canvas{width:100%;height:430px;background:var(--washi-2)}
.t26 .cred-access{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.t26 .cred-addr{font-size:14px;color:var(--ink);line-height:1.7}
.t26 .cred-addr b{color:var(--kin);font-weight:600;margin-right:12px;font-size:12px;letter-spacing:.12em}
@media(max-width:880px){
  .t26 .cred-grid{grid-template-columns:1fr;gap:38px;margin-top:38px}
  .t26 .cred-map-canvas{height:320px}
}

/* ヘッダー文字の可読性：ヒーロー上部に薄い暗グラデ */
.t26 .hero::before{content:"";position:absolute;top:0;left:0;right:0;height:175px;background:linear-gradient(rgba(8,6,5,.5),rgba(8,6,5,0));z-index:1;pointer-events:none}
/* SP：フォントをもう一段小さく（2026） */
@media(max-width:680px){
  .t26{font-size:16px}
  .t26 .eyebrow{font-size:13px}
  .t26 .hero h1{font-size:33px;line-height:1.5}
  .t26 .hero .lead p{font-size:15px}
  .t26 .hero .lead .small{font-size:14px}
  .t26 .btn{font-size:15px}
  .t26 .trust .it b{font-size:18px}
  .t26 .trust .it span{font-size:13px}
  .t26 .sec-head h2,.t26 .intro .lead-h,.t26 .biz h2,.t26 .closing h2{font-size:25px}
  .t26 .intro p,.t26 .biz p,.t26 .closing p{font-size:15px}
  .t26 .crafts .tx h3{font-size:26px}
  .t26 .crafts .tx .en{font-size:18px}
  .t26 .crafts .tx .num{font-size:17px}
  .t26 .crafts .tx p{font-size:14.5px}
  .t26 .wmeta h3{font-size:20px}
  .t26 .wmeta p{font-size:14px}
  .t26 .wtag{font-size:12px}
  .t26 .ndate{font-size:16px}
  .t26 .ntit{font-size:15px}
  .t26 .biz .tags span{font-size:14px}
  .t26 .biz-points b{font-size:15px}
  .t26 .biz-points span{font-size:13px}
  .t26 .closing .tel-num{font-size:31px}
  .t26 .cred-lead{font-size:15px}
  .t26 .cred-sub{font-size:18px}
  .t26 .qual-list b{font-size:15px}
  .t26 .qual-list span{font-size:13px}
  .t26 .qual-holders{font-size:13.5px}
}