@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&family=Cormorant+Garamond:wght@400;500;600&display=swap');
.zoroya-scope .em {
  --paper:#f4f1ea; --paper2:#ebe5d9; --panel:#ffffff;
  --ink:#23221d; --ink2:#6c6656; --faint:#9a927f; --line:#d9d3c4;
  --g:#2f6a3b; --gd:#20492a;
  font-family:'Zen Kaku Gothic New',-apple-system,'Hiragino Kaku Gothic ProN',sans-serif;
  color:var(--ink); line-height:1.95; font-size:16px; -webkit-font-smoothing:antialiased;
  background:var(--paper);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
}
.zoroya-scope .em * {box-sizing:border-box;}
.zoroya-scope .em img {max-width:100%; display:block;}
.zoroya-scope .em .in {max-width:1120px; margin:0 auto; padding:0 clamp(22px,5vw,40px);}
.zoroya-scope .em .mincho {font-family:'Shippori Mincho',serif;}
.zoroya-scope .em .mk {color:var(--g);}
.zoroya-scope .em .ttl .mk {white-space:nowrap;}
.zoroya-scope .em .en {display:block; font-family:'Cormorant Garamond','Times New Roman',serif; letter-spacing:.34em;
  text-transform:uppercase; font-size:12px; color:var(--faint); font-weight:600;}
.zoroya-scope .em .lead-head {text-align:center; margin-bottom:clamp(30px,5vw,52px);}
.zoroya-scope .em .lead-head .en {margin-bottom:16px;}
.zoroya-scope .em .lead-head .en::after {content:""; display:block; width:1px; height:26px; margin:12px auto 0; background:var(--line);}
.zoroya-scope .em .ttl {font-family:'Shippori Mincho',serif; font-weight:700; line-height:1.6;
  font-size:clamp(23px,3.8vw,40px); color:var(--ink); letter-spacing:.03em; margin:0;}
.zoroya-scope .em .rd {max-width:30em; margin:22px auto 0; text-align:center; color:var(--ink2);
  font-size:clamp(14.5px,1.7vw,16px); line-height:2.05;}
.zoroya-scope .em .rd .ph {display:block;}
.zoroya-scope .em .w {display:inline-block;}
.zoroya-scope .em .nb {white-space:nowrap;}
.zoroya-scope .em .btn {display:inline-flex; align-items:center; justify-content:center; gap:.5em;
  background:var(--g); color:#fff; text-decoration:none; font-weight:700; letter-spacing:.04em;
  padding:15px 42px; border-radius:2px; font-size:15px; transition:background .25s, transform .25s;
  font-family:'Shippori Mincho',serif;}
