@charset "UTF-8";
/*----------------------------------------
	contact
----------------------------------------*/
/*　plagin
----------------------------------------*/
/*　common
----------------------------------------*/
/*　index
----------------------------------------*/
#contact .contact-info { text-align: center; }

#contact .contact-info dt { font-size: 3rem; color: #cc3333; line-height: 1.2; }

#contact .contact-info dd { font-size: 1.125rem; }

#contact .form-style01 { padding: 36px 36px 26px 26px; margin: 30px 40px 0 50px; border: 1px solid #cecece; }

#contact .form-style01 .contact-list01 { font-size: 1.125rem; }

#contact .form-style01 .contact-list01 > dt, #contact .form-style01 .contact-list01 > dd { position: relative; margin-top: 30px; }

#contact .form-style01 .contact-list01 > dt:first-of-type, #contact .form-style01 .contact-list01 > dd:first-of-type { margin-top: 0; }

#contact .form-style01 .tag-attent { position: absolute; display: inline-block; top: 0.3em; right: 0; padding: 0 4px; background-color: #f26c00; color: #fff; font-size: 0.875rem; }

#contact .form-step { display: flex; max-width: 830px; margin: 40px auto 20px; }
@media screen and (max-width: 640px) { #contact .form-step { display: block; } }

#contact .form-step li { width: 33.3734939759%; padding: 10px 0; text-align: center; }
@media screen and (max-width: 640px) { #contact .form-step li { width: 100%; padding: 20px; } }

#contact .form-step li.active { color: #fff; }

#contact .form-table { max-width: 830px; margin: 0 auto 30px; }
@media screen and (max-width: 960px) { #contact .form-table { width: 100%; max-width: 100%; border-bottom: 1px solid #cecece; } }

#contact .form-table th { box-sizing: border-box; width: 300px; padding: 20px 10px; border: 1px solid #cecece; background-color: #e9e9e9; }
@media screen and (max-width: 960px) { #contact .form-table th { display: block; width: 100%; border-bottom: none; } }

#contact .form-table th span { margin-left: 10px; padding: 2px 5px; background-color: #cc3333; color: #fff; }

#contact .form-table td { box-sizing: border-box; padding: 10px 20px; border: 1px solid #cecece; background-color: #fff; }
@media screen and (max-width: 960px) { #contact .form-table td { display: block; width: 100%; border-bottom: none; } }

#contact .form-table input, select, textarea { padding: 5px; border: 1px solid #cecece; }

#contact .form-table select { width: 280px; }
@media screen and (max-width: 960px) { #contact .form-table select { width: 100%; } }

#contact .form-table textarea { width: 98%; }
@media screen and (max-width: 960px) { #contact .form-table textarea { width: 100%; } }

#contact .form-table .address { width: 85px !important; }
@media screen and (max-width: 960px) { #contact .form-table .address { width: 100% !important; } }

#contact .form-table .wid215 { width: 215px !important; }
@media screen and (max-width: 960px) { #contact .form-table .wid215 { width: 100% !important; } }

#contact .form-table .wid-l { width: 440px; }
@media screen and (max-width: 960px) { #contact .form-table .wid-l { width: 100%; } }

#contact .form-table .wid-s { width: 70px; margin: 0 20px; }

#contact .form-table .mat10 { margin-top: 10px; }

#contact .form-table .vtop { vertical-align: top; }

#contact .form-btn button { box-sizing: border-box; width: 100%; padding: 10px 0; border: 1px solid #000; background: none; color: #fff; font-size: 1.25rem; cursor: pointer; }

#contact .form-btn button:hover { -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0.7; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; }

#contact .form-btn .reset-btn { border: 1px solid #8e8e8e; background-color: #8e8e8e; }

#contact .form-btn .submit-btn { border: 1px solid #cc3333; background-color: #cc3333; }

#contact .form-btn .ico-arrow01 { margin-right: 15px; }

#contact .contact-form-idx .form-step { background: url("../../contact/images/step_bg001.png") no-repeat center top; }
@media screen and (max-width: 640px) { #contact .contact-form-idx .form-step { background-color: #e9e9e9; background-image: none; }
  #contact .contact-form-idx .form-step li.active { background-color: #8e8e8e; } }

#contact .contact-form-idx .form-btn { width: 360px; margin: 30px auto 0; }

#contact .contact-form-confirm .form-step { background: url("../../contact/images/step_bg002.png") no-repeat center top; }
@media screen and (max-width: 640px) { #contact .contact-form-confirm .form-step { background-color: #e9e9e9; background-image: none; }
  #contact .contact-form-confirm .form-step li.active { background-color: #8e8e8e; } }

#contact .contact-form-confirm .form-btn { display: flex; justify-content: space-between; width: 460px; margin: 30px auto 0; }
@media screen and (max-width: 960px) { #contact .contact-form-confirm .form-btn { display: block; width: 100%; } }

#contact .contact-form-confirm .form-btn li { width: 210px; }
@media screen and (max-width: 960px) { #contact .contact-form-confirm .form-btn li { width: 100%; margin-bottom: 30px; }
  #contact .contact-form-confirm .form-btn li:last-child { margin-bottom: 0; } }

#contact .contact-form-complete .form-step { background: url("../../contact/images/step_bg003.png") no-repeat center top; }
@media screen and (max-width: 640px) { #contact .contact-form-complete .form-step { background-color: #e9e9e9; background-image: none; }
  #contact .contact-form-complete .form-step li.active { background-color: #8e8e8e; } }

#contact .contact-form-complete .complete-inner { max-width: 830px; margin: 0 auto; }

#contact .contact-form-complete .txt { margin-bottom: 40px; }

#contact .contact-form-complete .download-list { margin-top: 25px; margin-left: 20px; }

#contact .contact-form-complete .download-list li { margin-bottom: 10px; }

#contact .contact-form-complete .download-list li a { text-decoration: underline; }

#contact .contact-form-complete .download-list li a:hover { text-decoration: none; }

.error-msg { margin-top: 5px; color: #c33; }

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