@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
input, textarea { font-family: "FP-HiraKakuProN-W5", "游ゴシック体 Pr6N B", "YuGothic", "ヒラギノ角ゴ Pro W5", "Meiryo", sans-serif !important; font-weight: normal !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; border-radius: 0; font: inherit; outline: none; }

.titleimg { margin: 0% 0% 4% 0%; }
.titleimg__wrap { background: url("/img/contact/titleimg.jpg") center/cover no-repeat; }

/*メインイメージ*/
#contact_title { margin: 40% 0 5%; }
#contact_title h2 { font-size: 2.8rem; text-align: center; }
@media (min-width: 769px) { #contact_title h2 { font-size: calc( 2.8rem + ( 1vw - 7.69px ) * 22.5806451613 ); } }
@media (min-width: 800px) { #contact_title h2 { font-size: 3.5rem; } }

#form .contact__wp { margin: 0% 0% 4.37% 0%; padding: 3.12% 0% 3.12% 0%; text-align: center; border-top: solid 1px #2AB9C8; border-bottom: solid 1px #2AB9C8; }
#form .contact__wp .contact__tel-txt { margin: 0% 0% 1.25% 0%; }
#form .contact__wp a { font-size: 1.6rem; display: inline-block; border-top: solid 1px #D5D5D5; }
@media (min-width: 769px) { #form .contact__wp a { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 12.9032258065 ); } }
@media (min-width: 800px) { #form .contact__wp a { font-size: 2rem; } }
#form .contact__wp a span { font-size: 2.5rem; color: #2AB9C8; }
@media (min-width: 769px) { #form .contact__wp a span { font-size: calc( 2.5rem + ( 1vw - 7.69px ) * 16.1290322581 ); } }
@media (min-width: 800px) { #form .contact__wp a span { font-size: 3rem; } }
#form .contact__wp .contact__time { font-size: 1.3rem; }
@media (min-width: 769px) { #form .contact__wp .contact__time { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 3.2258064516 ); } }
@media (min-width: 800px) { #form .contact__wp .contact__time { font-size: 1.4rem; } }
#form .contact__ttl { font-size: 1.4rem; margin: 0% 0% 1.87% 0%; text-align: center; }
@media (min-width: 769px) { #form .contact__ttl { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 3.2258064516 ); } }
@media (min-width: 800px) { #form .contact__ttl { font-size: 1.5rem; } }
#form .contact_txt { font-size: 1.3rem; margin: 0% 0% 5.62% 0%; text-align: center; }
@media (min-width: 769px) { #form .contact_txt { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 3.2258064516 ); } }
@media (min-width: 800px) { #form .contact_txt { font-size: 1.4rem; } }
#form .caution { font-size: 1.1rem; color: #EA0000; padding-left: 5px; }
@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 .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: 60px; }
#form .form_wrap li { margin-bottom: 20px; }
#form .form_wrap li b { font-size: 1.3rem; display: block; margin-bottom: 5px; overflow: hidden; }
@media (min-width: 768px) { #form .form_wrap li b { font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 3.125 ); } }
@media (min-width: 800px) { #form .form_wrap li b { font-size: 1.4rem; } }
#form .form_wrap li:last-child { margin-bottom: 0; }
#form .form_wrap li > div input { box-sizing: border-box; margin-bottom: 5px; background: #fff; width: 100%; height: 50px; padding: 10px; font-size: 1.4rem; border: solid 1px #D5D5D5; }
#form .form_wrap li > div > span { font-size: 1.2rem; display: block; color: #A7A7A7; }
@media (min-width: 769px) { #form .form_wrap li > div > span { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.9950248756 ); } }
@media (min-width: 970px) { #form .form_wrap li > div > span { font-size: 1.4rem; } }
#form .form_wrap li > div .input_wrap .short { width: 40%; max-width: 120px; }
#form .form_wrap li > div .input_wrap span { font-size: 1.5rem; color: #BAA88C; text-align: center; }
#form .form_wrap li > div .input_wrap + span { font-size: 1rem; margin-left: 25px; color: #BAA88C; }
@media (min-width: 769px) { #form .form_wrap li > div .input_wrap + span { font-size: calc( 1rem + ( 1vw - 7.69px ) * 0.9950248756 ); } }
@media (min-width: 970px) { #form .form_wrap li > div .input_wrap + span { font-size: 1.2rem; } }
#form .form_wrap li > div textarea { box-sizing: border-box; padding: 10px; width: 100%; height: 180px; font-size: 1.4rem; background: #fff; border: solid 1px #D5D5D5; }
#form .form_wrap li.error { background: #ff000036; }
#form .form_wrap.check__wp li { padding: 2.5% 0% 2.5% 0%; border-bottom: solid 1px #6E6E6E; margin-bottom: 0; }
#form .form_wrap.check__wp li b { margin-bottom: 0; }
#form .form_wrap.check__wp li:first-child { border-top: solid 1px #6E6E6E; }
#form .btn_box .consent__privacy { margin: 0% 0% 5.62% 0%; padding: 3.75% 3.12% 3.75% 3.12%; height: 250px; background: #ffff; border: solid 1px #D5D5D5; overflow: scroll; }
#form .btn_box .consent__privacy h3 { font-size: 1.5rem; margin: 0% 0% 3.12% 0%; }
@media (min-width: 769px) { #form .btn_box .consent__privacy h3 { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.4975124378 ); } }
@media (min-width: 970px) { #form .btn_box .consent__privacy h3 { font-size: 1.6rem; } }
#form .btn_box .consent__privacy p { font-size: 1.3rem; text-align: justify; margin-bottom: 0; }
@media (min-width: 769px) { #form .btn_box .consent__privacy p { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.4975124378 ); } }
@media (min-width: 970px) { #form .btn_box .consent__privacy p { font-size: 1.4rem; } }
#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; box-sizing: border-box; display: block; margin: auto; padding: 20px; width: 100%; color: #fff; background: #2AB9C8; border: solid 1px #2AB9C8; transition: .4s; cursor: pointer; }
@media (min-width: 769px) { #form .btn_box .btn input { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 3.2258064516 ); } }
@media (min-width: 800px) { #form .btn_box .btn input { font-size: 1.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 #2AB9C8; }
#form .btn_box .btn.back input:hover, #form .btn_box .btn.back a:hover { background: rgba(255, 255, 255, 0); color: #2AB9C8; }
#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: rgba(255, 255, 255, 0); color: #2AB9C8; }
#form .btn_wrap .btn.back .arrow:after { color: #604C3F; }
#form.check .form_wrap li { margin-bottom: 0; padding: 20px 0; border-bottom: 1px solid #DEDEDE; }
#form.check .form_wrap li:last-child { border: none; }
#form.completion .completion__txt { font-size: 1.8rem; margin: 0% 0% 3.12% 0%; }
@media (min-width: 768px) { #form.completion .completion__txt { font-size: calc( 1.8rem + ( 1vw - 7.68px ) * 6.25 ); } }
@media (min-width: 800px) { #form.completion .completion__txt { font-size: 2rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { /*メインイメージ*/
  #contact_title { margin: 15% 0 3%; }
  #form .call { padding: 20px 0; }
  #form .subtitle { margin-bottom: 50px; }
  #form .form_wrap { padding: 0; }
  #form .form_wrap.check__wp 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; }
  #form .form_wrap.check__wp li b { flex: 0 1 20%; width: 20%; max-width: 20%; }
  #form .form_wrap.check__wp li div { flex: 0 1 75%; width: 75%; max-width: 75%; }
  #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: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; }
  #form.check .form_wrap li b { margin-bottom: 0; padding: 0; } }
@media all and (-ms-high-contrast: none) { .btn input:hover { background: #2ECBDD; } }
/*------------------------------
		1024px以上
------------------------------*/
/*------------------------------
		800px以上
------------------------------*/

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