@charset "UTF-8";

body {
	font-family: 'Noto Sans Japanese', sans-serif;/* フォントの指定 */
}

a {
	color: #DC143C;/* リンクテキストのカラー指定 */
	text-decoration: none;/* リンクテキストの装飾を行わない */
}

a:hover {
	color: #CCCCCC;/* マウスオーバーしたときの色 */
}

.frame {
	max-width :675px;/* コンテンツ最大幅 */
	margin: 10% auto;/* 余白上10%左右auto */
}

.top{	/* ヘッダー */
	margin: auto;
	padding-bottom: 70px;/* ヘッダーとメインリンク間の隙間 */
	display: flex;/* 画像と文字を横に並べる */
	align-items: center;/* 文字を画像縦中央に配置 */
}


.top .image{
	margin: 0 0 0 0px;
}	


.top .text{
	margin: 0 0 0 30px;/* ヘッダーのアイコンと文字間の隙間 */
}

.footer {
	max-width :675px;/* コンテンツ最大幅 */
	margin: 10% auto;/* 余白上10%左右auto */
}