@charset "utf-8";

/*=============================

sp_contact

=============================*/
@media screen and (max-width: 767px)  {

#second_main_visual #second_main_visual_cont img { object-position:center right; }

#contact #contact_cont { border-radius:0; margin:0; padding:15px 15px; }
#contact #contact_cont .step {}
#contact #contact_cont .step img { height:auto; width:100%;  }

#contact #contact_cont .lead { font-size:85%; }


#contact #infoForm table td { padding:15px 0; }
#contact #infoForm table td input { -webkit-appearance: none; appearance:none; }
#contact #infoForm table td label { margin-right:0; padding-left:30px; position:relative; }
#contact #infoForm table td label:before { background-color:#fff; content:" "; position:absolute; border:1px solid #ddd; border-radius:50%; width:15px; height:15px; left:8px; top:50%; margin-top:-8px; }

#contact #infoForm table td input[type="radio"]:checked + label { background-color:#f6fcee; }
#contact #infoForm table td input[type="radio"]:checked + label:after { content:" "; background-color:#68b300; position:absolute; border:none; border-radius:50%; width:13px; height:13px; left:10px; top:50%; margin-top:-6px; }

#contact #infoForm table td textarea { border:1px solid #ddd; width:100%; -webkit-appearance: none; appearance: none; height:15vh; }

#contact #infoForm table td .input-error { background-color:#f8d7da; border:1px solid #f5c6cb; color:#721c24; flex:0 0 100%; padding:10px; border-radius:3px; }
#contact #infoForm table td .input-error span { color:#721c24; }

#privacy dl { padding:15px 20px; }

/*-------------------------------------------------------
confirm
-------------------------------------------------------*/
#contact.confirm #infoForm table th  { flex:0 0 100%; padding:15px; width:100%; }
#contact.confirm #infoForm table td { padding:20px 15px; }
#contact.confirm #privacy { margin:0 auto; }

.btn {}
.btn ul { display:flex;flex-wrap:wrap; justify-content:center; }
.btn ul li {}
.btn ul li.back { margin-top:30px; order:2; }

/*-------------------------------------------------------
thanks
-------------------------------------------------------*/
.thanks { background-image:none; min-width:100%; min-height:100%; justify-content:center; }

#contact.thanks #contact_cont .lead { margin-top:45px; }
.thanks .thanks_cont #logo { margin-top:45px; justify-content:center; }
.thanks .thanks_cont #logo a { padding-left:60px; }
.thanks .thanks_cont #logo a:before { background-size:48px 48px; height:48px; width:48px; top:3px; }
.thanks .thanks_cont #logo a h3 span { font-size:79%; }
.thanks .thanks_cont #logo a img { width:100px; }

}