@charset "UTF-8";
/*------------------------------------------------------------
ページヘッダー
------------------------------------------------------------*/
#page_header h1 { background-image: url("../images/header/bgimg_header-contact.jpg"); }

/*------------------------------------------------------------
フォームラッパー
------------------------------------------------------------*/
#form_wrapper { padding-top: 60px; padding-bottom: 110px; }

@media screen and (max-width: 767px) { #form_wrapper { padding-top: 40px; padding-bottom: 55px; } }

/*------------------------------------------------------------
フォームヘッド
------------------------------------------------------------*/
#form_head p { text-align: center; }

#form_head p.backto_toppage { width: 280px; margin: 60px auto 0; }

#form_head p.backto_toppage a { display: block; line-height: 58px; text-decoration: none; color: #0285d0; border: 1px solid #0285d0; }

#form_head p.backto_toppage a:hover { color: #fff; background: #0285d0; }

#form_head dl { text-align: center; width: 670px; padding: 30px 0; margin: 40px auto 0; border: 6px solid #E2E2E2; }

#form_head dl dt { font-weight: bold; margin-bottom: 10px; }

#form_head dl dd.pc strong { display: inline-block; width: auto; height: auto; font-size: 3.0rem; background: url("../images/common/ico_tell_bk.svg") no-repeat left top 12px; background-size: 17px 24px; padding-left: 25px; }

#form_head dl dd.pc small { font-size: 1.4rem; padding-left: 10px; }

@media screen and (max-width: 767px) { #form_head p { text-align: left; }
  #form_head p.backto_toppage { width: auto; margin: 30px 22px 0; text-align: center; }
  #form_head p.backto_toppage a { line-height: 48px; }
  #form_head p.backto_toppage a:hover { color: #0285d0; background: transparent; }
  #form_head dl { width: auto; padding: 20px; margin: 20px auto 0; border-width: 3px; }
  #form_head dl dt { font-size: 1.4rem; }
  #form_head dl dd.sp { font-size: 1.4rem; }
  #form_head dl dd.sp:nth-last-of-type(1) { margin-top: 10px; }
  #form_head dl dd.sp a { display: block; font-size: 2.2rem; line-height: 48px; text-decoration: none; color: #0285d0; border: 1px solid #0285d0; text-align: center; }
  #form_head dl dd.sp a:before { display: inline-block; content: ""; width: 20px; height: 20px; background: url("../images/common/ico_tell_b.svg") no-repeat center center; background-size: auto 20px; vertical-align: middle; } }

/*------------------------------------------------------------
フォームコンテンツ
------------------------------------------------------------*/
#form_contents { margin-top: 100px; }

#form_contents dl { display: table; width: 100%; }

#form_contents dl dt { display: table-cell; vertical-align: top; line-height: 1.6; background: #F8F8F8; width: 260px; padding: 30px; position: relative; }

#form_contents dl dt em { display: inline-block; position: absolute; top: 32px; right: 30px; font-size: 1.2rem; line-height: 20px; font-style: normal; color: #f00000; border: 1px solid #F00000; padding: 0 10px; text-align: center; }

#form_contents dl dt em.option { color: #4B4B4B; border: 1px solid #4B4B4B; }

#form_contents dl dt.no_text_line { padding-top: 14px; }

#form_contents dl dt.no_text_line em { top: 16px; }

#form_contents dl dd { display: table-cell; vertical-align: middle; padding: 10px 0 10px 40px; overflow: hidden; }

#form_contents dl dd small { font-size: 1.2rem; }

#form_contents dl dd .wpcf7-list-item { float: left; width: 50%; margin: 5px 0; }

#form_contents p { font-size: 1.4rem; text-align: center; }

#form_contents p.pp { margin-top: 80px; }

#form_contents p.pp a { color: #0285d0; }

#form_contents p.pp a:hover { text-decoration: none; }

#form_contents p.pp label { margin-top: 20px; padding-left: 25px; }

#form_contents p.pp label input[type='checkbox'] + span:before, #form_contents p.pp label input[type='hidden'] + span:before { height: 19px; width: 19px; }

#form_contents p.pp label input[type='checkbox']:checked + span:after, #form_contents p.pp label input[type='hidden'] + span:after { top: 2px; left: 6px; }

#form_contents p.pp .wpcf7-list-item { margin: 0; }

#form_contents p.submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 500px; margin: 50px auto 0; }

#form_contents p.submit .wpcf7c-elm-step1, #form_contents p.submit .wpcf7c-elm-step2 { position: relative; }

#form_contents p.submit .wpcf7c-elm-step1 input, #form_contents p.submit .wpcf7c-elm-step2 input { opacity: 1; width: 100%; background: url("../images/common/img_arrow-w.svg") no-repeat right 32% center; background-size: 5px auto; }

#form_contents p.submit .wpcf7c-elm-step1:before, #form_contents p.submit .wpcf7c-elm-step1:after, #form_contents p.submit .wpcf7c-elm-step2:before, #form_contents p.submit .wpcf7c-elm-step2:after { display: block; content: ""; width: 100%; height: 60px; position: absolute; top: 0; left: 0; z-index: -1; }

#form_contents p.submit .wpcf7c-elm-step1:before, #form_contents p.submit .wpcf7c-elm-step2:before { background: #ff9300; }

#form_contents p.submit .wpcf7c-elm-step1:after, #form_contents p.submit .wpcf7c-elm-step2:after { width: 0; background: #f6af4e; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

#form_contents p.submit .wpcf7c-elm-step1:hover input, #form_contents p.submit .wpcf7c-elm-step2:hover input { background-position: right 28% center; }

#form_contents p.submit .wpcf7c-elm-step1:hover:after, #form_contents p.submit .wpcf7c-elm-step2:hover:after { width: 100%; }

#form_contents p.submit .wpcf7c-elm-step1 { width: 100%; }

#form_contents p.submit .wpcf7c-elm-step2 { width: 240px; }

#form_contents p.submit .wpcf7c-elm-step2 .wpcf7c-btn-back { background: url("../images/common/img_arrow-w_reverse.svg") no-repeat left 32% center; background-size: 5px auto; }

#form_contents p.submit .wpcf7c-elm-step2:hover .wpcf7c-btn-back { background-position: left 28% center; }

#form_contents p.submit input[disabled] { cursor: not-allowed; opacity: 0.6; }

@media screen and (max-width: 767px) { #form_contents { margin-top: 50px; }
  #form_contents dl { display: block; }
  #form_contents dl + dl { margin-top: 20px; }
  #form_contents dl dt { display: block; line-height: 45px; width: auto; padding: 0 20px; font-size: 1.4rem; }
  #form_contents dl dt em { position: static; font-size: 1.0rem; line-height: 15px; padding: 0 5px; margin-left: 10px; }
  #form_contents dl dt.no_text_line { padding-top: 0; }
  #form_contents dl dd { display: block; padding: 10px; }
  #form_contents dl dd small { display: block; }
  #form_contents dl dd .wpcf7-list-item { margin: 10px 0; }
  #form_contents p { font-size: 1.2rem; text-align: left; }
  #form_contents p.pp { margin-top: 40px; }
  #form_contents p.submit { width: auto; margin-top: 25px; }
  #form_contents p.submit .wpcf7c-elm-step1 input, #form_contents p.submit .wpcf7c-elm-step2 input { background-position: right 24% center; }
  #form_contents p.submit .wpcf7c-elm-step1:before, #form_contents p.submit .wpcf7c-elm-step1:after, #form_contents p.submit .wpcf7c-elm-step2:before, #form_contents p.submit .wpcf7c-elm-step2:after { height: 50px; }
  #form_contents p.submit .wpcf7c-elm-step1:hover input, #form_contents p.submit .wpcf7c-elm-step2:hover input { background-position: right 24% center; }
  #form_contents p.submit .wpcf7c-elm-step1:hover:after, #form_contents p.submit .wpcf7c-elm-step2:hover:after { width: 0; }
  #form_contents p.submit .wpcf7c-elm-step2 { width: calc(50% - 10px); }
  #form_contents p.submit .wpcf7c-elm-step2 .wpcf7c-btn-back { background-position: left 24% center; }
  #form_contents p.submit .wpcf7c-elm-step2:hover .wpcf7c-btn-back { background-position: left 24% center; } }

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