/* ==========================================================
   施工実績 (works.html)  固有スタイル
   ========================================================== */
.page-works .page-mv__img{object-position:center 50%;}
@media (max-width:1023px){.page-works .page-mv__img{object-position:center 45%;}}
.wk{padding-bottom:16.4rem;}

/* カテゴリナビ */
.wk-nav{padding-top:21.2rem;}
.wk-nav__list{display:flex;justify-content:center;gap:3rem;}
.wk-nav__btn{display:flex;align-items:center;justify-content:center;width:38rem;height:7.5rem;border-radius:2rem;background:var(--beige2);border:.25rem solid currentColor;font-size:2.7rem;font-weight:700;letter-spacing:.06em;line-height:1;transition:background .25s;}
.wk-nav__btn:hover{background:var(--white);}
.wk-nav__btn--new{color:var(--ochre);}
.wk-nav__btn--reform{color:var(--ochre-d);}
.wk-nav__btn--shop{color:var(--green);}
.wk-nav__btn--other{color:var(--green-d);}

/* カテゴリセクション */
.wk-cat{margin-top:17rem;scroll-margin-top:2rem;}
.wk-cat + .wk-cat{margin-top:16rem;}
.wk-cat--new{--c:var(--ochre);}
.wk-cat--reform{--c:var(--ochre-d);}
.wk-cat--shop{--c:var(--green);}
.wk-cat--other{--c:var(--green-d);}
.wk-cat__inner{width:167.2rem;margin:0 auto;}
.wk-cat__tab{display:flex;align-items:center;justify-content:center;width:41.5rem;height:9rem;margin-left:12rem;border-radius:2rem 2rem 0 0;background:var(--c);color:var(--white);font-size:2.7rem;font-weight:700;letter-spacing:.15em;line-height:1;}
.wk-cat__band{background:var(--white);border-top:.3rem solid var(--c);border-bottom:.3rem solid var(--c);padding:5.45rem 0 10.5rem;}
.wk-cat__head{display:flex;align-items:flex-start;padding-left:21.55rem;}
.wk-cat__nav{display:flex;gap:4.5rem;flex:none;}
.wk-arrow{display:grid;place-items:center;width:7.3rem;height:7.3rem;border-radius:50%;background:var(--white);border:.3rem solid var(--grey2);color:var(--grey2);transition:background .25s;}
.wk-arrow:hover{background:var(--beige2);}
.wk-arrow svg{width:2.6rem;height:2.6rem;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}
.wk-cat__lead{align-self:center;margin:0 0 0 11rem;font-size:2.7rem;font-weight:700;letter-spacing:.06em;line-height:1.3;}
.wk-cat__slider{margin-top:6.25rem;}
.wk-cat .swiper{overflow:hidden;}
.wk-cat .work-card{border:1px solid var(--c);}

@media (max-width:1023px){
  .wk{padding-bottom:12rem;}
  .wk-nav{padding:4rem 2rem 0;}
  .wk-nav__list{display:grid;grid-template-columns:repeat(2,17rem);justify-content:space-between;gap:2.2rem 1rem;}
  .wk-nav__btn{width:17rem;height:3.3rem;border-radius:1rem;border-width:.15rem;font-size:1.5rem;letter-spacing:.05em;}
  .wk-cat{margin-top:8.8rem;}
  .wk-cat + .wk-cat{margin-top:10.6rem;}
  .wk-cat__inner{width:36.2rem;}
  .wk-cat__tab{width:22.5rem;height:3.9rem;margin-left:1rem;border-radius:1rem 1rem 0 0;font-size:1.8rem;}
  .wk-cat__band{padding:4.5rem 0 8rem;}
  .wk-cat__head{flex-direction:column;align-items:center;padding-left:0;}
  .wk-cat__nav{gap:13.9rem;}
  .wk-arrow{width:5.2rem;height:5.2rem;border:.15rem solid var(--c);color:var(--c);}
  .wk-arrow svg{width:1.8rem;height:1.8rem;stroke-width:2.2;}
  .wk-cat__lead{margin:1.1rem 0 0;font-size:1.5rem;letter-spacing:.05em;line-height:1.5;text-align:center;}
  .wk-cat__slider{margin-top:3.3rem;}
  .wk .swiper-slide.work-card{width:36.2rem;}
  .wk .work-card{border-radius:2rem;padding:1.5rem 1.75rem 1.4rem;}
  .wk .work-card__img{aspect-ratio:327/370;border-radius:1rem;}
  .wk .work-card__tag{margin-top:1.6rem;min-width:14.1rem;height:2.8rem;line-height:2.8rem;font-size:1.5rem;}
  .wk .work-card__ttl{margin-top:.2rem;font-size:1.7rem;line-height:2.35;}
  .wk .work-card__date{padding-top:2.4rem;font-size:1.7rem;}
}