@font-face {
  font-family: zen-maru-gothic-B;
  src: url("https://www.school-health.jp/wordpress/wp-content/themes/school-health-theme_ver2/css/font/zen_maru_gothic-B.woff2") format("woff2"), url("https://www.school-health.jp/wordpress/wp-content/themes/school-health-theme_ver2/css/font/zen_maru_gothic-B.woff") format("woff");
}
/*************************************/
/********** form **********/
/*************************************/
.form-linkBox {
  text-align: right;
  padding-bottom: 16px;
}

.form {
  background-color: #fff;
  padding: 20px 20px;
}
.form .form__inner {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
.form dt {
  position: relative;
  clear: both;
  font-weight: normal;
  color: #333;
  font-size: 1.2em;
  line-height: 1.3em;
  background-color: #d6ebcc;
  padding: 0.5em 0.5em 0.5em 2.5em;
  vertical-align: middle;
  border-radius: 25px;
  margin-bottom: 15px;
}

.form dt:before {
    position: absolute;
    top: 30%;
    left: 13px;
    width: 16px;
    height: 16px;
    content: '';
    border-radius: 50%;
    background: #fff;
}

@media screen and (max-width: 850px) {
  .form dt {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7777777778;
    letter-spacing: 0.05em;
    /*padding: 10px 5px 10px 15px;*/
    padding: 0.5em 0.5em 0.5em 2.0em;
    margin-bottom: 20px;
    border-radius: 10px;
  }
  .form dt:before {
    top: 25%;
    width: 10px;
    height: 50%;
    content: '';
    border-radius: 5px;
  }
}
.form dd {
  width: 95%;
  margin: 0 auto;
  margin-bottom: 1.5em;
}
.form dd .mwform-radio-field-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.form dd .form__subTitle {
  font-size: 16px;
  margin-bottom: 0.5em;
  padding-left: 10px;
  font-weight: bold;
  border-left: 5px solid #ff758f;
}
.form dd .form__subTitleBox {
  margin-bottom: 24px;
}
.form dd .form__subTitleBox > p {
  margin-bottom: 0.5em;
}
.form dd .form__subTitleBox > p > span > input[type=text] {
  width: 40%;
}
.form dd .form__subTitleBox > input[type=text].form__input--width {
    width: 100%;
	 max-width: 100%;
}
@media screen and (max-width: 600px) {
  .form dd .form__subTitleBox > p > span > input[type=text] {
    max-width: 250px;
    width: 100%;
  }
}
@media screen and (max-width: 600px) and (max-width: 420px) {
  .form dd .form__subTitleBox > p > span > input[type=text] {
    max-width: unset;
    width: 84%;
  }
}
@media screen and (max-width: 600px) {
  .form dd .form__subTitleBox > p > span > input[type=text]:last-of-type {
    margin-top: 10px;
  }
}
@media screen and (max-width: 600px) {
  .form dd .form__subTitleBox > p > span > input[type=text]:nth-child(4n) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 600px) {
  .form dd .form__subTitleBox > p > span > span {
    position: relative;
    top: 7px;
  }
}
.form dd .form__subTitleBox .form__contentBox > span > span {
  margin-left: 16px;
}
.form dd input[type=text] {
  padding: 0.5em;
  font-size: 16px;
  box-sizing: border-box;
  width: 40%;
}
@media screen and (max-width: 600px) {
  .form dd input[type=text] {
    max-width: 250px;
    width: 100%;
  }
  .form dd input[type=text]:last-of-type {
    margin-top: 10px;
  }
}
.form dd input[type=email] {
  padding: 0.5em;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
}
.form dd input[type=number] {
  padding: 0.5em;
  font-size: 16px;
  box-sizing: border-box;
}
.form dd select {
  padding: 0.5em;
  font-size: 16px;
  box-sizing: border-box;
}
.form dd textarea {
  padding: 0.5em;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
}
.form dd > span > label {
  display: block;
  margin-bottom: 8px;
}
.form dd .form__subFrom {
  margin-bottom: 8px;
}
.form dd p .other-subForm {
  width: 40%;
  margin-left: 16px;
}
.form dd input[type=text].input-length-harf {
  width: 40%;
}
@media screen and (max-width: 500px) {
  .form dd input[type=text].input-length-harf {
    width: 70%;
  }
}
.form .info {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  /*font-size: 0.75em;*/
  font-size: 0.9em;
  color: #f54b6b;
  line-height: normal;
}
.form .info--marginBottom {
  margin-bottom: 20px;
}
.form .required {
  font-size: 16px;
  font-weight: bold;
  color: #f00;
}
.form .submitBtnBox {
  text-align: center;
  margin-bottom: 0;
}
.form .submitBtnBox .confirmBtn,
.form .submitBtnBox .submitBtn,
.form .submitBtnBox .resetBtn,
.form .submitBtnBox .topResetBtn {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgb(118, 118, 118);
  background-color: rgb(235, 235, 235);
  border-radius: 3px;
  transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  color: #000;
}
.form .submitBtnBox .confirmBtn:hover,
.form .submitBtnBox .submitBtn:hover,
.form .submitBtnBox .resetBtn:hover,
.form .submitBtnBox .topResetBtn:hover {
  background-color: rgb(233, 232, 232);
}
.form .submitBtnBox .confirmBtn {
  display: inline-block;
  max-width: 128px;
  width: 100%;
  margin: 0 auto;
  padding: 0.5em;
  font-size: 16px;
  cursor: pointer;
}
.form .submitBtnBox .topResetBtn {
  display: inline-block;
  max-width: 128px;
  width: 100%;
  margin: 0 auto;
  padding: 0.5em;
  font-size: 16px;
  cursor: pointer;
}

.page-id-11812 .submitBtn,
.page-id-11806 .submitBtn,
.page-id-11809 .submitBtn,
.page-id-3895 .submitBtn,
.page-id-3916 .submitBtn,
.page-id-3925 .submitBtn,
.page-id-3935 .submitBtn,
.page-id-3945 .submitBtn,
#form-input .submitBtn,
#form-error .submitBtn {
  display: none;
}

