@charset "utf-8";

/* 見出しの帯 */
#fk-main .tk-head{background:var(--pn)!important;position:relative;
 padding:clamp(80px,9vw,150px) clamp(20px,4vw,86px) clamp(40px,4vw,70px)!important}
#fk-main .tk-head-in{max-width:1400px;margin:0 auto;position:relative}
#fk-main .tk-head h1{margin:0;font-size:clamp(32px,5.2vw,74px)!important;font-weight:700;
 line-height:1.25;letter-spacing:.02em}
#fk-main .tk-en{margin:14px 0 0;display:flex;align-items:center;gap:10px;
 font-family:"Cormorant Garamond","EB Garamond",Georgia,serif;
 font-size:14px!important;letter-spacing:.2em;color:var(--ac)!important;font-weight:600}
#fk-main .tk-en i{width:7px;height:7px;border-radius:50%;background:var(--ac)!important;display:block}
#fk-main .tk-bc{position:absolute;right:0;bottom:2px;display:flex;align-items:center;gap:10px;font-size:12px}
#fk-main .tk-bc a,#fk-main .tk-bc span.p{padding:6px 16px;border-radius:999px;
 background:#fff!important;color:var(--sb)!important;white-space:nowrap}
#fk-main .tk-rule{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--ac)!important;
 transition:width 1.4s cubic-bezier(.22,.61,.36,1)}
#fk-main .tk-head.is-in .tk-rule{width:min(34%,420px)}

/* 色の帯＋大きな透かし文字 */
#fk-main .tk-band{background:var(--ac)!important;position:relative;overflow:hidden;
 padding:clamp(70px,8vw,130px) clamp(20px,4vw,86px) clamp(80px,9vw,150px)!important}
#fk-main .tk-band *{color:#FFFFFF!important}
#fk-main .tk-wm{position:absolute;left:max(clamp(20px,4vw,86px),calc(50% - 700px));top:clamp(30px,3.4vw,60px);
 font-family:"Cormorant Garamond","EB Garamond",Georgia,serif;font-weight:700;
 font-size:clamp(46px,9vw,150px);line-height:1;letter-spacing:.01em;white-space:nowrap;
 color:rgba(255,255,255,.22)!important;pointer-events:none;
 transition:opacity 1.2s var(--ez),transform 1.2s var(--ez)}
#fk-main .tk-band:not(.is-in) .tk-wm{opacity:0;transform:translateX(-30px)}
#fk-main .tk-band-in{max-width:1400px;margin:0 auto;position:relative;
 display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
 gap:clamp(24px,4vw,80px);align-items:end;padding-top:clamp(60px,7vw,120px)}
#fk-main .tk-band h2{margin:0;font-size:clamp(23px,3.1vw,46px)!important;font-weight:700;line-height:1.55}
#fk-main .tk-band p{margin:0;font-size:15px!important;line-height:2.1;color:rgba(255,255,255,.9)!important}

/* 番号つきタブ（上に貼り付く） */
#fk-main .tk-tabs{position:sticky;top:76px;z-index:20;display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 background:#FFFFFF!important;border-radius:0 0 18px 18px;overflow:hidden;
 max-width:1400px;margin:0 auto;box-shadow:0 12px 30px rgba(40,40,40,.1)}
#fk-main .tk-tabs a{display:flex;align-items:center;justify-content:center;gap:10px;
 padding:16px 10px;font-size:13.5px!important;font-weight:600;letter-spacing:.04em;
 border-left:1px solid var(--ln)!important;transition:background .35s var(--ez),color .35s var(--ez)}
#fk-main .tk-tabs a:first-child{border-left:0!important}
#fk-main .tk-tabs a b{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;
 font-variant-numeric:lining-nums;color:var(--ac)!important;font-size:13px}
#fk-main .tk-tabs a i{font-style:normal;font-size:11px;opacity:.6}
#fk-main .tk-tabs a.on{background:var(--ac)!important}
#fk-main .tk-tabs a.on,#fk-main .tk-tabs a.on b{color:#FFFFFF!important}
#fk-main .tk-tabs a:hover{background:var(--pn)!important}

/* 白い角丸カード */
#fk-main .tk-wrap{background:var(--pn)!important;
 padding:clamp(34px,4vw,70px) clamp(16px,3vw,60px) clamp(60px,7vw,120px)!important}
#fk-main .tk-card{max-width:1400px;margin:0 auto clamp(26px,3vw,50px);
 background:#FFFFFF!important;border-radius:clamp(16px,2vw,30px);
 padding:clamp(34px,4.4vw,84px) clamp(20px,3.4vw,72px)!important;scroll-margin-top:150px;
 transition:opacity .9s var(--ez),transform .9s var(--ez)}
#fk-main .fk-rv:not(.is-in) .tk-card{opacity:0;transform:translateY(34px)}
#fk-main .tk-ttl{margin:0;text-align:center;font-size:clamp(23px,2.7vw,40px)!important;
 font-weight:700;line-height:1.5}
#fk-main .tk-sub{margin:10px 0 0;text-align:center;font-family:"Cormorant Garamond",Georgia,serif;
 font-size:14px!important;letter-spacing:.16em;color:var(--ac)!important}
#fk-main .tk-hr{border:0;border-top:1px solid var(--ln)!important;
 margin:clamp(22px,2.4vw,40px) 0 clamp(24px,2.6vw,44px)}
#fk-main .tk-p{margin:0 0 1.5em;font-size:16px!important;line-height:2.15;letter-spacing:.03em;
 color:var(--sb)!important;text-wrap:pretty}
#fk-main .tk-p:last-child{margin-bottom:0}
#fk-main .tk-lead{margin:0 0 1.3em;font-size:clamp(18px,1.9vw,26px)!important;font-weight:700;
 line-height:1.9;color:var(--tx)!important}
#fk-main .tk-lead .g{color:var(--ac)!important}

/* 3枚組の写真 */
#fk-main .tk-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:clamp(12px,1.6vw,26px);margin-top:clamp(26px,3vw,50px)}
#fk-main .tk-ph{aspect-ratio:4/3;overflow:hidden;border-radius:clamp(10px,1.2vw,18px);
 transition:opacity .9s var(--ez) var(--d,0ms),transform .9s var(--ez) var(--d,0ms)}
#fk-main .tk-ph:nth-child(2){--d:110ms}
#fk-main .tk-ph:nth-child(3){--d:220ms}
#fk-main .fk-rv:not(.is-in) .tk-ph{opacity:0;transform:translateY(26px) scale(.97)}
#fk-main .tk-ph img{width:100%;height:100%;object-fit:cover;display:block;
 transition:transform 1.3s var(--ez)}
#fk-main .tk-ph:hover img{transform:scale(1.07)}

/* 表 */
#fk-main .tk-tbl{display:grid;grid-template-columns:clamp(150px,15vw,250px) minmax(0,1fr);margin:0}
#fk-main .tk-tbl>dt,#fk-main .tk-tbl>dd{margin:0;padding:17px 6px;
 border-top:1px solid var(--ln)!important;font-size:15.5px!important;line-height:2}
#fk-main .tk-tbl>dt{font-weight:700;letter-spacing:.05em}
#fk-main .tk-tbl>dd{color:var(--sb)!important}
#fk-main .tk-tbl>dd ul{margin:0;padding-left:1.2em}

/* View More と関連リンク */
#fk-main .tk-more{margin-top:clamp(34px,4vw,70px);text-align:center}
#fk-main .tk-more b{display:block;font-family:"Cormorant Garamond",Georgia,serif;
 font-size:clamp(24px,2.6vw,38px)!important;font-weight:700;letter-spacing:.01em}
#fk-main .tk-more span{display:block;margin-top:6px;font-size:12.5px;letter-spacing:.16em;
 color:var(--ac)!important}
#fk-main .tk-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:0 clamp(24px,3.4vw,64px);margin-top:clamp(22px,2.6vw,44px)}
#fk-main .tk-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;
 padding:20px 4px;border-bottom:1px solid var(--ln)!important;font-size:15px!important;font-weight:600}
#fk-main .tk-links a i{font-style:normal;flex:0 0 auto;width:32px;height:32px;border-radius:50%;
 background:var(--ac)!important;color:#fff!important;display:inline-flex;align-items:center;
 justify-content:center;font-size:13px;transition:transform .4s var(--ez)}
#fk-main .tk-links a:hover i{transform:translate(3px,-3px)}

@media (max-width:980px){
#fk-main .tk-band-in{grid-template-columns:minmax(0,1fr);align-items:start}
#fk-main .tk-tabs{grid-template-columns:repeat(2,minmax(0,1fr));top:64px}
#fk-main .tk-tabs a:nth-child(3){border-left:0!important}
#fk-main .tk-tabs a:nth-child(n+3){border-top:1px solid var(--ln)!important}
#fk-main .tk-trio{grid-template-columns:minmax(0,1fr)}
#fk-main .tk-ph{aspect-ratio:4/3}
#fk-main .tk-tbl{grid-template-columns:minmax(0,1fr)}
#fk-main .tk-tbl>dt{padding-bottom:0}
#fk-main .tk-tbl>dd{border-top:0!important;padding-top:6px}
#fk-main .tk-links{grid-template-columns:minmax(0,1fr)}
#fk-main .tk-bc{position:static;margin-top:18px;justify-content:flex-start}
}

/* 塗りが左からシュッと走って文字が出る */
#fk-main .fk-wipe{position:relative;display:inline-block;overflow:hidden;vertical-align:top;--wc:var(--bg)}
#fk-main .tk-band .fk-wipe{--wc:#FFFFFF}
#fk-main .tk-card .fk-wipe{--wc:var(--bg)}
#fk-main .fk-wipe-t{display:inline-block;opacity:0}
#fk-main .fk-wipe::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;
 background:var(--wc);transform:scaleX(0);transform-origin:left center;pointer-events:none}
#fk-main .fk-wipe-h.on .fk-wipe-t{animation:fkshow .01s linear calc(.5s + var(--wd,0s)) forwards}
#fk-main .fk-wipe-h.on .fk-wipe::after{animation:fkwipe 1.05s cubic-bezier(.76,0,.24,1) var(--wd,0s) forwards}
@keyframes fkwipe{
 0%{transform:scaleX(0);transform-origin:left center}
 46%{transform:scaleX(1);transform-origin:left center}
 54%{transform:scaleX(1);transform-origin:right center}
 100%{transform:scaleX(0);transform-origin:right center}}
@keyframes fkshow{to{opacity:1}}

/* 配色：見出し帯は白・大見出しの帯は瓶覗（画像のまま）／その下の背景は瓶覗・本文の地は淡色 */
#fk-main .tk-head{background:#FFFFFF!important}
#fk-main .tk-band{background:var(--bg)!important}
#fk-main .tk-band *{color:var(--tx)!important}
#fk-main .tk-band p{color:#31474C!important}
#fk-main .tk-wm{color:rgba(255,255,255,.62)!important}
#fk-main .tk-wrap{background:var(--bg)!important}
#fk-main .tk-card{background:var(--pn)!important;box-shadow:0 14px 34px rgba(40,40,40,.09)}
#fk-main .tk-p,#fk-main .tk-tbl>dd{color:var(--sb)!important}
#fk-main .tk-sub{color:#4C6E77!important}
#fk-main .tk-card [class]{border-color:rgba(40,40,40,.14)!important}
#fk-main .tk-tabs{border:1px solid rgba(40,40,40,.1)!important;border-top:0!important}
#fk-main .tk-links a i{background:var(--tx)!important}
#fk-main .tk-bc a,#fk-main .tk-bc span.p{background:var(--pn)!important}
/* 強調（38年／無料のメールマガジン）は赤 */
#fk-main .tk-lead .g{color:#C8433B!important}

/* 関連ページ：カーソルを置くと右から塗りが走り、文字が白になる */
#fk-main .tk-links a{position:relative;z-index:0;overflow:hidden;
 padding:20px clamp(12px,1.4vw,22px)!important;
 transition:color .35s var(--ez)}
#fk-main .tk-links a::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;
 background:var(--tx);transform:scaleX(0);transform-origin:right center;
 transition:transform .55s cubic-bezier(.76,0,.24,1)}
#fk-main .tk-links a:hover::before,#fk-main .tk-links a:focus-visible::before{transform:scaleX(1)}
#fk-main .tk-links a:hover,#fk-main .tk-links a:focus-visible{color:#FFFFFF!important}
#fk-main .tk-links a:hover i,#fk-main .tk-links a:focus-visible i{
 background:#FFFFFF!important;color:var(--tx)!important}

/* トップページ：農場・農園名は少し遅れて出す／地の色ごとに塗りの色を変える */
#fk-main .f127{--wd:.38s}
#fk-main section[data-tone="a"] .fk-wipe,#fk-main section[data-tone="d"] .fk-wipe,
#fk-main section[data-tone="k"] .fk-wipe,#fk-main .bv-band .fk-wipe{--wc:#FFFFFF}
#fk-main section[data-tone="p"] .fk-wipe,#fk-main section[data-tone="p2"] .fk-wipe,
#fk-main section[data-tone="c"] .fk-wipe{--wc:var(--bg)}

/* 会社概要：背景にやわらかい粒が漂う */
#fk-main .tk-head,#fk-main .tk-band,#fk-main .tk-wrap{position:relative}
#fk-main .tk-head{--pc:rgba(144,171,180,.55);--pc2:rgba(232,212,77,.42)}
#fk-main .tk-band,#fk-main .tk-wrap{--pc:rgba(255,255,255,.9);--pc2:rgba(255,255,255,.6)}
#fk-main .tk-head::after,#fk-main .tk-band::after,#fk-main .tk-wrap::after{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
 background-image:
  radial-gradient(circle,var(--pc) 0 2.5px,transparent 3.6px),
  radial-gradient(circle,var(--pc2) 0 4px,transparent 5.2px),
  radial-gradient(circle,var(--pc) 0 1.8px,transparent 2.8px),
  radial-gradient(circle,var(--pc2) 0 6px,transparent 7.6px),
  radial-gradient(circle,var(--pc) 0 3.4px,transparent 4.6px),
  radial-gradient(circle,var(--pc2) 0 8.5px,transparent 10.5px);
 background-size:232px 204px,330px 288px,166px 150px,498px 432px,272px 336px,660px 580px;
 background-position:12px 30px,124px 62px,44px 12px,206px 154px,92px 202px,304px 262px;
 animation:fkdrift 24s linear infinite alternate,fktwinkle 9s ease-in-out infinite alternate}
#fk-main .tk-head-in,#fk-main .tk-band-in,#fk-main .tk-card{position:relative;z-index:1}
#fk-main .tk-wm,#fk-main .tk-rule{z-index:1}
@media (prefers-reduced-motion:reduce){
#fk-main .tk-head::after,#fk-main .tk-band::after,#fk-main .tk-wrap::after{animation:none!important}}
@keyframes fkdrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-56px,-44px,0)}}
@keyframes fktwinkle{from{opacity:.7}to{opacity:1}}

/* 写真が左にある生産者（偶数行）は、塗りを右から走らせる */
@keyframes fkwiper{
 0%{transform:scaleX(0);transform-origin:right center}
 46%{transform:scaleX(1);transform-origin:right center}
 54%{transform:scaleX(1);transform-origin:left center}
 100%{transform:scaleX(0);transform-origin:left center}}
#fk-main .f124:nth-child(even) .f127.fk-wipe-h.on .fk-wipe::after{animation-name:fkwiper}

/* 小見出し（カード内） */
#fk-main .tk-h4{margin:2.2em 0 .8em;font-size:clamp(17px,1.5vw,22px)!important;font-weight:700;
 line-height:1.75;padding-left:16px;border-left:3px solid var(--ac)!important}
#fk-main .tk-h5{margin:1.7em 0 .6em;font-size:16px!important;font-weight:700;letter-spacing:.04em}
#fk-main .tk-cap{font-size:13px!important;line-height:1.9;color:var(--sb)!important;margin:14px 0 0}
#fk-main .tk-sign{margin-top:2.2em;font-size:15px!important;line-height:2}
#fk-main .tk-list{list-style:none;margin:0;padding:0}
#fk-main .tk-list li{padding:18px 0 18px 18px;border-top:1px solid rgba(40,40,40,.14)!important;
 border-left:3px solid transparent!important;font-size:16px!important;line-height:2;
 color:var(--sb)!important;transition:border-color .4s var(--ez),padding-left .4s var(--ez)}
#fk-main .tk-list li:hover{border-left-color:var(--ac)!important;padding-left:26px}
#fk-main .tk-list b{font-weight:700;color:var(--tx)!important;margin-right:1.1em}
#fk-main .tk-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,30px);
 margin-top:clamp(24px,2.6vw,44px)}
#fk-main .tk-num{border-top:1px solid rgba(40,40,40,.14)!important;padding-top:20px}
#fk-main .tk-num b{display:block;font-family:"Cormorant Garamond","EB Garamond",Georgia,serif;
 font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1;font-weight:300;
 font-size:clamp(34px,4.6vw,70px);line-height:1;color:var(--tx)!important}
#fk-main .tk-num b i{font-style:normal;font-size:.36em;margin-left:.16em}
#fk-main .tk-num span{display:block;margin-top:11px;font-size:12.5px!important;letter-spacing:.14em;
 color:var(--sb)!important;line-height:1.8}
@media (max-width:980px){#fk-main .tk-nums{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* タブの本数に合わせた段組み */
#fk-main .tk-tabs[data-n="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}
#fk-main .tk-tabs[data-n="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}
#fk-main .tk-tabs[data-n="9"]{grid-template-columns:repeat(5,minmax(0,1fr))}
#fk-main .tk-tabs[data-n="6"] a,#fk-main .tk-tabs[data-n="9"] a{font-size:12.5px!important;gap:7px;padding:15px 6px}
#fk-main .tk-tabs[data-n="9"] a:nth-child(6){border-left:0!important}
#fk-main .tk-tabs[data-n="9"] a:nth-child(n+6){border-top:1px solid var(--ln)!important}
@media (max-width:1200px){
#fk-main .tk-tabs[data-n="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}
#fk-main .tk-tabs[data-n="6"] a:nth-child(4){border-left:0!important}
#fk-main .tk-tabs[data-n="6"] a:nth-child(n+4){border-top:1px solid var(--ln)!important}
#fk-main .tk-tabs[data-n="5"]{grid-template-columns:repeat(3,minmax(0,1fr))}
#fk-main .tk-tabs[data-n="5"] a:nth-child(4){border-left:0!important}
#fk-main .tk-tabs[data-n="5"] a:nth-child(n+4){border-top:1px solid var(--ln)!important}
}
@media (max-width:980px){
#fk-main .tk-tabs[data-n]{grid-template-columns:repeat(2,minmax(0,1fr))}
#fk-main .tk-tabs a{border-left:0!important;border-top:0!important}
#fk-main .tk-tabs a:nth-child(even){border-left:1px solid var(--ln)!important}
#fk-main .tk-tabs a:nth-child(n+3){border-top:1px solid var(--ln)!important}
}

/* 箇条書きの見出し・英字・本文 */
#fk-main .tk-list li em{font-style:normal;font-weight:700;font-size:16.5px!important;
 color:var(--tx)!important;letter-spacing:.02em}
#fk-main .tk-list li i{display:block;font-style:normal;font-size:11px!important;letter-spacing:.16em;
 color:var(--ac)!important;margin:7px 0 2px}
#fk-main .tk-list li .tk-lb{display:block;margin-top:7px}
#fk-main .tk-list li .tk-lb:first-child{margin-top:0}

/* カード内に1枚だけ置く写真は横長に（縦はトリオ写真の約1/3） */
#fk-main .tk-card>.tk-ph{aspect-ratio:3/1}
@media (max-width:980px){#fk-main .tk-card>.tk-ph{aspect-ratio:16/9}}
#fk-main .tk-card>.tk-ph img{object-position:center 32%}

/* タブは下までスクロールしても上に貼り付く */
#fk-main .tk-tabs{position:sticky!important;z-index:40!important}
#fk-main .tk-card{scroll-margin-top:156px}

/* 大きな透かし文字の上の余白を詰める */
#fk-main .tk-head{padding-top:clamp(54px,6vw,96px)!important}
#fk-main .tk-band{padding-top:clamp(20px,2.6vw,44px)!important}
#fk-main .tk-wm{top:clamp(6px,.8vw,14px)}
#fk-main .tk-band-in{padding-top:clamp(96px,12vw,205px)}

/* 7つの輪の心：中央＋まわりの円 */
#fk-main .tk-circ{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);
 gap:clamp(20px,3vw,56px);align-items:center;margin-top:clamp(20px,2.6vw,42px)}
#fk-main .tk-wa-view{border-left:3px solid var(--ac)!important;padding-left:clamp(16px,1.6vw,26px);
 min-height:clamp(200px,20vw,268px)}
#fk-main .tk-wa-n{display:block;font-family:"Cormorant Garamond","EB Garamond",Georgia,serif;
 font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1;font-weight:300;
 font-size:clamp(30px,3.4vw,52px);line-height:1;color:var(--ac)!important}
