/* =========================================
   ブログ記事本文の基本装飾
========================================= */
.blog_text{
	display: flow-root;
}
/* 太字を復活させる */
.blog_text b,
.blog_text strong {
    font-weight: bold; /* または 700 など */
}

/* イタリック（斜体）を復活させる */
.blog_text i,
.blog_text em {
    font-style: italic;
}

/* リンクのアンダーラインと標準的な色を復活させる */
.blog_text a {
    text-decoration: underline;
    color: #0056b3; /* お好みのリンク色に変更してください */
}

/* リンクにマウスを重ねた時のアクション（お好みで） */
.blog_text a:hover {
    text-decoration: none; /* マウスオーバーでアンダーラインを消す */
    opacity: 0.8;
}
.blog_text h2 {
	font-size:25px;
	padding-left:25px;
	margin-bottom:15px;
	font-weight:bold;
	line-height:1.3;
	position:relative;
	text-align:left;
}
.blog_text h2::before {
	background:#2cdb42;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:15px;
	content:"";
}
.blog_text h3 {
	font-size:25px;
	margin-bottom:15px;
	font-weight:bold;
	line-height:1.3;
	position:relative;
	text-align:left;
}
.blog_text h4 {
	font-size:20px;
	margin-bottom:10px;
	font-weight:bold;
	line-height:1.3;
	position:relative;
	text-align:left;
}
@media screen and (max-width: 768px) {
.blog_text h2 {
	font-size:20px;
	padding-left:25px;
	margin-bottom:15px;
	font-weight:bold;
	line-height:1.3;
	position:relative;
	text-align:left;
}
.blog_text h2::before {
	background:#2cdb42;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:15px;
	content:"";
}
.blog_text h3 {
	font-size:20px;
	margin-bottom:15px;
	font-weight:bold;
	line-height:1.3;
	position:relative;
	text-align:left;
}
.blog_text h4 {
	font-size:17px;
	margin-bottom:10px;
	font-weight:bold;
	line-height:1.3;
	position:relative;
	text-align:left;
}
}