.top .section .ttlmt {
 margin-top: 100px;
}
.promotion_wrap {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 20px;
 margin-bottom: 20px;
}
.promotion_bg {
 background-color: #f8f6f6;
 padding: 20px;
 margin-bottom: 0;
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 20px;
}
.promotion_one {
 margin-bottom: 20px;
}
.topics {
 margin-bottom: 30px;
 background: #fbe9e9;
 border-top: 1px solid #f2adad;
 border-bottom: 1px solid #f2adad;
 padding: 12px;
 color: #b20707;
}
.topics p, h3 {
 font-size: 1.6rem;
}
.topics h3 {
 font-weight: bold;
 margin-bottom: 8px;
}
.top .topFeatureList {
 margin-bottom: 100px;
}
.top .section .ttlmt_service {
 margin-top: 60px;
}
/*カテゴリアイコン*/
.top .topFeatureList .icon_container {
 display: grid;
 grid-template-columns: repeat(5, 1fr);
 gap: 2px;
}
.pcNone {
 display: none;
}
.spNone {
 display: block;
}
@media screen and (max-width:767px) {
 .top .section .ttlmt {
  margin-top: 50px;
 }
 .promotion_wrap {
  grid-template-columns: repeat(1, 1fr);
 }
 .promotion_bg {
  margin: 0 calc(50% - 50vw) 80px;
  width: 100vw;
  grid-template-columns: repeat(1, 1fr);
 }
 .top .topFeatureList {
  margin-bottom: 50px;
 }
 .top .section .ttlmt_service {
  margin-top: 10px;
 }
 /*カテゴリアイコン*/
 .top .topFeatureList .icon_container {
  grid-template-columns: repeat(3, 1fr);
 }
 .spNone {
  display: none;
 }
 .pcNone {
  display: block;
 }
}