#fk-main .tk-wa-t{margin:12px 0 0;font-size:clamp(17px,1.6vw,23px)!important;font-weight:700;line-height:1.7}
#fk-main .tk-wa-e{display:block;font-style:normal;font-size:11px!important;letter-spacing:.16em;
 color:var(--ac)!important;margin:9px 0 13px}
#fk-main .tk-wa-b{margin:0;font-size:15.5px!important;line-height:2.1;color:var(--sb)!important}
#fk-main .tk-wheel{position:relative;width:min(520px,100%);aspect-ratio:1;margin:0 auto}
#fk-main .tk-wheel .fkx-ring{position:absolute;inset:7%;border-radius:50%;
 border:1px dashed rgba(144,171,180,.7)!important;animation:fkxspin 70s linear infinite}
#fk-main .tk-wheel .fkx-mid{position:absolute;left:50%;top:50%;width:40%;aspect-ratio:1;
 transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;
 text-align:center;background:var(--pn)!important;box-shadow:0 14px 34px rgba(40,40,40,.12)}
#fk-main .tk-wheel .fkx-mid b{font-size:clamp(16px,1.6vw,22px);font-weight:700;letter-spacing:.06em;
 color:var(--tx)!important}
#fk-main .tk-wheel .fkx-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 width:clamp(74px,8.6vw,112px);height:clamp(74px,8.6vw,112px);border-radius:50%;
 border:1px solid rgba(40,40,40,.16)!important;background:var(--pn)!important;
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
 text-align:center;font-size:clamp(9px,.8vw,11px)!important;letter-spacing:.1em;line-height:1.4;
 cursor:pointer;padding:0 6px;color:var(--sb)!important;transition:.4s var(--ez)}
#fk-main .tk-wheel .fkx-dot span{font-family:"Cormorant Garamond","EB Garamond",Georgia,serif;
 font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1;font-size:16px;line-height:1;
 color:var(--ac)!important}
#fk-main .tk-wheel .fkx-dot:hover,#fk-main .tk-wheel .fkx-dot.on{background:var(--ac)!important;
 border-color:var(--ac)!important;color:#FFFFFF!important;
 transform:translate(-50%,-50%) scale(1.08);box-shadow:0 14px 30px rgba(40,40,40,.18)}
#fk-main .tk-wheel .fkx-dot:hover span,#fk-main .tk-wheel .fkx-dot.on span{color:#FFFFFF!important}
@keyframes fkxspin{to{transform:rotate(360deg)}}
@media (max-width:980px){
#fk-main .tk-circ{grid-template-columns:minmax(0,1fr)}
#fk-main .tk-wa-view{min-height:0}
#fk-main .tk-wheel{width:min(420px,100%)}
}
@media (prefers-reduced-motion:reduce){#fk-main .tk-wheel .fkx-ring{animation:none!important}}

/* 写真を横につなぎ合わせて、左から右へ流す帯 */
#fk-main .tk-strip{position:relative;overflow:hidden;
 margin:clamp(26px,3vw,48px) calc(clamp(20px,3.4vw,72px) * -1) 0}
#fk-main .tk-strip-in{display:flex;width:max-content;
 animation:tkstrip 56s linear infinite}
#fk-main .tk-strip-in>span{display:block;flex:0 0 auto;overflow:hidden;
 height:clamp(180px,24vw,340px);aspect-ratio:4/3}
#fk-main .tk-strip-in>span:nth-child(3n+2){aspect-ratio:16/9}
#fk-main .tk-strip-in>span:nth-child(3n){aspect-ratio:1/1}
#fk-main .tk-strip-in>span img{display:block;width:100%;height:100%;max-width:none;
 object-fit:cover;transition:transform .9s var(--ez)}
#fk-main .tk-strip-in>span:hover img{transform:scale(1.06)}
@keyframes tkstrip{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
@media (max-width:640px){#fk-main .tk-strip{margin-left:calc(clamp(20px,3.4vw,72px) * -1);
 margin-right:calc(clamp(20px,3.4vw,72px) * -1)}}
@media (prefers-reduced-motion:reduce){#fk-main .tk-strip-in{animation:none!important}}

/* EUC-JPに無い記号（– ↗ など）はフリーページ本文だと「?」になるので、CSSで描く */
#fk-main .tk-bc>span:not(.p){font-size:0!important}
#fk-main .tk-bc>span:not(.p)::before{content:"\2013";font-size:12px;opacity:.55}
#fk-main .tk-links a i{font-size:0!important}
#fk-main .tk-links a i::before{content:"\2197";font-size:13px;line-height:1}

/* ===== ご注文の流れ（スクリーンショット付きステップ） ===== */
#fk-main .tk-steps{list-style:none;margin:0;padding:0;position:relative}
#fk-main .tk-steps::before{content:"";position:absolute;top:8px;bottom:8px;
 left:calc(clamp(40px,4.2vw,58px) / 2 - .5px);width:1px;
 background:linear-gradient(to bottom,var(--ln),rgba(144,171,180,.18));pointer-events:none}
#fk-main .tk-step{position:relative;padding-left:calc(clamp(40px,4.2vw,58px) + clamp(18px,2.2vw,38px));
 padding-bottom:clamp(34px,4vw,72px)}
#fk-main .tk-step:last-child{padding-bottom:0}
#fk-main .tk-step>b{position:absolute;left:0;top:0;
 width:clamp(40px,4.2vw,58px);height:clamp(40px,4.2vw,58px);border-radius:50%;
 background:var(--ac)!important;color:#FFFFFF!important;
 display:flex;align-items:center;justify-content:center;
 font-family:"Cormorant Garamond","EB Garamond",Georgia,serif;font-weight:700;
 font-size:clamp(15px,1.5vw,21px);letter-spacing:.02em;
 transition:transform .8s var(--ez) var(--d,0ms),opacity .8s var(--ez) var(--d,0ms)}
#fk-main .fk-rv:not(.is-in) .tk-step>b{opacity:0;transform:scale(.5)}
#fk-main .tk-step h3{margin:0;font-size:clamp(17px,1.8vw,24px)!important;font-weight:700;
 line-height:clamp(40px,4.2vw,58px);letter-spacing:.02em}
#fk-main .tk-step .tk-p{margin:.5em 0 0}
#fk-main .tk-step .tk-tbl{margin-top:clamp(14px,1.6vw,24px)}

#fk-main .tk-shot{margin:clamp(16px,1.9vw,30px) 0 0;background:#FFFFFF!important;
 border:1px solid var(--ln)!important;border-radius:clamp(8px,1vw,14px);overflow:hidden;
 box-shadow:0 12px 30px rgba(40,40,40,.09);
 transition:opacity .9s var(--ez) 120ms,transform .9s var(--ez) 120ms}
#fk-main .fk-rv:not(.is-in) .tk-shot{opacity:0;transform:translateY(24px)}
#fk-main .tk-shot img{display:block;width:100%;height:auto}
#fk-main .tk-shot figcaption{padding:12px clamp(14px,1.6vw,22px);
 border-top:1px solid var(--ln)!important;background:var(--pn)!important;
 font-size:12.5px!important;letter-spacing:.08em;line-height:1.8;color:var(--ac)!important}
#fk-main .tk-shot--sm{max-width:430px}

#fk-main .tk-note{margin:clamp(16px,1.9vw,30px) 0 0;padding:clamp(16px,1.9vw,26px) clamp(18px,2.1vw,30px);
 background:var(--pn)!important;border-left:3px solid var(--ac)!important;
 border-radius:0 clamp(6px,.8vw,12px) clamp(6px,.8vw,12px) 0;
 font-size:15px!important;line-height:2.05;color:var(--sb)!important}
#fk-main .tk-note b{color:var(--tx)!important;font-weight:700}

@media (max-width:980px){
#fk-main .tk-steps::before{display:none}
#fk-main .tk-step{padding-left:0;padding-top:calc(clamp(40px,4.2vw,58px) + 14px)}
#fk-main .tk-step h3{line-height:1.7}
#fk-main .tk-shot--sm{max-width:none}
}

/* ===== 私たちについて（companycoc.com/about 型・2026-09-18） ===== */
#fk-main .co{--cd:#2E3A3D;--cl:#F4F3EE;--cw:#F2F2EF;
 --mj:ryo-display-plusn,"Hiragino Mincho ProN","Hiragino Mincho Pro","Yu Mincho",YuMincho,"Noto Serif JP",serif;
 --gd:"EB Garamond","Cormorant Garamond",Georgia,serif;
 display:block;position:relative;overflow:clip;background:var(--cw)!important}
#fk-main .co,#fk-main .co *{box-sizing:border-box;font-family:var(--mj)}
#fk-main .co-in{max-width:1400px;margin:0 auto;padding:0 clamp(20px,3vw,50px)}

/* 大見出し＋右のアンカー */
#fk-main .co-kv{padding:clamp(56px,7vw,120px) 0 clamp(26px,3vw,46px)}
#fk-main .co-kv-in{max-width:1400px;margin:0 auto;padding:0 clamp(20px,3vw,50px);
 display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
#fk-main .co-kv h2{margin:0;font-family:var(--gd)!important;font-weight:500;
 font-size:clamp(48px,8.4vw,104px)!important;line-height:1;letter-spacing:.02em;color:var(--tx)!important}
#fk-main .co-anchor{display:flex;align-items:center;flex-wrap:wrap;gap:0 clamp(10px,1.4vw,20px);
 list-style:none;margin:0;padding:0}
#fk-main .co-anchor li{display:flex;align-items:center;gap:clamp(10px,1.4vw,20px)}
#fk-main .co-anchor li:not(:last-child)::after{content:"";width:1px;height:10px;
 background:currentColor!important;opacity:.4}
#fk-main .co-anchor a{display:inline-flex;align-items:center;gap:8px;padding:.3em;
 font-size:14px!important;letter-spacing:.14em;line-height:1.8;color:var(--sb)!important;
 transition:opacity .25s}
#fk-main .co-anchor a:hover{opacity:.6}
#fk-main .co-anchor a i{font-style:normal;font-size:10px;opacity:.7}

/* ミッション：貼り付いて、まるく溶けて消える */
#fk-main .co-mw{position:relative;z-index:1}
#fk-main .co-m{position:relative;height:100vh;z-index:5;overflow:hidden}
#fk-main .co-m-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
#fk-main .co-m-bg img{width:100%;height:100%;object-fit:cover;display:block}
#fk-main .co-m-ov{position:absolute;inset:0;z-index:1;background:rgba(24,34,37,.5)}
#fk-main .co-m-in{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;
 align-items:center;justify-content:center;gap:clamp(20px,2.6vw,40px);
 padding:clamp(24px,4vw,70px) clamp(20px,5vw,90px);text-align:center}
