@charset "UTF-8";

/************************************************************
CONTACT CONTENTS
************************************************************/

/***************************CONTACT*PC*/

.item	{
  display:	inline-block;
	*display:	inline;
	*zoom:	1;
	margin-left:	10%;
	width:	120px;
	color:	#666666;
	font-size:	14px;
	line-height:	1.4;
	vertical-align:	middle;
}

.required	{
  display:	inline-block;
	*display:	inline;
	*zoom:	1;
	width:	80px;
	color:	#666666;
	font-size:	14px;
	line-height:	1.4;
	vertical-align:	middle;
}

.required .required_mark	{
  display:	inline-block;
	*display:	inline;
	*zoom:	1;
	padding:	3px 6px;
	color:	#ffffff;
	border-radius:	3px;
	background:	#ff9999;
	font-size:	12px;
	line-height:	1;
}

.input	{
  display:	inline-block;
	*display:	inline;
	*zoom:	1;
	margin-right:	10%;
	width:	calc(80% - 200px);
	color:	#666666;
	font-size:	14px;
	line-height:	1.4;
	vertical-align:	middle;
}

form input[type=text],
textarea	{
	margin-right:3px;
	padding:5px;
	color:	#666666;
	border:1px solid #cccccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-size:14px;
	line-height:1.4;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; 
}

form input[type=text].name,
form input[type=text].mail,
form input[type=text].tel	{
	width:	100%;
	max-width:	300px;
}

form input[type=text].address	{
	width:	100%;
	max-width:	500px;
}

textarea	{
	width:	100%;
	max-width:	500px;
	height:	8em;
}

.line	{
	margin:	30px	auto;
	width:	90%;
	height:	1px;
	border:	1px dotted	#cccccc;
}

.submit	{
	width:	100%;
	text-align:	center;
}

form button[type=submit].submit{
	display:	inline;
	padding:	10px 10px;
	width: 120px;
	color:	#ffffff;
	border-radius:	10px;
	border:	3px solid #cccccc;
	background:	#ff0000;
	font-size:	14px;
	font-family:	FontAwesome;
	line-height:	1;
	cursor:	pointer;
}

form button.return{
	display:	inline;
	margin-right:	20px;
	padding:	10px 10px;
	width: 120px;
	color:	#ffffff;
	border-radius:	10px;
	border:	3px solid #cccccc;
	background:	#0000ff;
	font-size:	14px;
	font-family:	FontAwesome;
	line-height:	1;
	cursor:	pointer;
}

.error ul	{
	margin-top:	20px;
}

.error ul li	{
	list-style-position:	outside;
	margin-left: 1.5em;
	color:	#ff0000;
	font-size:	14px;
	line-height:	1.4;
}

/*************CONTACT*TB*/

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

}


/*************CONTACT*SP*/

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

.item	{
				margin-left:	0;
}

.input	{
  			display:	block;
				margin-top:	10px;
				width:	100%;
}

form input[type=text].name,
form input[type=text].mail,
form input[type=text].tel	{
				max-width:	100%;
}

form input[type=text].address	{
				max-width:	100%;
}

textarea	{
				max-width:	100%;
}

.line	{
				margin:	10px	auto;
				width:	100%;
}

}