.form {
  padding-bottom: calc(80 / 750 * 100cqw);
  background-color: #fff;
  container-type: inline-size;
}
.form__lead {
  padding-top: calc(80 / 750 * 100cqw);
  font-size: calc(34 / 750 * 100cqw);
  line-height: calc(54 / 750 * 100cqw);
  letter-spacing: calc(2.72 / 750 * 100cqw);
  color: #9B121A;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
.form__title {
  margin-top: calc(16 / 750 * 100cqw);
  font-size: calc(48 / 750 * 100cqw);
  line-height: calc(55 / 750 * 100cqw);
  letter-spacing: calc(3.84 / 750 * 100cqw);
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
.form #SMP_STYLE {
  width: calc(650 / 750 * 100cqw);
  margin: calc(56 / 750 * 100cqw) auto 0;
}
.form .smp-card-list {
  width: calc(650 / 750 * 100cqw);
  margin: calc(80 / 750 * 100cqw) auto 0;
  border-collapse: collapse;
  background: linear-gradient(#333, #333) 0 50%/100% calc(2 / 750 * 100cqw) no-repeat;
  text-align: center;
}
.form .smp-card-list th {
  display: inline-block;
  padding: calc(10 / 750 * 100cqw) calc(30 / 750 * 100cqw);
  background: #fff;
  font-size: calc(38 / 750 * 100cqw);
  line-height: calc(53.2 / 750 * 100cqw);
  letter-spacing: calc(3.04 / 750 * 100cqw);
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  white-space: nowrap;
}
.form .smp-card-list + .smp_tmpl {
  margin-top: calc(53 / 750 * 100cqw);
}
.form .smp_tmpl dl.cf {
  margin: 0;
}
.form .smp_tmpl dl.cf + dl.cf {
  margin-top: calc(53 / 750 * 100cqw);
}
.form .smp_tmpl dt.title {
  display: flex;
  align-items: center;
  height: calc(45 / 750 * 100cqw);
  margin: 0;
  font-size: calc(28 / 750 * 100cqw);
  line-height: calc(42 / 750 * 100cqw);
  letter-spacing: calc(2.24 / 750 * 100cqw);
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  white-space: nowrap;
}
.form .smp_tmpl .need {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(83 / 750 * 100cqw);
  height: calc(45 / 750 * 100cqw);
  margin-left: calc(20 / 750 * 100cqw);
  background: #446AA3;
  font-size: calc(26 / 750 * 100cqw);
  line-height: calc(39 / 750 * 100cqw);
  letter-spacing: calc(2.08 / 750 * 100cqw);
  color: #fff;
  font-weight: 400;
}
.form .smp_tmpl dd.data {
  position: relative;
  margin: calc(26 / 750 * 100cqw) 0 0;
}
.form .smp_tmpl dd.data > div:not([id]):not(.validation-error) {
  margin-top: calc(10 / 750 * 100cqw);
  font-size: calc(24 / 750 * 100cqw);
  line-height: calc(38.4 / 750 * 100cqw);
  letter-spacing: calc(1.92 / 750 * 100cqw);
  color: #666666;
  font-weight: 400;
}
.form select {
  -webkit-appearance: none;
  appearance: none;
  width: calc(650 / 750 * 100cqw);
  height: calc(100 / 750 * 100cqw);
  padding: 0 calc(60 / 750 * 100cqw) 0 calc(30 / 750 * 100cqw);
  border: calc(2 / 750 * 100cqw) solid #DDDDDD;
  border-radius: calc(2 / 750 * 100cqw);
  background: #fff;
  font-size: calc(26 / 750 * 100cqw);
  line-height: calc(39 / 750 * 100cqw);
  letter-spacing: calc(2.08 / 750 * 100cqw);
  color: #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
.form dd.data:has(select)::after {
  content: "";
  position: absolute;
  top: calc(51 / 750 * 100cqw);
  right: calc(40 / 750 * 100cqw);
  width: 0;
  height: 0;
  border-top: calc(20 / 750 * 100cqw) solid #333;
  border-right: calc(15 / 750 * 100cqw) solid transparent;
  border-left: calc(15 / 750 * 100cqw) solid transparent;
  pointer-events: none;
}
.form input.input,
.form textarea {
  width: calc(650 / 750 * 100cqw);
  height: calc(100 / 750 * 100cqw);
  padding: 0 calc(30 / 750 * 100cqw);
  border: calc(2 / 750 * 100cqw) solid #DDDDDD;
  border-radius: calc(2 / 750 * 100cqw);
  background: #fff;
  font-size: calc(26 / 750 * 100cqw);
  line-height: calc(39 / 750 * 100cqw);
  letter-spacing: calc(2.08 / 750 * 100cqw);
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
}
.form #sei,
.form #mei {
  width: calc(650 / 750 * 100cqw);
}
.form #sei {
  margin-bottom: calc(20 / 750 * 100cqw);
}
.form textarea {
  height: auto;
  padding: calc(20 / 750 * 100cqw) calc(30 / 750 * 100cqw);
  line-height: 1.6;
}
.form #privacy {
  width: calc(650 / 750 * 100cqw);
  height: calc(300 / 750 * 100cqw);
  margin: calc(80 / 750 * 100cqw) auto 0;
  padding: calc(36 / 750 * 100cqw) calc(30 / 750 * 100cqw);
  overflow-y: auto;
  border: calc(2 / 750 * 100cqw) solid #DDDDDD;
  background: #fff;
  font-size: calc(24 / 750 * 100cqw);
  line-height: calc(36 / 750 * 100cqw);
  letter-spacing: calc(1.92 / 750 * 100cqw);
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  text-align: left;
}
.form #privacy::-webkit-scrollbar {
  width: calc(8 / 750 * 100cqw);
}
.form #privacy::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #DDDDDD;
}
.form input.submit {
  display: block;
  width: calc(693.4 / 750 * 100cqw);
  height: calc(183.4 / 750 * 100cqw);
  margin: calc(69.1 / 750 * 100cqw) 0 0 calc(-21.7 / 750 * 100cqw);
  padding: 0 0 calc(21.7 / 750 * 100cqw);
  border: none;
  background: url(../../img/normal_manga26/common/form-btn.webp) no-repeat center/100% 100%;
  font-size: calc(34 / 750 * 100cqw);
  line-height: calc(54.4 / 750 * 100cqw);
  letter-spacing: calc(2.72 / 750 * 100cqw);
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  transition: opacity 0.2s;
}
.form input.submit:hover {
  opacity: 0.85;
}
.form .note {
  margin: calc(47.5 / 750 * 100cqw) 0 0;
  font-size: calc(26 / 750 * 100cqw);
  line-height: calc(39 / 750 * 100cqw);
  letter-spacing: calc(2.08 / 750 * 100cqw);
  color: #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: left;
}
.form .validation-error {
  display: block;
  margin-top: calc(8 / 750 * 100cqw);
  font-size: calc(24 / 750 * 100cqw);
  line-height: calc(36 / 750 * 100cqw);
  letter-spacing: calc(1.92 / 750 * 100cqw);
  color: #B5151F;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
/*# sourceMappingURL=form.css.map */