#fk-main .co-m-in *{color:#FFFFFF!important}
#fk-main .co-m-in h3{margin:0;font-size:clamp(27px,4vw,60px)!important;font-weight:600;
 line-height:1.8;letter-spacing:.12em}
#fk-main .co-m-in p{margin:0;max-width:860px;font-size:clamp(15px,1.25vw,18px)!important;
 line-height:2.5;letter-spacing:.14em;opacity:.94}
#fk-main .co-m-sp{position:relative;z-index:2;height:0;background:var(--cd)!important;
 pointer-events:none}

/* 2カラム：文章が流れ、もう片側の写真が切り替わる */
#fk-main .co-sec{position:relative;z-index:2;padding:0!important;margin:0!important}
#fk-main .co-dark{background:var(--cd)!important;color:var(--cl)!important}
#fk-main .co-dark *{color:var(--cl)!important}
#fk-main .co-light{background:var(--cw)!important}
#fk-main .co-split{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);align-items:start}
#fk-main .co-rev{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
#fk-main .co-pane{grid-column:2;grid-row:1;position:sticky;top:0;height:100vh;overflow:hidden;
 perspective:1600px}
#fk-main .co-rev .co-pane{grid-column:1}
#fk-main .co-rev .co-list{grid-column:2}
#fk-main .co-list{grid-column:1;grid-row:1}
#fk-main .co-stage{position:absolute;top:0;bottom:0;left:clamp(14px,2vw,34px);right:0;
 transform-origin:50% 100%;transform:rotateX(82deg);opacity:0;
 transition:transform 1.5s cubic-bezier(.16,1,.3,1),opacity 1s var(--ez)}
#fk-main .co-pane.on .co-stage{transform:none;opacity:1}
#fk-main .co-rev .co-stage{left:0;right:clamp(14px,2vw,34px)}
#fk-main .co-slide{position:absolute;inset:0;overflow:hidden;opacity:0;
 transition:opacity 1.1s var(--ez)}
#fk-main .co-slide.on{opacity:1}
#fk-main .co-slide img{width:100%;height:100%;object-fit:cover;display:block;
 transform:scale(1.06);transition:transform 6s linear}
#fk-main .co-slide.on img{transform:scale(1)}

/* 1項目 */
#fk-main .co-item{min-height:100vh;display:flex;flex-direction:column;justify-content:center;
 padding:clamp(150px,16vh,190px) clamp(18px,2.6vw,40px) clamp(60px,8vw,110px);
 text-align:center;scroll-margin-top:150px}
#fk-main .co-lb{margin:0;font-size:clamp(17px,1.5vw,22px)!important;letter-spacing:.2em;
 line-height:1.9;opacity:.95;font-weight:700}
#fk-main .co-rule{display:block;width:100%;height:1px;border:0;margin:clamp(18px,2.4vw,34px) 0 0;
 background:currentColor!important;opacity:.28;
 transform:scaleX(0);transform-origin:left center;
 transition:transform 1.25s cubic-bezier(.87,0,.13,1)}
#fk-main .co-item.on .co-rule{transform:scaleX(1)}
#fk-main .co-h{margin:clamp(12px,1.6vw,22px) 0 0;font-size:clamp(23px,2.7vw,38px)!important;
 font-weight:600;line-height:1.8;letter-spacing:.06em}
#fk-main .co-h[data-one]{white-space:nowrap;letter-spacing:.04em;
 margin-inline:calc(clamp(18px,2.6vw,40px) * -1);padding-inline:6px}
#fk-main .co-b{margin:clamp(20px,2.6vw,38px) 0 0}
#fk-main .co-b p{margin:0 0 1.7em;font-size:clamp(15px,1.25vw,18px)!important;line-height:2.5;
 letter-spacing:.11em;opacity:.9}
#fk-main .co-b p:last-child{margin-bottom:0}
#fk-main .co-ul{list-style:none;margin:clamp(18px,2.2vw,30px) 0 0;padding:0;text-align:left;
 display:inline-block}
#fk-main .co-ul li{padding:16px 0;border-top:1px solid currentColor!important;
 font-size:clamp(14.5px,1.15vw,17px)!important;line-height:2.2;letter-spacing:.09em;opacity:.9}
#fk-main .co-ul li b{display:block;font-weight:600;opacity:1;margin-bottom:.2em}
#fk-main .co-dark .co-ul li,#fk-main .co-light .co-ul li{border-top-color:currentColor!important}
/* 出かた */
#fk-main .co-item .co-lb,#fk-main .co-item .co-h,
#fk-main .co-item .co-b,#fk-main .co-item .co-ul{
 opacity:0;transform:translateY(22px);
 transition:opacity 1.1s var(--ez),transform 1.1s var(--ez)}
#fk-main .co-item.on .co-lb{opacity:.85;transform:none;transition-delay:.05s}
#fk-main .co-item.on .co-h{opacity:1;transform:none;transition-delay:.55s}
#fk-main .co-item.on .co-b{opacity:1;transform:none;transition-delay:.7s}
#fk-main .co-item.on .co-ul{opacity:1;transform:none;transition-delay:.85s}

/* 締め */
#fk-main .co-end{padding:clamp(60px,8vw,130px) 0 clamp(70px,9vw,150px)}

@media (max-width:1023px){
#fk-main .co-h[data-one]{white-space:normal;letter-spacing:.06em;
 margin-inline:0;padding-inline:0;font-size:clamp(23px,2.7vw,38px)!important}
}
@media (max-width:900px){
#fk-main .co-split{grid-template-columns:minmax(0,1fr)}
#fk-main .co-pane,#fk-main .co-rev .co-pane{grid-column:1;grid-row:auto;position:relative;
 top:auto;height:min(52vh,420px)}
#fk-main .co-list,#fk-main .co-rev .co-list{grid-column:1;grid-row:auto}
#fk-main .co-item{min-height:0;padding:clamp(48px,9vw,80px) clamp(20px,6vw,40px)}
#fk-main .co-m-sp{height:0}
}
@media (prefers-reduced-motion:reduce){
#fk-main .co-m{-webkit-mask-image:none!important;mask-image:none!important}
#fk-main .co-m-sp{height:0}
#fk-main .co-item .co-lb,#fk-main .co-item .co-h,
#fk-main .co-item .co-b,#fk-main .co-item .co-ul{opacity:1!important;transform:none!important}
#fk-main .co-rule{transform:scaleX(1)!important}
#fk-main .co-slide img{transform:none!important}
}

/* 7つの輪の心：円をさわると右に文言が出る */
#fk-main .co-circ{background:var(--cw)!important;
 padding:clamp(52px,7vw,110px) clamp(20px,3.4vw,58px) clamp(24px,3vw,48px)!important;
 scroll-margin-top:150px}
#fk-main .co-circ-h{max-width:1400px;margin:0 auto clamp(26px,3vw,46px);text-align:center}
#fk-main .co-circ-in{max-width:1400px;margin:0 auto}
#fk-main .co-circ .tk-circ{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);
 gap:clamp(24px,4vw,72px);margin-top:0}
#fk-main .co-circ .tk-wa-view{min-height:clamp(230px,24vw,320px)}
#fk-main .co-circ .tk-wa-t{font-size:clamp(18px,1.8vw,26px)!important;line-height:1.8;letter-spacing:.08em}
#fk-main .co-circ .tk-wa-b{font-size:clamp(15px,1.25vw,18px)!important;line-height:2.4;letter-spacing:.1em}
#fk-main .co-circ .tk-wa-e{font-size:12px!important}
#fk-main .co-circ .fkx-dot{font-size:clamp(10px,.9vw,12px)!important}
#fk-main .co-circ .fkx-mid b{font-size:clamp(17px,1.7vw,24px)}
@media (max-width:900px){#fk-main .co-circ .tk-circ{grid-template-columns:minmax(0,1fr)}}

/* 関連ページ（会社概要と同じ View More） */
#fk-main .co .tk-more b{font-family:var(--gd)!important}
#fk-main .co-end{padding:clamp(40px,5vw,80px) clamp(20px,3.4vw,58px) clamp(70px,9vw,150px)!important}
#fk-main .co-end .tk-more{margin-top:0}
#fk-main .co-end .tk-links a{font-size:15.5px!important;letter-spacing:.08em}

@media (prefers-reduced-motion:reduce){
#fk-main .co-stage{transform:none!important;opacity:1!important}}

/* ===== 当店のこだわり（yamauchinotori 型・2026-09-19） ===== */
#fk-main .ya{--yd:#2E3A3D;--yc:#F2EFE6;--yb:#E4E0D2;--yp:#EFF1F0;--yr:#8C5A4A;
 --mj:"Hiragino Mincho ProN","Hiragino Mincho Pro","Yu Mincho",YuMincho,"Noto Serif JP",serif;
 --gd:"EB Garamond","Cormorant Garamond",Georgia,serif;
 display:block;position:relative;overflow:clip;background:var(--yc)!important}
#fk-main .ya,#fk-main .ya *{box-sizing:border-box;font-family:var(--mj)}

/* 地の色 */

/* 波の区切り */

 
 
 
 
 

/* ヒーロー（縦書きの大きな題字＋イラスト） */

/* 有機的なかたちの写真（ブロブ） */

/* 点線の輪郭が少しずれて重なる */

/* 破線のパネル */

/* まるいバッジ */

/* ラベルのチップ（24H / 衛生 / 安全 の並び） */

/* 点線の罫 */

/* 見出し */

/* 2カラム */

/* 角丸の写真カード3枚 */

/* 数字 */

/* 文字が1字ずつ */

/* イラスト */

/* ===== 追加：生産者カード・数値・アニメーション（2026-09-19） ===== */
/* 生産者カード */

/* 数値の並び（肉の数字） */

/* 見出しに下線が引かれる */

/* 波がゆっくり揺れる */

/* 写真がゆっくり寄る */

/* ブロブがふわっと形を変える */

/* 太陽がふわっと */

/* 山が下からせり上がる */

/* ===== 生産者紹介：dmj-japan.co.jp/recruit/member/ の Q&A ブロックと同じ構成 ===== */

/* 上を流れる帯 */

/* 本体：左は貼り付く、右は色の面 */

/* 締めの関連リンク */

/* 商品へのリンク */

/* 偶数ブロックは左右を入れ替える */

/* ===== トピックス：yokanka.com/news/ と同じ構成 ===== */
#fk-main .tp-wrap{background:var(--pn)!important;position:relative}
#fk-main .tp-hero{max-width:1350px;margin:0 auto;
 padding:clamp(56px,8.3vw,120px) clamp(20px,3.1vw,45px) clamp(30px,4.4vw,64px)!important}
