/*
Theme Name: MKPC Care 改訂案
Version: 0.2.0
Requires at least: 6.0
Requires PHP: 8.2
Text Domain: mkpc-care
*/
:root{--ink:#173d35;--muted:#52685e;--paper:#fbfcf6;--pale:#edf2e5;--lime:#d2ed70;--line:#d7e1d2;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic",Meiryo,sans-serif;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img,svg{max-width:100%;height:auto}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #3073ac;outline-offset:5px}.wrap{width:min(calc(100% - 96px),var(--max));margin-inline:auto}.skip{position:absolute;top:-70px;left:20px;background:#fff;padding:12px;z-index:9}.skip:focus{top:10px}.review{background:var(--lime);text-align:center;padding:8px;font-size:13px}.header{min-height:110px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:16px}.wordmark{font:900 40px/1 Arial,sans-serif;letter-spacing:-3px}.wordmark>span{color:#7b9953}.brand-name{font-size:11px;line-height:1.6;font-weight:700}.nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:700}.nav a{padding-block:12px}.nav .nav-contact{background:var(--ink);color:#fff;padding:13px 25px;border-radius:100px}.nav-contact span{margin-left:20px}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:24px;padding:42px 0 68px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;margin:0 0 18px}.small-dot{display:inline-block;width:8px;height:8px;background:#829b52;border-radius:50%;margin-right:9px}.hero h1{font-size:clamp(38px,4vw,58px);line-height:1.53;letter-spacing:-.055em;margin:20px 0 26px;font-weight:800}.hero h1>span{background:linear-gradient(transparent 79%,var(--lime) 79%,var(--lime) 94%,transparent 94%);white-space:nowrap}.lead{font-size:15px;line-height:2.2;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:54px;padding:14px 25px;border-radius:100px;font-size:14px;font-weight:700;border:1px solid transparent;transition:background .15s}.button.primary{color:#fff;background:var(--ink)}.button.primary:hover,.nav-contact:hover{background:#2e5b47}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:13px;font-weight:700;border-bottom:1px solid #91a68c;padding:10px 0}.hero-note{font-size:12px;color:var(--muted);margin-top:18px}.hero-art{position:relative;isolation:isolate;padding:15px 0 30px}.hero-art>img{display:block;clip-path:ellipse(49% 48% at 50% 50%);width:100%;transform:rotate(-3deg)}.orbit{position:absolute;border:1px solid #b4c59f;border-radius:50%;inset:5% 7% 5% 7%;transform:rotate(8deg);z-index:-1}.floating-note{position:absolute;right:-10px;bottom:70px;background:var(--lime);border-radius:65% 55% 65% 42%;padding:22px 29px;font-size:17px;line-height:1.7;transform:rotate(5deg);box-shadow:0 12px 30px #183d3510}.art-caption{display:block;text-align:center;font-size:10px;color:var(--muted);margin-top:-5px}.area-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:23px;padding:20px 0;font-size:14px}.area-ribbon>span:first-child{font-size:11px;border:1px solid var(--line);padding:5px 14px;border-radius:30px}.area-ribbon i{font-style:normal;color:#9aaa92}.ribbon-note{margin-left:auto;font-size:11px;color:var(--muted)}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:45px}h2{font-size:38px;line-height:1.65;letter-spacing:-.035em;margin:0}h3{line-height:1.6;letter-spacing:-.02em}.section-head>p{font-size:14px;color:var(--muted);line-height:2}.services{background:linear-gradient(#fbfcf6,#f1f5e9);position:relative;padding-bottom:110px}.service-feature{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:80px;margin:35px 0 80px}.service-feature.reverse{grid-template-columns:1fr 1.05fr}.reverse .service-picture{order:2}.service-picture{position:relative;background:#e4edd9;border-radius:45% 55% 37% 58%/42% 42% 58% 55%;padding:25px 5px;transform:rotate(-3deg)}.service-picture>svg{display:block;transform:rotate(3deg);width:100%}.garden-picture{border-radius:55% 36% 60% 38%;background:#dce8cf;transform:rotate(3deg)}.garden-picture>svg{transform:rotate(-3deg)}.service-copy{position:relative}.service-number{position:absolute;right:0;top:-40px;font:italic 90px/1 Georgia,serif;color:#d4dfc9;z-index:0}.service-copy>*:not(.service-number){position:relative}.service-copy .eyebrow{color:#557443}.service-copy h3{font-size:32px;margin:0 0 20px}.service-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:2.1}.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:22px 0}.chips li{font-size:12px;border:1px solid #c7d7bd;padding:5px 13px;border-radius:30px;background:#fbfcf680}.small-help{display:flex;align-items:center;gap:30px;padding:32px 40px;border:1px solid #c8d5be;border-radius:12px 60px 12px 60px;background:#ffffff8c}.small-help .eyebrow{margin-bottom:7px}.small-help h3{margin:0;font-size:22px}.small-help p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:0}.help-mark{font:50px/1 Georgia;color:#7b9953}.round-link{flex-shrink:0;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--ink);color:#fff;font-size:25px;margin-left:auto}.scope{font-size:12px;color:var(--muted);max-width:1000px;margin:22px 0 0;line-height:1.9}.business{background:var(--ink);color:#f6faed;position:relative;border-radius:50% 50% 0 0/45px 45px 0 0;padding:105px 0 90px;margin-top:-45px}.business-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.business .eyebrow{color:var(--lime)}.business h2{font-size:34px}.business p{font-size:14px;color:#d3dfd1;line-height:2.1}.button.light{background:var(--lime);color:var(--ink);margin-top:25px}.business-list article{display:flex;gap:22px;border-bottom:1px solid #557366;padding:0 0 24px;margin-bottom:24px}.business-list article>span{font:italic 27px Georgia;color:var(--lime)}.business-list h3{font-size:18px;margin:0 0 8px}.business-list p{margin:0;font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative}.steps article{border-top:1px solid #afc49d;padding-top:20px}.steps article>span{font:italic 43px Georgia;color:#7a965e}.steps h3{font-size:20px;margin:15px 0}.steps p{font-size:14px;color:var(--muted)}.area-panel{margin-top:75px;background:var(--pale);padding:45px 50px;border-radius:75px 15px 75px 15px;display:flex;justify-content:space-between;align-items:center;gap:40px;scroll-margin-top:30px}.area-panel h3{font-size:26px;margin:0 0 15px}.area-panel p:not(.eyebrow){font-size:13px;color:var(--muted)}.prefectures{display:flex;gap:13px}.prefectures span{display:grid;place-items:center;width:90px;height:110px;border-radius:50% 50% 40% 50%;background:#dce7cf;font-size:22px;font-weight:700}.prefectures span:nth-child(2){transform:translateY(-18px);background:var(--lime)}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding-bottom:115px}.faq h2{font-size:30px}.faq details{border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:16px}.faq summary{font-size:15px;font-weight:700;cursor:pointer;list-style:none;padding:13px 28px 13px 0;position:relative}.faq summary::after{content:'＋';position:absolute;right:0;color:#6e8c53}.faq details[open] summary::after{content:'−'}.faq details p{font-size:14px;color:var(--muted);padding-right:20px}.contact{background:var(--lime);border-radius:50% 50% 0 0/45px 45px 0 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact h2{font-size:38px}.contact-grid>div>p:not(.eyebrow){font-size:15px;line-height:2}.contact-sign{display:flex;gap:20px;align-items:center;font:900 35px Arial;margin-top:40px}.contact-sign span{font:12px/1.8 "Yu Gothic",Meiryo,sans-serif}.demo-contact{padding:35px;background:#faffdd;border-radius:30px 8px 30px 8px;box-shadow:0 15px 35px #3f5d1a12}.demo-contact>strong{font-size:19px}.demo-contact>p{font-size:13px!important}.contact-options{display:flex;flex-direction:column;gap:11px}.contact-options .button{background:var(--ink);color:#fff;border-radius:8px;min-height:57px;font-size:14px;padding:15px 20px}.contact-options .button:first-child{background:#426b38}.contact-options .button:hover{background:#31594b}.contact-options .button span{font-size:13px}.line-qr{display:flex;gap:20px;margin-top:25px}.line-qr img{width:130px;height:130px}.demo-contact button{padding:15px;border:1px solid #b5c69a;border-radius:8px}.footer{display:flex;justify-content:space-between;gap:40px;padding-block:50px}.footer p,.footer a:not(.brand),.footer small{font-size:12px}.footer small{display:block;color:var(--muted);margin-top:15px}.footer a:not(.brand){text-decoration:underline}.wp-content{max-width:850px;margin:60px auto;padding:0 25px;overflow-wrap:anywhere}.wp-content a{text-decoration:underline}.wp-content img{max-width:100%;height:auto}.mobile{display:none}
@media(max-width:1050px){.wrap{width:calc(100% - 60px)}.brand-name{display:none}.hero h1{font-size:44px}.service-feature{gap:40px}.business-grid,.contact-grid{gap:45px}.area-panel{padding:35px}.prefectures span{width:70px;height:90px}.ribbon-note{display:none}.nav{gap:20px}.hero-art .floating-note{right:-5px;font-size:14px}.hero-copy .eyebrow{font-size:10px}.actions{gap:20px}.hero .button{padding:14px 20px;font-size:12px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{display:block;padding-top:24px;min-height:0}.header .brand-name{display:block;font-size:10px}.wordmark{font-size:34px}.nav{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:22px;font-size:12px}.nav a{border:1px solid var(--line);text-align:center;border-radius:30px;padding:9px 7px;min-height:44px}.nav .nav-contact{padding:9px 7px}.nav-contact span{margin-left:10px}.hero{display:flex;flex-direction:column;gap:24px;padding:40px 0 22px}.hero-copy{width:100%}.hero-copy .eyebrow{font-size:10px;letter-spacing:.03em}.hero h1{font-size:clamp(30px,8.4vw,42px);line-height:1.5;margin:20px 0}.lead{font-size:14px;line-height:2}.desktop{display:none}.actions{gap:18px;align-items:center;flex-wrap:wrap;margin-top:23px}.hero .button{font-size:13px;min-height:50px;padding:12px 19px;gap:15px}.text-link{font-size:12px;gap:12px}.hero-note{font-size:11px}.hero-art{width:90%;padding:0 0 20px;align-self:center}.hero-art .floating-note{bottom:50px;right:-10px;padding:16px 22px;font-size:14px}.art-caption{font-size:9px}.area-ribbon{gap:12px;flex-wrap:wrap;font-size:12px;padding:17px 0}.area-ribbon>span:first-child{padding:3px 10px;font-size:10px}.area-ribbon i{display:none}.section{padding:65px 0}.section-head{display:block;margin-bottom:35px}h2{font-size:29px;line-height:1.7}.section-head>p{font-size:13px;margin:22px 0 0}.eyebrow{font-size:11px;margin-bottom:14px}.service-feature,.service-feature.reverse{display:flex;flex-direction:column;gap:28px;margin:35px 0 55px}.reverse .service-picture{order:0}.service-picture{width:100%;padding:5px}.service-copy{width:100%;padding-inline:5px}.service-copy h3{font-size:27px}.service-copy>p:not(.eyebrow){font-size:14px;line-height:2}.service-number{font-size:70px;top:-20px}.chips{margin:20px 0 12px;gap:6px}.chips li{font-size:11px;padding:4px 10px}.small-help{padding:28px 22px;gap:15px;border-radius:10px 40px 10px 40px;flex-wrap:wrap}.help-mark{display:none}.small-help h3{font-size:20px}.small-help p:not(.eyebrow){font-size:13px}.round-link{width:45px;height:45px;font-size:20px}.scope{font-size:11px}.services{padding-bottom:85px}.business{margin-top:-25px;border-radius:50% 50% 0 0/25px 25px 0 0;padding:75px 0 55px}.business-grid{grid-template-columns:1fr;gap:42px}.business h2{font-size:29px}.business p{font-size:14px}.business-list h3{font-size:18px}.steps{grid-template-columns:1fr;gap:24px}.steps article{padding-top:20px;display:grid;grid-template-columns:46px 1fr;gap:4px 15px}.steps article>span{grid-row:1/3;font-size:35px}.steps h3{font-size:18px;margin:3px 0 7px}.steps p{grid-column:2;font-size:13px;margin:0}.area-panel{display:block;margin-top:45px;padding:34px 25px;border-radius:45px 8px 45px 8px}.area-panel h3{font-size:24px}.area-panel p:not(.eyebrow){font-size:12px}.prefectures{justify-content:center;margin-top:30px;gap:18px}.prefectures span{width:70px;height:85px;font-size:18px}.faq{grid-template-columns:1fr;gap:30px;padding-bottom:70px}.faq h2{font-size:27px}.faq summary{font-size:14px}.faq details p{font-size:13px}.contact{border-radius:50% 50% 0 0/24px 24px 0 0;padding-top:65px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact h2{font-size:29px}.contact-grid>div>p:not(.eyebrow){font-size:14px}.contact-sign{margin-top:25px;font-size:30px}.demo-contact{padding:25px 20px}.demo-contact>strong{font-size:17px}.contact-options .button{font-size:13px;padding:13px 15px;gap:10px}.contact-options .button span{font-size:11px}.footer{display:block;padding-block:35px}.footer .brand-name{display:block;font-size:10px}.footer p{margin-top:22px;font-size:11px}.mobile{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}