/*
Theme Name: TOTONOUBAI Produce
Theme URI: https://www.totonoubai.com/
Author: TOTONOUBAI proposal
Description: 予約体験・発明スタジオ・事業再生の3案を切り替えられるTOPページテーマ
Version: 2.0.0
Text Domain: totonoubai
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#23231f;background:#f5f2e9;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-feature-settings:"palt"}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.variant{display:none;overflow:hidden}.design-a .variant-a,.design-b .variant-b,.design-c .variant-c{display:block}.site-header{position:absolute;z-index:50;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:26px 4vw;color:#fff}.brand{font-size:17px;letter-spacing:.24em}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:.3em;margin-top:6px}.nav{display:flex;align-items:center;gap:25px;font:10px Arial,sans-serif;letter-spacing:.12em}.nav .reserve{padding:13px 18px;border:1px solid currentColor}.menu-toggle{display:none;background:none;border:0;color:inherit;font-size:23px}.design-c .site-header{position:relative;color:#111;border-bottom:1px solid #d9ddd9}.design-c .nav .reserve{background:#164c35;color:#fff}.site-footer{padding:45px 4vw;background:#151513;color:#ddd;display:flex;justify-content:space-between;align-items:flex-end;font:10px Arial,sans-serif;letter-spacing:.1em}.footer-brand{font:17px "Yu Mincho",serif;letter-spacing:.2em}.design-c .site-footer{background:#fff;color:#202520;border-top:1px solid #d9ddd9}.design-switcher{position:fixed;z-index:100;right:18px;bottom:18px;display:flex;background:rgba(10,10,9,.9);color:white;padding:6px;box-shadow:0 8px 28px #0004;backdrop-filter:blur(8px)}.design-switcher span{padding:11px 10px 0;font:8px Arial,sans-serif;letter-spacing:.16em}.design-switcher button{width:36px;height:36px;border:0;border-left:1px solid #ffffff35;background:none;cursor:pointer}.design-switcher button.active{background:white;color:#111}

/* A — PRIVATE RETREAT */
.variant-a{background:#f5f1e8;color:#3c392f}.a-hero{height:100svh;min-height:720px;position:relative;color:#fff}.a-hero:after{content:"SCROLL";position:absolute;right:3vw;bottom:30px;writing-mode:vertical-rl;font:9px Arial,sans-serif;letter-spacing:.25em}.a-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,25,20,.7),rgba(26,25,20,.05) 70%)}.a-hero-copy{position:absolute;left:8vw;top:50%;transform:translateY(-42%)}.a-hero-copy>p{font-size:13px;letter-spacing:.18em}.a-hero h1{font-size:clamp(43px,5vw,76px);line-height:1.5;font-weight:400;letter-spacing:.12em;margin:25px 0 50px}.a-hero-copy>div{display:flex;align-items:center;gap:35px;font-size:14px}.a-hero-copy a,.a-price>a{padding:17px 28px;background:#7c8461;color:#fff;font:12px Arial,sans-serif;letter-spacing:.12em}.a-journey{padding:135px 7vw;display:grid;grid-template-columns:280px 1fr;gap:8vw;background:#fbf8f0}.a-side span,.a-copy span,.a-price span,.a-voice span,.a-access span{font:10px Arial,sans-serif;letter-spacing:.2em}.a-side h2,.a-copy h2,.a-access h2{font-size:clamp(31px,3.5vw,50px);font-weight:400;line-height:1.6;letter-spacing:.09em}.a-side p,.a-copy p,.a-access p{font-size:13px;line-height:2.2}.a-journey ol{margin:0;padding:20px 0 0;display:grid;grid-template-columns:repeat(5,1fr);list-style:none}.a-journey li{text-align:center;padding:0 22px;position:relative;border-top:1px solid #b7ae9c}.a-journey li:before{content:"";width:7px;height:7px;border-radius:50%;background:#9a927e;position:absolute;top:-4px;left:50%}.a-journey b{display:block;margin:20px 0;font:11px Arial,sans-serif;color:#858070}.a-journey strong{display:block;font-size:15px;font-weight:400;margin-bottom:12px}.a-journey small{font-size:11px;line-height:1.8}.a-material{padding:120px 7vw;display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:18px;align-items:end}.a-copy{padding-right:4vw}.a-material figure{height:520px;margin:0}.a-material figcaption{height:auto;padding:18px 0;font-size:13px;letter-spacing:.08em}.a-price{padding:95px 8vw;background:#ebe6db;display:grid;grid-template-columns:1fr 1.4fr auto;gap:6vw;align-items:center}.a-price h2{font-size:38px;font-weight:400}.a-price p{display:flex;justify-content:space-between;border-bottom:1px solid #bbb2a0;padding:13px 0}.a-price strong{font-size:28px;font-weight:400}.a-price small{line-height:2}.a-voice{padding:120px 8vw;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6vw}.a-voice h2{font-size:36px;font-weight:400;line-height:1.6}.a-voice blockquote{margin:65px 0 0;font-size:14px;line-height:2.3;border-left:1px solid #9f9888;padding-left:28px}.a-access{display:grid;grid-template-columns:1fr 1.45fr;background:#edf0e9}.a-access>div{padding:110px 9vw}.a-access>img{min-height:560px}.a-access a{display:inline-block;margin-top:25px;border-bottom:1px solid;padding-bottom:8px;font:11px Arial,sans-serif;letter-spacing:.12em}.a-produce-link{margin:70px 7vw;padding:45px 4vw;background:#fff;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:40px}.a-produce-link b{font:12px Arial,sans-serif;letter-spacing:.16em}.a-produce-link p{font-size:19px;line-height:1.7}.a-produce-link button{border:0;border-bottom:1px solid;background:none;padding:8px;cursor:pointer}

/* B — INVENTION STUDIO */
.variant-b{background:#171816;color:#e9e6dc;font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif}.design-b .site-header{font-family:Arial,sans-serif}.b-hero{min-height:840px;display:grid;grid-template-columns:48% 52%;position:relative;border-bottom:1px solid #ffffff22}.b-copy{padding:180px 6vw 80px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.b-copy>span,.b-manifesto span,.b-campus header span,.b-process header span,.b-team span{font-size:10px;letter-spacing:.24em;color:#aaa79e}.b-copy h1{font-size:clamp(65px,8vw,120px);line-height:.98;letter-spacing:-.04em;margin:40px 0}.b-copy p{font-family:"Yu Mincho",serif;font-size:16px}.b-copy a{align-self:flex-start;margin-top:28px;background:#e65c20;padding:17px 28px;font-size:11px;letter-spacing:.12em}.b-hero>i{position:absolute;right:2vw;bottom:-20px;font-size:150px;font-style:normal;color:#ffffff12}.b-manifesto{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:100px 6vw;border-bottom:1px solid #ffffff20}.b-manifesto h2{font-family:"Yu Mincho",serif;font-size:36px;line-height:1.65;font-weight:400}.b-manifesto p{font-family:"Yu Mincho",serif;font-size:13px;line-height:2.3;padding-top:30px}.b-campus,.b-process{padding:105px 5vw;border-bottom:1px solid #ffffff20}.b-campus header,.b-process header{display:flex;align-items:end;gap:5vw;margin-bottom:55px}.b-campus h2,.b-process h2{font-size:55px;letter-spacing:-.02em;margin:0}.b-campus header p{margin-left:auto}.b-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.b-cases article{border-top:1px solid #777;padding-top:15px}.b-cases article>b{font-size:42px;color:#e65c20}.b-cases img{height:250px;margin:18px 0}.b-cases h3{font:21px "Yu Mincho",serif}.b-cases p{font:12px "Yu Mincho",serif;line-height:1.8;color:#bcb9af}.b-process>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.b-process figure{margin:0;position:relative;height:400px}.b-process figure:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#000a)}.b-process figcaption{position:absolute;z-index:2;left:22px;bottom:22px;font:14px "Yu Mincho",serif}.b-process figcaption b{display:block;color:#e65c20;font:11px Arial,sans-serif;margin-bottom:9px}.b-team{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:110px 6vw;border-bottom:1px solid #ffffff20}.b-team h2{font-size:55px;line-height:1.05}.b-team p{font:13px "Yu Mincho",serif;line-height:2}.b-team img{height:480px;filter:grayscale(1)}.b-links{display:grid;grid-template-columns:repeat(4,1fr)}.b-links article{min-height:330px;padding:45px 3vw;border-right:1px solid #ffffff20}.b-links span{font-size:60px;color:#ffffff18}.b-links h3{font-size:24px}.b-links p{font:13px "Yu Mincho",serif;line-height:1.8}.b-links a{display:inline-block;margin-top:20px;border-bottom:1px solid #e65c20;padding-bottom:7px;font-size:11px;letter-spacing:.1em}

/* C — PRODUCE */
.variant-c{background:#fff;color:#18201b;font-family:"Helvetica Neue","Noto Sans JP",Arial,sans-serif}.c-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:790px}.c-hero>div{padding:140px 5vw 80px;align-self:center}.c-hero span,.c-thesis span,.c-services header span,.c-works header span,.c-flow header span,.c-property span,.c-contact span{font-size:10px;letter-spacing:.2em;color:#526158}.c-hero h1{font-family:"Yu Mincho",serif;font-size:clamp(46px,5vw,75px);font-weight:400;line-height:1.45;margin:35px 0}.c-hero p{font-family:"Yu Mincho",serif;margin-bottom:45px}.c-hero a,.c-contact a{display:inline-block;padding:18px 25px;background:#164c35;color:#fff;font-size:12px;letter-spacing:.08em}.c-hero button{margin-left:10px;padding:17px 24px;background:white;border:1px solid #9ba69f;cursor:pointer}.c-hero figure{margin:0;position:relative}.c-hero figcaption{position:absolute;bottom:18px;right:18px;background:white;padding:9px;font-size:9px}.c-thesis{display:grid;grid-template-columns:.7fr 1fr .8fr;border-top:1px solid #d9ddd9;border-bottom:1px solid #d9ddd9}.c-thesis>div{padding:90px 5vw}.c-thesis h2{font-family:"Yu Mincho",serif;font-size:38px;font-weight:400}.c-thesis em{font-family:Georgia,serif;font-size:20px;color:#69736d}.c-thesis p{font-family:"Yu Mincho",serif;line-height:2;font-size:14px}.c-thesis ul{list-style:none;padding:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px}.c-thesis li:before{content:"●";color:#164c35;margin-right:8px}.c-services,.c-works,.c-flow,.c-property{padding:100px 5vw;border-bottom:1px solid #d9ddd9}.c-services header,.c-works header{display:grid;grid-template-columns:.6fr 1fr 1fr;align-items:end;margin-bottom:45px}.c-services h2,.c-works h2,.c-flow h2,.c-property h2{font-family:"Yu Mincho",serif;font-size:42px;font-weight:400;margin:10px 0}.c-services header p,.c-works header p{font:13px "Yu Mincho",serif;line-height:1.8}.c-services>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.c-services article{border:1px solid #cad0cc;padding:30px 24px;min-height:310px}.c-services article>b{font:36px Georgia,serif;color:#53635a}.c-services h3{font:20px "Yu Mincho",serif;margin-top:35px}.c-services p{font:13px "Yu Mincho",serif;line-height:1.9}.c-services small{color:#68736c}.c-works>div{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.c-works article{border-right:1px solid #d9ddd9;padding-right:16px}.c-works img{height:220px;margin-bottom:18px}.c-works article>b{font-size:11px}.c-works h3{font:19px "Yu Mincho",serif}.c-works p{font-size:11px}.c-flow header{display:flex;justify-content:space-between;align-items:end}.c-flow ol{display:grid;grid-template-columns:repeat(7,1fr);list-style:none;padding:50px 0 0;margin:0}.c-flow li{padding:18px;border-top:1px solid #aab5ae;font:12px "Yu Mincho",serif;line-height:1.7}.c-flow li b{display:block;font:25px Georgia,serif;color:#738078;margin-bottom:18px}.c-property{display:grid;grid-template-columns:.6fr 1fr;gap:8vw;background:#f3f5f3}.c-property ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:35px 0}.c-property li{background:white;border-left:3px solid #164c35;padding:18px;font-size:13px}.c-contact{margin:80px 5vw;display:flex;justify-content:space-between;align-items:center;padding:55px;background:#164c35;color:#fff}.c-contact h2{font:36px "Yu Mincho",serif}.c-contact p{font:13px "Yu Mincho",serif;line-height:1.8}.c-contact a{background:white;color:#164c35}

@media(max-width:800px){.site-header{padding:21px 20px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:18px;right:18px;padding:24px;background:#171816;flex-direction:column}.nav.open{display:flex}.design-c .nav{background:#fff;color:#111;border:1px solid #ddd}.site-footer{flex-direction:column;align-items:flex-start;gap:20px}.design-switcher{right:9px;bottom:9px}.design-switcher span{display:none}.a-hero{min-height:680px}.a-hero-copy{left:25px;right:25px}.a-hero h1{font-size:40px}.a-hero-copy>div{align-items:flex-start;flex-direction:column}.a-journey,.a-material,.a-price,.a-voice,.a-access,.a-produce-link{grid-template-columns:1fr}.a-journey{padding:80px 25px}.a-journey ol{grid-template-columns:1fr}.a-journey li{text-align:left;border-top:0;border-left:1px solid #b7ae9c;padding:0 0 25px 25px}.a-journey li:before{left:-4px;top:5px}.a-material{padding:80px 25px}.a-material figure{height:440px}.a-price,.a-voice{padding:70px 25px}.a-access>div{padding:70px 25px}.a-access>img{min-height:400px}.a-produce-link{margin:30px 20px}.b-hero{grid-template-columns:1fr;min-height:0}.b-copy{padding:130px 25px 70px}.b-copy h1{font-size:62px}.b-hero>img{height:480px}.b-manifesto,.b-team{grid-template-columns:1fr;padding:70px 25px}.b-campus,.b-process{padding:70px 20px}.b-campus header,.b-process header{display:block}.b-campus h2,.b-process h2,.b-team h2{font-size:40px}.b-cases,.b-process>div,.b-links{grid-template-columns:1fr}.b-cases img{height:350px}.b-process figure{height:330px}.b-team img{height:330px}.b-links article{border-bottom:1px solid #ffffff20;min-height:230px}.c-hero,.c-thesis,.c-property{grid-template-columns:1fr}.c-hero>div{padding:90px 25px 55px}.c-hero h1{font-size:42px}.c-hero figure{height:500px}.c-thesis>div,.c-services,.c-works,.c-flow,.c-property{padding:65px 22px}.c-thesis>img{height:420px}.c-services header,.c-works header{display:block}.c-services>div,.c-works>div{grid-template-columns:1fr}.c-services article{min-height:0}.c-works img{height:300px}.c-flow header{display:block}.c-flow ol{grid-template-columns:1fr}.c-property ul{grid-template-columns:1fr}.c-contact{margin:40px 20px;padding:35px 25px;display:block}.c-contact a{margin-top:20px}.c-hero button{margin:10px 0 0}.design-c .site-header{position:absolute;background:#fff}}
.nav button{border:0;background:none;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}