{"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-06-11T10:21:56","modified_gmt":"2026-06-11T01:21:56","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;1,400&#038;family=Zen+Kaku+Gothic+New:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n<style>\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;\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}\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<\/style>\n<div id=\"kachiiro-page\">\n<div class=\"dye-gauge\" aria-hidden=\"true\">\n  <div class=\"stage\" data-stage=\"0\">\u751f\u6210<\/div>\n  <div class=\"stage\" data-stage=\"1\">\u74f6\u8997<\/div>\n  <div class=\"stage\" data-stage=\"2\">\u6d45\u8471<\/div>\n  <div class=\"stage\" data-stage=\"3\">\u7e39<\/div>\n  <div class=\"stage\" data-stage=\"4\">\u7d3a<\/div>\n  <div class=\"stage\" data-stage=\"5\">\u8910<\/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\">\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\u306e\u4f1d\u7d71\u306e\u7d99\u627f\u767a\u5c55<\/div>\n    <\/div>\n    <div class=\"hero-poem\">\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>\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\">\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=\"product-name\">JAPAN BLUE \u718a\u91ce\u7b46 \u201dKACHIIRO\u201d<\/p>\n    <p class=\"body\">\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    <figure class=\"brush-fig\">\n      <img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/Kachiiro.jpg\" alt=\"JAPAN BLUE \u718a\u91ce\u7b46 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=\"\u53d6\u308a\u7d44\u307f\u3092\u306f\u3058\u3081\u305f\u304d\u3063\u304b\u3051\">\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\">\u53d6\u308a\u7d44\u307f\u3092\u306f\u3058\u3081\u305f\u304d\u3063\u304b\u3051<\/span>\n      <\/div>\n      <div class=\"t1\">\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>\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=\"\u307e\u3061\u3067\u898b\u304b\u3051\u305f\u671d\u9854\u9262\">\n    <\/figure>\n    <div class=\"reveal copy2\">\n      <p>\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    <\/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\" style=\"margin-top:10px\">\u304b\u3061\u3044\u308d\u3000K A C H I I R O<\/div>\n  <\/div>\n  <div class=\"name-lead reveal\">\n    <p>\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  <\/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>\u85cd \uff1d JAPAN BLUE<\/h3>\n      <p>\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    <\/div>\n    <div class=\"name-card reveal\" style=\"transition-delay:.3s\">\n      <span class=\"num\">II<\/span>\n      <h3>\u6417\u3061 \uff1d \u91cd\u306d\u308b\u3000\u7f8e\u610f\u8b58<\/h3>\n      <p>\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    <\/div>\n  <\/div>\n  <div class=\"kachi-swatch reveal\" aria-hidden=\"true\">\n    <div style=\"background:#D8E7EB\"><span>\u74f6\u8997<\/span><\/div>\n    <div style=\"background:#A4C8D6\"><span>\u6c34\u6d45\u8471<\/span><\/div>\n    <div style=\"background:#6FA0B6\"><span>\u6d45\u8471<\/span><\/div>\n    <div style=\"background:#3E6E94\"><span>\u7e39<\/span><\/div>\n    <div style=\"background:#1B3A5B\"><span>\u7d3a<\/span><\/div>\n    <div style=\"background:#13294A\"><span>\u7559\u7d3a<\/span><\/div>\n    <div style=\"background:#0B1524\"><span>\u8910<\/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\">\u671d\u9854\u9262\u304c\u3001\u718a\u91ce\u7b46\u306b\u306a\u308b\u307e\u3067<\/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=\"\u5b50\u3069\u3082\u305f\u3061\u3068\u624b\u6d17\u3044\"><\/figure>\n      <div><span class=\"en\">WASH<\/span><h3>\u5b50\u3069\u3082\u305f\u3061\u3068\u624b\u6d17\u3044<\/h3>\n      <p>\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><\/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=\"\u6d17\u6d44\u30fb\u7834\u7815\u3059\u308b\"><\/figure>\n      <div><span class=\"en\">CLEAN<\/span><h3>\u6d17\u6d44\u30fb\u7834\u7815\u3059\u308b<\/h3>\n      <p>\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><\/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=\"\u30d5\u30ec\u30fc\u30af\u306b\u3059\u308b\"><\/figure>\n      <div><span class=\"en\">FLAKE<\/span><h3>\u30d5\u30ec\u30fc\u30af\u306b\u3059\u308b<\/h3>\n      <p>\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><\/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=\"\u85cd\u3092\u6df7\u305c\u3000\u6301\u3061\u624b\u3092\u6210\u578b\u3059\u308b\"><\/figure>\n      <div><span class=\"en\">DYE &amp; MOLD<\/span><h3>\u85cd\u3092\u6df7\u305c\u3000\u6301\u3061\u624b\u3092\u6210\u578b\u3059\u308b<\/h3>\n      <p>\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><\/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=\"\u718a\u91ce\u7b46\u8077\u4eba\u304c\u3000\u7a42\u5148\u3092\u3064\u3051\u308b\"><\/figure>\n      <div><span class=\"en\">CRAFT<\/span><h3>\u718a\u91ce\u7b46\u8077\u4eba\u304c\u3000\u7a42\u5148\u3092\u3064\u3051\u308b<\/h3>\n      <p>\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><\/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=\"\u5927\u5207\u306a\u4eba\u3078\u3000\u624b\u7d19\u3092\u66f8\u304f\"><\/figure>\n      <div><span class=\"en\">WRITE<\/span><h3>\u5927\u5207\u306a\u4eba\u3078\u3000\u624b\u7d19\u3092\u66f8\u304f<\/h3>\n      <p>\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><\/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\">\u89e3\u6c7a\u3067\u304d\u308b\u8ab2\u984c<\/span>\n  <\/div>\n  <div class=\"name-grid\">\n    <div class=\"name-card reveal\">\n      <span class=\"num\">I<\/span>\n      <h3>\u5730\u57df\u8cc7\u6e90\u5faa\u74b0<\/h3>\n      <p>\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    <\/div>\n    <div class=\"name-card reveal\" style=\"transition-delay:.15s\">\n      <span class=\"num\">II<\/span>\n      <h3>\u5730\u57df\u3068\u4f1d\u7d71\u5de5\u82b8<\/h3>\n      <p>\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    <\/div>\n    <div class=\"name-card reveal\" style=\"transition-delay:.3s\">\n      <span class=\"num\">III<\/span>\n      <h3>\u5b50\u3069\u3082\u305f\u3061\u306e\u5b66\u3073<\/h3>\n      <p>\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    <\/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\">\u53d6\u308a\u7d44\u307f\u3078\u306e\u8a55\u4fa1<\/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=\"\u74b0\u5883\u7701 \u30d7\u30e9\u30b9\u30de\u30fb\u30a2\u30ef\u30fc\u30c9 2026\"><\/a>\n      <div><div class=\"ttl\">\u74b0\u5883\u7701 \u30d7\u30e9\u30b9\u30de\u30fb\u30a2\u30ef\u30fc\u30c9 2026<\/div><div class=\"prize\">\u4f5c\u308b\u90e8\u9580 \u9280\u8cde\u53d7\u8cde<\/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\">\u7b2c2\u671f \u6700\u512a\u79c0\u8cde<\/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=\"\u6a2a\u6d5c\u5e02\u6559\u80b2\u59d4\u54e1\u4f1a\u516c\u5f0fnote\"><\/a>\n      <div><div class=\"ttl\">\u6a2a\u6d5c\u5e02\u6559\u80b2\u59d4\u54e1\u4f1a\u516c\u5f0fnote<br>\u300c\u30e8\u30b3\u30a8\u30c7\u30e5\uff01\u300d\u63b2\u8f09<\/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\">\u7279\u5225\u8cde<\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- VISION -->\n<section class=\"future\" data-bg=\"#0B1524\" data-stage=\"5\">\n  <div class=\"reveal ink\">\n    <span class=\"label-en\" style=\"margin-bottom:50px\">VISION<\/span>\n    <p class=\"lead\">\n      \u6559\u80b2\u3068\u5faa\u74b0\u306e\u529b\u3067\u3001\u5730\u57df\u306e\u672a\u6765\u3092\u30c7\u30b6\u30a4\u30f3\u3059\u308b\n    <\/p>\n    <p class=\"body\">\n      \u671d\u9854\u9262\u3092\u306f\u3058\u3081\u3068\u3059\u308b\u5730\u57df\u8cc7\u6e90\u3092<br class=\"mbr\">\u30a2\u30c3\u30d7\u30b5\u30a4\u30af\u30eb\u3057<br>\n      \u65b0\u305f\u306a\u4fa1\u5024\u3092\u751f\u307f\u51fa\u3059\u3053\u3068\u3067<br>\n      \u74b0\u5883\u6559\u80b2\u3068\u5faa\u74b0\u578b\u793e\u4f1a\u306e\u5b9f\u73fe\u3092\u3081\u3056\u3057\u307e\u3059\n    <\/p>\n    <figure class=\"vision-fig\">\n      <img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/vision-1536x870.png\" alt=\"\u6559\u80b2\u3068\u5faa\u74b0\u306e\u529b\u3067\u3001\u5730\u57df\u306e\u672a\u6765\u3092\u30c7\u30b6\u30a4\u30f3\u3059\u308b\">\n    <\/figure>\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\">\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=\"body\">\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    <figure class=\"mebuku-fig\">\n      <img decoding=\"async\" src=\"https:\/\/www.phi-gr.com\/wp-content\/uploads\/2026\/06\/mebukurukuru-1024x977.png\" alt=\"\u3081\u3076\u304f\u308b\u304f\u308b\">\n    <\/figure>\n    <p class=\"bigname\">\u3081\u3076\u304f\u308b\u304f\u308b<\/p>\n    <p class=\"body\" 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  <\/div>\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>\u3053\u306e\u7269\u8a9e\u3092\u3000\u3054\u4e00\u7dd2\u306b<\/h2>\n    <p>\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    <a class=\"btn\" href=\"https:\/\/forms.gle\/zeqNfhy6hFp9igk1A\" target=\"_blank\" rel=\"noopener\">\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0<\/a>\n    <div class=\"sns\">\n      <a href=\"https:\/\/www.instagram.com\/phi_shigeta\/?hl=ja\" 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 \u718a\u91ce\u7b46 KACHIIRO<\/div>\n<\/div>\n<script>\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();\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<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u751f\u6210 \u74f6\u8997 \u6d45\u8471 \u7e39 \u7d3a \u8910 JAPAN BLUE KUMANO BRUSH KACHIIRO \u74b0\u5883\u6559\u80b2 \u00d7 \u5730\u57df\u8cc7\u6e90\u5faa\u74b0 \u00d7 \u5e83\u5cf6\u718a\u91ce\u7b46\u306e\u4f1d\u7d71\u306e\u7d99\u627f\u767a\u5c55 \u304a\u5f79\u76ee\u3092\u7d42\u3048\u305f\u671d\u9854\u9262\u304c \u65e5\u672c\u3067\u3044\u3061\u3070\u3093\u6df1\u3044\u85cd\u306b\u67d3\u307e\u308a \u5927\u5207\u306a\u4eba\u3078 [&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":126,"href":"https:\/\/www.phi-gr.com\/index.php?rest_route=\/wp\/v2\/pages\/1182\/revisions"}],"predecessor-version":[{"id":1334,"href":"https:\/\/www.phi-gr.com\/index.php?rest_route=\/wp\/v2\/pages\/1182\/revisions\/1334"}],"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}]}}