:root{font-family:Inter,'Yu Gothic',Meiryo,sans-serif;color:#233c34;background:#f8f7f2;line-height:1.8}*{box-sizing:border-box}body{margin:0}a{color:inherit}header{max-width:1220px;margin:auto;padding:30px 42px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{font:500 27px/1.2 Georgia,serif;letter-spacing:.13em;text-decoration:none}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a{text-decoration:none}.nav-cta{border-bottom:1px solid #789286;padding-bottom:5px}main{max-width:1220px;margin:auto;padding:0 42px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center;padding:70px 0 90px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#668577;font-weight:600}h1{font-size:clamp(38px,4.6vw,58px);line-height:1.5;letter-spacing:-.045em;font-weight:650;margin:18px 0 26px}h2{font-size:32px;line-height:1.65;letter-spacing:-.03em;margin:12px 0 24px}h3{font-size:21px;line-height:1.6;margin:0 0 10px}p{color:#5b6e63;font-size:15px}.lead{font-size:18px;line-height:2.1;margin-bottom:30px}.cta{display:inline-flex;align-items:center;justify-content:center;background:#315740;color:white;text-decoration:none;border-radius:8px;padding:16px 24px;font-size:14px;font-weight:600;min-height:50px}.cta:hover{background:#234332}.note{font-size:12px;color:#64756a}.salon-scene{background:#fff;border:1px solid #d8e1d4;border-radius:18px;box-shadow:0 24px 80px #2e4c3010;padding:26px;transform:rotate(-2deg)}.scene-label{font-size:11px;letter-spacing:.05em;color:#607568;padding-bottom:15px;border-bottom:1px solid #e3e9df}.scene-content{padding:28px 12px 10px}.scene-content h2{font-size:35px;margin:4px 0 12px}.scene-content p{font-size:12px}.scene-caption{font-size:11px!important}.scene-menu{display:flex;justify-content:space-between;border-top:1px solid #e3e9df;padding:16px 0;font-size:13px}.scene-dates{display:flex;gap:12px;margin:15px 0}.scene-dates span{border:1px solid #b5cbb7;border-radius:6px;padding:8px 14px;font-size:12px}.scene-credit{text-align:right;font-size:10px;color:#7b8d80}.salon-scene>small{font-size:10px;color:#7b8d80}.statement{border-top:1px solid #dbe2d6;padding:68px 0;text-align:center}.statement p{line-height:2.1}.features{padding:45px 0 75px}.section-title{margin-bottom:38px}.features article{display:grid;grid-template-columns:80px 1fr;gap:30px;padding:32px 0;border-top:1px solid #dbe2d6}.features article>span{font:36px Georgia,serif;color:#8da592}.features article p{max-width:680px;margin:0}.audience{padding:40px;border-radius:16px;background:#eaf0e5;text-align:center}.audience h2{font-size:27px}.closing{padding:95px 0;text-align:center}.closing p{margin-bottom:28px}footer{max-width:1220px;margin:auto;padding:30px 42px 45px;border-top:1px solid #dbe2d6;display:flex;gap:26px;align-items:center;flex-wrap:wrap}footer .logo{font-size:21px}footer p{font-size:12px;margin-right:auto}footer>a:not(.logo){font-size:12px}.start-page{padding-top:35px}.start-heading h1{font-size:48px}.start-grid{display:grid;grid-template-columns:1fr 410px;gap:80px;align-items:start;margin:48px 0 65px}.registration-steps h2,.faq h2{font-size:25px}.registration-steps ol{list-style:none;padding:0}.registration-steps li{display:flex;gap:22px;padding:24px 0;border-top:1px solid #dbe2d6}.registration-steps li>span{border:1px solid #9eb6a2;border-radius:50%;width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;font-size:13px}.registration-steps li h3{font-size:19px}.registration-steps li p{margin:8px 0}.registration-box{padding:32px;background:white;border:1px solid #d8e1d4;border-radius:16px}.pill{background:#e9efdf;color:#576b42;font-size:11px;padding:6px 10px;border-radius:20px}.registration-box h2{font-size:23px;margin:20px 0 8px}.plan-price{font-size:38px;font-weight:650}.plan-price span{font-size:13px;font-weight:400}.trial-info{border-top:1px solid #e3e9df;padding-top:20px;margin:25px 0}.trial-info strong{font-size:15px}.trial-info p{font-size:13px}.registration-box .cta{display:flex}.simulation{font-size:12px;line-height:1.9;color:#6d735f;margin:20px 0 0}.faq{max-width:780px;margin-bottom:55px}.faq details{border-top:1px solid #dbe2d6;padding:20px 0}.faq summary{cursor:pointer;font-size:16px;font-weight:600}.faq p{margin-bottom:0}.back-link{font-size:13px;display:inline-block;margin-bottom:55px}a:focus-visible,summary:focus-visible{outline:3px solid #91ad91;outline-offset:5px}@media(max-width:850px){.hero{gap:40px;padding-top:40px}.start-grid{gap:30px;grid-template-columns:1fr 350px}header,main,footer{padding-left:26px;padding-right:26px}.scene-dates{gap:6px}.scene-dates span{padding:8px 10px}}@media(max-width:650px){header{padding:22px}.logo{font-size:24px}nav{font-size:12px;gap:18px}nav>a[href="#features"]{display:none}main{padding:0 22px}.hero{grid-template-columns:1fr;gap:36px;padding:30px 0 55px}h1,.start-heading h1{font-size:38px;margin:16px 0 20px}.lead{font-size:16px;line-height:1.9}.hero .cta{display:flex}.salon-scene{transform:none;padding:20px}.scene-content{padding-top:20px}.scene-content h2{font-size:32px}h2{font-size:25px}.statement{padding:45px 0;text-align:left}.statement br{display:none}.features{padding:25px 0 40px}.features article{grid-template-columns:35px 1fr;gap:18px;padding:24px 0}.features article>span{font-size:26px}h3{font-size:19px}.audience{padding:25px 20px;text-align:left}.audience h2{font-size:22px}.closing{padding:55px 0;text-align:left}.closing .cta{display:flex}.closing h2{font-size:26px}footer{padding:24px 22px;gap:18px}footer p{width:100%;order:2;margin:0}.start-page{padding-top:20px}.start-grid{grid-template-columns:1fr;gap:25px;margin:25px 0 45px}.registration-box{padding:25px}.registration-steps li{gap:16px}.registration-steps h2{font-size:23px}.faq summary{font-size:15px}}

.daily-preview{background:#fff;border:1px solid #d8e1d4;border-radius:20px;padding:30px;box-shadow:0 20px 60px #2e4c3010}.daily-preview h2{font-size:28px;line-height:1.5;margin:14px 0 24px}.daily-preview ol{list-style:none;padding:0;margin:0 0 22px}.daily-preview li{display:flex;gap:14px;position:relative;padding:12px 0 18px}.daily-preview li>span{flex:0 0 30px;height:30px;border-radius:50%;background:#eaf1e7;color:#315740;display:grid;place-items:center;font-size:13px;font-weight:700}.daily-preview strong{display:block;font-size:15px;line-height:1.6}.daily-preview small{display:block;color:#6d8072;font-size:12px;margin-top:4px}.text-link{font-size:13px;font-weight:600;text-underline-offset:4px}.after-introduction{border-top:1px solid #dbe2d6;padding:64px 0;scroll-margin-top:24px}.after-introduction .section-title{max-width:760px}.mobile-only{display:none}.usage-diagram{padding:30px;background:#eaf0e5;border-radius:18px}.flow-start{background:#fff;border:1px solid #d8e1d4;padding:22px;border-radius:12px;max-width:680px;margin:auto;text-align:center}.flow-start h3{margin:12px 0 6px}.flow-start p{margin:0;font-size:14px}.actor{display:inline-block;font-size:11px;line-height:1.5;border-radius:25px;padding:6px 12px;font-weight:700;white-space:normal}.actor.customer{background:#dceef5;color:#165d79}.actor.salon{background:#dfeadb;color:#365c3e}.flow-arrow{text-align:center;color:#6c8974;font-size:28px;margin:12px}.flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;margin:0;list-style:none}.flow-steps li{position:relative;background:white;border:1px solid #d8e1d4;border-radius:12px;padding:24px;min-width:0}.flow-steps li:not(:last-child)::after{content:'→';position:absolute;right:-25px;top:45%;font-size:24px;color:#6c8974}.flow-number{display:block;color:#8ba594;font:28px Georgia,serif;margin:14px 0 8px}.flow-steps h3{font-size:18px}.flow-steps p{font-size:14px;margin:0}.flow-result{text-align:center;font-size:14px;margin:24px 0 0}.screens-heading{margin:50px 0 25px;max-width:800px}.screens-heading p{font-size:14px}.screen-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.screen-stories article{min-width:0}.screen-story-head{min-height:192px}.screen-story-head h3{font-size:19px;margin:15px 0 10px}.screen-story-head p{font-size:14px;margin:0}.screen-stories figure{margin:0;padding:12px;background:white;border:1px solid #d8e1d4;border-radius:16px}.screen-stories figure a{display:block;border-radius:10px;overflow:hidden;background:#f2f5f8}.screen-stories img{display:block;width:100%;height:auto;aspect-ratio:375/812;object-fit:contain}.screen-stories figcaption{font-size:11px;color:#6c7f71;text-align:center;margin:12px 0 0}.screen-stories ul{padding-left:20px;font-size:13px;color:#5b6e63;line-height:1.9}.screen-stories li{margin:9px 0;overflow-wrap:anywhere}.usage-boundary{margin-top:35px;padding:24px;border:1px solid #d8e1d4;border-radius:12px}.usage-boundary h3{font-size:18px}.usage-boundary p{font-size:13px;margin:10px 0}.hero>*,.daily-preview li>div{min-width:0}.after-introduction p,.daily-preview strong{overflow-wrap:anywhere}@media(max-width:900px){.hero{gap:30px}.daily-preview{padding:24px}.daily-preview h2{font-size:24px}.flow-steps{gap:22px}.flow-steps li{padding:18px}.flow-steps li:not(:last-child)::after{right:-20px}.screen-stories{gap:18px}.screen-story-head{min-height:220px}}@media(max-width:650px){nav>a[href="#after-introduction"]{display:none}.after-introduction{padding:42px 0}.daily-preview{padding:24px}.mobile-only{display:block}.usage-diagram{padding:18px}.flow-start{text-align:left;padding:18px}.flow-steps{grid-template-columns:minmax(0,1fr);gap:28px}.flow-steps li{padding:20px}.flow-steps li:not(:last-child)::after{content:'↓';right:calc(50% - 10px);top:auto;bottom:-29px;line-height:28px}.flow-number{display:inline-block;margin:14px 10px 8px 0}.flow-steps h3{display:inline;font-size:18px}.flow-steps p{margin-top:10px}.flow-result{text-align:left}.screen-stories{grid-template-columns:minmax(0,1fr);gap:34px}.screen-story-head{min-height:0;margin-bottom:18px}.screen-stories figure{max-width:375px;margin:auto}.screen-stories ul{font-size:14px}.usage-boundary{padding:20px}.screens-heading{margin-top:36px}}

.why-toiro,.service-comparison{border-top:1px solid #dbe2d6;padding:64px 0;scroll-margin-top:24px}.why-toiro .section-title,.service-comparison .section-title{max-width:780px}.time-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:45px;align-items:center;padding:34px;background:#eaf0e5;border-radius:18px}.time-example-title h3{font-size:28px;margin:18px 0}.time-example-title p{font-size:14px;margin:0}.time-example-bars{background:#fff;border-radius:12px;padding:24px;min-width:0}.example-label{font-size:12px;margin:0 0 20px}.time-example-bars>div{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;margin:14px 0}.time-example-bars>div>span{font-size:12px}.time-bar{display:block;background:#587e65;color:white;border-radius:5px;padding:9px 12px;font-size:13px;line-height:1.5;min-width:56px}.time-short{width:55.56%}.time-default{width:66.67%;background:#8ba895}.time-long{width:100%}.example-note{font-size:11px;line-height:1.8;margin-bottom:0}.toiro-strengths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}.toiro-strengths article{padding:24px 0;border-top:1px solid #cddbd1;min-width:0}.toiro-strengths article>b{font:28px Georgia,serif;color:#8ba594}.toiro-strengths h3{font-size:19px;margin:14px 0 10px}.toiro-strengths p{font-size:14px;margin:0}.strength-footer{font-size:15px;color:#315740;font-weight:600;margin-top:12px}.comparison-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.comparison-cards article{border:1px solid #d8e1d4;border-radius:14px;background:white;padding:26px;min-width:0}.comparison-cards article.comparison-toiro{background:#edf3e9;border-color:#b2c7b4}.comparison-cards h3{font-size:24px;margin:18px 0}.comparison-label{font-size:11px;color:#748978}.comparison-cards p,.comparison-cards dd{font-size:13px;line-height:1.9;overflow-wrap:anywhere}.comparison-cards dt{font-size:12px;font-weight:700;color:#315740;margin:20px 0 8px}.comparison-cards dd{margin:0;color:#5b6e63}.comparison-cards a{display:inline-block;font-size:12px;margin-top:20px;text-underline-offset:4px}.comparison-note{font-size:11px;color:#6d8072;margin:24px 0 0}@media(max-width:850px){.time-example{gap:24px;padding:26px}.comparison-cards{gap:14px}.comparison-cards article{padding:20px}}@media(max-width:650px){header nav{gap:12px;font-size:11px}.why-toiro,.service-comparison{padding:42px 0}.time-example{grid-template-columns:minmax(0,1fr);padding:22px;gap:24px}.time-example-title h3{font-size:24px}.time-example-bars{padding:18px}.time-example-bars>div{grid-template-columns:76px minmax(0,1fr);gap:6px}.toiro-strengths,.comparison-cards{grid-template-columns:minmax(0,1fr);gap:18px}.toiro-strengths article{padding:18px 0}.comparison-cards article{padding:24px}.strength-footer{font-size:14px}}

.pillar{border:1px solid #d8e1d4;border-radius:20px;padding:34px;margin:32px 0;background:#fff}.pillar-number{font-size:11px;letter-spacing:.09em;font-weight:700;color:#668577}.pillar>h3{font-size:28px;line-height:1.65;margin:16px 0}.pillar-lead{max-width:850px;font-size:15px;margin-bottom:28px}.image-connection{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1.2fr) 30px minmax(0,1fr);align-items:center;gap:8px}.image-connection article{min-width:0;border:1px solid #d8e1d4;border-radius:14px;padding:22px;background:#f5f8f2;text-align:center}.image-connection .image-source{background:#f2f7fa;border-color:#d6e4eb}.picture-icon{display:block;width:72px;height:56px;color:#638a9b;margin:24px auto 16px}.finish-source .picture-icon{color:#668577}.image-connection h4{font-size:17px;margin:14px 0}.image-connection p{font-size:13px;margin:12px 0}.connection-tag{display:block;background:#e2edf2;border-radius:7px;padding:8px;font-size:11px;color:#416372}.finish-source .connection-tag{background:#e2ecde;color:#45684d}.connection-arrow{text-align:center;font-size:26px;color:#779a81}.connected-chart ul{list-style:none;padding:0;margin:18px 0;text-align:left}.connected-chart li{font-size:13px;padding:10px;border-top:1px solid #d8e1d4;color:#315740}.next-visit{margin:22px 0;padding:20px;border-radius:12px;background:#eaf0e5;text-align:center}.next-visit>span{display:block;font-size:25px;color:#6c8974;line-height:1.3;margin-bottom:10px}.next-visit strong{font-size:16px;line-height:1.8}.next-visit p{font-size:13px;margin-bottom:0}.pillar-note{font-size:11px;color:#758878;line-height:1.9;margin-bottom:0}.schedule-pillar .time-example{padding:24px;gap:28px}.time-example-title h4{font-size:24px;line-height:1.7;margin:14px 0}.overlap-example{margin-top:28px;border:1px solid #d8e1d4;border-radius:14px;padding:26px}.overlap-example h4{font-size:19px;margin:0 0 12px}.overlap-example>p{font-size:14px}.schedule-axis{display:flex;justify-content:space-between;font-size:11px;color:#69816f;margin:22px 0 10px}.schedule-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:68px 68px;position:relative;border-left:1px solid #d7e3d8;border-right:1px solid #d7e3d8;background:repeating-linear-gradient(to right,transparent,transparent calc(25% - 1px),#d7e3d8 calc(25% - 1px),#d7e3d8 25%);gap:8px 0;margin-bottom:22px}.duration-block{grid-column:1/4;grid-row:1;background:#dfeef5;border-left:4px solid #367c9b;color:#244e60;border-radius:6px;padding:10px 14px;font-size:13px;z-index:1}.private-block{grid-column:3/5;grid-row:2;background:#eae8df;border-left:4px solid #9e8a62;color:#635638;border-radius:6px;padding:10px 14px;font-size:13px;z-index:1}.schedule-track small{font-size:11px}.overlap-mark{grid-column:3/4;grid-row:1/3;border:2px dashed #c88259;background:#db9a7220;position:relative;z-index:2;pointer-events:none}.overlap-mark span{position:absolute;bottom:-21px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;color:#9a5b37;background:white;padding:0 4px}.booking-decision{display:flex;gap:14px;align-items:flex-start;background:#f6efe7;padding:18px;border-radius:10px;margin-top:34px}.decision-symbol{flex:0 0 30px;font-size:27px;line-height:1.4;color:#aa6441}.booking-decision strong{font-size:15px;line-height:1.8}.booking-decision p{font-size:13px;margin:6px 0 0}.supporting-strength{margin:30px 0 0;padding:22px 0;border-top:1px solid #dbe2d6}.supporting-strength h3{font-size:20px}.supporting-strength p{font-size:14px;margin:0}@media(max-width:850px){.pillar{padding:26px}.image-connection article{padding:16px}.image-connection h4{font-size:16px}.schedule-pillar .time-example{gap:20px}}@media(max-width:650px){.pillar{padding:22px;margin:24px 0}.pillar>h3{font-size:23px}.image-connection{grid-template-columns:minmax(0,1fr);gap:12px}.image-connection article{padding:22px}.connection-arrow{transform:rotate(90deg);line-height:1}.back-arrow{transform:rotate(90deg)}.connected-chart{order:4}.image-source{order:0}.image-connection>.connection-arrow:not(.back-arrow){order:3}.finish-source{order:1}.back-arrow{display:none}.connected-chart::before{content:'2つの画像・記録を、同じお客様へ';display:block;font-size:12px;color:#668577;margin-bottom:14px}.picture-icon{margin:18px auto 12px}.next-visit{text-align:left;padding:18px}.pillar-lead{font-size:14px}.schedule-pillar .time-example{padding:18px}.time-example-title h4{font-size:21px}.overlap-example{padding:18px}.duration-block,.private-block{padding:10px 7px;font-size:11px}.schedule-track small{font-size:10px}.schedule-axis{font-size:10px}.booking-decision{padding:14px;gap:8px}.booking-decision strong{font-size:14px}.booking-decision p{font-size:12px}.overlap-mark span{font-size:9px}.pillar-note{font-size:11px}}
@media(max-width:650px){.schedule-pillar .time-example-bars>div{grid-template-columns:minmax(0,1fr);gap:6px}.schedule-pillar .time-bar{min-width:45px}}

/* Public pages share one fluid shell; components may shrink inside their grid. */
html{scroll-padding-top:24px}body{overflow-wrap:anywhere}header,main,footer{width:100%;min-width:0}header{flex-wrap:wrap}header nav{flex-wrap:wrap;gap:12px 24px}header nav a{display:inline-flex;align-items:center;min-height:44px}main>*,.start-grid>*,.registration-steps li>div{min-width:0}.hero,.start-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.cta{max-width:100%;white-space:normal;text-align:center}.skip-link{position:absolute;top:10px;left:16px;z-index:10;background:#fff;padding:10px 16px;border-radius:6px;transform:translateY(-180%)}.skip-link:focus{transform:none}.service-comparison>summary{cursor:pointer;font-size:18px;font-weight:600;min-height:44px}.service-comparison[open]>.section-title{margin-top:32px}.start-use-cases{padding:36px 0 12px}.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-cards article{min-width:0;border-top:1px solid #dbe2d6;padding:22px 0}.guide-cards h3{font-size:19px}.guide-cards p{font-size:14px;margin-bottom:0}.start-grid{gap:50px}.registration-box p{font-size:14px}.setup-preview{padding:34px;background:#edf2e8;border:1px solid #d8e1d4;border-radius:16px;margin:0 0 50px;scroll-margin-top:24px}.setup-preview>div{max-width:740px}.setup-preview h2{font-size:28px}.setup-preview p{font-size:14px}.setup-preview .note{font-size:12px}.start-heading .text-link{display:inline-block;padding:8px 0}
@media(max-width:850px){.start-grid{gap:30px}.guide-cards{gap:18px}}
@media(max-width:650px){header{gap:10px}header nav{gap:6px 14px;width:100%;justify-content:flex-start}header nav a{font-size:12px}nav>a[href="#after-introduction"]{display:inline-flex}.hero,.start-grid,.guide-cards{grid-template-columns:minmax(0,1fr)}.guide-cards{gap:0}.start-use-cases{padding-top:25px}.setup-preview{padding:24px 20px}.setup-preview h2{font-size:24px}.setup-preview .cta{display:flex}.service-comparison>summary{font-size:16px}}

/* Short phrases make headings readable without preventing narrow-screen reflow. */
.title-phrase{display:inline-block;max-width:100%;text-wrap:balance;overflow-wrap:normal}.hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.55}.pillar>h3{font-size:clamp(20px,2.25vw,28px)}
@media(max-width:650px){.hero h1{font-size:clamp(32px,9.5vw,38px)}.pillar>h3{font-size:clamp(20px,5.6vw,23px)}}