/* スマホ（768px以下） */
@media (max-width: 768px) {
  .PC_costom1{
    width: 90%;
    margin: 20px auto !important;
    font-size: 18px;
  }

  .PC_costom1 p {
    text-align: left;
  }

 
.highlight-box {
  margin: 20px 10px auto !important;           /* 中央寄せ */
}
}


/* =========================================================
* PC（769px～）— ::before アイコン上書き
* ========================================================= */
@media screen and (min-width: 769px) {
  .PC_costom1{
    width: 30%;
    margin: 20px auto !important;
    font-size: 18px;
  }
  .PC_costom1 p {
    text-align: left;
  }
}


.highlight-box {
  border: 2px solid #FFD700;   /* 外枠：黄色 */
  background: #FFFBEA;         /* 薄い背景色（アイボリー調） */
  padding: 20px;
  font-weight:bold;
  border-radius: 8px;          /* 角丸にしたい場合 */
  max-width: 600px;            /* 横幅を制御（必要なら） */
  margin: 20px auto;           /* 中央寄せ */
}
 
.highlight-box ul {
  margin: 0;
  padding-left: 20px; /* リストのインデント */
}
 
.highlight-box li {
  margin-bottom: 8px;
  line-height: 1.6;
}