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;
}
}

.privacyBox {
  max-height: 20em;
    overflow: scroll;
    font-size: 0.8em;
    padding: 1em;
    border: 1px solid #ddd;
    background: #eee;
}
.privacyBlock {
  margin-block : 1.5em;
}
.privacyTitle {
    display: flex;
    margin-top: 1em !important;
    margin-bottom: 0.5em !important;
    font-size: 1.2em;
    font-weight: bold;
}
.privacySubTitle {
  display: flex;
    margin-top: 1em !important;
    margin-bottom: 0.5em !important;
    font-size: 1.1em;
    font-weight: bold;
}
.privacyList {
  margin-block : 0.5em;
}
.privacyListItem {
  display: flex;
    font-size: 0.9em;
  margin-block: 0.5em;
}