@charset "utf-8";
/*################## スマホ縦用　##################*/
@media screen and (min-width: 0px) and (max-width: 480px) {
  #registration-guide {
    width: 95%;
    margin: 120px auto 0 auto;
  }
  #registration-guide-02 {
    width: 90%;
    margin: 50px auto;
  }
  #form-02 {
    width: 100%;
    margin: 50px auto;
  }
  .privacy-policy-box {
    width: 98%;
    margin: 30px auto 50px auto;
    max-height: 300px; /* 高さを制限 */
    overflow-y: auto;
    background-color: #fdfaef;
  }
  #privacy-policy-box-01 {
    width: 98%;
    margin: 0 auto;
  }
  #privacy-policy-box-02 {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 30px;
  }
  #privacy-policy-box-02 h2 {
    padding-left: 10px;
  }
  #privacy-policy-box-02 p {
    padding-left: 20px;
  }
  #privacy-policy-box-02 ol {
    padding-left: 20px;
  }
  #privacy-policy-box-02 ul {
    padding-left: 20px;
  }
  #form-03 {
    width: 95%;
    margin: 20px auto 80px auto;
  }
  #form-03 {
    width: 95%;
    margin: 20px auto 80px auto;
  }
}
/*################## スマホ横用 #################*/
@media screen and (min-width: 481px) and (max-width: 896px) {
  #registration-guide {
    width: 95%;
    margin: 120px auto 0 auto;
  }
  #registration-guide-02 {
    width: 90%;
    margin: 50px auto;
  }
  #form-02 {
    width: 100%;
    margin: 50px auto;
  }
  .privacy-policy-box {
    width: 98%;
    margin: 30px auto 50px auto;
    max-height: 250px; /* 高さを制限 */
    overflow-y: auto;
    background-color: #fdfaef;
  }
  #privacy-policy-box-01 {
    width: 98%;
    margin: 0 auto;
  }
  #privacy-policy-box-02 {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 30px;
  }
  #privacy-policy-box-02 h2 {
    padding-left: 20px;
  }
  #privacy-policy-box-02 p {
    padding-left: 50px;
  }
  #privacy-policy-box-02 ul {
    padding-left: 70px;
  }
  #form-03 {
    width: 95%;
    margin: 20px auto 80px auto;
  }
}
/*################## PC用 #################*/
@media print, screen and (min-width:897px) {
  #registration-guide {
    width: 100%;
    margin: 120px auto 0 auto;
  }
  #registration-guide-02 {
    width: 500px;
    margin: 50px auto 80px auto;
  }
  #form-02 {
    width: 950px;
    margin: 50px auto;
  }
  .privacy-policy-box {
    width: 100%;
    margin: 30px auto 50px auto;
    max-height: 250px; /* 高さを制限 */
    overflow-y: auto;
    background-color: #fdfaef;
  }
  #privacy-policy-box-01 {
    width: 100%;
    margin: 0 auto;
  }
  #privacy-policy-box-02 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
  }
  #privacy-policy-box-02 h2 {
    padding-left: 20px;
  }
  #privacy-policy-box-02 p {
    padding-left: 50px;
  }
  #privacy-policy-box-02 ul {
    padding-left: 70px;
  }
  #form-03 {
    width: 700px;
    margin: 20px auto 80px auto;
  }
}
/*################## スマホ・PC共通 ##################*/
/*########## ボタン(検索) ##########*/
form, input {
  margin: 0; /* マージンをリセット */
}
form {
  position: relative; /* 基準位置とする */
}
input[type="search"] {
  border: solid 1px #707070;
  height: 40px; /* 高さ40px */
  width: 40%;
}
input[type="search"]::placeholder {
  color: #7d7d7d;
  opacity: 1; /* ブラウザによって薄く表示されるのを防ぐ */
}
/*####### 登録の流れスタイル #####*/
.timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 2px solid #ccc; /* 左の縦線 */
  padding-left: 30px;
}
.timeline li {
  position: relative;
  margin-bottom: 25px;
}
.timeline li::before {
  content: "";
  width: 12px;
  height: 12px;
  background: #fff;
  background: #772a2e; /* ← 塗りつぶしの色 */
  border-radius: 50%;
  position: absolute;
  left: -37px; /* 縦線に重ねる */
  top: 6px;
}
.timeline .year {
  font-weight: bold;
  width: 50px; /* 年の幅（調整可） */
  float: left;
}
.timeline .content {
  margin-left: 50px; /* 年の幅＋余白 */
}
#privacy-policy-box-02 h2 {
  font-size: 16px;
  font-weight: 400;
}
#privacy-policy-box-02 ol {
  list-style: none;
  counter-reset: item;
}
#privacy-policy-box-02 ol li {
  counter-increment: item;
  position: relative;
  padding-left: 2em;
  padding-left: 70px;
}
#privacy-policy-box-02 ol li::before {
  content: "("counter(item) ")";
  position: absolute;
  left: 0;
  padding-left: 40px;
}
#privacy-policy-box-02 ul {
  list-style: none;
}