/* =========================================
メンテナンス情報
========================================= */

.maintenance_schedule{
  border:1px solid #c8d8ea;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}

/* =========================================
定期メンテナンス
========================================= */

.schedule_main{
  padding:20px 24px;
  background:#f7fafd;
  border-bottom:1px solid #e5eaf0;
}

.schedule_label{
  margin:0 0 6px;
  font-size:1.5rem;
  font-weight:700;
  color:#005bac;
}

.schedule_time{
  margin:0;
  font-size:2.2rem;
  font-weight:700;
  line-height:1.4;
  color:#003a70;
}

/* =========================================
実施内容
========================================= */

.schedule_contents{
  padding:20px 24px;
}

.schedule_contents h3{
  margin:0 0 16px;
  font-size:1.5rem;
  font-weight:700;
  color:#005bac;
}

.schedule_items{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:24px;
}

.maintenance_item{
  min-width:0;
}

.item_title{
  display:flex;
  align-items:center;

  margin:0 0 6px;

  font-size:1.8rem;
  font-weight:700;
  line-height:1.5;

  color:#003a70;
}

.item_title::before{
  content:"";

  width:4px;
  height:1.1em;

  margin-right:10px;
  flex-shrink:0;

  border-radius:999px;
  background:#005bac;
}

.item_desc{
  margin:0;

  font-size:1.7rem;
  line-height:1.7;

  color:#222;
}

/* =========================================
注意事項
========================================= */
.maintenance_notes{
  margin:16px 24px 24px;

  padding:16px 20px;

  border:1px solid #d7e3f0;
  border-radius:8px;

  background:#fff;
}

.maintenance_notes ul{
  margin:0;
}

.maintenance_notes li{
  margin-bottom:4px;
  line-height:1.8;
  color:#555;
}

.maintenance_notes li:last-child{
  margin-bottom:0;
}

/* =========================================
SP
========================================= */

@media screen and (max-width:767px){

  .schedule_main,
  .schedule_contents,
  .maintenance_notes{
    padding:16px;
  }

  .schedule_time{
    font-size:2rem;
  }

  .schedule_items{
    grid-template-columns:1fr;
    gap:18px;
  }

  .item_title{
    font-size:1.7rem;
  }

  .item_desc{
    font-size:1.5rem;
  }

}