:root {
  --area-deep: #064e7c;
  --area-ice: #eff8fd;
  --area-orange: #f58220;
  --area-red: #e9473f;
  --area-ink: #263746;
  --area-muted: #607381;
  --area-line: #d9e5ec;
  --area-white: #fff;
  --area-radius: 18px;
  --area-shadow: 0 12px 32px rgba(15, 73, 109, .12);
}
:root{--rental-navy:#07345c;--rental-blue:#0879c9;--rental-cyan:#19b9e7;--rental-yellow:#ffd800;--rental-ink:#172536;--rental-muted:#607184;--rental-bg:#f1f7fb;--rental-white:#fff}

.rental-page { margin: 0; color: var(--area-ink); background: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", sans-serif; line-height: 1.75; }
.rental-page *, .rental-page *::before, .rental-page *::after { box-sizing: border-box; }
.rental-page img { display: block; max-width: 100%; }
.rental-page a { color: inherit; }
.rental-container { width: min(1120px, calc(100% - 5px)); margin-inline: auto; }
.rental-breadcrumb { width: min(1120px, calc(100% - 40px)); margin: 10px auto; font-size: 12px; color: var(--area-muted); }
.rental-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 7px; padding: 0; margin: 0; list-style: none; }
.rental-breadcrumb li:not(:last-child)::after { content: "/"; margin-left: 7px; color: #9aabb5; }
.rental-breadcrumb a { text-decoration: underline; text-underline-offset: 3px; }

.rental-hero { position: relative; min-height: 390px; display: grid; align-items: center; overflow: hidden; color: #fff; background: #174d70 var(--hero-image) center 42% / cover no-repeat; }
.rental-hero__shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(4,35,57,.84) 0%, rgba(4,42,68,.62) 45%, rgba(4,42,68,.12) 78%), linear-gradient(0deg, rgba(2,31,50,.3), transparent 45%); }
.rental-hero__inner { position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; padding-block: 78px; }
.rental-hero__copy { text-shadow: 0 2px 18px rgba(0,0,0,.28); }
.rental-eyebrow { display: inline-flex; padding: 5px 13px; border: 1px solid rgba(255,255,255,.65); border-radius: 999px; font-weight: 700; font-size: 13px; letter-spacing: .04em; backdrop-filter: blur(6px); }
.rental-season { margin: 18px 0 0; font-size: 13px; font-weight: 800; letter-spacing: .16em; }
.rental-hero h2 { margin: 5px 0 12px; color: #fff; font-size: clamp(32px, 4.5vw, 58px); line-height: 1.23; letter-spacing: -.02em; }
.rental-hero__lead { margin: 0 0 7px; font-weight: 800; font-size: clamp(20px, 2.3vw, 29px); }
.rental-hero__text { max-width: 650px; margin: 0; font-size: 15px; }
.rental-tags { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 22px 0 0; list-style: none; text-shadow: none; }
.rental-tags li { padding: 5px 12px; border-radius: 999px; color: var(--area-deep); background: rgba(255,255,255,.94); font-weight: 800; font-size: 12px; }
.rental-hero__cta { flex: 0 0 300px; padding: 18px 22px; border-radius: 14px; color: #fff; background: var(--area-orange); border: 1px solid rgba(255, 255, 255, 0.35);  box-shadow: 0 4px 14px rgba(0, 60, 120, 0.15);  appearance: none; -webkit-appearance: none;
 font-weight: 800; font-size: 18px; line-height: 1.45; text-align: center; text-decoration: none; transition: transform .2s, filter .2s; }
.rental-hero__cta span { display: block; font-size: 11px; letter-spacing: .03em; }
.rental-hero__cta:hover { transform: translateY(-3px); filter: brightness(1.05); }

.rental-stats { position: relative; z-index: 2; margin-top: -34px; }
.rental-stats__grid { display: grid; grid-template-columns: repeat(6, 1fr); overflow: hidden; border: 1px solid var(--area-line); border-radius: var(--area-radius); background: #fff; box-shadow: var(--area-shadow); }
.rental-stats__grid > div { padding: 20px 8px 17px; text-align: center; }
.rental-stats__grid > div + div { border-left: 1px solid var(--area-line); }
.rental-stats span { display: block; color: var(--area-muted); font-size: 11px; font-weight: 700; }
.rental-stats strong { color: var(--area-deep); font-size: 27px; line-height: 1.25; }
.rental-stats small { margin-left: 2px; font-weight: 700; }

.rental-section { padding: 76px 0; }
.rental-section--soft { background: var(--area-ice); }
.rental-heading { margin: 0 auto 30px; text-align: center; }
.rental-heading--left { text-align: left; }
.rental-heading > span, .rental-search__intro > span, .rental-benefits__copy > span { color: var(--area-blue); font-size: 12px; font-weight: 900; letter-spacing: .16em; }
.rental-heading h2, .rental-search h2, .rental-benefits h2, .rental-prose h2 { margin: 5px 0 8px; color: var(--area-deep); font-size: clamp(24px, 3vw, 36px); line-height: 1.4; }
.rental-heading p { margin: 0; color: var(--area-muted); }


.rental-newtype{color:#fff;background:var(--rental-navy)}
.rental-section-heading--light .rental-section-heading__num,.rental-section-heading--light p{color:#6fddff}
.rental-newtype__grid {display:grid;grid-template-columns:230px 1fr;align-items:center;gap:55px}
.rental-newtype__badge {display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:2px solid #55d7fa;border-radius:50%;text-align:center;transform:rotate(-4deg)}
.rental-newtype__badge strong{font-size:1.25rem;line-height:1.2}
.rental-newtype__badge em{color:var(--rental-yellow);font-size:2.8rem;font-style:normal}
.rental-newtype__badge span{margin-left:5px;font-weight:800}
.rental-newtype__grid h3{margin:0 0 16px;font-size:1.45rem}
.rental-newtype__grid p{margin:0;color:#d9e6ef}


.rental-content{overflow:hidden}
.rental-content>section{padding:72px max(20px,calc((100% - 1080px)/2))}
.rental-section-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:30px}
.rental-section-heading__num{flex:none;color:var(--rental-blue);font:800 2.2rem/1 Arial,sans-serif}
.rental-section-heading p{margin:0 0 3px;color:var(--rental-blue);font-size:.75rem;font-weight:800;letter-spacing:.16em}
.rental-section-heading h2{margin:0;font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.45}
.rental-copy{margin:0 0 34px}
.rental-items{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:14px}.rental-items article{padding:28px 18px;text-align:center;border:1px solid #d5e3ed;border-radius:10px;background:#fff;box-shadow:0 8px 25px rgba(7,52,92,.07)}.rental-items__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 16px;border-radius:50%;background:#e5f6fc;color:var(--rental-blue);font:800 .72rem Arial,sans-serif;letter-spacing:.05em}
.rental-items h3{margin:0;font-size:1.08rem;line-height:1.5}
.rental-items p{margin:7px 0;color:var(--rental-muted);font-size:.85rem}
.rental-items strong{color:#e64b32;font-size:1.5rem}
.rental-items__or,.rental-items__plus{align-self:center;color:var(--rental-blue);font-weight:900}

.rental-items article {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #fff;
}

/* 写真だけを薄く表示 */
.rental-items article::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-size: cover;
  background-position: center;
  opacity: .18;
}

.rental-items article:nth-of-type(1)::before {
  background-image: url("/img/ski/common/rental-ski.jpg");
  background-position: top right;
}

.rental-items article:nth-of-type(2)::before {
  background-image: url("/img/ski/common/rental-board.jpg");
  background-position: top right;
}

.rental-items article:nth-of-type(3)::before {
  background-image: url("/img/ski/common/rental-wear.jpg");
  background-position: top left;
}

.rental-notice{display:grid;grid-template-columns:auto 1fr;gap:14px;margin-top:25px;padding:18px 20px;border-left:5px solid #efb700;background:#fff9df}
.rental-notice strong{white-space:nowrap}
.rental-notice p{margin:0;font-size:.9rem}
.rental-newtype{color:#fff;background:var(--rental-navy)}
.rental-section-heading--light .rental-section-heading__num,.rental-section-heading--light p{color:#6fddff}
.rental-newtype__grid{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:55px}
.rental-newtype__badge{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:2px solid #55d7fa;border-radius:50%;text-align:center;transform:rotate(-4deg)}
.rental-newtype__badge strong{font-size:1.25rem;line-height:1.2}
.rental-newtype__badge em{color:var(--rental-yellow);font-size:2.8rem;font-style:normal}
.rental-newtype__badge span{margin-left:5px;font-weight:800}
.rental-newtype__grid h3{margin:0 0 16px;font-size:1.45rem}
.rental-newtype__grid p{margin:0;color:#d9e6ef}
.rental-shop{background:var(--rental-bg)}
.rental-shop__card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;padding:34px;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(7,52,92,.08)}
.rental-shop__label{margin:0;color:var(--rental-blue);font-size:.8rem;font-weight:800}
.rental-shop__card h3{margin:2px 0 8px;font-size:1.6rem}
.rental-shop__card p:last-child{margin:0}
.rental-shop__card img{width: 240px; height: 180px;}
.rental-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:56px;padding:12px 28px;border:2px solid var(--rental-blue);border-radius:5px;background:var(--rental-blue);color:#fff!important;font-weight:800;text-decoration:none;transition:.2s}
.rental-button:hover{background:#0563a5;border-color:#0563a5;transform:translateY(-2px)}
.rental-button--outline{background:#fff;color:var(--rental-blue)!important;white-space:nowrap}
.rental-button--outline:hover{background:var(--rental-blue);color:#fff!important}
.rental-flow ol{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none}
.rental-flow li{display:flex;gap:14px;padding:22px;border-top:4px solid var(--rental-cyan);background:var(--rental-bg)}
.rental-flow li>span{flex:none;color:var(--rental-blue);font:800 1.8rem/1 Arial,sans-serif}
.rental-flow h3{margin:0 0 5px;font-size:1.05rem}.rental-flow p{margin:0;color:var(--rental-muted);font-size:.9rem}
.rental-cta{text-align:center;color:#fff;background:linear-gradient(120deg,#0879c9,#07558e)}
.rental-cta p{margin:0;font-weight:700}
.rental-cta h2{margin:4px 0 22px;font-size:clamp(1.7rem,4vw,2.5rem)}
.rental-cta .rental-button{background:var(--rental-yellow);border-color:var(--rental-yellow);color:#152c3e!important}
.rental-cta .rental-button:hover{background:#ffe548;border-color:#ffe548}
@media(max-width:640px){
	.rental-hero__inner{padding:50px 20px}
	.rental-content>section{padding:52px 18px}
	.rental-section-heading{gap:12px}
	.rental-section-heading__num{font-size:1.65rem}
	.rental-items{grid-template-columns:1fr 1fr}
	.rental-items__or{display:none}
	.rental-items__plus{grid-column:1/-1;text-align:center;line-height:1}
	.rental-items article:last-child{grid-column:1/-1}
	.rental-newtype__grid{grid-template-columns:1fr;gap:28px}
	.rental-newtype__badge{width:190px;margin:auto}
	.rental-shop__card{grid-template-columns:1fr;padding:25px}
	.rental-button--outline{white-space:normal}
	.rental-flow ol{grid-template-columns:1fr}
	.rental-notice{grid-template-columns:1fr;gap:4px}
	.rental-shop__card img{width: 100%; height: 100%;}

}
@media(max-width:420px){
	.rental-items{grid-template-columns:1fr}
	.rental-items article:last-child,.rental-items__plus{grid-column:auto}
	.rental-items__plus{padding:0;text-align:center}
	.rental-hero__price{display:block}
	.rental-hero__price strong{display:block;margin:8px 0}
	.rental-button{width:100%}
}
@media(prefers-reduced-motion:reduce){
	.rental-button{transition:none}
	.rental-button:hover{transform:none}
}