#fk-main .tp-ttl{margin:0 0 clamp(18px,2.8vw,40px);
 font-family:"Marcellus","Cormorant Garamond","EB Garamond",Georgia,serif;
 font-weight:400!important;font-size:clamp(42px,6.66vw,96px)!important;line-height:1;
 letter-spacing:.04em;color:var(--tx)!important}
#fk-main .tp-lead{margin:0;font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;
 font-size:clamp(13px,1.05vw,15px)!important;line-height:2;letter-spacing:.06em;
 color:var(--sb)!important}

/* 絞り込みの丸ボタン */
#fk-main .tp-tags{max-width:1350px;margin:0 auto;display:flex;flex-wrap:wrap;gap:10px;
 padding:clamp(40px,5vw,72px) clamp(20px,3.1vw,45px) clamp(26px,3.3vw,48px)!important}
#fk-main .tp-tag{display:inline-flex;align-items:center;
 padding:8px 24px 10px 12px;border-radius:40px;
 border:1px solid rgba(40,40,40,.2)!important;background:transparent!important;
 font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;
 font-size:13px!important;line-height:1;letter-spacing:.06em;color:var(--tx)!important;
 cursor:pointer;user-select:none;
 transition:background .25s,color .25s,border-color .25s}
#fk-main .tp-tag:hover{border-color:rgba(40,40,40,.45)!important}
#fk-main .tp-tag.is-on{background:#1B2B4B!important;border-color:#1B2B4B!important}
#fk-main .tp-tag.is-on,#fk-main .tp-tag.is-on *{color:#FFFFFF!important}
#fk-main .tp-dot{display:inline-block;margin-right:1px;line-height:0;font-size:1.8em;
 transform:translateY(-.04em)}
#fk-main .tp-cnt{margin-left:4px;font-size:11px!important;letter-spacing:.04em;
 color:var(--sb)!important}

/* 一覧 */
#fk-main .tp-grid{list-style:none;max-width:1350px;margin:0 auto;
 padding:0 clamp(20px,3.1vw,45px) clamp(60px,7vw,110px)!important;
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:clamp(34px,4.16vw,60px) clamp(16px,2.08vw,30px)}
#fk-main .tp-item{margin:0;opacity:0;transform:translateY(18px);
 transition:opacity .42s cubic-bezier(.22,1,.36,1) var(--d,0ms),
 transform .42s cubic-bezier(.22,1,.36,1) var(--d,0ms)}
#fk-main .tp-item.is-in{opacity:1;transform:none}
#fk-main .tp-item.is-off{display:none}
#fk-main .tp-link{display:block}
#fk-main .tp-ph{display:block;overflow:hidden;aspect-ratio:446/234;background:#F5F5F5!important;
 margin-bottom:20px}
#fk-main .tp-ph img{width:100%;height:100%;object-fit:cover;display:block;
 transition:transform .5s var(--ez)}
#fk-main .tp-link:hover .tp-ph img{transform:scale(1.055)}
#fk-main .tp-ph--logo{background:#E4E8E9!important;display:flex;align-items:center;justify-content:center}
#fk-main .tp-ph--logo img{width:auto;height:62%;object-fit:contain}
#fk-main .tp-cat{display:inline-flex;align-items:center;margin-top:0;
 padding:4px 17px 5px 6px;border-radius:40px;
 border:1px solid rgba(40,40,40,.15)!important;
 font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;
 font-size:13px!important;line-height:1;letter-spacing:.06em;color:var(--tx)!important}
#fk-main .tp-desc{display:block;margin:14px 0 0;font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;
 font-size:15px!important;line-height:2;letter-spacing:.06em;color:var(--tx)!important}
#fk-main .tp-desc span{background-image:linear-gradient(currentColor,currentColor);
 background-repeat:no-repeat;background-position:0 100%;background-size:0% 1px;
 transition:background-size .45s cubic-bezier(.22,1,.36,1)}
#fk-main .tp-link:hover .tp-desc span{background-size:100% 1px}
#fk-main .tp-date{display:block;margin:6px 0 0;font-family:"Cormorant Garamond","EB Garamond",Georgia,serif;
 font-size:12px!important;line-height:1.8;letter-spacing:.06em;color:var(--sb)!important}

#fk-main .tp-end{max-width:1350px;margin:0 auto;
 padding:0 clamp(20px,3.1vw,45px) clamp(60px,7vw,110px)}

@media (max-width:1000px){
#fk-main .tp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
#fk-main .tp-grid{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
#fk-main .tp-item{opacity:1!important;transform:none!important}
#fk-main .tp-ph img{transition:none}
}

/* ===== お知らせの本文ページ（yokanka の記事ページと同じ構成） ===== */
#fk-main .tp-art{display:none}
#fk-main .tp-art.is-show{display:block}
#fk-main .tp-view.is-hide{display:none}

#fk-main .tp-ahead{padding:clamp(34px,4.5vw,64px) 0 0}
#fk-main .tp-ahead-in{max-width:1440px;margin:0 auto;display:flex;align-items:center;
 gap:clamp(12px,1.7vw,24px);padding:clamp(20px,2.8vw,40px) clamp(20px,3.1vw,45px) 0}
#fk-main .tp-asec{font-family:"Marcellus","Cormorant Garamond",Georgia,serif;
 font-weight:400!important;font-size:clamp(22px,2.2vw,32px)!important;line-height:1;
 letter-spacing:.04em;color:var(--tx)!important}

#fk-main .tp-ain{max-width:880px;margin:0 auto;
 padding:clamp(20px,2.2vw,32px) clamp(18px,3.1vw,45px) clamp(56px,7vw,100px)}
#fk-main .tp-ahero{display:block;overflow:hidden;aspect-ratio:880/462;
 background:#F5F5F5!important;margin:0 0 clamp(24px,2.8vw,40px)}
#fk-main .tp-ahero img{width:100%;height:100%;object-fit:cover;display:block}
#fk-main .tp-ahero--logo{background:#E4E8E9!important;display:flex;align-items:center;justify-content:center}
#fk-main .tp-ahero--logo img{width:auto;height:58%;object-fit:contain}
#fk-main .tp-attl{margin:0 0 12px;font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;
 font-weight:500!important;font-size:clamp(19px,1.87vw,27px)!important;line-height:1.75;
 letter-spacing:.06em;color:var(--tx)!important}
#fk-main .tp-adate{margin:0 0 clamp(20px,2.2vw,32px);
 font-family:"Cormorant Garamond","EB Garamond",Georgia,serif;
 font-size:12px!important;line-height:1.8;letter-spacing:.06em;color:var(--sb)!important}
#fk-main .tp-adiv{border:0;border-top:1px solid rgba(40,40,40,.15)!important;
 margin:0 0 clamp(30px,3.3vw,48px)}
#fk-main .tp-abody{margin:0 0 clamp(36px,4.2vw,60px);
 font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;
 font-size:clamp(14px,1.11vw,16px)!important;line-height:1.8;letter-spacing:.04em;
 color:var(--tx)!important}
#fk-main .tp-abody p{margin:0 0 1.6em}
#fk-main .tp-abody p:last-child{margin-bottom:0}

#fk-main .tp-share{border-top:1px solid rgba(40,40,40,.15)!important;
 margin:clamp(40px,4.4vw,64px) 0 0;padding:clamp(22px,2.2vw,32px) 0 0}
#fk-main .tp-share-lb{margin:0 0 12px;font-family:"Cormorant Garamond",Georgia,serif;
 font-size:11px!important;letter-spacing:.24em;color:var(--sb)!important}
#fk-main .tp-share-ls{display:flex;gap:10px}
#fk-main .tp-share-ls a,#fk-main .tp-share-ls span{display:inline-flex;align-items:center;
 justify-content:center;width:38px;height:38px;border-radius:50%;
 border:1px solid rgba(40,40,40,.18)!important;color:var(--tx)!important;cursor:pointer;
 transition:background .35s var(--ez),color .35s var(--ez),border-color .35s var(--ez)}
#fk-main .tp-share-ls a:hover,#fk-main .tp-share-ls span:hover{
 background:#1B2B4B!important;border-color:#1B2B4B!important;color:#FFFFFF!important}
#fk-main .tp-share-msg{display:none;margin:10px 0 0;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;
 font-size:11.5px!important;line-height:1.9;color:var(--sb)!important}
#fk-main .tp-share-msg.is-on{display:block}

#fk-main .tp-other{margin:clamp(60px,8.3vw,120px) 0 0}
#fk-main .tp-other-h{margin:0 0 clamp(30px,4.1vw,60px);text-align:center;
 font-family:"Marcellus","Cormorant Garamond",Georgia,serif;font-weight:400!important;
 font-size:clamp(26px,2.8vw,40px)!important;line-height:1;letter-spacing:.04em;
 color:var(--tx)!important}
#fk-main .tp-back{margin:clamp(40px,5vw,72px) 0 clamp(60px,7vw,110px);text-align:center}
#fk-main .tp-back a{display:inline-block;
 font-family:"Marcellus","Cormorant Garamond",Georgia,serif;font-weight:400!important;
 font-size:clamp(34px,5.3vw,76px)!important;line-height:1.5;letter-spacing:.04em;
 color:var(--tx)!important;
 background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;
 background-position:0 100%;background-size:0% 1px;
 transition:background-size .5s cubic-bezier(.22,1,.36,1)}
#fk-main .tp-back a:hover{background-size:100% 1px}

/* お知らせが無いとき */
#fk-main .tp-empty{max-width:1350px;margin:0 auto;text-align:center;
 padding:clamp(70px,10vw,150px) clamp(20px,3.1vw,45px)}
#fk-main .tp-empty-t{margin:0;font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;
 font-weight:700!important;font-size:clamp(17px,1.66vw,24px)!important;line-height:1.8;
 letter-spacing:.06em;color:var(--tx)!important}
#fk-main .tp-empty-p{margin:clamp(10px,1.2vw,16px) 0 0;
 font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;
 font-size:clamp(13px,1.05vw,15px)!important;line-height:2;letter-spacing:.06em;
 color:var(--sb)!important}

/* ===== 無肥料栽培とは？：本のページをめくる ===== */
#fk-main .bk{position:relative;height:calc(100vh * 13)}

/* 机の上の本 */

/* ページ */

/* ぺらっと持ち上がって、ゆっくり倒れる */

/* のど（綴じ側）の影 */

/* めくっている間だけ、紙に光と影がのる */

/* 下のページに落ちる影 */

/* 表（本文）と裏（白紙） */

