@charset "UTF-8";
#page_contact .ec-contactRole,
#page_contact .ec-contactConfirmRole,
.page_contact .ec-contactRole,
.page_contact .ec-contactConfirmRole {
  padding: 0;
  color: #333;
}
#page_contact .ec-off1Grid .ec-off1Grid__cell .ec-borderedDefs,
.page_contact .ec-off1Grid .ec-off1Grid__cell .ec-borderedDefs {
  margin-bottom: 60px;
}
#page_contact .ec-input textarea,
.page_contact .ec-input textarea {
  border-radius: 10px;
  border: 1px solid #000;
}
#page_contact .ec-input.error textarea,
.page_contact .ec-input.error textarea {
  border: 1px solid #DE5D50;
  background: #FDF1F0;
}
#page_contact .ec-contactConfirmRole .ec-blockBtn--action,
.page_contact .ec-contactConfirmRole .ec-blockBtn--action {
  margin-bottom: 15px;
}
/* 規約 */
.ec-terms__width{
  max-width: 300px;
}
.ec-terms__txt{
    margin: 0 auto 25px;
  }
.ec-terms__txt .flex {
  margin-top: 10px;
  justify-content: center;
  align-items: center;
}
.ec-terms__txt .flex label {
  margin-right: 40px;
  margin-bottom: 0;
}
.ec-terms__txt .flex p {
  color: #e60012;
  cursor: pointer;
}
.ec-terms__txt .flex .product_line {
  text-decoration: underline;
}
.ec-terms__modal .js-modal__content {
  padding: 40px 30px;
}
.ec-terms__modal ul {
  margin-bottom: 40px;
  height: 365px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.ec-terms__modal ul li {
  margin-top: 5px;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 1.6rem;
}
.ec-terms__modal ul li:first-child {
  margin-top: 0;
}

@media (max-width: 768px) {
  #page_contact .ec-contactRole,
  #page_contact .ec-contactConfirmRole,
  .page_contact .ec-contactRole,
  .page_contact .ec-contactConfirmRole {
    padding: 0 15px;
  }
  #page_contact .ec-off1Grid,
  .page_contact .ec-off1Grid {
    font-size: 1.3rem;
  }
  #page_contact .ec-off1Grid .ec-off1Grid__cell .ec-borderedDefs,
  .page_contact .ec-off1Grid .ec-off1Grid__cell .ec-borderedDefs {
    margin-bottom: 30px;
  }
  /* 規約 */
  .ec-terms__width{
  max-width: 100%;
}
  .ec-terms__txt{
    max-width: 100%;
  }
  .ec-terms__modal .js-modal__content {
    padding: 40px 15px;
  }
  .ec-terms__modal ul {
    margin-bottom: 20px;
    height: 365px;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .ec-terms__modal ul li {
    margin-top: 5px;
    font-size: 1.3rem;
  }
}