@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 768px) {
  p img { margin-right: 5px; vertical-align: middle; }
  form table { margin-bottom: 40px; width: 100%; }
  form th { padding: 10px 15px; border: 1px solid #cccccc; background: #f0f0f0; vertical-align: middle; text-align: left; line-height: 1.4; }
  form td { padding: 10px 15px; border: 1px solid #cccccc; background: #fff; vertical-align: middle; text-align: left; line-height: 1.4; }
  form th img { margin-right:  8px; vertical-align: middle; }
  form td img { vertical-align: middle; }
  form thead th { text-align: center; }
  form input[type="text"], form input[type="tel"], form input[type="email"], form input[type="number"], form input[type="url"] { padding: 5px; border: 1px solid #a9a9a9; }
  form input[type="radio"] { margin-right: 5px; }
  form input[type="checkbox"] { margin-right: 5px; }
  form label { margin-right: 10px; vertical-align: middle; }
  form label input { vertical-align: middle; }
  form input.w320 { width: 320px; }
  form input.w175 { width: 175px; }
  form textarea { width: 100%; height: 70px; border: 1px solid #a9a9a9; }
  form textarea.w660 { width: 660px; height: 8em; }
  form textarea.w790 { width: 790px; height: 8em; }
  form p em { color: #ca3131; font-style: normal; }
  form select{ padding: 5px 30px 5px 5px; border: 1px solid #a9a9a9; background: url(/common/img/icon_arrrow_b.png) no-repeat 100% 50%; }
  main td small { font-size: 85%; }
  main h5 small { font-weight: normal; font-size: 85%; }
  div.btn { margin: 40px 0; text-align: center; display: flex; gap: 30px; justify-content: center; align-items: center; }
  div.btn input#buttonConfirm { width: 260px; height: 63px; border: 0; background: url(/common/img/btn_confirm.png) no-repeat 0 0; cursor: pointer; }
  div.btn input#buttonPrivacyConfirm { width: 500px; height: 63px; border: 0; background: url(/common/img/btn_privacy_confirm.png) no-repeat 0 0; cursor: pointer; }
  div.btn #buttonBack { width: 260px; height: 63px; border: 0; background: url(/common/img/btn_back.png) no-repeat 0 0; cursor: pointer; }
  div.btn #buttonSend { width: 260px; height: 63px; border: 0; background: url(/common/img/btn_send2.png) no-repeat 0 0; cursor: pointer; }
  section.done { text-align: center; padding: 45px; background: #dff6ff; }
  section.done p { line-height: 1.6; font-size: 115%; }
  .ui-datepicker-title, .ui-datepicker-year, .ui-datepicker-month{color:#fff !important;}
  .pdfDlBox{text-align: center;}
  .pdfDlBox .pdfDlBox_inner {display: flex; justify-content: center;}
  .pdfDlBox .pdfDlBox_item + .pdfDlBox_item{margin-left: 30px;}
  .pdfDlBox .itemImg img{border: 1px solid #ccc;}
  .pdfDlBox p{font-size: 16px;}
  .pdfDlBox .note{display: inline-block; margin: 10px 0 0 1em; font-size: 1.2rem; text-align: left; text-indent: -1em; line-height: 1.5;}
  .pdfDlBox .pdfDlBtn{position: relative; display: flex; align-items: center; justify-content: center; width: 265px; margin: 0 auto; padding: 15px 28px 15px 72px; border-radius: 10px; background: #0a4e9f; color: #fff; font-size: 1.8rem; font-weight: bold; text-decoration: none;}
  .pdfDlBox .pdfDlBtn::before{ content: ""; position: absolute; top: 50%; left: 16px; transform: translateY(-50%); display: block; width: 42px; height: 42px; background: url(/common/img/icon_pdf-w.png); background-size: contain;}
  .is-gyoshuBtn { display: inline-block; background: #0d58a6; color: #fff; padding: 2px 15px; cursor: pointer; }
  .is-gyoshuBox { background: #f0f0f0; padding: 20px 40px 1px; margin-bottom: 40px; }
  .is-gyoshuBoxTitle { text-align: center; margin-bottom: 15px; font-weight: bold; }
}

@media screen and (max-width: 767px) {
  main { margin: 0 5vw 5vw; }
  p img[alt="必須"] { margin-right: 1vw; vertical-align: middle; width: 8vw; }
  form table { margin-bottom: 5vw; width: 100%; border-collapse: collapse; }
  form th,
  form td { padding: 2vw 3vw; border: 0.2vw solid #cccccc; text-align: left; line-height: 1.4; display: block; }
  form th { background: #f0f0f0; }
  form td { margin-top: -0.2vw; background: #fff; }
  form th img { margin-right: 1vw; vertical-align: middle; width: 8vw; }
  form td img { vertical-align: middle; max-width: 100%; width: auto; }
  form thead th { width: 90vw;text-align: center; }
  form input[type="text"], form input[type="tel"], form input[type="email"], form input[type="url"], form input[type="number"] { padding: 5px; border: 1px solid #a9a9a9 }
  form input[type="radio"] { margin-right: 5px; }
  form input[type="checkbox"] { margin-right: 5px; }
  form label { margin-right: 10px; vertical-align: middle; }
  form label input { vertical-align: middle; }
  form textarea { width: 100%; height: 70px; border: 1px solid #a9a9a9; }
  form p em { color: #ca3131; font-style: normal; }
  form select{ padding: 5px 30px 5px 5px; border: 1px solid #a9a9a9; background: url(../img/icon_arrrow_b.png) no-repeat 100% 50%;
  }
  main td small { font-size: 3vw; display: block; }
  main h5 small { font-weight: normal; font-size: 3vw; }
  div.btn { margin: 6vw 0; text-align: center; }
  div.btn input#buttonConfirm { width: 50vw; height: 13vw; border: 0; background: url(/common/img/btn_confirm.png) no-repeat 0 0 / 50vw auto; cursor: pointer; }
  div.btn input#buttonPrivacyConfirm { width: 50vw; height: 13vw; border: 0; background: url("/common/img/btn_privacy_confirm_sp.png") no-repeat 0 0 / 50vw auto; cursor: pointer; }
  div.btn #buttonBack { width: 50vw; height: 13vw; border: 0; background: url(/common/img/btn_back.png) no-repeat 0 0 / 50vw auto; cursor: pointer; }
  div.btn #buttonSend { width: 50vw; height: 13vw; border: 0; background: url(/common/img/btn_send2.png) no-repeat 0 0 / 50vw auto; cursor: pointer; }
  section.done { text-align: center; padding: 6vw 6vw 2vw; background: #dff6ff; }
  section.done p { line-height: 1.6; font-size: 4vw; }
  .ui-datepicker-title, .ui-datepicker-year, .ui-datepicker-month{color:#fff !important; }
  .pdfDlBox{text-align: center;}
  .pdfDlBox .pdfDlBox_item + .pdfDlBox_item{margin-top: 30px; padding-top: 30px; border-top: 1px dashed #ccc;}
  .pdfDlBox .itemImg img{width: 210px; border: 1px solid #ccc;}
  .pdfDlBox .pdfDlBtn{position: relative; display: flex; align-items: center; justify-content: center; width: 265px; margin: 0 auto; padding: 15px 28px 15px 72px; border-radius: 10px; background: #0a4e9f; color: #fff; font-size: 3.75vw; font-weight: bold; text-decoration: none;}
  .pdfDlBox .pdfDlBtn::before{ content: ""; position: absolute; top: 50%; left: 16px; transform: translateY(-50%); display: block; width: 42px; height: 42px; background: url(/common/img/icon_pdf-w.png); background-size: contain;}
  .is-gyoshuBtn { display: inline-block; background: #0d58a6; color: #fff; padding: 1vw 3vw; cursor: pointer; }
  .is-gyoshuBox { background: #f0f0f0; padding: 3vw 5vw 1vw; margin-bottom: 5vw; }
  .is-gyoshuBoxTitle { text-align: center; margin-bottom: 2vw; font-weight: bold; }
  .is-gyoshuBox th,
  .is-gyoshuBox td { display: table-cell; width: 50%; }
}

.request_notice { font-weight: bold; margin-bottom: 20px; }
input[type=checkbox]{ margin-right:5px; }
.label_wrap {display: flex; align-items: flex-start; flex-direction: column; }
.request_tel { margin-bottom: 20px; padding: 10px 20px; background: #d1f7f1; }
.request_tel.small p { font-size: 12px; margin-bottom: 8px; }
.request_tel.small p.ttl { font-weight: bold; }
.mgb15 { margin-bottom: 15px; }
.department-check{ display: inline-block; margin-left: 15px;}
[disabled]{ background-color: #e9e9e9;cursor: not-allowed;}