@charset "UTF-8";
/*------------------------
  contact
------------------------*/
.form-cont .content-title {
  margin-bottom: 3.333vw;
}
.form-cont .form-wrap {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.form-cont .form-wrap iframe {
  height: 1600px;
}
.form-cont .policy-wrap {
  height: 150px;
  height: 12.5vw;
  overflow-y: scroll;
  border-radius: 6px;
  padding: 1.677vw;
  background-color: #FFF;
  max-width: 640px;
  margin: 0 auto;
  color: #67696C;
}
.form-cont .policy-wrap h4 {
  font-size: 16px;
  font-size: 1.333vw;
  margin: 1.667vw 0 1.25vw;
  font-weight: 700;
}
.form-cont .policy-wrap p, .form-cont .policy-wrap ol, .form-cont .policy-wrap ul {
  font-size: 13px;
  font-size: 1.083vw;
}
.form-cont .policy-wrap p + p, .form-cont .policy-wrap ol + p, .form-cont .policy-wrap ul + p {
  margin-top: 0.833vw;
}
.form-cont .policy-wrap ol.decimal {
  list-style: decimal;
}
.form-cont .policy-wrap ol.upper {
  list-style: upper-latin;
}
.form-cont .policy-wrap ol.lower {
  list-style: lower-latin;
}
.form-cont .policy-wrap ul.note {
  margin-left: 0;
}
.form-cont .policy-wrap ul.note li {
  padding-left: 1em;
  position: relative;
}
.form-cont .policy-wrap ul.note li::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
.form-cont .policy-wrap ul, .form-cont .policy-wrap ol {
  margin: 0.833vw 0 0.833vw 1em;
}
.form-cont .policy-wrap ul li, .form-cont .policy-wrap ol li {
  margin: 0.4em 0;
}
.form-cont .policy-wrap ul p, .form-cont .policy-wrap ol p {
  margin: 0.833vw 0;
}

@media screen and (min-width: 1366px) {
  .form-cont .content-title {
    margin-bottom: 40px;
  }
  .form-cont .policy-wrap {
    height: 150px;
  }
  .form-cont .policy-wrap h4 {
    font-size: 16px;
    margin: 20px 0 15px;
    font-weight: 700;
  }
  .form-cont .policy-wrap p, .form-cont .policy-wrap ol, .form-cont .policy-wrap ul {
    font-size: 13px;
  }
  .form-cont .policy-wrap p + p, .form-cont .policy-wrap ol + p, .form-cont .policy-wrap ul + p {
    margin-top: 10px;
  }
  .form-cont .policy-wrap ul, .form-cont .policy-wrap ol {
    margin: 10px 0 10px 1em;
  }
  .form-cont .policy-wrap ul p, .form-cont .policy-wrap ol p {
    margin: 10px 0;
  }
}
@media screen and (max-width: 660px) {
  .form-cont .form-wrap iframe {
    height: 1600px;
  }
}
@media screen and (max-width: 520px) {
  .form-cont .form-wrap iframe {
    height: 1650px;
  }
}
@media screen and (max-width: 375px) {
  .form-cont .form-wrap iframe {
    height: 1700px;
  }
}