/* ノンブル（ページ番号） */

/* 文字の横で動く飾り */

/* 本文 */

/* 引用（お客様やお取引先の声） */

/* 対比表 */

/* 3つ並び */

/* 収穫物 */

/* よくあるご質問 */

/* 画面まわり */

#fk-main .bk-end{position:relative;z-index:1;background:var(--pn)!important;
 padding:clamp(34px,4vw,70px) clamp(16px,3vw,60px) clamp(60px,7vw,110px)}

/* ==== 飾りのアニメーション ==== */

/* ==== 画面が低いとき：文字を小さくしすぎないよう、先に余白と行間を詰める ==== */

/* ==== 狭い画面：本をやめて、ふつうに上から下へ読む ==== */
@media (max-width:900px){
#fk-main .bk{height:auto!important}

}

/* ===== 事業者様のお取引：数字でみる（recruit.ohsho.co.jp/numbers 型） ===== */
#fk-main .nb{background:#1B2B4B!important;
 padding:clamp(40px,6vw,96px) clamp(16px,4vw,64px) clamp(60px,8vw,130px)}

/* 見出し（うしろに大きな欧文を透かす） */
#fk-main .nb-hero{position:relative;max-width:1240px;margin:0 auto clamp(40px,6vw,86px);
 padding-top:clamp(24px,4vw,56px)}
#fk-main .nb-ghost{position:absolute;left:-.04em;top:0;z-index:0;pointer-events:none;
 font-family:"Cormorant Garamond","EB Garamond",Georgia,serif;font-weight:400;
 font-size:clamp(66px,13vw,190px)!important;line-height:.9;letter-spacing:.01em;
 color:rgba(255,255,255,.075)!important;white-space:nowrap}
#fk-main .nb-hero h2{position:relative;z-index:1;margin:0;
 font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;font-weight:700!important;
 font-size:clamp(26px,4.4vw,58px)!important;line-height:1.42;letter-spacing:.04em;
 color:#FFFFFF!important}
#fk-main .nb-en{position:relative;z-index:1;margin:clamp(16px,2vw,26px) 0 0;
 display:flex;align-items:center;gap:13px;
 font-family:"Cormorant Garamond","EB Garamond",Georgia,serif;
 font-size:clamp(13px,1.3vw,18px)!important;letter-spacing:.34em;
 color:rgba(255,255,255,.72)!important}
#fk-main .nb-en::before{content:"";display:block;width:26px;height:2px;
 background:#B4342B!important}

/* 節の見出し（中央・下に3本の点線） */
#fk-main .nb-sec{max-width:1240px;margin:0 auto clamp(34px,5vw,72px)}
#fk-main .nb-h{margin:0 0 clamp(18px,2.4vw,32px);text-align:center;
 font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;font-weight:700!important;
 font-size:clamp(19px,2.6vw,34px)!important;letter-spacing:.06em;color:#FFFFFF!important}
#fk-main .nb-h::after{content:"";display:block;width:74px;height:3px;
 margin:clamp(12px,1.6vw,20px) auto 0;border-radius:2px;
 background:linear-gradient(90deg,#B4342B 0 32%,#E3B23C 34% 66%,#A5DEE4 68% 100%)!important}

/* カード */
#fk-main .nb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:clamp(14px,1.8vw,26px)}
#fk-main .nb-card{position:relative;display:flex;flex-direction:column;
 background:#FFFFFF!important;border-radius:12px;
 padding:clamp(22px,2.8vw,40px) clamp(20px,2.6vw,38px) clamp(40px,4vw,54px);
 box-shadow:0 10px 30px rgba(0,0,0,.10)}
#fk-main .nb-card--w{grid-column:1 / -1}
#fk-main .nb-tag{align-self:flex-start;display:inline-block;margin:0 0 clamp(12px,1.6vw,20px);
 padding:7px 20px 8px;border-radius:999px;background:#B4342B!important;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-weight:700!important;
 font-size:clamp(11.5px,1.05vw,14px)!important;letter-spacing:.06em;color:#FFFFFF!important}

/* 大きな数字 */
#fk-main .nb-fig{margin:0 0 clamp(10px,1.4vw,18px);display:flex;align-items:baseline;
 flex-wrap:wrap;gap:0 6px;font-variant-numeric:lining-nums}
#fk-main .nb-fig b{font-family:"Cormorant Garamond","EB Garamond",Georgia,serif;
 font-weight:600!important;font-size:clamp(46px,7.4vw,108px)!important;line-height:.94;
 letter-spacing:.01em;color:#1B2B4B!important}
#fk-main .nb-fig i{font-style:normal;
 font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;font-weight:700!important;
 font-size:clamp(17px,2.1vw,30px)!important;color:#1B2B4B!important}
#fk-main .nb-fig s{text-decoration:none;
 font-family:"Cormorant Garamond",Georgia,serif;font-weight:600!important;
 font-size:clamp(26px,3.6vw,52px)!important;color:#1B2B4B!important}
/* 数字のかわりに言葉を置くカード */
#fk-main .nb-word{margin:0 0 clamp(10px,1.4vw,18px);
 font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;font-weight:700!important;
 font-size:clamp(22px,3vw,42px)!important;line-height:1.36;letter-spacing:.02em;
 color:#1B2B4B!important}
#fk-main .nb-word a{color:#B4342B!important;text-decoration:none;
 border-bottom:2px solid rgba(180,52,43,.3)}

#fk-main .nb-txt{margin:0;font-family:"Noto Sans JP","Hiragino Sans",sans-serif;
 font-size:clamp(12.5px,1.08vw,15px)!important;line-height:1.95;color:#464849!important;
 text-wrap:pretty}
#fk-main .nb-txt+.nb-txt{margin-top:.7em}
#fk-main .nb-txt em{font-style:normal;font-weight:700;color:#1B2B4B!important}
#fk-main .nb-note{position:absolute;right:clamp(18px,2.4vw,34px);bottom:clamp(14px,1.8vw,22px);
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;
 font-size:11px!important;letter-spacing:.04em;color:#9AA0A3!important}

/* カードの中の一覧 */
#fk-main .nb-list{margin:clamp(12px,1.6vw,20px) 0 0;padding:0;list-style:none}
#fk-main .nb-list li{position:relative;padding:9px 0 9px 22px;
 border-top:1px solid #E7EBEC!important;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;
 font-size:clamp(12.5px,1.05vw,14.5px)!important;line-height:1.85;color:#464849!important}
#fk-main .nb-list li::before{content:"";position:absolute;left:0;top:1.05em;
 width:8px;height:8px;background:#B4342B!important}
#fk-main .nb-list li:last-child{border-bottom:1px solid #E7EBEC!important}

/* 定義（FAX番号など） */
#fk-main .nb-dl{margin:clamp(10px,1.4vw,18px) 0 0;display:grid;
 grid-template-columns:auto minmax(0,1fr);gap:0 clamp(14px,1.8vw,26px)}
#fk-main .nb-dl dt{padding:11px 0;border-top:1px solid #E7EBEC!important;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-weight:700!important;
 font-size:clamp(11.5px,1vw,13.5px)!important;letter-spacing:.08em;color:#1B2B4B!important}
#fk-main .nb-dl dd{margin:0;padding:11px 0;border-top:1px solid #E7EBEC!important;
 font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;font-weight:700!important;
 font-size:clamp(17px,2vw,26px)!important;line-height:1.4;letter-spacing:.04em;color:#1B2B4B!important}
#fk-main .nb-dl dd small{display:block;margin-top:3px;font-weight:400;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;
 font-size:12px!important;letter-spacing:0;color:#767A7C!important}

/* Q&A カード */
#fk-main .nb-qa{margin:clamp(6px,1vw,12px) 0 0}
#fk-main .nb-qa dt{margin:0 0 8px;padding-left:28px;position:relative;
 font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;font-weight:700!important;
 font-size:clamp(14px,1.35vw,19px)!important;line-height:1.66;color:#1B2B4B!important}
#fk-main .nb-qa dt::before{content:"Q";position:absolute;left:0;top:-.06em;
 font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;
 font-size:clamp(17px,1.7vw,24px)!important;color:#B4342B!important}
#fk-main .nb-qa dd{margin:0 0 clamp(16px,2vw,26px);padding-left:28px;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;
 font-size:clamp(12.5px,1.05vw,14.5px)!important;line-height:1.95;color:#464849!important}
#fk-main .nb-qa dd:last-child{margin-bottom:0}

/* ボタン */
#fk-main .nb-btns{display:flex;flex-wrap:wrap;gap:12px;margin:clamp(14px,1.8vw,24px) 0 0}
#fk-main .nb-btn{display:inline-flex;align-items:center;gap:12px;
 padding:14px 26px;border-radius:999px;background:#1B2B4B!important;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-weight:700!important;
 font-size:clamp(12.5px,1.05vw,14.5px)!important;letter-spacing:.04em;
 color:#FFFFFF!important;text-decoration:none;
 transition:transform .3s var(--ez),background .3s var(--ez)}
#fk-main .nb-btn:hover{background:#B4342B!important;transform:translateY(-2px)}
#fk-main .nb-btn i{font-style:normal;font-size:0!important}
#fk-main .nb-btn i::before{content:"\2193";font-size:14px!important;display:inline-block}
#fk-main .nb-btn.go i::before{content:"\2192"}

/* 締めのひとこと */
#fk-main .nb-end{max-width:1240px;margin:clamp(20px,3vw,44px) auto 0;text-align:center}
#fk-main .nb-end p{margin:0 0 clamp(16px,2vw,26px);
 font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;
 font-size:clamp(14px,1.4vw,20px)!important;line-height:1.95;letter-spacing:.03em;
 color:rgba(255,255,255,.88)!important}
#fk-main .nb-end .nb-btns{justify-content:center}
#fk-main .nb-end .nb-btn{background:#FFFFFF!important;color:#1B2B4B!important}
#fk-main .nb-end .nb-btn:hover{background:#B4342B!important;color:#FFFFFF!important}

/* 出てくるときの動き */
#fk-main .nb-card,#fk-main .nb-hero h2,#fk-main .nb-en,#fk-main .nb-h{
 opacity:0;transform:translateY(26px);
 transition:opacity .85s var(--ez) var(--d,0ms),transform .85s var(--ez) var(--d,0ms)}
#fk-main .nb-card.on,#fk-main .nb-hero h2.on,#fk-main .nb-en.on,#fk-main .nb-h.on{
 opacity:1;transform:none}