.zoroya-scope .em .btn:hover {background:var(--gd); transform:translateY(-2px);}
.zoroya-scope .em .btn.ghost {background:transparent; color:var(--ink); border:1px solid var(--ink);}
.zoroya-scope .em .btn.ghost:hover {background:var(--ink); color:var(--paper);}
.zoroya-scope .em .btn.on-ink {background:var(--paper); color:var(--ink);}
.zoroya-scope .em .btn.on-ink:hover {background:#fff;}
.zoroya-scope .em .btn.on-ink.ghost {background:transparent; color:var(--paper); border-color:rgba(255,255,255,.6);}
.zoroya-scope .em .btn.on-ink.ghost:hover {background:rgba(255,255,255,.12); color:#fff;}
.zoroya-scope .em .sec {padding:clamp(72px,11vh,132px) 0; position:relative;}
.zoroya-scope .em .sec.alt {background:var(--paper2);}
.zoroya-scope .em .fv {position:relative; display:grid; grid-template-columns:.98fr 1.02fr; align-items:stretch;
  min-height:min(88vh,800px);
  
  --fv-shift:clamp(20px,3.4vw,52px);}
.zoroya-scope .em .fv .fv-photo {order:-1;}
.zoroya-scope .em .fv .fv-pane {position:relative; display:flex; flex-direction:column; justify-content:center;
  padding:clamp(44px,6vw,96px) clamp(30px,5vw,72px); overflow:hidden;}
.zoroya-scope .em .fv .fv-pane::before {content:""; position:absolute; z-index:0; pointer-events:none;
  width:min(62%,370px); aspect-ratio:82/100; top:50%; left:52%;
  transform:translate(-50%,-50%) rotate(-3deg);
  background-image:url('https://kome-fuku.jp/wp/wp-content/plugins/zoroya-canvas/zoroya-content/home/assets/images/gifu-map-pale.png');
  background-position:center; background-size:contain; background-repeat:no-repeat;
  filter:brightness(.93) saturate(1.4); opacity:.85;}
.zoroya-scope .em .fv .fv-tx {position:relative; z-index:1; max-width:620px; margin-left:clamp(0px,2vw,30px);}
.zoroya-scope .em .fv .en {margin-bottom:22px;}
.zoroya-scope .em .fv h1 {font-family:'Shippori Mincho',serif; font-weight:700; color:var(--ink);
  font-size:clamp(25px,3.1vw,46px); line-height:1.62; letter-spacing:.04em; margin:0;}
.zoroya-scope .em .fv h1 .mk {color:var(--g);}
.zoroya-scope .em .fv .lead {margin:26px 0 34px; font-size:15.5px; color:var(--ink2); line-height:2.1; max-width:24em;}
.zoroya-scope .em .fv .note {margin-top:18px; font-size:12.5px; color:var(--faint); letter-spacing:.02em;}
.zoroya-scope .em .fv {--ring:#c8ad72;}
.zoroya-scope .em .fv .fv-photo {position:relative; margin:0;
  
  width:min(92.5%,640px,70vh); aspect-ratio:1; align-self:center; justify-self:center;
  border-radius:50%; background-color:#dfe6cf;
  border:4px solid rgba(200,173,114,.85);}
.zoroya-scope .em .fv .fv-photo::after {content:""; position:absolute; pointer-events:none; border-radius:50%;
  inset:clamp(-14px,-1.4vw,-9px);
  border:2px solid rgba(200,173,114,.85);}
.zoroya-scope .em .fv .fv-photo .slide {border-radius:50%;}
.zoroya-scope .em .fv .fv-photo .slide {position:absolute; inset:0; background-size:cover; background-position:center;
  opacity:0; animation:fvSlide 18s infinite;}
.zoroya-scope .em .fv .fv-photo .s1 {background-image:url('https://kome-fuku.jp/wp/wp-content/uploads/2026/08/tanbo-fv.jpg'); animation-delay:0s;}
.zoroya-scope .em .fv .fv-photo .s2 {background-image:url('https://kome-fuku.jp/wp/wp-content/uploads/2026/07/rice-field.jpg'); animation-delay:6s;}
.zoroya-scope .em .fv .fv-photo .s3 {background-image:url('https://kome-fuku.jp/wp/wp-content/uploads/2026/07/rice-harvest.jpg'); animation-delay:12s;}
.zoroya-scope .em .fv .seal {position:absolute; z-index:3; top:19.2%; left:4.9%; right:auto;
  width:clamp(106px,10.4vw,134px); aspect-ratio:1; border-radius:50%;
  
  border:none; background-color:var(--g); color:var(--paper);
  
  box-shadow:0 10px 24px -14px rgba(40,34,20,.55);
  font-family:'Shippori Mincho',serif; font-weight:700; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center; line-height:1.5; letter-spacing:.04em;
  font-size:clamp(16px,1.95vw,19px); transform:rotate(-5deg);}
.zoroya-scope .em .fv .seal::after {content:""; position:absolute; inset:-5.5px; border-radius:50%;
  border:2px solid var(--g); pointer-events:none;}
.zoroya-scope .em .fv .seal small {display:block; font-size:.72em; letter-spacing:.1em;
  color:rgba(244,241,234,.85); margin-bottom:2px;}
.zoroya-scope .em .vk {writing-mode:vertical-rl; text-orientation:upright; font-family:'Shippori Mincho',serif;
  font-weight:700; color:var(--line); line-height:1; letter-spacing:.05em; user-select:none;
  position:absolute; pointer-events:none;}
.zoroya-scope .em .deco-cloud {overflow:hidden;}
.zoroya-scope .em .deco-cloud::before, .zoroya-scope .em .deco-cloud::after {content:""; position:absolute; z-index:0;
  pointer-events:none; width:min(40%,430px); aspect-ratio:578/125;
  background-image:url('assets/images/decoration_02.png');
  background-size:100% auto; background-repeat:no-repeat; opacity:.9;}
.zoroya-scope .em .deco-cloud::after {top:clamp(16px,2.6vw,40px); right:0; background-position:right top;}
.zoroya-scope .em .deco-cloud::before {bottom:clamp(16px,2.6vw,40px); left:0; background-position:left bottom;}
.zoroya-scope .em .deco-cloud .in {position:relative; z-index:1;}
.zoroya-scope .em .deco-swirl {overflow:hidden;}
.zoroya-scope .em .deco-swirl::after {content:""; position:absolute; z-index:0; pointer-events:none;
  right:0; bottom:0; width:min(44%,540px); aspect-ratio:1561/1171;
  background-image:url('assets/images/decoration_01.png');
  background-size:contain; background-position:right bottom; background-repeat:no-repeat;
  opacity:.45;}
.zoroya-scope .em .deco-swirl .in {position:relative; z-index:1;}
.zoroya-scope .em .deco-tawara {overflow:hidden;}
.zoroya-scope .em .deco-tawara::after {content:""; position:absolute; z-index:0; pointer-events:none;
  bottom:clamp(16px,3vw,44px); right:clamp(12px,3vw,48px);
  width:min(22%,240px); aspect-ratio:202/82;
  background-image:url('assets/images/decoration_06.png');
  background-size:contain; background-repeat:no-repeat; opacity:.6;}
.zoroya-scope .em .deco-tawara .in {position:relative; z-index:1;}
.zoroya-scope .em .panel {max-width:720px; margin:clamp(36px,5vw,52px) auto 0; text-align:center;
  border:1px solid var(--line); background-color:var(--panel); padding:clamp(34px,5vw,58px);
  border-radius:3px; position:relative;}
.zoroya-scope .em .panel::before, .zoroya-scope .em .panel::after {content:""; position:absolute; width:14px; height:14px; border:1px solid var(--g);}
.zoroya-scope .em .panel::before {top:10px; left:10px; border-right:0; border-bottom:0;}
.zoroya-scope .em .panel::after {bottom:10px; right:10px; border-left:0; border-top:0;}
.zoroya-scope .em .panel .big {font-family:'Shippori Mincho',serif; font-weight:700; color:var(--ink);
  font-size:clamp(18px,3.3vw,32px); line-height:1.75;}
.zoroya-scope .em .panel .big em {white-space:nowrap;}
.zoroya-scope .em .panel .big em {font-style:normal; color:var(--g);}
.zoroya-scope .em .panel p {margin:16px 0 0; font-size:14.5px; color:var(--ink2);}
.zoroya-scope .em .feats {display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,1.9vw,26px); margin-top:clamp(40px,5vw,60px);}
.zoroya-scope .em .feat {text-align:left;}
.zoroya-scope .em .feat .im {overflow:hidden; border-radius:4px; aspect-ratio:5/4; margin-bottom:22px;
  border:5px solid #fff; box-shadow:0 14px 32px -16px rgba(0,0,0,.3);}
.zoroya-scope .em .feat .im img {width:100%; height:100%; object-fit:cover; transition:transform .8s ease;}
.zoroya-scope .em .feat:hover .im img {transform:scale(1.05);}
.zoroya-scope .em .feat h3 {font-family:'Shippori Mincho',serif; font-weight:700; font-size:clamp(17px,2.1vw,20px);
  color:var(--ink); margin:0 0 10px; letter-spacing:.03em;}
.zoroya-scope .em .feat h3::after {content:""; display:block; width:24px; height:1px; background:var(--g); margin:10px 0 0;}
.zoroya-scope .em .feat p {margin:0; font-size:13.5px; color:var(--ink2); line-height:1.95; text-wrap:pretty;}
.zoroya-scope .em .cmp {max-width:820px; margin:clamp(38px,5vw,56px) auto 0;}
.zoroya-scope .em .cmp table {width:100%; border-collapse:collapse; font-size:clamp(13px,1.7vw,15px);
  background:transparent; font-family:'Shippori Mincho',serif;}
.zoroya-scope .em .cmp th, .zoroya-scope .em .cmp td {padding:17px 14px; text-align:center; border-bottom:1px solid var(--line); vertical-align:middle;}
.zoroya-scope .em .cmp thead th {font-family:'Shippori Mincho',serif; font-weight:700; font-size:clamp(13.5px,1.8vw,16px);
  border-bottom:1.5px solid var(--ink); letter-spacing:.03em;}
.zoroya-scope .em .cmp thead th.us {color:var(--g);}
.zoroya-scope .em .cmp thead th.ot {color:var(--faint);}
.zoroya-scope .em .cmp tbody th {text-align:left; font-family:'Shippori Mincho',serif; font-weight:700; color:var(--ink);
  white-space:nowrap; letter-spacing:.04em;}
.zoroya-scope .em .cmp td.us {color:var(--ink); font-weight:700;}
.zoroya-scope .em .cmp td.ot {color:var(--faint);}
.zoroya-scope .em .cmp tr:last-child th, .zoroya-scope .em .cmp tr:last-child td {border-bottom:none;}
.zoroya-scope .em .spec {max-width:820px; margin:clamp(32px,4.2vw,50px) auto 0;
  padding:clamp(10px,1.4vw,18px) clamp(20px,3vw,36px);
  border:1px solid var(--line); background-color:var(--panel); border-radius:3px;}
.zoroya-scope .em .spec > div {display:flex; gap:clamp(12px,2vw,26px); align-items:baseline;
  padding:14px 0; border-bottom:1px dashed var(--line);}
.zoroya-scope .em .spec > div:last-child {border-bottom:0;}
.zoroya-scope .em .spec dt {flex:none; width:5em; font-family:'Shippori Mincho',serif; font-weight:700;
  font-size:13.5px; color:var(--g); letter-spacing:.12em;}
.zoroya-scope .em .spec dd {margin:0; font-size:14.5px; color:var(--ink2); line-height:1.9;}
.zoroya-scope .em .cmp table {border-collapse:separate; border-spacing:0;}
.zoroya-scope .em .cmp thead th.us {background-color:var(--g); color:#fff; border-bottom-color:var(--g);
  border-radius:4px 4px 0 0; letter-spacing:.06em;}
.zoroya-scope .em .cmp tbody td.us {background-color:rgba(47,106,59,.07);}
.zoroya-scope .em .cmp tbody tr:last-child td.us {border-radius:0 0 4px 4px;}
.zoroya-scope .em .cmp tbody th {color:var(--ink2); font-size:.95em;}
.zoroya-scope .em .cmp td.ot {background-color:transparent;}
.zoroya-scope .em .komi {display:grid; gap:clamp(48px,7vw,90px); margin-top:clamp(44px,6vw,68px);}
.zoroya-scope .em .komi .row {display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,4vw,64px); align-items:center;}
.zoroya-scope .em .komi .row:nth-child(even) .im {order:2;}
.zoroya-scope .em .komi .im {overflow:hidden; aspect-ratio:3/2; border-radius:4px;
  border:5px solid #fff; box-shadow:0 14px 32px -16px rgba(0,0,0,.3);}
.zoroya-scope .em .komi .im img, .zoroya-scope .em .komi .im.ph-hold {width:100%; height:100%; object-fit:cover;}
.zoroya-scope .em .komi .num {font-family:'Cormorant Garamond',serif; font-size:clamp(40px,4vw,46px); color:var(--g);
  font-weight:600; line-height:1; display:block; margin-bottom:14px;}
.zoroya-scope .em .komi h3 {font-family:'Shippori Mincho',serif; font-weight:700; color:var(--ink);
  font-size:clamp(20px,2.7vw,27px); line-height:1.65; margin:0 0 14px; letter-spacing:.03em;}
.zoroya-scope .em .komi p {margin:0; font-size:14.5px; color:var(--ink2); line-height:2.05;}
.zoroya-scope .em .komi p + p {margin-top:14px;}
.zoroya-scope .em .komi p em {font-style:normal; color:var(--ink); font-weight:700;}
.zoroya-scope .em .komi .komi-note {margin-top:18px; padding-top:14px; border-top:1px solid var(--line);
  font-size:13px; color:var(--g); letter-spacing:.04em; font-family:'Shippori Mincho',serif; font-weight:700;}
.zoroya-scope .em .uses {display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(24px,3.4vw,46px); margin-top:clamp(40px,5vw,60px);}
.zoroya-scope .em .use {text-align:center;}
.zoroya-scope .em .use .im {overflow:hidden; border-radius:50%; aspect-ratio:1; margin:0 auto 20px; width:100%;
  box-shadow:0 26px 54px -38px rgba(40,34,20,.5);}
.zoroya-scope .em .use .im img {width:100%; height:100%; object-fit:cover;}
.zoroya-scope .em .use b {display:block; font-family:'Shippori Mincho',serif; font-weight:700;
  font-size:clamp(16px,2vw,19px); color:var(--ink); margin-bottom:6px; letter-spacing:.03em;}
.zoroya-scope .em .use span {font-size:13.5px; color:var(--ink2);}
.zoroya-scope .em .steps {display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(26px,3.6vw,48px);
  margin-top:clamp(44px,6vw,64px); position:relative;}
.zoroya-scope .em .steps::before {content:""; position:absolute; z-index:0; top:29px; left:16.6%; right:16.6%; height:2px;
  background-image:repeating-linear-gradient(90deg,rgba(47,106,59,.45) 0 7px,transparent 7px 14px);}
.zoroya-scope .em .step {text-align:center; position:relative; z-index:1;}
.zoroya-scope .em .step .no {width:60px; height:60px; margin:0 auto 20px; border:1px solid var(--g); border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-family:'Cormorant Garamond',serif;
  font-size:24px; letter-spacing:.06em; color:var(--g); background-color:var(--paper);}
.zoroya-scope .em .step:last-child .no {background-color:var(--g); color:var(--paper);}
.zoroya-scope .em .step h3 {font-family:'Shippori Mincho',serif; font-weight:700; font-size:clamp(16px,2vw,19px);
  color:var(--ink); margin:0 0 10px; letter-spacing:.03em;}
.zoroya-scope .em .step p {margin:0; font-size:13.5px; color:var(--ink2); line-height:1.95;}
.zoroya-scope .em .step-note {margin:clamp(30px,4vw,44px) 0 0; text-align:center; font-size:13.5px; color:var(--ink2); line-height:1.9;}
.zoroya-scope .em .step-note b {color:var(--g); font-weight:700;}
.zoroya-scope .em .cta {background-color:var(--ink); color:var(--paper); text-align:center;
  padding:clamp(76px,12vh,128px) 20px; position:relative; overflow:hidden;
  background-image:linear-gradient(rgba(35,34,29,.74),rgba(35,34,29,.74)),
    url('https://kome-fuku.jp/wp/wp-content/uploads/2026/07/rice-field.jpg');
  background-size:cover; background-position:center; background-repeat:no-repeat;}
.zoroya-scope .em .cta .en {color:rgba(244,241,234,.88); margin-bottom:20px;}
.zoroya-scope .em .cta h2 {font-family:'Shippori Mincho',serif; font-weight:700; font-size:clamp(25px,4.2vw,42px);
  line-height:1.6; margin:0 0 16px; letter-spacing:.05em;}
.zoroya-scope .em .cta p {margin:0 0 34px; color:rgba(244,241,234,.8); font-size:15px;}
.zoroya-scope .em .cta .btns {display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}
.zoroya-scope .em .ph-hold {background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 320'%3E%3Crect width='400' height='320' fill='%23e6dfce'/%3E%3Cg fill='none' stroke='%23b3a988' stroke-width='2.5'%3E%3Crect x='158' y='128' width='84' height='60' rx='5'/%3E%3Ccircle cx='200' cy='158' r='15'/%3E%3C/g%3E%3Ctext x='200' y='224' font-size='15' fill='%23a89d82' text-anchor='middle' font-family='sans-serif'%3E写真は後日追加%3C/text%3E%3C/svg%3E") center/cover no-repeat, #e6dfce;}
@keyframes fvSlide {0%{opacity:0;}3.3%{opacity:1;}30%{opacity:1;}36.6%{opacity:0;}100%{opacity:0;}}
@keyframes emReveal {from{opacity:0; transform:translateY(24px);} to{opacity:1; transform:none;}}
@keyframes photoIn {from{opacity:0; transform:scale(1.06);} to{opacity:1; transform:none;}}
@keyframes vkReveal {from{opacity:0; transform:translateY(30px);} to{opacity:1; transform:none;}}
@keyframes fvUp {from{opacity:0; transform:translateY(20px);} to{opacity:1; transform:none;}}
@keyframes fvCircleIn {from{opacity:0; transform:scale(.93);} to{opacity:1; transform:none;}}
@keyframes sealIn {from{opacity:0; transform:rotate(-5deg) scale(.6);}
  to{opacity:1; transform:rotate(-5deg) scale(1);}}
.zoroya-scope .em .fv .en {animation:fvUp .85s ease both .15s;}
.zoroya-scope .em .fv h1 {animation:fvUp .85s ease both .3s;}
.zoroya-scope .em .fv .lead {animation:fvUp .85s ease both .45s;}
.zoroya-scope .em .fv .btn {animation:fvUp .85s ease both .6s;}
.zoroya-scope .em .fv .note {animation:fvUp .85s ease both .72s;}
.zoroya-scope .em .fv .fv-photo {animation:fvCircleIn 1.1s cubic-bezier(.2,.7,.2,1) both;}
.zoroya-scope .em .fv .seal {animation:sealIn .7s cubic-bezier(.2,.9,.3,1.25) both .85s;}
@keyframes wmIn {from{opacity:0; transform:translate(-50%,-46%) rotate(-3deg);}
  to{opacity:.85; transform:translate(-50%,-50%) rotate(-3deg);}}
.zoroya-scope .em .fv .fv-pane::before {animation:wmIn 1.4s ease both .2s;}
@supports (animation-timeline: view()) {
.zoroya-scope .em .lead-head, .zoroya-scope .em .panel, .zoroya-scope .em .feat, .zoroya-scope .em .komi .row, .zoroya-scope .em .use, .zoroya-scope .em .cmp, .zoroya-scope .em .spec > div, .zoroya-scope .em .cta .en, .zoroya-scope .em .cta h2, .zoroya-scope .em .cta p, .zoroya-scope .em .cta .btns {
    animation:emReveal .9s ease both; animation-timeline:view(); animation-range:entry 0% entry 56%;
  }
.zoroya-scope .em .feat:nth-child(2), .zoroya-scope .em .spec > div:nth-child(2), .zoroya-scope .em .cta h2 {animation-range:entry 5% entry 61%;}
.zoroya-scope .em .feat:nth-child(3), .zoroya-scope .em .spec > div:nth-child(3), .zoroya-scope .em .cta p {animation-range:entry 10% entry 66%;}
.zoroya-scope .em .spec > div:nth-child(4), .zoroya-scope .em .cta .btns {animation-range:entry 15% entry 71%;}
.zoroya-scope .em .vk {animation:vkReveal 1.3s ease both; animation-timeline:view(); animation-range:entry 0% entry 70%;}
.zoroya-scope .em .feat .im, .zoroya-scope .em .komi .im {animation:photoIn 1.1s cubic-bezier(.2,.7,.2,1) both;
    animation-timeline:view(); animation-range:entry 0% entry 62%;}
}
@media (prefers-reduced-motion: reduce) {
.zoroya-scope .em .fv .fv-photo .slide {animation:none;}
.zoroya-scope .em .fv .fv-photo .s1 {opacity:1;}
.zoroya-scope .em .lead-head, .zoroya-scope .em .panel, .zoroya-scope .em .feat, .zoroya-scope .em .komi .row, .zoroya-scope .em .use, .zoroya-scope .em .cmp, .zoroya-scope .em .spec > div, .zoroya-scope .em .cta .en, .zoroya-scope .em .cta h2, .zoroya-scope .em .cta p, .zoroya-scope .em .cta .btns, .zoroya-scope .em .vk, .zoroya-scope .em .cmp, .zoroya-scope .em .feat .im, .zoroya-scope .em .komi .im, .zoroya-scope .em .fv .en, .zoroya-scope .em .fv h1, .zoroya-scope .em .fv .lead, .zoroya-scope .em .fv .btn, .zoroya-scope .em .fv .note, .zoroya-scope .em .fv .fv-photo, .zoroya-scope .em .fv .seal, .zoroya-scope .em .fv .fv-pane::before {
    animation:none; opacity:1;}
.zoroya-scope .em .fv .seal {transform:rotate(-5deg);}
.zoroya-scope .em .fv .fv-pane::before {transform:translate(-50%,-50%) rotate(-3deg);}
}
@media(max-width:900px) {
.zoroya-scope .em .fv {grid-template-columns:1fr; min-height:auto;}
.zoroya-scope .em .fv .fv-pane {order:2; padding:clamp(40px,8vw,56px) 24px clamp(48px,10vw,60px);}
.zoroya-scope .em .fv .fv-tx {max-width:none; margin-left:0;}
.zoroya-scope .em .fv .fv-pane::before {width:min(56%,250px); left:50%; top:50%;}
.zoroya-scope .em .fv .fv-photo {order:1; margin:clamp(24px,6vw,40px) auto 0;
    width:min(88%,400px); min-height:0; border-width:3px;}
.zoroya-scope .em .fv .fv-photo::after {inset:-15px; border-width:1.5px;}
.zoroya-scope .em .fv .seal {top:calc(var(--fv-shift) + clamp(16px,5vw,40px)); bottom:auto;
    left:calc(50% + min(44%,200px) - clamp(90px,26vw,112px)); right:auto; z-index:5;}
.zoroya-scope .em .komi .row {grid-template-columns:1fr; gap:22px;}
.zoroya-scope .em .komi .row:nth-child(even) .im {order:0;}
.zoroya-scope .em .komi .im {border-radius:4px; max-width:440px; margin-inline:auto;}
}
@media(max-width:720px) {
.zoroya-scope .em .feats, .zoroya-scope .em .uses, .zoroya-scope .em .steps {grid-template-columns:1fr; max-width:380px; margin-inline:auto;}
.zoroya-scope .em .step .no {width:74px; height:74px; font-size:29px; margin-bottom:22px;}
.zoroya-scope .em .feat .im {border-radius:4px;}
.zoroya-scope .em .steps::before {display:none;}
.zoroya-scope .em .steps {gap:46px;}
.zoroya-scope .em .step:not(:last-child)::after {content:""; position:absolute; left:50%; bottom:-42px;
    width:3px; height:38px; transform:translateX(-50%); border-radius:2px;
    background-image:repeating-linear-gradient(180deg,
      rgba(47,106,59,.65) 0 5px, transparent 5px 11px);}
.zoroya-scope .em .panel {padding:clamp(26px,6vw,40px) clamp(18px,4.6vw,30px);}
.zoroya-scope .em .panel p {font-size:13.5px;}
.zoroya-scope .em .cmp {font-size:13px;}
.zoroya-scope .em .cmp th, .zoroya-scope .em .cmp td {padding:13px 8px;}
}
#header{background-color:#f4f1ea;}
  
  #fix_header::before{background-color:#ffffff;}
  
  @media (max-width:959px){
    @keyframes zcHeaderStick{from{background-color:#f4f1ea;} to{background-color:#ffffff;}}
    @supports (animation-timeline: scroll()){
      #header{animation:zcHeaderStick linear both;
        animation-timeline:scroll(root block); animation-range:0 90px;}
    }
  }

  
  #header .c-gnav .menu-item > a,
  #fix_header .c-gnav .menu-item > a,
  .p-spMenu a,
  .c-spnav a,
  .c-listMenu a,
  .l-footer a{font-family:'Zen Kaku Gothic New',sans-serif;}
  
  #header .w-header,
  #header .w-header a{font-family:'Shippori Mincho',serif; font-weight:700;}
