@charset 'UTF-8';


.sec-01 .form-foot> .btn-confirm ,.sec-01 .form-foot> .btn-submit ,.sec-01 .form-foot> .btn-back ,.sec-01> .thanks-area> .btn-red{ opacity: 1; cursor: pointer; }

.sec-01 .form-foot> .btn-confirm:hover ,.sec-01 .form-foot> .btn-submit:hover ,.sec-01 .form-foot> .btn-back:hover ,.sec-01> .thanks-area> .btn-red:hover{ opacity: .6; -webkit-transition: .6s; transition: .6s; }

.sec-01 .form-foot> .btn-confirm ,.sec-01 .form-foot> .btn-submit ,.sec-01> .thanks-area> .btn-red{ background: #890b12; background: -webkit-gradient(linear, left top, right top, from(#890b12), to(#e60012)); background: linear-gradient(to right, #890b12 0%, #e60012 100%); }

/* main
---------------------------------------- */
.main-area{ background: url('../images/contact/bg_main.jpg') center center no-repeat; }

/* sec-01
---------------------------------------- */
.sec-01{ width: 960px; margin: 15px auto 0 auto; padding: 30px 65px 120px 65px; background: #0054a7; }

.sec-01> .sec-title{ text-align: center; }

.sec-01> .sub-title{ color: #fff; font-weight: bold; font-size: 15px; text-align: center; }

.sec-01> .form-head{ margin: 35px auto 65px auto; }

.sec-01> .form-head> .form-title{ padding: .3em; color: #fff; font-weight: bold; font-size: 21px; text-align: center; border: #fff 2px solid; }

.sec-01> .form-head> .form-note{ padding: 10px; color: #fff; font-size: 15px; line-height: 1.533333333; }

.sec-01> .form-head> .form-note> .yellow{ color: #fff100; }

.sec-01 .form-body{ position: relative; width: 670px; margin: 25px auto 0 auto; }

.sec-01 .form-body> .name-area{ color: #fff; font-size: 21px; }

.sec-01 .form-body> .name-area:before{ content: '●'; }

.sec-01 .form-body p.input-area{ color: #fff; }

.sec-01 .required:before{ content: '※'; position: absolute; top: 0; left: -1em; color: #fff100; font-size: 21px; }

.sec-01 .form-foot{ width: 100%; margin-top: 60px; text-align: center; }

.sec-01 .form-foot> .btn-confirm ,.sec-01 .form-foot> .btn-submit{ display: inline-block; width: 290px; height: 50px; color: #fff; font-size: 18px; line-height: 2.777777778; border-radius: 6px; }

.sec-01 .form-foot> .btn-back{ display: inline-block; width: 290px; height: 50px; color: #fff; font-size: 18px; line-height: 2.777777778; background: #dcdddd; border-radius: 6px; }

.sec-01 input[name=name] ,.sec-01 input[name=kana]{ width: 48.5%; }

.sec-01 input[name=name]{ margin-right: 2%; }

.sec-01> .thanks-area{ width: 100%; margin-top: 20px; padding: 20px; text-align: center; background: #fff; }

.sec-01> .thanks-area> .main-text{ font-weight: bold; font-size: 24px; }

.sec-01> .thanks-area> .sub-text{ margin: 20px auto; font-size: 14px; }

.sec-01> .thanks-area> .btn-red{ display: inline-block; width: 290px; height: 50px; color: #fff; font-size: 18px; line-height: 2.777777778; border-radius: 6px; }

@media screen and (max-width: 640px){ .sec-01{ width: 93.75vw; margin: 3.125vw auto 0 auto; padding: 3.125vw 3.125vw 9.375vw 3.125vw; }
.sec-01> .sub-title{ font-size: 3.4375vw; }
.sec-01> .form-head{ margin: 5.46875vw auto 10.15625vw auto; }
.sec-01> .form-head> .form-title{ font-size: 3.4375vw; }
.sec-01> .form-head> .form-note{ padding: 1.5625vw; font-size: 3.125vw; }
.sec-01 .form-body{ position: relative; width: 87.5vw; margin: 3.125vw 3.125vw 0 3.125vw; }
.sec-01 .form-body> .name-area{ font-size: 3.4375vw; }
.sec-01 .required:before{ font-size: 3.4375vw; }
.sec-01 .form-foot{ margin-top: 9.375vw; }
.sec-01 .form-foot> .btn-confirm ,.sec-01 .form-foot> .btn-submit{ width: 100%; height: 15.625vw; font-size: 4.6875vw; }
.sec-01 .form-foot> .btn-back{ width: 100%; height: 15.625vw; margin-bottom: 3.125vw; font-size: 4.6875vw; }
.sec-01 input[name=name] ,.sec-01 input[name=kana]{ width: 100%; }
.sec-01 input[name=name]{ margin-right: 0; margin-bottom: 1.5625vw; }
.sec-01> .thanks-area{ margin-top: 3.125vw; padding: 3.125vw; }
.sec-01> .thanks-area> .main-text{ font-size: 4.0625vw; }
.sec-01> .thanks-area> .sub-text{ margin: 3.125vw auto; font-size: 3.125vw; }
.sec-01> .thanks-area> .btn-red{ width: 100%; height: 15.625vw; font-size: 4.6875vw; line-height: 3.333333333; } }