.blogs-mainVisual { background-image: url(../images/blog/mainVisual.jpg); }
.blog-item-containe-wrapper {
	width: 100%;
	max-width: 1240px;
	margin-inline: auto;
	padding: 4rem 20px;
	display: flex;
	flex-wrap: wrap;.blogs-calendar
	position: relative;
}
.blog-item-wrapper {
	width: calc(100% - 350px);
	padding-right: 30px;
}
.blogs-container {
	width: 100%;
	max-width: 1240px;
	margin-inline: auto;
	padding: 4rem 20px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.blogs-container-wrap { position: relative; }
.blogs-container-wrap::after {
	content: 'BLOG LIST';
	position: absolute;
	top: 130px;
	left: -20px;
	transform: rotate(90deg);
	color: #3E3A39;
	font-size: 22px;
	font-family: 'Yu Gothic', serif;
	letter-spacing: 6.6px;
}
.blogs-container ul {
	width: calc(100% - 300px);
	padding-right: 30px;
	display: grid;
	row-gap: 40px;
	list-style: none;
}
.blogs-calendar {
	width: 300px;
}
.blogs-container li a {
	display: flex;
	text-decoration: none;
}
.blogs-container li a img {
	width: 140px;
}
.blogs-item-content {
	display: grid;
	padding-left: 16px;
}
.blogs-item-date {
	color: #A2A3A3;
	font-family: 'Yu Gothic', serif;
	font-weight: bold;
	font-size: 12px;
}
.blogs-item-title {
	color: #3E3A39;
	font-family: 'Noto Serif JP', serif;
	font-size: 16px;
}
.blogs-item-text {
	color: #A2A3A3;
	font-family: 'Yu Gothic', serif;
	font-size: 14px;
}

.blog-item-containe-wrapper-title { position: relative; }
.blog-item-containe-wrapper-title::after {
	content: 'BLOG';
	position: absolute;
	top: 130px;
	left: 20px;
	transform: rotate(90deg);
	color: #3E3A39;
	font-size: 22px;
	font-family: 'Yu Gothic', serif;
	letter-spacing: 6.6px;
}

.blog {
	width: calc(100% - 350px);
	padding-right: 60px;
	display: grid;
	row-gap: 40px;
	list-style: none;
	overflow-x: hidden;
}
.blog-title {
	margin-bottom: 24px;
}
.blog-content-link {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	width: 100%;
	margin-bottom: 4rem;
}
.blog-top-link {
	width: 200px;
	height: 60px;
	margin-inline: auto;
	display: grid;
	place-items: center;
	color: #FFFFFF;
	background-color: #575959;
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	letter-spacing: 4px;
	text-decoration: none;
}
.blog-prev-link,
.blog-next-link {
	display: flex;
	align-items: center;
}
.blog-next-link { justify-content: end; }
.blog-prev-link a,
.blog-next-link a {
	color: #3E3A39;
	font-family: 'Noto Serif JP', serif;
	font-size: 16px;
	letter-spacing: 4px;
	text-decoration: none;
}
.blog-contact-container { margin-bottom: 4rem; }

.blog iframe {
	width: 100% !important;
	max-width: 300px !important;
}

@media screen and (max-width: 830px) {
	.blog {
		width: 100%;
		padding: 2rem 20px 4rem;
		row-gap: 10px;
	}
	.blogs-container {
		margin-top: 0;
	}
	.blog-item-containe-wrapper { padding: 0 20px; }
	.blogs-container ul {
		width: 100% ;
		padding-right: 0;
		margin-bottom: 2rem;
	}
	.blogs-container li a { flex-wrap: wrap; }
	.blogs-container li a img {
		width: 100%;
		margin-bottom: 10px;
	}
	.blogs-item-content { padding: 0; }
	.blogs-calendar {
		width: 100% ;
	}
	.blog-top-link {
		width: 100%;
		font-size: 14px;
	}
	.blog-prev-link a, .blog-next-link a { font-size: 14px; }
	
	.blogs-container-wrap::after,
	.blog-item-containe-wrapper-title::after{ display: none; }

	.blogs-mainVisual {
		margin-top: 3rem;
	}
}