@charset "utf-8";
/**************
blog
******** ********/
#page_blog_group .page_blog_single h1 {
	font-size: 28px;
	text-align: left;
}

#page_blog_group .aside_box {
	text-align:left;
}
#page_blog_group .aside_box h4 {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 700;
}
#page_blog_group .aside_box h5 {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.4;
	margin-top:0.8rem;
}
#page_blog_group .aside_box h1 {
	margin-bottom: 0.5rem;
}
#page_blog_group .aside_box p {
	letter-spacing: 0.6px;
	line-height: 1.6;
}

#page_blog_group .page_blog_archive .aside_box p {
	margin-bottom: 5rem;
}
#page_blog_group .page_blog_archive .aside_box li {
	margin-bottom: 2rem;
}
#page_blog_group .page_blog_archive .aside_box li.current {
	color:var(--color-main-3);
	font-weight: 700;
}


#page_blog_group .page_blog_archive ul.blog_list {
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:wrap;
}
#page_blog_group .page_blog_archive ul.blog_list li{
	position:relative;
	width:330px;
	height:auto;
	margin-bottom: 3.8rem;
	aspect-ratio: 330/220;
}
#page_blog_group .page_blog_archive .blog_detail h2{
	font-size: 1.6rem;
	line-height: 1.75;
	margin-top: 0.8rem;
	font-weight: 400;
}
#page_blog_group  p.post_date {
	color: #646464;
	font-size:1.4rem;
	line-height:1.1;
	margin-top: 1.1rem;
	text-align:left;
}


#page_blog_group .page_blog_single .heading_box {
	margin-bottom: 2rem;
}
#page_blog_group .page_blog_single .heading_box p {
	font-size: 1.4rem;
}
#page_blog_group .page_blog_single .blog_visual {
	margin-bottom: 5rem;
}
#page_blog_group .page_blog_single .blog_contents {
	margin-bottom: 6rem;
}


/***************
レスポンシブ
***************/
/************** sp 768 *****************/
@media print, screen and (max-width : 768px) {
	#page_blog_group h1 {
		font-size: 3.2rem;
		text-align: center;
	}
	#page_blog_group .page_blog_single h1 {
		font-size: 2.4rem;
	}
	#page_blog_group .page_blog_archive .aside_box p {
		text-align: center;
	}
	#page_blog_group .page_blog_archive .aside_box {
		max-width: 270px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3rem;
	}
	#page_blog_group .page_blog_archive .aside_box p {
		margin-bottom: 2.6rem;
	}

	#page_blog_group p.post_date {
		margin-top: 0.9rem;
	}
	#page_blog_group .aside_box .blog_read_well ul {
		display:flex;
		align-items: flex-start;
		justify-content:space-between;
		flex-direction:row;
		flex-wrap: wrap;
	}
	#page_blog_group .page_blog_single .aside_box{
		position:relative;
		margin-top: 9rem;
		padding-top: 5rem;
	}
	#page_blog_group .page_blog_single .aside_box::before {
		content: "";
		width: 100vw;
		height: 0;
		position:absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translatex(-50%);
		transform: translatex(-50%);
		border-top: var(--border-1);
	}
	#page_blog_group .page_blog_single .aside_box h4{
		margin-bottom:3.4rem;
	}
	#page_blog_group .aside_box .blog_read_well li {
		margin-bottom: 3.8rem;
	}
	#page_blog_group .aside_box .blog_read_well li {
		width: 48%;
	}

	#page_blog_group .page_blog_archive ul.blog_list li {
		width: 48%;
	}
	#page_blog_group .page_blog_archive .blog_detail h2 {
		line-height:1.5;
		margin-bottom: 0.5rem;
	}
	#page_blog_group .page_blog_single .blog_visual {
		margin-bottom:3.5rem;
	}
}

/************** pc 768 *****************/
@media print, screen and (min-width : 768px) {
	#page_blog_group .page_blog_archive .aside_box {
		width: 206px
	}

	#page_blog_group .aside_box .blog_read_well p {
		display: none;
	}
	#page_blog_group .aside_box .blog_read_well li {
		margin-bottom: 2rem;
	}
	#page_blog_group .page_blog_single .aside_box h4{
		margin-bottom:2rem;
	}

	#page_blog_group .page_blog_archive .main_box {
		width: 710px;
	}

	#page_blog_group .page_blog_single .aside_box {
		width: 200px
	}
	#page_blog_group .page_blog_single .main_box {
		width: 780px;
	}
}