/* ▼▼ ASA（アスファルトアンカー）用スタイル ▼▼ */
.asa_wrap{
  max-width:1080px;margin:0 auto;padding:20px 15px 40px;
  font-family:"Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
  line-height:1.7;color:#333;background:#fff;
}

.asa_hero{border-left:4px solid #01559b;padding-left:14px;margin-bottom:30px;}
.asa_title{font-size:1.8rem;margin:0 0 10px;}
.asa_catch{font-size:1.1rem;font-weight:bold;color:#c62828;margin:0 0 10px;}
.asa_lead{font-size:.98rem;margin:0;}
.asa_note_top{font-size:.9rem;color:#555;margin-top:8px;}

.asa_section{margin-top:30px;}
.asa_h2{font-size:1.4rem;border-bottom:2px solid #01559b;padding-bottom:4px;margin:0 0 12px;}

.asa_list{list-style:disc;padding-left:1.4em;font-size:.96rem;margin:0;}
.asa_list li+li{margin-top:4px;}

.asa_features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;font-size:.96rem;}
.asa_feature_item{border:1px solid #eee;border-radius:4px;padding:10px 12px;background:#fafafa;}
.asa_feature_item h3{font-size:1rem;margin:0 0 4px;color:#c62828;}
.asa_feature_item p{margin:0;}

.asa_steps{counter-reset:asa_step;padding-left:0;list-style:none;font-size:.96rem;margin:0;}
.asa_steps li{position:relative;padding-left:32px;margin-bottom:6px;}
.asa_steps li::before{
  counter-increment:asa_step;content:counter(asa_step);
  position:absolute;left:0;top:.1em;width:22px;height:22px;border-radius:50%;
  border:2px solid #01559b;text-align:center;font-size:.8rem;line-height:18px;color:#01559b;
}
.asa_note{font-size:.9rem;color:#555;margin-top:8px;}

.asa_hero_img,.asa_step_img{margin:10px auto 15px;text-align:center;}
.asa_hero_img img,.asa_step_img img{max-width:100%;height:auto;display:inline-block;}

.asa_table_note{font-size:.9rem;margin:0 0 10px;}
.asa_table_wrap{width:100%;overflow-x:auto;margin-bottom:16px;}
.asa_table{width:100%;min-width:760px;border-collapse:collapse;font-size:.9rem;}
.asa_table th,.asa_table td{border:1px solid #ddd;padding:6px 8px;text-align:center;white-space:nowrap;}
.asa_table th{    background: #01559b;
    font-weight: bold;
    color: #fff;}

@media (max-width:768px){
  .asa_wrap{padding:15px 10px 30px;}
  .asa_title{font-size:1.4rem;}
  .asa_catch{font-size:1rem;}
  .asa_features{grid-template-columns:1fr;}
  .asa_table{font-size:.85rem;}
}
/* ▲▲ ASA（アスファルトアンカー）用スタイル ▲▲ */
.auto-style1 {
	font-size: 22px;
}
.auto-style2 {
	font-size: 14px;
}
/* ▼▼ 関連商品：回遊カード（共通） ▼▼ */
.ys_related {
  margin-top: 30px;
}

.ys_related_ttl {
  font-size: 1.4rem;
  border-bottom: 2px solid #c62828;
  padding-bottom: 4px;
  margin: 0 0 12px;
}

.ys_related_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.ys_related_item a {
  display: block;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px 10px;
  text-decoration: none;
  background: #fafafa;
}
.ys_related_item img {
	text-align:center;
	}

.ys_related_item a:hover {
  background: #fff3f3;
  border-color: #c62828;
}

.ys_related_title {
  display: block;
  font-size: 0.95rem;
  font-weight: bold;
  margin-bottom: 4px;
  color: #c62828;
  line-height: 1.4;
}

.ys_related_text {
  display: block;
  font-size: 0.85rem;
  color: #555;
  line-height: 1.5;
}

/* タブレット */
@media (max-width: 900px) {
  .ys_related_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* スマホ */
@media (max-width: 768px) {
  .ys_related_list {
    grid-template-columns: 1fr;
  }
}
/* ▲▲ 関連商品：回遊カード（共通） ▲▲ */