/* ユタカ農機 トップページ専用CSS（yk-common.css の変数を使用） */
.yk-wrap{max-width:var(--yk-max);margin:0 auto;padding:0 24px}
.yk-wrap--narrow{max-width:880px}
.yk-wrap--form{max-width:760px}
.yk-b{font-weight:900}
.yk-sec{padding:80px 0}
.yk-sec--pale{background:var(--yk-pale)}
.yk-sec--machines{padding:24px 0 72px}
.yk-sec--reason{background:var(--yk-primary);color:#fff}
.yk-sec--blog{background:#fff}
.yk-sec--bar{background:var(--yk-bar);color:#fff;padding:72px 0}
.yk-sec--form{background:var(--yk-bar);color:#fff}
.yk-sec--form .yk-h2{color:#fff}

/* 見出し */
.yk-h2{margin:0 0 40px;text-align:center;font-size:40px;line-height:1.5;font-weight:900}
.yk-h2--s{font-size:36px}
.yk-h2--w{color:#fff;margin-bottom:0}
.yk-mark{box-shadow:inset 0 -.4em 0 #FFD27A;padding:0 .2em}
.yk-mark--cta{box-shadow:none;color:#fff;padding:0 .1em .12em;background:linear-gradient(var(--yk-cta),var(--yk-cta)) 0 100%/100% 5px no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.yk-accent{width:72px;height:6px;background:var(--yk-cta);margin:14px auto 24px;border-radius:3px}
.yk-sec--bar .yk-accent{margin-bottom:32px}

/* ボタン */
.yk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:58px;padding:0 40px;border-radius:999px;font-weight:900;font-size:18px;text-align:center}
.yk-btn--cta{min-height:64px;background:var(--yk-cta);color:var(--yk-ink);font-size:20px;box-shadow:0 4px 0 var(--yk-ink)}
.yk-btn--bar{background:var(--yk-bar);color:#fff}
.yk-btn--primary{background:var(--yk-primary);color:#fff}
.yk-btn--white{background:#fff;color:var(--yk-ink);font-size:24px}
.yk-btn--line{border:2px solid var(--yk-ink);color:var(--yk-ink);min-height:56px;font-size:16px}
.yk-hero__btns .yk-btn--bar{min-height:64px;font-weight:700}
.yk-more{text-align:center;margin-top:44px}
.yk-pill{display:inline-block;background:#fff;color:var(--yk-primary);font-weight:900;font-size:16px;padding:6px 20px;border-radius:999px}
.yk-arrow{color:var(--yk-cta);font-weight:900}

/* ヒーロー */
.yk-hero{position:relative;overflow:hidden;background-color:var(--yk-sky);background-position:center bottom;background-size:cover;background-repeat:no-repeat}
.yk-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.72) 0,rgba(255,255,255,.5) 40%,rgba(255,255,255,0) 72%);pointer-events:none}
.yk-hero__inner{position:relative;padding-top:72px;padding-bottom:80px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:48px 56px}
.yk-hero__pres{display:block;position:absolute;z-index:1;top:36px;right:24px;margin:0;text-align:center}
.yk-hero__pres img{display:block;width:140px;height:140px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:4px 4px 0 var(--yk-ink)}
.yk-hero__pres figcaption{display:inline-block;margin-top:-14px;position:relative;padding:1px 14px;white-space:nowrap;border-radius:999px;background:var(--yk-cta);color:var(--yk-ink);font-size:13px;font-weight:900;border:2px solid var(--yk-ink)}
.yk-hero__text{flex:1 1 400px;max-width:560px;min-width:0}
.yk-hero__title{margin:20px 0;font-size:clamp(36px,5vw,64px);line-height:1.3;font-weight:900}
.yk-hero__title span{display:inline-block;white-space:nowrap;background:#fff;padding:0 .2em;border-radius:8px}
.yk-hero__lead{margin:0 0 8px;font-size:18px;text-shadow:0 0 8px rgba(255,255,255,.9)}
.yk-hero__btns{display:flex;flex-wrap:nowrap;gap:12px;margin-top:28px}
.yk-hero__btns .yk-btn{flex:1 1 auto;padding:0 20px;white-space:nowrap}
.yk-hero__art{flex:1 1 380px;max-width:600px;min-width:0;margin:0;position:relative;aspect-ratio:1/.8}
.yk-hero__disc{position:absolute;left:11%;top:0;width:78%;aspect-ratio:1/1;border-radius:50%;background:rgba(255,255,255,.55)}

/* 実績数 */
.yk-stats{background:var(--yk-bar);color:#fff}
.yk-stats__inner{padding-top:36px;padding-bottom:36px;display:flex;flex-wrap:wrap;gap:24px 0}
.yk-stats__item{flex:1 1 280px;min-width:0;text-align:center;padding:4px 16px}
.yk-stats__big{color:var(--yk-cta);font-weight:900;line-height:1.2}
.yk-stats__num{font-size:76px;font-variant-numeric:tabular-nums}
.yk-stats__unit{font-size:28px}
.yk-stats__word{color:var(--yk-cta);font-weight:900;font-size:52px;line-height:1.4}
.yk-stats__label{font-weight:700;font-size:18px}
.yk-stats__note{font-size:13px;color:#CFE6F2}

/* イントロ */
.yk-intro{max-width:820px;margin:0 auto;padding:64px 24px 24px;text-align:center;color:var(--yk-sub)}
.yk-intro p{margin:0}
.yk-intro__lead{margin-bottom:12px !important;font-size:20px;font-weight:700;color:var(--yk-ink)}

/* 買取できる農機具 */
.yk-mcards{display:flex;flex-wrap:wrap;gap:24px}
.yk-mcards--big{margin-bottom:24px}
.yk-mcard{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:2px solid var(--yk-ink);background:#fff;box-shadow:5px 5px 0 var(--yk-sky)}
.yk-mcard--big{flex-basis:460px;border-radius:20px;box-shadow:6px 6px 0 var(--yk-sky)}
.yk-mcard__img{flex:1 1 auto;height:190px;box-sizing:border-box;background:var(--yk-pale);display:flex;align-items:center;justify-content:center;padding:12px}
.yk-mcard--big .yk-mcard__img{height:280px}
.yk-mcard__img img{max-width:92%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(19,54,74,.25))}
.yk-mcard__label{padding:14px 18px;font-weight:900;font-size:19px;display:flex;justify-content:space-between;align-items:center;background:var(--yk-bar);color:#fff}
.yk-mcard--big .yk-mcard__label{padding:18px 24px;font-size:26px}
.yk-mcard:hover,.yk-jcard:hover{opacity:1;transform:translateY(-2px)}

/* 高価買取の理由 */
.yk-reason__lead{margin:0 0 44px;text-align:center;font-size:22px;font-weight:700}
.yk-reason__cards{display:flex;flex-wrap:wrap;gap:24px}
.yk-reason__card{flex:1 1 280px;min-width:0;background:#fff;color:var(--yk-ink);border-radius:20px;padding:32px 24px;text-align:center}
.yk-reason__card p{margin:0;font-weight:700;font-size:18px}
.yk-reason__no{width:56px;height:56px;border-radius:50%;background:var(--yk-cta);color:var(--yk-ink);font-weight:900;font-size:26px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.yk-reason__more{margin-top:48px;display:flex;flex-wrap:wrap;align-items:center;gap:32px}
.yk-reason__more>div{flex:1 1 380px;min-width:0}
.yk-reason__more--solo{justify-content:center;text-align:center}
.yk-reason__photo{height:300px;border-radius:24px;border:4px solid #fff;box-shadow:8px 8px 0 var(--yk-cta);overflow:hidden}
.yk-reason__photo img{width:100%;height:100%;object-fit:cover}
.yk-reason__h3{margin:0 0 14px;font-size:28px;line-height:1.5;font-weight:900}
.yk-reason__more p{margin:0;font-size:17px}

/* 買取実績 */
.yk-jisseki{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}
.yk-jcard{background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:5px 5px 0 var(--yk-sky)}
.yk-jcard__photo{display:block;aspect-ratio:4/3;background:#CFE6F2}
.yk-jcard__photo img{width:100%;height:100%;object-fit:cover;display:block}
.yk-jcard__body{padding:16px 18px 20px}
.yk-chip{display:inline-block;background:var(--yk-bar);color:#fff;font-size:12px;font-weight:700;padding:0 12px;border-radius:999px;line-height:24px}
.yk-chip--cta{background:var(--yk-cta);color:var(--yk-ink);padding:0 14px}
.yk-jcard__pref{font-weight:900;margin-top:8px;font-size:17px;line-height:1.5}
.yk-jcard__kind{font-size:14px;margin-top:2px;color:#2F5870}

/* ブログ */
.yk-blog{display:flex;flex-direction:column;gap:12px}
.yk-blog__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:16px 24px;background:#fff;border:2px solid var(--yk-line);border-radius:999px}
.yk-blog__date{font-size:14px;color:var(--yk-sub);min-width:96px}
.yk-blog__title{flex:1 1 260px;min-width:0;font-weight:700}

/* CTAバンド */
.yk-ctaband{position:relative;overflow:hidden;background:var(--yk-cta)}
.yk-ctaband__c{position:absolute;border-radius:50%}
.yk-ctaband__c--1{left:-90px;top:-90px;width:300px;height:300px;background:rgba(255,255,255,.3)}
.yk-ctaband__c--2{right:-60px;bottom:-120px;width:340px;height:340px;background:rgba(255,255,255,.22)}
.yk-ctaband__inner{position:relative;padding-top:64px;padding-bottom:64px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px 56px}
.yk-ctaband__art{flex:0 1 300px;width:300px;position:relative}
.yk-ctaband__art span{position:absolute;left:4%;right:4%;top:10%;bottom:-6%;border-radius:50%;background:rgba(255,255,255,.6)}
.yk-ctaband__art img{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 8px 8px rgba(19,54,74,.25))}
.yk-ctaband__art--owner{flex-basis:260px;width:260px}
.yk-ctaband__art--owner span{left:0;right:0;top:4%;bottom:0}
.yk-ctaband__body{flex:0 1 600px;min-width:0;text-align:center}
.yk-ctaband__title{margin:0 0 24px;font-size:clamp(28px,4vw,40px);line-height:1.4;font-weight:900}
.yk-ctaband__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.yk-ctaband__btns .yk-btn{min-height:64px}

/* お客様の声 */
.yk-voices{display:flex;flex-wrap:wrap;gap:24px}
.yk-voice{position:relative;flex:1 1 320px;min-width:0;background:var(--yk-pale);border-radius:20px;padding:44px 26px 26px;display:flex;flex-direction:column;gap:10px}
.yk-voice__q{position:absolute;left:20px;top:2px;font-size:72px;line-height:1;font-weight:900;color:var(--yk-primary)}
.yk-voice__who{font-weight:900;color:var(--yk-primary)}
.yk-voice__text{font-size:15px}

/* タグ */
.yk-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.yk-tags li{font-weight:700;padding:6px 20px;border-radius:999px;background:#fff;color:var(--yk-ink)}
.yk-tags--pale li{background:var(--yk-pale);border-radius:10px;padding:6px 18px}
.yk-bar__note{margin:28px 0 0;text-align:center;font-weight:900;font-size:20px;color:var(--yk-cta)}
.yk-area__note{margin:12px 0 0;text-align:center;color:var(--yk-ink);font-size:18px}
.yk-area__note strong{box-shadow:inset 0 -.35em 0 #FFD27A}
.yk-areas{max-width:980px;margin:0 auto;border:2px solid var(--yk-ink);border-radius:20px;background:#fff;box-shadow:6px 6px 0 var(--yk-sky);overflow:hidden}
.yk-areas__row{display:flex;align-items:center;gap:8px 20px;padding:14px 22px;border-top:1px solid var(--yk-line)}
.yk-areas__row:first-child{border-top:0}
.yk-areas__region{flex:0 0 110px;font-weight:900;color:var(--yk-bar)}
.yk-areas__list{flex:1;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.yk-areas__list li{padding:0;border-radius:999px;border:1.5px solid var(--yk-line);color:var(--yk-sub);font-weight:500;font-size:15px;background:#fff}
.yk-areas__list li.is-served{background:var(--yk-bar);border-color:var(--yk-bar);color:#fff;font-weight:700}
.yk-areas__list li a,.yk-areas__list li span{display:block;padding:4px 14px;border-radius:999px;color:inherit;text-decoration:none;transition:background .2s,color .2s,transform .2s}
.yk-areas__list li a{cursor:pointer}
.yk-areas__list li.is-served a:hover,.yk-areas__list li.is-served a:focus-visible{background:var(--yk-cta);color:var(--yk-ink);transform:translateY(-2px)}
.yk-areas__legend{margin:18px 0 0;text-align:center;font-size:14px;color:var(--yk-sub)}
.yk-areas__dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--yk-bar);margin-right:8px;vertical-align:-2px}

/* 査定フォーム枠 */
.yk-form__lead{margin:0 0 32px;text-align:center;font-weight:500;color:#fff}
.yk-form__lead strong{color:var(--yk-cta)}
.yk-sec--form .wpcf7 form.wpcf7-form{box-shadow:8px 8px 0 rgba(19,54,74,.55)}
.yk-form__link{margin:24px 0 0;text-align:center;font-size:14px}
.yk-form__link a{text-decoration:underline;color:#fff}

@media (max-width:820px){
  .yk-sec{padding:56px 0}
  .yk-h2{font-size:30px;margin-bottom:28px}
  .yk-h2--s{font-size:26px}
  .yk-hero__inner{padding-top:48px;padding-bottom:56px;gap:24px}
  .yk-hero__pres{top:28px}
  .yk-hero__pres img{width:15vw;height:auto;max-width:106px;min-width:96px;min-height:96px}
  .yk-stats__num{font-size:60px}
  .yk-stats__word{font-size:40px}
  .yk-reason__lead{font-size:18px}
  .yk-reason__h3{font-size:22px}
  .yk-mcard--big .yk-mcard__img{height:200px}
  .yk-mcard--big .yk-mcard__label{font-size:22px}
}
@media (max-width:960px){.yk-hero__pres img{width:104px;height:104px}.yk-hero__text{flex-basis:100%;max-width:none}.yk-hero__art{flex-basis:100%;max-width:480px;margin:0 auto}}
@media (max-width:640px){.yk-areas__row{flex-direction:column;align-items:flex-start;padding:12px 16px}.yk-areas__region{flex-basis:auto}.yk-area__note{font-size:16px}}
@media (max-width:900px){.yk-ctaband__art{display:none}.yk-ctaband__body{text-align:center}.yk-ctaband__btns{justify-content:center}}
@media (max-width:480px){
  .yk-blog__row{border-radius:20px;padding:14px 18px}
  .yk-mcard{flex-basis:calc(50% - 12px)}
  .yk-mcard__label{padding:12px;font-size:16px}
  .yk-mcard--big .yk-mcard__label{padding:12px;font-size:18px}
  .yk-mcard--big .yk-mcard__img{height:170px}
  .yk-btn{padding:0 24px}
}

.yk-mcard__img--none{color:#9DC3D6}
.yk-mcard--big .yk-mcard__img--none svg{width:120px;height:120px}

/* ヒーローのボタン：狭い画面でも横並びを保つ */
@media (max-width:480px){
  .yk-hero__btns{gap:8px}
  .yk-hero__btns .yk-btn{padding:0 10px;font-size:15px;min-height:56px;gap:6px}
  .yk-hero__btns .yk-btn--cta{min-height:56px}
  .yk-hero__btns svg{width:18px;height:18px}
}
@media (max-width:360px){
  .yk-hero__btns .yk-btn{padding:0 6px;font-size:14px}
  .yk-hero__btns svg{display:none}
}

/* ===== ヒーロー：農機のスライド（CSSのみ・5枚×4.2秒＝21秒で1周） ===== */
.yk-hero__slides{position:absolute;inset:0;animation:yk-float 6s ease-in-out infinite}
.yk-slide{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:0;animation:yk-slide 21s ease-in-out infinite;animation-delay:calc(var(--n) * 4.2s);will-change:opacity,transform}
.yk-slide img{width:auto;height:auto;max-width:80%;max-height:70%;filter:drop-shadow(0 8px 8px rgba(19,54,74,.25))}
.yk-slide figcaption{padding:2px 18px;border:2px solid var(--yk-ink);border-radius:999px;background:#fff;color:var(--yk-ink);font-size:14px;font-weight:900;letter-spacing:.08em;box-shadow:3px 3px 0 var(--yk-ink)}
@keyframes yk-slide{
  0%{opacity:0;transform:translateX(28px) scale(.96)}
  4%{opacity:1;transform:none}
  19%{opacity:1;transform:none}
  24%{opacity:0;transform:translateX(-28px) scale(.98)}
  24.1%,100%{opacity:0;transform:translateX(28px) scale(.96)}
}
@keyframes yk-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* ===== ヒーロー：表示時の動き（animate.css風・CSSのみ） ===== */
.yk-hero__text>*{animation:yk-fadeup .7s cubic-bezier(.22,.8,.3,1) backwards}
.yk-hero__text>:nth-child(2){animation-delay:.08s}
.yk-hero__text>:nth-child(3){animation-delay:.16s}
.yk-hero__text>:nth-child(4){animation-delay:.24s}
.yk-hero__text>:nth-child(5){animation-delay:.32s}
.yk-hero__text>:nth-child(6){animation-delay:.4s}
.yk-hero__art{animation:yk-fade-in-right .9s cubic-bezier(.22,.8,.3,1) .2s backwards}
.yk-hero__pres{animation:yk-pop .6s cubic-bezier(.34,1.56,.64,1) .5s backwards}

/* ===== スクロールで表示される動き（JSが有効なときだけ隠す。無効なら最初から表示） ===== */
.yk-anim [data-yk-anim]:not(.is-in){opacity:0}
.yk-anim [data-yk-anim].is-in{animation:var(--yk-a,yk-fadeup) .7s cubic-bezier(.22,.8,.3,1) var(--yk-d,0s) backwards}
[data-yk-anim="fade-up"]{--yk-a:yk-fadeup}
[data-yk-anim="zoom-in"]{--yk-a:yk-zoom-in}
[data-yk-anim="fade-in-left"]{--yk-a:yk-fade-in-left}
[data-yk-anim="fade-in-right"]{--yk-a:yk-fade-in-right}
@keyframes yk-fadeup{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes yk-zoom-in{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}
@keyframes yk-fade-in-left{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:none}}
@keyframes yk-fade-in-right{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:none}}
@keyframes yk-pop{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}

/* 動きを減らす設定：スライドは1枚目を静止表示、他の動きはなし */
@media (prefers-reduced-motion:reduce){
  .yk-hero__slides,.yk-hero__text>*,.yk-hero__art,.yk-hero__pres{animation:none}
  .yk-slide{animation:none}
  .yk-slide:first-child{opacity:1}
  .yk-slide:not(:first-child){display:none}
  .yk-anim [data-yk-anim]:not(.is-in){opacity:1}
  .yk-anim [data-yk-anim].is-in{animation:none}
}