{"id":1182,"date":"2026-06-04T13:28:30","date_gmt":"2026-06-04T04:28:30","guid":{"rendered":"http:\/\/www.phi-gr.com\/?page_id=1182"},"modified":"2026-10-11T11:52:59","modified_gmt":"2026-10-11T02:52:59","slug":"japan-blue-%e7%86%8a%e9%87%8e%e7%ad%86-kachiiro","status":"publish","type":"page","link":"https:\/\/www.phi-gr.com\/?page_id=1182","title":{"rendered":"JAPAN BLUE \u718a\u91ce\u7b46 KACHIIRO"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Shippori+Mincho:wght@400;500;600;700&#038;family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&#038;family=Zen+Kaku+Gothic+New:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\n\n  #kachiiro-page{\n    --kinari:#FAF7F0;\n    --kamenozoki:#D8E7EB;\n    --asagi:#8FB8C9;\n    --hanada:#3E6E94;\n    --kon:#1B3A5B;\n    --kachi:#0B1524;\n    --kachi-deep:#070E1A;\n    --gold:#BCA56B;\n    --gold-light:#D9C992;\n    --ink:#1C2430;\n    --paper:#FAF7F0;\n    --serif:'Shippori Mincho','Noto Serif JP',serif;\n    --latin:'Cormorant Garamond',serif;\n    --gothic:'Zen Kaku Gothic New',sans-serif;\n  }\n  #kachiiro-page, #kachiiro-page *{margin:0;padding:0;box-sizing:border-box}\n  \n  #kachiiro-page{\n    position:relative;\n    font-family:var(--serif);\n    color:var(--ink);\n    background:var(--kinari);\n    transition:color 1.2s ease;\n    overflow-x:hidden;\n    line-height:2.1;\n    letter-spacing:.06em;\n  }\n  #kachiiro-page.dark{color:#E9E4D8}\n  \/* THE JOURNEY\u4ee5\u964d\u306f\u80cc\u666f\u304c\u5e38\u306b\u7d3a\u7cfb\u306e\u305f\u3081\u3001\u6587\u5b57\u8272\u3092\u5e38\u6642\u767d\u306b\u56fa\u5b9a *\/\n  #kachiiro-page #journey, #kachiiro-page #journey ~ section, #kachiiro-page .kc-footer{color:#E9E4D8}\n  \/* \u30c6\u30fc\u30de\u304cp\/h3\u7b49\u306b\u56fa\u5b9a\u8272\u3092\u5f53\u3066\u308b\u305f\u3081\u3001\u7d99\u627f\u3092\u5f37\u5236 *\/\n  #kachiiro-page p,#kachiiro-page blockquote,#kachiiro-page a{color:inherit}\n  #kachiiro-page h2{color:inherit!important}\n  #kachiiro-page h3{color:inherit!important}\n\n  \/* \u67d3\u3081\u6df1\u5ea6\u8a08\uff08\u53f3\u7aef\u56fa\u5b9a\uff09 *\/\n  #kachiiro-page .dye-gauge{\n    position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:90;\n    display:flex;flex-direction:column;gap:26px;align-items:center;\n  }\n  #kachiiro-page .dye-gauge .stage{\n    display:flex;flex-direction:column;align-items:center;gap:8px;\n    font-size:10px;letter-spacing:.18em;font-family:var(--gothic);\n    writing-mode:vertical-rl;opacity:.35;transition:opacity .8s;\n    color:inherit;\n  }\n  #kachiiro-page .dye-gauge .stage::before{\n    content:'';writing-mode:horizontal-tb;\n    width:7px;height:7px;border-radius:50%;\n    border:1px solid currentColor;background:transparent;\n    transition:background .8s;\n  }\n  #kachiiro-page .dye-gauge .stage.active{opacity:1}\n  #kachiiro-page .dye-gauge .stage.active::before{background:currentColor}\n\n  \/* ---------- \u5171\u901a ---------- *\/\n  #kachiiro-page section{position:relative;padding:170px 8vw}\n  #kachiiro-page .label-en{\n    font-family:var(--latin);font-size:13px;letter-spacing:.55em;\n    color:var(--gold);text-transform:uppercase;display:block;margin-bottom:14px;\n  }\n  #kachiiro-page .label-ja{\n    font-size:13px;letter-spacing:.3em;display:block;opacity:.85;\n  }\n  #kachiiro-page .label-line{display:flex;align-items:center;gap:22px;margin-bottom:60px;flex-wrap:wrap}\n  #kachiiro-page .label-line::after{content:'';height:1px;width:72px;background:var(--gold);opacity:.7}\n  #kachiiro-page h2{font-size:clamp(26px,3.2vw,40px);font-weight:500;letter-spacing:.14em;line-height:1.9}\n  \/* \u753b\u50cf\u306e\u89d2R\u7d71\u4e00 *\/\n  #kachiiro-page{--radius:14px}\n  #kachiiro-page .reveal{opacity:0;transform:translateY(34px);transition:opacity 1.4s ease,transform 1.4s ease}\n  #kachiiro-page .reveal.vis{opacity:1;transform:none}\n  \/* \u2461\u306b\u3058\u307f\u30bf\u30a4\u30dd\uff1a\u58a8\u304c\u548c\u7d19\u306b\u306b\u3058\u3080\u3088\u3046\u306b\u73fe\u308c\u308b *\/\n  #kachiiro-page .reveal.ink{filter:blur(14px);transition:opacity 1.8s ease,transform 1.8s ease,filter 1.8s ease}\n  #kachiiro-page .reveal.ink.vis{filter:blur(0)}\n  \/* \u2462\u548c\u7d19\u306e\u8cea\u611f\uff08\u6975\u5c0fSVG\u30ce\u30a4\u30ba\u30fb\u5168\u753b\u9762\uff09 *\/\n  #kachiiro-page::before{\n    content:'';position:fixed;inset:0;z-index:1;pointer-events:none;\n    background:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 240 240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'\/%3E%3C\/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.55'\/%3E%3C\/svg%3E\") repeat;\n    background-size:240px;mix-blend-mode:multiply;opacity:.045;\n  }\n  #kachiiro-page .plx{will-change:transform}\n  #kachiiro-page .mbr{display:none}\n  .veu_socialSet{display:none!important}\n\n  \/* ---------- HERO ---------- *\/\n  #kachiiro-page .hero{\n    height:100svh;min-height:680px;padding:0;\n    display:flex;align-items:center;justify-content:center;\n    background:\n      radial-gradient(ellipse 90% 70% at 50% 110%, rgba(62,110,148,.35), transparent 60%),\n      radial-gradient(ellipse 60% 50% at 80% 0%, rgba(27,58,91,.55), transparent 70%),\n      linear-gradient(165deg, #0B1524 0%, #070E1A 55%, #0E1E36 100%);\n    color:#F2EEE3;\n  }\n  #kachiiro-page .hero-inner{display:flex;align-items:center;gap:7vw;padding:0 6vw}\n  #kachiiro-page .hero-title .sub{\n    font-family:var(--latin);font-size:clamp(12px,1.2vw,15px);\n    letter-spacing:.6em;color:var(--gold);margin-bottom:30px;display:block;\n  }\n  #kachiiro-page .hero-title h1{\n    font-family:var(--latin);font-weight:300;\n    font-size:clamp(56px,9vw,128px);letter-spacing:.18em;line-height:1.05;\n    position:relative;z-index:0;\n    color:rgba(242,238,227,.13);\n  }\n  \/* \u6587\u5b57\u4e00\u3064\u4e00\u3064\u304b\u3089\u7acb\u3061\u306e\u307c\u308b\u5149\u306e\u7b4b\uff08\u540c\u3058\u6587\u5b57\u3092\u7e26\u306b\u5f15\u304d\u4f38\u3070\u3057\u3066\u5149\u67f1\u306b\uff09 *\/\n  #kachiiro-page .hero-title h1::before{\n    content:attr(data-text) !important;\n    position:absolute;inset:0;z-index:-1;pointer-events:none;\n    color:rgba(235,214,158,.13);\n    filter:blur(10px);\n    transform:scaleY(3.1);\n    transform-origin:50% 50%;\n    -webkit-mask-image:linear-gradient(180deg,transparent 4%,#000 42%,#000 58%,transparent 96%);\n    mask-image:linear-gradient(180deg,transparent 4%,#000 42%,#000 58%,transparent 96%);\n    animation:lettersbreath 7s ease-in-out infinite alternate;\n  }\n  @keyframes lettersbreath{from{opacity:.35}to{opacity:.6}}\n  @keyframes goldglow{from{filter:drop-shadow(0 0 14px rgba(235,214,158,.16)) drop-shadow(0 0 60px rgba(235,214,158,.08))}to{filter:drop-shadow(0 0 24px rgba(235,214,158,.5)) drop-shadow(0 0 85px rgba(235,214,158,.26))}}\n  \/* \u2463\u85cd\u67d3\u30de\u30fc\u30d6\u30eb\uff1a\u8db3\u5143\u304b\u3089\u85cd\u304c\u6e80\u3061\u3001\u67d3\u3081\u306e\u6fc3\u6de1\u304c\u5e38\u306b\u3086\u3089\u304e\u7d9a\u3051\u308b *\/\n  #kachiiro-page .hero-title h1::after{\n    content:attr(data-text) !important;\n    position:absolute;inset:0;\n    color:transparent;\n    display:block !important;width:100% !important;height:100% !important;\n    \/* \u91d1\u7b94\u8868\u73fe\uff08\u85cd\u67d3\u7248\u306b\u623b\u3059\u5834\u5408\u306f\u3053\u306e3\u5c64\u3092\u5dee\u3057\u66ff\u3048\uff09\n       \u85cd\u67d3\u7248: sheen rgba(240,246,249,.55) \/ tableValues R'0.02 0.10 0.42' G'0.08 0.26 0.68' B'0.18 0.48 0.90' baseFrequency'0.011 0.017' \/ base #4E84B4\u2192#1B3A5B\u2192#0B1F38 *\/\n    background-image:\n      linear-gradient(115deg,transparent 30%,rgba(255,249,224,.9) 46%,rgba(140,104,40,.35) 54%,transparent 68%),\n      url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='400' height='400'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.055 0.075' numOctaves='3' seed='11'\/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='table' tableValues='0.44 0.62 0.86'\/%3E%3CfeFuncG type='table' tableValues='0.36 0.51 0.71'\/%3E%3CfeFuncB type='table' tableValues='0.19 0.27 0.38'\/%3E%3CfeFuncA type='table' tableValues='1 1'\/%3E%3C\/feComponentTransfer%3E%3C\/filter%3E%3Crect width='400' height='400' filter='url(%23m)'\/%3E%3C\/svg%3E\"),\n      url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='2' seed='3'\/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='table' tableValues='0.25 0.78'\/%3E%3CfeFuncG type='table' tableValues='0.25 0.78'\/%3E%3CfeFuncB type='table' tableValues='0.25 0.78'\/%3E%3CfeFuncA type='table' tableValues='1 1'\/%3E%3C\/feComponentTransfer%3E%3C\/filter%3E%3Crect width='140' height='140' filter='url(%23g)'\/%3E%3C\/svg%3E\"),\n      linear-gradient(180deg,#E3D2A4 0%,#AF935C 48%,#73602E 100%) !important;\n    background-size:260% 100%,420px 420px,140px 140px,100% 100% !important;\n    background-position:var(--sx,130%) 0,var(--fx,0px) var(--fy,0px),0 0,0 0 !important;\n    background-repeat:no-repeat,repeat,repeat,no-repeat !important;\n    background-blend-mode:screen,normal,overlay,normal !important;\n    -webkit-background-clip:text !important;background-clip:text !important;\n    \/* \u6587\u5b57\u304c\u307b\u306e\u304b\u306b\u5149\u3092\u653e\u3064 *\/\n    filter:\n      drop-shadow(0 0 16px rgba(235,214,158,.24))\n      drop-shadow(0 0 65px rgba(235,214,158,.13));\n    animation:goldglow 4.5s ease-in-out infinite alternate;\n  }\n  #kachiiro-page .hero-title .ja{\n    font-size:clamp(12px,1.1vw,15px);letter-spacing:.32em;margin-top:34px;opacity:.9;\n  }\n  #kachiiro-page .hero-poem{\n    writing-mode:vertical-rl;font-size:clamp(14px,1.4vw,19px);\n    letter-spacing:.32em;line-height:3.1;height:min(58vh,480px);\n    border-right:1px solid rgba(188,165,107,.55);padding-right:38px;\n    font-weight:500;white-space:nowrap;\n  }\n  #kachiiro-page .scroll-cue{\n    position:absolute;bottom:42px;left:50%;transform:translateX(-50%);\n    font-family:var(--latin);font-size:10px;letter-spacing:.5em;opacity:.75;\n  }\n  #kachiiro-page .scroll-cue::after{\n    content:'';display:block;width:1px;height:56px;margin:14px auto 0;\n    background:linear-gradient(var(--gold),transparent);\n    animation:drip 2.6s ease infinite;\n  }\n  @keyframes drip{0%{transform:scaleY(0);transform-origin:top}55%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(0);transform-origin:bottom}}\n\n  \/* ---------- WHAT IS ---------- *\/\n  #kachiiro-page .whatis{text-align:center;padding-top:210px;padding-bottom:210px}\n  #kachiiro-page .whatis p.big{\n    font-size:clamp(22px,2.8vw,34px);font-weight:500;letter-spacing:.18em;line-height:2.5;\n  }\n  #kachiiro-page .whatis .product-name{\n    font-size:15px;letter-spacing:.22em;margin-top:64px;color:var(--gold);\n  }\n  #kachiiro-page .whatis p.body{max-width:620px;margin:44px auto 0;font-size:15px;line-height:2.7}\n\n  \/* ---------- SPARK ---------- *\/\n  #kachiiro-page .spark .srow{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:stretch}\n  #kachiiro-page .spark .srow+.srow{margin-top:48px}\n  #kachiiro-page .spark .copy1{display:flex;flex-direction:column}\n  #kachiiro-page .spark .t1{margin-top:auto}\n  #kachiiro-page .spark .t1 p:last-child{margin-bottom:0}\n  #kachiiro-page .spark .t1 blockquote{margin:40px 0;display:inline-block}\n  #kachiiro-page .spark figure.fill{aspect-ratio:auto;min-height:0;height:100%}\n  #kachiiro-page .spark figure.fill img{height:100%;object-fit:cover;object-position:center top}\n  #kachiiro-page .spark figure{\n    position:relative;overflow:hidden;aspect-ratio:4\/3;border-radius:var(--radius);\n  }\n  #kachiiro-page .spark figure img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92)}\n  #kachiiro-page .spark figure.full{aspect-ratio:auto}\n  #kachiiro-page .spark figure.full img{height:auto;object-fit:contain}\n  #kachiiro-page .spark figure::after{\n    content:'';position:absolute;inset:0;border:1px solid rgba(188,165,107,.5);\n    transform:translate(14px,14px);pointer-events:none;border-radius:var(--radius);\n  }\n  #kachiiro-page .spark blockquote{\n    border:none;background:transparent;padding:0;\n    font-size:clamp(26px,3vw,38px);font-weight:600;letter-spacing:.16em;line-height:2.2;margin:40px 0;\n  }\n  #kachiiro-page .spark blockquote em{font-style:normal;color:var(--gold)}\n  #kachiiro-page .spark blockquote::before,#kachiiro-page .spark blockquote::after{content:none!important;display:none!important}\n  \/* \u2461\u7b46\u81f4\u30e9\u30a4\u30f3\uff1a\u7b46\u3067\u30b9\u30c3\u3068\u5f15\u304f *\/\n  #kachiiro-page .brushline{display:block;width:100%;height:auto;margin-top:10px}\n  #kachiiro-page .brushline path{stroke-dasharray:330;stroke-dashoffset:330}\n  #kachiiro-page .vis .brushline path{animation:brushdraw 1.1s cubic-bezier(.5,.05,.3,1) .9s forwards}\n  @keyframes brushdraw{to{stroke-dashoffset:0}}\n  #kachiiro-page .spark p{font-size:15px;line-height:2.7;max-width:430px}\n\n  \/* ---------- THE NAME \/ WHY ---------- *\/\n  \/* \u6b66\u5c06\u306e\u5f8c\u308d\u59ff\uff1a\u6d45\u8471\u306e\u5730\u306b\u85cd\u306e\u30b7\u30eb\u30a8\u30c3\u30c8\u3068\u3057\u3066\u6eb6\u304b\u3059 *\/\n  #kachiiro-page #name{overflow:hidden}\n  #kachiiro-page #name .samurai{\n    position:absolute;inset:0;pointer-events:none;\n    background:url('https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/%E8%97%8D%E6%9F%93.png') center 32%\/cover no-repeat;\n    opacity:.11;mix-blend-mode:multiply;filter:saturate(.7);\n    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 84%,transparent 100%);\n    mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 84%,transparent 100%);\n  }\n  #kachiiro-page #name>*{position:relative;z-index:1}\n  #kachiiro-page #name .label-line{display:block;text-align:center}\n  #kachiiro-page #name .label-en{color:var(--ink)}\n  #kachiiro-page #name .label-line::after{display:none}\n  #kachiiro-page .name-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:30px}\n  #kachiiro-page .name-grid.cols2{grid-template-columns:repeat(2,1fr)}\n  #kachiiro-page .name-card{\n    border-top:1px solid var(--gold);padding:46px 8px 0;\n  }\n  #kachiiro-page .name-card .num{font-family:var(--latin);font-size:12px;letter-spacing:.4em;color:var(--gold)}\n  #kachiiro-page .name-card h3{font-size:20px;letter-spacing:.18em;margin:20px 0 26px;font-weight:600}\n  #kachiiro-page .name-card p{font-size:14px;line-height:2.6}\n  #kachiiro-page .name-coda{max-width:430px;margin:96px 0 0 auto;font-size:14px;line-height:2.6;opacity:.92}\n  #kachiiro-page .name-lead{max-width:560px;font-size:15px;line-height:2.8;margin-bottom:80px;margin-left:auto;margin-right:auto;text-align:center}\n  #kachiiro-page .kachi-swatch{\n    margin-top:90px;display:flex;height:64px;border:1px solid rgba(188,165,107,.4);\n  }\n  #kachiiro-page .kachi-swatch div{flex:1;position:relative}\n  #kachiiro-page .kachi-swatch span{\n    position:absolute;bottom:-34px;left:50%;transform:translateX(-50%);\n    font-size:10px;font-family:var(--gothic);letter-spacing:.2em;white-space:nowrap;opacity:.75;\n  }\n\n  \/* ---------- JOURNEY ---------- *\/\n  #kachiiro-page .journey-steps{margin-top:40px;position:relative;padding-left:56px}\n  \/* \u2460\u85cd\u306e\u7cf8\uff1a\u30b9\u30af\u30ed\u30fc\u30eb\u3068\u5171\u306b\u67d3\u307e\u308a\u9032\u3080 *\/\n  #kachiiro-page .thread{\n    position:absolute;left:8px;top:0;bottom:0;width:1px;\n    background:rgba(188,165,107,.22);\n  }\n  #kachiiro-page .burst{position:absolute;left:8px;bottom:0;width:0;height:0;pointer-events:none}\n  #kachiiro-page .burst span{position:absolute;left:0;top:0;border-radius:50%;background:#F4E8C2;box-shadow:0 0 8px rgba(244,232,194,.9);opacity:0}\n  #kachiiro-page .thread .fill{\n    position:absolute;left:-0.5px;top:0;width:2px;height:0%;\n    background:linear-gradient(180deg,#BCA56B,#D9C992 35%,#F1E3B6 70%,#FFF7DC);\n    box-shadow:0 0 12px rgba(217,201,146,.6);\n    transition:height .25s linear;\n  }\n  #kachiiro-page .step{\n    display:grid;grid-template-columns:100px 435px 1fr;gap:48px;align-items:start;\n    padding:58px 0;border-bottom:1px solid rgba(188,165,107,.28);\n    position:relative;\n  }\n  #kachiiro-page .step::before{\n    content:'';position:absolute;left:-52px;top:66px;width:9px;height:9px;border-radius:50%;\n    border:1px solid rgba(188,165,107,.5);background:transparent;\n    transition:background .8s ease,box-shadow .8s ease;\n  }\n  #kachiiro-page .step.dyed::before{\n    background:#E9D9A6;box-shadow:0 0 10px rgba(233,217,166,.7);\n  }\n  #kachiiro-page .step.dyed .num{color:var(--gold-light)}\n  #kachiiro-page .step:first-child{border-top:1px solid rgba(188,165,107,.28)}\n  #kachiiro-page .step .num{\n    font-family:var(--latin);font-size:46px;font-weight:300;color:var(--gold);line-height:1;letter-spacing:.1em;\n    margin-top:-4px;\n  }\n  #kachiiro-page .step figure{overflow:hidden;width:435px;height:290px;border-radius:var(--radius)}\n  #kachiiro-page .step figure img{width:100%;height:100%;object-fit:cover;display:block}\n  #kachiiro-page .step .en{font-family:var(--latin);font-size:13px;letter-spacing:.45em;text-transform:uppercase;display:block;margin-top:-3px;margin-bottom:16px;opacity:.9;line-height:1;color:var(--gold)}\n  #kachiiro-page .step h3{font-size:19px;letter-spacing:.16em;font-weight:600;margin-bottom:14px}\n  #kachiiro-page .step p{font-size:14px;line-height:2.5;max-width:560px}\n\n  \/* ---------- INTERLUDE\uff08\u88fd\u54c1\u30d3\u30b8\u30e5\u30a2\u30eb\uff09 ---------- *\/\n  #kachiiro-page .interlude{display:flex;justify-content:center}\n  #kachiiro-page .interlude figure{\n    position:relative;background:#FAF7F0;padding:clamp(20px,3vw,46px);max-width:760px;\n  }\n  #kachiiro-page .interlude figure::after{\n    content:'';position:absolute;inset:0;border:1px solid rgba(188,165,107,.5);\n    transform:translate(14px,14px);pointer-events:none;\n  }\n  #kachiiro-page .interlude img{width:100%;display:block}\n\n  \/* ---------- RECOGNITION ---------- *\/\n  #kachiiro-page .honors .rows{margin-top:26px;border-top:1px solid rgba(188,165,107,.25)}\n  #kachiiro-page .honors .row{\n    display:flex;align-items:center;gap:56px;\n    padding:40px 6px;border-bottom:1px solid rgba(188,165,107,.25);\n  }\n  #kachiiro-page .honors .row a{flex:none;display:block;transition:opacity .4s}\n  #kachiiro-page .honors .row a:hover{opacity:.85}\n  #kachiiro-page .honors .row img{\n    display:block;width:230px;height:auto;border-radius:var(--radius);\n  }\n  #kachiiro-page .honors .row .ttl{font-size:17px;letter-spacing:.12em;line-height:2;font-weight:500}\n  #kachiiro-page .honors .row .prize{font-size:14px;letter-spacing:.14em;margin-top:10px;color:var(--gold)}\n\n  \/* ---------- VISION \/ FUTURE ---------- *\/\n  #kachiiro-page .future{text-align:center}\n  #kachiiro-page .future p.lead{font-size:clamp(19px,2.2vw,27px);letter-spacing:.18em;line-height:2.6;font-weight:500}\n  #kachiiro-page .future p.body{max-width:640px;margin:54px auto 0;font-size:15px;line-height:2.8}\n  #kachiiro-page .future .bigname{\n    font-size:clamp(28px,3.4vw,44px);font-weight:600;letter-spacing:.3em;margin:70px 0 50px;\n  }\n  #kachiiro-page .future .expo{\n    display:inline-block;margin-top:70px;padding:22px 56px;\n    border:1px solid var(--gold);font-family:var(--latin);\n    letter-spacing:.35em;font-size:13px;color:var(--gold);\n  }\n  \/* \u30d3\u30b8\u30e7\u30f3\u56f3\uff1a\u67a0\u306a\u3057\u30fb\u95c7\u306b\u6d6e\u304b\u3076\u767a\u5149\u30d1\u30cd\u30eb\u4ed5\u7acb\u3066 *\/\n  #kachiiro-page .vision-fig{max-width:840px;margin:90px auto 0}\n  #kachiiro-page .vision-fig img{\n    width:100%;display:block;border-radius:var(--radius);\n    box-shadow:\n      0 40px 110px rgba(0,0,0,.6),\n      0 10px 30px rgba(0,0,0,.4),\n      0 0 0 1px rgba(188,165,107,.22),\n      0 0 120px rgba(143,184,201,.12);\n  }\n  #kachiiro-page .mebuku-fig{width:clamp(218px,26.5vw,343px);max-width:90%;margin:80px auto 0}\n  #kachiiro-page .mebuku-fig img{width:100%;display:block;border-radius:var(--radius)}\n  \/* \u7b46\u306e\u5199\u771f\uff1a\u67a0\u306a\u3057\u30fb\u5730\u306b\u6eb6\u3051\u8fbc\u3080\u30a2\u30c8\u30ea\u30a8\u4ed5\u7acb\u3066 *\/\n  #kachiiro-page .brush-fig{max-width:880px;margin:110px auto 0;border-radius:var(--radius);overflow:hidden}\n  #kachiiro-page .brush-fig img{\n    width:100%;display:block;\n    mix-blend-mode:multiply;\n    filter:contrast(1.02) saturate(1.04);\n  }\n\n  \/* ---------- CONTACT ---------- *\/\n  #kachiiro-page .contact{text-align:center;padding-bottom:140px}\n  #kachiiro-page .contact h2{margin-bottom:46px}\n  #kachiiro-page .contact p{font-size:15px;line-height:2.8;max-width:520px;margin:0 auto}\n  #kachiiro-page .contact .btn{\n    display:inline-block;margin-top:64px;padding:24px 86px;\n    border:1px solid var(--gold);color:inherit;text-decoration:none;\n    font-size:14px;letter-spacing:.4em;position:relative;overflow:hidden;\n    transition:color .6s;\n  }\n  #kachiiro-page .contact .btn::before{\n    content:'' !important;display:block !important;position:absolute;inset:0;width:100% !important;height:100% !important;background:var(--gold) !important;\n    transform:scaleX(0);transform-origin:left;transition:transform .6s ease;z-index:-1;\n  }\n  #kachiiro-page .contact .btn:hover{color:#0B1524}\n  #kachiiro-page .contact .btn:hover::before{transform:scaleX(1)}\n  #kachiiro-page .contact .btn{border-radius:0!important;background:transparent!important;box-shadow:none!important;border:2px solid var(--gold)!important;color:var(--gold-light)!important}\n  #kachiiro-page .contact .btn:hover,#kachiiro-page .contact .btn:focus{color:#0B1524!important;background:transparent!important;border-color:var(--gold)!important;text-decoration:none!important}\n  #kachiiro-page .contact .sns{display:flex;justify-content:center;gap:30px;margin-top:70px}\n  #kachiiro-page .contact .sns img{\n    width:34px;height:34px;object-fit:cover;display:block;\n    border-radius:8px;\n    opacity:.8;transition:opacity .4s;\n  }\n  #kachiiro-page .contact .sns a:hover img{opacity:1}\n\n  #kachiiro-page .kc-footer{\n    padding:60px 8vw;text-align:center;\n    font-size:12px;letter-spacing:.25em;opacity:.6;\n  }\n\n  \/* \u85cd\u306e\u30ab\u30fc\u30bd\u30eb\u6f14\u51fa\uff08\u6b8b\u50cf\u30c8\u30ec\u30a4\u30eb\uff0b\u30af\u30ea\u30c3\u30af\u6ce2\u7d0b\uff09\u2014 PC\u306e\u307f *\/\n  .kc-fx{position:fixed;inset:0;pointer-events:none;z-index:99997}\n  \/* \u91d1\u306ePHI\u30ed\u30b4\u30ab\u30fc\u30bd\u30eb *\/\n  .kc-cursor{position:fixed;left:0;top:0;width:20px!important;height:20px!important;min-width:20px;min-height:20px;object-fit:contain;pointer-events:none;z-index:99999;opacity:0;transition:opacity .25s,width .25s,height .25s;filter:brightness(0) saturate(100%) invert(70%) sepia(16%) saturate(1010%) hue-rotate(2deg) brightness(93%) contrast(87%) drop-shadow(0 0 6px rgba(235,214,158,.5))}\n  .kc-cursor.kc-big{width:33px!important;height:33px!important;min-width:33px;min-height:33px}\n  #kachiiro-page,#kachiiro-page *{cursor:none!important}\n  .kc-fx .kc-ink{position:absolute;border-radius:50%;opacity:0;filter:blur(.4px)}\n  .kc-fx .kc-ripple{position:absolute;width:150px;height:150px;margin:0;border-radius:50%;opacity:0;background:radial-gradient(circle, rgba(27,58,91,.5) 0%, rgba(27,58,91,.28) 38%, rgba(62,110,148,.12) 62%, transparent 72%);filter:blur(1.5px)}\n  .kc-fx .kc-ripple2{width:70px;height:70px;background:radial-gradient(circle, rgba(11,21,36,.55) 0%, rgba(27,58,91,.2) 55%, transparent 70%);filter:blur(1px)}\n\n  @media (max-width:880px){\n      #kachiiro-page .dye-gauge{right:12px;gap:18px}\n  #kachiiro-page section{padding:110px 7vw}\n  #kachiiro-page .hero-inner{flex-direction:column-reverse;gap:50px;text-align:center}\n  #kachiiro-page .hero-poem{height:auto;writing-mode:horizontal-tb;border-right:none;padding-right:0;\n      border-top:1px solid rgba(188,165,107,.55);padding-top:26px;line-height:2.6;white-space:normal}\n  #kachiiro-page .spark .srow{grid-template-columns:1fr}\n  #kachiiro-page .name-grid, #kachiiro-page .name-grid.cols2{grid-template-columns:1fr;gap:60px}\n  #kachiiro-page .step{grid-template-columns:64px 1fr;gap:18px}\n  #kachiiro-page .step .en{grid-column:2}\n  #kachiiro-page .step div:last-child{grid-column:1\/-1}\n  }\n  @media (prefers-reduced-motion:reduce){\n  #kachiiro-page .reveal{opacity:1;transform:none;transition:none}\n  #kachiiro-page .reveal.ink{filter:none}\n  #kachiiro-page .scroll-cue::after{animation:none}\n  #kachiiro-page .hero-title h1::after{animation:none}\n  #kachiiro-page .hero-title h1::before{animation:none}\n  #kachiiro-page .brushline path{animation:none;stroke-dashoffset:0}\n  #kachiiro-page .burst{position:absolute;left:8px;bottom:0;width:0;height:0;pointer-events:none}\n  #kachiiro-page .burst span{position:absolute;left:0;top:0;border-radius:50%;background:#F4E8C2;box-shadow:0 0 8px rgba(244,232,194,.9);opacity:0}\n  #kachiiro-page .thread .fill{height:100%!important}\n  }\n\n\n  \/* ===== \u30c6\u30fc\u30de\u5bb9\u5668\u306e\u5168\u5e45\u5316\uff08\u3053\u306e\u30da\u30fc\u30b8\u306e\u307f\u8aad\u307f\u8fbc\u307e\u308c\u308bCSS\u306e\u305f\u3081\u5b89\u5168\uff09 ===== *\/\n  .siteContent,div.section.siteContent{padding:0!important}\n  .siteContent .container{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important}\n  .siteContent>.container>.row{margin:0!important;display:block!important}\n  .siteContent .mainSection{width:100%!important;max-width:100%!important;flex:none!important;padding:0!important}\n  article.post-1182{margin:0!important;padding:0!important}\n  article.post-1182 .entry-body{margin:0!important;padding:0!important}\n  .section.page-header{display:none!important}\n  .section.breadSection{display:none!important}\n  div.section.sectionBox.siteContent_after,.section.siteContent_after{display:none!important}\n\n  \/* ===== \u30e2\u30d0\u30a4\u30eb\u8ffd\u52a0\u624b\u5f53 ===== *\/\n  @media (max-width:880px){\n    #kachiiro-page .step figure{width:100%;height:auto;aspect-ratio:3\/2}\n    #kachiiro-page .journey-steps{padding-left:24px}\n    #kachiiro-page .thread{left:4px}\n    #kachiiro-page .step::before{left:-24px;top:60px}\n    #kachiiro-page .honors .row{flex-direction:column;align-items:flex-start;gap:22px}\n    #kachiiro-page .contact .btn{padding:18px 44px}\n    #kachiiro-page .kachi-swatch span{font-size:9px;letter-spacing:.04em}\n    #kachiiro-page .name-lead{margin-bottom:50px}\n    #kachiiro-page .mbr{display:inline}\n    #kachiiro-page .gx-slash{display:none}\n    #kachiiro-page .hero{height:auto;min-height:100svh;flex-direction:column;justify-content:center;padding:80px 0 36px}\n    #kachiiro-page .scroll-cue{position:static;left:auto;transform:none;margin-top:44px}\n    #kachiiro-page .brushline{max-width:210px}\n    #kachiiro-page #name .samurai{background-size:cover;background-position:center 25%;opacity:.18}\n  }\n\n\n\/* ===== standalone additions ===== *\/\n#kachiiro-page .hero{height:auto;min-height:92svh;padding:120px 0 60px}\n#kachiiro-page .hero-title .ja{font-size:clamp(13px,1.3vw,16px);letter-spacing:.2em;line-height:2}\n#kachiiro-page section{padding:150px 8vw}\n#kachiiro-page .reveal{opacity:1;transform:none;filter:none}\n#kachiiro-page .reveal:not(.vis){opacity:0;transform:translateY(34px)}\n#kachiiro-page .reveal.ink:not(.vis){filter:blur(14px)}\n@media (prefers-reduced-motion:reduce){#kachiiro-page .reveal:not(.vis){opacity:1;transform:none;filter:none}}\n\n\/* language switching *\/\nhtml:not([data-lang=\"en\"]) .te{display:none!important}\nhtml[data-lang=\"en\"] .tj{display:none!important}\nhtml[data-lang=\"en\"] #kachiiro-page{letter-spacing:.015em;line-height:1.8}\nhtml[data-lang=\"en\"] #kachiiro-page .te,\nhtml[data-lang=\"en\"] #kachiiro-page p.te,\nhtml[data-lang=\"en\"] #kachiiro-page h2.te,\nhtml[data-lang=\"en\"] #kachiiro-page h3.te{font-family:var(--latin);font-size:1.18em;letter-spacing:.02em}\nhtml[data-lang=\"en\"] #kachiiro-page .label-ja{font-family:var(--latin);font-size:14px;letter-spacing:.2em}\nhtml[data-lang=\"en\"] #kachiiro-page h2{letter-spacing:.06em;line-height:1.5}\nhtml[data-lang=\"en\"] #kachiiro-page .whatis .big.te{font-size:clamp(26px,3.4vw,44px);line-height:1.35}\nhtml[data-lang=\"en\"] #kachiiro-page .hero-poem.te{writing-mode:horizontal-tb;text-orientation:mixed;height:auto;max-width:34ch;white-space:normal;border-right:none;border-left:1px solid rgba(188,165,107,.55);padding-right:0;padding-left:34px;font-size:clamp(17px,1.7vw,22px);line-height:1.75;font-style:italic;font-weight:400;letter-spacing:.02em}\nhtml[data-lang=\"en\"] #kachiiro-page .exp-card ul{font-size:15px}\n@media (max-width:880px){\n  html[data-lang=\"en\"] #kachiiro-page p.te br,\n  html[data-lang=\"en\"] #kachiiro-page .hero-poem.te br,\n  html[data-lang=\"en\"] #kachiiro-page .hero-title .ja.te br{display:none}\n  html[data-lang=\"en\"] #kachiiro-page p.te{text-wrap:pretty}\n}\nhtml[data-lang=\"en\"] #kachiiro-page .name-card h3.te,\nhtml[data-lang=\"en\"] #kachiiro-page .step h3.te{font-size:1.25em}\nhtml[data-lang=\"en\"] #kachiiro-page .contact h2.te{font-size:clamp(28px,3.4vw,44px)}\nhtml[data-lang=\"en\"] #kachiiro-page .dye-gauge .stage{writing-mode:horizontal-tb;font-size:9px;letter-spacing:.12em}\nhtml[data-lang=\"en\"] #kachiiro-page .dye-gauge .stage::before{margin-bottom:0}\n\n\/* language toggle *\/\n.lang-toggle{\n  position:fixed;left:22px;bottom:24px;z-index:100;\n  display:flex;gap:0;font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:.22em;\n}\n.lang-toggle .inner{box-shadow:0 6px 24px rgba(0,0,0,.35);display:flex;border:1px solid rgba(188,165,107,.75);border-radius:999px;overflow:hidden;background:rgba(7,14,26,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}\n.lang-toggle button{border-bottom:none!important;\n  appearance:none;border:0;background:transparent;color:#E9E4D8;cursor:pointer;\n  padding:9px 16px;font:inherit;letter-spacing:inherit;opacity:.65;transition:opacity .3s,background .3s,color .3s;\n}\n.lang-toggle button[aria-pressed=\"true\"]{opacity:1;background:#BCA56B;color:#0B1524}\n.lang-toggle button:focus-visible{outline:2px solid #D9C992;outline-offset:2px}\n@media (max-width:880px){\n  .lang-toggle{left:14px;bottom:16px}\n  #kachiiro-page .dye-gauge{display:none}\n}\n\n\/* experience & shop *\/\n#kachiiro-page .exp{ }\n#kachiiro-page .exp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:34px;max-width:1080px;margin:0 auto}\n#kachiiro-page .exp-card{\n  border:1px solid rgba(188,165,107,.45);border-radius:var(--radius);padding:44px 38px;\n  background:rgba(250,247,240,.035);display:flex;flex-direction:column;gap:18px;\n}\n#kachiiro-page .exp-card .num{font-family:var(--latin);color:var(--gold);letter-spacing:.4em;font-size:12px}\n#kachiiro-page .exp-card h3{font-size:clamp(20px,2vw,26px);font-weight:500;letter-spacing:.08em;line-height:1.6}\n#kachiiro-page .exp-card p{font-size:14.5px;opacity:.92}\n#kachiiro-page .exp-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px}\n#kachiiro-page .exp-card ul a{border-bottom:1px solid rgba(233,228,216,.3);transition:border-color .3s}\n#kachiiro-page .exp-card ul a:hover{border-bottom-color:var(--gold)}\n#kachiiro-page .exp-card .price{color:var(--gold-light);font-family:var(--latin);letter-spacing:.06em;margin-left:.5em;white-space:nowrap}\n#kachiiro-page .exp-card .btn{\n  margin-top:auto;align-self:flex-start;\n  display:inline-block;padding:15px 34px;border:1px solid var(--gold);border-radius:999px;\n  font-family:var(--latin);letter-spacing:.3em;font-size:12.5px;text-transform:uppercase;color:#E9E4D8;\n  transition:background .4s,color .4s;\n}\n#kachiiro-page .exp-card .btn:hover{background:var(--gold);color:#0B1524}\n#kachiiro-page .exp-card .btn.solid{background:var(--gold);color:#0B1524}\n#kachiiro-page .exp-card .btn.solid:hover{background:var(--gold-light)}\n#kachiiro-page .exp-note{margin:34px auto 0;max-width:1080px;font-size:12.5px;opacity:.7;letter-spacing:.04em}\n#kachiiro-page .fig-caption{font-size:12.5px;opacity:.7;margin-top:14px;letter-spacing:.04em}\n#kachiiro-page .exp-card p{line-height:2.3}\n#kachiiro-page .exp-info{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:4px 0 6px;padding:16px 0;border-top:1px solid rgba(188,165,107,.35);border-bottom:1px solid rgba(188,165,107,.35);font-size:14px;line-height:1.8}\n#kachiiro-page .exp-info dt{color:var(--gold);font-family:var(--gothic);font-size:12px;letter-spacing:.2em;padding-top:.15em;margin:0;font-weight:400}\n#kachiiro-page .exp-info dd{margin:0}\n#kachiiro-page .exp-info dt,#kachiiro-page .exp-info dd{border:0!important;padding:0!important;background:none!important;margin:0!important;box-shadow:none!important}\n#kachiiro-page .exp-info dt{color:var(--gold)!important;padding-top:.15em!important}\n#kachiiro-page .exp-info dd{color:#E9E4D8!important}\n#kachiiro-page .exp-card ul a{color:#E9E4D8!important}\n#kachiiro-page .exp-card .btn{background:transparent!important;color:#E9E4D8!important;border:1px solid var(--gold)!important;border-radius:999px!important;text-decoration:none!important}\n#kachiiro-page .exp-card .btn:hover{background:var(--gold)!important;color:#0B1524!important}\n#kachiiro-page .exp-card .btn.solid{background:var(--gold)!important;color:#0B1524!important}\n#kachiiro-page .exp-card .btn.solid:hover{background:var(--gold-light)!important}\n#kachiiro-page .exp-sub{font-size:13px!important;opacity:.78!important;line-height:2.1!important}\n#kachiiro-page .exp-sub a{border-bottom:1px solid rgba(188,165,107,.6)}\n#kachiiro-page .exp-sub a:hover{color:var(--gold-light)}\n#kachiiro-page .exp-card .btn{margin-top:6px}\n#kachiiro-page .exp-card .btn.solid{margin-top:auto}\n#kachiiro-page .exp-card .btn{white-space:nowrap}\n@media (max-width:880px){#kachiiro-page .exp-card .btn{padding:15px 18px!important;letter-spacing:.06em!important;font-size:12px!important;align-self:stretch!important;text-align:center!important;white-space:nowrap!important}}\n\n\/* EXPERIENCE: one card per row, vertical scroll *\/\n#kachiiro-page .exp-grid>.exp-card .ev{display:flex;flex-direction:column;gap:16px}\n#kachiiro-page .exp-grid>.exp-card .ev .exp-info{grid-column:auto;grid-row:auto;margin:0}\n@media(min-width:881px){\n#kachiiro-page .exp-grid>.exp-card.events h3,#kachiiro-page .exp-grid>.exp-card.events p{grid-column:1\/-1}\n#kachiiro-page .exp-grid>.exp-card.events .ev{grid-column:1\/-1;grid-row:auto}\n#kachiiro-page .exp-grid>.exp-card.events .ev+.ev{margin-top:6px}\n#kachiiro-page .exp-grid>.exp-card.events .pbr{display:none}\n#kachiiro-page .exp-grid>.exp-card.events .exp-info{grid-template-columns:200px 1fr}\n}\n@media(max-width:880px){#kachiiro-page .exp-grid>.exp-card .ev+.ev{margin-top:10px}}\n\n#kachiiro-page .exp-grid{display:flex;flex-direction:column;gap:34px;max-width:1080px;margin:0 auto}\n#kachiiro-page .exp-grid>.exp-card{width:100%;max-width:none}\n@media(min-width:881px){\n#kachiiro-page .exp-grid>.exp-card{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:18px;align-items:start}\n#kachiiro-page .exp-grid>.exp-card .num{grid-column:1\/-1}\n#kachiiro-page .exp-grid>.exp-card h3{grid-column:1;margin:0}\n#kachiiro-page .exp-grid>.exp-card p{grid-column:1}\n#kachiiro-page .exp-grid>.exp-card .exp-info{grid-column:2;grid-row:2\/span 3;margin:0}\n#kachiiro-page .exp-grid>.exp-card .btn{grid-column:1;margin-top:0}\n}\n@media(max-width:880px){\n#kachiiro-page .pbr{display:none}\n#kachiiro-page .exp-grid>.exp-card{padding:32px 24px}\n#kachiiro-page .exp-grid>.exp-card .exp-info{grid-template-columns:1fr;gap:4px 0}\n#kachiiro-page .exp-grid>.exp-card .exp-info dt{margin-top:14px}\n#kachiiro-page .exp-grid>.exp-card .exp-info dt:first-of-type{margin-top:0}\n#kachiiro-page .exp-grid>.exp-card .exp-info dd{margin:0 0 4px}\n#kachiiro-page .exp-grid>.exp-card .btn{white-space:nowrap;padding:14px 22px;letter-spacing:.2em}\n}\n<\/style>\n\n<div class=\"lang-toggle\" role=\"group\" aria-label=\"Language \/ \u8a00\u8a9e\">\n  <div class=\"inner\">\n    <button type=\"button\" id=\"btn-ja\" data-lang=\"ja\" aria-pressed=\"true\" lang=\"ja\">\u65e5\u672c\u8a9e<\/button>\n    <button type=\"button\" id=\"btn-en\" data-lang=\"en\" aria-pressed=\"false\" lang=\"en\">English<\/button>\n  <\/div>\n<\/div>\n\n<div id=\"kachiiro-page\">\n<div class=\"dye-gauge\" aria-hidden=\"true\">\n  <div class=\"stage\" data-stage=\"0\"><span class=\"tj\">\u751f\u6210<\/span><span class=\"te\">KINARI<\/span><\/div>\n  <div class=\"stage\" data-stage=\"1\"><span class=\"tj\">\u74f6\u8997<\/span><span class=\"te\">KAMENOZOKI<\/span><\/div>\n  <div class=\"stage\" data-stage=\"2\"><span class=\"tj\">\u6d45\u8471<\/span><span class=\"te\">ASAGI<\/span><\/div>\n  <div class=\"stage\" data-stage=\"3\"><span class=\"tj\">\u7e39<\/span><span class=\"te\">HANADA<\/span><\/div>\n  <div class=\"stage\" data-stage=\"4\"><span class=\"tj\">\u7d3a<\/span><span class=\"te\">KON<\/span><\/div>\n  <div class=\"stage\" data-stage=\"5\"><span class=\"tj\">\u8910<\/span><span class=\"te\">KACHI<\/span><\/div>\n<\/div>\n\n<!-- HERO -->\n<section class=\"hero\" data-bg=\"#070E1A\" data-stage=\"5\">\n  <div class=\"hero-inner\">\n    <div class=\"hero-title\">\n      <span class=\"sub\">JAPAN BLUE KUMANO BRUSH<\/span>\n      <h1 data-text=\"KACHIIRO\">KACHIIRO<\/h1>\n      <div class=\"ja tj\">\u74b0\u5883\u6559\u80b2<br class=\"mbr\"> \u00d7<br class=\"mbr\"> \u5730\u57df\u8cc7\u6e90\u5faa\u74b0<br class=\"mbr\"> \u00d7<br class=\"mbr\"> \u5e83\u5cf6\u718a\u91ce\u7b46 \u4f1d\u7d71\u306e\u7d99\u627f\u767a\u5c55<\/div>\n      <div class=\"ja te\">Environmental education<br class=\"mbr\"> \u00d7<br class=\"mbr\"> Local resource circulation<br class=\"mbr\"> \u00d7<br class=\"mbr\"> The living craft of Hiroshima&#8217;s Kumano brushes<\/div>\n    <\/div>\n    <div class=\"hero-poem tj\">\n      \u304a\u5f79\u76ee\u3092\u7d42\u3048\u305f\u671d\u9854\u9262\u304c<br>\n      \u65e5\u672c\u3067\u3044\u3061\u3070\u3093\u6df1\u3044\u85cd\u306b\u67d3\u307e\u308a<br>\n      \u5927\u5207\u306a\u4eba\u3078\u306e\u304a\u624b\u7d19\u3092\u3057\u305f\u305f\u3081\u308b<br>\n      \u718a\u91ce\u7b46\u306b\u751f\u307e\u308c\u5909\u308f\u308a\u307e\u3059\n    <\/div>\n    <div class=\"hero-poem te\">\n      A morning-glory pot that has finished its work<br>\n      is dyed in Japan&#8217;s deepest indigo<br>\n      and reborn as a Kumano brush<br>\n      for writing a letter to someone you love\n    <\/div>\n  <\/div>\n  <div class=\"scroll-cue\">SCROLL<\/div>\n<\/section>\n\n<!-- WHAT IS KACHIIRO -->\n<section class=\"whatis\" id=\"whatis\" data-bg=\"#FAF7F0\" data-stage=\"0\">\n  <div class=\"reveal ink\">\n    <span class=\"label-en\" style=\"margin-bottom:50px\">WHAT IS KACHIIRO<\/span>\n    <p class=\"big tj\">\n      \u6368\u3066\u3089\u308c\u308b\u306f\u305a\u3060\u3063\u305f<br>\n      \u30d7\u30e9\u30b9\u30c1\u30c3\u30af\u304c<br>\n      \u6587\u5316\u3068\u5fc3\u3092\u904b\u3076\u4e00\u672c\u306b\u306a\u308b\n    <\/p>\n    <p class=\"big te\">\n      Plastic that was headed for the bin<br>\n      becomes a single brush<br>\n      that carries culture and feeling\n    <\/p>\n    <p class=\"product-name\">JAPAN BLUE <span class=\"tj\">\u718a\u91ce\u7b46<\/span><span class=\"te\">Kumano Brush<\/span> \u201dKACHIIRO\u201d<\/p>\n    <p class=\"body tj\">\n      \u5b66\u6821\u3067\u304a\u5f79\u76ee\u3092\u7d42\u3048\u305f\u671d\u9854\u9262\u3092<br>\n      \u5b50\u3069\u3082\u305f\u3061\u3068\u624b\u6d17\u3044\u3057<br>\n      \u65e5\u672c\u306e\u4f1d\u7d71\u8272\u300cKACHIIRO\u300d\u306e\u85cd\u3068\u5171\u306b<br>\n      \u718a\u91ce\u7b46\u306e\u6301\u3061\u624b\u306b\u30a2\u30c3\u30d7\u30b5\u30a4\u30af\u30eb<br><br>\n      \u305d\u3057\u3066<br>\n      \u5b8c\u6210\u3057\u305f\u7b46\u3067<br>\n      \u5b50\u3069\u3082\u305f\u3061\u304c\u5927\u5207\u306a\u4eba\u3078\u304a\u624b\u7d19\u3092\u66f8\u304f<br><br>\n      \u3072\u3068\u3064\u306e\u5faa\u74b0\u306e\u7269\u8a9e\u3092<br>\n      \u4e01\u5be7\u306b\u7d21\u3044\u3067\u307e\u3044\u308a\u307e\u3059\n    <\/p>\n    <p class=\"body te\">\n      In Japanese elementary schools, every child grows a morning glory in a plastic pot.<br>\n      When the pot has done its job, the children wash it by hand,<br>\n      and it is upcycled into the handle of a Kumano brush,<br>\n      colored with \u201ckachiiro\u201d, the traditional Japanese indigo.<br><br>\n      Then, with the finished brush,<br>\n      the children write a letter to someone dear to them.<br><br>\n      One story of circulation,<br>\n      woven with care from beginning to end.\n    <\/p>\n    <figure class=\"brush-fig\">\n      <img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/Kachiiro.jpg\" alt=\"JAPAN BLUE Kumano Brush KACHIIRO\">\n    <\/figure>\n  <\/div>\n<\/section>\n\n<!-- THE SPARK -->\n<section class=\"spark\" data-bg=\"#D8E7EB\" data-stage=\"1\">\n  <div class=\"srow\">\n    <figure class=\"reveal full\">\n      <img decoding=\"async\" class=\"plx\" data-plx=\"0.04\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/background.jpg\" alt=\"\">\n    <\/figure>\n    <div class=\"reveal ink copy1\">\n      <div class=\"label-line\">\n        <span class=\"label-en\" style=\"margin:0\">THE SPARK<\/span>\n        <span class=\"label-ja tj\">\u53d6\u308a\u7d44\u307f\u3092\u306f\u3058\u3081\u305f\u304d\u3063\u304b\u3051<\/span>\n        <span class=\"label-ja te\">How it began<\/span>\n      <\/div>\n      <div class=\"t1 tj\">\n        <p>\n          \u304d\u3063\u304b\u3051\u306f<br>\n          \u307e\u3061\u3067\u898b\u304b\u3051\u305f\u671d\u9854\u9262\n        <\/p>\n        <blockquote><em>\u3082\u3063\u305f\u3044\u306a\u3044\u306d<\/em>\n          <svg class=\"brushline\" viewBox=\"0 0 320 14\" aria-hidden=\"true\"><path d=\"M4 9 C 60 4, 140 11, 200 7 S 290 5, 316 8\" fill=\"none\" stroke=\"#BCA56B\" stroke-width=\"2.6\" stroke-linecap=\"round\" opacity=\".85\"\/><\/svg>\n        <\/blockquote>\n        <p>\u5b50\u3069\u3082\u306e\u7d20\u76f4\u306a\u3072\u3068\u3053\u3068\u3067\u3057\u305f<\/p>\n      <\/div>\n      <div class=\"t1 te\">\n        <p>\n          It started with morning-glory pots<br>\n          we noticed around town\n        <\/p>\n        <blockquote><em>\u201cWhat a waste.\u201d<\/em>\n          <svg class=\"brushline\" viewBox=\"0 0 320 14\" aria-hidden=\"true\"><path d=\"M4 9 C 60 4, 140 11, 200 7 S 290 5, 316 8\" fill=\"none\" stroke=\"#BCA56B\" stroke-width=\"2.6\" stroke-linecap=\"round\" opacity=\".85\"\/><\/svg>\n        <\/blockquote>\n        <p>A child&#8217;s simple, honest words. In Japanese: <em lang=\"ja\">mottainai<\/em>.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"srow\">\n    <figure class=\"reveal fill\" style=\"transition-delay:.15s\">\n      <img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/pots-collect.jpg\" alt=\"\">\n    <\/figure>\n    <div class=\"reveal copy2\">\n      <p class=\"tj\">\n        \u305d\u306e\u5c0f\u3055\u306a\u307e\u306a\u3056\u3057\u304c<br>\n        \u6368\u3066\u3089\u308c\u308b\u306f\u305a\u3060\u3063\u305f\u671d\u9854\u9262\u3092<br>\n        \u65b0\u3057\u3044\u4fa1\u5024\u306b\u5909\u3048\u308b<br>\n        \u65c5\u306e\u306f\u3058\u307e\u308a\u3068\u306a\u308a\u307e\u3057\u305f\n      <\/p>\n      <p class=\"te\">\n        That small, clear gaze<br>\n        was the start of a journey<br>\n        to turn pots bound for disposal<br>\n        into something of new value\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- THE NAME -->\n<section id=\"name\" data-bg=\"#8FB8C9\" data-stage=\"2\">\n  <div class=\"samurai plx\" data-plx=\"0.05\" aria-hidden=\"true\"><\/div>\n  <div class=\"label-line reveal\">\n    <div><span class=\"label-en\" style=\"margin:0;display:inline\">THE NAME<\/span><\/div>\n    <div class=\"label-ja tj\" style=\"margin-top:10px\">\u304b\u3061\u3044\u308d\u3000K A C H I I R O<\/div>\n    <div class=\"label-ja te\" style=\"margin-top:10px\">\u8910\u8272\u3000K A C H I I R O<\/div>\n  <\/div>\n  <div class=\"name-lead reveal\">\n    <p class=\"tj\">\n      \u300c\u304b\u3061\u3044\u308d\u300d\u306f<br>\n      \u85cd\u3092\u304f\u308a\u8fd4\u3057\u67d3\u3081\u91cd\u306d\u3066\u751f\u307e\u308c\u308b<br>\n      \u65e5\u672c\u3067\u3082\u3063\u3068\u3082\u6df1\u3044\u85cd\u306e\u8272\u3067\u3059<br><br>\n      \u300c\u304b\u3061\u300d\u306e\u8a9e\u6e90\u306f\u300c\u6417\uff08\u304b\uff09\u3061\u300d<br>\n      \u5e03\u3092\u6417\u304d \u85cd\u3092\u6253\u3061\u8fbc\u307f<br>\n      \u5e7e\u5ea6\u3082\u5e7e\u5ea6\u3082\u67d3\u3081\u91cd\u306d\u308b<br>\n      \u8077\u4eba\u306e\u624b\u4ed5\u4e8b\u306e\u3053\u3068\u3067\u3059<br><br>\n      \u4e00\u5ea6\u3067\u306f\u51fa\u305b\u306a\u3044<br>\n      \u91cd\u306d\u305f\u624b\u9593\u3068\u6642\u9593\u306e\u5206\u3060\u3051 \u6df1\u304f\u306a\u308b<br><br>\n      \u67d3\u3081\u91cd\u306d\u308b\u307b\u3069\u6df1\u304f\u306a\u308b\u305d\u306e\u55b6\u307f\u306f<br>\n      \u8cc7\u6e90\u3092\u6368\u3066\u305a\u306b\u4fa1\u5024\u3092\u91cd\u306d\u308b<br>\n      \u5faa\u74b0\u306e\u59ff\u305d\u306e\u3082\u306e\u3067\u3059\n    <\/p>\n    <p class=\"te\">\n      \u201cKachiiro\u201d is the deepest indigo in Japan,<br>\n      born from dyeing cloth in indigo again and again.<br><br>\n      The word \u201ckachi\u201d comes from <em lang=\"ja\">\u6417\u3061<\/em>, \u201cto pound\u201d:<br>\n      the artisan&#8217;s handwork of beating the cloth,<br>\n      driving the indigo in, and layering dye upon dye,<br>\n      time after time after time.<br><br>\n      It cannot be achieved in one pass.<br>\n      It deepens only in proportion to the labor and time laid into it.<br><br>\n      A practice that grows deeper with every layer<br>\n      is the very shape of circulation:<br>\n      not discarding a resource, but adding value to it, layer by layer.\n    <\/p>\n  <\/div>\n  <div class=\"name-grid cols2\">\n    <div class=\"name-card reveal\" style=\"transition-delay:.15s\">\n      <span class=\"num\">I<\/span>\n      <h3 class=\"tj\">\u85cd \uff1d JAPAN BLUE<\/h3>\n      <h3 class=\"te\">Indigo = JAPAN BLUE<\/h3>\n      <p class=\"tj\">\n        \u660e\u6cbb\u671f\u306b\u6765\u65e5\u3057\u305f\u4eba\u3005\u304c<br>\n        \u65e5\u672c\u306e\u85cd\u306e\u7f8e\u3057\u3055\u3092<br>\n        \u300cJAPAN BLUE\u300d\u3068\u547c\u3073\u307e\u3057\u305f<br>\n        \u4e16\u754c\u306b\u901a\u3058\u308b\u65e5\u672c\u3092\u8c61\u5fb4\u3059\u308b\u8272\u3092<br>\n        \u5faa\u74b0\u304b\u3089\u751f\u307e\u308c\u305f\u88fd\u54c1\u306b\u307e\u3068\u3044\u307e\u3059\n      <\/p>\n      <p class=\"te\">\n        Visitors who came to Japan in the Meiji era<br>\n        were so struck by the beauty of Japanese indigo<br>\n        that they named it \u201cJAPAN BLUE\u201d.<br>\n        We dress a product born from circulation<br>\n        in the color that represents Japan to the world.\n      <\/p>\n    <\/div>\n    <div class=\"name-card reveal\" style=\"transition-delay:.3s\">\n      <span class=\"num\">II<\/span>\n      <h3 class=\"tj\">\u6417\u3061 \uff1d \u91cd\u306d\u308b\u3000\u7f8e\u610f\u8b58<\/h3>\n      <h3 class=\"te\">Kachi = The beauty of layering<\/h3>\n      <p class=\"tj\">\n        \u6368\u3066\u3089\u308c\u308b\u306f\u305a\u3060\u3063\u305f\u8cc7\u6e90\u306b<br>\n        \u624b\u3092\u304b\u3051 \u8272\u3092\u91cd\u306d<br>\n        \u3082\u3046\u4e00\u5ea6 \u4fa1\u5024\u3092\u307e\u3068\u308f\u305b\u308b<br>\n        \u300c\u91cd\u306d\u308b\u307b\u3069\u6df1\u304f\u306a\u308b\u300d<br>\n        \u65e5\u672c\u306e\u7f8e\u610f\u8b58\u3092 \u3053\u306e\u4e00\u672c\u306b\u8fbc\u3081\u307e\u3057\u305f\n      <\/p>\n      <p class=\"te\">\n        Take a resource that was to be thrown away,<br>\n        work it by hand, layer color upon it,<br>\n        and clothe it in value once more.<br>\n        \u201cThe more you layer, the deeper it becomes.\u201d<br>\n        This Japanese sense of beauty lives in each brush.\n      <\/p>\n    <\/div>\n  <\/div>\n  <div class=\"kachi-swatch reveal\" aria-hidden=\"true\">\n    <div style=\"background:#D8E7EB\"><span class=\"tj\">\u74f6\u8997<\/span><span class=\"te\">Kamenozoki<\/span><\/div>\n    <div style=\"background:#A4C8D6\"><span class=\"tj\">\u6c34\u6d45\u8471<\/span><span class=\"te\">Mizuasagi<\/span><\/div>\n    <div style=\"background:#6FA0B6\"><span class=\"tj\">\u6d45\u8471<\/span><span class=\"te\">Asagi<\/span><\/div>\n    <div style=\"background:#3E6E94\"><span class=\"tj\">\u7e39<\/span><span class=\"te\">Hanada<\/span><\/div>\n    <div style=\"background:#1B3A5B\"><span class=\"tj\">\u7d3a<\/span><span class=\"te\">Kon<\/span><\/div>\n    <div style=\"background:#13294A\"><span class=\"tj\">\u7559\u7d3a<\/span><span class=\"te\">Tomekon<\/span><\/div>\n    <div style=\"background:#0B1524\"><span class=\"tj\">\u8910<\/span><span class=\"te\">Kachi<\/span><\/div>\n  <\/div>\n<\/section>\n\n<!-- THE JOURNEY -->\n<section id=\"journey\" data-bg=\"#3E6E94\" data-stage=\"3\">\n  <div class=\"label-line reveal\">\n    <span class=\"label-en\" style=\"margin:0\">THE JOURNEY<\/span>\n    <span class=\"label-ja tj\">\u671d\u9854\u9262\u304c\u3001\u718a\u91ce\u7b46\u306b\u306a\u308b\u307e\u3067<\/span>\n    <span class=\"label-ja te\">From morning-glory pot to Kumano brush<\/span>\n  <\/div>\n  <div class=\"journey-steps\">\n    <div class=\"thread\" aria-hidden=\"true\"><div class=\"fill\"><\/div><\/div>\n    <div class=\"burst\" aria-hidden=\"true\"><\/div>\n    <div class=\"step reveal\">\n      <div class=\"num\">01<\/div>\n      <figure><img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/wash-scaled.png\" alt=\"\"><\/figure>\n      <div><span class=\"en\">WASH<\/span>\n      <h3 class=\"tj\">\u5b50\u3069\u3082\u305f\u3061\u3068\u624b\u6d17\u3044<\/h3><h3 class=\"te\">Children wash the pots by hand<\/h3>\n      <p class=\"tj\">\u5b66\u6821\u3067\u304a\u5f79\u76ee\u3092\u7d42\u3048\u305f\u671d\u9854\u9262\u3092<br>\u5b50\u3069\u3082\u305f\u3061\u81ea\u8eab\u306e\u624b\u3067\u6d17\u3044\u307e\u3059<br>\u300c\u6368\u3066\u308b\u300d\u3067\u306f\u306a\u304f\u300c\u6b21\u3078\u6e21\u3059\u300d<br>\u6700\u521d\u306e\u4e00\u6b69\u3092\u4f53\u9a13\u3057\u307e\u3059<\/p>\n      <p class=\"te\">Pots that have finished their job at school<br>are washed by the children themselves.<br>Not \u201cthrowing away\u201d but \u201cpassing on\u201d:<br>they take the very first step.<\/p><\/div>\n    <\/div>\n    <div class=\"step reveal\">\n      <div class=\"num\">02<\/div>\n      <figure><img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/machinewash.png\" alt=\"\"><\/figure>\n      <div><span class=\"en\">CLEAN<\/span>\n      <h3 class=\"tj\">\u6d17\u6d44\u30fb\u7834\u7815\u3059\u308b<\/h3><h3 class=\"te\">Cleaning and crushing<\/h3>\n      <p class=\"tj\">\u56de\u53ce\u3057\u305f\u671d\u9854\u9262\u306f\u30ea\u30b5\u30a4\u30af\u30e9\u30fc\u306e\u3082\u3068\u3067<br>\u4e01\u5be7\u306b\u6d17\u6d44\u30fb\u7834\u7815\u3055\u308c\u307e\u3059<br>\u7d20\u6750\u3068\u3057\u3066\u306e\u65b0\u3057\u3044\u4eba\u751f\u306e\u6e96\u5099\u3092\u6574\u3048\u307e\u3059<\/p>\n      <p class=\"te\">The collected pots go to a recycler,<br>where they are carefully cleaned and crushed,<br>ready for a new life as raw material.<\/p><\/div>\n    <\/div>\n    <div class=\"step reveal\">\n      <div class=\"num\">03<\/div>\n      <figure><img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/flake.jpg\" alt=\"\"><\/figure>\n      <div><span class=\"en\">FLAKE<\/span>\n      <h3 class=\"tj\">\u30d5\u30ec\u30fc\u30af\u306b\u3059\u308b<\/h3><h3 class=\"te\">Turned into flakes<\/h3>\n      <p class=\"tj\">\u7834\u7815\u3055\u308c\u305f\u671d\u9854\u9262\u306f<br>\u5747\u4e00\u306a\u30d5\u30ec\u30fc\u30af\u72b6\u306b\u6574\u3048\u3089\u308c\u307e\u3059<br>\u713c\u5374\u3059\u308b\u306e\u3067\u306f\u306a\u304f<br>\u3082\u3046\u4e00\u5ea6\u300c\u304b\u305f\u3061\u300d\u306b\u306a\u308c\u308b\u7d20\u6750\u3068\u3057\u3066<br>\u751f\u307e\u308c\u5909\u308f\u308a\u307e\u3059<\/p>\n      <p class=\"te\">The crushed pots are refined<br>into uniform flakes.<br>Instead of being incinerated,<br>they are reborn as a material<br>that can take shape once more.<\/p><\/div>\n    <\/div>\n    <div class=\"step reveal\">\n      <div class=\"num\">04<\/div>\n      <figure><img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/injection-scaled.png\" alt=\"\"><\/figure>\n      <div><span class=\"en\">DYE &amp; MOLD<\/span>\n      <h3 class=\"tj\">\u85cd\u3092\u6df7\u305c\u3000\u6301\u3061\u624b\u3092\u6210\u578b\u3059\u308b<\/h3><h3 class=\"te\">Indigo is blended in and the handle molded<\/h3>\n      <p class=\"tj\">\u30d5\u30ec\u30fc\u30af\u306b\u85cd\u3092\u6df7\u305c\u8fbc\u307f<br>\u7b46\u306e\u6301\u3061\u624b\u3078\u3068\u6210\u578b\u3057\u307e\u3059<br>\u518d\u751f\u7d20\u6750\u304c<br>\u6417\u3061\u91cd\u306d\u305f\u3088\u3046\u306a\u6df1\u3044\u85cd\u3092\u307e\u3068\u3044\u307e\u3059<\/p>\n      <p class=\"te\">Indigo is blended into the flakes,<br>which are molded into brush handles.<br>The recycled material takes on a deep indigo,<br>as if dyed layer upon layer.<\/p><\/div>\n    <\/div>\n    <div class=\"step reveal\">\n      <div class=\"num\">05<\/div>\n      <figure><img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/brush-craft-1536x1016.png\" alt=\"\"><\/figure>\n      <div><span class=\"en\">CRAFT<\/span>\n      <h3 class=\"tj\">\u718a\u91ce\u7b46\u8077\u4eba\u304c\u3000\u7a42\u5148\u3092\u3064\u3051\u308b<\/h3><h3 class=\"te\">Kumano artisans set the bristles<\/h3>\n      <p class=\"tj\">\u5e83\u5cf6\u30fb\u718a\u91ce\u306e\u4f1d\u7d71\u5de5\u82b8\u3092\u62c5\u3046\u6643\u7950\u5802\u306e\u8077\u4eba\u304c<br>\u4e00\u672c\u305a\u3064\u7a42\u5148\u3092\u4ed5\u7acb\u3066\u307e\u3059<br>\u7d4c\u6e08\u7523\u696d\u5927\u81e3\u6307\u5b9a\u306e\u4f1d\u7d71\u7684\u5de5\u82b8\u54c1<br>\u300c\u718a\u91ce\u7b46\u300d\u306e\u6280\u304c<br>\u5faa\u74b0\u7d20\u6750\u306b\u547d\u3092\u5439\u304d\u8fbc\u307f\u307e\u3059<\/p>\n      <p class=\"te\">Artisans at Koyudo, keepers of the craft in Kumano, Hiroshima,<br>set each brush head by hand.<br>Kumano brushes are a Traditional Craft designated<br>by Japan&#8217;s Minister of Economy, Trade and Industry.<br>Their skill breathes life into recycled material.<\/p><\/div>\n    <\/div>\n    <div class=\"step reveal\">\n      <div class=\"num\">06<\/div>\n      <figure><img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/letter.png\" alt=\"\"><\/figure>\n      <div><span class=\"en\">WRITE<\/span>\n      <h3 class=\"tj\">\u5927\u5207\u306a\u4eba\u3078\u3000\u624b\u7d19\u3092\u66f8\u304f<\/h3><h3 class=\"te\">Writing a letter to someone dear<\/h3>\n      <p class=\"tj\">\u5b8c\u6210\u3057\u305f\u7b46\u3092\u624b\u306b\u3057\u305f\u5b50\u3069\u3082\u305f\u3061\u304c<br>\u5927\u5207\u306a\u4eba\u3078\u624b\u7d19\u3092\u3057\u305f\u305f\u3081\u307e\u3059<br>\u81ea\u5206\u304c\u6d17\u3063\u305f\u671d\u9854\u9262\u304c<br>\u3044\u307e\u624b\u306e\u4e2d\u3067\u8a00\u8449\u3092\u904b\u3076\u7b46\u306b\u306a\u3063\u3066\u3044\u308b<br><br>\u5faa\u74b0\u304c\u5fc3\u306e\u7269\u8a9e\u3068\u3057\u3066\u5b8c\u7d50\u3059\u308b\u77ac\u9593\u3067\u3059<\/p>\n      <p class=\"te\">Holding the finished brush,<br>the children write a letter to someone they love.<br>The pot they washed with their own hands<br>is now a brush carrying their words.<br><br>The moment the circle closes as a story of the heart.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- WHY IT MATTERS -->\n<section data-bg=\"#1B3A5B\" data-stage=\"4\">\n  <div class=\"label-line reveal\">\n    <span class=\"label-en\" style=\"margin:0\">WHY IT MATTERS<\/span>\n    <span class=\"label-ja tj\">\u89e3\u6c7a\u3067\u304d\u308b\u8ab2\u984c<\/span>\n    <span class=\"label-ja te\">What KACHIIRO addresses<\/span>\n  <\/div>\n  <div class=\"name-grid\">\n    <div class=\"name-card reveal\">\n      <span class=\"num\">I<\/span>\n      <h3 class=\"tj\">\u5730\u57df\u8cc7\u6e90\u5faa\u74b0<\/h3><h3 class=\"te\">Local resource circulation<\/h3>\n      <p class=\"tj\">\n        \u713c\u5374\u3067\u306f\u306a\u304f<br>\n        \u88fd\u54c1\u3078\u306e\u30a2\u30c3\u30d7\u30b5\u30a4\u30af\u30eb<br>\n        \u4f7f\u7528\u6e08\u307f\u30d7\u30e9\u30b9\u30c1\u30c3\u30af\u3092<br>\n        \u4e00\u751f\u30e2\u30ce\u306e\u5b9d\u7269\u306b<br>\n        \u5730\u57df\u8cc7\u6e90\u5faa\u74b0\u3092\u5b9f\u73fe\u3057\u307e\u3059\n      <\/p>\n      <p class=\"te\">\n        Upcycling into a product<br>\n        instead of incineration.<br>\n        Used plastic becomes<br>\n        a treasure for a lifetime,<br>\n        and resources circulate within the community.\n      <\/p>\n    <\/div>\n    <div class=\"name-card reveal\" style=\"transition-delay:.15s\">\n      <span class=\"num\">II<\/span>\n      <h3 class=\"tj\">\u5730\u57df\u3068\u4f1d\u7d71\u5de5\u82b8<\/h3><h3 class=\"te\">Regions and traditional craft<\/h3>\n      <p class=\"tj\">\n        \u5e83\u5cf6\u30fb\u718a\u91ce\u306e\u7b46\u3065\u304f\u308a\u3068<br>\n        \u65e5\u672c\u306e\u85cd<br><br>\n        \u5730\u57df\u8cc7\u6e90\u3068\u4f1d\u7d71\u7523\u696d\u3092<br>\n        \u5faa\u74b0\u7d4c\u6e08\u306b\u3064\u306a\u304e\u307e\u3059\n      <\/p>\n      <p class=\"te\">\n        Brush-making in Kumano, Hiroshima,<br>\n        and Japanese indigo.<br><br>\n        Local resources and traditional industry,<br>\n        joined into a circular economy.\n      <\/p>\n    <\/div>\n    <div class=\"name-card reveal\" style=\"transition-delay:.3s\">\n      <span class=\"num\">III<\/span>\n      <h3 class=\"tj\">\u5b50\u3069\u3082\u305f\u3061\u306e\u5b66\u3073<\/h3><h3 class=\"te\">Children&#8217;s learning<\/h3>\n      <p class=\"tj\">\n        \u624b\u6d17\u3044\u304b\u3089\u304a\u624b\u7d19\u307e\u3067<br>\n        \u5b50\u3069\u3082\u81ea\u8eab\u304c\u5faa\u74b0\u306e\u4e3b\u5f79\u306b<br><br>\n        \u624b\u3092\u52d5\u304b\u3057\u3066\u7406\u89e3\u3092\u6df1\u3081\u308b<br>\n        \u5b9f\u8df5\u7684\u306a\u74b0\u5883\u6559\u80b2\u3067\u3059\n      <\/p>\n      <p class=\"te\">\n        From washing the pot to writing the letter,<br>\n        the children are the protagonists of the circle.<br><br>\n        Hands-on environmental education<br>\n        where understanding grows through doing.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- RECOGNITION -->\n<section class=\"honors\" id=\"honors\" data-bg=\"#13294A\" data-stage=\"4\">\n  <div class=\"label-line reveal\">\n    <span class=\"label-en\" style=\"margin:0\">RECOGNITION<\/span>\n    <span class=\"label-ja tj\">\u53d6\u308a\u7d44\u307f\u3078\u306e\u8a55\u4fa1<\/span>\n    <span class=\"label-ja te\">Awards and features<\/span>\n  <\/div>\n  <div class=\"rows reveal\">\n    <div class=\"row\">\n      <a href=\"https:\/\/plastics-smart.env.go.jp\/award_26\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/award-plasma2026-300x272.jpg\" alt=\"Plastics Smart Award 2026\"><\/a>\n      <div><div class=\"ttl tj\">\u74b0\u5883\u7701 \u30d7\u30e9\u30b9\u30de\u30fb\u30a2\u30ef\u30fc\u30c9 2026<\/div><div class=\"prize tj\">\u4f5c\u308b\u90e8\u9580 \u9280\u8cde\u53d7\u8cde<\/div>\n           <div class=\"ttl te\">Plastics Smart Award 2026, Ministry of the Environment, Japan<\/div><div class=\"prize te\">Silver Award, \u201cMaking\u201d category<\/div><\/div>\n    <\/div>\n    <div class=\"row\">\n      <a href=\"https:\/\/style100.city.yokohama.lg.jp\/article\/article-2587\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/07\/style100-yokohama-300x300.jpg\" alt=\"STYLE 100 City of Yokohama\"><\/a>\n      <div><div class=\"ttl tj\">\u5730\u7403\u4e00\u500b\u5206\u3067\u66ae\u3089\u305d\u3046<br>STYLE 100<br>CITY OF YOKOHAMA<\/div><div class=\"prize tj\">\u671d\u9854\u9262\u304b\u3089\u672a\u6765\u306e\u7b46\u3092\u3064\u304f\u308d\u3046<\/div>\n           <div class=\"ttl te\">STYLE 100, City of Yokohama<br>\u201cLiving within one planet\u201d<\/div><div class=\"prize te\">Featured: \u201cMaking the brushes of the future from morning-glory pots\u201d<\/div><\/div>\n    <\/div>\n    <div class=\"row\">\n      <a href=\"https:\/\/note.com\/vlag_yokohama\/n\/n5beb5a7fe081?magazine_key=m6148b917b7ff\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/MEBUKU2-300x147.jpg\" alt=\"MEBUKU by Vlag yokohama\"><\/a>\n      <div><div class=\"ttl\">MEBUKU by Vlag yokohama<\/div><div class=\"prize tj\">\u7b2c2\u671f \u6700\u512a\u79c0\u8cde<\/div><div class=\"prize te\">Grand Prize, 2nd cohort<\/div><\/div>\n    <\/div>\n    <div class=\"row\">\n      <a href=\"https:\/\/yokohamacity-edu.note.jp\/n\/nbdad5b1625bd\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/%E6%A8%AA%E6%B5%9C%E5%B8%82%E6%95%99%E8%82%B2%E5%A7%94%E5%93%A1%E4%BC%9A-300x300.webp\" alt=\"Yokohama City Board of Education\"><\/a>\n      <div><div class=\"ttl tj\">\u6a2a\u6d5c\u5e02\u6559\u80b2\u59d4\u54e1\u4f1a\u516c\u5f0fnote<br>\u300c\u30e8\u30b3\u30a8\u30c7\u30e5\uff01\u300d\u63b2\u8f09<\/div>\n           <div class=\"ttl te\">Featured on \u201cYoko-Edu!\u201d,<br>the official note of the Yokohama City Board of Education<\/div><\/div>\n    <\/div>\n    <div class=\"row\">\n      <a href=\"https:\/\/dive-hiroshima.com\/feature\/feature-119729\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/hit-award2025-300x169.webp\" alt=\"HIT award 2025\"><\/a>\n      <div><div class=\"ttl\">HIT award 2025<\/div><div class=\"prize tj\">\u7279\u5225\u8cde<\/div><div class=\"prize te\">Special Prize (Hiroshima)<\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- GREEN\u00d7EXPO 2027 \/ \u3081\u3076\u304f\u308b\u304f\u308b -->\n<section class=\"future\" data-bg=\"#0B1524\" data-stage=\"5\">\n  <div class=\"reveal ink\">\n    <span class=\"label-en\" style=\"margin-bottom:50px\">GREEN\u00d7EXPO 2027<\/span>\n    <p class=\"lead tj\">\n      GREEN\u00d7EXPO 2027<br>\n      \u6a2a\u6d5c\u30b0\u30ea\u30fc\u30f3\u30a8\u30ad\u30b9\u30dd<br>\n      \u306b\u5411\u3051\u3066\n    <\/p>\n    <p class=\"lead te\">\n      Toward GREEN\u00d7EXPO 2027<br>\n      the International Horticultural Expo in Yokohama\n    <\/p>\n    <p class=\"body tj\">\n      GREEN\u00d7EXPO 2027<span class=\"gx-slash\"> \/ <\/span><br class=\"mbr\">\u6a2a\u6d5c\u30b0\u30ea\u30fc\u30f3\u30a8\u30ad\u30b9\u30dd<br>\n      \u307e\u305f\u3000\u305d\u306e\u5468\u8fba\u30a4\u30d9\u30f3\u30c8\u306b\u304a\u3044\u3066<br>\n      \u6a2a\u6d5c\u306e\u5730\u57df\u8cc7\u6e90\u5faa\u74b0\u00d7\u74b0\u5883\u6559\u80b2\u3092<br class=\"mbr\">\u8868\u73fe\u3057\u3066\u3044\u304f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\n    <\/p>\n    <p class=\"body te\">\n      At GREEN\u00d7EXPO 2027 in Yokohama<br>\n      and the events around it,<br>\n      a project to express Yokohama&#8217;s own<br class=\"mbr\">resource circulation \u00d7 environmental education\n    <\/p>\n    <figure class=\"mebuku-fig\">\n      <img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/mebukurukuru-1024x977.png\" alt=\"Mebukurukuru\">\n    <\/figure>\n    <p class=\"bigname tj\">\u3081\u3076\u304f\u308b\u304f\u308b<\/p>\n    <p class=\"bigname te\">Mebukurukuru<\/p>\n    <p class=\"body tj\" style=\"margin-top:0\">\n      \u3092\u59cb\u52d5\u3057\u307e\u3059<br><br>\n      \u591a\u304f\u306e\u5b50\u3069\u3082\u305f\u3061\u3084\u305d\u306e\u3054\u5bb6\u65cf<br>\n      \u6d77\u5916\u304b\u3089\u306e\u6765\u5834\u8005\u306b\u5411\u3051<br>\n      \u672c\u53d6\u7d44\u306b\u5171\u611f\u3044\u305f\u3060\u3044\u305f\u4ef2\u9593\u3068\u5171\u306b<br>\n      \u30ef\u30af\u30ef\u30af\u3059\u308b\u30a2\u30a6\u30c8\u30d7\u30c3\u30c8\u3092<br class=\"mbr\">\u5171\u5275\u3057\u3066\u53c2\u308a\u307e\u3059\n    <\/p>\n    <p class=\"body te\" style=\"margin-top:0\">\n      is now under way.<br>\n      The name joins <em lang=\"ja\">mebuku<\/em> (to sprout) and <em lang=\"ja\">kurukuru<\/em> (round and round).<br><br>\n      For children and their families,<br>\n      and for visitors from around the world,<br>\n      we will co-create exciting things to see, touch and take home,<br class=\"mbr\">together with everyone who shares this story.\n    <\/p>\n  <\/div>\n<\/section>\n\n<!-- EXPERIENCE & SHOP -->\n<section class=\"exp\" id=\"experience\" data-bg=\"#0B1524\" data-stage=\"5\">\n  <div class=\"label-line reveal\">\n    <span class=\"label-en\" style=\"margin:0\">EXPERIENCE &amp; SHOP<\/span>\n    <span class=\"label-ja tj\">\u4f53\u9a13\u3059\u308b\u30fb\u624b\u306b\u5165\u308c\u308b<\/span>\n    <span class=\"label-ja te\">Try it, take it home<\/span>\n  <\/div>\n  <div class=\"exp-grid\">\n    <div class=\"exp-card reveal\">\n      <span class=\"num\">WORKSHOP<\/span>\n      <h3 class=\"tj\">\u6a2a\u6d5c\u9928\u306e\u30b5\u30a4\u30f3\u3092<br>KACHIIRO\u3067\u5857\u308b<\/h3>\n      <h3 class=\"te\">Paint the Yokohama<br class=\"mbr\"> Pavilion sign<br>with KACHIIRO<\/h3>\n      <p class=\"tj\">\n        GREEN\u00d7EXPO 2027<br>\n        \u6a2a\u6d5c\u5e02\u30d1\u30d3\u30ea\u30aa\u30f3<br class=\"mbr\">\u300c\u3064\u306a\u3050\u6a2a\u6d5c\u9928\u300d\u306e\u6771\u5074\u58c1\u9762\u306b<br>\n        \u8a2d\u7f6e\u3055\u308c\u308b\u30b5\u30a4\u30f3\u3092<br>\n        \u6765\u5834\u8005\u306e\u7686\u3055\u307e\u3068<br class=\"mbr\">KACHIIRO\u3067\u5857\u308a\u307e\u3059<br>\n        \u4e94\u89d2\u7b46\u3068\u592a\u7b46\u3092\u624b\u306b<br class=\"mbr\">\u3072\u3068\u5857\u308a\u305a\u3064<br>\n        \u5857\u308a\u4e0a\u3052\u305f\u30b5\u30a4\u30f3\u306f<br class=\"mbr\">\u4f1a\u5834\u3067\u6a2a\u6d5c\u9928\u3092\u5f69\u308a\u307e\u3059\n      <\/p>\n      <p class=\"te\">\n        For GREEN\u00d7EXPO 2027,<br>\n        visitors will paint the sign for the east wall<br>\n        of the Yokohama Pavilion, Tsunagu Yokohama-kan,<br>\n        using KACHIIRO pentagonal and thick brushes.<br>\n        The finished sign will greet visitors at the Expo.\n      <\/p>\n      <dl class=\"exp-info\">\n        <dt class=\"tj\">\u65e5\u6642<\/dt><dt class=\"te\">Date<\/dt>\n        <dd class=\"tj\">2026\u5e7410\u670825\u65e5\uff08\u65e5\uff09<br class=\"mbr\">10:00\u301c16:00<\/dd><dd class=\"te\">Sun, Oct 25, 2026<br class=\"mbr\"> 10:00\u201316:00<\/dd>\n        <dt class=\"tj\">\u4f1a\u5834<\/dt><dt class=\"te\">Venue<\/dt>\n        <dd class=\"tj\">\u6a2a\u6d5c\u5e02\u5f79\u6240 1F \u30a2\u30c8\u30ea\u30a6\u30e0<\/dd><dd class=\"te\">Yokohama City Hall, 1F Atrium<\/dd>\n        <dt class=\"tj\">\u53c2\u52a0<\/dt><dt class=\"te\">Entry<\/dt>\n        <dd class=\"tj\">\u7533\u8fbc\u4e0d\u8981<\/dd><dd class=\"te\">No reservation needed<\/dd>\n      <\/dl>\n      <a class=\"btn solid\" href=\"https:\/\/www.city.yokohama.lg.jp\/city-info\/koho-kocho\/press\/green\/2026\/0930_expo-workshop.html\" target=\"_blank\" rel=\"noopener\"><span class=\"tj\">\u6a2a\u6d5c\u5e02\u306e\u8a18\u8005\u767a\u8868\u3092\u898b\u308b<\/span><span class=\"te\">Event details<\/span><\/a>\n      <a class=\"btn solid\" href=\"https:\/\/www.instagram.com\/reel\/DeDMiU-hguc\/\" target=\"_blank\" rel=\"noopener\"><span class=\"tj\">\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3\u30e0\u30fc\u30d3\u30fc\u306f\u3053\u3061\u3089<\/span><span class=\"te\">Watch the promotion movie<\/span><\/a>\n    <\/div>\n    <div class=\"exp-card reveal events\" style=\"transition-delay:.15s\">\n      <span class=\"num\">UPCOMING EVENTS<\/span>\n      <h3 class=\"tj\">\u4eca\u5f8c\u306e<br class=\"mbr\">\u30ef\u30fc\u30af\u30b7\u30e7\u30c3\u30d7\u30fb\u30a4\u30d9\u30f3\u30c8<\/h3>\n      <h3 class=\"te\">Upcoming<br class=\"mbr\"> workshops<br>and events<\/h3>\n      <p class=\"tj\">\n        KACHIIRO\u306e\u7b46\u306b\u89e6\u308c\u3066\u3001\u66f8\u3044\u3066\u3001<br class=\"mbr\">\u624b\u306b\u5165\u308c\u308b<br>\n        \u4f53\u9a13\u4f1a\u30fb\u30ef\u30fc\u30af\u30b7\u30e7\u30c3\u30d7\u3092<br class=\"mbr\">\u5404\u5730\u3067\u958b\u50ac\u3057\u307e\u3059\n      <\/p>\n      <p class=\"te\">\n        Try KACHIIRO brushes, write with them,<br>\n        and take one home at events<br>\n        in Yokohama and Tokyo.\n      <\/p>\n      <div class=\"ev\">\n        <dl class=\"exp-info\">\n          <dt class=\"tj\">11\u67088\u65e5\uff08\u65e5\uff09<\/dt><dt class=\"te\">Nov 8 (Sun)<\/dt>\n          <dd class=\"tj\">\u90fd\u7b51\u3075\u308c\u3042\u3044\u306e\u4e18\u307e\u3064\u308a2026<br>\u718a\u91ce\u7b46\u306e\u4f53\u9a13\u30fb\u8ca9\u58f2\u4f1a<br>\u6a2a\u6d5c\u5e02\u8cc7\u6e90\u5faa\u74b0\u5c40 \u90fd\u7b51\u5de5\u5834<br>10:00\u301c15:00\uff0f\u7533\u8fbc\u4e0d\u8981<\/dd>\n          <dd class=\"te\">Tsuzuki Fureai-no-Oka Festival 2026<br>Brush try-out and sales<br>Yokohama City Tsuzuki Plant<br>10:00\u201315:00 \/ No reservation needed<\/dd>\n        <\/dl>\n        <a class=\"btn solid\" href=\"https:\/\/www.city.yokohama.lg.jp\/city-info\/koho-kocho\/press\/shigen\/2026\/1001YRC.html\" target=\"_blank\" rel=\"noopener\"><span class=\"tj\">11\/8 \u6a2a\u6d5c\u5e02\u306e\u8a18\u8005\u767a\u8868\u3092\u898b\u308b<\/span><span class=\"te\">Nov 8 event details<\/span><\/a>\n      <\/div>\n      <div class=\"ev\">\n        <dl class=\"exp-info\">\n          <dt class=\"tj\">11\u670814\u65e5\uff08\u571f\uff09<br class=\"pbr\">\u30fb15\u65e5\uff08\u65e5\uff09<\/dt><dt class=\"te\">Nov 14\u201315<br class=\"pbr\">(Sat\u2013Sun)<\/dt>\n          <dd class=\"tj\">TOKYO\u30ab\u30eb\u30c1\u30e3\u30fc\u30c7\u30d3\u30e5\u30fcPARK<br>\u91d1\u9280\u7b94\u7d19\u3092\u4f7f\u3063\u305f\u304a\u7d75\u63cf\u304d\u3068<br>\u3057\u304a\u308a\u3065\u304f\u308a\u306e\u30ef\u30fc\u30af\u30b7\u30e7\u30c3\u30d7<br>\u718a\u91ce\u7b46\u306e\u8ca9\u58f2\u3082\u3042\u308a\u307e\u3059<br>\u8c4a\u6d32\u516c\u5712\uff08\u6771\u4eac\u90fd\u6c5f\u6771\u533a\uff09<br>10:00\u301c17:00\uff0f\u5165\u5834\u7121\u6599\u30fb\u7533\u8fbc\u4e0d\u8981<\/dd>\n          <dd class=\"te\">TOKYO Culture Debut PARK<br>Drawing and bookmark-making<br>with gold and silver foil paper<br>KACHIIRO brushes also on sale<br>Toyosu Park, Koto-ku, Tokyo<br>10:00\u201317:00 \/ Free, no reservation needed<\/dd>\n        <\/dl>\n        <a class=\"btn solid\" href=\"https:\/\/tokyo-culture-debut.rekibun.or.jp\/park\/\" target=\"_blank\" rel=\"noopener\"><span class=\"tj\">11\/14\u30fb15 \u516c\u5f0f\u30b5\u30a4\u30c8\u3092\u898b\u308b<\/span><span class=\"te\">Nov 14\u201315 official site<\/span><\/a>\n      <\/div>\n    <\/div>\n    <div class=\"exp-card reveal\" style=\"transition-delay:.3s\">\n      <span class=\"num\">ONLINE SHOP<\/span>\n      <h3 class=\"tj\">JAPAN BLUE \u718a\u91ce\u7b46<br>KACHIIRO \u3092<br class=\"mbr\">\u624b\u306b\u5165\u308c\u308b<\/h3>\n      <h3 class=\"te\">Bring home<br class=\"mbr\"> a JAPAN BLUE Kumano brush<\/h3>\n      <p class=\"tj\">\n        PHI\u306e\u30aa\u30f3\u30e9\u30a4\u30f3\u30b7\u30e7\u30c3\u30d7<br class=\"mbr\">\u300cPHI selection\u300d\u3067<br>\n        \u304a\u6c42\u3081\u3044\u305f\u3060\u3051\u307e\u3059\n      <\/p>\n      <p class=\"te\">\n        Available from PHI&#8217;s online shop, PHI selection.<br>\n        The shop is in Japanese;<br>a browser translation works well.\n      <\/p>\n      <a class=\"btn solid\" href=\"https:\/\/phiselection.base.shop\/\" target=\"_blank\" rel=\"noopener\"><span class=\"tj\">PHI selection \u3092\u898b\u308b<\/span><span class=\"te\">Open PHI selection<\/span><\/a>\n    <\/div>\n  <\/div>\n  <p class=\"exp-note tj\">\u5728\u5eab\u72b6\u6cc1\u306f<br class=\"mbr\">\u30b7\u30e7\u30c3\u30d7\u306e\u8868\u793a\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044<\/p>\n  <p class=\"exp-note te\">Please check the shop for current stock.<\/p>\n<\/section>\n\n<!-- CONTACT -->\n<section class=\"contact\" id=\"contact\" data-bg=\"#070E1A\" data-stage=\"5\">\n  <div class=\"reveal ink\">\n    <span class=\"label-en\" style=\"margin-bottom:46px\">CONTACT<\/span>\n    <h2 class=\"tj\">\u3053\u306e\u7269\u8a9e\u3092\u3000\u3054\u4e00\u7dd2\u306b<\/h2>\n    <h2 class=\"te\">Join this story<\/h2>\n    <p class=\"tj\">\n      \u3081\u3076\u304f\u308b\u304f\u308b\u3078\u306e\u53c2\u52a0\u5e0c\u671b<br>\n      \u74b0\u5883\u6559\u80b2\u306e\u3054\u76f8\u8ac7\u306a\u3069<br>\n      \u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\n    <\/p>\n    <p class=\"te\">\n      To take part in Mebukurukuru,<br>\n      to talk about environmental education,<br>\n      or for anything else, please get in touch.\n    <\/p>\n    <a class=\"btn\" href=\"https:\/\/forms.gle\/zeqNfhy6hFp9igk1A\" target=\"_blank\" rel=\"noopener\"><span class=\"tj\">\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0<\/span><span class=\"te\">Contact form<\/span><\/a>\n    <div class=\"sns\">\n      <a href=\"https:\/\/www.instagram.com\/phi_shigeta\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2024\/07\/Instagram.png\" alt=\"Instagram\"><\/a>\n      <a href=\"https:\/\/note.com\/phi_shigeta\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/note-icon.png\" alt=\"note\"><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"kc-footer\">\u00a9 PHI Inc. \uff5c JAPAN BLUE <span class=\"tj\">\u718a\u91ce\u7b46<\/span><span class=\"te\">Kumano Brush<\/span> KACHIIRO<\/div>\n<\/div>\n\n<script>\n(function(){\n  var root=document.documentElement;\n  var KEY='kachiiro-lang';\n  function apply(lang,store){\n    lang=lang==='en'?'en':'ja';\n    root.setAttribute('data-lang',lang);\n    root.setAttribute('lang',lang);\n    document.title=lang==='en'?'KACHIIRO | JAPAN BLUE Kumano Brush':'KACHIIRO | JAPAN BLUE \u718a\u91ce\u7b46';\n    document.querySelectorAll('.lang-toggle button').forEach(function(b){\n      b.setAttribute('aria-pressed',b.dataset.lang===lang?'true':'false');\n    });\n    if(store){try{localStorage.setItem(KEY,lang)}catch(e){}}\n    if(window.__kcUpdate){requestAnimationFrame(window.__kcUpdate)}\n  }\n  var initial=null;\n  var h=(location.hash||'').replace('#','').toLowerCase();\n  if(h==='en'||h==='ja'){initial=h}\n  if(!initial){try{initial=localStorage.getItem(KEY)}catch(e){}}\n  if(!initial){\n    var nav=(navigator.language||'ja').toLowerCase();\n    initial=nav.indexOf('ja')===0?'ja':'en';\n  }\n  apply(initial,false);\n  document.querySelectorAll('.lang-toggle button').forEach(function(b){\n    b.addEventListener('click',function(){apply(b.dataset.lang,true)});\n  });\n  addEventListener('hashchange',function(){\n    var h=(location.hash||'').replace('#','').toLowerCase();\n    if(h==='en'||h==='ja')apply(h,true);\n  });\n})();\n<\/script>\n<script>\n\n(function(){\nconst kwrap=document.getElementById('kachiiro-page');\nif(kwrap){\n\n\/\/ ---- \u67d3\u3081\u91cd\u306d\u30b9\u30af\u30ed\u30fc\u30eb\uff1a\u80cc\u666f\u8272\u3092\u30b9\u30af\u30ed\u30fc\u30eb\u4f4d\u7f6e\u3067\u88dc\u9593 ----\nconst sections=[...document.querySelectorAll('section[data-bg]')];\nconst hexToRgb=h=>{h=h.replace('#','');return [parseInt(h.slice(0,2),16),parseInt(h.slice(2,4),16),parseInt(h.slice(4,6),16)]};\nconst lerp=(a,b,t)=>a+(b-a)*t;\nfunction update(){\n  const mid=window.scrollY+window.innerHeight*0.5;\n  let cur=sections[0],next=null,t=0;\n  for(let i=0;sections.length>i;i++){\n    const s=sections[i],top=s.offsetTop,h=s.offsetHeight;\n    if(mid>=top)if(top+h>mid){\n      cur=s;next=sections[i+1]||s;\n      const local=(mid-top)\/h;\n      t=Math.max(0,(local-0.55)\/0.45); \/\/ \u30bb\u30af\u30b7\u30e7\u30f3\u5f8c\u534a\u3067\u6b21\u306e\u8272\u3078\u6eb6\u3051\u308b\n      break;\n    }\n  }\n  const c1=hexToRgb(cur.dataset.bg),c2=hexToRgb((next||cur).dataset.bg);\n  const r=Math.round(lerp(c1[0],c2[0],t)),g=Math.round(lerp(c1[1],c2[1],t)),b=Math.round(lerp(c1[2],c2[2],t));\n  kwrap.style.background=`rgb(${r},${g},${b})`;\n  const lum=(0.299*r+0.587*g+0.114*b)\/255;\n  kwrap.classList.toggle('dark',0.62>lum);\n  \/\/ \u6df1\u5ea6\u8a08\n  const stage=cur.dataset.stage||'0';\n  document.querySelectorAll('.dye-gauge .stage').forEach(el=>{\n    el.classList.toggle('active',el.dataset.stage===stage);\n  });\n  if(!reduceMotion){\n    \/\/ \u2460\u85cd\u306e\u7cf8\uff1aJOURNEY\u5185\u306e\u9032\u884c\u5ea6\u3067\u7cf8\u304c\u67d3\u307e\u308a\u9032\u3080\n    const steps=document.querySelector('.journey-steps');\n    if(steps){\n      const rect=steps.getBoundingClientRect();\n      const prog=Math.min(1,Math.max(0,(window.innerHeight*0.72-rect.top)\/rect.height));\n      threadFill.style.height=(prog*100)+'%';\n      if(burstEl){\n        if(0.85>prog){window.__armed=true}\n        if(prog>0.9999)if(window.__armed){window.__armed=false;setTimeout(fireBurst,260)}\n      }\n      const fillY=rect.top+rect.height*prog;\n      document.querySelectorAll('.step').forEach(s=>{\n        s.classList.toggle('dyed',fillY>s.getBoundingClientRect().top+66);\n      });\n    }\n    \/\/ \u2462\u5fae\u8996\u5dee\uff1a\u7d19\u306e\u4e0a\u306e\u5965\u884c\u304d\n    document.querySelectorAll('.plx').forEach(el=>{\n      const r=el.getBoundingClientRect();\n      const d=(window.innerHeight\/2-(r.top+r.height\/2))*parseFloat(el.dataset.plx||0.04);\n      el.style.transform='translateY('+d.toFixed(1)+'px) scale(1.06)';\n    });\n  }\n}\nconst reduceMotion=matchMedia('(prefers-reduced-motion: reduce)').matches;\nconst threadFill=document.querySelector('.thread .fill');\nconst burstEl=document.querySelector('.journey-steps .burst');\nfunction fireBurst(){\n  burstEl.innerHTML='';\n  var parts=[];\n  for(var i=0;26>i;i++){\n    var sp=document.createElement('span');\n    var ang=Math.random()*Math.PI*2;\n    var v0=30+Math.random()*70;\n    var sz=(1.5+Math.random()*1.8).toFixed(1);\n    sp.style.width=sz+'px';sp.style.height=sz+'px';sp.style.opacity=1;\n    burstEl.appendChild(sp);\n    parts.push({el:sp,vx:Math.cos(ang)*v0,vy:Math.sin(ang)*v0-40-Math.random()*30,x:0,y:0,life:3.2+Math.random()*1.6,t:0});\n  }\n  var last=performance.now();\n  function stepB(now){\n    var dt=Math.min(0.05,(now-last)*0.001); last=now;\n    var alive=0;\n    parts.forEach(function(p){\n      if(p.t>p.life){p.el.style.opacity=0;return}\n      alive++;\n      p.t+=dt;\n      p.vy+=55*dt;\n      p.x+=p.vx*dt; p.y+=p.vy*dt;\n      p.el.style.transform='translate('+p.x.toFixed(1)+'px,'+p.y.toFixed(1)+'px)';\n      var rem=(p.life-p.t)\/p.life;\n      p.el.style.opacity=Math.max(0,Math.min(1,rem*1.6)).toFixed(2);\n    });\n    if(alive>0)requestAnimationFrame(stepB);\n  }\n  requestAnimationFrame(stepB);\n}\n\n\/\/ \u2463\u91d1\u7b94\uff1a\u30b9\u30af\u30ed\u30fc\u30eb\uff0b\u6642\u9593\u3067\u7b94\u306e\u30d1\u30bf\u30fc\u30f3\u3068\u5149\u304c\u6d41\u308c\u7d9a\u3051\u308b\nconst heroTitle=document.querySelector('.hero-title h1');\nfunction foil(now){\n  if(!reduceMotion)if(window.innerHeight*1.3>window.scrollY){\n    const t=now*0.001;\n    heroTitle.style.setProperty('--fx',(-(window.scrollY*0.45)+t*8).toFixed(1)+'px');\n    heroTitle.style.setProperty('--fy',((window.scrollY*0.22)+t*4.5).toFixed(1)+'px');\n    const cyc=(t*18+window.scrollY*0.12)%520;\n    heroTitle.style.setProperty('--sx',(130-(260>cyc?cyc:520-cyc)).toFixed(1)+'%');\n  }\n  requestAnimationFrame(foil);\n}\nif(!reduceMotion)if(heroTitle)requestAnimationFrame(foil);\naddEventListener('scroll',update,{passive:true});\naddEventListener('resize',update);\nupdate();\nwindow.__kcUpdate=update;\n\n\/\/ ---- \u30d5\u30a7\u30fc\u30c9\u30a4\u30f3 ----\nconst io=new IntersectionObserver(es=>es.forEach(e=>{\n  if(e.isIntersecting){e.target.classList.add('vis');io.unobserve(e.target)}\n}),{threshold:0.12});\ndocument.querySelectorAll('.reveal').forEach(el=>io.observe(el));\n\/\/ ---- \u85cd\u306e\u30ab\u30fc\u30bd\u30eb\u6f14\u51fa\uff1a\u67d3\u3081\u306e\u6b8b\u50cf\uff0b\u4e00\u6ef4\u306e\u6ce2\u7d0b\uff08PC\u30fbpointer:fine\u306e\u307f\uff09 ----\nif(window.matchMedia('(hover: hover) and (pointer: fine)').matches)if(!reduceMotion){\n  var fxHost=document.createElement('div');\n  fxHost.className='kc-fx';\n  document.body.appendChild(fxHost);\n  var inkColors=['#1B3A5B','#3E6E94','#16304F','#2B5277','#6FA0B6'];\n  var pool=[],pi=0,POOLN=24;\n  for(var i=0;POOLN>i;i++){var dd=document.createElement('span');dd.className='kc-ink';fxHost.appendChild(dd);pool.push(dd)}\n  var cur=document.createElement('img');cur.className='kc-cursor';cur.src='https:\/\/www.phi-gr.com\/wp-content\/uploads\/2024\/07\/cropped-LOGO.png';cur.alt='';cur.setAttribute('aria-hidden','true');document.body.appendChild(cur);\n  document.addEventListener('pointerover',function(e){if(e.target.closest('a,button')){cur.classList.add('kc-big')}else{cur.classList.remove('kc-big')}});\n  var lx=-99,ly=-99,lt=0;\n  document.addEventListener('pointermove',function(e){\n    var now=performance.now();\n    var dx=e.clientX-lx,dy=e.clientY-ly;\n    if(now-lt>26||dx*dx+dy*dy>900){\n      lt=now;lx=e.clientX;ly=e.clientY;\n      cur.style.transform='translate('+e.clientX+'px,'+e.clientY+'px) translate(-50%,-50%)';\n      cur.style.opacity=1;\n      var d=pool[pi];pi=(pi+1)%POOLN;\n      var sz=2.5+Math.random()*3;\n      d.style.width=sz+'px';d.style.height=sz+'px';\n      d.style.left=e.clientX+'px';d.style.top=e.clientY+'px';\n      d.style.background=inkColors[Math.floor(Math.random()*inkColors.length)];\n      d.animate([\n        {opacity:.5,transform:'translate(-50%,-50%) scale(1)'},\n        {opacity:0,transform:'translate(-50%,-50%) translate('+((Math.random()*12)-6).toFixed(1)+'px,'+(6+Math.random()*12).toFixed(1)+'px) scale(.25)'}\n      ],{duration:850+Math.random()*350,easing:'cubic-bezier(.2,.6,.3,1)',fill:'forwards'});\n    }\n  },{passive:true});\n  document.addEventListener('pointerdown',function(e){\n    var r=document.createElement('span');r.className='kc-ripple';\n    r.style.left=e.clientX+'px';r.style.top=e.clientY+'px';\n    fxHost.appendChild(r);\n    r.animate([\n      {opacity:.38,transform:'translate(-50%,-50%) scale(.1)'},\n      {opacity:0,transform:'translate(-50%,-50%) scale(1)'}\n    ],{duration:950,easing:'cubic-bezier(.16,.8,.3,1)',fill:'forwards'}).onfinish=function(){r.remove()};\n    var r2=document.createElement('span');r2.className='kc-ripple kc-ripple2';\n    r2.style.left=e.clientX+'px';r2.style.top=e.clientY+'px';\n    fxHost.appendChild(r2);\n    r2.animate([\n      {opacity:.5,transform:'translate(-50%,-50%) scale(.05)'},\n      {opacity:0,transform:'translate(-50%,-50%) scale(.55)'}\n    ],{duration:700,easing:'ease-out',fill:'forwards'}).onfinish=function(){r2.remove()};\n  });\n}\n\n\n}\n})();\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u65e5\u672c\u8a9e English \u751f\u6210KINARI \u74f6\u8997KAMENOZOKI \u6d45\u8471ASAGI \u7e39HANADA \u7d3aKON \u8910KACHI JAPAN BLUE KUMANO BRUSH KACHIIRO \u74b0\u5883\u6559\u80b2 \u00d7 \u5730\u57df\u8cc7\u6e90\u5faa\u74b0 \u00d7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"_g2\/page-onecolumn.php","meta":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_sitemap":"","_veu_custom_css":"","veu_display_promotion_alert":"","_exclude_from_list_pages":"","vkexunit_cta_each_option":"","vkExUnit_childPageIndex":"","vkExUnit_pageList_ancestor":"","vkExUnit_contact_enable":"","footnotes":""},"class_list":["post-1182","page","type-page","status-publish","hentry"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/www.phi-gr.com\/index.php?rest_route=\/wp\/v2\/pages\/1182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.phi-gr.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.phi-gr.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.phi-gr.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phi-gr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1182"}],"version-history":[{"count":145,"href":"https:\/\/www.phi-gr.com\/index.php?rest_route=\/wp\/v2\/pages\/1182\/revisions"}],"predecessor-version":[{"id":1429,"href":"https:\/\/www.phi-gr.com\/index.php?rest_route=\/wp\/v2\/pages\/1182\/revisions\/1429"}],"wp:attachment":[{"href":"https:\/\/www.phi-gr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}