/* 色や余白をまとめて変更する場合は、まずここを編集します。 */
:root{--ink:#173e3e;--green:#164f50;--muted:#607170;--line:#d7e2de;--mint:#edf5f1;--paper:#fff;--accent:#bed969}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8b6308;outline-offset:5px}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}img{display:block;width:100%;height:100%;object-fit:cover}.sample-banner{background:var(--green);color:white;text-align:center;font-size:12px;letter-spacing:.12em;padding:5px 16px}.sample-banner span{letter-spacing:.06em}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:30px;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e9efec}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:700;letter-spacing:.04em;white-space:nowrap;line-height:1.35}.brand svg{width:43px;height:43px}.brand small,.footer-brand small{display:block;font-size:10px;letter-spacing:.24em;line-height:1.9}.header nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.header nav a:not(.nav-contact):hover{color:#528377}.nav-contact{background:var(--green);color:white;padding:13px 23px;border-radius:4px}.nav-contact span{margin-left:20px}.hero{position:relative;padding:38px 0 0 7%;overflow:hidden}.hero-copy{position:relative;z-index:1;width:49%;padding:40px 0 50px}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:700}.hero .eyebrow{font-size:13px;letter-spacing:.08em;display:flex;align-items:center;gap:9px}.hero .eyebrow>span{width:7px;height:7px;background:#7c9c65;border-radius:50%}h1{font-size:clamp(35px,4vw,62px);line-height:1.55;letter-spacing:.08em;font-weight:600;margin:23px 0}.accent{position:relative}.accent:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:8px;background:var(--accent);z-index:-1}.hero-description{font-size:16px;line-height:2.05;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--green);color:white;border:1px solid var(--green);padding:16px 27px;border-radius:4px;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.button:hover,.nav-contact:hover{background:#287070}.button:hover{transform:translateY(-2px)}.hero-points{display:flex;gap:22px;font-size:12px;margin-top:23px}.hero-points span:before{content:"✓";margin-right:6px}.hero-visual{position:absolute;top:38px;right:0;width:51%;height:530px;border-radius:110px 0 0 8px;overflow:hidden;background:#e8eeea}.hero-visual img{object-position:center}.hero-visual:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(15,44,35,.58))}.image-caption{position:absolute;bottom:27px;left:35px;color:white;z-index:1}.image-caption>span{font-size:11px;letter-spacing:.18em}.image-caption p{font-size:23px;line-height:1.6;letter-spacing:.1em;margin-top:7px}.image-caption small{font-size:10px;opacity:.85}.hero-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;margin-right:6%;padding:22px 0;border-bottom:1px solid var(--line)}.hero-bottom a span{margin-left:24px;font-size:18px}.section{padding:94px 7%;scroll-margin-top:15px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;gap:30px}h2{font-size:34px;font-weight:600;line-height:1.7;letter-spacing:.05em;margin-top:15px}.section-heading>p,.about>div>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:2}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{border:1px solid var(--line);border-radius:6px;padding:25px 28px 0;background:#fff;overflow:hidden}.service-top{display:flex;align-items:start;justify-content:space-between;height:92px;color:#4e7c70}.service-top>span{font-size:12px;letter-spacing:.15em}.service-top svg{width:82px;height:64px}.service-card h3{font-size:19px;margin-bottom:13px;letter-spacing:.02em}.service-card>p{font-size:14px;color:var(--muted);line-height:1.9}.price{font-family:Arial,sans-serif;font-size:37px;line-height:1.3;letter-spacing:-.04em;margin:23px 0 10px}.price small{font-family:Meiryo,sans-serif;font-size:16px;letter-spacing:0;margin-left:4px}.price small span{font-size:11px;display:inline-block;margin-left:4px}.service-card .service-note{font-size:12px;line-height:1.8;margin-bottom:24px}.service-card>a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:17px 0;font-size:13px;font-weight:600}.service-card>a:hover{color:#648321}.pricing-note{font-size:12px;color:var(--muted);margin-top:23px}.reasons{background:var(--mint);display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.reason-intro>p:not(.eyebrow){margin-top:23px;font-size:14px;line-height:2}.promise-word{display:block;font-family:Georgia,serif;font-style:italic;color:#6b9582;font-size:34px;line-height:1.2;margin-top:28px}.reason-list article{display:flex;gap:26px;padding:26px 0;border-bottom:1px solid #cadbd2}.reason-list article:first-child{padding-top:10px}.reason-list article>span{font-family:Georgia,serif;font-size:22px;color:#587e6a}.reason-list h3{font-size:19px;margin-bottom:9px}.reason-list p{font-size:14px;line-height:2;color:#546d64}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.about>div>p:not(.eyebrow){margin-top:20px}.sample-tag{display:inline-block;font-size:12px;padding:3px 12px;border:1px solid var(--line);margin-top:23px;border-radius:3px}dl{margin:0}dl>div{display:grid;grid-template-columns:110px 1fr;padding:19px 0;border-bottom:1px solid var(--line);font-size:14px}dt{font-weight:600}dd{margin:0}dd small{font-size:12px;color:var(--muted)}.contact{background:#f3f6f4;display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.contact h2{font-size:30px}.contact-copy>p:not(.eyebrow){font-size:14px;margin-top:24px}.demo-notice{margin-top:35px;padding:20px;border-left:3px solid #709487;background:#e7eeea;font-size:13px;max-width:390px}.demo-notice strong{font-size:14px}.demo-notice p{margin-top:8px}.field{margin-bottom:19px}.field>label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.field label>span{font-size:10px;color:var(--green);background:#e0eae4;padding:3px 6px;margin-left:8px;border-radius:2px}input:not([type=checkbox]),select,textarea{display:block;width:100%;background:#fff;border:1px solid #cbd6cf;border-radius:3px;padding:11px 13px;font-size:16px;color:var(--ink)}textarea{resize:vertical;min-height:128px}input::placeholder,textarea::placeholder{color:#78877f;font-size:14px}.field .checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:12px;font-weight:400;cursor:pointer}.checkbox-label input{accent-color:var(--green);width:18px;height:18px;flex-shrink:0;margin:3px 0 0}.field-error{color:#aa3030;font-size:13px;margin-top:5px}.field-error:empty{display:none}[aria-invalid=true]{border-color:#aa3030!important}.submit-button{width:100%}#form-status:not(:empty){padding:17px;margin-top:20px;background:#e1eee6;border:1px solid #96b9a5;border-radius:4px;font-size:14px}footer{position:relative;padding:43px 7%;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;background:var(--green);color:white}.footer-brand{font-size:23px;font-weight:600;line-height:1.6}.footer-brand small{font-size:10px}footer>p{font-size:13px;justify-self:end}footer>div{grid-column:1/-1;border-top:1px solid #427071;padding-top:20px;display:flex;justify-content:space-between;gap:15px}footer small{font-size:11px;color:#d3e0da}.back-top{position:absolute;right:2%;top:45px;font-size:22px}.mobile-only{display:none}.menu-toggle{display:none}.skip-link{position:fixed;top:-100px;left:12px;z-index:30;background:#fff;padding:12px}.skip-link:focus{top:8px}
@media(min-width:1500px){body{max-width:1700px;margin:auto}.hero-visual{height:565px}.hero-copy{padding-bottom:80px}}
@media(max-width:1050px){.header{padding:0 4%;gap:15px}.header nav{gap:17px;font-size:12px}.brand{font-size:21px}.nav-contact{padding:12px 16px}.section{padding:75px 5%}.hero{padding-left:5%}.hero-copy{width:52%}.hero-visual{width:48%;height:510px}.hero .eyebrow{font-size:11px}h1{font-size:40px}.service-card{padding:22px 18px 0}.service-card h3{font-size:17px}.price{font-size:32px}.price small span{display:block}.reasons,.about,.contact{gap:40px}h2{font-size:29px}.contact h2{font-size:26px}}
@media(max-width:760px){html{scroll-padding-top:88px}.sample-banner{font-size:9px;padding:5px 8px;letter-spacing:.05em}.sample-banner span{letter-spacing:0}.header{height:78px;padding:0 5%;flex-wrap:wrap;gap:0}.brand{font-size:21px}.brand svg{width:36px;height:36px}.brand small{font-size:8px}.menu-toggle:not([hidden]){display:block;background:white;border:1px solid var(--line);padding:8px 10px;border-radius:3px;font-size:12px;color:var(--ink)}.menu-toggle span{margin-left:5px}.header nav{position:absolute;top:78px;left:0;right:0;padding:18px 5%;background:white;border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 15px #153b3412;font-size:14px}.header nav a{padding:13px 16px}.header nav[hidden]{display:none}.header:has(.menu-toggle[hidden]){height:auto;position:relative;padding-top:12px}.header:has(.menu-toggle[hidden]) nav{position:static;box-shadow:none}.hero{padding:27px 0 0}.hero-copy{width:100%;padding:0 7% 28px}.hero .eyebrow{font-size:11px}h1{font-size:clamp(30px,8.4vw,52px);line-height:1.55;margin:20px 0 18px;letter-spacing:.06em}.hero-description{font-size:14px;line-height:1.9;margin-bottom:23px}.hero-description br:nth-child(2){display:none}.hero .button{font-size:14px;padding:14px 21px}.hero-points{font-size:11px;gap:15px;margin-top:17px}.hero-visual{position:relative;top:auto;right:auto;width:93%;height:290px;margin-left:7%;border-radius:62px 0 0 5px}.image-caption{left:25px;bottom:20px}.image-caption p{font-size:19px}.image-caption>span{font-size:9px}.hero-bottom{margin:0 7%;font-size:8px;padding:13px 0}.hero-bottom a{font-size:8px;letter-spacing:.07em}.hero-bottom a span{margin-left:8px}.section{padding:58px 7%}.section-heading{display:block;margin-bottom:25px}.eyebrow{font-size:11px}h2{font-size:27px;line-height:1.6;margin-top:12px}.section-heading>p{font-size:13px;margin-top:18px}.service-grid{grid-template-columns:1fr;gap:18px}.service-card{padding:23px 24px 0}.service-top{height:66px}.service-top svg{width:74px;height:57px}.service-card h3{font-size:20px;margin-bottom:10px}.service-card>p{font-size:14px}.price{font-size:37px;margin-top:18px}.price small span{display:inline;margin-left:6px}.service-card .service-note{margin-bottom:18px}.service-card>a{font-size:14px}.pricing-note{font-size:11px;line-height:1.9}.reasons,.about,.contact{grid-template-columns:1fr;gap:27px}.reason-intro>p:not(.eyebrow){font-size:14px;margin-top:20px}.promise-word{font-size:29px;margin-top:22px}.reason-list article{gap:20px;padding:24px 0}.reason-list article:first-child{padding-top:5px}.reason-list h3{font-size:17px}.reason-list p{font-size:14px}.about>div>p:not(.eyebrow){font-size:13px}.about dl>div{grid-template-columns:93px 1fr;font-size:13px;padding:16px 0}.contact h2{font-size:26px}.demo-notice{max-width:none;margin-top:23px}.contact{gap:32px}.field{margin-bottom:18px}.submit-button{font-size:14px;gap:10px;padding:15px 16px}footer{padding:33px 7%;grid-template-columns:1fr;gap:15px}.footer-brand{font-size:21px}footer>p{justify-self:start;font-size:12px}footer>div{display:flex;flex-direction:column;gap:5px;margin-top:8px}footer small{font-size:10px}.back-top{right:8%;top:33px}.mobile-only{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* 依頼の流れ・よくある質問 */
.flow-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0;counter-reset:step}
.flow-list li{padding:25px 22px;border:1px solid var(--line);border-top:3px solid #709487;border-radius:4px;background:#fff}
.step-label{font-size:12px;font-weight:700;letter-spacing:.12em;color:#587e6a}
.flow-list h3{font-size:19px;margin:12px 0}
.flow-list p{font-size:14px;line-height:2;color:var(--muted)}
.section-link{display:inline-flex;align-items:center;gap:18px;margin-top:25px;padding:8px 0;border-bottom:1px solid var(--green);font-size:14px;font-weight:600}
.section-link:hover{color:#528377}
.faq{background:var(--mint)}
.faq-note{font-size:12px;color:var(--muted);margin-bottom:22px}
.faq-list>div{display:block;padding:25px 0;border-bottom:1px solid #cadbd2}
.faq-list>div:first-child{border-top:1px solid #cadbd2}
.faq-list dt{display:flex;align-items:baseline;gap:14px;font-size:17px;line-height:1.8}
.faq-list dt:before{content:"Q";font-family:Georgia,serif;color:#587e6a;font-size:22px;flex-shrink:0}
.faq-list dd{padding-left:32px;margin-top:10px;font-size:14px;line-height:2;color:#546d64;max-width:900px}
@media(min-width:761px){.header nav{gap:clamp(10px,1.5vw,24px);font-size:13px}.header{padding-left:3%;padding-right:3%;gap:16px}.nav-contact{padding:13px 16px}.nav-contact span{margin-left:8px}}
@media(min-width:761px) and (max-width:1100px){.header{height:auto;min-height:100px;flex-wrap:wrap;justify-content:center;padding-top:12px;padding-bottom:12px;gap:10px}.header nav{justify-content:center;flex-wrap:wrap;gap:10px 18px}.brand{font-size:21px}}
@media(max-width:1050px){.flow-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.flow-list{grid-template-columns:1fr;gap:15px}.flow-list li{padding:21px 23px}.flow-list h3{margin:8px 0}.faq-list dt{font-size:16px}.faq-list dd{padding-left:0}.faq-list>div{padding:22px 0}.section-link{font-size:13px}}