@font-face{font-family:Rounded;src:url('assets/rounded-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Rounded;src:url('assets/rounded-bold.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}
:root{--paper:#fffefb;--ink:#514337;--muted:#766858;--orange:#d47e00;--blue:#147e9c;--pale-blue:#edf7f9;--green:#b8cf8b;--rule:#ded7ca;--line:#92785e;--font:Rounded,'Hiragino Maru Gothic ProN','Yu Gothic',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.95 var(--font);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}svg{display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:700}h2{font-size:34px;line-height:1.65;letter-spacing:.025em}h3{font-size:20px;line-height:1.7}p+p{margin-top:20px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#f9df99;color:var(--ink)}.wrap{width:min(1060px,calc(100% - 72px));margin-inline:auto}.section-space{padding-block:104px}.mobile-only{display:none}.skip-link{position:fixed;top:-70px;left:20px;background:white;padding:12px 20px;z-index:100}.skip-link:focus{top:12px}.small-title{font-size:14px;letter-spacing:.06em;margin-bottom:14px;font-weight:700;color:var(--muted)}.note{font-size:13px;line-height:1.9;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:58px;padding:14px 29px;border:0;border-radius:6px;font-size:16px;line-height:1.65;font-weight:700;transition:background .15s}.blue-button{background:var(--blue);color:#fff}.blue-button:hover{background:#086c89}.button-arrow{font-size:20px}.small-button{min-height:45px;background:#f1eee6;color:var(--ink);padding:9px 22px;font-size:14px}.small-button:hover{background:#e5e0d5}.text-button{border:0;padding:0;background:transparent;color:var(--blue);text-decoration:underline;text-underline-offset:4px}.site-header{height:112px;display:flex;justify-content:space-between;align-items:center}.wordmark{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:700;line-height:1.55;letter-spacing:.03em}.wordmark svg{width:43px;height:59px;transform:rotate(-10deg)}.mark-bottom{display:block}.site-header nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:700}.site-header nav>a:not(.header-contact):hover{color:var(--blue)}.header-contact{padding:8px 25px;border:1.5px solid var(--blue);border-radius:5px;color:var(--blue)}.header-contact:hover{background:var(--pale-blue)}
.hero{text-align:center;padding:15px 20px 68px;overflow:hidden}.audience{font-size:14px;letter-spacing:.08em;margin-bottom:20px}.hero-art{height:450px;width:min(1040px,100%);margin:auto;position:relative;display:flex;align-items:center;justify-content:center}.orange-paper{position:relative;width:700px;height:430px;background:var(--orange);border-radius:49% 51% 47% 53%/49% 48% 52% 51%;transform:rotate(-1.2deg)}.orange-paper h1{color:#fff;position:relative;z-index:1;padding-top:89px;transform:rotate(1.2deg);line-height:1.55}.orange-paper h1 span{display:block;font-size:37px;letter-spacing:.03em}.orange-paper h1 strong{display:block;font-size:61px;letter-spacing:.04em;font-weight:700;margin-top:5px}.desk{position:absolute;width:520px;height:164px;bottom:6px;left:90px;transform:rotate(1.2deg)}.doodle{position:absolute;z-index:2}.bag{width:92px;height:99px;left:49px;top:54px;transform:rotate(-12deg)}.pencil{width:72px;height:95px;right:52px;top:20px;transform:rotate(16deg)}.plant{width:82px;height:111px;right:23px;top:234px;transform:rotate(7deg)}.bus{width:133px;height:100px;left:8px;bottom:13px;transform:rotate(-5deg)}.mug{width:66px;height:71px;right:137px;bottom:-4px;transform:rotate(8deg)}.hero-question{font-size:31px;margin-top:20px;line-height:1.7;letter-spacing:.03em}.hero-copy{margin-top:20px;line-height:2.1;font-size:16px}.hero>.button{margin-top:28px}.hero-small{font-size:12px;color:var(--muted);margin-top:13px}
.evening{background:#f7f4eb;border-block:1px solid #eee8db}.evening-inner{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;align-items:center;padding-block:66px}.evening-heading{position:relative;padding-left:32px}.evening-heading svg{position:absolute;width:85px;height:85px;left:-8px;top:-55px;transform:rotate(-12deg)}.evening-heading h2{position:relative;z-index:1;font-size:31px;padding-top:27px}.evening-copy{font-size:15px;line-height:2.1}.evening-copy p+p{margin-top:15px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:39px}.section-intro>p{font-size:14px;line-height:2.1;margin-bottom:8px}.work-list{border-top:1px solid var(--rule)}.work-list article{display:grid;grid-template-columns:105px 1fr 215px;gap:27px;align-items:center;min-height:153px;border-bottom:1px solid var(--rule);padding:24px 16px}.work-list article>svg{width:84px;height:90px;justify-self:center}.work-list article:nth-child(2)>svg{width:65px;transform:rotate(-11deg)}.work-list h3{font-size:21px;margin-bottom:6px}.work-list p{font-size:14px;line-height:1.85}.work-tag{font-size:12px;border-bottom:5px solid #f6e6ad;justify-self:end;line-height:1.2;padding-bottom:3px}.work-section>.note{max-width:760px;margin:21px 0 0 auto}
.example-section{padding:83px 0 69px;background:var(--pale-blue);position:relative}.example-section:before{content:"";position:absolute;left:0;right:0;top:-9px;height:14px;background:var(--pale-blue);clip-path:polygon(0 50%,4% 20%,8% 65%,12% 30%,16% 60%,20% 20%,24% 65%,28% 25%,32% 55%,36% 15%,40% 65%,44% 30%,48% 60%,52% 20%,56% 65%,60% 30%,64% 60%,68% 20%,72% 65%,76% 30%,80% 60%,84% 20%,88% 65%,92% 30%,96% 60%,100% 20%,100% 100%,0 100%)}.example-heading{text-align:center}.example-heading>.small-title{color:var(--blue);margin-bottom:9px}.example-heading h2{font-size:35px}.example-heading>p:last-child{margin-top:17px;font-size:15px}.example-tabs{display:flex;justify-content:center;gap:14px;margin:34px auto 0;max-width:800px}.example-tabs button{border:1px solid #bed3d8;border-bottom:0;background:#e1edf0;padding:13px 28px 16px;border-radius:9px 9px 0 0;color:#4e6268;font-size:15px;font-weight:700;flex:1}.example-tabs button[aria-selected=true]{background:var(--paper);color:var(--ink);position:relative;border-color:var(--paper)}.example-tabs button[aria-selected=true]:after{content:"";height:4px;width:34px;border-radius:2px;background:var(--orange);position:absolute;bottom:8px;left:calc(50% - 17px)}.notebook{display:grid;grid-template-columns:1fr 1fr;max-width:900px;min-height:300px;margin:0 auto;padding:38px 44px;background:var(--paper);position:relative;border:1px solid #e2e4db;border-radius:3px;box-shadow:3px 5px 0 #d7e8ec}.notebook:before{content:"";position:absolute;width:1px;top:20px;bottom:20px;left:50%;background:#e1dfd5}.example-request{position:relative;padding-right:35px}.hand-label{font-size:13px;color:var(--muted);display:inline-block;border-bottom:1px solid #b4c7cc;margin-bottom:19px;padding-bottom:2px;transform:rotate(-3deg)}.example-request>p{font-size:21px;font-weight:700;line-height:1.9}.example-request>svg{position:absolute;bottom:-18px;right:28px;width:50px;height:75px;transform:rotate(5deg)}.example-result{padding-left:38px;display:flex;flex-direction:column;justify-content:center}.result-heading{font-size:18px;font-weight:700;margin-bottom:15px}.example-result ul{margin:0;padding:0;list-style:none;font-size:14px}.example-result li{padding:7px 0 7px 20px;border-bottom:1px solid #e5e1d6;position:relative}.example-result li:before{content:"";position:absolute;left:1px;top:17px;width:6px;height:6px;border-radius:50%;background:#85aa73}.result-foot{font-size:12px;line-height:1.8;margin-top:17px;color:var(--muted)}.example-caption{font-size:11px;color:#637a80;margin:17px auto 0;text-align:center}.mechanism{padding-top:44px;text-align:center}.mechanism h3{font-size:20px}.mechanism p{font-size:14px;margin-top:12px;line-height:2}
.support-intro{display:flex;justify-content:space-between;align-items:center;padding-right:32px}.support-intro>svg{width:105px;height:120px;transform:rotate(8deg)}.steps{display:flex;list-style:none;padding:0;margin:45px 0 0;gap:44px}.steps li{flex:1;position:relative}.step-number{font-size:24px;width:46px;height:46px;background:#fbebbd;display:flex;align-items:center;justify-content:center;border-radius:46% 54% 51% 49%;font-weight:700;margin-bottom:20px}.steps li:not(:last-child):after{content:"";position:absolute;left:68px;right:-22px;top:24px;border-top:1px dashed #c9c2b2}.steps h3{font-size:19px;margin-bottom:11px}.steps p{font-size:14px;line-height:1.95}.price-section{background:#fcf6df;padding-block:69px}.price-inner{display:grid;grid-template-columns:1fr 1.8fr;gap:65px}.price-intro h2{font-size:31px;line-height:1.65}.price-intro>p:last-of-type{font-size:14px;margin-top:19px}.price-intro>svg{width:62px;height:75px;margin:22px 0 -10px 130px;transform:rotate(-6deg)}.price-table{align-self:center;border-top:1px solid #d9cdaa}.price-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid #d9cdaa}.price-row h3{font-size:19px}.price-row>div>p{font-size:12px;margin-top:5px}.price{display:flex;align-items:baseline;gap:5px;white-space:nowrap;margin:0}.price strong{font-size:54px;line-height:1.3;letter-spacing:-.04em}.price>span{font-size:17px;font-weight:700}.price-unit{font-size:12px;font-weight:400}.price-table>.note{font-size:12px;margin-top:17px}.faq-section{display:grid;grid-template-columns:240px 1fr;gap:80px;padding-block:89px}.faq-heading h2{font-size:29px}.faq-heading svg{width:79px;height:88px;margin-top:24px;margin-left:50px;transform:rotate(-8deg)}.faq-list{border-top:1px solid var(--rule)}.faq-list details{border-bottom:1px solid var(--rule)}.faq-list summary{list-style:none;font-size:15px;font-weight:700;line-height:1.9;padding:22px 38px 22px 0;cursor:pointer;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"＋";position:absolute;right:3px;top:22px;color:var(--blue);font-size:19px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:14px;padding:0 23px 24px 0;line-height:1.95}
.contact-section{background:#eaf0de;padding:75px 0 80px}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact-copy{padding-top:40px}.contact-copy>svg{width:66px;height:98px;margin:0 0 25px 18px;transform:rotate(-7deg)}.contact-copy h2{font-size:29px;line-height:1.75;margin-bottom:25px}.contact-copy p{font-size:14px;line-height:2.1}.contact-form-wrap{background:var(--paper);padding:32px 34px;border-radius:4px;border:1px solid #dce2ce}.contact-form-wrap h3{font-size:18px}.form-intro{font-size:12px;color:var(--muted);margin:10px 0 22px}.contact-form-wrap label{display:block;font-size:13px;font-weight:700;margin:17px 0 6px}.contact-form-wrap label span{font-size:10px;background:#f7e5c0;padding:2px 5px;margin-left:5px;border-radius:2px;font-weight:400}.contact-form-wrap label small{font-size:10px;color:var(--muted);font-weight:400}.contact-form-wrap input,.contact-form-wrap textarea{width:100%;padding:10px 12px;border:1px solid #c8c4b8;border-radius:3px;background:white;color:var(--ink);font-size:16px;line-height:1.6}.contact-form-wrap textarea{resize:vertical}.contact-form-wrap input::placeholder,.contact-form-wrap textarea::placeholder{color:#918b80;font-size:13px}.form-privacy{font-size:11px;line-height:1.8;margin-top:14px}.form-submit{width:100%;margin-top:22px;font-size:15px}.form-status{font-size:12px;margin-top:12px;color:#78512d}.form-status:empty{display:none}#contact-draft{margin-top:20px;padding-top:20px;border-top:1px solid var(--rule)}#contact-draft[hidden]{display:none}#contact-draft h4{font-size:14px;margin-bottom:8px}#draft-text{font-size:12px}#copy-draft{margin-top:10px}#draft-note{font-size:12px;margin-top:12px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:111px;font-size:11px}.footer-brand{font-size:14px;font-weight:700}.site-footer p+p{margin:0}.site-footer>a{white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.mobile-contact{display:none}dialog{border:1px solid var(--rule);border-radius:8px;padding:38px;max-width:560px;width:calc(100% - 40px);color:var(--ink);background:var(--paper)}dialog::backdrop{background:#3f382f75}dialog h2{font-size:22px;margin:10px 0 20px}dialog p{font-size:14px}dialog .small-button{margin-top:24px}.dialog-close{position:absolute;right:12px;top:6px;min-width:44px;min-height:44px;border:0;background:transparent;font-size:28px;color:var(--ink)}
@media(min-width:1500px){.hero{padding-top:20px;padding-bottom:78px}.hero-art{height:470px}.orange-paper{height:445px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.site-header nav{gap:22px}.hero-art{height:410px}.orange-paper{width:630px;height:390px}.orange-paper h1{padding-top:78px}.orange-paper h1 span{font-size:33px}.orange-paper h1 strong{font-size:56px}.desk{width:490px;left:70px;bottom:-4px}.bag{left:1%;width:75px;top:42px}.pencil{right:0;width:60px}.bus{width:105px;left:-12px;bottom:0}.plant{right:-7px;width:64px;top:220px}.mug{display:none}.evening-inner{gap:35px}.section-intro{gap:28px}.section-intro h2{font-size:29px}.section-intro>p{font-size:13px}.work-list article{grid-template-columns:80px 1fr 180px;gap:20px;padding-inline:4px}.work-tag{font-size:11px}.work-list h3{font-size:19px}.notebook{padding-inline:30px}.example-request>p{font-size:19px}.example-result{padding-left:28px}.example-result li{font-size:13px}.steps{gap:28px}.steps h3{font-size:17px}.price-inner{gap:35px}.price-row{gap:15px}.price strong{font-size:48px}.faq-section{grid-template-columns:200px 1fr;gap:35px}.contact-inner{gap:35px}.contact-copy h2{font-size:26px}.contact-form-wrap{padding:27px}}
@media(max-width:700px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.section-space{padding-block:62px}h2{font-size:26px;line-height:1.7}.mobile-only{display:block}.desktop-only{display:none}.site-header{height:86px}.wordmark{font-size:13px;gap:4px}.wordmark svg{width:34px;height:43px}.site-header nav>a:not(.header-contact){display:none}.site-header nav .header-contact{font-size:12px;padding:7px 15px}.hero{padding:12px 15px 45px}.audience{font-size:11px;letter-spacing:.035em;line-height:1.8;margin-bottom:21px}.hero-art{height:300px;width:100%;max-width:470px}.orange-paper{width:calc(100% - 18px);height:290px;max-width:420px;border-radius:48% 52% 48% 52%/48% 49% 51% 52%}.orange-paper h1{padding-top:71px}.orange-paper h1 span{font-size:clamp(20px,5.2vw,25px);letter-spacing:0}.orange-paper h1 strong{font-size:clamp(33px,8.8vw,46px);letter-spacing:.025em;margin-top:5px}.desk{width:89%;height:auto;aspect-ratio:640/200;left:5.5%;bottom:3px}.bag{width:47px;height:53px;top:-2px;left:3px;transform:rotate(-15deg)}.pencil{width:40px;height:55px;top:-8px;right:1px;transform:rotate(20deg)}.plant{width:41px;height:64px;top:207px;right:-7px}.bus{width:66px;height:53px;bottom:-5px;left:-4px}.hero-question{font-size:clamp(19px,5.2vw,25px);margin-top:24px;letter-spacing:0}.hero-copy{font-size:13px;line-height:2;margin-top:16px}.hero>.button{margin-top:23px;min-height:55px;font-size:14px;padding-inline:24px;gap:22px}.hero-small{font-size:10px;max-width:310px;margin:13px auto 0;line-height:1.8}.evening-inner{display:block;padding-block:48px}.evening-heading{padding-left:6px;margin-bottom:25px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:10px}.evening-heading svg{position:static;width:66px;height:66px;flex-shrink:0;margin-right:18px}.evening-heading h2{font-size:25px;padding-top:0}.evening-copy{font-size:13px;line-height:2.1}.evening-copy p+p{margin-top:17px}.section-intro{display:block;margin-bottom:25px}.small-title{font-size:12px;margin-bottom:12px}.section-intro h2{font-size:26px}.section-intro>p{margin-top:21px;font-size:13px}.work-list article{grid-template-columns:60px 1fr;gap:8px 16px;min-height:unset;padding:23px 0}.work-list article>svg{width:56px;height:66px;grid-row:1/3;align-self:start;margin-top:6px}.work-list article:nth-child(2)>svg{width:42px}.work-list h3{font-size:17px;margin-bottom:6px;line-height:1.65}.work-list p{font-size:12px;line-height:1.9}.work-tag{grid-column:2;justify-self:start;font-size:10px;border-bottom-width:4px;margin-top:4px}.work-section>.note{font-size:11px;margin-top:17px}.example-section{padding:54px 0 44px}.example-heading h2{font-size:28px;line-height:1.6}.example-heading>p:last-child{font-size:12px;margin-top:17px;line-height:1.95}.example-tabs{gap:5px;margin-top:27px}.example-tabs button{font-size:12px;padding:12px 6px 16px;border-radius:6px 6px 0 0}.notebook{display:block;min-height:unset;padding:25px 22px 27px}.notebook:before{display:none}.example-request{padding:0 0 22px;border-bottom:1px dashed #d4d3c7}.hand-label{font-size:11px;margin-bottom:13px}.example-request>p{font-size:18px;line-height:1.9}.example-request>svg{width:43px;height:65px;right:-6px;bottom:13px}.example-result{padding:22px 0 0}.result-heading{font-size:16px;margin-bottom:11px}.example-result li{font-size:12px;padding-block:8px}.result-foot{font-size:11px;margin-top:13px}.example-caption{font-size:10px;line-height:1.8;margin-top:15px}.mechanism{padding-top:32px}.mechanism h3{font-size:18px;line-height:1.8}.mechanism p{font-size:12px;text-align:left;line-height:2;margin-top:13px}.support-intro{padding-right:0;gap:5px}.support-intro h2{font-size:25px}.support-intro>svg{width:58px;height:70px;flex-shrink:0;align-self:flex-start;margin-top:5px}.steps{display:block;margin-top:31px}.steps li{display:grid;grid-template-columns:36px 1fr;gap:19px;padding-bottom:30px}.steps li:last-child{padding-bottom:0}.step-number{font-size:19px;width:36px;height:36px;margin:0}.steps li:not(:last-child):after{left:18px;top:46px;bottom:8px;width:0;border-top:0;border-left:1px dashed #c9c2b2}.steps h3{font-size:17px;margin:2px 0 8px}.steps p{font-size:13px}.price-section{padding-block:51px}.price-inner{display:block}.price-intro{position:relative}.price-intro h2{font-size:27px}.price-intro>p:last-of-type{font-size:13px;margin-top:14px}.price-intro>svg{position:absolute;right:15px;bottom:0;width:70px;height:88px;margin:0}.price-table{margin-top:26px}.price-row{padding:20px 0;align-items:flex-start}.price-row h3{font-size:17px}.price-row>div>p{font-size:11px;max-width:190px;line-height:1.8}.price strong{font-size:43px}.price>span{font-size:14px}.price-unit{display:block;font-size:11px;line-height:1}.price-table>.note{font-size:11px}.faq-section{display:block;padding-block:53px}.faq-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.faq-heading h2{font-size:25px}.faq-heading svg{width:52px;height:58px;margin:0 14px 0 0}.faq-list summary{font-size:13px;padding-block:20px;padding-right:29px}.faq-list summary:after{top:20px;font-size:17px}.faq-list details p{font-size:12px;padding-bottom:20px}.contact-section{padding:47px 0 48px}.contact-inner{display:block}.contact-copy{padding:0;position:relative}.contact-copy>svg{width:47px;height:76px;position:absolute;top:-5px;right:3px;margin:0}.contact-copy h2{font-size:24px;line-height:1.75;margin-bottom:20px}.contact-copy p{font-size:13px}.contact-copy p+p{margin-top:12px}.contact-form-wrap{margin-top:28px;padding:26px 20px}.contact-form-wrap h3{font-size:17px}.form-intro{font-size:11px}.contact-form-wrap label{font-size:12px}.form-privacy{font-size:10px}.site-footer{display:block;padding-block:30px 92px;font-size:10px;text-align:center}.footer-brand{font-size:14px;margin-bottom:8px}.site-footer>a{display:inline-block;margin-top:14px;padding:6px}.mobile-contact{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--blue);color:white;font-size:13px;font-weight:700;text-align:center;padding:14px 12px calc(14px + env(safe-area-inset-bottom));z-index:10;transform:translateY(120%);transition:transform .2s;border-top:3px solid #fffefb}.mobile-contact.is-visible{transform:translateY(0)}dialog{padding:29px 25px}dialog h2{font-size:19px}dialog p{font-size:13px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.orange-paper{height:266px}.hero-art{height:278px}.orange-paper h1{padding-top:66px}.hero-question{font-size:18px}.hero-copy{font-size:12px}.hero-art .plant{top:189px}.work-list{margin-inline:-3px}.work-list article{gap:8px 11px;grid-template-columns:50px 1fr}.work-list article>svg{width:47px}.work-list h3{font-size:15px}.price strong{font-size:37px}.contact-copy h2{font-size:21px}.section-intro h2{font-size:24px}.support-intro h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:700px){.evening-copy,.section-intro>p,.work-list p,.example-heading>p:last-child,.example-result li,.mechanism p,.steps p,.price-intro>p:last-of-type,.faq-list details p,.contact-copy p{font-size:14px}.hero-copy{font-size:14px}.work-tag,.note,.work-section>.note,.result-foot,.example-caption,.price-table>.note,.price-row>div>p,.form-intro,.form-privacy{font-size:12px}.faq-list summary{font-size:14px}.hero-small{font-size:11px}.contact-form-wrap label{font-size:13px}.work-list h3{font-size:17px}.example-tabs button{font-size:13px}.price-row>div>p{max-width:180px}.hero-copy{padding-inline:2px}}

/* AI導入支援の説明と、場面に合わせた人物の挿絵 */
.service-kind{font-size:17px;line-height:1.8;font-weight:700;color:var(--blue);margin-top:16px;letter-spacing:.02em}.hero .hero-copy{margin-top:13px}.hero .desk{height:205px;bottom:-7px}.evening-heading{padding-left:0;min-height:220px;display:flex;align-items:center;gap:5px}.evening-heading h2{font-size:26px;padding:0;flex-shrink:0}.evening-heading .person-notes{position:static;transform:rotate(-4deg);width:145px;height:162px;flex-shrink:0}.evening-inner{grid-template-columns:1fr 1.15fr;gap:50px}.agent-flow{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:54px;max-width:840px;list-style:none;padding:0;margin:34px auto 0;align-items:center;text-align:center}.agent-flow li{position:relative;padding:12px 5px}.agent-flow li:not(:last-child):after{content:'→';font-size:27px;font-weight:400;color:#7a969b;position:absolute;right:-38px;top:calc(50% - 27px)}.agent-flow strong{font-size:17px;line-height:1.65;display:block}.agent-flow span{display:block;font-size:12px;margin-top:7px}.agent-flow .agent-flow-center{padding:20px 12px;border:2px solid #9bb5b8;border-radius:46% 54% 48% 52%/47% 49% 51% 53%;background:#fffefb}.flow-footnote{font-size:12px;text-align:center;margin-top:19px;color:#637a80}.result-agent{font-size:12px;color:var(--blue);font-weight:700;margin-bottom:8px}.example-result .result-heading{margin-top:0}.example-tabs{margin-top:37px}.support-intro .person-meeting{width:230px;height:166px;transform:rotate(2deg)}.contact-copy .person-welcome{width:113px;height:125px;transform:rotate(-3deg);margin:0 0 20px 10px}.price-row>div{min-width:0}.price-row>div>p{max-width:320px}
@media(max-width:1000px) and (min-width:701px){.hero .desk{height:185px}.evening-inner{grid-template-columns:1fr 1.2fr;gap:28px}.evening-heading{display:block}.evening-heading .person-notes{width:112px;height:123px;margin:12px auto -12px}.evening-heading h2{font-size:25px}.agent-flow{gap:35px}.agent-flow li:not(:last-child):after{right:-29px}.agent-flow strong{font-size:16px}.agent-flow span{font-size:11px}.support-intro .person-meeting{width:180px;height:135px}.support-intro h2{font-size:29px}.contact-copy .person-welcome{width:102px;height:115px}}
@media(max-width:700px){.service-kind{font-size:15px;margin-top:15px;line-height:1.8}.hero .hero-copy{font-size:14px;margin-top:13px}.hero .desk{height:auto;aspect-ratio:640/260;bottom:-1px}.hero>.button{font-size:13px;padding-inline:18px;gap:14px}.evening-heading{min-height:0;display:flex;flex-direction:row;gap:0;margin-bottom:17px}.evening-heading h2{font-size:23px}.evening-heading .person-notes{width:111px;height:124px;margin:0 -5px 0 0}.agent-flow{grid-template-columns:1fr;gap:24px;max-width:280px;margin-top:25px}.agent-flow li{padding:3px}.agent-flow li:not(:last-child):after{content:'↓';right:auto;left:calc(50% - 9px);top:auto;bottom:-32px;font-size:22px}.agent-flow strong{font-size:16px}.agent-flow strong br{display:none}.agent-flow span{font-size:12px;margin-top:2px}.agent-flow .agent-flow-center{padding:16px 12px;border-radius:47% 53% 49% 51%/46% 52% 48% 54%}.flow-footnote{font-size:12px;line-height:1.9;margin-top:18px}.example-heading h2{font-size:25px}.example-heading>p:last-child{text-align:left}.result-agent{font-size:12px;margin-bottom:7px}.support-intro{position:relative;display:block;padding-bottom:0}.support-intro .person-meeting{width:145px;height:105px;margin:15px 0 -2px auto}.support-intro h2{font-size:25px}.support-intro .small-title{font-size:11px}.steps{margin-top:20px}.contact-copy .person-welcome{position:static;width:84px;height:96px;margin:0 0 16px 8px;transform:rotate(-3deg)}.contact-copy h2{font-size:24px}.price-row>div>p{max-width:185px}}
@media(max-width:360px){.evening-heading h2{font-size:21px}.evening-heading .person-notes{width:95px;height:105px}.hero>.button{font-size:12px;padding-inline:15px}.contact-copy h2{font-size:22px}.price-row>div>p{max-width:165px}}

/* Independent design review, round 1: hierarchy, reading and consultation. */
.site-header { height: 90px; }
.hero { padding-top: 8px; padding-bottom: 54px; }
.audience { margin-bottom: 9px; }
.service-kind { margin: 0 0 18px; font-size: 18px; }
.hero-art { height: 365px; }
.orange-paper { width: 660px; height: 350px; }
.orange-paper h1 { padding-top: 51px; }
.orange-paper h1 span { font-size: 34px; }
.orange-paper h1 strong { font-size: 56px; }
.hero .desk { width: 480px; height: 150px; left: 90px; bottom: -3px; }
.hero .plant { top: 180px; }
.hero .bag { top: 37px; }
.hero-question { margin-top: 17px; }
.hero .hero-copy { font-size: 16px; line-height: 1.95; margin-top: 12px; }
.hero-copy > span { display: inline; }
.hero > .button { margin-top: 24px; }
.evening-copy, .section-intro > p, .work-list p, .steps p,
.mechanism p, .contact-copy p, .faq-list details p { font-size: 16px; }
.section-intro { gap: 36px; }
.section-intro > p { max-width: 460px; }
.work-tag, .note, .work-section > .note, .result-foot,
.example-caption, .flow-footnote, .form-intro, .form-privacy,
.price-table > .note { font-size: 13px; }
.example-heading h2 > span { display: inline-block; white-space: nowrap; }
.example-heading > p:last-child { font-size: 16px; }
.example-caption, .flow-footnote { color: #526b72; }
.agent-flow span { font-size: 13px; }
.example-result li { font-size: 15px; }
.result-agent, .hand-label { font-size: 14px; }
.notebook { grid-template-columns: .95fr 1.05fr; }
.notebook:before { left: 47.5%; }
.example-request > p { font-size: 20px; }
.price-label { color: #6b573d; font-size: 13px !important; font-weight: 700; margin: 0 0 5px !important; }
.price-includes { list-style: none; padding: 0; margin: 11px 0 0; font-size: 14px; line-height: 1.9; }
.price-includes li { position: relative; padding-left: 13px; }
.price-includes li:before { content: '・'; position: absolute; left: 0; }
.price-row { align-items: flex-start; padding-block: 25px; }
.price { padding-top: 18px; }
.price-consult { margin-top: 29px; }
.price-consult > p { font-size: 14px; margin-bottom: 12px; }
.price-consult .button { font-size: 15px; gap: 20px; }
.consultation-lead { margin-top: 27px !important; }
.consultation-topics { list-style: none; padding: 0; margin: 12px 0 0; font-size: 16px; }
.consultation-topics li { padding: 9px 0 9px 22px; border-bottom: 1px solid #ccd4bc; position: relative; }
.consultation-topics li:before { content: '✓'; color: #4d7353; font-size: 15px; position: absolute; left: 0; }
.contact-form-wrap label { font-size: 14px; }
.contact-form-wrap label span, .contact-form-wrap label small { font-size: 12px; }
.contact-form-wrap input, .contact-form-wrap textarea { border-color: #898577; }
.contact-form-wrap input::placeholder, .contact-form-wrap textarea::placeholder { color: #706b60; font-size: 14px; }
.form-status, #draft-note, #draft-text { font-size: 14px; }
.mobile-contact { visibility: hidden; }
.mobile-contact.is-visible { visibility: visible; }
.site-footer { font-size: 12px; }

@media (min-width: 701px) and (max-width: 1000px) {
  .hero-art { height: 355px; }
  .orange-paper { width: 620px; height: 340px; }
  .orange-paper h1 { padding-top: 48px; }
  .orange-paper h1 span { font-size: 32px; }
  .orange-paper h1 strong { font-size: 54px; }
  .hero .desk { width: 450px; height: 145px; left: 85px; }
  .section-intro { display: block; }
  .section-intro > p { margin-top: 20px; max-width: none; }
  .evening-copy, .steps p { font-size: 15px; }
  .example-heading h2 { font-size: 30px; }
  .notebook { padding-inline: 28px; }
  .example-request > p { font-size: 18px; }
  .price-inner { grid-template-columns: .8fr 1.8fr; gap: 30px; }
  .price-includes { font-size: 13px; }
  .contact-inner { grid-template-columns: .95fr 1.05fr; gap: 27px; }
  .contact-form-wrap { padding: 25px; }
  .consultation-topics { font-size: 15px; }
}

@media (max-width: 700px) {
  .site-header { height: 76px; }
  .header-contact { min-height: 44px; display: inline-flex; align-items: center; }
  .hero { padding-top: 9px; padding-bottom: 43px; }
  .audience { font-size: 12px; line-height: 1.8; margin-bottom: 10px; }
  .service-kind { font-size: 15px; margin-bottom: 17px; line-height: 1.65; }
  .hero-art { height: 280px; max-width: 470px; }
  .orange-paper { width: calc(100% - 18px); height: 270px; max-width: 420px; }
  .orange-paper h1 { padding-top: 48px; }
  .orange-paper h1 span { font-size: clamp(20px, 5.2vw, 25px); }
  .orange-paper h1 strong { font-size: clamp(33px, 8.8vw, 42px); }
  .hero .desk { width: 92%; height: 120px; left: 4%; bottom: -1px; aspect-ratio: auto; }
  .hero .bag { top: -2px; }
  .hero .plant { top: 182px; }
  .hero-question { font-size: clamp(19px, 5.2vw, 25px); margin-top: 19px; }
  .hero .hero-copy { font-size: 15px; max-width: 350px; margin: 13px auto 0; line-height: 1.9; }
  .hero-copy > span { display: block; }
  .hero > .button { font-size: 14px; margin-top: 22px; min-height: 56px; padding-inline: 22px; }
  .evening-copy, .section-intro > p, .work-list p, .example-heading > p:last-child,
  .mechanism p, .steps p, .faq-list details p, .contact-copy p { font-size: 15px; }
  .evening-copy { line-height: 2; }
  .section-intro > p { margin-top: 19px; }
  .work-list article { grid-template-columns: 50px 1fr; gap: 8px 14px; }
  .work-list article > svg { width: 48px; }
  .work-tag, .note, .work-section > .note, .result-foot, .example-caption,
  .flow-footnote, .price-table > .note, .form-intro, .form-privacy { font-size: 13px; }
  .example-heading h2 { font-size: 25px; line-height: 1.65; }
  .example-heading h2 > span { display: block; }
  .example-heading h2 > br { display: none; }
  .example-tabs button { font-size: 14px; min-height: 52px; }
  .agent-flow span { font-size: 13px; }
  .example-result li { font-size: 15px; }
  .hand-label, .result-agent { font-size: 13px; }
  .example-request > p { font-size: 18px; }
  .example-request > svg { width: 32px; right: -9px; bottom: 6px; }
  .price-row { gap: 12px; padding-block: 23px; }
  .price-row > div { flex: 1; }
  .price-label { font-size: 13px !important; }
  .price-includes { font-size: 13px; margin-top: 9px; line-height: 1.85; }
  .price-includes li { padding-left: 0; }
  .price-includes li:before { display: none; }
  .price-includes li + li { margin-top: 7px; }
  .price { padding-top: 20px; }
  .price strong { font-size: 43px; }
  .price-consult > p { font-size: 14px; }
  .price-consult .button { width: 100%; font-size: 14px; padding-inline: 15px; gap: 16px; }
  .faq-list summary { font-size: 15px; }
  .contact-form-wrap label { font-size: 14px; }
  .consultation-lead { margin-top: 23px !important; }
  .consultation-topics { font-size: 15px; }
  .form-privacy .text-button { min-height: 44px; text-align: left; }
  .mobile-contact { font-size: 14px; }
  .site-footer { font-size: 12px; }
}

@media (max-width: 360px) {
  .hero-art { height: 264px; }
  .orange-paper { height: 254px; }
  .hero .desk { height: 112px; }
  .hero .plant { top: 170px; }
  .hero .hero-copy { font-size: 14px; }
  .hero > .button { font-size: 13px; padding-inline: 16px; }
  .example-heading h2 { font-size: 23px; }
  .example-request > p { font-size: 17px; }
  .price strong { font-size: 37px; }
  .price-consult .button { font-size: 13px; }
}