@charset "UTF-8";

/*********************************
front
**********************************/
#top #sns_area .sns_g li {
  z-index: 100;
}

/*********************************
staff
**********************************/
#staff .bg .flex_box,
.staff_detail_page #relation_area .flex_box {
  justify-content: flex-start;
  column-gap: 30px;
}
@media only screen and (max-width: 1200px) {
  #staff .bg .flex_box,
  .staff_detail_page #relation_area .flex_box {
    column-gap: 5px;
  }
}
@media only screen and (max-width: 750px) {
  #staff .bg .flex_box,
  .staff_detail_page #relation_area .flex_box {
    column-gap: 4%;
  }
}
#staff .bg .name .top,
.staff_detail_page #relation_area .name .top {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 1em;
}
#staff .bg .name .top img,
.staff_detail_page #relation_area .name .top img {
  height: 1em;
  width: auto;
  filter: brightness(0) invert(1);
  margin-top: 0.1em;
}
#staff .bg .blue::before,
.staff_detail_page #relation_area .blue::before {
  background-image: url(../../img/staff/icon06.png);
}
#staff .bg .orenge2::before,
.staff_detail_page #relation_area .orenge2::before {
  background-image: url(../../img/staff/icon07.png);
}
#staff .blue .name,
.staff_detail_page #relation_area .blue .name {
  background-color: #508dca;
}
#staff .orenge2 .name,
.staff_detail_page #relation_area .orenge2 .name {
  background-color: #facf21;
}

/*********************************
welfare
**********************************/
#welfare #bread_area {
  background: #bfeeff;
}

/*********************************
contact
**********************************/
.contact_page .form_box table input[type="tel"] {
  display: block;
  width: 100%;
  height: 60px;
  border-radius: 60px;
  border: none;
  appearance: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12) inset;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  padding: 18px 25px;
}
.contact_page .form_box .type_box .wpcf7-list-item {
  margin-right: 39.5px;
  margin-left: 0;
}
.contact_page .form_box input[type="radio"],
.contact_page .form_box input[name="privacy"] {
  opacity: 0; /* デフォルトのボタンを非表示 */
  position: absolute;
}
.contact_page .form_box .wpcf7-list-item-label {
  position: relative;
  padding: 0 0 0 38.5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}
.contact_page .form_box .wpcf7-list-item-label::before,
.contact_page .form_box .wpcf7-list-item-label::after {
  position: absolute;
  content: "";
  display: block;
}
.contact_page .form_box .wpcf7-list-item-label::before {
  left: 6px;
  top: 6px;
  width: 13px;
  height: 13px;
  background: #ffb62c;
  border-radius: 50%;
  opacity: 0;
}
.contact_page .form_box .wpcf7-list-item-label::after {
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12) inset;
  border-radius: 50%;
}
.contact_page
  .form_box
  input[type="radio"]:checked
  + .wpcf7-list-item-label::before,
.contact_page
  .form_box
  input[name="privacy"]:checked
  + .wpcf7-list-item-label::before {
  opacity: 1;
}
.btn_submit.btn.zenmaru_go_font.disabled,
.contact_page .form_box .btn input:disabled {
  cursor: not-allowed;
}
.btn_submit.btn.zenmaru_go_font.disabled::after {
  background-color: rgba(0, 0, 0, 0.12);
}
.contact_page .form_box .btn input:disabled {
  border-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.12);
}
.contact_page .form_box .btn::after:has(input:disabled) {
  background-color: rgba(0, 0, 0, 0.12);
}
.btn_submit.btn.zenmaru_go_font.go_back_form {
  margin-bottom: 25px;
}
@media only screen and (max-width: 750px) {
  .contact_page .form_box table input[type="tel"] {
    height: 45px;
    border-radius: 60px;
    font-size: 14px;
    line-height: 1.7;
    padding: 7.5px 15px;
  }
  .contact_page .form_box .type_box .wpcf7-list-item + .wpcf7-list-item {
    margin-top: 15px;
  }
  .contact_page .form_box .wpcf7-list-item-label {
    font-size: 14px;
  }
}