:root{--ink:#24352f;--green:#315f4d;--deep:#173d32;--gold:#b48a3a;--cream:#f7f3e9;--paper:#fffdf8;--line:#d9ddd7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.8;background:var(--paper)}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(49,95,77,.12)}.header-inner{height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;font-family:serif;color:var(--gold)}.brand b{font-family:serif;font-size:23px;letter-spacing:.08em}.brand small{display:block;font-size:10px;color:#68756f}.custom-logo{max-height:54px;width:auto}.desktop-nav{display:flex;gap:24px;font-size:13px;font-weight:700}.desktop-nav a:hover{color:var(--gold)}.menu-toggle,.mobile-nav{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;background:var(--green);color:white;border:1px solid var(--green);font-weight:700;letter-spacing:.05em;transition:.2s}.btn:hover{background:var(--deep);transform:translateY(-1px)}.btn-small{min-height:42px;padding:0 18px;font-size:13px}.btn-outline{background:transparent;color:var(--green)}.btn.disabled{background:#87918d;border-color:#87918d}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7f2e5 0%,#fffdf8 56%,#edf4ef 100%);padding:90px 0 100px}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(180,138,58,.12) 0 2px,transparent 3px),radial-gradient(circle at 85% 70%,rgba(49,95,77,.12) 0 2px,transparent 3px);background-size:54px 54px}.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:80px}.eyebrow,.section-head>span{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.18em}.hero h1{font-family:serif;font-size:clamp(38px,5vw,66px);line-height:1.35;letter-spacing:.06em;margin:18px 0 24px}.hero-copy>p{max-width:640px;font-size:17px}.hero-actions{display:flex;gap:12px;margin:34px 0 16px}.hero-copy small{color:#6c7772}.family-card{position:relative;min-height:480px;background:#fff;border:1px solid rgba(180,138,58,.4);padding:34px;box-shadow:0 30px 80px rgba(33,58,49,.12)}.family-card:before,.family-card:after{content:"";position:absolute;width:36px;height:36px;border-color:var(--gold)}.family-card:before{top:12px;left:12px;border-top:1px solid;border-left:1px solid}.family-card:after{right:12px;bottom:12px;border-right:1px solid;border-bottom:1px solid}.tree-title{text-align:center;font-family:serif;font-size:24px;border-bottom:1px solid var(--line);padding-bottom:18px}.tree{position:relative;height:300px;padding-top:25px}.person{width:120px;margin:auto;text-align:center;border:1px solid var(--green);padding:8px;background:#f9fcfa}.line{width:1px;height:25px;background:var(--green);margin:auto}.branches{display:flex;width:250px;margin:0 auto 18px;border-top:1px solid var(--green);justify-content:space-between}.branches span{width:1px;height:22px;background:var(--green)}.children{display:flex;justify-content:center;gap:18px}.children i{font-style:normal;border:1px solid var(--green);padding:8px 12px;background:#f9fcfa}.ai-tag{position:absolute;right:-20px;bottom:28px;background:var(--gold);color:#fff;padding:10px 18px;font-weight:700;font-size:13px}.trust{background:var(--deep);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid div{padding:26px 34px;border-right:1px solid rgba(255,255,255,.18)}.trust-grid b{display:block;font-family:serif;font-size:20px}.trust-grid span{font-size:12px;opacity:.75}.section{padding:100px 0}.alt{background:var(--cream)}.section-head{text-align:center;max-width:760px;margin:0 auto 48px}.section-head h2,.split h2{font-family:serif;font-size:clamp(30px,4vw,46px);margin:8px 0 14px;letter-spacing:.05em}.section-head p{color:#65716c}.section-head.row{max-width:none;display:flex;align-items:end;justify-content:space-between;text-align:left}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan-card{position:relative;background:#fff;border:1px solid var(--line);padding:32px 24px;display:flex;flex-direction:column}.plan-card.recommended{border:2px solid var(--gold);transform:translateY(-10px)}.recommend{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--gold);color:white;padding:3px 16px;font-size:12px;font-weight:700}.plan-card h3{font-family:serif;font-size:23px;margin:0}.plan-for{font-size:12px;color:#71807a;min-height:44px}.price{font-family:serif;font-size:30px;color:var(--deep);padding:16px 0;border-bottom:1px solid var(--line)}.price small{font:11px sans-serif;margin-left:4px}.plan-card ul{list-style:none;padding:10px 0;margin:0 0 24px;flex:1;font-size:13px}.plan-card li{padding:8px 0;border-bottom:1px dotted var(--line)}.plan-card li:before{content:"✓";color:var(--gold);font-weight:bold;margin-right:8px}.payment-note{text-align:center;font-size:12px;color:#75817c}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-list>div{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #d9d4c7}.feature-list b{font-family:serif;color:var(--gold);font-size:24px}.feature-list strong{display:block}.story-panel{background:var(--deep);color:white;padding:60px}.story-panel blockquote{font-family:serif;font-size:28px;line-height:1.7;margin:0 0 30px;color:#e9d7ae}.story-panel p{opacity:.8}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.flow-grid>div{position:relative;background:#fff;padding:34px}.flow-grid em{font-family:serif;color:var(--gold);font-size:34px}.flow-grid b{display:block;font-size:18px}.flow-grid p{font-size:13px;color:#68756f}.faq-section{background:#eef3ef}.faq-list{max-width:860px;margin:auto}.faq-list details{background:#fff;border-bottom:1px solid var(--line);padding:0 24px}.faq-list summary{cursor:pointer;padding:22px 0;font-weight:700}.faq-list summary:before{content:"Q";color:var(--gold);font-family:serif;font-size:20px;margin-right:16px}.faq-list p{padding:0 0 22px 38px;margin:0;color:#64706b}.company dl{display:grid;grid-template-columns:110px 1fr}.company dt,.company dd{padding:14px 0;border-bottom:1px solid var(--line);margin:0}.company dt{font-weight:700}.mission{padding:60px;background:var(--cream)}.mission b{font-family:serif;font-size:34px;color:var(--deep)}.forms-section{background:var(--deep);color:#fff}.form-tabs{display:grid;grid-template-columns:repeat(4,1fr);max-width:900px;margin:auto}.form-tabs button{border:0;border-right:1px solid #d4d9d6;background:#e9eeeb;color:var(--ink);padding:15px;cursor:pointer;font-weight:700}.form-tabs button.active{background:var(--gold);color:white}.form-panels{max-width:900px;margin:auto;background:white;color:var(--ink);padding:40px}.form-panel{display:none}.form-panel.active{display:block}.form-panel h3{font-family:serif;font-size:28px}.form-placeholder{padding:30px;border:2px dashed var(--line);background:#fafafa}.wpcf7-form label{display:block;margin-bottom:16px;font-weight:700}.wpcf7-form input:not([type=submit]),.wpcf7-form textarea,.wpcf7-form select{width:100%;padding:13px;border:1px solid #bbc4bf;font:inherit}.wpcf7-submit{border:0;background:var(--green);color:white;padding:15px 40px;font-weight:700}.site-footer{background:#102d25;color:#fff;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr 1.4fr;gap:40px}.footer-grid div{display:flex;flex-direction:column;gap:8px}.footer-grid a,.footer-grid p{font-size:12px;opacity:.75}.footer-brand{font-family:serif;font-size:28px}.copyright{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:11px;opacity:.65}.content-area{max-width:860px}.content-area h1{font-family:serif;font-size:42px}.content-area img{max-width:100%;height:auto}
@media(max-width:900px){.desktop-nav,.header-inner>.btn{display:none}.menu-toggle{display:block;border:0;background:none;font-size:24px}.mobile-nav{position:absolute;top:82px;left:0;right:0;background:#fff;padding:18px 20px;box-shadow:0 12px 30px rgba(0,0,0,.1)}.mobile-nav.open{display:flex;flex-direction:column}.mobile-nav a{padding:10px;border-bottom:1px solid var(--line)}.hero-grid,.split{grid-template-columns:1fr}.hero{padding-top:60px}.family-card{max-width:520px;margin:auto}.plans{grid-template-columns:repeat(2,1fr)}.plan-card.recommended{transform:none}.flow-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.container{width:min(100% - 28px,1120px)}.section{padding:72px 0}.hero h1{font-size:39px}.hero-actions{flex-direction:column}.family-card{min-height:420px;padding:24px}.trust-grid,.plans,.flow-grid,.form-tabs,.footer-grid{grid-template-columns:1fr}.trust-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.story-panel,.mission,.form-panels{padding:28px}.company dl{grid-template-columns:90px 1fr}.section-head.row{align-items:start}.form-tabs button{border-bottom:1px solid white}.ai-tag{right:0}.header-inner{height:70px}.mobile-nav{top:70px}}

/* Plan section refinements and detail modals */
@media(min-width:601px){#plans .section-head{max-width:none;margin-left:0;margin-right:0;text-align:left}#plans .section-head p{max-width:760px}}
.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}.plan-card{padding:0;overflow:visible;border-radius:14px;box-shadow:0 12px 38px rgba(23,61,50,.08)}.plan-card.recommended{transform:none;border:2px solid var(--gold);box-shadow:0 18px 46px rgba(180,138,58,.18)}.plan-card-head{padding:30px 30px 18px;background:linear-gradient(135deg,#f7f3e9,#fff);border-radius:14px 14px 0 0}.plan-card.recommended .plan-card-head{background:linear-gradient(135deg,#f3e6c9,#fff8e9)}.plan-card h3{font-size:27px}.plan-for{min-height:0;margin:7px 0 0;font-size:14px;font-weight:700;color:var(--green)}.plan-features{padding:18px 30px 12px!important;margin:0!important;flex:0!important}.plan-features li{font-size:14px}.payment-options{display:grid;gap:12px;padding:6px 22px 26px}.payment-option{display:grid;grid-template-columns:1fr auto;column-gap:16px;align-items:center;padding:18px;background:#fafbf9;border:1px solid var(--line);border-radius:10px}.payment-option-top{display:flex;align-items:center;gap:8px;grid-column:1}.payment-label{font-size:13px;font-weight:800;color:var(--green)}.saving-badge{display:inline-flex;padding:2px 8px;border-radius:999px;background:#fff0ce;color:#8b6116;font-size:11px;font-weight:800}.payment-price{grid-column:1;font-family:serif;font-size:28px;font-weight:700;color:var(--deep);line-height:1.25}.payment-price small{display:inline;font:11px sans-serif;color:#63706a}.payment-option p{grid-column:1;margin:5px 0 0;color:#6c7872;font-size:11px;line-height:1.5}.btn-payment{grid-column:2;grid-row:1/4;min-height:46px;padding:0 18px;border-radius:6px;font-size:12px;white-space:nowrap}.plan-text-link{display:block;margin:-8px auto 26px;border:0;border-bottom:1px solid currentColor;background:none;color:var(--green);font-weight:700;cursor:pointer}.payment-note{margin-top:24px}.recommend{top:-16px;border-radius:999px;z-index:2}.plan-actions{display:grid;gap:10px;margin-top:auto}.plan-actions .btn{width:100%;font:inherit;cursor:pointer}.plan-actions .btn-outline{background:#fff;color:var(--green)}.plan-actions .btn-outline:hover{background:var(--cream);color:var(--deep)}
body.plan-modal-open{overflow:hidden}.plan-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(10,31,25,.72);overflow-y:auto}.plan-modal.is-open{display:flex}.plan-modal-dialog{position:relative;width:min(560px,100%);background:#fff;border:1px solid rgba(180,138,58,.55);box-shadow:0 28px 90px rgba(0,0,0,.32);padding:48px}.plan-modal-dialog-wide{width:min(900px,100%)}.plan-modal-close{position:absolute;top:14px;right:16px;width:40px;height:40px;border:0;background:transparent;color:var(--deep);font-size:34px;line-height:1;cursor:pointer}.plan-modal-content h3{margin:0 0 24px;font-family:serif;font-size:clamp(26px,3vw,38px);color:var(--deep)}.plan-modal-content ul{list-style:none;margin:0 0 30px;padding:0}.plan-modal-content li{position:relative;padding:13px 0 13px 27px;border-bottom:1px dotted var(--line);font-size:16px}.plan-modal-content li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700}.plan-modal-content small{color:#69766f}.plan-modal-close-button{min-width:150px}.plan-modal-kamon-layout{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:52px;align-items:center}.plan-modal-image{display:grid;place-items:center;min-height:320px;background:var(--deep);padding:28px}.plan-modal-image img{display:block;width:100%;max-width:340px;height:auto}
@media(max-width:600px){#plans .section-head{text-align:center}.plans{grid-template-columns:1fr;gap:24px}.plan-card-head{padding:26px 22px 16px}.plan-features{padding:15px 22px 10px!important}.payment-options{padding:4px 14px 20px}.payment-option{grid-template-columns:1fr;padding:16px}.btn-payment{grid-column:1;grid-row:auto;margin-top:12px;width:100%}.plan-modal{align-items:flex-start;padding:18px}.plan-modal-dialog{margin:auto;padding:48px 24px 28px}.plan-modal-kamon-layout{grid-template-columns:1fr;gap:28px}.plan-modal-image{min-height:220px;padding:20px}.plan-modal-image img{max-width:240px}.plan-modal-content h3{text-align:center}.plan-modal-close-button{width:100%}}


/* Definitive alignment rules for ROOTS PLAN heading */
@media (min-width: 768px){
  #plans .plans-section-head{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
  }
  #plans .plans-section-head > span,
  #plans .plans-section-head > h2,
  #plans .plans-section-head > p{
    text-align:left !important;
    margin-left:0 !important;
    margin-right:auto !important;
  }
  #plans .plans-section-head > p{max-width:760px !important;}
}
@media (max-width: 767px){
  #plans .plans-section-head{
    width:100% !important;
    max-width:760px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }
  #plans .plans-section-head > span,
  #plans .plans-section-head > h2,
  #plans .plans-section-head > p{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* Site title alignment: desktop left, mobile center */
.site-header .site-brand .brand-text,
.site-header .site-brand .site-title-text{
  text-align:left !important;
}

@media (max-width: 900px){
  .site-header .header-inner{
    position:relative;
    justify-content:center;
  }
  .site-header .site-brand{
    margin-right:0 !important;
    justify-content:center;
    text-align:center !important;
  }
  .site-header .site-brand .brand-text,
  .site-header .site-brand .site-title-text,
  .site-header .site-brand small{
    text-align:center !important;
  }
  .site-header .menu-toggle{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
  }
}


/* Header brand alignment fix: avoid nested custom-logo links */
@media (min-width: 901px){
  .site-header .header-inner{justify-content:flex-start !important;}
  .site-header .site-brand{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    margin-left:0 !important;
    margin-right:auto !important;
    text-align:left !important;
  }
  .site-header .site-brand-logo{
    display:block !important;
    margin-left:0 !important;
    margin-right:0 !important;
    object-position:left center !important;
  }
}
@media (max-width: 900px){
  .site-header .site-brand{
    position:absolute !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    margin:0 !important;
  }
  .site-header .site-brand-logo{
    display:block !important;
    margin-left:auto !important;
    margin-right:auto !important;
    object-position:center center !important;
  }
}

/* Free trial CTA */
.btn-trial{background:var(--gold);border-color:var(--gold);color:#fff}.btn-trial:hover{background:#96702d;border-color:#96702d;color:#fff}.trial-cta{background:var(--cream);border-top:1px solid rgba(180,138,58,.25);border-bottom:1px solid rgba(180,138,58,.25)}.trial-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 0}.trial-cta-inner b{display:block;font-family:serif;font-size:24px;color:var(--deep)}.trial-cta-inner span{display:block;font-size:13px;color:#65716c}.section-trial-action{text-align:center;margin-top:34px}.section-trial-action .btn{min-width:300px}
@media(max-width:600px){.trial-cta-inner{flex-direction:column;text-align:center;padding:28px 0}.trial-cta-inner .btn,.section-trial-action .btn{width:100%;min-width:0}.hero-actions .btn{width:100%}}

/* ============================================================
   2026-08 改定：買い切り廃止（家紋のみ）／年払い強調／SEO用ブロック
   ============================================================ */

/* アクセシビリティ：スキップリンク */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed!important;top:10px;left:10px;z-index:9999;width:auto;height:auto;clip:auto;padding:12px 20px;background:var(--deep);color:#fff;font-weight:700}

/* 導入文（検索対策の本文ブロック） */
.intro-section{padding:76px 0 8px}
.intro-inner{max-width:860px;margin:auto;text-align:center}
.intro-inner h2{font-family:serif;font-size:clamp(26px,3.4vw,38px);letter-spacing:.05em;margin:0 0 20px;color:var(--deep)}
.intro-inner p{margin:0;color:#55635d;font-size:16px;text-align:left}
@media(max-width:600px){.intro-section{padding:56px 0 4px}.intro-inner p{font-size:15px}}

/* プランカード：注意書き */
.plan-caution{margin:-4px 30px 6px;padding:11px 13px;background:#fff6e4;border-left:3px solid var(--gold);color:#7a5a17;font-size:12px;line-height:1.6}
@media(max-width:600px){.plan-caution{margin:-2px 22px 6px}}

/* プランカード：法人向けの見え方を落ち着かせる */
.plan-card-business .plan-card-head{background:linear-gradient(135deg,#eef2ef,#fff)}
.plan-card-business .plan-for{color:#5a6b64}

/* 支払い方法：年払いを主役にする */
.payment-option.is-featured{background:#fffaf0;border:2px solid var(--gold);box-shadow:0 8px 22px rgba(180,138,58,.14)}
.payment-option.is-featured .payment-price{color:#8b6116}
.featured-badge{display:inline-flex;padding:2px 9px;border-radius:999px;background:var(--gold);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em}
.payment-option.is-featured .btn-payment{background:var(--gold);border-color:var(--gold)}
.payment-option.is-featured .btn-payment:hover{background:#96702d;border-color:#96702d}

/* お支払いについて（特商法・自動更新の表示） */
.pay-policy{max-width:900px;margin:44px auto 0;padding:30px 34px;background:#fbfaf6;border:1px solid var(--line);border-radius:12px}
.pay-policy h3{margin:0 0 14px;font-family:serif;font-size:21px;color:var(--deep)}
.pay-policy ul{list-style:none;margin:0;padding:0}
.pay-policy li{position:relative;padding:8px 0 8px 20px;font-size:13px;line-height:1.75;color:#5c6a64;border-bottom:1px dotted var(--line)}
.pay-policy li:last-child{border-bottom:0}
.pay-policy li:before{content:"・";position:absolute;left:2px;color:var(--gold);font-weight:700}
.pay-policy-link{margin:14px 0 0;font-size:13px;color:#5c6a64}
.pay-policy-link a{border-bottom:1px solid currentColor;color:var(--green);font-weight:700}
@media(max-width:600px){.pay-policy{padding:24px 20px;margin-top:32px}}

/* フッターにアプリ導線を追加した分の調整 */
.footer-grid div a:hover{opacity:1;text-decoration:underline}

/* ============================================================
   お試しプラン（無料）バンド　2026-08 追加
   ============================================================ */
.free-plan{display:grid;grid-template-columns:1fr 260px;gap:34px;align-items:center;
  max-width:1000px;margin:0 auto 8px;padding:34px 38px;
  background:linear-gradient(135deg,#f4f8f5,#fffdf7);
  border:1px solid var(--line);border-radius:16px}
.free-plan-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.free-plan-head h3{margin:0;font-family:serif;font-size:26px;letter-spacing:.05em;color:var(--deep)}
.free-plan-badge{display:inline-flex;padding:4px 12px;border-radius:999px;background:var(--green);
  color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em}
.free-plan-lead{margin:0 0 16px;font-size:15px;color:#4d5b55;font-weight:700}
.free-plan-features{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.free-plan-features li{position:relative;padding-left:24px;font-size:14px;color:#55635d;line-height:1.6}
.free-plan-features li:before{content:"✓";position:absolute;left:0;top:0;color:var(--gold);font-weight:800}
.free-plan-note{margin:16px 0 0;font-size:12px;color:#7c8a84;line-height:1.7}
.free-plan-action{text-align:center;padding-left:30px;border-left:1px dashed var(--line)}
.free-plan-price{font-family:serif;font-size:52px;line-height:1;color:var(--deep);margin-bottom:14px}
.free-plan-price small{font-size:18px;margin-left:4px}
.free-plan-action .btn-trial{width:100%;justify-content:center}
.free-plan-action small{display:block;margin-top:10px;font-size:11px;color:#7c8a84}

.plans-divider{position:relative;max-width:1000px;margin:36px auto 26px;text-align:center}
.plans-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--line)}
.plans-divider span{position:relative;display:inline-block;padding:0 18px;background:var(--cream,#fbfaf6);
  font-size:13px;font-weight:700;color:#7c8a84;letter-spacing:.08em}

@media(max-width:820px){
  .free-plan{grid-template-columns:1fr;gap:22px;padding:26px 22px}
  .free-plan-action{padding-left:0;padding-top:22px;border-left:0;border-top:1px dashed var(--line)}
  .free-plan-price{font-size:44px}
}