html:has(.form) {
  scroll-behavior : unset;
}

.form {
  font-family: "Noto Sans JP", sans-serif;
      .label ,p{
    margin:0;
  	}
  a {
    text-decoration : underline;
  }
  .requiredText {
     background: #13458D;
    font-size: 0.75rem;
    color: #fff;
    padding: 0.25rem 0.5rem;
    border-radius: 2px;
  line-height : 1;
  margin-left : 0.5rem;
	}
}

.formRow {
  input:not([type="radio"]):not([type="checkbox"]),textarea {
    flex : 1;
    border : 1px solid #D9D9D9;
    border-radius : 3px;
    min-height : 2rem;
  }
  
  + .formRow {
    margin-top : 3rem;
  }
 + .formRow.has--addArea {
    margin-top : 1.5rem;
    margin-bottom : -1.5rem;
  }
  .addArea {
    .label ,p{
    min-width : 4rem;
    font-size :0.9rem;
  	}
  }
  .addArea + .addArea {
    margin-top : 1rem;
  }
  .d-flex {
    align-items : center;
    gap : 0.5rem;
  }
  .radioArea {
    display:flex;
    flex-wrap : wrap;
    gap:0.5rem 1.5rem;
    .label {
      margin-left :0.5rem;
    }
  }
    input[name="privacy"] + .label {
      margin-left : 0.5rem;
    }
}

/* size setting */
.form {
  input[type="text"][name="schoolYear"] {
    flex:0;
    width : 3.5rem;
  }
    input[type="text"][name="zip1"] {
    flex:0;
    width : 10rem;
  }
    textarea[name="msg"] {
  	field-sizing: content;
  	min-height : 8rem;
	}
}

.formSend.enrollment-introduction__link {
  border : none;
  margin-top : 2rem;
}

/* responsive setting */
.formRow {
  gap : 1rem;
}
@media(min-width : 768px){
  .formRow {
  gap : 0;
}
  .form {
  max-width : 816px;
  padding-inline : 25px;
  margin-inline : auto;
}
}