.hero-desktop-copy,.hero-reference-art{display:none}@media (width>=960px){body:has(.hero-reference-art){--hero-unit:calc(100vw / 1440);--hero-paper:#faf9f5;--hero-ink:#104f46;--hero-muted:#567977;--hero-green:#348e73;--hero-font:"Meiryo", "Yu Gothic", sans-serif}body:has(.hero-reference-art) .site-header{z-index:12;width:100%;height:calc(90 * var(--hero-unit));min-height:0;padding-inline:calc(72 * var(--hero-unit));background:var(--hero-paper);color:var(--hero-ink);position:relative}body:has(.hero-reference-art) .site-header .brand{font-size:calc(26 * var(--hero-unit));letter-spacing:-.045em;gap:0}body:has(.hero-reference-art) .site-header .brand-symbol,body:has(.hero-reference-art) .site-header .brand-jp{display:none}body:has(.hero-reference-art) .site-header>nav{font:700 calc(16 * var(--hero-unit))/1.5 var(--hero-font);color:var(--hero-muted);gap:calc(38 * var(--hero-unit))}body:has(.hero-reference-art) .site-header .hero-gate-contact{display:block}.hero.wrap{z-index:11;isolation:isolate;width:100%;height:calc(778 * var(--hero-unit));background:var(--hero-paper);color:var(--hero-ink);font-family:var(--hero-font);margin:0;padding:0;display:block;position:relative;overflow:clip}.hero .hero-copy{z-index:1;width:calc(620 * var(--hero-unit));margin-left:calc(72 * var(--hero-unit));padding:calc(63 * var(--hero-unit)) 0 0;position:relative}.hero .hero-copy>.eyebrow,.hero .hero-original-copy,.hero .hero-art,.hero .hero-baseline{display:none}.hero .hero-desktop-copy{display:block}.hero h1{font-size:calc(82 * var(--hero-unit));letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.23}.hero .hero-body{width:calc(485 * var(--hero-unit));margin:calc(26 * var(--hero-unit)) 0 calc(35 * var(--hero-unit));font-size:calc(20 * var(--hero-unit));letter-spacing:.01em;color:var(--hero-muted);font-weight:700;line-height:1.8}.hero .action{width:calc(398 * var(--hero-unit));min-height:calc(88 * var(--hero-unit));padding:0 calc(42 * var(--hero-unit)) 0 calc(52 * var(--hero-unit));background:var(--hero-green);font-size:calc(23 * var(--hero-unit));letter-spacing:0;gap:calc(16 * var(--hero-unit));pointer-events:auto;border:0;line-height:1.5}.hero .action-arrow{font-size:calc(30 * var(--hero-unit));transform:rotate(45deg)}.hero .hero-note{margin-top:calc(64 * var(--hero-unit));padding-left:calc(26 * var(--hero-unit));font-size:calc(17 * var(--hero-unit));white-space:pre-line;color:#7d8f90;border-left:2px solid #a9c6bf;font-weight:700;line-height:1.8}.hero-reference-art{top:calc(-50 * var(--hero-unit));left:calc(450 * var(--hero-unit));width:calc(990 * var(--hero-unit));mix-blend-mode:darken;margin:0;display:block;position:absolute}.hero-reference-art img{width:100%;height:auto;display:block}.hero-reference-art figcaption{top:calc(98 * var(--hero-unit));right:calc(64 * var(--hero-unit));white-space:pre-line;text-align:center;font-family:UD Digi Kyokasho NK-R,Yu Kyokasho,Yu Mincho,serif;font-size:calc(29 * var(--hero-unit));letter-spacing:.18em;color:#60928c;font-weight:600;line-height:1.65;position:absolute;transform:rotate(-9deg)}}.problem-desktop-copy,.problem-editorial-list,.problem-reference-scene{display:none}@media (width>=960px){#problem{--problem-unit:calc(100vw / 1440);--problem-paper:#faf9f5;--problem-ink:#104f46;--problem-muted:#6b9290;--problem-font:"Meiryo", "Yu Gothic", sans-serif;z-index:11;isolation:isolate;height:calc(760 * var(--problem-unit));background:var(--problem-paper);color:var(--problem-ink);font-family:var(--problem-font);padding:0;position:relative;overflow:clip}#problem>.wrap{width:100%;max-width:none;height:100%;margin:0;padding:0;position:relative}#problem .problem-original-copy,#problem .intro,#problem .problem-grid,#problem .problem-story{display:none}#problem .problem-desktop-copy{display:inline}#problem .section-label{top:calc(60 * var(--problem-unit));left:calc(67 * var(--problem-unit));gap:calc(17 * var(--problem-unit));font:800 calc(15 * var(--problem-unit))/1.5 var(--font-latin);letter-spacing:.15em;color:var(--problem-ink);margin:0;display:flex;position:absolute}#problem .section-label>span{width:calc(50 * var(--problem-unit));height:calc(2 * var(--problem-unit));background:#9ebdb8;border-radius:0;order:1}#problem .section-heading{top:calc(76 * var(--problem-unit));text-align:center;width:100%;margin:0;position:absolute;left:0}#problem h2{font-size:calc(41 * var(--problem-unit));letter-spacing:-.025em;margin:0;font-weight:700;line-height:1.5}#problem .problem-editorial-list{top:calc(170 * var(--problem-unit));left:calc(100 * var(--problem-unit));right:calc(100 * var(--problem-unit));grid-template-columns:repeat(3, calc(300 * var(--problem-unit))) 1fr;gap:calc(40 * var(--problem-unit));margin:0;padding:0;list-style:none;display:grid;position:absolute}#problem .problem-editorial-number{padding-bottom:calc(9 * var(--problem-unit));border-bottom:calc(2 * var(--problem-unit)) solid #d5dfdb;font:700 calc(36 * var(--problem-unit))/1.1 var(--font-latin);letter-spacing:-.035em;color:#9fb8b4;display:block}#problem .problem-editorial-list h3{padding-top:calc(15 * var(--problem-unit));font-size:calc(20 * var(--problem-unit));letter-spacing:0;white-space:pre-line;color:var(--problem-muted);line-height:1.65}#problem .problem-editorial-list li:first-child .problem-editorial-number{color:var(--problem-ink);border-bottom-width:calc(4 * var(--problem-unit));padding-bottom:calc(7 * var(--problem-unit));border-image:linear-gradient(90deg,#1e6e5d 82%,#d5dfdb 82%) 1}#problem .problem-editorial-list li:first-child h3{color:var(--problem-ink)}#problem .problem-reference-scene{width:calc(1240 * var(--problem-unit));height:calc(430 * var(--problem-unit));left:calc(80 * var(--problem-unit));margin:0;display:block;position:absolute;bottom:0}#problem .problem-reference-scene img{mix-blend-mode:darken;width:100%;height:100%;display:block}#problem .problem-owner-thought,#problem .problem-reference-scene figcaption{white-space:pre-line;text-align:center;letter-spacing:.12em;font-family:UD デジタル 教科書体 NK,UD Digi Kyokasho NK-R,Yu Kyokasho,serif;font-weight:600;line-height:1.55;position:absolute;transform:rotate(-10deg)}#problem .problem-owner-thought{top:calc(68 * var(--problem-unit));left:calc(75 * var(--problem-unit));width:calc(300 * var(--problem-unit));font-size:calc(26 * var(--problem-unit))}#problem .problem-reference-scene figcaption{right:calc(-12 * var(--problem-unit));bottom:calc(67 * var(--problem-unit));font-size:calc(23 * var(--problem-unit))}}.solution-desktop{display:none}@media (width>=960px){#solution{--sg-unit:min(1px, calc(100vw / 1440));--sg-ink:#13544d;--sg-green:#38896c;--sg-muted:#7d8b8f;z-index:11;height:calc(1380 * var(--sg-unit));color:var(--sg-ink);background:#faf9f5;padding:0;font-family:Meiryo,sans-serif;position:relative;overflow:hidden}#solution>.wrap{width:100%;max-width:1440px;height:100%;margin:auto;padding:0;position:relative}#solution .journey-comparison,#solution .service-pair,#solution .experience{display:none}#solution .section-label{top:calc(60 * var(--sg-unit));left:calc(72 * var(--sg-unit));gap:calc(17 * var(--sg-unit));font:800 calc(18 * var(--sg-unit))/1.5 var(--font-latin);letter-spacing:.15em;color:#64ad96;margin:0;display:flex;position:absolute}#solution .section-label>span{width:calc(50 * var(--sg-unit));background:#a7c9bb;border-radius:0;order:1;height:2px}#solution .section-heading{top:calc(95 * var(--sg-unit));text-align:center;width:100%;margin:0;position:absolute;left:0}#solution .section-heading h2{font-size:calc(54 * var(--sg-unit));letter-spacing:-.035em;line-height:1.5}#solution .section-heading .intro{margin:calc(18 * var(--sg-unit)) auto 0;font-size:calc(23 * var(--sg-unit));color:#527a72;white-space:pre-line;line-height:1.8}#solution .solution-desktop{display:block}#solution .sg-comparison{top:calc(350 * var(--sg-unit));left:calc(72 * var(--sg-unit));right:calc(72 * var(--sg-unit));gap:calc(54 * var(--sg-unit));grid-template-columns:470fr 766fr;display:grid;position:absolute}#solution .sg-before{color:var(--sg-muted);padding-right:calc(44 * var(--sg-unit));border-right:1px solid #d9e0dd}#solution .sg-journey-heading{align-items:baseline;gap:calc(16 * var(--sg-unit));white-space:nowrap;display:flex}#solution .sg-journey-heading h3{font:800 calc(26 * var(--sg-unit))/1.4 var(--font-latin);letter-spacing:-.02em}#solution .sg-journey-heading p{font-size:calc(22 * var(--sg-unit));letter-spacing:-.045em;font-weight:700}#solution .sg-before .sg-journey-heading p{font-size:calc(18 * var(--sg-unit))}#solution .sg-journey ol{margin:calc(33 * var(--sg-unit)) 0 0;justify-content:space-between;padding:0;list-style:none;display:flex}#solution .sg-journey li{width:calc(94 * var(--sg-unit));flex:0 0 calc(94 * var(--sg-unit));text-align:center;position:relative}#solution .sg-icon{width:calc(80 * var(--sg-unit));height:calc(80 * var(--sg-unit));background:var(--sg-green);color:#fffef8;box-shadow:inset 0 0 0 calc(5 * var(--sg-unit)) #ffffff0d;border-radius:50%;place-items:center;margin:0 auto;display:grid}#solution .sg-icon svg{width:calc(47 * var(--sg-unit));height:calc(47 * var(--sg-unit))}#solution .sg-before .sg-icon{color:var(--sg-muted);box-shadow:none;background:#ededeb}#solution .sg-step-label{margin-top:calc(14 * var(--sg-unit));white-space:pre;font:700 calc(17 * var(--sg-unit))/1.4 "Meiryo", sans-serif;letter-spacing:-.045em;display:block}#solution .sg-arrow{top:calc(30 * var(--sg-unit));left:calc(105 * var(--sg-unit));width:calc(23 * var(--sg-unit));height:calc(20 * var(--sg-unit));fill:none;stroke:var(--sg-green);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;position:absolute}#solution .sg-before .sg-arrow{left:calc(120 * var(--sg-unit));stroke:#9da7a9}#solution .sg-after ol{position:relative}#solution .sg-after ol:before{content:"";left:calc(47 * var(--sg-unit));right:calc(47 * var(--sg-unit));top:calc(39.5 * var(--sg-unit));height:calc(1 * var(--sg-unit));background:#9fc3b0;position:absolute}#solution .sg-scene{top:calc(585 * var(--sg-unit));width:100%;height:calc(615 * var(--sg-unit));margin:0;position:absolute;left:0}#solution .sg-artwork{width:100%;height:calc(600 * var(--sg-unit));position:absolute;bottom:0;left:0}#solution .sg-scene-image{mix-blend-mode:darken;width:100%;height:100%;display:block}#solution .sgx-web-label,#solution .sgx-web-heading,#solution .sgx-web-body,#solution .sgx-web-cta,#solution .sgx-line-brand,#solution .sgx-message{color:#245f53;transform-origin:0 0;margin:0;position:absolute}#solution .sgx-web-label{left:calc(396 * var(--sg-unit));top:calc(118 * var(--sg-unit));font-size:calc(9.5 * var(--sg-unit));letter-spacing:.07em;font-weight:700;transform:rotate(-4deg)skew(-3deg)}#solution .sgx-web-heading{left:calc(396 * var(--sg-unit));top:calc(130 * var(--sg-unit));font-size:calc(24 * var(--sg-unit));letter-spacing:.025em;line-height:1.3;transform:rotate(-4deg)skew(-3deg)}#solution .sgx-web-body{left:calc(403 * var(--sg-unit));top:calc(395 * var(--sg-unit));font-size:calc(14 * var(--sg-unit));white-space:pre;font-weight:700;line-height:1.65;transform:rotate(-1deg)skew(-3deg)}#solution .sgx-web-cta{left:calc(417 * var(--sg-unit));top:calc(451 * var(--sg-unit));font-size:calc(13 * var(--sg-unit));color:#fffef7;font-weight:700;line-height:1.5;transform:rotate(-1deg)}#solution .sgx-line-brand{left:calc(914 * var(--sg-unit));top:calc(88 * var(--sg-unit));font:800 calc(17 * var(--sg-unit))/1.5 var(--font-latin);transform:rotate(-3deg)}#solution .sgx-message{width:calc(173 * var(--sg-unit));font-size:calc(12.5 * var(--sg-unit));font-weight:600;line-height:1.65;transform:rotate(-2deg)skew(-2deg)}#solution .sgx-message p{white-space:pre}#solution .sgx-message strong{margin-bottom:calc(5 * var(--sg-unit));font-size:calc(13 * var(--sg-unit));color:#277e60;display:block}#solution .sgx-message-1{left:calc(916 * var(--sg-unit));top:calc(144 * var(--sg-unit))}#solution .sgx-message-2{left:calc(908 * var(--sg-unit));top:calc(250 * var(--sg-unit))}#solution .sgx-message-3{left:calc(907 * var(--sg-unit));top:calc(328 * var(--sg-unit))}#solution .sgx-message-4{left:calc(906 * var(--sg-unit));top:calc(416 * var(--sg-unit))}#solution .sg-relationship{top:calc(38 * var(--sg-unit));right:calc(38 * var(--sg-unit));font:600 calc(24 * var(--sg-unit))/1.6 "UD デジタル 教科書体 NK", "UD Digi Kyokasho NK-R", serif;letter-spacing:.07em;white-space:pre-line;position:absolute;transform:rotate(-9deg)}#solution .sg-scene figcaption{bottom:calc(2 * var(--sg-unit));left:calc(500 * var(--sg-unit));font-size:calc(10 * var(--sg-unit));color:#799087;position:absolute}#solution .sg-cta{top:calc(1220 * var(--sg-unit));text-align:center;width:100%;position:absolute;left:0}#solution .sg-cta .action{justify-content:center;gap:calc(28 * var(--sg-unit));min-height:calc(83 * var(--sg-unit));padding:0 calc(51 * var(--sg-unit));color:#fffefa;font-size:calc(23 * var(--sg-unit));box-shadow:none;background:#388d70;border:0}#solution .sg-cta .action-arrow{border:0;width:auto;height:auto;font-size:0}#solution .sg-cta .action-arrow:after{content:"→";font-size:calc(27 * var(--sg-unit))}#solution .sg-cta small{margin-top:calc(14 * var(--sg-unit));font-size:calc(11 * var(--sg-unit));color:#799087;display:block}#faq{--faq-unit:min(1px, calc(100vw / 1440));--faq-paper:#faf9f5;--faq-ink:#13544d;--faq-text:#32675f;--faq-muted:#527a72;--faq-line:#cfddd7;padding-block:calc(72 * var(--faq-unit)) calc(64 * var(--faq-unit));background:var(--faq-paper);color:var(--faq-ink);font-family:Meiryo,sans-serif;position:relative}#faq>.wrap{width:100%;max-width:1440px;position:relative}#faq .section-label{top:calc(-12 * var(--faq-unit));left:calc(72 * var(--faq-unit));gap:calc(17 * var(--faq-unit));font:800 calc(16 * var(--faq-unit))/1.5 var(--font-latin);letter-spacing:.15em;color:var(--faq-muted);margin:0;position:absolute}#faq .section-label>span{width:calc(50 * var(--faq-unit));background:#8cafa6;border-radius:0;order:1;height:1px}#faq .section-heading{margin:0 0 calc(26 * var(--faq-unit));text-align:center}#faq .section-heading h2{font-size:calc(44 * var(--faq-unit));letter-spacing:-.035em;line-height:1.5}#faq .faq-list{width:calc(988 * var(--faq-unit));max-width:none;margin-inline:auto}#faq .faq-list details{border-color:var(--faq-line)}#faq .faq-list summary{min-height:calc(79 * var(--faq-unit));padding:calc(20 * var(--faq-unit)) calc(12 * var(--faq-unit));gap:calc(28 * var(--faq-unit));color:var(--faq-text);transition:color var(--motion-fast)}#faq .faq-list summary:hover{color:var(--mg-green)}#faq .faq-list summary:focus-visible{outline:2px solid var(--faq-muted);outline-offset:4px}#faq .faq-list h3{min-width:0;font-size:calc(22 * var(--faq-unit));letter-spacing:0;font-weight:600;line-height:1.65}#faq .faq-q,#faq .faq-answer>span{display:none}#faq .faq-toggle{flex:0 0 calc(24 * var(--faq-unit));height:calc(24 * var(--faq-unit));color:var(--faq-muted);font-size:0;transition:none;position:relative;transform:none}#faq .faq-toggle:before,#faq .faq-toggle:after{content:"";width:calc(18 * var(--faq-unit));background:currentColor;height:1.5px;margin:auto;position:absolute;inset:0}#faq .faq-toggle:after{width:1.5px;height:calc(18 * var(--faq-unit));transition:transform var(--motion-fast), opacity var(--motion-fast)}#faq details[open] .faq-toggle:after{opacity:0;transform:scaleY(0)}#faq .faq-answer{padding:0 calc(64 * var(--faq-unit)) calc(28 * var(--faq-unit)) calc(12 * var(--faq-unit));color:var(--faq-muted);font-size:calc(18 * var(--faq-unit));line-height:1.9;display:block}}#contact .contact-art,#contact .contact-label-desktop{display:none}@media (width>=960px){#contact{--contact-unit:min(1px, calc(100vw / 1440));--contact-paper:#faf9f5;--contact-ink:#13544d;--contact-green:#208569;--contact-muted:#527a72;background:var(--contact-paper);color:var(--contact-ink);padding:0;font-family:Meiryo,sans-serif}#contact>.wrap{isolation:isolate;width:100%;max-width:1440px;min-height:calc(680 * var(--contact-unit));background:var(--contact-paper);position:relative;overflow:clip}#contact .contact-art{z-index:0;top:calc(132 * var(--contact-unit));mix-blend-mode:multiply;pointer-events:none;width:100%;height:auto;display:block;position:absolute;left:0;mask-image:linear-gradient(#0000,#000 9%)}#contact .section-label{z-index:1;top:calc(60 * var(--contact-unit));left:calc(72 * var(--contact-unit));gap:calc(17 * var(--contact-unit));font:800 calc(16 * var(--contact-unit))/1.5 var(--font-latin);letter-spacing:.15em;color:var(--contact-muted);margin:0;position:absolute}#contact .contact-label-legacy{display:none}#contact .contact-label-desktop{display:block}#contact .section-label>span{width:calc(50 * var(--contact-unit));background:#8cafa6;border-radius:0;order:1;height:1px}#contact .co-creation{padding:calc(86 * var(--contact-unit)) 0 0;display:block}#contact .final-copy{z-index:1;width:calc(600 * var(--contact-unit));text-align:center;margin:0 auto;position:relative}#contact .final-copy h2{font-size:calc(48 * var(--contact-unit));letter-spacing:-.035em;line-height:1.5}#contact .final-copy>p{margin:calc(12 * var(--contact-unit)) 0 calc(24 * var(--contact-unit));color:var(--contact-muted);font-size:calc(18 * var(--contact-unit));letter-spacing:0;line-height:1.8}#contact .action{width:calc(490 * var(--contact-unit));max-width:none;min-height:calc(88 * var(--contact-unit));padding:calc(18 * var(--contact-unit)) calc(38 * var(--contact-unit));justify-content:center;gap:calc(32 * var(--contact-unit));border:1px solid var(--contact-green);background:var(--contact-green);color:#fffef9;font-size:calc(22 * var(--contact-unit));letter-spacing:0;transition:background var(--motion-fast), color var(--motion-fast);line-height:1.5}#contact .action:hover{background:#176b56;transform:none}#contact .action:focus-visible{outline-color:var(--contact-ink)}#contact .action-arrow{flex:0 0 calc(24 * var(--contact-unit));height:calc(22 * var(--contact-unit));font-size:0;position:relative}#contact .action-arrow:before,#contact .action-arrow:after{content:"";position:absolute;top:50%;right:0}#contact .action-arrow:before{width:calc(24 * var(--contact-unit));border-top:1.5px solid}#contact .action-arrow:after{width:calc(10 * var(--contact-unit));height:calc(10 * var(--contact-unit));border-top:1.5px solid;border-right:1.5px solid;transform:translateY(-50%)rotate(45deg)}#contact .action-secondary{width:max-content;min-height:calc(44 * var(--contact-unit));margin-top:calc(22 * var(--contact-unit));padding:calc(6 * var(--contact-unit)) 0;gap:calc(18 * var(--contact-unit));color:var(--contact-green);font-size:calc(22 * var(--contact-unit));background:0 0;border:0;border-bottom:1px solid #76a494}#contact .action-secondary:hover{color:var(--contact-ink);background:0 0}#contact .action-secondary .action-arrow{flex-basis:calc(10 * var(--contact-unit))}#contact .action-secondary .action-arrow:before{display:none}#contact .co-creation figure{z-index:1;top:calc(145 * var(--contact-unit));width:calc(340 * var(--contact-unit));pointer-events:none;position:absolute}#contact .partner-figure{left:calc(72 * var(--contact-unit))}#contact .owner-figure{right:calc(66 * var(--contact-unit))}#contact .co-creation .person{display:none}#contact .co-creation figcaption{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#contact .speech{color:#32675f;font-size:calc(20 * var(--contact-unit));letter-spacing:.05em;margin:0;font-weight:700;display:inline-block;transform:rotate(-9deg)}#contact .owner-figure .speech{transform:rotate(-8deg)}body:has(.hero-reference-art){--page-unit:min(1px, calc(100vw / 1440));--page-paper:#faf9f5;--page-ink:#13544d;--page-muted:#527a72;--page-rule:#8cafa6}body :is(#problem,#solution,#faq,#contact) .section-label{left:calc(72 * var(--page-unit));font-size:calc(16 * var(--page-unit));color:var(--page-muted);line-height:1.5}body :is(#problem,#solution,#faq,#contact) .section-label>span{background:var(--page-rule);height:1px}body #solution{height:calc(1330 * var(--sg-unit))}body #solution .section-heading{top:calc(84 * var(--sg-unit))}body #solution .sg-comparison{top:calc(300 * var(--sg-unit))}body #solution .sg-scene{top:calc(535 * var(--sg-unit))}body #solution .sg-cta{top:calc(1170 * var(--sg-unit))}body:has(.hero-reference-art) .site-footer{width:100%;padding-inline:calc(72 * var(--page-unit));background:var(--page-paper);color:var(--page-ink)}body:has(.hero-reference-art) .site-footer>:is(span,small){color:var(--page-muted)}}