@charset "UTF-8";
#contact,
#catalog {
  padding-bottom: 85px;
}
#contact article,
#catalog article {
  /* 750→130px */
  padding-top: clamp(55px, 17.33vw, 130px);
}

/* ======================
form共通
========================= */
.contact__head {
  margin-bottom: clamp(74px, 15.47vw, 116px);
}
.form__list {
  /* 980→172px */
  margin-bottom: min(17.55vw, 172px);
}
.form__list dt {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 2.625;
  letter-spacing: 0.1em;
}
.form__list dt.must:after {
  content: "必須";
  font-size: 11px;
  line-height: 1;
  text-align: center;
  color: #fff;
  display: inline-block;
  width: 60px;
  padding: 3.5px 0;
  margin-left: 2em;
  background: #c65c26;
}
.form__list dd {
  margin-bottom: 20px;
}
.form__list input,
.form__list select,
.form__list textarea {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  color: #808080;
}
.form__list .wide {
  width: 100%;
  max-width: 557px;
  min-height: 44px;
  padding: 5px 13px;
  border: 1px solid #959595;
  border-radius: 5px;
  box-sizing: border-box;
}
.form__list .name-kana {
  display: flex;
  gap: 23px;
}
.form__list .name-kana .kana {
  width: 50%;
  max-width: 162px;
  padding: 5px 13px;
  border: 1px solid #959595;
  border-radius: 5px;
  box-sizing: border-box;
}
.form__list dd ul {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  line-height: 1.429;
  letter-spacing: 0.1em;
  padding-top: 0.7em;
}

.form__list .how-found {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  line-height: 2.32;
  letter-spacing: 0.1em;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 2em;
  max-width: 690px;
  margin-bottom: 66px;
}
.form__list label {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 24px;
  cursor: pointer;
}
.mwform-checkbox-field input {
  width: 24px;
  height: 24px;
  margin: 0;
  border: 1px solid #959595;
  border-radius: 5px;
  cursor: pointer;
}
.mw_wp_form .horizontal-item + .horizontal-item,
.mwform-checkbox-field input,
.mwform-radio-field input {
  margin: 0 !important;
}
.form__list .note {
  max-width: 980px;
}
.form__list .dt_note {
  font-size: clamp(16px, 2.4vw, 18px);
  margin-bottom: 0.7em;
}
.btm_txt {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(14px, 2vw, 15px);
  letter-spacing: 0.1em;
  margin-bottom: min(9.07vw, 68px);
}

.btm_txt a {
  color: #0098cf;
  text-decoration: underline;
  display: inline;
}
.btnbk {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 2%;
}
.btnbk .formbtn {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(14px, 2.92vw, 16px);
  line-height: 1;
  letter-spacing: 0.135em;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 308px;
  padding: 1.25em 0;
  background: #285ecf url(../imgs/form/formbtn.svg) no-repeat center right 5.52% / 6px 11px;
  border: 2px solid #285ecf;
  border-radius: 30px;
  transition: 0.2s;
  cursor: pointer;
}
.btnbk .formbtn:hover {
  color: #285ecf;
  width: 48%;
  max-width: 308px;
  background: #fff url(../imgs/form/formbtn_hv.svg) no-repeat center right 5.52% / 6px 11px;
  border: 2px solid #285ecf;
}
/* 確認画面 */
.mw_wp_form_confirm .btm_txt,
.mw_wp_form_confirm dd ul,
.mw_wp_form_confirm .contact__head {
  display: none;
}

/* ======================
catalog
========================= */
.catalog .contact__head {
  margin-bottom: 74px;
}
.image-checkbox-group {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px 2%;
  margin-bottom: 50px;
}
.image-checkbox-group .mwform-checkbox-field {
  display: block;
  width: 32%;
  /* max-width: 278px; */
  max-width: 290px;
  cursor: pointer;
}

.image-checkbox-group .mwform-checkbox-field-text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  padding-top: 80%;
  padding-left: 36px;
  cursor: pointer;
  display: block;
}
.image-checkbox-group .mwform-checkbox-field:first-child .mwform-checkbox-field-text {
  background: url(../imgs/catalog/catalog1.jpg) no-repeat top center / 100%;
}
.image-checkbox-group .mwform-checkbox-field:nth-child(2) .mwform-checkbox-field-text {
  background: url(../imgs/catalog/catalog2.jpg) no-repeat top center / 100%;
}
.image-checkbox-group .mwform-checkbox-field:nth-child(3) .mwform-checkbox-field-text {
  background: url(../imgs/catalog/catalog3.jpg) no-repeat top center / 100%;
}
.image-checkbox-group label {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.image-checkbox-group input {
  position: absolute;
  bottom: 2em;
}

@media screen and (max-width: 980px) {
}

@media screen and (max-width: 880px) {
}

@media screen and (max-width: 750px) {
}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 500px) {
  .image-checkbox-group .mwform-checkbox-field {
    width: 48%;
  }
}