@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
#contents { padding: 60px 0; }

.pagetitle { font-size: 2.4rem; }
@media (min-width: 769px) { .pagetitle { font-size: calc( 2.4rem + ( 1vw - 7.69px ) * 90.9090909091 ); } }
@media (min-width: 780px) { .pagetitle { font-size: 3.4rem; } }

.subtttl { font-size: 1.5rem; color: #454545; }
@media (min-width: 769px) { .subtttl { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 45.4545454545 ); } }
@media (min-width: 780px) { .subtttl { font-size: 2rem; } }

.reserve .pagetitle { color: #1e5bb8; }

.request .pagetitle { color: #b79f5b; }

.state_message { margin-bottom: 20px; text-align: center; color: #1e5bb8; }

input, textarea { font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; border-radius: 0; font: inherit; outline: none; font-weight: normal; }

::placeholder { color: #BEBEBE; font-size: 1.3rem; font-weight: normal; }

.titleimg .titleimg__ttl-wp { margin: 0; }

.readtxt { margin-bottom: 40px; text-align: center; line-height: 1.5; }
.readtxt p { margin-bottom: 20px; }
.readtxt a { text-decoration: underline; color: #1e5bb8; display: inline; }
.readtxt .bnr { max-width: 600px; margin: 0 auto 30px; }

#form small { display: inline-block; font-size: 1.1rem; }
@media (min-width: 769px) { #form small { font-size: calc( 1.1rem + ( 1vw - 7.69px ) * 18.1818181818 ); } }
@media (min-width: 780px) { #form small { font-size: 1.3rem; } }
#form .contact__wp { margin: 0% 0% 8.97% 0%; text-align: center; }
#form .contact__wp .contact__ttl { font-size: 1.8rem; padding: 0% 0% 2.56% 0%; color: #1e5bb8; }
@media (min-width: 769px) { #form .contact__wp .contact__ttl { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 163.6363636364 ); } }
@media (min-width: 780px) { #form .contact__wp .contact__ttl { font-size: 3.6rem; } }
#form .contact__wp .contact__ttl-box { padding: 3.84% 0% 3.84% 0%; border-top: double 4px #1e5bb8; border-bottom: double 4px #1e5bb8; }
#form .contact__wp .contact__ttl-box .contact__tel-txt { font-size: 1.2rem; color: #1e5bb8; }
@media (min-width: 769px) { #form .contact__wp .contact__ttl-box .contact__tel-txt { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 36.3636363636 ); } }
@media (min-width: 780px) { #form .contact__wp .contact__ttl-box .contact__tel-txt { font-size: 1.6rem; } }
#form .contact__wp .contact__ttl-box a { font-size: 3.6rem; letter-spacing: 0.09em; line-height: normal; }
@media (min-width: 769px) { #form .contact__wp .contact__ttl-box a { font-size: calc( 3.6rem + ( 1vw - 7.69px ) * 90.9090909091 ); } }
@media (min-width: 780px) { #form .contact__wp .contact__ttl-box a { font-size: 4.6rem; } }
#form .contact__wp .contact__ttl-box .contact__time { font-size: 1.1rem; }
@media (min-width: 769px) { #form .contact__wp .contact__ttl-box .contact__time { font-size: calc( 1.1rem + ( 1vw - 7.69px ) * 27.2727272727 ); } }
@media (min-width: 780px) { #form .contact__wp .contact__ttl-box .contact__time { font-size: 1.4rem; } }
#form .contact__ttl { font-size: 1.4rem; margin: 0% 0% 3.12% 0%; text-align: center; }
@media (min-width: 769px) { #form .contact__ttl { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 9.0909090909 ); } }
@media (min-width: 780px) { #form .contact__ttl { font-size: 1.5rem; } }
#form .caution { font-size: 1.1rem; display: inline-block; margin-left: 5px; padding: 0 8px; color: #fff; background: #e62807; }
@media (min-width: 768px) { #form .caution { font-size: calc( 1.1rem + ( 1vw - 7.68px ) * 3.125 ); } }
@media (min-width: 800px) { #form .caution { font-size: 1.2rem; } }
#form .caution.none { background: #A3A3A3; }
#form .form_txt_warp { text-align: center; }
#form .form_txt_warp .form_txt { font-size: 1.5rem; margin-bottom: 5px; }
@media (min-width: 768px) { #form .form_txt_warp .form_txt { font-size: calc( 1.5rem + ( 1vw - 7.68px ) * 15.625 ); } }
@media (min-width: 800px) { #form .form_txt_warp .form_txt { font-size: 2rem; } }
#form .form_txt_warp p { font-size: 1.3rem; }
@media (min-width: 768px) { #form .form_txt_warp p { font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 3.125 ); } }
@media (min-width: 800px) { #form .form_txt_warp p { font-size: 1.4rem; } }
#form .form_wrap { margin-bottom: 30px; }
#form .form_wrap li { background: #e8f0f6; }
#form .form_wrap li b { font-size: 1.3rem; display: block; margin-bottom: 5px; padding: 5px 10px; box-sizing: border-box; overflow: hidden; background: #78b7e6; color: #fff; }
@media (min-width: 768px) { #form .form_wrap li b { font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 6.25 ); } }
@media (min-width: 800px) { #form .form_wrap li b { font-size: 1.5rem; } }
#form .form_wrap li:last-child { margin-bottom: 0; }
#form .form_wrap li .from_box { padding: 10px; box-sizing: border-box; }
#form .form_wrap li .from_box input { font-size: 1.3rem; box-sizing: border-box; margin-bottom: 5px; background: #fff; height: 40px; padding: 10px; border: solid 1px #898989; border-radius: 4px; font-weight: normal; }
@media (min-width: 769px) { #form .form_wrap li .from_box input { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 18.1818181818 ); } }
@media (min-width: 780px) { #form .form_wrap li .from_box input { font-size: 1.5rem; } }
#form .form_wrap li .from_box select { font-size: 1.3rem; border-radius: 4px; }
@media (min-width: 769px) { #form .form_wrap li .from_box select { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 18.1818181818 ); } }
@media (min-width: 780px) { #form .form_wrap li .from_box select { font-size: 1.5rem; } }
#form .form_wrap li .from_box .attent { font-weight: normal; color: #d52000; }
#form .form_wrap li .from_box .input_wrap .short { width: 40%; max-width: 120px; }
#form .form_wrap li .from_box .input_wrap span { font-size: 1.5rem; text-align: center; }
#form .form_wrap li .from_box .input_wrap + span { font-size: 1rem; margin-left: 25px; color: #BAA88C; }
@media (min-width: 769px) { #form .form_wrap li .from_box .input_wrap + span { font-size: calc( 1rem + ( 1vw - 7.69px ) * 0.9950248756 ); } }
@media (min-width: 970px) { #form .form_wrap li .from_box .input_wrap + span { font-size: 1.2rem; } }
#form .form_wrap li .from_box textarea { font-size: 1.3rem; box-sizing: border-box; padding: 10px; width: 100%; height: 180px; background: #fff; border: solid 1px #898989; border-radius: 4px; }
@media (min-width: 769px) { #form .form_wrap li .from_box textarea { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 18.1818181818 ); } }
@media (min-width: 780px) { #form .form_wrap li .from_box textarea { font-size: 1.5rem; } }
#form .form_wrap li.error { background: #ff000036; }
#form .btn_box { margin: 0% 0% 16% 0%; }
#form .btn_box .privacy_box { margin: 0% 0% 6.41% 0%; text-align: center; }
#form .btn_box .privacy_box .privacy_box-inner { display: inline-block; text-align: left; }
#form .btn_box .privacy_box .privacy_box-inner .input__item { padding: 0; }
#form .btn_box .privacy_box .privacy_box-inner p { margin: 1.2rem 0 0; padding-left: 25px; text-align: left; line-height: 1.4; font-weight: normal; }
#form .btn_box .privacy_box .privacy_box-inner a { display: revert; color: #1e5bb8; text-decoration: underline; }
#form .btn_box .privacy_box .input__item { font-size: 1.2rem; position: relative; display: inline-block; padding-left: 25px; line-height: 1.3; }
@media (min-width: 769px) { #form .btn_box .privacy_box .input__item { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 27.2727272727 ); } }
@media (min-width: 780px) { #form .btn_box .privacy_box .input__item { font-size: 1.5rem; } }
#form .btn_box .privacy_box .input__item input { position: absolute; top: 0; left: 0; opacity: 0; height: 1px; width: 1px; -webkit-appearance: none; appearance: none; }
#form .btn_box .privacy_box .input__item a { display: inline; color: #1e5bb8; text-decoration: underline; }
#form .btn_box .privacy_box .input__item .checkbox-parts:before { content: ""; display: block; position: absolute; top: -2px; left: 0px; width: 20px; height: 20px; box-sizing: border-box; border: 1px solid #707070; background: #fff; cursor: pointer; }
#form .btn_box .privacy_box .input__item .checkbox-input:checked + .checkbox-parts:after { content: ""; display: block; position: absolute; top: 0px; left: 5px; width: 6px; height: 10px; transform: rotate(40deg); border-bottom: 3px solid #fff; border-right: 3px solid #fff; }
#form .btn_box .privacy_box .input__item .checkbox-input:checked + .checkbox-parts:before { background: #333; }
#form .btn_box p { margin: 0% 0% 9.37% 0%; text-align: center; }
#form .btn_box p a { text-decoration: underline; }
#form .btn_box .btn { margin: 0 auto; width: 100%; position: relative; overflow: hidden; transition: .4s; }
#form .btn_box .btn input { font-size: 1.3rem; position: relative; margin: auto; padding: 15px; width: 100%; max-width: 230px; text-align: center; font-weight: bold; background: #1e5bb8; border: solid 3px #1e5bb8; border-radius: 50px; box-sizing: border-box; }
@media (min-width: 769px) { #form .btn_box .btn input { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 9.0909090909 ); } }
@media (min-width: 780px) { #form .btn_box .btn input { font-size: 1.4rem; } }
#form .btn_box .btn .input__btn { position: relative; text-align: center; }
#form .btn_box .btn .input__btn input { color: #fff; }
#form .btn_box .btn .input__btn::after { font-size: 1.4rem; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); content: ""; content: "\f061"; left: 30px; width: auto; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; transform: translateY(-50%) translateX(0px); transition: .4s; }
@media (min-width: 769px) { #form .btn_box .btn .input__btn::after { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 90.9090909091 ); } }
@media (min-width: 780px) { #form .btn_box .btn .input__btn::after { font-size: 2.4rem; } }
#form .btn_box .btn.disabled input { color: #fff; background: #ccc; border: none; cursor: default; border: 1px solid #ccc; }
#form .btn_box .btn.disabled input:hover { background: #ccc; color: #fff; }
#form .btn_box .btn.back input, #form .btn_box .btn.back a { border: 1px solid #1e5bb8; }
#form .btn_box .btn.back input:hover, #form .btn_box .btn.back a:hover { background: rgba(255, 255, 255, 0); color: #1e5bb8; }
#form .btn_wrap { max-width: 650px; margin: auto; }
#form .btn_wrap .btn { flex: 0 1 48%; width: 48%; max-width: 48%; }
#form .btn_wrap .btn.back input { background: #E3E3E3; color: #565656; border: solid 3px #565656; }
#form .btn_wrap .btn.next input { background: #fff; color: #1e5bb8; border: solid 3px #1e5bb8; }
#form.checkform .check__main-txt { font-size: 1.4rem; margin-bottom: 20px; text-align: center; }
@media (min-width: 769px) { #form.checkform .check__main-txt { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * -20.6896551724 ); } }
@media (min-width: 740px) { #form.checkform .check__main-txt { font-size: 2rem; } }
#form.checkform .check__next-txt { font-size: 1.3rem; margin: 0% 0% 3.84% 0%; text-align: center; }
@media (min-width: 769px) { #form.checkform .check__next-txt { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 18.1818181818 ); } }
@media (min-width: 780px) { #form.checkform .check__next-txt { font-size: 1.5rem; } }
#form.completion .completion__main-txt { font-size: 1.8rem; margin: 0% 0% 3.12% 0%; }
@media (min-width: 768px) { #form.completion .completion__main-txt { font-size: calc( 1.8rem + ( 1vw - 7.68px ) * 6.25 ); } }
@media (min-width: 800px) { #form.completion .completion__main-txt { font-size: 2rem; } }
#form.completion .completion__txt { font-size: 1.3rem; margin: 0% 0% 6.25% 0%; text-align: center; }
@media (min-width: 768px) { #form.completion .completion__txt { font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 6.25 ); } }
@media (min-width: 800px) { #form.completion .completion__txt { font-size: 1.5rem; } }

.appoint_wrap .appoint_box { margin-bottom: 10px; }
.appoint_wrap .appoint_box .appoint_select { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.appoint_wrap .appoint_box .appoint_select select { flex: 0 1 31%; width: 31%; max-width: 31%; box-sizing: border-box; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #form .contact__wp { margin: 0% 0% 6.77% 0%; }
  #form .contact__wp .contact__ttl { padding: 0% 0% 1.69% 0%; }
  #form .contact__wp .contact__ttl-box { margin: 0 auto 2%; max-width: 420px; }
  #form .form_wrap { padding: 0; }
  #form .form_wrap li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #fff; }
  #form .form_wrap li b { flex: 0 1 30%; width: 30%; max-width: 30%; margin-bottom: 0; padding: 20px; }
  #form .form_wrap li .from_box { flex: 0 1 70%; width: 70%; max-width: 70%; padding: 20px 30px; }
  #form .btn_box { margin-bottom: 100px; }
  #form .btn_box .privacy_box { margin: 0% 0% 3.38% 0%; text-align: center; }
  #form .btn_box .privacy_box .privacy_box-inner p { margin: .8rem 0 0; }
  #form .btn_box .consent__privacy { padding: 30px; }
  #form .btn_box .consent__privacy h3 { margin-bottom: 25px; }
  #form .btn_box p { margin-bottom: 85px; }
  #form .btn_box .btn { max-width: 300px; margin: auto; }
  #form .btn_box .btn input { padding: 20px; max-width: 285px; background: #fff; color: #1e5bb8; transition: .4s; cursor: pointer; }
  #form .btn_box .btn .input__btn input { color: #1e5bb8; }
  #form .btn_box .btn .input__btn::after { cursor: pointer; color: #1e5bb8; }
  #form .btn_box .btn .input__btn:hover input { color: #fff; background: #1e5bb8; }
  #form .btn_box .btn .input__btn:hover::after { color: #fff; transform: translateY(-50%) translateX(20px); }
  #form .btn_box .btn:hover { transition: .4s; }
  #form .btn_box .btn:hover input { filter: brightness(110%); transition: .4s; }
  #form .btn_box.check .btn_wrap .back:hover input { background: #fff; } }
@media all and (-ms-high-contrast: none) { .btn input:hover { background: #2ECBDD; } }
/*------------------------------
		1024px以上
------------------------------*/
/*------------------------------
		800px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */