@import url(//www.kotonoha-plus.com/wp-content/themes/kotonoha-staging/kotonoha/assets/storybook/services-four.css);@import url(//www.kotonoha-plus.com/wp-content/themes/kotonoha-staging/kotonoha/assets/storybook/emphasis.css);.approach-intro{font-family:var(--sans);font-size:15px;line-height:2.2;margin:0 0 24px;max-width:46em}.approach-ai-link{display:none}#ai{display:none!important}#ai{width:calc(100% - 8% + 8vw)!important;max-width:none!important;margin-left:8%!important;margin-right:0!important;border-radius:70px 0 70px 0!important}@media(max-width:700px){#ai{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}}.story-note{font-family:var(--serif);font-size:16px;color:#947844;letter-spacing:.1em}.hero figure .story-note{position:relative;margin:4px 0 0 27%;text-align:left;font-family:var(--serif);font-size:14px;max-width:none;transform:none}.approach-picture{grid-column:1;grid-row:1;width:120%;margin:0 0 0 -16%;align-self:center}.approach-picture img{width:100%;mix-blend-mode:multiply;transform:rotate(-8deg)}.approach-picture .story-note{margin:8px 0 0 12%;font-size:17px}.contact>.story-note{margin:0 0 25px 22px;font-family:var(--serif);font-size:17px;max-width:50%;color:#947844}.chapter-bridge{display:none}@media(max-width:700px){.hero figure .story-note{font-size:12px;margin-left:8%;margin-top:15px}.approach-picture{grid-column:1;grid-row:1;width:100%;margin:0}.approach-picture .story-note{font-size:15px;margin-left:5%}.contact>.story-note{font-size:14px;max-width:100%;margin-left:4px}}#concerns{padding-top:70px;padding-bottom:40px}.chapter-bridge{padding-top:35px;padding-bottom:35px}#service{position:relative;background:#f0f0e5;border-radius:48% 52% 46% 54%/35px 45px 28px 38px;padding-top:75px!important;padding-bottom:85px;margin:0 2%}#service .section-top>p{font-family:var(--serif);transform:rotate(-3deg)}#service .three{gap:55px}#service article:nth-child(2){margin-top:75px}#service article:nth-child(3){margin-top:25px}#service .service-art{mix-blend-mode:multiply}#works{padding-top:60px!important;padding-bottom:100px}.works-grid{gap:80px}.works-grid>a:nth-child(2){margin-top:110px}.approach{position:relative;background:#f3efe4;padding-top:85px;padding-bottom:85px;border-radius:0 75px 0 0;margin-right:4%}.approach>.label{margin-left:54%}.approach>.split{grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.approach .split>div{grid-column:2;grid-row:1}.approach .split>img{grid-column:1;grid-row:1;width:125%;max-width:none;margin-left:-16%;transform:rotate(-9deg)}.approach h2{font-size:clamp(32px,3.5vw,49px)}.approach .split>div p{font-size:15px}.fit{background:0 0;border-radius:0;padding-top:65px;padding-bottom:55px;margin:0 8%;border-bottom:1px solid var(--line)}.fit h2{font-size:28px}.fit .three p{font-size:14px}.fit .three span{font-size:30px}.guide{padding-top:95px;padding-bottom:95px}.guide>div:nth-child(2){position:relative;padding:25px 35px 30px;background:#eee9dc;transform:rotate(2deg);box-shadow:8px 9px 0 #e0dfd033}.guide details{background:0 0;transform:none!important;margin:0;padding:22px 0;border-bottom:1px solid #d4cdbb}.guide>div:nth-child(2):before{content:'ご相談の、しおり';font-family:var(--serif);font-size:19px;color:var(--olive);display:block;letter-spacing:.12em;margin-bottom:10px}.guide>div:nth-child(2):after{content:'';position:absolute;right:25px;top:-10px;width:25px;height:58px;background:#b1b992;clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%)}#journal{background:#f1f1e9;padding-top:85px;padding-bottom:95px;border-radius:45% 55% 0 0/24px 34px 0 0}.journal{gap:35px}.journal>a{padding:0;border:0}.journal>a:nth-child(2){margin-top:45px}.journal>a:nth-child(3){margin-top:10px}.journal-scene{width:100%;aspect-ratio:1.22;position:relative;overflow:hidden;margin-bottom:25px;mix-blend-mode:multiply;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}.journal-scene img{width:300%;max-width:none;position:absolute;top:50%;left:0;transform:translateY(-50%);height:auto}.scene-desk img{left:-100%}.scene-garden img{left:-200%}.journal h3{font-size:21px}.journal>a:hover{transform:translateY(-4px)}#about{padding-top:95px;padding-bottom:65px}#about .split{grid-template-columns:.85fr 1.15fr;gap:12%}#about .people{padding:25px 0;border-bottom:1px solid var(--line)}#ai{margin:0 8%;padding:45px 4%;background:#f0eee4;border:0;border-radius:2px;transform:rotate(-.7deg)}#ai .label{margin-bottom:20px}#ai .split>div{padding:0 2% 0 4%}#ai .split p{font-size:14px}#ai .textlink{font-size:13px}#ai .split>h2{margin-left:0}#ai .split>div{padding:0}#ai .split{padding-left:0!important;padding-right:0!important}#ai .split>h2,#ai .split>div{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.chapter h2,.works-showcase .section-top h2,.contact-book-copy h2{font-size:clamp(32px,3vw,42px)!important}.chapter h2,.works-showcase .section-top h2,.contact-book-copy h2{font-size:clamp(30px,3vw,42px);line-height:1.8}.contact{padding-top:85px!important;padding-bottom:70px;min-height:540px}.contact>img{right:0;width:55%;bottom:0}.contact h2{font-size:clamp(32px,3.4vw,47px)}@media(max-width:700px){#service{margin:0 2%;padding-top:65px!important;padding-bottom:60px;border-radius:45% 55% 0 0/18px 22px 0 0}#service .three{gap:40px}#service article:nth-child(2),#service article:nth-child(3){margin-top:0}.works-grid{gap:45px}.works-grid>a:nth-child(2){margin-top:0}.approach{margin-right:0;border-radius:0 35px 0 0;padding-top:55px;padding-bottom:55px}.approach>.label{margin-left:0}.approach>.split{grid-template-columns:1fr;gap:20px}.approach .split>div{grid-column:1;grid-row:2}.approach .split>img{grid-column:1;grid-row:1;width:100%;max-width:100%;margin-left:0;transform:rotate(-5deg)}.fit{margin:0 8%;padding-left:0;padding-right:0}.fit h2{font-size:24px}.guide{padding-top:65px;padding-bottom:65px}.guide>div:nth-child(2){padding:25px 22px;transform:rotate(1deg)}#journal{padding-top:65px;padding-bottom:65px}.journal{gap:40px}.journal>a:nth-child(2),.journal>a:nth-child(3){margin-top:0}.journal-scene{aspect-ratio:1.4;max-width:360px;margin:0 auto 20px}#about{padding-top:65px;padding-bottom:55px}#about .split{grid-template-columns:1fr;gap:20px}#ai{margin:0 5%;padding:35px 6%;transform:none}#ai h2{font-size:25px}.contact{padding-top:60px!important;padding-bottom:300px;min-height:0}.contact>img{width:100%;right:0;bottom:0}}@media(max-width:700px){#ai .split>h2{margin-left:0}}@media(max-width:700px){.chapter h2,.works-showcase .section-top h2,.contact-book-copy h2{font-size:30px!important}}