@charset "UTF-8";

.blogList{
	margin: -40px 0 0 -40px;
	display: flex;
	flex-wrap: wrap;
}
.blogDetails .blogListWrap{
	margin-top: 10px;
}
.blogItem {
	width: 240px;
	margin: 40px 0 0 40px;
}
.blogItemArticle{
}
.blogItemImgWrap {
	width: 240px;
	height: 120px;
	background-color: #fff;
}
.blogItemImg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.blogItemTextWrap {
	padding: 10px;
	background-color: var(--white);
}
.blogItemDate {
	font-size: 12px;
}
.blogItemTtl {
	color: #0E79D1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 3.2em;
}
.blogDetailsTtl {
	text-align: left;
	font-size: 36px;
	font-weight: bold;
}
.blogDetailsDate {
	font-size: 18px;
}
.blogDetailsCategoryList {
	margin: 5px 0 0 -20px;
	display: flex;
	flex-wrap: wrap;
}
.blogDetailsCategoryItem {
	margin: 10px 0 0 20px;
}
.blogDetailsCategoryItemLink {
	padding: 4px 30px;
	color: #1571DA;
	font-size: 12px;
	background-color: rgb(235, 239, 242, 0.25);
	border-radius: 13px;
	display: block;
}
.blogDetailsRlation {
	margin-top: 80px;
}
@media screen and (max-width:560px) {
	.blogList {
		margin: -7.14vw 0 0 -7.14vw;
		display: flex;
		flex-wrap: wrap;
	}
	.blogItem {
		width: 42.86vw;
		margin: 7.14vw 0 0 7.14vw;
	}
	.blogItemImgWrap {
		width: 42.86vw;
		height: 21.43vw;
	}
	.blogItemTextWrap {
		padding: 1.79vw;
	}
	.blogItemDate {
		font-size: 3.21vw;
	}
	.blogItemTtl {
		font-size: 3.21vw;
	}
	.blogDetailsTtl {
		font-size: 5vw;
	}
	.blogDetailsDate {
		font-size: 3.21vw;
		margin-top: 5.36vw;
	}
	.blogDetailsCategoryList {
		margin: 1.79vw 0 0 -5.36vw;
	}
	.blogDetailsCategoryItem {
		margin: 3.57vw 0 0 5.36vw;
	}
	.blogDetailsCategoryItemLink {
		padding: 1.43vw 3.57vw;
		font-size: 3.21vw;
		border-radius: 3.93vw;
	}
	.blogDetailsRlation {
		margin-top: 10.71vw;
	}
	.layout3Right .commonTitle1 {
		text-align: left;
		font-size: 4.29vw;
	}
	.blogDetails .blogListWrap {
		margin-top: 2.68vw;
	}
	.commonMenuTextWrap {
		margin-top: 7.14vw;
	}
	.searchWrap .inputText {
		height: 8.57vw;
		width: 80.36vw;
	}
}