@charset "UTF-8";

#contact_container{
	width:1000px;
	text-align:center;
	color:#41565c;
}

#contact_contents{
	display:none;
	width:1000px;
	text-align:left;
}


#contact_form {
	width:600px;
	margin-left:200px;
	color:#41565c;
}

#contact_form form {
	margin:0px auto;
}

#contact_form .clear {
	clear:both;
	margin:0px 0px 0px 0px;
	display:block;
}


#contact_form #name_label{
	margin:0px 0px 5px 0px;
	display:block;
	text-align:left;
	clear:both;
}
#contact_form #name_label span{
	margin:0px;
	font-size:75%;
	margin-left:10px;
}
#contact_form #name{
	display:block;
    width:592px;
	margin:0px 0px 0px 0px; 
    border: 0px;
}
#contact_form #name_error{
	font-size:75%;
	margin:3px 0px 0px 0px;
	display:block;
	text-align:right;
}


#contact_form #email_label{
	margin:0px 0px 5px 0px;
	display:block;
	text-align:left;
	clear:both;
}
#contact_form #email_label span{
	margin:0px;
	font-size:75%;
	margin-left:10px;
}
#contact_form #email{
	display:block;
    width:592px;
	margin:0px 0px 0px 0px; 
    border: 0px;
}
#contact_form #email_error{
	font-size:75%;
	margin:3px 0px 0px 0px;
	display:block;
	text-align:right;
}


#contact_form #message_label{
	margin:0px 0px 5px 0px;
	display:block;
	text-align:left;
	clear:both;
}
#contact_form #message_label span{
	margin:0px;
	font-size:75%;
	margin-left:10px;
}
#contact_form #message{
	display:block;
    width:592px;
	margin:0px 0px 0px 0px; 
    border: 0px;
}
#contact_form #message_error{
	font-size:75%;
	margin:3px 0px 0px 0px;
	display:block;
	text-align:right;
}


#contact_form #send_message{
	display:block;
	width:600px;
}

#contact_form #send_message p{
	margin:20px 0px 0px 0px;
	display:block;
}


/*----------スマホ用の記述----------------*/

@media screen and (max-width:480px) {

#contact_container{
	width:100%
}

#contact_contents{
	width:100%
}
    
#contact_form {
    width:calc(100%*(800/1000));
    margin-left:100px;
}
    
#contact_form #name{
    width:calc(100%*(592/1000));
}
    
#contact_form #email{
    width:calc(100%*(592/1000));
}
    
#contact_form #message{
    width:calc(100%*(592/1000));
}
    
#contact_form #send_message{
	width:calc(100%*(600/1000));
}

}