@charset "utf-8";

body{
background-color: #F0F0F0;/* 背景色 */
background-image: url("../img_base/bg1.png");/* 背景柄 */
}

.header {
background: #660000;/* メイン色 */
border-top:5px solid #FFA500;/* サブ色 */
border-bottom:4px solid #FFA500;/* サブ色 */
}

.header h1 {
color:#FFFFFF;/* タイトル文字色 */
}

.header h1 a {
color:#FFFFFF;/* タイトル文字色 */
}

.header h1 a:visited {
color:#FFFFFF;/* タイトル文字色 */
}

.header h1 a:hover {
color:#FFFFFF;/* タイトル文字色 */
}

h2 {
border-bottom:2px solid #FFA500;/* サブ色 */
}

h2:before {
content: "\f0a4";/* H2アイコン */
color: #660000;/* アイコン色 */
}

h3:before {
content: "\f138";/* H3アイコン */
color: #660000;/* アイコン色 */
}

.footer {
border-top:2px solid #FFA500;/* サブ色 */
}


/* スマホ用CSS 開始 */
@media screen and (max-width:919px){

	.base {
	border:#660000 solid 2px;/* メイン色 */
	}
	h2 {
	padding-left:30px;/* H2アイコン 無しは5px */
	}
	h3 {
	padding-left:25px;/* H3アイコン 無しは5px */
	}

}

/* PC・タブレット用CSS 開始 */
@media screen and (min-width: 920px) {

	.base {
	border:#660000 solid 5px;/* メイン色 */
	}
	.header h1:before {
	content:"\f15c";/* H1アイコン */
	color:#FFFFFF;/* タイトル文字色 */
	}
	h2 {
	padding-left:55px;/* H2アイコン 無しは5px */
	}
	h3 {
	padding-left:40px;/* H3アイコン 無しは5px */
	}

}