h2.h2_style{
	margin: 0 20px 30px;
	padding: 90px 0 0;
	position: relative;
	text-align:left;

font-weight: bold;
font-size: 32px;
line-height: 1.3;
color: #222;
}

h2.h2_style span{
	margin: 5px 0 0;
	padding: 0 0 0;
	position: relative;

	display:block;
	vertical-align:middle;


font-weight: normal;
font-size: 15px;
letter-spacing: 0.03em;
line-height: 1.5;
color: #222;
}

h2.h2_style small{
	margin: 0 10px 10px;
	padding: 0 0 0;
	position: relative;

	display:inline-block;
	vertical-align:middle;

font-weight: normal;
font-size: 26px;
letter-spacing: normal;
line-height: 1.5;
color: #999;
}




.h3_wrap{
	min-width: auto;
	min-height:auto;
	margin: 0 auto;
	padding: 20px 25px 20px 25px;
	position:relative;
	text-align:center;
	background-color:#f2f4f5;
}


.h3_block{
	min-width: auto;
	max-width: auto;
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:left;
}

h3.h3_txt{
	margin: 0 -25px;
	padding: 0 0;
	position:relative;
	font-weight: bold;
font-weight: normal;
font-size: 16px;
line-height: 32px;
text-align: center;
color: #2b2e31;
}



.cat_link{
	margin: 0 0 0;
	padding: 0 0 0;
	position:relative;
	display:block;
	vertical-align:top;
}

.cat_link .cat_item{
	margin: 0 0 0;
	padding: 0 0;
	position:relative;

}

.cat_link div strong{
	margin: 0 0 0 0;
	padding: 0 0;
	position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.03em;
line-height: 32px;
text-align: left;
color: #2b2e31;
width:auto;
display:block;
vertical-align:top;
white-space:nowrap;

}

.cat_link div a{
font-weight: normal;
font-size: 13px;
letter-spacing: 0.03em;
line-height: 24px;
text-align: left;
color: #2b2e31;
}


.blog_title{
	margin: 0 0;
	padding: 0 0;
	position:relative;
	text-align:cneter;
	display: flex;
	align-items:center;
	justify-content:flex-start;
	flex-wrap: wrap;
}

.blog_title .blog_cat{
	margin: 0 0;
	padding: 0 0;

font-weight: bold;
text-decoration: underline;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: left;
color: #222;

}

.blog_title .blog_date{
	margin: 0 20px 0 0;
	padding: 0 0;

font-weight: bold;
text-decoration: underline;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 30px;
text-align: left;
color: #222;
}

.blog_title .blog_tit{
	margin: 0 0 0 0px;
	padding: 0 0;

font-weight: normal;
font-size: 16px;
line-height: 32px;
text-align: left;
color: #2b2e31;
}


#document{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 0;
	position: relative;
	text-align:center;
	overflow: hidden;
}

.blog_page_wrap{
	margin: 0 auto;
	padding: 0 0 50px;
	position:relative;
	text-align:center;
	background-color:#fff;
}

.blog_page_area{
	min-width: auto;
	max-width: auto;
	margin: 0 auto ;
	padding: 0 0;
	position:relative;
	text-align:center;
}




ul.blog_page_list{
	margin: 0 0 40px;
	padding: 0 0;
	position:relative;
	text-align:cneter;
	display: flex;
	align-items:stretch;
	justify-content:space-around;
	flex-wrap: wrap;
}

ul.blog_page_list li{
	margin: 0 0 20px ;
	padding: 0 0;
	position:relative;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	width:320px;
	letter-spacing:normal;
}

ul.blog_page_list li .blog_img{
	margin: 0 auto;
	padding: 0 0px;
	position:relative;
	text-align:center;
}

ul.blog_page_list li .blog_img img{
	width:320px;
	height:200px;
	object-fit: cover;
	vertical-align:top;
}

ul.blog_page_list li .blog_box{
	width:auto;

	margin: 0 auto 0;
	padding: 25px 0 0;
	position:relative;
	background-color:#fff;
	vertical-align:top;

	box-sizing: border-box;
}

