.base-mid {
  background-color: #fff5f5;
}

.img-box-txt-mid {
  background-color: #e33d30;
}

.section-ttl-open-mid{
  border-bottom: 5px solid #ff1e1e;
  color: #ff1e1e ;
}

.points-mid {
  background-color: #fff7f7;;
}
.section-ttl-mid {
  color: #fe403f;
}
  
.section-ttl-mid::before {
  background-color: #fe403f;
}

.points-dt-mid {
  border-bottom: 1px solid #fe403f;
}

.merit-item-company-mid{
  box-shadow: 0 4px 15px rgba(255, 30, 30, 0.3);
  background-color: #ffeaea;
}

.merit-item-company-mid:hover {
  box-shadow: 0 10px 30px rgba(255, 30, 30, 0.6);
}

.merit-item-ttl-mid {
  color: #e33030;
}

.merit-item-ttl-mid::after {
  background: linear-gradient(90deg, #ff1e1e, #fa8787);
}

.number-circle-mid {
  background: linear-gradient(135deg, #ff1e1e, #fa8787);
  box-shadow: 0 0 12px #ff1e1e;
  animation: pulse-mid 3s infinite ease-in-out;
}


  /* 脈打つpulseアニメーション */
@keyframes pulse-mid {
  0%, 100% { transform: scale(1); box-shadow: 0 0 12px #ff1e1e; }
  50% { transform: scale(1.15); box-shadow: 0 0 25px #ff1e1e; }
}

.merit-item-detail-mid {
  color: #660000;
}

.merit-button-mid {
  background: linear-gradient(135deg, #ff1e1e, #bb0000);
  box-shadow: 0 4px 10px rgba(187, 0, 0, 0.6);
}

.merit-button-mid:hover {
  background: linear-gradient(135deg, #bb0000, #ff1e1e);
  box-shadow: 0 6px 18px rgba(255, 30, 30, 0.9);
}

.detail-ttl-mid::before {
  background-color: #e33d30;
}

.points-dd-mid {
  width: 100%;
  padding-top: 2.4rem;
  padding-left: 2.4rem;
  padding-bottom: 2.4rem;
  font-weight: 500;
  line-height: 1.6;
  border-bottom: 1px solid #c3c3c3;
}

@media (max-width: 768px) {
  .points-dd-mid {
    padding: initial;
    padding-bottom: 1.6rem;
    font-size: 1.4rem;
}
}

@media (max-width: 768px) {
  .points-dt-mid {
    border-bottom: initial; 
  }
}

.entry-body-mid {
 background-color: #ffefef;
}