@charset "utf-8";

/*--見出し--*/
.ContentMain h2,
.common-post h2{
font-size: 1.5em;/* フォントサイズ */
font-weight: bold;/* フォント太さ */   
padding-top: .5em;
padding-bottom: .5em;
margin-bottom: 2em;
border-bottom: double 5px #306A93;/* 線 */
color:#306A93 !important;/* フォント色 */
}
@media screen and (max-width: 599px) {
	.common-post h2{
		margin-bottom: 1em;
	}
}
.ContentMain h3,
.common-post h3{
font-size: 1.2em;/* フォントサイズ */
font-weight: bold;/* フォント太さ */
padding-top: .5em;
padding-bottom: .5em;
padding-left: .5em;
margin-bottom: 2em;
background-color: #ebf4f6;/* 背景色 */
border-left: 5px solid #306A93;/* 左の線 */
border-bottom: 2px solid #cccccc;/* 下の線 */
color: #306A93;/* フォント色 */
}
@media screen and (max-width: 599px) {
	.common-post h3{
		margin-bottom: 1em;
	}
}
.ContentMain h4,
.common-post h4{
font-size: 1.2em;/* フォントサイズ */
font-weight: bold;/* フォント太さ */
padding-top: .5em;
padding-bottom: .5em;
margin-bottom: 2em;
position: relative;
border-bottom: solid 3px #e3e3e2;/* 線 */
color: #306A93;/* フォント色 */
}
@media screen and (max-width: 599px) {
	.common-post h4{
		margin-bottom: 1em;
	}
}

.ContentMain h5,
.common-post h5{
font-size: 1.1em;/* フォントサイズ */
font-weight: bold;/* フォント太さ */
padding-top: .5em;
padding-bottom: .5em;
padding-left: 1.4em;
margin-bottom: 2em;
position: relative;
line-height: 1.4;
color:#306A93;/*フォント色*/
}

.ContentMain h5:before {
	position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f00c";
font-weight: 900;
font-size: 1em;
left: 0;
top: 0.5em;
color: #306A93;
}
.common-post h5:before {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f00c";
font-weight: 900;
font-size: 1em;
left: 0;
top: 0.5em;
color: #306A93;
}
@media screen and (max-width: 599px) {
	.ContentMain h5
	.common-post h5{
		margin-bottom: 1em;
	}
}
.ContentMain h6,
.common-post h6{
font-size: 1.1em;/* フォントサイズ */
font-weight: bold;/* フォント太さ */
padding: .5em .7em;
margin-bottom: 2em;
position: relative;
background-color: #e0ebe2;/* 背景色 */
border-left: solid 2em #306A93;/* 線 */
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);/* 影 */
color: #306A93;/* フォント色 */
}

.ContentMain h6:before {
	position: absolute;
	content: "\f303";
	font-family: "Font Awesome 5 Free";
	padding: 0em;
	font-weight: 900;
	left: -1.5em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #ffffff;
	}
.common-post h6:before {
position: absolute;
content: "\f303";
font-family: "Font Awesome 5 Free";
padding: 0em;
font-weight: 900;
left: -1.5em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #ffffff;
}
@media screen and (max-width: 599px) {
	.ContentMain h6,
	.common-post h6{
		margin-bottom: 1em;
	}
}

.ContentMain p,
.common-post p {
	font-size: 16px;
		padding: 0 .2%;
	margin-bottom: 2em;
}
@media screen and (max-width: 599px) {
	.ContentMain p,
	.common-post p{
		margin-bottom: 1em;
	}
}

.ContentMain a,
.common-post a {
	display: block;
	text-decoration: none;
	color: #0057ce;
}