.questionnaire-topText {
  max-width: 535px;
  width: 100%;
  font-size: 16px;
  margin: 0 auto;
  margin-bottom: 1em !important;
}

.contant-top-content {
  max-width: 535px;
  width: 100%;
  font-size: 16px;
  margin: 0 auto;
  margin-bottom: 1em !important;
}

.page-id-3908 .form-linkBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 575px;
  width: 100%;
  padding: 0 20px 16px;
  margin: 0 auto;
}
@media screen and (max-width: 850px) {
  .page-id-11809 .form-linkBox,
  .page-id-3945 .form-linkBox {
    padding: 0 0px 16px;
  }
}

.address-change-top-content > p {
  text-align: left;
  margin-bottom: 0;
}

.page-id-11812 .open-input > p,
.page-id-3895 .open-input > p {
  margin-bottom: 0;
}

.page-id-11813 .form .topResetBtn,
.page-id-11810 .form .topResetBtn,
.page-id-11807 .form .topResetBtn,
.page-id-3903 .form .topResetBtn,
.page-id-3919 .form .topResetBtn,
.page-id-3951 .form .topResetBtn,
.page-id-3928 .form .topResetBtn,
.page-id-3938 .form .topResetBtn,
.page-id-3948 .form .topResetBtn,
#form-confirm .form .topResetBtn {
  display: none;
}
.page-id-11813 .resetBtn,
.page-id-11810 .resetBtn,
.page-id-11807 .resetBtn,
.page-id-3903 .resetBtn,
.page-id-3919 .resetBtn,
.page-id-3951 .resetBtn,
.page-id-3928 .resetBtn,
.page-id-3938 .resetBtn,
.page-id-3948 .resetBtn,
#form-confirm .resetBtn {
  display: inline-block;
  max-width: 128px;
  width: 100%;
  margin: 0 auto;
  padding: 0.5em;
  font-size: 16px;
  cursor: pointer;
}
.page-id-11813 .submitBtn,
.page-id-11810 .submitBtn,
.page-id-11807 .submitBtn,
.page-id-3903 .submitBtn,
.page-id-3919 .submitBtn,
.page-id-3951 .submitBtn,
.page-id-3928 .submitBtn,
.page-id-3938 .submitBtn,
.page-id-3948 .submitBtn,
#form-confirm .submitBtn {
  display: inline-block;
  max-width: 128px;
  width: 100%;
  margin: 0 auto;
  padding: 0.5em;
  font-size: 16px;
  cursor: pointer;
}
.page-id-11813 .form__subTitleBox a,
.page-id-11810 .form__subTitleBox a,
.page-id-11807 .form__subTitleBox a,
.page-id-3903 .form__subTitleBox a,
.page-id-3919 .form__subTitleBox a,
.page-id-3951 .form__subTitleBox a,
.page-id-3928 .form__subTitleBox a,
.page-id-3938 .form__subTitleBox a,
.page-id-3948 .form__subTitleBox a,
#form-confirm .form__subTitleBox a {
  color: rgb(51, 51, 51);
}
.page-id-11813 .form dd .form__subTitleBox .form__contentBox > span > span,
.page-id-11810 .form dd .form__subTitleBox .form__contentBox > span > span,
.page-id-11807 .form dd .form__subTitleBox .form__contentBox > span > span,
.page-id-3903 .form dd .form__subTitleBox .form__contentBox > span > span,
.page-id-3919 .form dd .form__subTitleBox .form__contentBox > span > span,
.page-id-3951 .form dd .form__subTitleBox .form__contentBox > span > span,
.page-id-3928 .form dd .form__subTitleBox .form__contentBox > span > span,
.page-id-3938 .form dd .form__subTitleBox .form__contentBox > span > span,
.page-id-3948 .form dd .form__subTitleBox .form__contentBox > span > span,
#form-confirm .form dd .form__subTitleBox .form__contentBox > span > span {
  margin-left: 0px;
}

@media screen and (max-width: 850px) {
  .page-id-3951 .form dd .form__subTitleBox > p > span > span {
    position: relative;
    top: 0px;
  }
}

@media screen and (max-width: 600px) {
  .page-id-3948 .form dd .form__subTitleBox > p > span > span {
    position: relative;
    top: 0px;
  }
}

@media screen and (max-width: 600px) {
  .page-id-11813 .form dd .form__subTitleBox > p > span > span,
  .page-id-3903 .form dd .form__subTitleBox > p > span > span {
    position: relative;
    top: 0px;
  }
}
/*# sourceMappingURL=b_form.css.map */


.questionnaire_thanks {
	color: #f00;
	font-weight: bold;
	font-size: 16px;
	margin: 30px 0!important;
}

#form-confirm .questionnaire_thanks {
	display: none;
}

#form-confirm .name-hojo {
	display: none;
}


/**/

.form_note {
	padding: 20px 20px 0 20px;
	margin-bottom: 30px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.form_note h3 {
	font-weight: 700;
}