@media (max-width:820px){
#fk-main .nb-grid{grid-template-columns:minmax(0,1fr)}
#fk-main .nb-dl{grid-template-columns:minmax(0,1fr);gap:0}
#fk-main .nb-dl dt{padding-bottom:0;border-bottom:0!important}
}
@media (prefers-reduced-motion:reduce){
#fk-main .nb-card,#fk-main .nb-hero h2,#fk-main .nb-en,#fk-main .nb-h{
 opacity:1!important;transform:none!important;transition:none}
}

/* ===== お買い物ガイド：ご利用の流れ（tokyukuramo.jp/flow 型） ===== */
#fk-main .fl-wrap{background:var(--pn)!important;
 padding:clamp(34px,5vw,80px) clamp(14px,3.6vw,56px) clamp(50px,7vw,110px)}
#fl-top{scroll-margin-top:90px}

#fk-main .fl-lead{max-width:1180px;margin:0 auto clamp(30px,4.4vw,64px)}
#fk-main .fl-lead h2{margin:0 0 clamp(12px,1.6vw,20px);
 font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;font-weight:700!important;
 font-size:clamp(22px,3.4vw,44px)!important;line-height:1.46;letter-spacing:.04em;
 color:var(--tx)!important}
#fk-main .fl-lead h2 em{font-style:normal;color:#1B2B4B!important;
 background:linear-gradient(transparent 66%,rgba(165,222,228,.6) 66%)!important}
#fk-main .fl-lead p{margin:0;max-width:820px;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;
 font-size:clamp(13px,1.15vw,16px)!important;line-height:2.05;color:var(--sb)!important;
 text-wrap:pretty}

/* 段（左に大きな番号、右に白いカード） */
#fk-main .fl{max-width:1180px;margin:0 auto;padding:0;list-style:none}
#fk-main .fl-step{position:relative;display:grid;
 grid-template-columns:clamp(96px,11vw,168px) minmax(0,1fr);
 gap:0 clamp(10px,1.6vw,26px);padding-bottom:clamp(26px,3.4vw,52px)}
#fk-main .fl-no{position:relative;padding-top:clamp(14px,1.8vw,26px);text-align:center}
#fk-main .fl-no b{display:block;font-variant-numeric:lining-nums;
 font-family:"Cormorant Garamond","EB Garamond",Georgia,serif;font-weight:600!important;
 font-size:clamp(42px,6.4vw,92px)!important;line-height:1;letter-spacing:.01em;
 color:#1B2B4B!important}
/* 次の段へつながる点線 */
#fk-main .fl-no::after{content:"";position:absolute;left:50%;top:clamp(74px,9vw,132px);
 bottom:-6px;width:0;border-left:2px dotted rgba(27,43,75,.28)}
#fk-main .fl-step:last-child .fl-no::after{display:none}

#fk-main .fl-card{background:#FFFFFF!important;border-radius:4px;
 box-shadow:0 6px 24px rgba(27,43,75,.07)}

/* カードの頭（左に見出し・右に説明・間に縦の点線） */
#fk-main .fl-head{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);
 gap:clamp(12px,2vw,34px);align-items:start;
 padding:clamp(20px,2.4vw,34px) clamp(18px,2.4vw,38px);
 border-bottom:2px solid #1B2B4B!important}
#fk-main .fl-head h3{margin:0;display:flex;align-items:center;gap:14px;
 font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;font-weight:700!important;
 font-size:clamp(17px,2.1vw,29px)!important;line-height:1.44;letter-spacing:.03em;
 color:var(--tx)!important}
#fk-main .fl-head h3::before{content:"";flex:0 0 auto;width:6px;
 height:clamp(20px,2.3vw,32px);background:#1B2B4B!important;border-radius:1px}
#fk-main .fl-head p{margin:0;padding-left:clamp(12px,2vw,34px);
 border-left:1px dotted rgba(27,43,75,.3)!important;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;
 font-size:clamp(12.5px,1.05vw,15px)!important;line-height:1.95;color:var(--sb)!important;
 text-wrap:pretty}

/* カードの中身 */
#fk-main .fl-body{padding:clamp(6px,1vw,14px) clamp(18px,2.4vw,38px) clamp(20px,2.4vw,34px)}
#fk-main .fl-blk{padding:clamp(18px,2.2vw,30px) 0;
 border-bottom:1px dotted rgba(27,43,75,.26)!important}
#fk-main .fl-blk:last-child{border-bottom:0;padding-bottom:0}
#fk-main .fl-blk h4{margin:0 0 clamp(10px,1.3vw,16px);position:relative;padding-left:22px;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-weight:700!important;
 font-size:clamp(13.5px,1.25vw,18px)!important;letter-spacing:.04em;color:#1B2B4B!important}
#fk-main .fl-blk h4::before{content:"";position:absolute;left:0;top:.42em;
 width:10px;height:10px;background:#A5DEE4!important}
#fk-main .fl-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);
 gap:clamp(14px,2.2vw,34px);align-items:start}
#fk-main .fl-row.solo{grid-template-columns:minmax(0,1fr)}
#fk-main .fl-tx p{margin:0 0 .75em;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;
 font-size:clamp(12.5px,1.05vw,15px)!important;line-height:2;color:var(--sb)!important;
 text-wrap:pretty}
#fk-main .fl-tx p:last-child{margin-bottom:0}
#fk-main .fl-tx em{font-style:normal;font-weight:700;color:var(--tx)!important}
#fk-main .fl-ph{margin:0}
#fk-main .fl-ph img{display:block;width:100%;height:auto;border-radius:3px;
 border:1px solid #E1E6E7!important}
#fk-main .fl-ph figcaption{margin-top:9px;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;
 font-size:11.5px!important;line-height:1.7;color:#8D9395!important}

/* カードの中の一覧・表・注記 */
#fk-main .fl-ul{margin:clamp(8px,1vw,14px) 0 0;padding:0;list-style:none}
#fk-main .fl-ul li{position:relative;padding:7px 0 7px 20px;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;
 font-size:clamp(12.5px,1.03vw,14.5px)!important;line-height:1.9;color:var(--sb)!important}
#fk-main .fl-ul li::before{content:"";position:absolute;left:2px;top:1.02em;
 width:6px;height:6px;border-radius:50%;background:#1B2B4B!important}
#fk-main .fl-ul li b{color:var(--tx)!important}
#fk-main .fl-tbl{display:grid;grid-template-columns:auto minmax(0,1fr);margin:clamp(8px,1vw,14px) 0 0;
 border-top:1px solid #E7EBEC!important}
#fk-main .fl-tbl>*{margin:0;padding:10px clamp(8px,1.2vw,16px);
 border-bottom:1px solid #E7EBEC!important;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;
 font-size:clamp(12px,1.02vw,14px)!important;line-height:1.8}
#fk-main .fl-tbl dt{font-weight:700;color:#1B2B4B!important;white-space:nowrap}
#fk-main .fl-tbl dd{color:var(--sb)!important}
#fk-main .fl-cap{margin:clamp(10px,1.2vw,16px) 0 0;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;
 font-size:11.5px!important;line-height:1.9;color:#8D9395!important}

/* 大きな数字（送料などを目立たせる） */
#fk-main .fl-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:clamp(10px,1.6vw,22px);margin:clamp(8px,1vw,14px) 0 0}
#fk-main .fl-fig{border-top:2px solid #1B2B4B!important;padding-top:clamp(9px,1.1vw,15px)}
#fk-main .fl-fig b{display:block;font-variant-numeric:lining-nums;
 font-family:"Cormorant Garamond",Georgia,serif;font-weight:600!important;
 font-size:clamp(28px,4vw,58px)!important;line-height:1;color:#1B2B4B!important}
#fk-main .fl-fig b i{font-style:normal;font-family:"Noto Serif JP",serif;font-weight:700!important;
 font-size:clamp(13px,1.4vw,20px)!important;margin-left:4px}
#fk-main .fl-fig span{display:block;margin-top:8px;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;
 font-size:clamp(11.5px,1vw,13.5px)!important;line-height:1.7;color:var(--sb)!important}

/* 目次（上に横並び） */
#fk-main .fl-idx{max-width:1180px;margin:0 auto clamp(26px,3.4vw,50px);
 display:flex;flex-wrap:wrap;gap:9px}
#fk-main .fl-idx a{display:inline-flex;align-items:center;gap:9px;
 padding:10px 19px;border-radius:999px;background:#FFFFFF!important;
 border:1px solid rgba(27,43,75,.14)!important;text-decoration:none;
 font-family:"Noto Sans JP","Hiragino Sans",sans-serif;
 font-size:clamp(11.5px,1vw,13.5px)!important;letter-spacing:.03em;color:var(--tx)!important;
 transition:background .3s var(--ez),color .3s var(--ez),transform .3s var(--ez)}
#fk-main .fl-idx a b{font-variant-numeric:lining-nums;
 font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;
 font-size:1.24em!important;color:#B4342B!important}
#fk-main .fl-idx a:hover{background:#1B2B4B!important;color:#FFFFFF!important;
 transform:translateY(-2px)}
#fk-main .fl-idx a:hover b{color:#A5DEE4!important}

/* 出てくるときの動き */
#fk-main .fl-step{opacity:0;transform:translateY(28px);
 transition:opacity .8s var(--ez),transform .8s var(--ez)}
#fk-main .fl-step.on{opacity:1;transform:none}

@media (max-width:860px){
#fk-main .fl-step{grid-template-columns:minmax(0,1fr);gap:6px}
#fk-main .fl-no{display:flex;align-items:center;gap:12px;text-align:left;padding-top:0}
#fk-main .fl-no::after{display:none}
#fk-main .fl-no b{font-size:40px!important}
#fk-main .fl-head{grid-template-columns:minmax(0,1fr);gap:12px}
#fk-main .fl-head p{padding-left:0;border-left:0!important;padding-top:12px;
 border-top:1px dotted rgba(27,43,75,.3)!important}
#fk-main .fl-row{grid-template-columns:minmax(0,1fr)}
#fk-main .fl-figs{grid-template-columns:minmax(0,1fr)}
#fk-main .fl-tbl{grid-template-columns:minmax(0,1fr)}
#fk-main .fl-tbl dt{padding-bottom:0;border-bottom:0!important}
}
@media (prefers-reduced-motion:reduce){
#fk-main .fl-step{opacity:1!important;transform:none!important;transition:none}
}

/* ───── 2026-10-13 無肥料栽培とは？（f4）：写真と文章を半分ずつ、千鳥に積む ─────
   f-masanobu.jp/handwork/ の型。章番号も英語ラベルも置かず、
   明朝の短い見出しと小さな本文だけを、白地にゆったり並べる。色は瓶覗のまま。 */
#fk-main .hw{position:relative;background:#FFFFFF!important;
 font-family:var(--mj,"Hiragino Mincho ProN","Yu Mincho",serif)}
