@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:contact.css */
/* creation date:2017年3月14日 */
/* last updated:2017年8月15日 */
.contact_tit {font-size:240%;
text-align:center;}
.contact_text {text-align:center;
margin-top:60px;}

.form {width:600px;
margin:40px auto 60px;
  background-color: rgba(255, 255, 255, 0.1);
   border-radius: 5px;
   border: 1px solid rgba(255, 255, 255, 0.4);
   color:#;
   padding:15px;
}
.form dl {padding:15px;
border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
 margin-bottom:20px;}
.send_button input[type="submit"] 
{width:200px;
padding:10px;
text-align:center;
margin:0 auto 40px;
 background-color: rgba(255, 255, 255, 0.1);
 -webkit-appearance:none;
   border-radius: 5px;
   border:none;
   border: 1px solid rgba(255, 255, 255, 0.4);
   color:#FFF;
   display:block;} 
.form input {width: 100%;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
textarea {
    border: 1px solid #cccccc !important;
    width: 100%!important;
}
.form_process  {
margin-top:40px;}
.form_process p {font-size:18px; }
.form_process .active {
    color:#FFF;
}
.form_process  .off {color:#666666;}
.contact3_form {margin-top:120px;
margin-bottom:160px;
}
/*.form_process ol:after {content: "";
display:block;
clear:both;}
.form_process li {float:left;}*/
/* 768px以上　PC表示 */
@media (min-width: 767px) {
.form dl:after {content: " ";
display:block;
clear:both;}
.form dt {width:200px;
float:left;}
.form dd {width:auto;
float:none;
margin-left:200px;
padding-left:20px;}
}

/* 767px以下 SP表示 */
@media (max-width: 767px) {
.form {width:90%;}	
.form dd {margin-top:1em;	
	}
.contact_text {text-align:left;
margin-top:20px;}
.form_process  {
margin-top:40px;}
.contact3_form {margin-top:40px;
margin-bottom:40px;
}
	}