@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&family=Kolker+Brush&family=Noto+Sans+JP:wght@100..900&family=Smooch&family=Zen+Old+Mincho:wght@400;500;600;700&display=swap');
/* CSS Document */
body {
    max-width: 1920px;
    margin: auto;
    font-family: "Zen Old Mincho", "Funnel Sans", "Noto Sans JP", "Kolker Brush", "Smooch", sans-serif;
    font-weight: 500; 
    color: #333;
	background-color: #EFF0EF;
}
/* ---------- main ---------- */

.labelbox{
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
}
.labelbox .cate{
	display: inline-flex;
	justify-content: center;
    align-items: center;
	padding: 5px 8px;
	border-radius: 50px;
	border: 1.8px solid #333;
	width: fit-content;
}
.webgene-item .txt-box p{
	font-family: "Noto Sans JP", sans-serif;
	line-height: 2;
}
/* ---------- more ---------- */


.more a{
	position: relative;
	display: inline-block;
	padding: 12px 60px;
	border: 2px solid #175842;
	border-radius:50px; 
	color: #175842;
	background-color: #fff;
}


.more p{
	color: #333;
	font-weight: 700;
	white-space: nowrap;
}

.blogdetail .more{
	padding-top: 80px;
	text-align: center;
}



/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.blogdetail .more{
		padding-top: 60px;
	}
	.labelbox .cate{
		padding: 4px 6px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.labelbox{
		gap: 15px;
	}
	.more a{
		padding: 10px 50px;
	}
	.labelbox .cate{
		padding: 3px 6px;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){

	.blogdetail .more{
		padding-top: 30px;
	}
	.more a{
		padding: 6px 30px;
	}
	.labelbox .cate{
		padding: 1px 4px;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
	
}