/*
Theme Name: OKA LINK
Version: 1.0.0
Description: OKA LINK 専用の軽量な事業紹介テーマ。
Author: OKA LINK
Text Domain: oka-link
*/
:root{--ink:#193d40;--teal:#087d76;--paper:#faf8f2;--line:#d9e0d8;--muted:#576b69;--mint:#e8f0e7;--lime:#ddeb99}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{opacity:.8}a:focus-visible,summary:focus-visible{outline:3px solid #bc7800;outline-offset:6px}p{margin:0 0 1.4em}h1,h2,h3{line-height:1.5;letter-spacing:.02em;margin:0 0 .7em;overflow-wrap:anywhere}h2{font-size:clamp(26px,3.2vw,40px);font-weight:700}h3{font-size:22px}img{max-width:100%;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}.wrap{max-width:1180px;padding:0 40px;margin:0 auto}.skip{position:absolute;left:12px;top:-100px;background:#fff;padding:8px;z-index:20}.skip:focus{top:12px}.site-header{height:92px;max-width:1340px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:baseline;font-size:27px;letter-spacing:.04em;font-weight:850;white-space:nowrap;line-height:1}.wordmark span{font-weight:400;margin-left:6px}.wordmark i{display:block;border-radius:50%;width:7px;height:7px;background:var(--teal);margin-left:5px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.nav-cta{border:1px solid var(--ink);padding:11px 22px;border-radius:50px}.nav-cta span{margin-left:20px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;padding-top:70px;padding-bottom:76px;min-height:680px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.15em;font-weight:750;color:var(--teal);margin-bottom:20px}.eyebrow span{height:6px;width:6px;border-radius:50%;background:var(--teal)}h1{font-size:clamp(36px,4.2vw,54px);line-height:1.55;letter-spacing:-.025em;font-weight:750}.lead{font-size:15px;line-height:2.15;color:var(--muted);margin-top:25px;margin-bottom:27px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;background:var(--ink);color:#fff;padding:18px 24px;border-radius:5px;font-size:14px;font-weight:650}.button span{font-size:21px;line-height:1}.button-note{font-size:10px;color:var(--muted);margin:11px 0 0}.hero-art{position:relative;min-height:470px;border-radius:220px 220px 24px 24px;background:var(--mint);padding:55px 25px 45px;isolation:isolate}.art-label{display:block;text-align:center;font-size:11px;letter-spacing:.16em;color:var(--muted);margin-bottom:21px}.question{background:#fff;font-size:14px;line-height:1.6;padding:17px 21px;border:1px solid #e0e5dd;box-shadow:0 6px 20px #193d4005;width:max-content;max-width:100%;border-radius:16px 16px 16px 0}.q1{transform:rotate(-3deg);margin-left:-39px;margin-bottom:13px}.q2{transform:rotate(3deg);margin-left:auto;margin-right:-35px;background:var(--ink);color:#fff;border-radius:16px 16px 0 16px}.note{background:#fffdf6;border:1px solid #e4e3d8;border-radius:5px;padding:23px 25px;margin:29px 8px 0;box-shadow:0 14px 25px #193d400c;transform:rotate(-2deg)}.note-kicker{font-size:12px;color:var(--muted)}.note ol{list-style:none;padding:0;margin:15px 0}.note li{display:grid;grid-template-columns:25px 1fr;align-items:center;column-gap:8px;border-top:1px solid var(--line);padding:10px 0}.note li span{font-size:11px;color:var(--teal);grid-row:span 2}.note li strong{font-size:14px}.note li small{font-size:10px;color:var(--muted)}.note p{font-size:11px;margin:0;border-top:1px solid var(--line);padding-top:10px}.oka-stamp{position:absolute;bottom:-20px;right:-10px;display:flex;align-items:center;gap:9px;transform:rotate(3deg)}.oka-stamp img{border-radius:50%;width:89px;border:4px solid var(--paper)}.oka-stamp span{font-size:10px;line-height:1.6;font-weight:700}.service-ribbon{background:var(--ink);color:#dce7dc;padding:18px 25px;text-align:center;overflow:hidden}.service-ribbon p{margin:0;font-size:12px;font-weight:600;letter-spacing:.1em}.service-ribbon span{padding:0 23px;color:#88a49e}.section{padding-top:100px;padding-bottom:100px}.section-heading{margin-bottom:44px}.section-heading>p:last-child{color:var(--muted)}.support-list{border-top:1px solid var(--line)}.support-list article{display:grid;grid-template-columns:50px 1fr 24px;gap:18px;padding:30px 5px;border-bottom:1px solid var(--line)}.number{font-family:Georgia,serif;font-style:italic;color:var(--teal);font-size:27px;line-height:1.5}.category{color:var(--teal);font-size:11px;letter-spacing:.06em;margin-bottom:7px;font-weight:700}.support-list article p:last-child{margin:0;max-width:750px;color:var(--muted);font-size:14px}.plus{font-size:27px;font-weight:300;padding-top:17px}.first-step{background:var(--mint);padding:75px 0}.first-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.offer{display:flex;gap:24px;align-items:center}.offer>strong{font-size:67px;font-weight:550;letter-spacing:-.07em;line-height:1.3}.offer strong span{font-size:18px;margin-left:8px}.offer>div{font-size:16px;line-height:1.6}.offer>div span{font-size:11px;background:#fff;padding:4px 13px;border-radius:3px}.consult-detail{border-left:1px solid #bdccc1;padding-left:42px}.consult-detail h3{font-size:18px}.consult-detail ul{list-style:none;margin:0 0 30px;padding:0}.consult-detail li{display:flex;gap:10px;align-items:baseline;font-size:13px;margin-bottom:16px}.consult-detail li span{flex-shrink:0;background:#fff;border:1px solid #c5d5c5;width:24px;height:24px;border-radius:50%;font-size:11px;line-height:22px;text-align:center}.consult-detail p{font-size:13px}.consult-detail small{font-size:11px;color:var(--muted);line-height:1.8;display:block}.about{display:grid;grid-template-columns:250px 1fr;gap:95px}.about-person{text-align:center;padding-top:45px}.about-person img{border-radius:50%;border:1px solid #e8e5db;margin-bottom:15px;width:180px}.about-person>span{display:block;font-size:10px;letter-spacing:.15em}.about-person h2{font-size:28px;margin:3px 0}.about-person p{font-size:11px;color:var(--muted)}.about-copy>p{font-size:14px}.results{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:25px;padding:22px 0;margin:28px 0 13px}.results small{font-size:10px;display:block}.results strong{font-size:33px;letter-spacing:-.03em;font-weight:650;display:block;white-space:nowrap}.results strong span{font-size:12px;margin-left:5px;letter-spacing:0}.fineprint,.about-copy .fineprint{font-size:10px;color:var(--muted);line-height:1.9}.plans{padding-top:0}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan{background:#fff;border:1px solid var(--line);padding:33px 35px;border-radius:8px;display:flex;flex-direction:column}.plan h3{font-size:21px;margin-bottom:10px}.plan .price{font-size:35px;line-height:1.3;margin:15px 0 20px;letter-spacing:-.03em}.price span{font-size:13px;letter-spacing:0;margin-left:6px}.plan>p:not(.price):not(.category){font-size:13px;color:var(--muted)}.plan ul{font-size:12px;margin:0 0 25px;padding-left:18px;flex:1}.plan li{padding:3px 0}.text-link{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid var(--line);font-size:13px;color:var(--teal);font-weight:700}.plans>.fineprint{margin-top:17px}.faq{padding-top:0;display:grid;grid-template-columns:1fr 1.6fr;gap:75px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;font-size:14px;font-weight:600;padding-right:25px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'＋';position:absolute;right:0;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);margin:18px 25px 0 0}.contact{background:var(--ink);color:var(--paper);padding:80px 0;text-align:center}.contact .eyebrow{justify-content:center;color:#bacaaf}.contact h2{font-size:clamp(28px,3.4vw,43px)}.contact p{font-size:13px;line-height:2}.contact .button{background:var(--lime);color:var(--ink);margin-top:10px}.email-link{display:block;margin-top:20px;font-size:12px}.email-link span{margin-left:10px;color:#d2e0d6}.contact .contact-note{font-size:10px;color:#d2e0d6;margin:24px 0 0}.site-footer{max-width:1180px;padding:45px 40px 30px;margin:auto;display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.site-footer .wordmark{font-size:21px}.site-footer p{font-size:10px;margin-top:15px}.footer-links{display:flex;flex-wrap:wrap;gap:15px 25px;align-content:flex-start;justify-content:flex-end;font-size:10px;padding-top:4px}.site-footer>small{font-size:9px;color:var(--muted);grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;margin-top:10px}.legal{max-width:900px;padding-top:65px;padding-bottom:85px}.legal h1{font-size:36px;margin-bottom:35px}.legal h2{font-size:21px;margin-top:32px}.legal p{font-size:14px;line-height:2}.legal a:not(.text-link){text-decoration:underline}.blog-main{min-height:65vh;padding-top:65px;padding-bottom:70px}.blog-main article{border-bottom:1px solid var(--line);padding:25px 0}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.site-header{padding:0 26px;height:78px}.wrap{padding-left:28px;padding-right:28px}.hero{gap:38px;padding-top:48px;padding-bottom:60px}.hero-art{padding:45px 15px 50px}.question{font-size:12px;padding:13px 14px}.q1{margin-left:-23px}.q2{margin-right:-17px}.note{padding:18px;margin:25px 0 0}.note li strong{font-size:12px}.note-kicker{font-size:10px}.oka-stamp{right:0}.service-ribbon span{padding:0 10px}.first-grid{gap:36px}.consult-detail{padding-left:25px}.about{gap:40px;grid-template-columns:190px 1fr}.results{gap:15px}.results strong{font-size:29px}.results strong span{font-size:10px}.plan{padding:26px}.faq{gap:35px}.site-footer{padding-left:28px;padding-right:28px}}
@media(max-width:640px){html{scroll-padding-top:25px}.site-header{height:72px;padding:0 21px}.wordmark{font-size:22px}.site-header nav{gap:0}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:9px 14px}.nav-cta span{margin-left:14px}.wrap{padding-left:23px;padding-right:23px}.hero{display:block;padding-top:43px;padding-bottom:50px}.hero .eyebrow{font-size:9px;letter-spacing:.06em;margin-bottom:19px}h1{font-size:clamp(27px,8.2vw,34px);line-height:1.6;letter-spacing:-.04em}.lead{font-size:13px;margin-top:20px;margin-bottom:25px}.desktop{display:none}.button{font-size:12px;padding:17px 18px;gap:20px}.button-note{font-size:9px;line-height:1.8}.hero-art{margin:46px 10px 0;min-height:420px;padding:29px 21px 49px;border-radius:170px 170px 20px 20px}.art-label{font-size:10px;margin-bottom:16px}.q1{margin-left:-20px}.q2{margin-right:-19px}.question{font-size:12px;padding:12px 16px}.note{margin:23px 6px 0;padding:17px 23px}.note li{padding:7px 0}.note li strong{font-size:13px}.note li small{font-size:9px}.oka-stamp{bottom:-14px;right:-4px}.oka-stamp img{width:73px}.service-ribbon{padding:14px 15px}.service-ribbon p{font-size:9px;line-height:2.2;letter-spacing:.03em}.service-ribbon span{padding:0 7px}.section{padding-top:64px;padding-bottom:64px}.section-heading{margin-bottom:28px}.section-heading>p:last-child{font-size:12px}.eyebrow{font-size:9px;margin-bottom:14px}h2{font-size:27px;line-height:1.65}h3{font-size:19px}.support-list article{grid-template-columns:28px 1fr;gap:13px;padding:24px 0}.support-list h3{font-size:18px}.support-list article p:last-child{font-size:12px}.plus{display:none}.number{font-size:22px}.first-step{padding:53px 0}.first-grid{display:block}.first-grid>div>p{font-size:13px}.offer{margin:22px 0 30px}.offer>strong{font-size:58px}.consult-detail{border-left:0;border-top:1px solid #bdccc1;padding:26px 0 0}.consult-detail h3{font-size:17px}.consult-detail li{font-size:12px}.about{display:flex;flex-direction:column;gap:25px}.about-person{padding:0;display:grid;grid-template-columns:87px 1fr;text-align:left;column-gap:18px;align-content:center}.about-person img{width:87px;grid-row:span 3;margin:0}.about-person span{font-size:9px;align-self:end}.about-person h2{font-size:22px;margin:0;line-height:1.5}.about-person p{margin:0;font-size:10px;align-self:start}.about-copy>p{font-size:12px}.results{padding:18px 0;gap:10px}.results small{font-size:8px;line-height:1.7;min-height:27px}.results strong{font-size:27px}.results strong span{font-size:9px;margin-left:3px}.about-copy .fineprint{font-size:9px}.plans{padding-top:0}.plan-grid{grid-template-columns:1fr;gap:18px}.plan{padding:25px}.plans>.fineprint{font-size:9px}.faq{display:block;padding-top:0}.faq>div:first-child{margin-bottom:25px}.faq summary{font-size:12px}.faq details p{font-size:12px}.contact{padding:55px 0}.contact h2{font-size:27px}.contact p{font-size:12px}.contact .button{font-size:12px}.email-link{font-size:10px}.email-link span{display:block;margin:3px 0 0}.site-footer{display:block;padding:32px 23px 22px}.footer-links{justify-content:flex-start;gap:12px 20px;margin:22px 0}.site-footer>small{display:block;padding-top:17px}.legal{padding-top:40px;padding-bottom:50px}.legal h1{font-size:27px}.legal h2{font-size:19px}.legal p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}