/* スマホ（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;
  }

  .PC_costom1 li {
    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 {
  list-style-type: disc; /* 「・」を表示 */
  margin: 0;
  padding-left: 20px;
}

 
.highlight-box li {
  margin-bottom: 8px;
  line-height: 1.6;
}

.topcustom {
  margin-top:20px
}