@charset "UTF-8";
/*  #mainImg
================================================ */
#mainImg { height: 150px; }

@media screen and (min-width: 600px) { #mainImg { height: 200px; } }

#form { background: #333; }

#form .inner { padding-top: 50px; padding-bottom: 70px; }

@media screen and (min-width: 600px) { #form .inner { padding-top: 100px; padding-bottom: 120px; } }

#secContact { background: #fff; padding: 40px 25px; color: #222; text-align: center; }

#secContact .tit { width: 198px; margin: auto; }

#secContact .txt { margin-top: 25px; }

#secContact .btn { margin-top: 25px; padding: 25px 15px 35px; background: #f5f5f5; }

#secContact .btn a { position: relative; display: inline-block; padding-left: 28px; text-decoration: none; font-size: 2.7rem; font-weight: 700; line-height: 1.2; }

#secContact .btn a:before { content: ''; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 18px; height: 24px; background: url(../img/common/ico_tel01_black.png) no-repeat; background-size: contain; }

#secContact .btn .txt { margin-top: 2px; padding: 2px 0; font-size: 1.4rem; letter-spacing: .06em; line-height: 1.2; }

#secContact .btn .txt span { position: relative; top: 3px; display: inline-block; margin: 0 5px 0 0; padding: 4px 10px; border: 1px solid #c4c4c4; font-size: 1.2rem; }

@media screen and (min-width: 600px) { #secContact { padding: 80px 310px; }
  #secContact .tit { width: 550px; }
  #secContact .txt { margin-top: 43px; font-size: 1.8rem; }
  #secContact .btn { margin-top: 25px; padding: 25px 20px 37px; }
  #secContact .btn a { padding-left: 40px; font-size: 4rem; }
  #secContact .btn a:before { width: 22px; height: 32px; }
  #secContact .btn .txt { margin-top: 6px; font-size: 1.5rem; }
  #secContact .btn .txt span { top: 5px; margin: 0 15px 0 0; padding: 5px 15px; font-size: 1.3rem; } }

#secForm { margin-top: 15px; padding: 35px 25px 0; background: #fff; color: #222; }

#secForm .secFormTit { width: 197px; margin: auto; }

#secForm .table { margin-top: 25px; }

#secForm th { position: relative; overflow: hidden; font-weight: 700; }

#secForm td { padding: 15px 0 25px 0; }

#secForm .tag { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; padding: 4px 7px; font-size: 1.1rem; line-height: 1; }

#secForm .tag.required { background: #222; color: #fff; }

#secForm .tag.optional { background: #fff; color: #222; border: 1px solid #dedede; }

#secForm input, #secForm button, #secForm textarea, #secForm select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: none; border-radius: 0; box-sizing: border-box; }

#secForm select::-ms-expand { display: none; }

#secForm input[type="checkbox"] { display: none; }

#secForm input[type="text"], #secForm input[type="email"], #secForm textarea { width: 100%; height: 45px; padding: 10px; border: 1px solid #dedede; }

#secForm textarea { height: 120px; }

#secForm .address .ico { display: inline-block; padding: 10px 5px 10px 0; }

#secForm .address input[type="text"]:nth-of-type(1) { position: relative; box-sizing: border-box; width: 140px; margin-right: 2px; }

#secForm .address input[type="text"]:nth-of-type(3) { margin-top: 13px; }

#secForm .address input[type="button"] { margin-top: 5px; height: 45px; padding: 10px 13px; background: #999; color: #fff; cursor: pointer; }

#secForm .address select { display: block; margin-top: 15px; height: 45px; padding: 10px 42px 10px 15px; border: 1px solid #dedede; cursor: pointer; background: url(../img/contact/ico_arw01.png) no-repeat; background-size: 25px 6px; background-position: right center; }

#secForm .privacy { margin: 10px 0 40px; padding: 35px 20px; border: 1px solid #dedede; }

#secForm .privacy .tit { text-align: left; }

#secForm .privacy .txt { margin-top: 13px; }

#secForm .agreeWrap { margin: 0 -25px; padding-top: 40px; color: #fff; background: #333; text-align: center; }

#secForm .agreeWrap .agree label { display: inline-block; }

#secForm .agreeWrap .agree label span { position: relative; padding-left: 35px; }

#secForm .agreeWrap .agree label span:before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 25px; height: 25px; border: 2px solid #bebebe; }

#secForm .agreeWrap .agree input[type="checkbox"]:checked + span:after { content: ''; position: absolute; left: 8px; top: 4px; width: 10px; height: 7px; border: solid #fff; border-width: 0 0 2px 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

#secForm .agreeWrap button { position: relative; width: 280px; margin: 20px auto 0; color: #fff; padding: 12px; border: 1px solid #979797; cursor: pointer; background: transparent; font-size: 1.5rem; }

#secForm .agreeWrap button:before { content: ''; position: absolute; right: 10px; top: 50%; width: 22px; height: 6px; margin-top: -3px; background: url(../img/common/ico_arw01.png) no-repeat; background-size: contain; }

#secForm .agreeWrap button[name="submitBack"]:before { left: 10px; right: auto; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

@media screen and (min-width: 600px) { #secForm { margin-top: 30px; padding: 80px 80px 0; }
  #secForm .secFormTit { width: 289px; }
  #secForm .table { margin-top: 50px; border-bottom: 1px solid #dedede; }
  #secForm th { width: 300px; padding: 40px 30px 30px; }
  #secForm th:after { content: none; }
  #secForm td { position: relative; padding: 30px; }
  #secForm td:before { position: absolute; top: 0; bottom: 0; left: 0; content: ""; display: block; width: 1px; margin: 20px 0 22px; background: #dedede; }
  #secForm .tag { top: 55px; right: 30px; display: inline-block; padding: 5px 12px; font-size: 1.2rem; }
  #secForm input[type="text"], #secForm input[type="email"], #secForm textarea { height: 50px; padding: 15px; border: none; background: #f5f5f5; }
  #secForm textarea { height: 205px; }
  #secForm .address .ico { display: inline-block; padding: 15px 15px 15px 0; }
  #secForm .address input[type="text"]:nth-of-type(1) { position: relative; width: 200px; margin-right: 10px; }
  #secForm .address input[type="text"]:nth-of-type(3) { margin-top: 15px; }
  #secForm .address input[type="button"] { height: 50px; padding: 10px 25px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #secForm .address input[type="button"]:hover { background: #222; }
  #secForm .address select { margin-top: 15px; width: 270px; height: 50px; padding: 10px 42px 10px 15px; border: none; cursor: pointer; background-color: #f5f5f5; }
  #secForm .privacy { margin: 60px 0 80px; padding: 60px 80px; }
  #secForm .privacy .tit { width: 410px; margin: auto; }
  #secForm .privacy .txt { margin-top: 30px; }
  #secForm .agreeWrap { margin: 0 -80px; padding-top: 60px; color: #fff; }
  #secForm .agreeWrap .agree label span { padding-left: 40px; }
  #secForm .agreeWrap .agree input[type="checkbox"]:checked + span:after { left: 8px; top: 3px; width: 11px; height: 8px; border-width: 0 0 3px 3px; }
  #secForm .agreeWrap button { box-sizing: border-box; width: 330px; margin: 28px auto 0; padding: 25px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #secForm .agreeWrap button:before { right: 22px; width: 22px; height: 7px; }
  #secForm .agreeWrap button:hover { background: #222; }
  #secForm .agreeWrap button[name="submitBack"] { margin-right: 20px; }
  #secForm .agreeWrap button[name="submitBack"]:before { left: 22px; } }

/*  確認画面
================================================ */
.mw_wp_form_confirm .address input[type="button"] { display: none; }

.mw_wp_form_confirm #secForm .address .ico { padding: 0; }

.mw_wp_form_confirm #secForm th, .mw_wp_form_confirm #secForm td { vertical-align: middle; }

@media screen and (min-width: 600px) { .mw_wp_form_confirm #secForm th { padding-top: 30px; } }

@media screen and (min-width: 600px) { .mw_wp_form_confirm #secForm .tag { top: 44px; } }

.mw_wp_form_confirm #secForm .agree { display: none; }

/*  完了画面
================================================ */
.mw_wp_form_complete { margin-top: 30px; }

@media screen and (min-width: 600px) { .mw_wp_form_complete { text-align: center; }
  .mw_wp_form_complete .btn { margin-right: auto; margin-left: auto; } }