@charset "UTF-8";
/*minは375基準*/
.lp-inner-form {
  position: relative;
  width:800px;
  padding: 60px 160px 60px;
  border-radius: min(0.571428571428571vw, 8px);
  background: #fff;
  box-shadow: 0 0 min(0.857142857142857vw, 12px) rgba(0,0,0,0.2);
}
.lp-inner-form-ttl {
  margin: 0 0 min(1.14285714285714vw, 16px);
  font-size: min(1.85714285714286vw, 26px);
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.08em;
}
.lp-inner-form-ttl span {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 min(1.14285714285714vw, 16px);
  padding: 0 min(1.42857142857143vw, 20px);
  border: min(0.142857142857143vw, 2px) solid #c71749;
  border-radius: min(0.285714285714286vw, 4px);
  color: #c71749;
  font-size: min(1.14285714285714vw, 16px);
  font-weight: bold;
  letter-spacing: 0;
  white-space: nowrap;
  background: #fff;
  transform: translate(-50%, -50%);
}
.lp-inner-form-ttl span:before {
  content: "";
  display: block;
  position: absolute;
  bottom: max(-0.714285714285714vw, -10px);
  left: 50%;
  width: min(0.714285714285714vw, 10px);
  height: min(0.714285714285714vw, 10px);
  background: #c71749;
  clip-path: polygon(0 0, 0 100%, 100% 0);
  transform: translateX(-50%);
}
.lp-inner-form-ttl span:after {
  content: "";
  display: block;
  position: absolute;
  bottom: max(-0.357142857142857vw, -5px);
  left: 50%;
  width: min(0.428571428571429vw, 6px);
  height: min(0.428571428571429vw, 6px);
  background: #fff;
  clip-path: polygon(0 0, 0 100%, 100% 0);
  transform: translateX(-50%);
}
.lp-inner-form .hs-form .hs-form-field [id*="label-"] {
  margin: 0 0 min(1.3333333333333335vw, 5px);
  font-weight: bold;
}
.lp-inner-form .hs-form .hs-form-field [id*="label-"] .hs-form-required {
  display: inline-block;
  margin: 0 0 0 min(1.866666666666667vw, 7px);
  padding: 0 min(1.866666666666667vw, 7px);
  border: 1px solid #c71749;
  border-radius: min(0.142857142857143vw, 2px);
  color: #c71749;
  font-size:0;
  vertical-align: text-top;
}
.lp-inner-form .hs-form .hs-form-field{
  position: relative;
}
.lp-inner-form .hs-form .hs-form-field [id*="label-"] .hs-form-required:after{
  content:"必須";
  font-size: min(2.66666666666666vw, 10px);
}
.lp-inner-form .hs-form .hs-form-field .input {
  margin: 0 0 min(3.2vw, 12px);
}
.lp-inner-form .hs-form .hs-form-field .input input[type="text"], .lp-inner-form .hs-form .hs-form-field .input input[type="tel"],
.lp-inner-form .hs-form .hs-form-field .input input[type="email"], .lp-inner-form .hs-form .hs-form-field .input textarea{
  width: 100%;
  padding: min(2.4vw, 9px) min(2.933333333333333vw, 11px);
  border: 1px solid #ccc;
  border-radius: min(0.285714285714286vw, 4px);
  outline: none;
  font-size: min(3.2vw, 12px);
}
.lp-inner-form .hs-form .hs-form-field .input textarea{
  height:7em;
}
.lp-inner-form .hs-form ::placeholder{
  color: #b3b3b3;
}
.lp-inner-form .hs-form-booleancheckbox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: min(5.866666666666666vw, 22px) 0 min(5.866666666666666vw, 22px);
  font-weight: bold;
}
.lp-inner-form .hs-form .hs-input[id*="privacy_agree"] {
  position: absolute;
  opacity: 0;
  appearance: none;
}
.lp-inner-form .hs-form label[for*="privacy_agree"] {
  display: flex;
  position: relative;
  margin: 0 min(2.666666666666667vw, 10px) 0 0;
  gap:min(calc(10 / 375 * 100vw), 10px);
}
.lp-inner-form .hs-form label[for*="privacy_agree"] span{
  position: relative;
  top:-3px;
}
.lp-inner-form .hs-form label[for*="privacy_agree"] .hs-form-required{
  display: none;
}
.lp-inner-form .hs-form label[for*="privacy_agree"]:before {
  content: "";
  display: block;
  width: min(5.333333333333334vw, 20px);
  height: min(5.333333333333334vw, 20px);
  border: 1px solid #c71749;
  border-radius: min(1.0666666666666667vw, 4px);
  background: #fff;
}
.lp-inner-form .hs-form label[for*="privacy_agree"]:has(input[type="checkbox"]:checked):before {
  border-color: #c71749;
  background: #c71749;
}
.lp-inner-form .hs-form label[for*="privacy_agree"]:has(input[type="checkbox"]:checked):after {
  content: "";
  position: absolute;
  top: min(0.8vw, 3px);
  left: min(1.866666666666667vw, 7px);
  width: min(1.65vw, 6px);
  height: min(2.64vw, 10px);
  border-right: min(0.53vw, 2px) solid #fff;
  border-bottom: min(0.53vw, 2px) solid #fff;
  transform: rotate(45deg);
}
.lp-inner-form .hs-form label[for*="privacy_agree"] a {
  color: #c71749;
  text-decoration: underline;
}
@media (hover: hover) {
  .lp-inner-form .hs-form label[for*="privacy_agree"] a:hover {
    text-decoration: none;
  }
}
.lp-inner-form .hs-submit button[type="submit"], .lp-inner-form .hs-submit input[type="submit"] {
  display: block;
  width: 100%;
  padding: min(2.666666666666667vw, 10px);
  border-radius: min(10.666666666666668vw , 40px);
  color: #fff;
  font-size: min(4.266666666666667vw, 16px);
  font-weight: bold;
  text-align: center;
  background: linear-gradient(90deg, #00a362 0%, #007fa6 100%);
  transition: 0.3s;
}
.lp-inner-form .input, .lp-inner-form .hs-form-booleancheckbox{
  position: relative;
}
.lp-inner-form .hs-form .hs-error-msg{
  position: absolute;
  background: #fcc;
  padding:.2em .5em;
  color: black;
  top: -0.5em;
  right: 0;
  font-weight: normal;
}
.lp-inner-form .hs-form .hs_privacy_agree .hs-error-msg{
  left: 50%;
  transform: translateX(-50%);
  width: 52%;
  top: -2.5em !important;
}
.lp-inner-form .hs-form .hs-error-msg:after{
  content: "　";
  position: absolute;
  display: inline-block;
  border-width: 6px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-top-color: #fcc;
  bottom: -10px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
  height: 1px;
  width: 1px;
}
.lp-inner-form .hs-form .hs-submit button[type="submit"]:disabled{
  opacity:.5;
}
.lp-inner-form .hs-form-loader{
  filter: invert(1);
}
.hs_error_rollup{
  display: none !important;
}
.lp-inner-form [type="submit"]:disabled{
  opacity:.5;
}
.lp-inner-form-loader{
  filter: invert(1);
}
@media (hover: hover) {
  .lp-inner-form [type="submit"]:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width:767px){
  .lp-inner-form {
    position: relative;
    width:100%;
    padding: 0;
    border-radius: min(0.571428571428571vw, 8px);
    background: unset;
    box-shadow: unset;
  }
  .lp-inner-form .hs-form .hs_privacy_agree .hs-error-msg{
    width: 80%;
  }
}