#fk-main .hw *{box-sizing:border-box}
#fk-main .hw-sec{position:relative;background:#FFFFFF!important;scroll-margin-top:150px;
 padding:0;margin:0}
#fk-main .hw-in{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,48px);position:relative;z-index:1}

/* 背景に粒が漂う（トップページと同じ） */
#fk-main .hw{--pc:rgba(144,171,180,.5);--pc2:rgba(232,212,77,.38)}
#fk-main .hw::after{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
 background-image:
  radial-gradient(circle,var(--pc) 0 2.5px,transparent 3.6px),
  radial-gradient(circle,var(--pc2) 0 4px,transparent 5.2px),
  radial-gradient(circle,var(--pc) 0 1.8px,transparent 2.8px),
  radial-gradient(circle,var(--pc2) 0 6px,transparent 7.6px),
  radial-gradient(circle,var(--pc) 0 3.4px,transparent 4.6px),
  radial-gradient(circle,var(--pc2) 0 8.5px,transparent 10.5px);
 background-size:232px 204px,330px 288px,166px 150px,498px 432px,272px 336px,660px 580px;
 background-position:12px 30px,124px 62px,44px 12px,206px 154px,92px 202px,304px 262px;
 animation:fkdrift 24s linear infinite alternate,fktwinkle 9s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){#fk-main .hw::after{animation:none!important}}

/* 冒頭：写真の帯 */
#fk-main .hw-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;
 position:relative;z-index:1}
#fk-main .hw-strip img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
#fk-main .hw-strip span:nth-child(2n) img{aspect-ratio:3/4.4}

/* 冒頭の導入文 */
#fk-main .hw-lead{position:relative;z-index:1;max-width:860px;margin:0 auto;
 padding:clamp(56px,7vw,112px) clamp(20px,4vw,48px) clamp(20px,3vw,48px);text-align:center}
#fk-main .hw-lead .hw-h{margin:0 0 clamp(26px,3vw,46px);font-size:clamp(23px,2.8vw,38px)}
#fk-main .hw-lead .hw-t{margin-left:auto;margin-right:auto;text-align:left}

/* 見出しと本文 */
#fk-main .hw-h{margin:0 0 clamp(20px,2.2vw,32px);font-size:clamp(20px,2.1vw,29px);
 font-weight:500;line-height:1.8;letter-spacing:.06em;color:var(--tx)!important}
#fk-main .hw-h em{font-style:normal;
 background:linear-gradient(to top,rgba(144,171,180,.5) .26em,transparent .26em)}
#fk-main .hw-t{margin:0 0 1.5em;max-width:42em;font-size:clamp(15px,1.15vw,16.5px);
 line-height:2.25;letter-spacing:.07em;color:var(--tx)!important}
#fk-main .hw-t:last-child{margin-bottom:0}
#fk-main .hw-t em{font-style:normal;font-weight:600;
 background:linear-gradient(to top,rgba(144,171,180,.4) .22em,transparent .22em)}
#fk-main .hw-cap{margin:clamp(18px,2vw,28px) 0 0;max-width:60em;font-size:13px;
 line-height:1.95;letter-spacing:.05em;color:var(--sb)!important}

/* 千鳥に積む行 */
#fk-main .hw-rows{position:relative;z-index:1;padding:clamp(70px,8vw,150px) 0 clamp(40px,5vw,90px)}
#fk-main .hw-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));
 align-items:center;max-width:1180px!important;margin:0 auto!important;
 padding:0 clamp(20px,4vw,48px)!important}
#fk-main .hw-row+.hw-row{margin-top:clamp(36px,4.4vw,88px)!important}
#fk-main .hw-ph{margin:0;position:relative}
#fk-main .hw-ph img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
#fk-main .hw-row .hw-ph{transform:translateY(clamp(-110px,-5.6vw,-54px))}
#fk-main .hw-row.r .hw-ph{order:2;transform:translateY(clamp(30px,3.2vw,66px))}
#fk-main .hw-tx{padding:clamp(20px,3vw,56px)}

/* 行の下に全幅で置くもの（表・品目・3つの要点） */
#fk-main .hw-under{position:relative;z-index:1;max-width:1180px;margin:0 auto;
 padding:clamp(34px,4.4vw,80px) clamp(20px,4vw,48px) 0}

/* 比較表 */
#fk-main .hw-tbl{display:grid;max-width:62em;
 grid-template-columns:minmax(104px,.8fr) minmax(0,1fr) minmax(0,1.7fr);
 margin:0;border-top:1px solid var(--ln)!important}
#fk-main .hw-tbl>dt,#fk-main .hw-tbl>dd{margin:0;padding:15px 18px 15px 0;
 border-bottom:1px solid var(--ln)!important;font-size:15px;line-height:1.95;
 letter-spacing:.05em;color:var(--tx)!important}
#fk-main .hw-tbl>dt{font-size:13.5px;font-weight:600;letter-spacing:.1em;color:var(--sb)!important}
#fk-main .hw-tbl>.hd{padding-top:0;font-size:13px;font-weight:400;
 letter-spacing:.12em;color:var(--ac)!important}
#fk-main .hw-tbl>.k{font-weight:600}

/* 囲み（補足・お客様の声） */
#fk-main .hw-note{margin:clamp(24px,2.8vw,40px) 0 0;max-width:50em;
 padding:clamp(18px,2.2vw,30px) clamp(20px,2.4vw,32px);
 border-left:3px solid var(--ac)!important;background:rgba(144,171,180,.12)}
#fk-main .hw-lead .hw-note{margin-left:auto;margin-right:auto;text-align:left}
#fk-main .hw-note span{display:block;font-size:clamp(14.5px,1.2vw,16.5px);line-height:2.05;
 letter-spacing:.06em;color:var(--tx)!important}
#fk-main .hw-note span+span{margin-top:.5em}
#fk-main .hw-note span em{font-style:normal;font-weight:600}
#fk-main .hw-note b{display:block;margin-top:1em;font-weight:400;font-size:12.5px;
 line-height:1.95;letter-spacing:.04em;color:var(--sb)!important}
#fk-main .hw-note.voice span{font-size:clamp(17px,1.7vw,23px);line-height:1.9;letter-spacing:.08em}

/* 3つの要点 */
#fk-main .hw-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:clamp(22px,3vw,54px)}
#fk-main .hw-three>div{min-width:0}
#fk-main .hw-three b{display:block;margin:0 0 .9em;font-family:var(--gd,Georgia,serif);
 font-weight:400;font-size:13px;letter-spacing:.22em;color:var(--ac)!important}
#fk-main .hw-three strong{display:block;margin:0 0 .8em;font-weight:500;
 font-size:clamp(16px,1.5vw,20px);line-height:1.75;letter-spacing:.06em;color:var(--tx)!important}
#fk-main .hw-three p{margin:0;font-size:14.5px;line-height:2.05;letter-spacing:.06em;
 color:var(--tx)!important}

/* 品目の札 */
#fk-main .hw-crops{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 clamp(26px,3vw,40px)}
#fk-main .hw-crops span{padding:10px 18px;border:1px solid var(--ln)!important;
 font-size:14.5px;letter-spacing:.08em;line-height:1.6;color:var(--tx)!important}

/* よくあるご質問 */
#fk-main .hw-qa{margin:clamp(20px,2.4vw,34px) 0 0;max-width:62em;
 border-top:1px solid var(--ln)!important}
#fk-main .hw-qa>dt{position:relative;margin:0;padding:clamp(22px,2.4vw,32px) 0 .7em 2em;
 font-size:clamp(16px,1.5vw,19px);font-weight:600;line-height:1.85;
 letter-spacing:.05em;color:var(--tx)!important}
#fk-main .hw-qa>dt::before{content:"Q";position:absolute;left:0;
 font-family:var(--gd,Georgia,serif);font-weight:400;font-size:18px;color:var(--ac)!important}
#fk-main .hw-qa>dd{position:relative;margin:0;padding:0 0 clamp(22px,2.4vw,32px) 2em;
 border-bottom:1px solid var(--ln)!important;font-size:15.5px;line-height:2.15;
 letter-spacing:.06em;color:var(--tx)!important}
#fk-main .hw-qa>dd::before{content:"A";position:absolute;left:0;top:.35em;
 font-family:var(--gd,Georgia,serif);font-size:16.5px;color:var(--sb)!important}

/* まとまりの間 */
#fk-main .hw-block{position:relative;z-index:1;max-width:1180px;margin:0 auto;
 padding:clamp(56px,7vw,110px) clamp(20px,4vw,48px) 0}
#fk-main .hw-foot{position:relative;z-index:1;max-width:1180px;margin:0 auto;
 padding:clamp(56px,7vw,100px) clamp(20px,4vw,48px) clamp(60px,7vw,110px)}

@media (max-width:900px){
 #fk-main .hw-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
 #fk-main .hw-strip span:nth-child(n+4){display:none}
 #fk-main .hw-rows{padding:clamp(34px,6vw,60px) 0 0}
 #fk-main .hw-row,#fk-main .hw-row.r{grid-template-columns:minmax(0,1fr);
  padding:0 clamp(16px,4vw,32px)!important}
 #fk-main .hw-row .hw-ph,#fk-main .hw-row.r .hw-ph{order:0;transform:none;
  margin:0 calc(-1 * clamp(16px,4vw,32px))}
 #fk-main .hw-row+.hw-row{margin-top:clamp(40px,7vw,64px)!important}
 #fk-main .hw-tx{padding:clamp(20px,4vw,30px) 0 0}
 #fk-main .hw-three{grid-template-columns:minmax(0,1fr);gap:clamp(24px,5vw,34px)}
 #fk-main .hw-in,#fk-main .hw-under,#fk-main .hw-block,#fk-main .hw-foot{
  padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px)}
}
@media (max-width:640px){
 #fk-main .hw-tbl{grid-template-columns:minmax(0,1fr)}
 #fk-main .hw-tbl>dt{padding:16px 0 0;border-bottom:0!important}
 #fk-main .hw-tbl>dd{padding:4px 0 0;border-bottom:0!important}
 #fk-main .hw-tbl>dd.k::before{content:"無肥料栽培／"}
 #fk-main .hw-tbl>dd:not(.k):not(.hd)::before{content:"有機栽培（有機JAS）／"}
 #fk-main .hw-tbl>dd::before{color:var(--sb)!important;font-size:12.5px;letter-spacing:.1em}
 #fk-main .hw-tbl>dd:not(.k):not(.hd){padding-bottom:16px;border-bottom:1px solid var(--ln)!important}
 #fk-main .hw-tbl>.hd{display:none}
}