@charset "utf-8";
/* CSS Document */
.collection_list .webgene-blog .webgene-item {
	padding: 100px 0;
}
.collection_list .webgene-blog .webgene-item > .flex {
	align-items: start;
}
.collection_list .webgene-blog .webgene-item .txtbox {
	width: 50%;
	align-items: flex-start;
}
.collection_list .webgene-blog .webgene-item .txtbox .titlebox {
	align-items: flex-start;
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
}
.collection_list .webgene-blog .webgene-item .txtbox .titlebox::before {
	content: "";
	display: block;
	width: 80px;
	border-bottom: 1px solid #010000;
	position: absolute;
	bottom: -10px;
	left: 0;
}
.collection_list .webgene-blog .webgene-item .txtbox .titlebox .en_title {
	font-size: 56px;
}
.collection_list .webgene-blog .webgene-item .txtbox .titlebox h2 {
	font-size: 15px;
	margin-bottom: 30px;
}
.collection_list .webgene-blog .webgene-item .txtbox .more {
	margin-top: 60px;
}
.collection_list .webgene-blog .webgene-item .imgbox {
	width: 50%;
}
.collection_detail .webgene-blog .webgene-item {
	padding: 100px 0;
}
.collection_detail .webgene-blog .webgene-item .thumbnail {
	margin-bottom: 100px;
}
.collection_detail .webgene-blog .webgene-item .titlebox {
	text-align: center;
	padding-bottom: 40px;
	margin-bottom: 50px;
	position: relative;
}
.collection_detail .webgene-blog .webgene-item .titlebox::before {
	content: "";
	display: block;
	width: 80px;
	border-bottom: 1px solid #010000;
	position: absolute;
	left: calc(50% - 40px);
	bottom: 0;
}
.collection_detail .webgene-blog .webgene-item .titlebox .en_title {
	font-size: 71px;
}
.collection_detail .webgene-blog .webgene-item .titlebox h2 {
	font-size: 15px;
}
.collection_detail .webgene-blog .webgene-item .content {
	margin-bottom: 50px;
}
.collection_detail .webgene-blog .webgene-item .imgbox {
	max-width: 800px;
	text-align: center;
}
.collection_detail .webgene-blog .webgene-item .imgbox img {
	width: auto;
	max-width: 100%;
}
.collection_detail .webgene-blog .webgene-item .gallery {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 80px 60px;
	margin: 80px auto;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){

}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.collection_list .webgene-blog .webgene-item > .flex {
		flex-direction: column-reverse;
		gap: 30px;
		align-items: end;
	}
	.collection_list .webgene-blog .webgene-item .txtbox {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.collection_list .webgene-blog .webgene-item .txtbox .titlebox {
		margin-top: 0;
	}
	.collection_list .webgene-blog .webgene-item .imgbox {
		width: 70%;
	}
	.collection_detail .webgene-blog .webgene-item .gallery {
		gap: 30px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.collection_detail.pd_wrap_side {
		padding-left: 30px;
		padding-right: 30px;
	}
	.collection_detail .webgene-blog .webgene-item .titlebox .en_title {
		font-size: 50px;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.collection_detail .webgene-blog .webgene-item .titlebox .en_title {
		font-size: 38px;
	}
	.collection_detail .webgene-blog .webgene-item .gallery {
		grid-template-columns: repeat(1, 1fr);
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}