@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 SITE
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==========================================
 利用規約のスタイル
===========================================*/
#kiyaku-area {
	width: 800px;
	padding: 0 0 10%;
	margin: 0 auto;
}
#kiyaku-area dl {
	line-height: 1.6;
}
#kiyaku-area dt {
	font-size: 18px;
	color: #084056;
}
#kiyaku-area dd {
	margin: 0 0 2em;
}

/*==========================================
 プライバシーポリシーのスタイル
===========================================*/
#privacy-area {
	width: 800px;
	margin: 0 auto;
	padding: 0 0 10%;
	line-height: 1.6;
}
#privacy-area p,
#privacy-area ul {
	margin: 0 0 1em;
}
#privacy-area ul li {
	padding-left: 1em;
    text-indent: -1em;
}

/*==========================================
 エラーページのスタイル
===========================================*/
#error-area {
	width: 800px;
	margin: 0 auto;
	padding: 0 0 10%;
	line-height: 1.6;
}
#error-area p {
	margin: 30px 0;
}

#error-area a:visited {
	color: #084056;
	text-decoration: underline;
}
/*==========================================
 特定商取引法に基づく表記のスタイル
===========================================*/
#attention-area {
	width: 800px;
	margin: 0 auto;
	padding: 0 0 10%;
	line-height: 1.6;
}
#attention-area dl {
	border-top: solid 1px #CCC;
}
#attention-area dl dt {
	padding: 1em 0 1em 1em;
	float: left;
	color: #084056;
}
#attention-area dl dd {
	padding: 1em 0 1em 12em;
	border-bottom: solid 1px #CCC;
}
/* PC向けレイアウトの指定：981px以上では固定レイアウト */
@media only screen and (max-width: 767px) {
/*==========================================
 利用規約のスタイル
===========================================*/
	#kiyaku-area {
		width: 94%;
	}
	#kiyaku-area dl {
		line-height: 1.6;
	}
	#kiyaku-area dt {
		font-size: 18px;
		color: #084056;
	}
	#kiyaku-area dd {
		margin: 0 0 2em;
	}

/*==========================================
 プライバシーポリシーのスタイル
===========================================*/
	#privacy-area {
		width: 94%;
	}

/*==========================================
 エラーページのスタイル
===========================================*/
	#error-area {
		width: 94%;
	}


/*==========================================
 特定商取引法に基づく表記のスタイル
===========================================*/
	#attention-area {
		width: 100%;
	}
	#attention-area dl dt {
		padding: 1em 1em 0;
		float: none;
	}
	#attention-area dl dd {
		padding: 1em;
	}
}