@charset "utf-8";
/* CSS Document */

/*　フォームスタイル　*/

/* パソコンで見たときは"pc"のclassがついた方が表示される */
.cont_pc { display: inline-block!important; vertical-align: top; margin: 11px 20px 0px 0px; }
.cont_sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた方が表示される */
@media screen and (max-width: 768px) {
.cont_pc { display: none !important; }
.cont_sp { display: inline-block!important; margin: 0px 0px 0px 8px; }
}
.mr30 { margin-right: 20px !important; }

/*   input select textarea   */
.contact_waku input,
.contact_waku select,
.contact_waku textarea {
padding: 16px 9px 16px 13px;
font-size: 1.6rem;
color: #180d0a;
border: solid 2px #dbdbdb;
margin: 0px;
border-radius: 5px;
background: #fff;
}
.contact_waku input:hover,
.contact_waku select:hover,
.contact_waku textarea:hover,
.contact_waku input:focus,
.contact_waku select:focus,
.contact_waku textarea:focus {
background: #ffffdd;
border: 2px solid #506d53;
}
@media screen and (min-width: 961px) {
  .contact_waku input,
  .contact_waku select,
  .contact_waku textarea {
  padding: 20px 9px 20px 15px;
  font-size: 2.0rem;
  font-weight: 400;
  }
}
dl.contact_waku {
margin: 0px auto 10px;
padding: 0px;
width: 100%;
max-width: 690px;
font-size: 1.5rem;
}
dl.contact_waku i {
padding: 0px 5px 0px 4px;
}
/* dt */
.contact_waku dt.title {
width: 100%;
padding: 10px 10px 6px 0px;
font-size: 1.7rem;
font-weight: 500;
}
/* dd */
.contact_waku dd.type {
width: 100%;
font-size: 1.6rem;
}
@media (min-width: 961px) {
  .cont_cont {
  margin: 0px auto 70px;
  padding-bottom: 60px;
  width: 90%;
  max-width: 900px;
  background: #fff;
  border-radius: 5px;
  }
  dl.contact_waku i {
  padding: 0px 7px 0px 6px;
  }
  .contact_waku dt.title {
  padding: 25px 20px 10px 0px;
  font-size: 2.1rem;
  }
  .contact_waku textarea {
  height: 180px;
  }
}
.contact_waku .sure {
display: inline-block;
margin-left: 3px;
color: #fd404e;
font-size: 1.8rem;
font-weight: 500;
}

/* input size */
.width_01 {
width: 100%;
}
.width_02 {
width: 100%;
height: 150px;
}
@media (min-width: 961px) {

}

/*　バナースタイル　*/

.bn_comfirm {
margin: 10px 0px 15px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
height: 70px;
font-size: 2.5rem;
font-weight: 500;
color: #180d0a;
transition: all 1s ease-out;
cursor: pointer;
background: #ffea21;
border-radius: 5px;
letter-spacing: 0.08em;
}
@media (min-width: 961px) {
  .bn_comfirm {
  margin: 30px 0px 0px;
  height: 85px;
  max-width: 350px;
  font-size: 2.6rem;
  letter-spacing: 0.1em;
  }
}
.bn_comfirm:hover {
color: #fff;
background: #180d0a;
}
.bn_send,
.bn_cancel {
margin: 30px 0px 0px 0px;
width: 210px;
height: 60px;
font-size: 2.0rem;
font-weight: 500;
cursor: pointer;
background: #ffea21;
border: 1px solid #ffea21;
border-radius: 5px;
}
.bn_cancel {
margin: 20px 0px 10px 0px;
background: #fff;
border: 1px solid #acacac;
}
.bn_send:hover {
color: #fff;
background: #333;
border: 1px solid #333;
}
.bn_cancel:hover {
color: #fff;
background: #333;
}
@media (min-width: 961px) {
  .bn_send {
  margin: 50px 40px 0px 0px;
  font-size: 2.2rem;
  }
  .bn_cancel {
  margin: 50px 0px 0px;
  font-size: 2.2rem;
  }
}

/*　確認画面-スタイル上書き　*/

#formWrap h3 {
display: none;
}
.comfirm_txt {
text-align: center;
padding: 0px 15px 20px;
font-size: 1.7rem;
}
table.formTable {
border: solid 2px #cecece;
width: 90%;
max-width: 840px;
margin: 0px auto;
border-radius: 5px;
border-spacing: 0; /* tableタグを角丸にする */
border-collapse: separate; /* tableタグを角丸にする */
overflow: hidden; /* tableタグを角丸にする */
}
table.formTable tr th {
text-align: left;
font-size:1.9rem;
font-weight: 500;
border-right: solid 2px #cecece;
border-bottom: solid 2px #fff;
padding: 15px 10px 15px 15px;
background: #e3b176;
}
table.formTable tr td {
text-align: left;
font-size:1.9rem;
font-weight: 400;
border-bottom: solid 2px #cecece;
padding: 18px 10px 18px 15px;
}
table.formTable tr:last-of-type th,
table.formTable tr:last-of-type td { /* tableタグを角丸にする */
overflow: hidden;
}
table.formTable tr:last-of-type td  {
border-bottom: none;
}
div#mfp_phase_confirm {
clear: both;
}
div#mfp_phase_confirm h4 {
font-size: 2.0rem;
padding: 30px 0px 30px 0px;
text-align: center;
}
@media (max-width: 960px) {
  table.formTable tr th,
  table.formTable tr td {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  }
  table.formTable tr th {
  padding: 10px 10px 10px 15px;
  border-right: none;
  border-bottom: solid 2px #cecece;
  }
}
@media (min-width: 961px) {
  table.formTable tr th,
  table.formTable tr td {
  padding: 23px 10px 23px 25px;
  }
  table.formTable tr:last-of-type th,
  table.formTable tr:last-of-type td { /* tableタグを角丸にする */
  border-bottom: none;
  }
  .comfirm_txt {
  padding: 0px 0px 50px;
  font-size: 2.3rem;
  font-weight: 400;
  line-height: 160%;
  }
  table.formTable tr th {
  width: 30%;
  }
}
.mfp_thanks p {
margin: 160px 0px;
padding: 0px;
font-size: 2.3rem;
line-height: 200%;
font-weight: 400;
text-align: center;
}
@media screen and (max-width: 425px) {
  .mfp_thanks p {
  margin: 60px 50px;
  font-size: 1.8rem;
  line-height: 180%;
  }
}