ul.blog_page_list li .blog_cat{
	margin: 0 0 20px;
	padding: 0 0;


	display:inline-block;

font-weight: bold;
text-decoration: underline;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: left;
color: #222;

}

ul.blog_page_list li .blog_date{
	margin: 0 20px;
	padding: 0 0;
	display:inline-block;

font-weight: bold;
text-decoration: underline;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 30px;
text-align: left;
color: #222;
}

ul.blog_page_list li .blog_tit{
	margin: 0 0 20px;
	padding: 0 0;
	font-weight: normal;
font-size: 16px;
line-height: 30px;
text-align: justify;
color: #222;

}


ul.blog_page_list li .blog_txt{
	margin: 0 0 0;
	padding: 0 0 20px;

font-weight: normal;
font-size: 12px;
line-height: 26px;
text-align: left;
color: #454d55;
}


ul.blog_page_list li img.updated{
	position:absolute;
	top:-10px;
	left:-10px;
}

ul.blog_page_list li a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:999;
	background-color:#FFF;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}










.blog_article{
	margin: 0 20px 50px;
	padding: 0 0;
	position:relative;
	text-align:left;
	width:auto;
}


.blog_article .article_block{
	margin: 0 auto 50px;
	padding: 0 0;
	position:relative;
	text-align:center;
}

.blog_article img{
	margin: 20px auto;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:100%;
	height:auto;
}

.blog_article h4{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-weight: normal;
font-size: 14px;
line-height: 28px;
text-align: left;
color: #222;
}
.blog_article p{
	margin: 0 auto 1em;
	padding: 0 0;
	position:relative;
font-weight: normal;
font-size: 14px;
line-height: 1.8;
text-align: justify;
color: #454d55;
}
.blog_article img{
	max-width:100%;
	height:auto;
}
.blog_article img.aligncenter{
	display:block;
	margin:0 auto;
}
.blog_article strong{
	font-weight: bold;
}

/* 詳細ページ
=================================*/

#rtoc-mokuji-content #rtoc-mokuji.level-1 li {
    font-size: 14px !important;
}

.blog_article h2 {
   margin-bottom: 1.2em;
	padding: 0.7rem 0 0.5rem 1rem;
	font-weight: bold;
    line-height: 1.4rem;
    font-size: 14px;
	background-color: #edebea;
    border-radius: 0.5rem;
	text-align:left;
}
.blog_article h3 {
    margin: 0 0 0.7rem 0.1rem;
    padding: 0.25em 0.5em;
	font-weight: bold;
    line-height: 1.4rem;
	font-size: 14px;
    border-left: 4px solid #4c4c4c;
	text-align:left;
}
.blog_article h4 {
    margin: 0 0 0.4rem 0;
    padding: 0.25em 0.5em 0 0;
	font-weight: bold;
    line-height: 1.4rem;
	font-size: 14px;
	text-align:left;
}
.blog_article h4::before {
    content: "■";
    color: #ccc;
    margin-right: 0.4em;
}

.blog_article h5 {
    margin: 0 0 0.4rem 0;
    padding: 0.25em 0.5em 0 0;
	font-weight: bold;
    line-height: 1.4rem;
	font-size: 14px;
	text-align:left;
}


.blog_article p{
	margin: 0 0 1em;
	padding: 0 0.5em;
	position:relative;
	font-size:14px;
	line-height:1.5;
	font-weight:400;
	color:#222;
	letter-spacing:0.05em;
}
.blog_article ul {
	margin: 0 0 1em 1.9em;
	padding: 0 0;
	position:relative;
	font-size:14px;
	line-height:1.5;
	font-weight:400;
	text-align:left;
	color:#222;
	letter-spacing:0.05em;
}
.blog_article ul li{
    list-style: square;
    padding-bottom: 0.5em;
}
.blog_article img{
	max-width:100%;
	height:auto;
}
.blog_article img.aligncenter{
	display:block;
	margin:0 auto;
}
.blog_article strong{
	font-weight: bold;
}











.center{
	text-align:center;
}

.pc_only{
	display:none;
}

.img_pc {
	display:none;
}