@charset "UTF-8";

.required::after {
  content: "必須";
  color: #ffffff;
  background: #cc0000;
  font-size: 0.7em;
  padding: 0.3em;
  border-radius: 0.5em;
  margin-left:0.3em;
}

// 不要
.block-form-table-margin {
  border: 2px solid #0000000;
  border-collapse: separate;
  border-spacing: 10px;
}

.block-form-table {
  // margin-top: 5px;
  // border: 2px solid #0000000;
  // border-spacing: 5px;
  // table-layout: fixed;
  // width: 350px;
}

.block-form-table tr {
  border: 10px solid #fff;
  padding: 3px;
}

.block-form-title {
  padding-left: 30px;
  width: 350px;
}

.block-form-name {
  width: 350px;
}

.form-sub-title {
  padding-left: 20px;
  padding-top: 10px;
  font-size: 1.25em;
}

.block-form-zip {
  width: 100px;
}

.block-form-pref {
  width: 100%;
}

.block-form-radio {
  padding-left: 40px;
  padding-top: 10px;
}

.form-sub-attention {
  padding-left: 20px;
  // padding-top: 10px;
  // font-size: 1.25em;
}

.block-form-checkbox {
  margin-top: 10px;
  margin-right: 5px;
}

.block-form-select {
  width: 350px;
}

.block-form-comment {
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .block-form-title {
    padding-left: 0px;
    // width: 350px;
    //width: 100%;
  }

  .form-sub-title {
    padding-left: 0px;
    padding-top: 10px;
    font-size: 1em;
  }

  .block-form-radio {
    padding-left: 10px;
    padding-top: 10px;
  }

  .block-form-select {
    width: 100%;
  }

  .block-form-comment {
    padding-left: 0px;
  }
}