@charset "utf-8";
/* =======================================

	CONTACT CSS

 -----------------------------------------
	INDEX
 -----------------------------------------

	=01.Purpose
	=02.Form
	=03.Thaks

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





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

	=01.Purpose
------------------------------------------------------------------------------------ */
#ContaContents #Purpose{
	margin-bottom:30px;
	padding:15px 0;
	text-align:left;
	border:1px solid #C8C9C9;
}

#ContaContents #Purpose dl{
	width:100%;
	padding:15px;
	margin-bottom:15px;
	border-bottom:1px solid #C8C9C9;
	text-align:left;
}

#ContaContents #Purpose dl dt{
	margin-bottom:15px;
	font-size:15px;
}

#ContaContents #Purpose dl dd{
	font-size:0.813em;
	line-height:1.5;
}

#ContaContents #Purpose p{
	font-size:0.813em;
	margin:0 0 10px 15px;
}

#ContaContents #Purpose ul{
	width:360px;
	margin-left:15px;
	overflow:hidden;
}

#ContaContents #Purpose ul li{
	width:180px;
	float:left;
	font-size:0.813em;
	padding:3px 0;
}
@media only screen and (max-width: 640px){
	#ContaContents #Purpose ul{
		width: auto;
	}
}


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

	=02.Form
------------------------------------------------------------------------------------ */

#ContaContents{}

#ContaContents h3{
	margin: 0 0 15px;
	padding: 5px 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #0070B6;
}
#ContaContents h3:before{
	font-family: fontAwesome;
	content: "\f0c8";
	margin-right: 5px;
}

#ContaContents p.btn{
	width:100%;
	margin-top:15px;
	text-align:center;
}

#ContaContents p.btn a{padding:0 10px;}

#ContaContents p.attention{
	width:980px;
	text-align:left;
	font-size:0.938em;
	margin-bottom:30px;
	line-height:1.5;
    padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
}

#ContaContents p.attention span{color:#FF0000;}

#ContaContents #Error{
	width:948px;
	padding:15px;
	border:1px solid #ff0000;
	color:#ff0000;
	font-size:0.938em;
	margin-bottom:30px;
}
@media only screen and (max-width: 640px){
	#ContaContents p.attention,
	#ContaContents #Error{
		width: auto;
	}
}

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

	=03.Thanks
------------------------------------------------------------------------------------ */
#ContaContents #Thanks{
	widtn:978px;
	margin-bottom:30px;
	padding:30px 15px;
	text-align:center;
	border:1px solid #C8C9C9;
	font-size:1.125em;
	line-height:2;
}
@media only screen and (max-width: 640px){
	#ContaContents #Thanks{
		width: auto;
	}
}