/* owlinko static site | 成長の設計図: Blueprint Blue #1D4B8F を軸に、課題から相談までを一続きに見せる。 */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+JP:wght@400;500;600;700&family=Shippori+Mincho:wght@500;600;700&display=swap');
:root{--ink:#14223a;--soft:#536073;--paper:#f6f4ef;--white:#fcfbf8;--blue:#1d4b8f;--deep:#113269;--pale:#e9eff8;--amber:#c59038;--line:rgba(20,34,58,.15);--serif:"Shippori Mincho",serif;--sans:"Noto Sans JP",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.skip{position:fixed;z-index:100;left:16px;top:-60px;background:var(--blue);color:#fff;padding:10px 16px}.skip:focus{top:16px}.site-header{height:76px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,70px);background:rgba(252,251,248,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(13px)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:92px;height:57px;object-fit:contain;object-position:left;mix-blend-mode:multiply}.brand i{height:23px;border-left:1px solid var(--line)}.brand small{color:var(--soft);font:500 8px/1.5 var(--mono);letter-spacing:.1em}.nav{display:flex;align-items:center;gap:clamp(15px,2vw,30px);font-size:13px;font-weight:600}.nav>a:not(.nav-cta){padding:8px 0;border-bottom:1px solid transparent}.nav>a:not(.nav-cta):hover{border-color:var(--blue);color:var(--blue)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 17px;border:1px solid transparent;background:var(--blue);color:#fff;font-size:13px;font-weight:700;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.nav-cta:hover,.button:hover{background:var(--deep);transform:translateY(-2px);box-shadow:0 9px 22px rgba(20,34,58,.16)}.button:active,.nav-cta:active{transform:scale(.97)}.button.dark{background:var(--ink)}.button.light{background:var(--white);color:var(--ink)}.menu{display:none;width:42px;height:42px;padding:0;border:1px solid var(--line);background:transparent;color:var(--ink)}.mobile-nav{display:none}.section{position:relative}.inner{width:min(1220px,100%);margin:0 auto;padding:0 42px}.label{display:flex;align-items:center;gap:9px;color:var(--blue);font:500 10px var(--mono);letter-spacing:.1em}.label i{width:30px;border-top:1px solid currentColor}.title{margin:18px 0 0;font:600 clamp(30px,3.2vw,51px)/1.45 var(--serif);letter-spacing:-.055em}.title em{color:var(--blue);font-style:normal}.copy{color:var(--soft);font-size:14px;line-height:2.05}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);min-height:680px;background:var(--white)}.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(20,34,58,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,34,58,.045) 1px,transparent 1px);background-size:47px 47px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.hero-copy{z-index:1;display:flex;flex-direction:column;justify-content:center;padding:90px 5.5vw 88px max(24px,8vw)}.hero-kicker{color:var(--blue);font:500 10px var(--mono);letter-spacing:.06em}.hero-kicker b{color:var(--amber);margin-right:8px}.hero h1{margin:27px 0 0;font:600 clamp(40px,4.4vw,70px)/1.31 var(--serif);letter-spacing:-.06em}.hero h1 em{color:var(--blue);font-style:normal}.hero .copy{margin:25px 0 0;max-width:570px}.actions{display:flex;align-items:center;gap:22px;margin-top:31px}.text-link{display:inline-flex;align-items:center;gap:7px;padding-bottom:4px;border-bottom:1px solid currentColor;color:var(--blue);font-size:13px;font-weight:700}.notes{display:flex;gap:13px;flex-wrap:wrap;margin-top:22px;color:var(--soft);font-size:10px}.notes span+span::before{content:"•";color:var(--amber);margin-right:13px}.hero-art{position:relative;overflow:hidden;border-left:1px solid var(--line);background:#e9edf1}.hero-art img{position:absolute;width:100%;height:100%;object-fit:cover}.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(252,251,248,.56),transparent 40%)}.art-note{position:absolute;z-index:1;left:44px;bottom:42px;width:150px;padding:16px;background:var(--blue);color:#fff}.art-note small{font:10px var(--mono);opacity:.72}.art-note p{margin:10px 0 0;font:500 18px/1.5 var(--serif)}.chapter{padding:120px 0}.pain{background:var(--paper)}.spine{position:absolute;top:0;bottom:0;left:max(calc((100% - 1220px)/2 + 42px),42px);width:1px;background:rgba(29,75,143,.25)}.spine::before{content:"";position:sticky;top:120px;display:block;width:9px;height:9px;margin-left:-4px;background:var(--blue);border:2px solid var(--white);border-radius:50%;box-shadow:0 0 0 2px rgba(29,75,143,.2)}.intro{padding-left:clamp(30px,6vw,78px)}.intro .copy{max-width:580px}.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:55px 0 0 clamp(30px,6vw,78px);background:var(--line);border:1px solid var(--line)}.pain-card{min-height:260px;padding:27px;background:var(--paper)}.pain-card:hover{background:var(--pale)}.number{color:var(--amber);font:10px var(--mono)}.pain-card h3{margin:47px 0 12px;font:600 20px var(--serif);letter-spacing:-.04em}.pain-card p{margin:0;color:var(--soft);font-size:13px;line-height:1.9}.change{background:#fff}.two-col{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:clamp(45px,8vw,112px)}.change-visual{position:relative;min-height:440px;background:var(--pale)}.change-visual>img{display:block;width:100%;height:440px;object-fit:cover}.map{position:absolute;display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;left:18px;right:18px;bottom:18px;padding:12px;background:rgba(252,251,248,.94);box-shadow:0 8px 20px rgba(20,34,58,.15)}.map-state{min-height:62px;padding:8px;background:#f0eee8}.map-state span{display:block;margin-bottom:7px;color:var(--soft);font:8px var(--mono);letter-spacing:.1em}.map-state i{display:block;height:3px;margin:4px 0;background:#bbc3cb}.map-state i:nth-child(3){width:60%}.map-state i:nth-child(4){width:76%;margin-left:12%}.map-state.after{background:var(--pale)}.map-state.after span{color:var(--blue)}.map-state.after i{width:86%;margin-left:0;background:var(--blue)}.map-state.after i:nth-child(3){width:67%}.map-state.after i:nth-child(4){width:46%;background:var(--amber)}.map-arrow{text-align:center;color:var(--amber);font:17px var(--mono)}.outcomes{margin:27px 0;border-top:1px solid var(--line)}.outcomes div{display:grid;grid-template-columns:105px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.outcomes dt{color:var(--blue);font:10px var(--mono)}.outcomes dd{margin:0;font-size:13px;font-weight:600}.approach{background:var(--ink);color:#fff}.approach .label{color:#9bbce6}.approach .title em{color:#a9c7ee}.approach-head{display:grid;grid-template-columns:1.05fr 1fr .9fr;gap:30px;align-items:end}.approach-head .title{margin:0}.approach-head .copy{margin:0;color:rgba(255,255,255,.66);font-size:13px}.steps{margin-top:62px;border-top:1px solid rgba(255,255,255,.2)}.step{display:grid;grid-template-columns:66px 50px 205px 1fr;gap:17px;align-items:center;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.2)}.step-no{color:#9bbce6;font:10px var(--mono)}.step-icon{display:grid;place-items:center;width:39px;height:39px;background:#fff;color:var(--blue);font:600 11px var(--mono)}.step h3{margin:0;font:600 19px var(--serif)}.step p{margin:0;color:rgba(255,255,255,.67);font-size:12px;line-height:1.85}.work{background:#eeeae0}.work-head{max-width:695px;margin-left:clamp(30px,6vw,78px)}.case{display:grid;grid-template-columns:.88fr 1.12fr;margin-top:53px;background:var(--white);border:1px solid var(--line);box-shadow:0 20px 47px rgba(20,34,58,.09)}.case-visual{min-height:510px;padding:15px;background:#e1ddd7}.browser{height:26px;display:flex;align-items:center;gap:5px;padding:0 8px;background:#f9f7f2;color:#776d62;font:7px var(--mono)}.browser i{width:5px;height:5px;border-radius:50%;background:#b6aba0}.browser span{margin-left:8px}.screen{height:calc(100% - 26px);min-height:455px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e4c889;background:#2b0d14;text-align:center}.screen h3{margin:0 0 63px;font:400 20px/1.7 var(--serif);letter-spacing:.39em}.screen h3 small{font-size:8px;letter-spacing:.2em}.screen p{margin:0;color:#fff6e7;font:500 30px/1.7 var(--serif);letter-spacing:.08em}.screen p em{color:#e4c889;font-style:normal}.case-copy{padding:clamp(33px,5vw,70px)}.case-meta{color:var(--blue);font:10px var(--mono);letter-spacing:.08em}.case-copy h3{margin:15px 0 12px;font:600 38px var(--serif)}.case-details{margin:29px 0;border-top:1px solid var(--line)}.case-details div{display:grid;grid-template-columns:65px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.case-details b{color:var(--blue);font:10px var(--mono)}.case-details p{margin:0;font-size:12px;line-height:1.8}.caption{margin:14px 0 0;color:#737b86;font-size:10px}.consult{background:var(--pale)}.board{background:var(--white);box-shadow:0 19px 35px rgba(20,34,58,.08)}.board-top,.board-foot{display:flex;justify-content:space-between;padding:16px 20px;color:var(--blue);font:10px var(--mono);letter-spacing:.08em}.board-row{display:grid;grid-template-columns:37px 1fr 18px;gap:10px;align-items:center;padding:20px;border-top:1px solid var(--line)}.board-row b{color:var(--amber);font:10px var(--mono)}.board-row h3{margin:0;font:600 17px var(--serif)}.board-row p{margin:4px 0 0;color:var(--soft);font-size:11px}.faq{background:var(--white)}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-toggle{width:100%;display:grid;grid-template-columns:28px 1fr 18px;gap:9px;align-items:center;padding:20px 0;border:0;background:transparent;color:var(--ink);text-align:left;font-size:13px;font-weight:600;cursor:pointer}.faq-toggle span:first-child{color:var(--blue);font:13px var(--mono)}.faq-toggle .chev{transition:transform .2s ease}.faq-item.open .chev{transform:rotate(180deg)}.faq-answer{display:none;padding:0 35px 20px;color:var(--soft);font-size:12px;line-height:2}.faq-item.open .faq-answer{display:block}.final{position:relative;display:grid;min-height:520px;place-items:center;overflow:hidden;color:#fff}.final>img,.final::after{position:absolute;inset:0;width:100%;height:100%}.final>img{object-fit:cover}.final::after{content:"";background:linear-gradient(90deg,rgba(12,29,58,.93),rgba(12,29,58,.73),rgba(12,29,58,.46))}.final .inner{z-index:1}.final-box{max-width:610px}.final .label{color:#a7c6ee}.final .title{color:#fff}.final .title em{color:#a7c6ee}.final .copy{color:rgba(255,255,255,.78)}.site-footer{padding:49px max(40px,calc((100vw - 1136px)/2));background:var(--paper)}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:center;padding-bottom:43px}.footer-main img{width:106px;height:64px;object-fit:contain;object-position:left;mix-blend-mode:multiply}.footer-main p{margin:0;color:var(--soft);font-size:11px;line-height:1.8}.footer-links{display:flex;justify-content:flex-end;gap:18px;font-size:12px;font-weight:600}.footer-links a:hover{color:var(--blue)}.footer-bottom{display:flex;gap:20px;padding-top:16px;border-top:1px solid var(--line);color:var(--soft);font:9px var(--mono);letter-spacing:.06em}.footer-bottom a{margin-left:auto;text-decoration:underline}.page-hero{padding:88px 0 70px;background:var(--white);border-bottom:1px solid var(--line)}.page-hero .copy{max-width:620px}.page-content{padding:88px 0 120px}.content-narrow{max-width:850px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;background:var(--line);border:1px solid var(--line)}.service-card{padding:28px;background:var(--white)}.service-card h3{font:600 21px var(--serif)}.service-card p{font-size:13px;line-height:1.9;color:var(--soft)}.service-card ul{margin:20px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.service-card li{padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.price-note{margin-top:37px;padding:22px;background:var(--pale);font-size:13px;line-height:2;color:var(--soft)}.process{margin-top:55px;border-top:1px solid var(--line)}.process div{display:grid;grid-template-columns:60px 220px 1fr;gap:20px;padding:21px 0;border-bottom:1px solid var(--line)}.process b{color:var(--amber);font:10px var(--mono)}.process h3{margin:0;font:600 19px var(--serif)}.process p{margin:0;color:var(--soft);font-size:13px;line-height:1.9}.form-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.form-info{position:sticky;top:106px;height:max-content}.form{padding:37px;background:var(--white);border:1px solid var(--line);box-shadow:0 17px 35px rgba(20,34,58,.08)}.field{margin-bottom:21px}.field label{display:block;margin-bottom:8px;font-size:13px;font-weight:700}.field label em{color:#b13c3c;font-style:normal}.field input,.field textarea,.field select{width:100%;padding:13px;border:1px solid var(--line);background:#f9f8f5;color:var(--ink);font-size:16px}.field textarea{min-height:135px;resize:vertical}.form small{display:block;margin:14px 0;color:var(--soft);font-size:11px;line-height:1.8}.legal{max-width:850px}.legal h2{margin:48px 0 13px;font:600 23px var(--serif)}.legal p,.legal li{color:var(--soft);font-size:13px;line-height:2}.legal ul{padding-left:20px}.notice{padding:19px;background:var(--pale);color:var(--soft);font-size:12px;line-height:1.9}.case-page-cover{min-height:400px;background:#2b0d14;color:#e4c889;display:grid;place-items:center;text-align:center}.case-page-cover h1{font:400 clamp(31px,4vw,52px)/1.65 var(--serif);letter-spacing:.12em}.case-page-cover p{font:11px var(--mono);letter-spacing:.15em}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin:54px 0;border:1px solid var(--line);background:var(--line);gap:1px}.facts div{padding:21px;background:var(--white)}.facts b{display:block;color:var(--blue);font:10px var(--mono)}.facts p{margin:11px 0 0;font-size:13px;line-height:1.9}.to-top{position:fixed;right:18px;bottom:18px;z-index:20;display:none;width:38px;height:38px;border:0;background:var(--blue);color:#fff;box-shadow:0 6px 15px rgba(20,34,58,.18)}.to-top.show{display:grid;place-items:center}@media(max-width:900px){.nav{display:none}.menu{display:grid;place-items:center}.mobile-nav{position:fixed;z-index:29;top:76px;right:0;left:0;display:flex;flex-direction:column;gap:4px;padding:22px;background:var(--white);border-bottom:1px solid var(--line);transform:translateY(-140%);transition:transform .2s ease;box-shadow:0 10px 20px rgba(20,34,58,.08)}.mobile-nav.open{transform:none}.mobile-nav a{padding:12px 0;border-bottom:1px solid var(--line);font:600 18px var(--serif)}.mobile-nav .nav-cta{margin-top:8px;justify-content:center;border:0;font-family:var(--sans);font-size:13px}.hero{grid-template-columns:1fr}.hero-copy{min-height:580px;padding:95px 40px 78px}.hero-art{min-height:370px;border-left:0;border-top:1px solid var(--line)}.two-col,.form-wrap{grid-template-columns:1fr;gap:45px}.form-info{position:static}.approach-head{grid-template-columns:1fr 1fr}.approach-head .label{grid-column:1/-1}.case{grid-template-columns:1fr}.case-visual{min-height:420px}.faq-layout{gap:48px}.service-grid{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-links{justify-content:flex-start}}@media(max-width:620px){.site-header{height:68px;padding:0 17px}.brand{gap:8px}.brand img{width:80px;height:48px}.brand small{font-size:7px}.mobile-nav{top:68px}.inner{padding:0 23px}.hero-copy{min-height:544px;padding:98px 23px 63px}.hero h1{font-size:clamp(35px,10vw,45px)}.hero .copy{margin-top:19px;font-size:13px}.actions{flex-direction:column;align-items:flex-start;gap:17px;margin-top:25px}.notes{margin-top:18px;font-size:9px}.hero-art{min-height:285px}.art-note{left:22px;bottom:22px;width:130px;padding:12px}.art-note p{margin-top:6px;font-size:15px}.chapter{padding:78px 0}.spine{left:23px}.intro{padding-left:25px}.title{font-size:clamp(28px,8vw,38px)}.copy{font-size:13px}.pains{grid-template-columns:1fr;margin:35px 0 0 25px}.pain-card{min-height:0;padding:22px}.pain-card h3{margin-top:26px}.change-visual,.change-visual>img{min-height:330px;height:330px}.map{left:9px;right:9px;bottom:9px;padding:8px;grid-template-columns:1fr 26px 1fr}.map-state{min-height:55px;padding:6px}.map-state span{font-size:7px}.outcomes div{grid-template-columns:83px 1fr;gap:5px}.approach-head{display:block}.approach-head .title{margin:18px 0}.steps{margin-top:40px}.step{grid-template-columns:32px 41px 1fr;gap:8px;padding:18px 0}.step h3{font-size:18px}.step p{grid-column:2/-1;margin-top:3px}.work-head{margin-left:25px}.case{margin-top:35px}.case-visual{min-height:345px;padding:10px}.screen{min-height:300px}.screen h3{margin-bottom:41px}.screen p{font-size:25px}.case-copy{padding:30px 23px}.case-copy h3{font-size:29px}.case-details div{grid-template-columns:55px 1fr;gap:4px}.faq-layout{grid-template-columns:1fr;gap:32px}.final{min-height:500px}.final::after{background:rgba(12,29,58,.82)}.site-footer{padding:38px 23px}.footer-main{grid-template-columns:1fr;gap:16px;padding-bottom:31px}.footer-links{flex-wrap:wrap}.footer-bottom{flex-wrap:wrap;gap:11px}.footer-bottom a{margin-left:0}.page-hero{padding:62px 0 52px}.page-content{padding:65px 0 85px}.service-grid{grid-template-columns:1fr}.process div{grid-template-columns:40px 1fr;gap:7px}.process p{grid-column:2;font-size:12px}.facts{grid-template-columns:1fr}.case-page-cover{min-height:320px}.case-page-cover h1{font-size:31px}.form{padding:23px}.to-top{right:13px;bottom:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}