PageSourceSearch

https://konohaya.com/

html konohaya.com collected 2026-09-30 15:20:46 UTC 106,218 bytes, 5 lines download raw bytes

1<!doctype html><html lang="ja"><head> <style>@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./InterVariable.woff2) format("woff2-variations")}@font-face{font-family:"Noto Sans JP";font-style:normal;font-weight:100 900;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./NotoSansJP-VariableFont_wght.woff2) format("woff2-variations")}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:100;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-Thin.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:200;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-ExtraLight.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:300;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-Light.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:400;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-Regular.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:500;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-Medium.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:600;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-SemiBold.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:700;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-Bold.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:800;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-ExtraBold.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:900;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-Black.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}:root{--ink:#172026;--ink-soft:#52616b;--paper:#f7f5ef;--paper-deep:#ede8dc;--white:#fff;--line:rgba(23,32,38,.14);--line-strong:rgba(23,32,38,.24);--teal:#0f766e;--teal-dark:#0b4f4a;--amber:#d79035;--coral:#d9674e;--gold:#e5b76f;--sage:#8aa398;--shadow:0 24px 80px rgba(23,32,38,.14);--shadow-deep:0 34px 110px rgba(8,17,20,.38);--glow:0 0 42px rgba(229,183,111,.24);--radius:8px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{overflow-x:hidden;max-width:100%}body{margin:0;color:var(--ink);background:var(--paper);font-family:"YakuHanJP","Inter","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic","YuGothic",sans-serif;font-feature-settings:"palt";-webkit-font-smoothing:antialiased;letter-spacing:0;line-height:1.85;text-rendering:optimizeLegibility;font-weight:500;position:relative}@supports (overflow:clip){html,body{overflow-x:clip}}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p,li{text-wrap:wrap}::selection{background:rgba(229,183,111,.34);color:var(--ink)}.skip-link{position:fixed;left:16px;top:16px;z-index:100;transform:translateY(-160%);background:var(--ink);color:var(--white);padding:10px 14px;border-radius:var(--radius)}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;top:0;left:0;right:0;z-index:30;color:var(--white);transition:background .25s ease , color .25s ease , border-color .25s ease;border-bottom:1px solid rgba(255,255,255,.16)}.scroll-progress{position:fixed;top:0;left:0;z-index:60;width:100%;height:3px;transform-origin:0 50%;
1transform:scaleX(0);background:linear-gradient(90deg,var(--teal),var(--gold),var(--coral));box-shadow:0 0 28px rgba(229,183,111,.28);pointer-events:none}.nav-wrap{width:min(var(--max),calc(100% - 40px));margin:0 auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;font-weight:900;line-height:1;letter-spacing:.02em}.brand span{font-size:20px}.nav-links{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700}.nav-links a{opacity:.88}.nav-links a:hover{opacity:1}.nav-cta,.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;border:1px solid currentColor;padding:10px 18px;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .2s ease , background .2s ease , color .2s ease , border-color .2s ease}.nav-cta:hover,.button:hover{transform:translateY(-2px)}.nav-cta:focus-visible,.button:focus-visible,.menu-toggle:focus-visible,.atlas-card:focus-visible{outline:3px solid rgba(229,183,111,.72);outline-offset:4px}.menu-toggle{display:none;width:46px;height:46px;border:1px solid currentColor;border-radius:999px;background:0 0;color:inherit;align-items:center;justify-content:center;cursor:pointer}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";width:18px;height:2px;background:currentColor;position:absolute;transition:transform .2s ease , opacity .2s ease}.menu-toggle:before{transform:translateY(-6px)}.menu-toggle:after{transform:translateY(6px)}.hero{min-height:96svh;position:relative;color:var(--white);display:grid;align-items:end;overflow:hidden;background:radial-gradient(circle at 16% 78%,rgba(21,162,145,.32),transparent 34%),linear-gradient(90deg,rgba(6,13,14,.96) 0%,rgba(8,17,18,.84) 35%,rgba(9,17,20,.28) 72%,rgba(9,17,20,.18) 100%),linear-gradient(0deg,rgba(9,17,20,.72) 0%,rgba(9,17,20,.1) 48%,rgba(9,17,20,.36) 100%),url("https://konohaya.com/wp-content/themes/swell_child/images/konohaya-ai-diy-hero.avif") center/cover}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) , linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;opacity:.34;mask-image:linear-gradient(90deg,#000 0%,#000 45%,transparent 86%);pointer-events:none}.hero:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(0deg,var(--paper) 0%,rgba(247,245,239,0) 100%);pointer-events:none}.hero-inner{width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:150px 0 78px;position:relative;z-index:2}.kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px;font-size:13px;font-weight:800;color:rgba(255,255,255,.82)}.mobile-break{display:none}.headline-lines span,.statement span,.signal-card h2 span{display:block}.kicker:before{content:"";width:42px;height:1px;background:currentColor}.kicker span{display:inline-block;min-width:0}.hero h1{width:min(920px,100%);margin:0;font-size:clamp(44px,7vw,96px);line-height:1.04;letter-spacing:0;font-weight:900;text-shadow:0 18px 70px rgba(0,0,0,.45);word-break:keep-all}.hero-lead{width:min(720px,100%);margin:28px 0 0;font-size:clamp(17px,2vw,22px);line-height:1.9;color:rgba(255,255,255,.88);font-weight:600;text-wrap:wrap}.hero-proof{width:min(620px,100%);margin:22px 0 0;display:inline-flex;align-items:center;gap:12px;color:rgba(255,255,255,.92);font-size:15px;font-weight:900;letter-spacing:.02em}.hero-proof:before{content:"";width:32px;height:1px;background:currentColor;opacity:.72}.hero-actions{margin-top:36px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mobile-dock{display:none}.button.primary{background:linear-gradient(180deg,#fff,#f2eee4);color:var(--ink);border-color:var(--white);padding-inline:24px;box-shadow:0 18px 46px rgba(0,0,0,.18) , inset 0 1px 0 rgba(255,255,255,.82)}.button.secondary{color:var(--white);border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.06)}.hero-meta{margin-top:44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;border-top:1px solid rgba(255,255,255,.22);border-left:1px solid rgba(255,255,255,.22)}.hero-meta div{min-height:92px;padding:18px;border-right:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.045));backdrop-filter:blur(16px)}.hero-meta strong{display:block;font-size:21px;line-height:1.1}
1.hero-meta span{display:block;margin-top:8px;font-size:12px;line-height:1.5;color:rgba(255,255,255,.72);font-weight:700}main{background:linear-gradient(rgba(23,32,38,.035) 1px,transparent 1px) , linear-gradient(90deg,rgba(23,32,38,.035) 1px,transparent 1px) , var(--paper);background-size:42px 42px}.section{padding:112px 0}.signal-strip{position:relative;z-index:3;margin-top:-34px;padding:0 0 78px;background:0 0}.signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.62);border-radius:var(--radius);background:rgba(23,32,38,.12);box-shadow:var(--shadow)}.signal-card{position:relative;min-height:214px;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,245,239,.86)) , radial-gradient(circle at 100% 0%,rgba(229,183,111,.18),transparent 38%);overflow:hidden}.signal-card:before{content:attr(data-mark);position:absolute;right:-6px;bottom:-18px;color:rgba(15,118,110,.08);font-size:86px;line-height:.8;font-weight:900;letter-spacing:0}.signal-card:after{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--teal),var(--gold),var(--coral));opacity:.9}.signal-card>span{display:inline-flex;width:fit-content;border:1px solid rgba(15,118,110,.18);border-radius:999px;padding:5px 10px;color:var(--teal);background:rgba(15,118,110,.07);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.signal-card h2{position:relative;z-index:1;margin-top:26px;font-size:clamp(26px,3vw,42px);line-height:1.22;text-wrap:balance;word-break:keep-all}.signal-card p{position:relative;z-index:1;margin:16px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.72;font-weight:600}.section.compact{padding:80px 0}.section.dark{background:var(--ink);color:var(--white)}.section.white{background:var(--white)}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.section-head{display:grid;grid-template-columns:minmax(0,.72fr) minmax(280px,.42fr);gap:56px;align-items:end;margin-bottom:54px}.eyebrow{margin:0 0 14px;color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.dark .eyebrow{color:#9dd8cf}h2{margin:0;font-size:clamp(32px,5vw,64px);line-height:1.16;letter-spacing:0;font-weight:900;text-wrap:balance;word-break:keep-all}.section-head p,.lead{margin:0;color:var(--ink-soft);font-size:16px;line-height:1.82;font-weight:600;text-wrap:wrap}.dark .section-head p{color:rgba(255,255,255,.72)}.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.62fr);gap:52px;align-items:center}.statement{font-size:clamp(24px,3vw,42px);line-height:1.55;font-weight:900;margin:0;word-break:keep-all}.statement em{color:var(--teal);font-style:normal}.text-stack{display:grid;gap:14px;color:var(--ink-soft);font-weight:500}.text-stack p{margin:0;line-height:1.82;text-wrap:wrap}.visual-board{position:relative;min-height:520px}.floating-shot{position:absolute;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.42);background:var(--white)}.floating-shot img{width:100%;height:100%;object-fit:cover}.floating-shot.one{inset:0 16% auto 0;height:300px}.floating-shot.two{right:0;top:185px;width:55%;height:285px}.floating-shot.three{left:10%;bottom:0;width:50%;height:220px}.quote-panel{position:absolute;left:0;bottom:42px;width:min(360px,72%);background:rgba(23,32,38,.92);color:var(--white);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.quote-panel p{margin:0;font-size:15px;line-height:1.8;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,245,239,.82)) , radial-gradient(circle at 12% 0%,rgba(229,183,111,.22),transparent 34%);min-height:360px;padding:34px;border:1px solid rgba(23,32,38,.12);border-radius:var(--radius);box-shadow:0 22px 70px rgba(23,32,38,.08);display:flex;flex-direction:column;justify-content:space-between;transition:transform .24s ease , background .24s ease , box-shadow .24s ease , border-color .24s ease}.feature:before{content:"";position:absolute;inset:auto -28px -42px auto;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(15,118,110,.16),transparent 68%);pointer-events:none}.feature:after{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--teal),var(--gold),var(--coral))}.feature:hover{transform:translateY(-8px);background:var(--white);border-color:rgba(15,118,110,.24);box-shadow:0 30px 90px rgba(23,32,38,.14)}.feature-num{color:rgba(15,118,110,.14);font-weight:900;font-size:74px;line-height:.88;letter-spacing:0}.feature-image{position:relative;margin:-4px -4px 28px;aspect-ratio:16/10;border-radius:calc(var(--radius) - 2px);overflow:hidden;border:1px solid rgba(23,32,38,.1);box-shadow:0 18px 48px rgba(23,32,38,.12);z-index:1}.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(8,17,20,.38)) , radial-gradient(circle at 12% 0%,rgba(229,183,111,.18),transparent 38%);pointer-events:none}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.feature:hover .feature-image img{transform:scale(1.06)}.feature h3,.path-item h3,.proof-text h3,.faq-item h3{margin:0;font-size:22px;line-height:1.45;letter-spacing:0}.feature p,.path-item p,.proof-text p,.faq-item p{margin:14px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.72;font-weight:500}.ai-workbench{background:radial-gradient(circle at 16% 0%,rgba(215,144,53,.16),transparent 32%) , linear-gradient(135deg,#10201f 0%,#172026 48%,#241f1b 100%);color:var(--white);overflow:hidden;position:relative}.ai-workbench:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) , linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);pointer-events:none}
1.ai-workbench-grid{position:relative;display:grid;grid-template-columns:minmax(0,.74fr) minmax(360px,.56fr);gap:58px;align-items:center}.ai-workbench .lead{margin-top:24px;color:rgba(255,255,255,.88);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:22px 24px;backdrop-filter:blur(14px)}.capability-grid{margin-top:34px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16)}.capability{min-height:190px;padding:24px;background:rgba(255,255,255,.07)}.capability span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:rgba(157,216,207,.14);color:#9dd8cf;font-weight:900;margin-bottom:22px}.capability h3{margin:0;font-size:20px;line-height:1.45}.capability p{margin:12px 0 0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.8}.ai-visual-card{position:relative;min-height:580px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);box-shadow:var(--shadow-deep);backdrop-filter:blur(18px);border-radius:var(--radius);overflow:hidden;isolation:isolate}.ai-visual-card:before{content:"";position:absolute;inset:-22%;background:radial-gradient(circle at 70% 20%,rgba(229,183,111,.22),transparent 28%) , radial-gradient(circle at 16% 72%,rgba(157,216,207,.18),transparent 32%);z-index:-1;filter:blur(18px)}.ai-visual-card img{width:100%;height:100%;min-height:580px;object-fit:cover;transform:scale(1.02)}.ai-visual-overlay{position:absolute;inset:auto 18px 18px;display:grid;gap:12px}.ai-visual-badge{display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.18);background:rgba(9,17,20,.7);padding:16px 18px;backdrop-filter:blur(18px)}.ai-visual-badge strong{display:grid;font-weight:900;line-height:1.35}.ai-visual-badge strong span{color:rgba(255,255,255,.62);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.ai-visual-badge em{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:rgba(229,183,111,.16);color:var(--gold);border:1px solid rgba(229,183,111,.28);font-style:normal;font-weight:900}.ai-visual-note{margin:0;border-radius:var(--radius);border:1px solid rgba(255,255,255,.14);background:rgba(247,245,239,.92);color:var(--ink);padding:18px;font-size:13px;line-height:1.75;font-weight:700}.atlas-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:atlas}.atlas-card{counter-increment:atlas;position:relative;overflow:hidden;min-height:238px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,245,239,.78)) , radial-gradient(circle at 0% 0%,rgba(229,183,111,.16),transparent 30%);padding:26px;border:1px solid rgba(23,32,38,.11);border-radius:var(--radius);box-shadow:0 18px 58px rgba(23,32,38,.07);display:flex;flex-direction:column;justify-content:space-between;transition:background .2s ease , transform .2s ease , color .2s ease , box-shadow .2s ease}.atlas-card:before{content:"";position:absolute;inset:auto -32px -44px auto;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,rgba(15,118,110,.18),transparent 70%);transition:transform .25s ease , opacity .25s ease}.atlas-card:after{content:counter(atlas,decimal-leading-zero);position:absolute;right:22px;top:22px;color:rgba(15,118,110,.13);font-size:42px;line-height:1;font-weight:900;letter-spacing:0}.atlas-card>div{position:relative;z-index:1}.atlas-card:hover{background:var(--ink);color:var(--white);transform:translateY(-6px);box-shadow:0 28px 90px rgba(23,32,38,.18)}.atlas-card:hover:before{transform:scale(1.6);opacity:.84}.atlas-card>span:not(.arrow){width:fit-content;border:1px solid rgba(15,118,110,.16);border-radius:999px;padding:5px 9px;color:var(--teal);background:rgba(15,118,110,.07);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.atlas-card:hover>span:not(.arrow){border-color:rgba(157,216,207,.28);color:#9dd8cf;background:rgba(157,216,207,.09)}.atlas-card h3{margin:18px 0 0;font-size:20px;line-height:1.45}.atlas-card p{margin:12px 0 0;color:var(--ink-soft);font-size:13px;line-height:1.75}.atlas-card:hover p{color:rgba(255,255,255,.68)}.atlas-card .arrow{margin-top:22px;width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(217,103,78,.22);background:rgba(217,103,78,.08);font-size:18px;line-height:1;letter-spacing:0;text-transform:none;font-weight:900;color:var(--coral)}.path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative;background:0 0;border:0}.path:before{content:"";position:absolute;
1left:10%;right:10%;top:64px;height:1px;background:linear-gradient(90deg,rgba(157,216,207,.1),rgba(157,216,207,.74),rgba(157,216,207,.1))}.path-item{min-height:390px;padding:30px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045)) , radial-gradient(circle at 28% 0%,rgba(229,183,111,.12),transparent 38%);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);position:relative;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.18);transition:transform .25s ease , border-color .25s ease , background .25s ease}.path-item:hover{transform:translateY(-6px);border-color:rgba(229,183,111,.34)}.path-item:after{content:"";position:absolute;inset:auto 20px 18px auto;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(157,216,207,.16),rgba(157,216,207,0) 68%);pointer-events:none}.path-item p{color:rgba(255,255,255,.68)}.path-step{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 14px;border-radius:999px;background:rgba(157,216,207,.12);border:1px solid rgba(157,216,207,.22);color:#9dd8cf;font-size:12px;font-weight:900;position:relative;z-index:1}.path-line{display:block;width:34px;height:34px;margin:30px 0 28px;border-radius:50%;background:var(--paper);position:relative;box-shadow:0 0 0 10px rgba(247,245,239,.06)}.path-line:before{content:"";position:absolute;left:11px;top:11px;width:10px;height:10px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg)}.path-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding:0;list-style:none;position:relative;z-index:1}.path-tags li{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 10px;color:rgba(255,255,255,.72);font-size:11px;font-weight:800;line-height:1}.template-showcase{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1fr);gap:56px;align-items:stretch}.template-image{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;padding:12px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-deep);border:1px solid var(--line);background:radial-gradient(circle at 16% 0%,rgba(229,183,111,.18),transparent 34%) , var(--ink);isolation:isolate;height:100%}.template-image:after{content:"";position:absolute;inset:12px;background:linear-gradient(180deg,transparent 46%,rgba(8,17,20,.48)) , linear-gradient(90deg,rgba(8,17,20,.2),transparent 46%);border-radius:calc(var(--radius) - 2px);pointer-events:none;z-index:1}.template-main{position:relative;z-index:0;width:100%;height:100%;min-height:520px;object-fit:cover;border-radius:calc(var(--radius) - 2px)}.template-content{align-self:center}.template-proof{position:relative;display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;width:100%;margin:0;padding:12px;border-radius:var(--radius);background:rgba(247,245,239,.92);border:1px solid rgba(255,255,255,.72);box-shadow:0 22px 60px rgba(0,0,0,.28);z-index:2}.template-proof img{border-radius:calc(var(--radius) - 2px);width:100%}.template-proof figcaption{color:var(--ink);font-size:13px;line-height:1.7;font-weight:800}.pill-list{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;list-style:none}.pill-list li{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.64);color:var(--ink-soft);font-size:12px;font-weight:800}.template-clusters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.template-cluster{position:relative;overflow:hidden;min-height:188px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,245,239,.78)) , radial-gradient(circle at 100% 0%,rgba(229,183,111,.18),transparent 38%);border:1px solid rgba(23,32,38,.1);border-radius:var(--radius);padding:22px;box-shadow:0 14px 46px rgba(23,32,38,.07)}.template-cluster:before{content:attr(data-index);position:absolute;right:16px;bottom:-8px;color:rgba(15,118,110,.1);font-size:68px;line-height:1;font-weight:900}.template-cluster strong{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--teal);margin-bottom:12px}.template-cluster strong:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 7px rgba(217,103,78,.1)}.template-cluster p{position:relative;z-index:1;margin:0;color:var(--ink-soft);font-size:13px;line-height:1.75;font-weight:500}.template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;padding:0;list-style:none}.template-list li{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid rgba(23,32,38,.1);border-radius:var(--radius);background:rgba(255,255,255,.76);color:var(--ink-soft);font-size:12px;line-height:1.35;font-weight:800}.template-list li:last-child{grid-column:1/-1}.template-list li:before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(15,118,110,.08)}.button.dark-button{background:var(--ink);color:var(--white);border-color:var(--ink);margin-top:34px}
1.template-content .dark-button{min-width:min(100%,340px)}.proof-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:52px;align-items:center}.proof-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(-1.5deg)}.proof-wall img{aspect-ratio:4/5;width:100%;object-fit:cover;border-radius:var(--radius);box-shadow:0 14px 36px rgba(23,32,38,.12);border:1px solid rgba(255,255,255,.72);background:var(--white);transition:transform .24s ease , box-shadow .24s ease}.proof-wall img:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(23,32,38,.16)}.proof-text{display:grid;gap:24px}.proof-text .line{padding-top:24px;border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.faq-item{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,245,239,.78));border:1px solid rgba(23,32,38,.11);border-radius:var(--radius);padding:34px;min-height:275px;box-shadow:0 18px 58px rgba(23,32,38,.07);transition:background .24s ease , transform .24s ease , box-shadow .24s ease}.faq-item:before{content:"Q";display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:22px;border-radius:50%;background:var(--ink);color:var(--white);font-size:15px;font-weight:900}.faq-item:after{content:"";position:absolute;inset:auto -40px -52px auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(229,183,111,.18),transparent 68%);pointer-events:none}.faq-item:hover{background:var(--white);transform:translateY(-6px);box-shadow:0 28px 84px rgba(23,32,38,.13)}.closing{position:relative;overflow:hidden;color:var(--white);background:radial-gradient(circle at 78% 42%,rgba(229,183,111,.18),transparent 30%),linear-gradient(90deg,rgba(8,17,20,.97),rgba(13,29,28,.84) 58%,rgba(23,32,38,.62)),url("https://konohaya.com/wp-content/themes/swell_child/images/konohaya-ai-workflow.avif") center/cover}.closing:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) , linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 78%);pointer-events:none}.closing:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,20,.42),rgba(8,17,20,.2));pointer-events:none}.closing-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.78fr) minmax(280px,.34fr);gap:56px;align-items:end}.closing h2{width:min(850px,100%);text-shadow:0 18px 70px rgba(0,0,0,.52)}.closing p{margin:26px 0 0;color:rgba(255,255,255,.84);font-weight:700;font-size:17px;line-height:1.82;text-shadow:0 12px 42px rgba(0,0,0,.48)}.closing .reveal{opacity:1;transform:none}.closing .button.primary{width:100%;min-height:56px}.site-footer{background:var(--ink);color:rgba(255,255,255,.72);padding:54px 0 34px;border-top:1px solid rgba(255,255,255,.14);font-size:13px}.footer-inner{width:min(var(--max),calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:minmax(260px,.66fr) minmax(0,1fr);gap:54px;align-items:start}.footer-brand{display:grid;gap:12px}.footer-brand strong{color:var(--white);font-size:18px}.footer-brand p{margin:0;max-width:360px;line-height:1.8}.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;justify-items:start}.footer-group{display:grid;gap:10px;align-content:start;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}.footer-group h3{margin:0 0 6px;color:rgba(157,216,207,.92);font-size:11px;line-height:1;letter-spacing:.1em;text-transform:uppercase}.footer-links a{color:rgba(255,255,255,.76);line-height:1.65}.footer-links a:hover{color:var(--white)}.footer-copy{width:min(var(--max),calc(100% - 40px));margin:34px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.52);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-copy>span{white-space:nowrap}.legal-links{display:flex;gap:16px;flex-wrap:wrap}.legal-links a{color:rgba(255,255,255,.58)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease , transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:980px){.nav-links{position:fixed;top:74px;left:0;right:auto;width:100%;max-width:100vw;height:calc(100svh - 74px);background:var(--paper);color:var(--ink);display:grid;align-content:start;gap:0;padding:28px 20px;overflow-x:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-6px,0);transition:opacity .2s ease , transform .2s ease , visibility .2s ease;border-top:1px solid var(--line);contain:paint}.nav-links a{min-height:54px;display:flex;align-items:center;border-bottom:1px solid var(--line);font-size:16px}.nav-links .nav-cta{margin-top:22px;width:100%;background:var(--ink);color:var(--white);border-color:var(--ink)}.menu-toggle{display:inline-flex;position:relative}
1.section-head,.split,.ai-workbench-grid,.template-showcase,.proof-grid,.footer-inner,.closing-grid{grid-template-columns:1fr}.signal-grid{grid-template-columns:1fr}.feature-grid,.capability-grid,.atlas-grid,.template-clusters,.faq-grid{grid-template-columns:1fr}.path{grid-template-columns:repeat(2,minmax(0,1fr))}.path:before{display:none}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-board{min-height:450px}.ai-visual-card,.ai-visual-card img,.template-image,.template-main{min-height:520px}.feature-grid,.atlas-grid,.template-clusters,.faq-grid{gap:14px}}@media (max-width:640px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.nav-wrap,.container,.hero-inner,.footer-inner{width:min(100% - 28px,var(--max))}.hero{min-height:auto;align-items:start;background-position:58% center}.hero-inner{padding-top:126px;padding-bottom:58px}.hero h1{font-size:clamp(34px,10.2vw,48px);line-height:1.08;overflow-wrap:anywhere;word-break:normal}h2{font-size:clamp(34px,9.4vw,44px);line-height:1.18;overflow-wrap:anywhere;word-break:normal}.statement{font-size:clamp(28px,8vw,38px);line-height:1.42;overflow-wrap:anywhere;word-break:normal}.headline-lines span,.statement span,.signal-card h2 span{max-width:100%;min-width:0}.text-stack{gap:12px}.text-stack p,.section-head p,.lead{line-height:1.76}.hero-lead{font-size:16px;line-height:1.85;overflow-wrap:break-word}.kicker{width:100%;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5}.kicker:before{flex:0 0 28px;width:28px;margin-top:.75em}.mobile-break{display:block}.pc-break{display:none}.hero-actions{align-items:stretch}.button{width:100%;white-space:normal;text-align:center;line-height:1.45}.mobile-dock{position:fixed;left:12px;right:12px;max-width:calc(100vw - 24px);bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.38);border-radius:var(--radius);background:rgba(23,32,38,.78);color:var(--white);backdrop-filter:blur(18px);box-shadow:0 20px 70px rgba(0,0,0,.28)}.mobile-dock span{min-width:0;font-size:12px;line-height:1.45;font-weight:800}.mobile-dock a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;background:var(--white);color:var(--ink);font-size:12px;font-weight:900;white-space:nowrap}.section{padding:74px 0}.signal-strip{margin-top:-18px;padding-bottom:42px}.signal-grid{border-color:rgba(23,32,38,.1)}.signal-card{min-height:auto;padding:22px}.signal-card h2{margin-top:20px;font-size:28px;line-height:1.18;overflow-wrap:anywhere;word-break:normal}.signal-card p{margin-top:12px;font-size:13px;line-height:1.75}.section.compact{padding:58px 0}.section-head{gap:20px;margin-bottom:32px}.path{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.footer-group{gap:8px}.footer-group h3{font-size:10px;margin-bottom:4px}.footer-links a{font-size:12px;line-height:1.55}.feature,.capability,.atlas-card,.path-item,.faq-item{min-height:auto;padding:24px}.feature{padding:12px 12px 24px}.feature-image{margin:0 0 22px}.feature-num{font-size:58px}.atlas-card{min-height:auto;padding:18px}.atlas-card:after{right:16px;top:16px;font-size:30px}.atlas-card h3{margin-top:12px;font-size:17px;line-height:1.36}.atlas-card p{margin-top:8px;font-size:12px;line-height:1.62}.atlas-card .arrow{margin-top:14px;width:30px;height:30px;flex-basis:30px;font-size:15px}.hero-meta{margin-top:34px;max-width:none}.hero-meta div{min-width:0;min-height:86px;padding:14px 10px}.hero-meta strong{font-size:17px;overflow-wrap:anywhere}.hero-meta span{font-size:10px;line-height:1.45;overflow-wrap:anywhere}.visual-board{min-height:390px}.floating-shot.one{right:8%;height:220px}.floating-shot.two{top:150px;width:62%;height:210px}.floating-shot.three{width:58%;height:160px}.quote-panel{width:84%;bottom:18px;padding:18px}.proof-wall{gap:8px;transform:none}.ai-visual-card,.ai-visual-card img{min-height:520px}.ai-visual-overlay{inset:auto 14px 14px}.ai-visual-badge,.ai-visual-note{padding:16px}.template-image,.template-main{min-height:auto}.template-main{height:auto}.template-proof{grid-template-columns:92px 1fr}.template-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:14px}.template-list li{min-height:32px;padding:7px 8px;font-size:10px;line-height:1.35;letter-spacing:0;overflow-wrap:anywhere}.template-list li:before{width:5px;height:5px;box-shadow:0 0 0 4px rgba(15,118,110,.07)}.footer-inner{align-items:flex-start}.site-footer{padding:46px 0 26px}.footer-brand p{max-width:none;font-size:12px;line-height:1.75}.footer-copy{width:min(100% - 28px,var(--max));margin-top:28px;padding-top:18px;display:grid;gap:8px;font-size:11px;justify-items:start}.legal-links{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:nowrap}.legal-links a{font-size:9px;line-height:1.2;white-space:nowrap}}@media (max-width:480px){.hero-meta{grid-template-columns:1fr}.hero-meta div{min-height:auto}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}</style>
vendor: 63 bytes, line 1
1<script defer src="https://www.googletagmanager.com/gtag/js?id=
1G-HQJLS62MC0
vendor: 12 bytes, line 1
1"></script> 
1<script defer src="data:text/javascript;base64,d2luZG93LmRhdGFMYXllcj13aW5kb3cuZGF0YUxheWVyfHxbXTtmdW5jdGlvbiBndGFnKCl7ZGF0YUxheWVyLnB1c2goYXJndW1lbnRzKTt9Cmd0YWcoJ2pzJyxuZXcgRGF0ZSgpKTtndGFnKCdjb25maWcnLCdHLUhRSkxTNjJNQzAnKTtndGFnKCdjb25maWcnLCdBVy05MzYwMzU4OTknKTs="></script>
1 <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"><meta name="robots" content="max-image-preview:large"><meta name="theme-color" content="#172026"><title>このは屋 - AI時代のスモールビジネスDIYスクール</title><meta name="description" content="このは屋は、スモールビジネスオーナーがAIとデジタルマーケティングを使い、外注に依存せず、自分の商売を自分で育てるための学び舎です。"><link rel="canonical" href="https://konohaya.com/"><meta property="og:type" content="website"><meta property="og:locale" content="ja_JP"><meta property="og:site_name" content="このは屋"><meta property="og:title" content="このは屋 - AI時代のスモールビジネスDIYスクール"><meta property="og:description" content="外注業者に依存せず、自分の商売を自分で育てる。生成AIとテンプレートで、スモールビジネスの内製化を支援します。"><meta property="og:url" content="https://konohaya.com/"><meta property="og:image" content="https://konohaya.com/wp-content/themes/swell_child/images/ogp-home.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="このは屋 | AI時代の、スモールビジネスDIY。"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="このは屋 - AI時代のスモールビジネスDIYスクール"><meta name="twitter:description" content="外注業者に依存せず、自分の商売を自分で育てる。生成AIとテンプレートで、スモールビジネスの内製化を支援します。"><meta name="twitter:image" content="https://konohaya.com/wp-content/themes/swell_child/images/ogp-home.jpg"><meta name="twitter:image:alt" content="このは屋 | AI時代の、スモールビジネスDIY。">
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://konohaya.com/#organization","name":"このは屋合同会社","alternateName":"このは屋","url":"https://konohaya.com/","logo":{"@type":"ImageObject","url":"https://konohaya.com/wp-content/themes/swell_child/images/konohaya-ogp.jpg","width":1200,"height":630},"contactPoint":{"@type":"ContactPoint","contactType":"customer support","url":"https://konohaya.com/inquiry","availableLanguage":"Japanese"}},{"@type":"WebSite","@id":"https://konohaya.com/#website","url":"https://konohaya.com/","name":"このは屋","publisher":{"@id":"https://konohaya.com/#organization"},"inLanguage":"ja"},{"@type":"WebPage","@id":"https://konohaya.com/#webpage","url":"https://konohaya.com/","name":"このは屋 - AI時代のスモールビジネスDIYスクール","description":"外注業者に依存せず、自分の商売を自分で育てる。生成AIとテンプレートで、スモールビジネスの内製化を支援します。","isPartOf":{"@id":"https://konohaya.com/#website"},"publisher":{"@id":"https://konohaya.com/#organization"},"primaryImageOfPage":{"@type":"ImageObject","url":"https://konohaya.com/wp-content/themes/swell_child/images/ogp-home.jpg","width":1200,"height":630},"breadcrumb":{"@id":"https://konohaya.com/#breadcrumb"},"inLanguage":"ja"},{"@type":"BreadcrumbList","@id":"https://konohaya.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"ホーム","item":"https://konohaya.com/"}]}]}</script>
1 </head><body data-rsssl=1><noscript><meta HTTP-EQUIV="refresh" content="0;url='https://konohaya.com/?PageSpeed=noscript'" /><style><!--table,div,span,font,p{display:none} --></style><div style="display:block">Please click <a href="https://konohaya.com/?PageSpeed=noscript">here</a> if you are not redirected within a few seconds.</div></noscript> <a class="skip-link" href="#main">本文へ移動</a><div class="scroll-progress" data-progress aria-hidden="true"></div><div class="mobile-dock" aria-label="無料テンプレートへの固定導線"> <span>AI時代のDIYを、まずは型から。</span> <a href="https://konohaya.com/template/all13" data-wpel-link="internal">無料テンプレート</a></div><header class="site-header" data-header><div class="nav-wrap"> <a class="brand" href="#top" aria-label="このは屋 ホーム"> <span>このは屋</span> </a><nav class="nav-links" id="primary-nav" aria-label="主要ナビゲーション"> <a href="#shift">AI時代のDIY</a> <a href="#ai-workbench">AIでできること</a> <a href="#method">進め方</a> <a href="#template">無料テンプレート</a> <a href="#voice">お客様の声</a> <a class="nav-cta" href="https://konohaya.com/template/all13" data-wpel-link="internal">無料テンプレート</a></nav> <button class="menu-toggle" type="button" aria-label="メニューを開く" aria-expanded="false" aria-controls="primary-nav" data-menu-toggle> <span></span> </button></div></header><section class="hero" id="top" aria-labelledby="hero-title"><div class="hero-inner"><p class="kicker reveal"><span>生成AI ×<br class="mobile-break">デジタルマーケティング<br class="mobile-break">スクール</span></p><h1 id="hero-title" class="reveal headline-lines"> <span>AI時代の、</span> <span>スモールビジネスDIY。</span></h1><p class="hero-lead reveal"> 外注業者に依存せず、自分の商売を自分で育てる。<br> このは屋は、ネット集客・オンライン化・知識集約型ビジネスを、<br class="pc-break">AIと一緒に内製化するための学び舎です。</p><p class="hero-proof reveal">外注しない。美しさも、諦めない。</p><div class="hero-actions reveal"> <a class="button primary" href="https://konohaya.com/template/all13" data-wpel-link="internal">【無料】ネット集客テンプレート全13種</a> <a class="button secondary" href="#method">進め方を見る</a></div><div class="hero-meta reveal" aria-label="このは屋の主な領域"><div> <strong>DIY</strong> <span>自分の商売の手綱を、自分で握る</span></div><div> <strong>AI</strong> <span>制作・文章・設計の限界を更新する</span></div><div> <strong>Small Business</strong> <span>個人事業・小規模事業に特化</span></div></div></div></section><main id="main"><section class="signal-strip" aria-label="AI時代のこのは屋DIY"><div class="container signal-grid"><article class="signal-card reveal" data-mark="01"> <span>Own Your Business</span><h2> <span>外注依存から、</span> <span>判断できる自作へ。</span></h2><p>作業を全部ひとりで抱えるのではなく、商売の要所を自分で理解し、必要な改善を自分で決められる状態を作ります。</p></article><article class="signal-card reveal" data-mark="02"> <span>AI Assisted DIY</span><h2> <span>AIで、</span> <span>言葉もページも</span> <span>磨ける時代へ。</span></h2><p>構成、文章、デザイン、画像、HTML。AIを相棒にすれば、小さな商売でもモダンな制作に手が届きます。</p></article><article class="signal-card reveal" data-mark="03"> <span>Template First</span><h2>型があるから、迷わず直せる。</h2><p>ゼロから悩むのではなく、テンプレートを土台に始める。そこへ自分の商売らしさを足して、育てていきます。</p></article></div></section><section class="section" id="shift"><div class="container split"><div class="reveal"><p class="eyebrow">The Shift</p><p class="statement"> <span>このは屋はずっと、</span> <span><em>自分で、できるようになること</em>に</span> <span>こだわってきました。</span></p></div><div class="text-stack reveal"><p> ホームページも、ランディングページも、ブログも、メルマガも。自分の商売を自分で回せるようになることを、このは屋は大切にしてきました。</p><p> AIの登場で、その内製化の範囲はさらに広がっています。文章、構成、デザイン、導線づくりまで、テンプレートとAIを組み合わせれば、以前よりずっと高い水準で手を動かせます。</p><p> これから必要なのは、外注か自作かの二択ではありません。AIを相棒にして、自分の商売を理解し、自分で改善していく力です。</p></div></div></section>
1<section class="section ai-workbench" id="ai-workbench"><div class="container ai-workbench-grid"><div class="reveal"><p class="eyebrow">AI Changed DIY</p><h2 class="headline-lines"> <span>AIが、</span> <span>自作の限界を</span> <span>過去のものにする。</span></h2><p class="lead"> 依存しないために自作する。そして、もう美しさも諦めない。テンプレートで型を持ち、AIで言葉や構成を広げ、自分の判断で整えていく。AI時代のDIYは、小さな商売が自分らしさを深く反映できる制作方法です。</p><div class="capability-grid" aria-label="AIで内製化しやすくなること"><article class="capability"> <span>1</span><h3>言葉を整える</h3><p>LP、ブログ、メルマガ、広告文のたたき台を作り、自分らしい表現へ磨きます。</p></article><article class="capability"> <span>2</span><h3>ページを作る</h3><p>構成、見出し、デザイン、HTMLまで、手を動かしながら形にできます。</p></article><article class="capability"> <span>3</span><h3>改善を続ける</h3><p>公開して終わりではなく、反応を見ながら導線と訴求を更新していきます。</p></article></div></div><div class="ai-visual-card reveal" aria-label="AIを使った制作プロセスのイメージ"> <img src="https://konohaya.com/wp-content/themes/swell_child/images/konohaya-ai-workflow.avif" alt="AIとテンプレートでページ制作を進めるワークフローのイメージ" width="1448" height="1086" loading="lazy" decoding="async" title="このは屋 | HOME5"><div class="ai-visual-overlay"><div class="ai-visual-badge"> <strong><span>AI DIY WORKFLOW</span>考える。作る。直す。</strong> <em>13</em></div><p class="ai-visual-note"> テンプレートを土台に、AIで構成・文章・デザインを広げ、自分の判断で商売に合う形へ整える。</p></div></div></div></section><section class="section white"><div class="container split"><div class="visual-board reveal" aria-label="このは屋の既存素材を使ったビジュアル"><figure class="floating-shot one"> <img src="https://konohaya.com/wp-content/compressx-nextgen/uploads/2023/05/alltemplate1920.jpeg.avif" alt="ネット集客テンプレート全13種" loading="lazy" decoding="async" title="このは屋 | HOME5"></figure><figure class="floating-shot two"> <img src="https://konohaya.com/wp-content/compressx-nextgen/uploads/2023/05/yousu-1.jpg.avif" alt="このは屋のセミナーやワークショップの様子" loading="lazy" decoding="async" title="このは屋 | HOME5"></figure><figure class="floating-shot three"> <img src="https://konohaya.com/wp-content/compressx-nextgen/uploads/2023/05/tegaki-1.jpeg.avif" alt="このは屋の手書きメモ素材" loading="lazy" decoding="async" title="このは屋 | HOME5"></figure><div class="quote-panel"><p>自分で作れる。自分で直せる。自分で続けられる。そこから商売の安心感は生まれます。</p></div></div><div class="reveal"><p class="eyebrow">Konohaya Philosophy</p><h2 class="headline-lines"> <span>自分の商売の手綱は、</span> <span>自分で握る。</span></h2><div class="text-stack" style="margin-top: 26px;"><p> 数字を追いかけるあまり、自分の商売なのにブラックボックスが増えていく。そんな状態を、このは屋はよしとしません。</p><p> ホームページ、ランディングページ、ブログ、メルマガ、広告、動画、講座、サブスク。すべてを完璧に外注するのではなく、商売の中心にいる本人が理解し、判断し、改善できる状態を作ります。</p></div></div></div></section><section class="section compact"><div class="container"><div class="section-head"><div class="reveal"><p class="eyebrow">Three Values</p><h2 class="headline-lines"> <span>このは屋が</span> <span>大切にしていること。</span></h2></div><p class="reveal"> 派手な成功談より、再現できる型。流行のツールより、商売の原理原則。外側だけの見栄えより、自分で続けられる仕組み。</p></div><div class="feature-grid"><article class="feature reveal"><figure class="feature-image"> <img src="https://konohaya.com/wp-content/themes/swell_child/images/value-small-business.avif" alt="スモールビジネスに特化した実践設計のイメージ" width="1448" height="1086" loading="lazy" decoding="async" title="このは屋 | HOME5"></figure> <span class="feature-num">01</span><div><h3>スモールビジネスに特化</h3><p>コンサルタント、士業、治療院、教室、サロン、個人事業主、小規模事業者のための実践に絞ります。</p></div></article><article class="feature reveal"><figure class="feature-image"> <img src="https://konohaya.com/wp-content/themes/swell_child/images/value-ai-insourcing.avif" alt="AIで内製化する制作フローのイメージ" width="1448" height="1086" loading="lazy" decoding="async" title="このは屋 | HOME5"></figure> <span class="feature-num">02</span><div><h3>AIで内製化する</h3><p>文章作成、ページ設計、改善案、画像づくりまで、AIを使って自分で進められる範囲を広げます。</p></div></article><article class="feature reveal"><figure class="feature-image"> <img src="https://konohaya.com/wp-content/themes/swell_child/images/value-hanauta.avif" alt="鼻歌まじりの商売を象徴する穏やかな仕事場のイメージ" width="1448" height="1086" loading="lazy" decoding="async" title="このは屋 | HOME5"></figure> <span class="feature-num">03</span><div><h3>鼻歌まじりの商売</h3><p>商売は人生の一部です。無理に拡大するより、時間とお金の余裕を生む仕組みを育てます。</p></div></article></div></div></section><section class="section compact white"><div class="container"><div class="section-head"><div class="reveal"><p class="eyebrow">Explore Konohaya</p><h2 class="headline-lines"> <span>このは屋を形づくる、</span> <span>入口。</span></h2></div><p class="reveal"> トップページでは語りきれない思想や実践方法は、各ページで詳しく整理しています。気になる入口から、このは屋の全体像をたどれます。</p></div><div class="atlas-grid"> <a class="atlas-card reveal" href="https://konohaya.com/about" data-wpel-link="internal"> <span>About</span><div><h3>このは屋とは</h3><p>スモールビジネス特化の学び舎として、何を支援しているのか。</p></div> <span class="arrow" aria-hidden="true">→</span> </a> <a class="atlas-card reveal" href="https://konohaya.com/guide" data-wpel-link="internal"> <span>Guide</span><div><h3>進め方ガイド</h3><p>テンプレート、セミナー、情報発信、個別相談へ進む道筋。</p></div> <span class="arrow" aria-hidden="true">→</span> </a> <a class="atlas-card reveal" href="https://konohaya.com/difference" data-wpel-link="internal"> <span>Difference</span><div><h3>他との違い</h3><p>教えるだけでも、代わりに作るだけでもない、内製化の立ち位置。</p></div> <span class="arrow" aria-hidden="true">→</span> </a> <a class="atlas-card reveal" href="https://konohaya.com/reason" data-wpel-link="internal"> <span>Reason</span><div><h3>選ばれる理由</h3><p>小さく、無理なく、続けられる商売を一緒に作る理由。</p></div> <span class="arrow" aria-hidden="true">→</span> </a> <a class="atlas-card reveal" href="https://konohaya.com/mission" data-wpel-link="internal"> <span>Mission</span><div><h3>使命と理念</h3><p>悔いの無い生涯を謳歌するために、このは屋が大切にしている軸。</p></div> <span class="arrow" aria-hidden="true">→</span> </a> <a class="atlas-card reveal" href="https://konohaya.com/glossary" data-wpel-link="internal"> <span>Glossary</span><div><h3>哲学と用語集</h3><p>このは屋らしい言葉、考え方、判断基準をまとめたページ。</p></div> <span class="arrow" aria-hidden="true">→</span> </a> <a class="atlas-card reveal" href="https://konohaya.com/hanauta" data-wpel-link="internal"> <span>Hanauta</span><div><h3>鼻歌まじりの商売</h3><p>売上の数字だけではなく、時間と暮らしの余白を大切にする思想。</p></div> <span class="arrow" aria-hidden="true">→</span> </a> <a class="atlas-card reveal" href="https://konohaya.com/insourcing" data-wpel-link="internal"> <span>Insourcing</span><div><h3>内製化テンプレート</h3><p>埋めるだけで形になり、自分で改善できる実務テンプレート。</p></div> <span class="arrow" aria-hidden="true">→</span> </a> <a class="atlas-card reveal" href="https://konohaya.com/faq-qa" data-wpel-link="internal"> <span>FAQ</span><div><h3>よくある質問</h3><p>
1初心者、パソコンが苦手、成果までの時間などの不安に答えます。</p></div> <span class="arrow" aria-hidden="true">→</span> </a> <a class="atlas-card reveal" href="https://konohaya.com/customer" data-wpel-link="internal"> <span>Voice</span><div><h3>お客様の声</h3><p>セミナーやワークショップに参加した方々の実感と変化。</p></div> <span class="arrow" aria-hidden="true">→</span> </a> <a class="atlas-card reveal" href="https://konohaya.com/template" data-wpel-link="internal"> <span>Templates</span><div><h3>無料テンプレート一覧</h3><p>LP、ブログ、広告、メルマガなど、内製化のための型を一覧で。</p></div> <span class="arrow" aria-hidden="true">→</span> </a> <a class="atlas-card reveal" href="https://konohaya.com/seminar" data-wpel-link="internal"> <span>Seminar</span><div><h3>セミナー集</h3><p>ネット集客、オンライン化、広告、講座化をテーマ別に学べます。</p></div> <span class="arrow" aria-hidden="true">→</span> </a></div></div></section><section class="section dark" id="method"><div class="container"><div class="section-head"><div class="reveal"><p class="eyebrow">Method</p><h2 class="headline-lines"> <span>ネット集客から、</span> <span>継続収益まで。</span></h2></div><p class="reveal"> このは屋では、商売を4つの段階で捉えています。単発の施策ではなく、スモールビジネスが長く続くための導線を整えます。</p></div><div class="path"><article class="path-item reveal"> <span class="path-step">STEP 01</span> <span class="path-line"></span><h3>ネットから集客する</h3><p>ブログ、LP、広告、SNS、YouTubeなどを、自分の商売に合う形で整えます。</p><ul class="path-tags"><li>LP</li><li>ブログ</li><li>広告</li></ul></article><article class="path-item reveal"> <span class="path-step">
1STEP 02</span> <span class="path-line"></span><h3>オンラインで商売する</h3><p>対面だけに頼らず、説明、販売、提供、フォローをオンライン化します。</p><ul class="path-tags"><li>7大ツール</li><li>LINE</li><li>YouTube</li></ul></article><article class="path-item reveal"> <span class="path-step">STEP 03</span> <span class="path-line"></span><h3>知識集約型へ移行する</h3><p>経験やノウハウを、講座、教材、テンプレート、コンテンツとして形にします。</p><ul class="path-tags"><li>講座化</li><li>教材</li><li>デジタル商品</li></ul></article><article class="path-item reveal"> <span class="path-step">STEP 04</span> <span class="path-line"></span><h3>継続収益を育てる</h3><p>毎月の不安を減らし、鼻歌まじりの商売と生涯につながる仕組みを作ります。</p><ul class="path-tags"><li>会員制</li><li>メルマガ</li><li>ステップメール</li></ul></article></div></div></section><section class="section white" id="template"><div class="container template-showcase"><div class="template-image reveal"> <img class="template-main" src="https://konohaya.com/wp-content/themes/swell_child/images/konohaya-template-kit.avif" alt="AI時代のネット集客テンプレートキットのイメージ" width="1448" height="1086" loading="lazy" decoding="async" title="このは屋 | HOME5"><figure class="template-proof" aria-label="ネット集客テンプレート全13種の実物イメージ"> <img src="https://konohaya.com/wp-content/compressx-nextgen/uploads/2023/05/alltemplate1800.jpeg.avif" alt="ネット集客テンプレート全13種の一覧" loading="lazy" decoding="async" title="このは屋 | HOME5"><figcaption>実際に配布している13種類のテンプレートを、AI時代の制作フローへつなげて使えます。</figcaption></figure></div><div class="template-content reveal"><p class="eyebrow">Free Templates</p><h2 class="headline-lines"> <span>まずは、</span> <span>型を手に入れる。</span></h2><div class="text-stack" style="margin-top: 24px;"><p> 何もないところから始めると、誰でも迷います。だからこのは屋では、ランディングページ、ブログ、広告、メルマガなど、ネット集客の基本をテンプレート化しています。</p><p> AIに丸投げするのではなく、良い型を持ったうえでAIを使う。これが、これからのスモールビジネスDIYの近道です。</p></div><ul class="pill-list" aria-label="テンプレートの内容"><li>LP</li><li>ブログ</li><li>広告</li><li>メルマガ</li><li>ステップメール</li><li>無料オファー</li><li>効果計測</li></ul><div class="template-clusters" aria-label="無料テンプレート全13種の分類"><div class="template-cluster" data-index="01"> <strong>ページを作る</strong><p>LP制作、穴埋め、構成、文章リサーチ、無料オファーCTA。</p></div><div class="template-cluster" data-index="02"> <strong>集客を整える</strong><p>キーワード管理、ブログ記事構成、ブログタイトル、デザイン画像。</p></div><div class="template-cluster" data-index="03"> <strong>数字と関係性を育てる</strong><p>広告費、広告効果計測、メルマガ、ステップメール、ニュースレター。</p></div></div><ul class="template-list" aria-label="無料テンプレート全13種の内訳"><li>LP制作マニュアル</li><li>LP穴埋めテンプレート</li><li>LP構成テンプレート</li><li>リサーチシート</li><li>キーワード管理シート</li><li>ブログ記事構成</li><li>ブログタイトル</li><li>無料オファー設計</li><li>広告費シート</li><li>広告効果測定</li><li>メルマガマニュアル</li><li>ステップメール穴埋め</li><li>ニュースレター</li></ul> <a class="button dark-button" href="https://konohaya.com/template/all13" data-wpel-link="internal">【無料】ネット集客テンプレート全13種</a></div></div></section><section class="section" id="voice"><div class="container proof-grid"><div class="proof-text reveal"><div><p class="eyebrow">Proof</p><h2 class="headline-lines"> <span>学ぶ人の顔が見える、</span> <span>実践の場。</span></h2></div><div class="line"><h3>テンプレートだけで終わらない</h3><p>このは屋には、セミナー、ワークショップ、オンライン講座、スクール、サポートがあります。ひとりで抱え込まず、実践しながら整えていくための場です。</p></div><div class="line"><h3>小さく始めて、長く続ける</h3><p>大きな投資や派手な施策より、日々の商売に組み込めることを重視します。1日15分でも、自分で動かせる仕組みは育ちます。</p></div></div><div class="proof-wall reveal" aria-label="このは屋のお客様の声の画像"> <img src="https://konohaya.com/wp-content/compressx-nextgen/uploads/2023/04/customer.001.jpeg.avif" alt="このは屋のお客様の声 1" loading="lazy" decoding="async" title="このは屋 | HOME5"> <img src="https://konohaya.com/wp-content/compressx-nextgen/uploads/2023/04/customer.003.jpeg.avif" alt="このは屋のお客様の声 2" loading="lazy" decoding="async" title="このは屋 | HOME5"> <img src="https://konohaya.com/wp-content/compressx-nextgen/uploads/2023/04/customer.005.jpeg.avif" alt="このは屋のお客様の声 3" loading="lazy" decoding="async" title="このは屋 | HOME5"> <img src="https://konohaya.com/wp-content/compressx-nextgen/uploads/2023/04/customer.002.jpeg.avif" alt="このは屋のお客様の声 4" loading="lazy" decoding="async" title="このは屋 | HOME5"> <img src="https://konohaya.com/wp-content/compressx-nextgen/uploads/2023/04/customer.004.jpeg.avif" alt="このは屋のお客様の声 5" loading="lazy" decoding="async" title="このは屋 | HOME5"> <img src="https://konohaya.com/wp-content/compressx-nextgen/uploads/2023/04/customer.006.jpeg.avif" alt="このは屋のお客様の声 6" loading="lazy" decoding="async" title="このは屋 | HOME5"></div></div></section><section class="section compact white"><div class="container"><div class="section-head"><div class="reveal"><p class="eyebrow">FAQ</p><h2 class="headline-lines"> <span>よくある不安に、</span> <span>先に答えます。</span></h2></div><p class="reveal"> AIやデジタルが得意な人だけの話ではありません。自分のペースで、必要なところから始められるように設計しています。</p></div><div class="faq-grid"><article class="faq-item reveal"><h3>
1初心者でも大丈夫ですか?</h3><p>大丈夫です。専門用語から入るのではなく、テンプレートと解説を使って、実際に手を動かしながら進めます。</p></article><article class="faq-item reveal"><h3>AIに詳しくなくても使えますか?</h3><p>問題ありません。AIを目的にするのではなく、商売の文章、ページ、導線を作るための道具として扱います。</p></article><article class="faq-item reveal"><h3>外注した方が早くないですか?</h3><p>一時的には早いこともあります。ただ、改善のたびに依存が増えると商売が重くなります。自分で判断できる状態を作ることが大切です。</p></article></div></div></section><section class="section closing"><div class="container closing-grid"><div class="reveal"><p class="eyebrow">Start Small</p><h2 class="headline-lines"> <span>まずは、小さな型から。</span> <span>そこから商売は、</span> <span>自分の手に戻ってきます。</span></h2><p> 13種類のネット集客テンプレートを無料で配布しています。LP、ブログ、広告、メルマガまで、AI時代のDIYを始める土台としてお使いください。</p></div><div class="reveal"> <a class="button primary" href="https://konohaya.com/template/all13" data-wpel-link="internal">無料テンプレートを受け取る</a></div></div></section></main><footer class="site-footer"><div class="footer-inner"><div class="footer-brand"> <strong>このは屋</strong><p>自分の商売を、自分で育てる。スモールビジネス特化の学び舎として、AI時代の内製化をサポートしています。</p></div><div class="footer-links"><div class="footer-group"><h3>About</h3> <a href="https://konohaya.com/mission" data-wpel-link="internal">使命・理念</a> <a href="https://konohaya.com/reason" data-wpel-link="internal">選ばれる理由</a> <a href="https://konohaya.com/company" data-wpel-link="internal">会社概要</a></div><div class="footer-group"><h3>Learn</h3> <a href="https://konohaya.com/guide" data-wpel-link="internal">進め方ガイド</a> <a href="https://konohaya.com/difference" data-wpel-link="internal">他との違い</a> <a href="https://konohaya.com/faq-qa" data-wpel-link="internal">よくある質問</a></div><div class="footer-group"><h3>Think</h3> <a href="https://konohaya.com/hanauta" data-wpel-link="internal">鼻歌商売</a> <a href="https://konohaya.com/insourcing" data-wpel-link="internal">内製化</a> <a href="https://konohaya.com/glossary" data-wpel-link="internal">哲学・用語集</a></div><div class="footer-group"><h3>Practice</h3> <a href="https://konohaya.com/services" data-wpel-link="internal">サービス・提供内容</a> <a href="https://konohaya.com/making" data-wpel-link="internal">AI時代のDIY</a> <a href="https://konohaya.com/template/all13" data-wpel-link="internal">無料テンプレート</a></div></div></div><div class="footer-copy"> <span>© このは屋合同会社</span><div class="legal-links"> <a href="https://konohaya.com/rules" data-wpel-link="internal">利用規約</a> <a href="https://konohaya.com/rules/privacy" data-wpel-link="internal">個人情報保護方針</a> <a href="https://konohaya.com/rules/law" data-wpel-link="internal">特商法表記</a> <a href="https://konohaya.com/inquiry" data-wpel-link="internal">お問い合わせ</a></div></div></footer> 
1<script defer src="data:text/javascript;base64,KCgpPT57Y29uc3QgaGVhZGVyPWRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoIltkYXRhLWhlYWRlcl0iKTtjb25zdCB0b2dnbGU9ZG9jdW1lbnQucXVlcnlTZWxlY3RvcigiW2RhdGEtbWVudS10b2dnbGVdIik7Y29uc3QgbGlua3M9ZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgiLm5hdi1saW5rcyBhIik7Y29uc3QgcHJvZ3Jlc3M9ZG9jdW1lbnQucXVlcnlTZWxlY3RvcigiW2RhdGEtcHJvZ3Jlc3NdIik7Y29uc3QgdXBkYXRlSGVhZGVyPSgpPT57aWYoIWhlYWRlcnx8IXByb2dyZXNzKXJldHVybjtoZWFkZXIuY2xhc3NMaXN0LnRvZ2dsZSgiaXMtc2Nyb2xsZWQiLHdpbmRvdy5zY3JvbGxZPjI0KTtjb25zdCBtYXg9ZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LnNjcm9sbEhlaWdodC13aW5kb3cuaW5uZXJIZWlnaHQ7Y29uc3QgcmF0aW89bWF4PjA/TWF0aC5taW4od2luZG93LnNjcm9sbFkvbWF4LDEpOjA7cHJvZ3Jlc3Muc3R5bGUudHJhbnNmb3JtPWBzY2FsZVgoJHtyYXRpb30pYDt9O2NvbnN0IGNsb3NlTWVudT0oKT0+e2lmKCFoZWFkZXJ8fCF0b2dnbGUpcmV0dXJuO2RvY3VtZW50LmJvZHkuY2xhc3NMaXN0LnJlbW92ZSgibWVudS1vcGVuIik7aGVhZGVyLmNsYXNzTGlzdC5yZW1vdmUoIm1lbnUtYWN0aXZlIik7dG9nZ2xlLnNldEF0dHJpYnV0ZSgiYXJpYS1leHBhbmRlZCIsImZhbHNlIik7dG9nZ2xlLnNldEF0dHJpYnV0ZSgiYXJpYS1sYWJlbCIsIuODoeODi+ODpeODvOOCkumWi+OBjyIpO307aWYodG9nZ2xlJiZoZWFkZXIpe3RvZ2dsZS5hZGRFdmVudExpc3RlbmVyKCJjbGljayIsKCk9Pntjb25zdCBpc09wZW49ZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QudG9nZ2xlKCJtZW51LW9wZW4iKTtoZWFkZXIuY2xhc3NMaXN0LnRvZ2dsZSgibWVudS1hY3RpdmUiLGlzT3Blbik7dG9nZ2xlLnNldEF0dHJpYnV0ZSgiYXJpYS1leHBhbmRlZCIsU3RyaW5nKGlzT3BlbikpO3RvZ2dsZS5zZXRBdHRyaWJ1dGUoImFyaWEtbGFiZWwiLGlzT3Blbj8i44Oh44OL44Ol44O844KS6ZaJ44GY44KLIjoi44Oh44OL44Ol44O844KS6ZaL44GPIik7fSk7fQpsaW5rcy5mb3JFYWNoKChsaW5rKT0+bGluay5hZGRFdmVudExpc3RlbmVyKCJjbGljayIsY2xvc2VNZW51KSk7aWYoIkludGVyc2VjdGlvbk9ic2VydmVyImluIHdpbmRvdyl7Y29uc3Qgb2JzZXJ2ZXI9bmV3IEludGVyc2VjdGlvbk9ic2VydmVyKChlbnRyaWVzKT0+e2VudHJpZXMuZm9yRWFjaCgoZW50cnkpPT57aWYoZW50cnkuaXNJbnRlcnNlY3Rpbmcpe2VudHJ5LnRhcmdldC5jbGFzc0xpc3QuYWRkKCJpcy12aXNpYmxlIik7b2JzZXJ2ZXIudW5vYnNlcnZlKGVudHJ5LnRhcmdldCk7fX0pO30se3RocmVzaG9sZDowLjEyfSk7ZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgiLnJldmVhbCIpLmZvckVhY2goKGVsKT0+b2JzZXJ2ZXIub2JzZXJ2ZShlbCkpO31lbHNle2RvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoIi5yZXZlYWwiKS5mb3JFYWNoKChlbCk9PmVsLmNsYXNzTGlzdC5hZGQoImlzLXZpc2libGUiKSk7fQp3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigic2Nyb2xsIix1cGRhdGVIZWFkZXIse3Bhc3NpdmU6dHJ1ZX0pO3VwZGF0ZUhlYWRlcigpO30pKCk7"></script>
1 <noscript class="psa_add_styles"><style media="all">@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./InterVariable.woff2) format("woff2-variations")}@font-face{font-family:"Noto Sans JP";font-style:normal;font-weight:100 900;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./NotoSansJP-VariableFont_wght.woff2) format("woff2-variations")}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:100;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-Thin.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:200;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-ExtraLight.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:300;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-Light.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:400;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-Regular.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:500;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-Medium.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:600;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-SemiBold.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:700;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-Bold.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:800;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-ExtraBold.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:900;font-display:swap;src:url(//konohaya.com/wp-content/themes/swell_child/fonts/./yakuhan/YakuHanJP/YakuHanJP-Black.woff2) format("woff2");unicode-range:U+3001,U+3002,U+3008,U+3009,U+300A,U+300B,U+300C,U+300D,U+300E,U+300F,U+3010,U+3011,U+3014,U+3015,U+30FB,U+FF01,U+FF08,U+FF09,U+FF1A,U+FF1B,U+FF1F,U+FF3B,U+FF3D,U+FF5B,U+FF5D}:root{--ink:#172026;--ink-soft:#52616b;--paper:#f7f5ef;--paper-deep:#ede8dc;--white:#fff;--line:rgba(23,32,38,.14);--line-strong:rgba(23,32,38,.24);--teal:#0f766e;--teal-dark:#0b4f4a;--amber:#d79035;--coral:#d9674e;--gold:#e5b76f;--sage:#8aa398;--shadow:0 24px 80px rgba(23,32,38,.14);--shadow-deep:0 34px 110px rgba(8,17,20,.38);--glow:0 0 42px rgba(229,183,111,.24);--radius:8px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{overflow-x:hidden;max-width:100%}body{margin:0;color:var(--ink);background:var(--paper);font-family:"YakuHanJP","Inter","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic","YuGothic",sans-serif;font-feature-settings:"palt";-webkit-font-smoothing:antialiased;letter-spacing:0;line-height:1.85;text-rendering:optimizeLegibility;font-weight:500;position:relative}@supports (overflow:clip){html,body{overflow-x:clip}}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p,li{text-wrap:wrap}::selection{background:rgba(229,183,111,.34);color:var(--ink)}.skip-link{position:fixed;left:16px;top:16px;z-index:100;transform:translateY(-160%);background:var(--ink);color:var(--white);padding:10px 14px;border-radius:var(--radius)}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;top:0;left:0;right:0;z-index:30;color:var(--white);transition:background .25s ease,color .25s ease,border-color .25s ease;border-bottom:1px solid rgba(255,255,255,.16)}.site-header.is-scrolled,.site-header.menu-active{background:rgba(247,245,239,.92);color:var(--ink);border-bottom-color:var(--line);backdrop-filter:blur(18px);box-shadow:0 10px 40px rgba(23,32,38,.08)}.scroll-progress{position:fixed;top:0;left:0;z-index:60;width:100%;height:3px;transform-origin:0 50%;
1transform:scaleX(0);background:linear-gradient(90deg,var(--teal),var(--gold),var(--coral));box-shadow:0 0 28px rgba(229,183,111,.28);pointer-events:none}.nav-wrap{width:min(var(--max), calc(100% - 40px));margin:0 auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;font-weight:900;line-height:1;letter-spacing:.02em}.brand span{font-size:20px}.nav-links{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700}.nav-links a{opacity:.88}.nav-links a:hover{opacity:1}.nav-cta,.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;border:1px solid currentColor;padding:10px 18px;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.nav-cta:hover,.button:hover{transform:translateY(-2px)}.nav-cta:focus-visible,.button:focus-visible,.menu-toggle:focus-visible,.atlas-card:focus-visible{outline:3px solid rgba(229,183,111,.72);outline-offset:4px}.menu-toggle{display:none;width:46px;height:46px;border:1px solid currentColor;border-radius:999px;background:0 0;color:inherit;align-items:center;justify-content:center;cursor:pointer}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";width:18px;height:2px;background:currentColor;position:absolute;transition:transform .2s ease,opacity .2s ease}.menu-toggle:before{transform:translateY(-6px)}.menu-toggle:after{transform:translateY(6px)}.menu-open .menu-toggle span{opacity:0}.menu-open .menu-toggle:before{transform:rotate(45deg)}.menu-open .menu-toggle:after{transform:rotate(-45deg)}.hero{min-height:96svh;position:relative;color:var(--white);display:grid;align-items:end;overflow:hidden;background:radial-gradient(circle at 16% 78%,rgba(21,162,145,.32),transparent 34%),linear-gradient(90deg,rgba(6,13,14,.96) 0%,rgba(8,17,18,.84) 35%,rgba(9,17,20,.28) 72%,rgba(9,17,20,.18) 100%),linear-gradient(0deg,rgba(9,17,20,.72) 0%,rgba(9,17,20,.1) 48%,rgba(9,17,20,.36) 100%),url("https://konohaya.com/wp-content/themes/swell_child/images/konohaya-ai-diy-hero.avif") center/cover}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;opacity:.34;mask-image:linear-gradient(90deg,#000 0%,#000 45%,transparent 86%);pointer-events:none}.hero:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(0deg,var(--paper) 0%,rgba(247,245,239,0) 100%);pointer-events:none}.hero-inner{width:min(var(--max), calc(100% - 40px));margin:0 auto;padding:150px 0 78px;position:relative;z-index:2}.kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px;font-size:13px;font-weight:800;color:rgba(255,255,255,.82)}.mobile-break{display:none}.headline-lines span,.statement span,.signal-card h2 span{display:block}.kicker:before{content:"";width:42px;height:1px;background:currentColor}.kicker span{display:inline-block;min-width:0}.hero h1{width:min(920px, 100%);margin:0;font-size:clamp(44px, 7vw, 96px);line-height:1.04;letter-spacing:0;font-weight:900;text-shadow:0 18px 70px rgba(0,0,0,.45);word-break:keep-all}.hero-lead{width:min(720px, 100%);margin:28px 0 0;font-size:clamp(17px, 2vw, 22px);line-height:1.9;color:rgba(255,255,255,.88);font-weight:600;text-wrap:wrap}.hero-proof{width:min(620px, 100%);margin:22px 0 0;display:inline-flex;align-items:center;gap:12px;color:rgba(255,255,255,.92);font-size:15px;font-weight:900;letter-spacing:.02em}.hero-proof:before{content:"";width:32px;height:1px;background:currentColor;opacity:.72}.hero-actions{margin-top:36px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mobile-dock{display:none}.button.primary{background:linear-gradient(180deg,#fff,#f2eee4);color:var(--ink);border-color:var(--white);padding-inline:24px;box-shadow:0 18px 46px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.82)}.button.secondary{color:var(--white);border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.06)}.hero-meta{margin-top:44px;display:grid;grid-template-columns:repeat(3,minmax(0, 1fr));max-width:720px;border-top:1px solid rgba(255,255,255,.22);border-left:1px solid rgba(255,255,255,.22)}.hero-meta div{min-height:92px;padding:18px;border-right:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.045));backdrop-filter:blur(16px)}.hero-meta strong{display:block;font-size:21px;line-height:1.1}
1.hero-meta span{display:block;margin-top:8px;font-size:12px;line-height:1.5;color:rgba(255,255,255,.72);font-weight:700}main{background:linear-gradient(rgba(23,32,38,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,32,38,.035) 1px,transparent 1px),var(--paper);background-size:42px 42px}.section{padding:112px 0}.signal-strip{position:relative;z-index:3;margin-top:-34px;padding:0 0 78px;background:0 0}.signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0, 1fr));gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.62);border-radius:var(--radius);background:rgba(23,32,38,.12);box-shadow:var(--shadow)}.signal-card{position:relative;min-height:214px;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,245,239,.86)),radial-gradient(circle at 100% 0%,rgba(229,183,111,.18),transparent 38%);overflow:hidden}.signal-card:before{content:attr(data-mark);position:absolute;right:-6px;bottom:-18px;color:rgba(15,118,110,.08);font-size:86px;line-height:.8;font-weight:900;letter-spacing:0}.signal-card:after{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--teal),var(--gold),var(--coral));opacity:.9}.signal-card>span{display:inline-flex;width:fit-content;border:1px solid rgba(15,118,110,.18);border-radius:999px;padding:5px 10px;color:var(--teal);background:rgba(15,118,110,.07);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.signal-card h2{position:relative;z-index:1;margin-top:26px;font-size:clamp(26px, 3vw, 42px);line-height:1.22;text-wrap:balance;word-break:keep-all}.signal-card p{position:relative;z-index:1;margin:16px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.72;font-weight:600}.section.compact{padding:80px 0}.section.dark{background:var(--ink);color:var(--white)}.section.white{background:var(--white)}.container{width:min(var(--max), calc(100% - 40px));margin:0 auto}.section-head{display:grid;grid-template-columns:minmax(0, .72fr) minmax(280px, .42fr);gap:56px;align-items:end;margin-bottom:54px}.eyebrow{margin:0 0 14px;color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.dark .eyebrow{color:#9dd8cf}h2{margin:0;font-size:clamp(32px, 5vw, 64px);line-height:1.16;letter-spacing:0;font-weight:900;text-wrap:balance;word-break:keep-all}.section-head p,.lead{margin:0;color:var(--ink-soft);font-size:16px;line-height:1.82;font-weight:600;text-wrap:wrap}.dark .section-head p,.dark .lead{color:rgba(255,255,255,.72)}.split{display:grid;grid-template-columns:minmax(0, .9fr) minmax(320px, .62fr);gap:52px;align-items:center}.statement{font-size:clamp(24px, 3vw, 42px);line-height:1.55;font-weight:900;margin:0;word-break:keep-all}.statement em{color:var(--teal);font-style:normal}.text-stack{display:grid;gap:14px;color:var(--ink-soft);font-weight:500}.text-stack p{margin:0;line-height:1.82;text-wrap:wrap}.visual-board{position:relative;min-height:520px}.floating-shot{position:absolute;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.42);background:var(--white)}.floating-shot img{width:100%;height:100%;object-fit:cover}.floating-shot.one{inset:0 16% auto 0;height:300px}.floating-shot.two{right:0;top:185px;width:55%;height:285px}.floating-shot.three{left:10%;bottom:0;width:50%;height:220px}.quote-panel{position:absolute;left:0;bottom:42px;width:min(360px, 72%);background:rgba(23,32,38,.92);color:var(--white);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.quote-panel p{margin:0;font-size:15px;line-height:1.8;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0, 1fr));gap:18px}.feature{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,245,239,.82)),radial-gradient(circle at 12% 0%,rgba(229,183,111,.22),transparent 34%);min-height:360px;padding:34px;border:1px solid rgba(23,32,38,.12);border-radius:var(--radius);box-shadow:0 22px 70px rgba(23,32,38,.08);display:flex;flex-direction:column;justify-content:space-between;transition:transform .24s ease,background .24s ease,box-shadow .24s ease,border-color .24s ease}.feature:before{content:"";position:absolute;inset:auto -28px -42px auto;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(15,118,110,.16),transparent 68%);pointer-events:none}.feature:after{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--teal),var(--gold),var(--coral))}.feature:hover{transform:translateY(-8px);background:var(--white);border-color:rgba(15,118,110,.24);box-shadow:0 30px 90px rgba(23,32,38,.14)}.feature-num{color:rgba(15,118,110,.14);font-weight:900;font-size:74px;line-height:.88;letter-spacing:0}.feature-image{position:relative;margin:-4px -4px 28px;aspect-ratio:16/10;border-radius:calc(var(--radius) - 2px);overflow:hidden;border:1px solid rgba(23,32,38,.1);box-shadow:0 18px 48px rgba(23,32,38,.12);z-index:1}.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(8,17,20,.38)),radial-gradient(circle at 12% 0%,rgba(229,183,111,.18),transparent 38%);pointer-events:none}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.feature:hover .feature-image img{transform:scale(1.06)}.feature h3,.path-item h3,.proof-text h3,.faq-item h3{margin:0;font-size:22px;line-height:1.45;letter-spacing:0}.feature p,.path-item p,.proof-text p,.faq-item p{margin:14px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.72;font-weight:500}.ai-workbench{background:radial-gradient(circle at 16% 0%,rgba(215,144,53,.16),transparent 32%),linear-gradient(135deg,#10201f 0%,#172026 48%,#241f1b 100%);color:var(--white);overflow:hidden;position:relative}.ai-workbench:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);pointer-events:none}
1.ai-workbench-grid{position:relative;display:grid;grid-template-columns:minmax(0, .74fr) minmax(360px, .56fr);gap:58px;align-items:center}.ai-workbench .lead{margin-top:24px;color:rgba(255,255,255,.88);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:22px 24px;backdrop-filter:blur(14px)}.capability-grid{margin-top:34px;display:grid;grid-template-columns:repeat(3,minmax(0, 1fr));gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16)}.capability{min-height:190px;padding:24px;background:rgba(255,255,255,.07)}.capability span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:rgba(157,216,207,.14);color:#9dd8cf;font-weight:900;margin-bottom:22px}.capability h3{margin:0;font-size:20px;line-height:1.45}.capability p{margin:12px 0 0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.8}.ai-visual-card{position:relative;min-height:580px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);box-shadow:var(--shadow-deep);backdrop-filter:blur(18px);border-radius:var(--radius);overflow:hidden;isolation:isolate}.ai-visual-card:before{content:"";position:absolute;inset:-22%;background:radial-gradient(circle at 70% 20%,rgba(229,183,111,.22),transparent 28%),radial-gradient(circle at 16% 72%,rgba(157,216,207,.18),transparent 32%);z-index:-1;filter:blur(18px)}.ai-visual-card img{width:100%;height:100%;min-height:580px;object-fit:cover;transform:scale(1.02)}.ai-visual-overlay{position:absolute;inset:auto 18px 18px;display:grid;gap:12px}.ai-visual-badge{display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.18);background:rgba(9,17,20,.7);padding:16px 18px;backdrop-filter:blur(18px)}.ai-visual-badge strong{display:grid;font-weight:900;line-height:1.35}.ai-visual-badge strong span{color:rgba(255,255,255,.62);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.ai-visual-badge em{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:rgba(229,183,111,.16);color:var(--gold);border:1px solid rgba(229,183,111,.28);font-style:normal;font-weight:900}.ai-visual-note{margin:0;border-radius:var(--radius);border:1px solid rgba(255,255,255,.14);background:rgba(247,245,239,.92);color:var(--ink);padding:18px;font-size:13px;line-height:1.75;font-weight:700}.atlas-grid{display:grid;grid-template-columns:repeat(4,minmax(0, 1fr));gap:14px;counter-reset:atlas}.atlas-card{counter-increment:atlas;position:relative;overflow:hidden;min-height:238px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,245,239,.78)),radial-gradient(circle at 0% 0%,rgba(229,183,111,.16),transparent 30%);padding:26px;border:1px solid rgba(23,32,38,.11);border-radius:var(--radius);box-shadow:0 18px 58px rgba(23,32,38,.07);display:flex;flex-direction:column;justify-content:space-between;transition:background .2s ease,transform .2s ease,color .2s ease,box-shadow .2s ease}.atlas-card:before{content:"";position:absolute;inset:auto -32px -44px auto;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,rgba(15,118,110,.18),transparent 70%);transition:transform .25s ease,opacity .25s ease}.atlas-card:after{content:counter(atlas,decimal-leading-zero);position:absolute;right:22px;top:22px;color:rgba(15,118,110,.13);font-size:42px;line-height:1;font-weight:900;letter-spacing:0}.atlas-card>div{position:relative;z-index:1}.atlas-card:hover{background:var(--ink);color:var(--white);transform:translateY(-6px);box-shadow:0 28px 90px rgba(23,32,38,.18)}.atlas-card:hover:before{transform:scale(1.6);opacity:.84}.atlas-card>span:not(.arrow){width:fit-content;border:1px solid rgba(15,118,110,.16);border-radius:999px;padding:5px 9px;color:var(--teal);background:rgba(15,118,110,.07);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.atlas-card:hover>span:not(.arrow){border-color:rgba(157,216,207,.28);color:#9dd8cf;background:rgba(157,216,207,.09)}.atlas-card h3{margin:18px 0 0;font-size:20px;line-height:1.45}.atlas-card p{margin:12px 0 0;color:var(--ink-soft);font-size:13px;line-height:1.75}.atlas-card:hover p{color:rgba(255,255,255,.68)}.atlas-card .arrow{margin-top:22px;width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(217,103,78,.22);background:rgba(217,103,78,.08);font-size:18px;line-height:1;letter-spacing:0;text-transform:none;font-weight:900;color:var(--coral)}.path{display:grid;grid-template-columns:repeat(4,minmax(0, 1fr));gap:16px;position:relative;background:0 0;border:0}.path:before{content:"";position:absolute;
1left:10%;right:10%;top:64px;height:1px;background:linear-gradient(90deg,rgba(157,216,207,.1),rgba(157,216,207,.74),rgba(157,216,207,.1))}.path-item{min-height:390px;padding:30px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045)),radial-gradient(circle at 28% 0%,rgba(229,183,111,.12),transparent 38%);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);position:relative;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.18);transition:transform .25s ease,border-color .25s ease,background .25s ease}.path-item:hover{transform:translateY(-6px);border-color:rgba(229,183,111,.34)}.path-item:after{content:"";position:absolute;inset:auto 20px 18px auto;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(157,216,207,.16),rgba(157,216,207,0) 68%);pointer-events:none}.path-item p{color:rgba(255,255,255,.68)}.path-step{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 14px;border-radius:999px;background:rgba(157,216,207,.12);border:1px solid rgba(157,216,207,.22);color:#9dd8cf;font-size:12px;font-weight:900;position:relative;z-index:1}.path-line{display:block;width:34px;height:34px;margin:30px 0 28px;border-radius:50%;background:var(--paper);position:relative;box-shadow:0 0 0 10px rgba(247,245,239,.06)}.path-line:before{content:"";position:absolute;left:11px;top:11px;width:10px;height:10px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg)}.path-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding:0;list-style:none;position:relative;z-index:1}.path-tags li{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 10px;color:rgba(255,255,255,.72);font-size:11px;font-weight:800;line-height:1}.template-showcase{display:grid;grid-template-columns:minmax(320px, .9fr) minmax(0, 1fr);gap:56px;align-items:stretch}.template-image{position:relative;display:grid;grid-template-rows:minmax(0, 1fr) auto;gap:12px;padding:12px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-deep);border:1px solid var(--line);background:radial-gradient(circle at 16% 0%,rgba(229,183,111,.18),transparent 34%),var(--ink);isolation:isolate;height:100%}.template-image:after{content:"";position:absolute;inset:12px;background:linear-gradient(180deg,transparent 46%,rgba(8,17,20,.48)),linear-gradient(90deg,rgba(8,17,20,.2),transparent 46%);border-radius:calc(var(--radius) - 2px);pointer-events:none;z-index:1}.template-main{position:relative;z-index:0;width:100%;height:100%;min-height:520px;object-fit:cover;border-radius:calc(var(--radius) - 2px)}.template-content{align-self:center}.template-proof{position:relative;display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;width:100%;margin:0;padding:12px;border-radius:var(--radius);background:rgba(247,245,239,.92);border:1px solid rgba(255,255,255,.72);box-shadow:0 22px 60px rgba(0,0,0,.28);z-index:2}.template-proof img{border-radius:calc(var(--radius) - 2px);width:100%}.template-proof figcaption{color:var(--ink);font-size:13px;line-height:1.7;font-weight:800}.pill-list{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;list-style:none}.pill-list li{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.64);color:var(--ink-soft);font-size:12px;font-weight:800}.template-clusters{display:grid;grid-template-columns:repeat(3,minmax(0, 1fr));gap:14px;margin-top:28px}.template-cluster{position:relative;overflow:hidden;min-height:188px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,245,239,.78)),radial-gradient(circle at 100% 0%,rgba(229,183,111,.18),transparent 38%);border:1px solid rgba(23,32,38,.1);border-radius:var(--radius);padding:22px;box-shadow:0 14px 46px rgba(23,32,38,.07)}.template-cluster:before{content:attr(data-index);position:absolute;right:16px;bottom:-8px;color:rgba(15,118,110,.1);font-size:68px;line-height:1;font-weight:900}.template-cluster strong{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--teal);margin-bottom:12px}.template-cluster strong:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 7px rgba(217,103,78,.1)}.template-cluster p{position:relative;z-index:1;margin:0;color:var(--ink-soft);font-size:13px;line-height:1.75;font-weight:500}.template-list{display:grid;grid-template-columns:repeat(2,minmax(0, 1fr));gap:8px;margin-top:18px;padding:0;list-style:none}.template-list li{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid rgba(23,32,38,.1);border-radius:var(--radius);background:rgba(255,255,255,.76);color:var(--ink-soft);font-size:12px;line-height:1.35;font-weight:800}.template-list li:last-child{grid-column:1/-1}.template-list li:before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(15,118,110,.08)}.button.dark-button{background:var(--ink);color:var(--white);border-color:var(--ink);margin-top:34px}
1.template-content .dark-button{min-width:min(100%, 340px)}.proof-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:52px;align-items:center}.proof-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(-1.5deg)}.proof-wall img{aspect-ratio:4/5;width:100%;object-fit:cover;border-radius:var(--radius);box-shadow:0 14px 36px rgba(23,32,38,.12);border:1px solid rgba(255,255,255,.72);background:var(--white);transition:transform .24s ease,box-shadow .24s ease}.proof-wall img:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(23,32,38,.16)}.proof-text{display:grid;gap:24px}.proof-text .line{padding-top:24px;border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0, 1fr));gap:16px}.faq-item{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,245,239,.78));border:1px solid rgba(23,32,38,.11);border-radius:var(--radius);padding:34px;min-height:275px;box-shadow:0 18px 58px rgba(23,32,38,.07);transition:background .24s ease,transform .24s ease,box-shadow .24s ease}.faq-item:before{content:"Q";display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:22px;border-radius:50%;background:var(--ink);color:var(--white);font-size:15px;font-weight:900}.faq-item:after{content:"";position:absolute;inset:auto -40px -52px auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(229,183,111,.18),transparent 68%);pointer-events:none}.faq-item:hover{background:var(--white);transform:translateY(-6px);box-shadow:0 28px 84px rgba(23,32,38,.13)}.closing{position:relative;overflow:hidden;color:var(--white);background:radial-gradient(circle at 78% 42%,rgba(229,183,111,.18),transparent 30%),linear-gradient(90deg,rgba(8,17,20,.97),rgba(13,29,28,.84) 58%,rgba(23,32,38,.62)),url("https://konohaya.com/wp-content/themes/swell_child/images/konohaya-ai-workflow.avif") center/cover}.closing:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 78%);pointer-events:none}.closing:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,20,.42),rgba(8,17,20,.2));pointer-events:none}.closing-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0, .78fr) minmax(280px, .34fr);gap:56px;align-items:end}.closing h2{width:min(850px, 100%);text-shadow:0 18px 70px rgba(0,0,0,.52)}.closing p{margin:26px 0 0;color:rgba(255,255,255,.84);font-weight:700;font-size:17px;line-height:1.82;text-shadow:0 12px 42px rgba(0,0,0,.48)}.closing .reveal{opacity:1;transform:none}.closing .button.primary{width:100%;min-height:56px}.site-footer{background:var(--ink);color:rgba(255,255,255,.72);padding:54px 0 34px;border-top:1px solid rgba(255,255,255,.14);font-size:13px}.footer-inner{width:min(var(--max), calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:minmax(260px, .66fr) minmax(0, 1fr);gap:54px;align-items:start}.footer-brand{display:grid;gap:12px}.footer-brand strong{color:var(--white);font-size:18px}.footer-brand p{margin:0;max-width:360px;line-height:1.8}.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0, 1fr));gap:28px;justify-items:start}.footer-group{display:grid;gap:10px;align-content:start;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}.footer-group h3{margin:0 0 6px;color:rgba(157,216,207,.92);font-size:11px;line-height:1;letter-spacing:.1em;text-transform:uppercase}.footer-links a{color:rgba(255,255,255,.76);line-height:1.65}.footer-links a:hover{color:var(--white)}.footer-copy{width:min(var(--max), calc(100% - 40px));margin:34px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.52);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-copy>span{white-space:nowrap}.legal-links{display:flex;gap:16px;flex-wrap:wrap}.legal-links a{color:rgba(255,255,255,.58)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:980px){.nav-links{position:fixed;top:74px;left:0;right:auto;width:100%;max-width:100vw;height:calc(100svh - 74px);background:var(--paper);color:var(--ink);display:grid;align-content:start;gap:0;padding:28px 20px;overflow-x:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-6px,0);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;border-top:1px solid var(--line);contain:paint}.menu-open .nav-links{opacity:1;visibility:visible;pointer-events:auto;
1transform:translate3d(0,0,0)}.nav-links a{min-height:54px;display:flex;align-items:center;border-bottom:1px solid var(--line);font-size:16px}.nav-links .nav-cta{margin-top:22px;width:100%;background:var(--ink);color:var(--white);border-color:var(--ink)}.menu-toggle{display:inline-flex;position:relative}.section-head,.split,.ai-workbench-grid,.template-showcase,.proof-grid,.footer-inner,.closing-grid{grid-template-columns:1fr}.signal-grid{grid-template-columns:1fr}.feature-grid,.capability-grid,.atlas-grid,.template-clusters,.faq-grid{grid-template-columns:1fr}.path{grid-template-columns:repeat(2,minmax(0, 1fr))}.path:before{display:none}.footer-links{grid-template-columns:repeat(2,minmax(0, 1fr))}.hero-meta{grid-template-columns:repeat(3,minmax(0, 1fr))}.visual-board{min-height:450px}.ai-visual-card,.ai-visual-card img,.template-image,.template-main{min-height:520px}.feature-grid,.atlas-grid,.template-clusters,.faq-grid{gap:14px}}@media (max-width:640px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.nav-wrap,.container,.hero-inner,.footer-inner{width:min(100% - 28px, var(--max))}.hero{min-height:auto;align-items:start;background-position:58% center}.hero-inner{padding-top:126px;padding-bottom:58px}.hero h1{font-size:clamp(34px, 10.2vw, 48px);line-height:1.08;overflow-wrap:anywhere;word-break:normal}h2{font-size:clamp(34px, 9.4vw, 44px);line-height:1.18;overflow-wrap:anywhere;word-break:normal}.statement{font-size:clamp(28px, 8vw, 38px);line-height:1.42;overflow-wrap:anywhere;word-break:normal}.headline-lines span,.statement span,.signal-card h2 span{max-width:100%;min-width:0}.text-stack{gap:12px}.text-stack p,.section-head p,.lead{line-height:1.76}.hero-lead{font-size:16px;line-height:1.85;overflow-wrap:break-word}.kicker{width:100%;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5}.kicker:before{flex:0 0 28px;width:28px;margin-top:.75em}.mobile-break{display:block}.pc-break{display:none}.hero-actions{align-items:stretch}.button{width:100%;white-space:normal;text-align:center;line-height:1.45}.mobile-dock{position:fixed;left:12px;right:12px;max-width:calc(100vw - 24px);bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.38);border-radius:var(--radius);background:rgba(23,32,38,.78);color:var(--white);backdrop-filter:blur(18px);box-shadow:0 20px 70px rgba(0,0,0,.28)}.mobile-dock span{min-width:0;font-size:12px;line-height:1.45;font-weight:800}.mobile-dock a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;background:var(--white);color:var(--ink);font-size:12px;font-weight:900;white-space:nowrap}.section{padding:74px 0}.signal-strip{margin-top:-18px;padding-bottom:42px}.signal-grid{border-color:rgba(23,32,38,.1)}.signal-card{min-height:auto;padding:22px}.signal-card h2{margin-top:20px;font-size:28px;line-height:1.18;overflow-wrap:anywhere;word-break:normal}.signal-card p{margin-top:12px;font-size:13px;line-height:1.75}.section.compact{padding:58px 0}.section-head{gap:20px;margin-bottom:32px}.path{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,minmax(0, 1fr));gap:22px 18px}.footer-group{gap:8px}.footer-group h3{font-size:10px;margin-bottom:4px}.footer-links a{font-size:12px;line-height:1.55}.feature,.capability,.atlas-card,.path-item,.faq-item{min-height:auto;padding:24px}.feature{padding:12px 12px 24px}.feature-image{margin:0 0 22px}.feature-num{font-size:58px}.atlas-card{min-height:auto;padding:18px}.atlas-card:after{right:16px;top:16px;font-size:30px}.atlas-card h3{margin-top:12px;font-size:17px;line-height:1.36}.atlas-card p{margin-top:8px;font-size:12px;line-height:1.62}.atlas-card .arrow{margin-top:14px;width:30px;height:30px;flex-basis:30px;font-size:15px}.hero-meta{margin-top:34px;max-width:none}.hero-meta div{min-width:0;min-height:86px;padding:14px 10px}.hero-meta strong{font-size:17px;overflow-wrap:anywhere}.hero-meta span{font-size:10px;line-height:1.45;overflow-wrap:anywhere}.visual-board{min-height:390px}.floating-shot.one{right:8%;height:220px}.floating-shot.two{top:150px;width:62%;height:210px}.floating-shot.three{width:58%;height:160px}.quote-panel{width:84%;bottom:18px;padding:18px}.proof-wall{gap:8px;transform:none}.ai-visual-card,.ai-visual-card img{min-height:520px}.ai-visual-overlay{inset:auto 14px 14px}.ai-visual-badge,.ai-visual-note{padding:16px}.template-image,.template-main{min-height:auto}.template-main{height:auto}.template-proof{grid-template-columns:92px 1fr}.template-list{grid-template-columns:repeat(2,minmax(0, 1fr));gap:6px;margin-top:14px}.template-list li{min-height:32px;padding:7px 8px;font-size:10px;line-height:1.35;letter-spacing:0;overflow-wrap:anywhere}.template-list li:before{width:5px;height:5px;box-shadow:0 0 0 4px rgba(15,118,110,.07)}.footer-inner{align-items:flex-start}.site-footer{padding:46px 0 26px}.footer-brand p{max-width:none;font-size:12px;line-height:1.75}.footer-copy{width:min(100% - 28px, var(--max));margin-top:28px;padding-top:18px;display:grid;gap:8px;font-size:11px;justify-items:start}.legal-links{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:nowrap}.legal-links a{font-size:9px;line-height:1.2;white-space:nowrap}}@media (max-width:480px){.hero-meta{grid-template-columns:1fr}.hero-meta div{min-height:auto}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important}.reveal{opacity:1;transform:none}}</style></noscript>
1<script data-pagespeed-no-defer>//<![CDATA[
2(function(){function b(){var a=window,c=e;if(a.addEventListener)a.addEventListener("load",c,!1);else if(a.attachEvent)a.attachEvent("onload",c);else{var d=a.onload;a.onload=function(){c.call(this);d&&d.call(this)}}};var f=!1;function e(){if(!f){f=!0;for(var a=document.getElementsByClassName("psa_add_styles"),c=0,d;d=a[c];++c)if("NOSCRIPT"==d.nodeName){var k=document.createElement("div");k.innerHTML=d.textContent;document.body.appendChild(k)}}}function g(){var a=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||null;a?a(function(){window.setTimeout(e,0)}):b()}
3var h=["pagespeed","CriticalCssLoader","Run"],l=this;h[0]in l||!l.execScript||l.execScript("var "+h[0]);for(var m;h.length&&(m=h.shift());)h.length||void 0===g?l[m]?l=l[m]:l=l[m]={}:l[m]=g;})();
4pagespeed.CriticalCssLoader.Run();
5//]]></script>
5</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.