@charset "UTF-8";
/*----------------------------------------
表示を切り替える幅
----------------------------------------*/
/*$break-point-width-head: 1100px;
$break-point-width-head-max: 1101px;*/
/*----------------------------------------
フォント
----------------------------------------*/
/*----------------------------------------
カラー
----------------------------------------*/
/*ご寄附のご案内ページ用*/
/*トップページ改修*/
/*こどもいけん広場*/
/*----------------------------------------
ブレークポイント
----------------------------------------*/
.contact {
  display: none;
}
main {
  min-height: calc(100vh - 133px);
}
/*------------フォーム------------*/
/*20250519 メルマガ登録フォーム（formid-4）追記*/
.formid-1, .formid-2, .formid-4 {
  margin-bottom: 56px;
}
form.mailform {
  color: #4D5156;
}
form.mailform .required {
  background: none;
  padding: 0 2px;
  color: #ED7954;
  font-size: 16px;
}
form.mailform .alert.entry .preset {
  display: none;
}
form.mailform .preset {
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 22px;
  color: #69B5E6;
}
form.mailform .input-form {
  border-top: none;
  margin-top: -24px;
}
form.mailform .input-form input {
  margin: 0;
  accent-color: #4D5156;
}
form.mailform .input-form .phone > .controls .example {
  position: absolute;
  margin-top: 5px;
}
form.mailform .input-form .email > .controls input, form.mailform .input-form .email_check > .controls input {
  width: 243px;
}
form.mailform .input-form .form-group {
  border-bottom: none;
  margin: 32px 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
form.mailform .input-form .form-group > .control-label {
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 160px;
}
form.mailform .input-form .form-group > .control-label .icon, form.mailform .input-form .form-group > .control-label .title {
  flex: none;
}
form.mailform .input-form .form-group > .controls select {
  cursor: pointer;
}
form.mailform .input-form .form-group .control-label .title {
  font-weight: normal;
  font-size: 14px;
}
form.mailform .input-form .form-group > .controls label.radio {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 24px;
  font-size: 16px;
  line-height: 16px;
}
form.mailform .input-form .form-group > .controls label.radio input {
  margin-right: 4px;
}
form.mailform .input-form .form-group > .controls textarea {
  width: calc(100% - 20px);
  height: 160px;
  color: #4D5156;
}
form.mailform .input-form .form-group > .controls select {
  background-color: #ffffff;
  font-size: 16px;
  border-radius: 4px;
  color: #4D5156;
}
form.mailform .submit {
  margin: 40px 0 0;
}
form.mailform .submit input {
  background-color: #ffffff;
  width: 240px;
  border: 1px solid #69B5E6;
  color: #69B5E6;
  margin: 0 auto;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  border-radius: 40px;
}
form.mailform .submit input:hover {
  background-color: #69B5E6;
  color: #ffffff;
  transition: 0.3s;
}
form.mailform .submit input:disabled {
  pointer-events: none;
  color: #A0A0A0;
  border: 1px solid #A0A0A0;
  transition: 0.3s;
  margin: 0;
}
form.mailform .submit input.modify {
  margin-bottom: 16px;
}
.policy {
  margin-top: 40px;
}
.policy .attention {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 32px;
}
.policy .policy__area {
  margin-bottom: 24px;
  font-size: 14px;
}
.policy .policy__area .policy__title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 4px;
}
.policy .policy__area a {
  /*	color: $text;
			display: flex;
			align-items: center;
			font-size: 14px;
			margin: 0;
*/
}
.policy .policy__area a img {
  width: 20px;
  height: auto;
  margin-right: 8px;
}
.policy .check_area {
  text-align: center;
  margin-bottom: 16px;
}
.policy .check_area label {
  display: flex;
  align-items: center;
  justify-content: center;
  accent-color: #4D5156;
  cursor: pointer;
  transition: 0.3s;
  font-weight: 700;
  font-size: 16px;
}
.policy .check_area label:hover {
  color: #69B5E6;
  transition: 0.3s;
}
.policy .check_area input {
  width: 18px;
  height: 18px;
}
.policy .check_area .agree {
  margin-right: 8px;
}
#sub-main .policy__area img.sub-mainimg {
  width: 18px;
  height: auto;
}
/*20240123追記*/
.formid-2 {
  /*電話番号入力欄*/
}
.formid-2 form.mailform .input-form .form-group > .controls input[type=text].tel1, .formid-2 form.mailform .input-form .form-group > .controls input[type=text].tel2, .formid-2 form.mailform .input-form .form-group > .controls input[type=text].tel3 {
  max-width: 55px;
  width: 29%;
}
.formid-2 form.mailform .input-form .form-group > .control-label {
  width: 170px;
}
form.mailform .input-form .form-group > .controls .example {
  font-size: 12px;
}
form.confirm div.confirm .preset {
  font-size: 16px;
}
@media screen and (max-width: 880px) {
  .formid-2 form.mailform .input-form .form-group > .control-label {
    width: 190px;
  }
  .formid-2 form.mailform .input-form .form-group > .controls input[type=text].tel1, .formid-2 form.mailform .input-form .form-group > .controls input[type=text].tel2, .formid-2 form.mailform .input-form .form-group > .controls input[type=text].tel3 {
    max-width: 50px;
  }
  .formid-2 form.mailform .input-form .email > .controls input, .formid-2 form.mailform .input-form .email_check > .controls input {
    width: 223px;
  }
  form.confirm div.confirm .preset {
    font-size: 14px;
  }
  form.mailform .input-form .form-group {
    display: block;
  }
  form.mailform .input-form .form-group > .controls {
    display: inline-block;
  }
  form.mailform .input-form .form-group > .controls input {
    display: inherit;
  }
  form.mailform .input-form .form-group > .control-label {
    justify-content: flex-start;
    margin-bottom: 8px;
  }
  form.mailform .input-form .form-group > .control-label .title {
    flex: initial;
  }
  form.mailform .input-form .form-group > .control-label .icon {
    flex: initial;
  }
  form.mailform .input-form .form-group > .controls {
    width: calc(100% - 24px);
  }
  form.mailform .input-form .form-group > .controls textarea {
    width: 100%;
  }
}
@media screen and (max-width: 374px) {
  .formid-2 form.mailform .input-form .email > .controls input, .formid-2 form.mailform .input-form .email_check > .controls input {
    width: 100%;
  }
}
@media screen and (max-width: 320px) {
  .formid-2 form.mailform .input-form .form-group > .controls input[type=text].tel1, .formid-2 form.mailform .input-form .form-group > .controls input[type=text].tel2, .formid-2 form.mailform .input-form .form-group > .controls input[type=text].tel3 {
    max-width: 40px;
  }
}
@media screen and (max-width: 290px) {
  .formid-2 form.mailform .input-form .form-group > .controls input[type=text].tel1, .formid-2 form.mailform .input-form .form-group > .controls input[type=text].tel2, .formid-2 form.mailform .input-form .form-group > .controls input[type=text].tel3 {
    max-width: 30px;
  }
}
/******20250519 メルマガ登録******/
form.mailform .input-form .form-group > .control-label {
  width: 170px;
}
@media screen and (max-width: 880px) {
  form.mailform .input-form .form-group > .control-label {
    width: 100%;
  }
  input.size-s {
    max-width: 200px;
    width: 100% !important;
  }
  input.size-m {
    max-width: 300px;
    width: 100% !important;
  }
}
/*# sourceMappingURL=./form.css.map */