@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*タイトル画像*/
#titleimg { background-image: url("/img/inquiry/titleimg.jpg"); }

#contact .required { color: #C10000; }
#contact .title { text-align: center; }
#contact .lead { text-align: center; line-height: 1.8; margin-bottom: 60px; }
#contact .call { text-align: center; padding: 10px 0; border-top: solid 1px #000000; border-bottom: solid 1px #000000; width: 92%; margin: 0 auto 60px; }
#contact .call .call_title { margin-bottom: 5px; font-size: 1.5rem; }
#contact .call .tel { font-size: 2rem; }
@media (min-width: 768px) { #contact .call .tel { font-size: calc( 2rem + ( 1vw - 7.68px ) * 0.9259259259 ); } }
@media (min-width: 1200px) { #contact .call .tel { font-size: 2.4rem; } }
#contact .call .tel span { font-size: 1.4rem; }
#contact .call .time { font-size: 1.3rem; }
#contact .subtitle { margin-bottom: 40px; text-align: center; }
#contact .subtitle h3 { font-size: 1.5rem; margin-bottom: 5px; }
#contact .subtitle p { font-size: 1.3rem; }
#contact .subtitle p span { color: #C10000; }
#contact .form_wrap { margin-bottom: 60px; }
#contact .form_wrap li { margin-bottom: 30px; }
#contact .form_wrap li b { margin-bottom: 10px; font-size: 1.5rem; display: block; }
#contact .form_wrap li b span { color: #C10000; }
#contact .form_wrap li > div input { margin-bottom: 10px; background: #EAEAEA; border: none; width: 100%; height: 50px; padding: 10px; box-sizing: border-box; border-radius: 0; }
#contact .form_wrap li > div > span { font-size: 1.2rem; display: block; }
#contact .form_wrap li > div .input_wrap .short { width: 40%; max-width: 120px; }
#contact .form_wrap li > div .input_wrap span { font-size: 1.5rem; text-align: center; }
#contact .form_wrap li > div .input_wrap + span { margin-left: 25px; font-size: 1.2rem; }
#contact .form_wrap li > div textarea { background: #EAEAEA; border: none; width: 100%; height: 180px; padding: 10px; box-sizing: border-box; border-radius: 0; }
#contact #poricy { font-size: 1.3rem; border: solid 1px #000000; overflow: scroll; height: 300px; padding: 20px; margin-bottom: 20px; }
#contact #poricy .policy_box { padding: 30px; }
#contact #poricy .poricy_title { font-size: 1.8rem; text-align: center; padding-bottom: 20px; }
#contact #poricy p { margin-bottom: 20px; }
#contact #poricy dl dd { margin-bottom: 20px; }
#contact .btn_box p { margin-bottom: 80px; text-align: center; }
#contact .btn_box .btn { margin: 0 auto; width: 54%; max-width: 230px; }
#contact .btn_box .btn input { -webkit-appearance: none; background: #000; color: #fff; border: 1px solid #000; width: 100%; padding: 18px; box-sizing: border-box; border-radius: 0; font-size: 1.5rem; letter-spacing: 0.1em; transition: .3s; cursor: pointer; }
#contact .btn_box .btn input:hover { background: #fff; color: #000; }
#contact .btn_wrap { max-width: 520px; margin: auto; }
#contact .btn_wrap .btn { flex: 0 1 40%; width: 40%; max-width: 40%; }
#contact .btn_wrap .btn.back input { background: #fff; color: #000; }
#contact.check .form_wrap li { margin-bottom: 0; padding: 20px 0; border-bottom: 1px solid #DEDEDE; }
#contact.check .form_wrap li:last-child { border: none; }
#contact.completion h3 { font-size: 2rem; }
@media (min-width: 768px) { #contact.completion h3 { font-size: calc( 2rem + ( 1vw - 7.68px ) * 0.9259259259 ); } }
@media (min-width: 1200px) { #contact.completion h3 { font-size: 2.4rem; } }
#contact.completion .more { font-size: 1.5rem; }
@media (min-width: 768px) { #contact.completion .more { font-size: calc( 1.5rem + ( 1vw - 7.68px ) * 0.6944444444 ); } }
@media (min-width: 1200px) { #contact.completion .more { font-size: 1.8rem; } }
#contact.completion .more a { float: none; margin: auto; font-style: normal; text-align: left; padding-left: 20px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #contact .call { max-width: 490px; padding: 20px 0; }
  #contact .subtitle { margin-bottom: 50px; }
  #contact .form_wrap { max-width: 760px; margin: 0 auto 120px; }
  #contact .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-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -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; }
  #contact .form_wrap li b { flex: 0 1 25%; width: 25%; max-width: 25%; }
  #contact .form_wrap li > div { flex: 0 1 75%; width: 75%; max-width: 75%; }
  #contact .btn_box p { margin-bottom: 120px; }
  #contact.check .form_wrap li b { margin-bottom: 0; padding: 0; }
  #contact.completion .call { margin-bottom: 80px; } }
/*------------------------------
		1024px以上
------------------------------*/
/*------------------------------
		1200px以上
------------------------------*/

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