body{margin:0;background:#f6f7fb;line-height:1.7;}
.container{max-width:1150px;margin:0 auto;padding:1.8rem 1rem;}
:root{
  --main:#7d8a9c; /* シルバー系ブルーグレー */
  --deep:#5a6473;
  --sub:#f4f6fa;
  --line:#d2d9e5;
}
.breadcrumb{font-size:.8rem;margin-bottom:1rem;}
.breadcrumb a{text-decoration:none;color:#555;}
.label{display:inline-block;background:var(--main);color:#fff;padding:.25rem .7rem;border-radius:999px;font-size:.78rem;margin-bottom:.6rem;}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:1.4rem;background:var(--sub);border-radius:16px;padding:1.8rem;border:1px solid var(--line);}
.hero-main h1{font-size:1.8rem;margin:.3rem 0 .4rem;font-weight:700;}
.hero-main p{margin:.1rem 0 .8rem;}
.hero-copy{display:inline-block;background:#fff;padding:.3rem .75rem;border-radius:999px;border:1px solid var(--line);font-size:.83rem;margin-bottom:.4rem;color:var(--deep);}
.hero-points{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;}
.hero-points li{list-style:none;font-size:.78rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.25rem .6rem;}
.hero-img img{width:100%;border-radius:12px;border:1px solid var(--line);background:#fff;}
.hero-img p{font-size:.75rem;color:#777;margin-top:.35rem;}

h2{border-left:4px solid var(--main);padding-left:.6rem;font-size:1.1rem;margin:2rem 0 .7rem;}
.lead{color:#555;margin-bottom:.7rem;}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;}
.feature-box{background:#fff;border-radius:12px;border:1px solid var(--line);padding:.9rem;}
.feature-box h3{margin:.1rem 0 .35rem;color:var(--deep);} 

.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;}
.scene-item{background:#fff;border-radius:8px;border:1px dashed var(--main);padding:.6rem .7rem;}

.note{color:#777;margin:.2rem 0 .5rem;}

.table-wrap{overflow-x:auto;margin-top:.3rem;}
.table{width:100%;border-collapse:collapse;background:#fff;}
.table th,.table td{border:1px solid #ddd;padding:.4rem .5rem;text-align:center;white-space:nowrap;}
.table th{background:#edf1f8;font-weight:600;}

.spec-list{background:#fff;border:1px solid var(--line);border-radius:10px;padding:.85rem .9rem;margin-bottom:.8rem;list-style:none;}
.spec-list li{margin:.16rem 0;}

.cta{background:var(--main);color:#fff;border-radius:12px;padding:1.1rem 1.2rem;margin-top:2rem;}

@media(max-width:840px){
  .hero{grid-template-columns:1fr;padding:1.4rem;}
}
@media(max-width:720px){
  .feature-grid{grid-template-columns:1fr;}
  .scene-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){
  .scene-grid{grid-template-columns:1fr;}
  .hero-main h1{font-size:1.5rem;}
}
.auto-style1 {
	font-size: 24px;
	color: #FF0000;
}
.auto-style2 {
	font-size: 14px;
}
.yk-hero-title {
    font-size: clamp(1.5rem, 3.1vw, 2.1rem);
    font-weight: 800;
    margin-bottom: 0.35rem;
}