@charset "utf-8";
/* CSS Document */
html, body {
	min-height: 100%;
}
a{
	color: #2C83D2;
}
a:hover{
	color: #4f96d7;
}
body{
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-family: sans-serif;
	font-size: 14px;
}
/* ヘッダ */
header{
	/*background-color: #ffB92a;*/
	background-color: #e6e6fa;
	background-image: url(../common/images/hg-bg-pattern.png);
	background-size: 50px 50px;
	border-bottom: #4b0082 5px solid;
}
.header-container{
	box-sizing:border-box;
	max-width: 900px;
	margin: 0 auto;
	padding: 10px 20px;
}
/* ロゴ */
header h1{
	margin: 0;
	text-indent: -9999px;
	background-image: url(../common/images/akashi-logo-pc.png);
	background-repeat: no-repeat;
	background-size: 307px 23px;
	width: 307px;
	height: 23px;
}
/* コンテンツ */
.contents{
	background-color: #fff;
}
.contents-container{
	box-sizing: border-box;
	max-width: 900px;
	margin: 0 auto;
	padding: 20px;
}
/*　フッター */
footer{
	background-color: #4b0082;
}
.footer-container{
	box-sizing: border-box;
	max-width: 900px;
	margin: 0 auto 0 auto;
	padding: 5px 20px;	
}
footer p{
	margin: 0;
	color: #fff;
	font-size: 0.8rem;
	text-align: center;
}
/* PCの時のみ */
@media (min-width: 768px){
	body{
		font-size: 16px;
	}
	/* ヘッダ */
	header{
		background-size: 50px 50px;
		border-bottom: #4b0082 5px solid;
	}
	.header-container{
		margin: 0 auto;
		padding: 20px 20px;
	}
	header h1{
		background-image: url(../common/images/akashi-logo-pc.png);
		background-size: 432px 29px;
		width: 432px;
		height: 29px;
	}
	.contents-container{
		padding: 40px;
	}
	.footer-container{
		padding: 10px;	
	}
}