/* =========================================================
   トップページ専用スタイル：ヒーロースライダー／サービス・サポートの
   「左テキスト＋右画像」フィーチャーリスト
   base.css（変数・共通パーツ）を前提に読み込みます。
========================================================= */

/* ---- ヒーロースライダー ---- */
.hero{position:relative;overflow:hidden;background:#f5f5f5;height:520px;}
.hero__track{display:flex;transition:transform .7s cubic-bezier(.4,0,.2,1);}
.slide{flex:0 0 100%;min-width:100%;height:520px;position:relative;background-size:cover;background-position:center;}
.slide__inner{
  position:relative;max-width:var(--maxw);margin:0 auto;padding:0 24px;height:100%;
  display:flex;flex-direction:column;justify-content:center;
}
.slide--left .slide__inner{align-items:flex-start;text-align:left;}
.slide--center .slide__inner{align-items:center;text-align:center;}

.slide__kicker{font-size:13px;color:var(--green);font-weight:700;letter-spacing:.1em;margin-bottom:18px;}
.slide__title{font-size:40px;line-height:1.35;font-weight:700;margin:0;color:var(--ink);max-width:720px;padding-bottom:40px;}
.slide__sub{font-size:16px;color:#555;margin:22px 0 32px;max-width:560px;}

.slide__bg{position:absolute;inset:0;}
.slide__bg--l{background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.2));}
.slide__bg--c{background:rgba(255,255,255,.55);}

.hero__arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border:1px solid #ccc;background:rgba(255,255,255,.9);
  color:#444;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;
}
.hero__arrow--prev{left:20px;} .hero__arrow--next{right:20px;}
.hero__dots{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center;gap:10px;}
.dot{width:10px;height:10px;border-radius:50%;border:none;padding:0;cursor:pointer;background:rgba(255,255,255,.5);}
.dot.is-active{background:#fff;box-shadow:0 0 0 2px var(--green);}

/* ---- サービス／サポート：左テキスト＋右画像 ---- */
.feature-list{display:flex;flex-direction:column;gap:28px;}
.feature{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);overflow:hidden;}
.feature__body{padding:44px;display:flex;flex-direction:column;justify-content:center;}
.feature__num{font-size:13px;color:#bbb;font-weight:700;margin-bottom:14px;}
.feature__title{font-size:21px;font-weight:700;margin:0 0 14px;color:var(--ink);}
.feature__text{font-size:15px;color:var(--muted);margin:0 0 24px;line-height:1.8;}
.feature__link{display:inline-flex;align-items:center;gap:8px;color:var(--green);text-decoration:none;font-size:14px;font-weight:500;}
.feature__link:hover{gap:12px;}
.feature__img{background:linear-gradient(135deg,#e0e0e0,#f2f2f2);min-height:280px;}
.feature__img--2{background:linear-gradient(135deg,#d6d6d6,#eaeaea);}
.feature__img--3{background:linear-gradient(135deg,#cfcfcf,#e6e6e6);}

@media (max-width:900px){
  .feature{grid-template-columns:1fr;}
  .feature__img{min-height:200px;order:-1;}
  .slide__title{font-size:30px;}
}
@media (max-width:560px){
  .slide__title{font-size:26px;}
}