@charset "UTF-8";

/* contact 
/*------------------------------------------------------------*/
.contact_box .side_contact, .contact_box #ft_contact { display: none; }

#contact {
  font-size: 16px;
  padding: 80px 0 100px 0;
}
#contact .form_comment {
text-align: center;
    line-height: 30px;
}

#contact .form_list {
  margin: 80px auto 60px;
  width: 1000px;
}

#contact .mb10 { margin-bottom: 60px ; }

#contact .form_list dl {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px #a2a2a2 dotted;
  overflow: hidden;
}

#contact .form_list dl:first-child {
border-top: 1px #a2a2a2 dotted;
padding-top: 25px;
}

#contact .form_list dt {
  line-height: 42px;
  margin: 0;
  width: 300px;
  float: left;
}

#contact .form_list dt span, #contact .form_comment span, #contact .form_list .zip_auto {
  font-size: 14px;
  color: #fff;
  line-height: 21px;
  text-align: center;
  margin: 10px 20px 0 0;
  margin-left: 7px;
  padding: 1px 8px;
  width: 47px;
  background-color: #e06570;
  float: right;
}
#contact .form_comment span {
float: none;
margin: 0 5px 0 0;
}
#contact .form_list .zip_auto {
float: none;
margin: 0 0 0 5px;
    padding: 4px 15px;
    border-radius: 3px;
}
#contact .form_list .zip_auto:hover {
  opacity: 0.5;
cursor:default ;
}

#contact .form_list a.zip_auto {

    text-decoration: none;
}

#contact .form_list dd {
  width: 640px;
  float: right;
}
#contact .form_list dd.co_text {
    line-height: 42px;
}
#contact .form_list dd.co_text input {
margin-top:0;
}

#contact .form_list dd p {
  font-size: 14px;
  color: #c31324;
  padding-top: 5px;
}

#contact .form_list .h1 { line-height: 30px; }

#contact .form_list dd .w1, #contact .form_list dd .w2, #contact .form_list dd .w3, #contact .form_list dd .w4, #contact .form_list dd .w5 {
  line-height: 40px;
  padding: 0 10px ;
  border: solid 1px #a9a9a9;
}
#contact .form_list dd .w1 { width: 210px; }
#contact .form_list dd .w2 {
width: 100%;
    line-height: 22px;
    height: 200px;
    padding-top: 10px;
font-size: 16px;
    font-family: ' メイリオ', Meiryo, " ヒラギノ角ゴPro W3", "Hiragino Ka ku Got hic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helv etica, Verdana, sans-serif;
}
#contact .form_list dd .w3 { width: 300px; margin-left: 0; }
#contact .form_list dd .w4 { width: 100%; }
#contact .form_list dd .w5 { width: 90px; }

#contact .form_list .zip_box { padding-top: 15px; }
#contact .form_list .zip_box2 { height: 40px ; width: 160px; margin: 0; }

#contact input.ml10 { margin-left:10px; }

#contact .privacy_text {
    line-height: 30px;
}
#contact a.a_text {
    text-decoration: underline;
    color: #f21f31;
}

#contact .fss {
font-size: 12px;
    padding-bottom: 30px;
    display: block;
}

input:focus, textarea:focus { outline: solid 1px #87a5f1; }
#contact .t_a_c { text-align: center; }

#contact .t_a_c .confirmation {
  border-radius: 3px;
  font-family: ' メイリオ', Meiryo, " ヒラギノ角ゴPro W3", "Hiragino Ka ku Got hic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helv etica, Verdana, sans-serif;
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding: 23px 0;
  border: none;
  width: 300px;
  background: url(../../img/arrow02.png) no-repeat 280px center #f21f31;
}

#contact .t_a_c .reset {
  border-radius: 3px;
  font-family: ' メイリオ', Meiryo, " ヒラギノ角ゴPro W3", "Hiragino Ka ku Got hic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helv etica, Verdana, sans-serif;
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding: 23px 0;
  border: none;
  width: 300px;
  background: url(../../img/arrow03.png) no-repeat 14px center #c4c6c7;
margin-right: 15px;
}

input.confirmation:hover, input.reset:hover {
  opacity: 0.5;
  color: #3e3426;
cursor:pointer ;
}

#contact .thanks {
  color: #030b37;
  text-align: center;
  padding: 60px 0;
}

#contact h3 { padding-bottom: 30px; }

#contact .pc_none { display: none; }

#contact .thanks p {
  font-size: 16px;
  line-height: 29px;
  padding-bottom: 62px;
}

#contact a.btn_back {
border-radius: 3px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 23px 84px;
    background: url(../../img/arrow03.png) no-repeat 14px center #c4c6c7;
}

#contact a.btn_back:hover {
text-decoration: none;
}