.h1_blog_kat{
	text-align:center;
	margin-top:1em;
}
	.h1_blog_kat:before{
		display:none;
	}

.blog_kat{
	display:flex;
	flex-wrap:wrap;
	margin-left:-20px;
	margin-top:1.5em;
}
	.blog_kat a{
		width:calc(33.3333% - 20px);
		margin-left:20px;
		margin-bottom:22px;
		position:relative;
		background-color:black;
		line-height:1px;
		border-radius:5px;
		overflow:hidden;
		box-shadow: 3px 5px 10px #CCCCCC;
	}
		.blog_kat img{
			opacity:0.8;
			line-height:1px;
			width:100%;
			height:auto;
		}
		.blog_kat .label{
			color:white;
			font-size:24px;
			position:absolute;
			left:20px;
			bottom:20px;
			text-align:left;
			line-height:1.1em;
			text-shadow:2px 2px 4px rgba(0,0,0,0.6);
		}
		
.blog_kat2{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding-top:0em;
}
	.blog_kat2 a, .blog_kat2 a:hover{
		font-family:rc, sans-serif;
		font-size:18px;
		font-weight:500;
		margin:0 10px 20px 10px;
		padding:2px 10px;
		text-decoration:none;
		background-color:#E6E6E6;
		color:#333333;
		border-radius:3px;
	}
	.blog_kat2 a.act{
		background-color:#76BE7A;
		color:white;
	}
	
.blog_list{
	display:flex;
	flex-wrap:wrap;
	margin-left:-40px;
	margin-top:2em;
}
	.blog_list .item_break{
		width:100%;
		margin:2em 0 2em 40px;
	}
	.blog_list .item_break .st-link-btn-1:hover{
		background-color:hsl(0 2% 25%);
		color:white;
	}
	.blog_list a{
		width:calc(25% - 40px);
		margin-left:40px;
		margin-bottom:40px;
		border-radius:5px;
		box-shadow: 3px 5px 10px #CCCCCC;
		background-color:#E6E6E6;
		overflow:hidden;
		text-align:left;
		text-decoration:none;
	}
		.blog_list a:nth-child(n+9){
			display:none;
		}
		.blog_list a.item.act{
			display:block;
		}
		.blog_list .body{
			padding:20px 20px 25px 20px;
			font-size:18px;
		}
			.blog_list .teaser{
				margin-bottom:0.5em;
				font-size:20px;
				font-weight:900;
				color:#08A4FF;
			}
			.blog_list img{
				width:100%;
				height:auto;
				aspect-ratio: 4 / 3;
			}			
			.blog_list h2{
				font-size:20px;
				font-weight:900;
				margin-bottom:5px;
			}
			.blog_list .dt{
				font-size:16px;
				color:#333333;
			}
			.blog_list .txt{
				margin-top:1em;
				font-size:16px;
				color:#333333;
			}
			.blog_list .txt span{
				font-weight:900;
				text-decoration:underline;
			}
			
.blog_detail{
	text-align:left;
	margin-top:1em;
}
	.blog_detail .img_mobile{
		display:none;
		margin-bottom:1em;
	}
		.blog_detail .img_mobile img{
			width:100%;
		}	
	.blog_detail .dt{
		font-size:16px;
		margin-bottom:1em;
	}
	.blog_detail .blog_langtext{
		display:flex;
		flex-wrap:wrap;
	}
		.blog_detail .blog_langtext .left_col{
			width:calc(100% - 520px);
			display:block !important;
			padding-right:0 !important;
		}
		.blog_detail .blog_langtext .right_col{
			width:460px;
			margin-left:60px;
			padding-top:0.5em;
		}
	.blog_detail .blog_langtext h1{
		font-size:56px;
	}		
	.blog_detail .blog_langtext h2{
		font-size:30px;
	}
	.blog_detail .blog_langtext h3{
		font-size:27px;
	}	
	.blog_detail .blog_langtext .right_col .img{
		margin-bottom:30px;
	}
		.blog_detail .blog_langtext .right_col .img img{
			width:100%;
		}	
	.blog_detail .blog_links{
		background-color:#F0F0F0;
		margin-bottom:30px;
		border-radius:5px;
		box-shadow:3px 5px 10px #CCCCCC;
		overflow:hidden;
	}
		.blog_detail .blog_links .blog_links_head{
			background-color:#76BE7A;
			color:white;
			text-transform:uppercase;
			font-size:22px;
			padding:20px;
			font-weight:900;
		}
		.blog_detail .blog_links a{
			display:block;
			padding:20px;
			text-decoration:none;
			font-weight:900;
			border-bottom:1px solid #C6C6C7;
			color:#333333;
		}
			.blog_detail .blog_links a:last-child{
				border-bottom:none;
			}
	.blog_detail .blog_social{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		padding:0 4px;
		margin-bottom:40px;
	}
		.blog_detail .blog_social a{
			font-size:60px;
		}
	.blog_detail .blog_user .blog_user_img, .blog_detail .blog_user .blog_user_info{
		margin-bottom:1em;
	}
	.blog_detail .blog_user .blog_user_name{
		font-size:16px;
	}
	.blog_detail ul li{
		display:block;
	}
	
	
	.blog_detail .blog_langtext .left_col div:has(a[class='nxs-fe-b2-z']){
		display:flex;
		flex-wrap:wrap;
		margin-left:-20px;
		margin-top:2em;
		margin-bottom:2em;
	}
		.blog_detail .blog_langtext .left_col a.nxs-fe-b2-z{
			width:calc(50% - 20px);
			margin-left:20px;
			margin-bottom:20px;
			line-height:1px;
		}


	@media(max-width:1280px){
		.blog_list a{
			width:calc(33.3333% - 40px);
		}
		.blog_detail .blog_langtext .left_col{
			width:calc(100% - 380px);
		}
		.blog_detail .blog_langtext .right_col{
			width:320px;
		}
		.blog_detail .blog_social a{
			font-size:50px;
		}
		.blog_detail .blog_langtext h1{
			font-size:36px;
		}		
		.blog_detail .blog_langtext h2{
			font-size:28px;
		}
		.blog_detail .blog_langtext h3{
			font-size:26px;
		}
	}
	@media(max-width:768px){
		.blog_detail .blog_langtext h1{
			font-size:32px;
		}		
		.blog_detail .blog_langtext h2{
			font-size:26px;
		}
		.blog_detail .blog_langtext h3{
			font-size:24px;
		}
	}	
	@media(max-width:1024px){
		.blog_detail .blog_langtext .left_col a.nxs-fe-b2-z{
			width:calc(50% - 20px);
		}
	}
	@media(max-width:880px){
		.blog_detail .blog_langtext .left_col{
			width:calc(100% - 300px);
		}
		.blog_detail .blog_langtext .right_col{
			width:240px;
		}
		.blog_detail .blog_social a{
			font-size:40px;
		}
	}	
	@media(max-width:768px){
		div.blog_kat{
			width:auto;
			margin-top:1em;
		}
		div.blog_list{
			width:auto;
			margin-top:1em;
		}
		.blog_list a{
			width:calc(50% - 40px);
		}
	}
	@media(max-width:680px){	
		.blog_list{
			margin-left:-20px;
		}
		.blog_list a{
			width:calc(50% - 20px);
			margin-left:20px;
		}
		.blog_list .item_break{
			margin-left:20px;
		}
		.blog_kat a{
			width:calc(50% - 20px);
		}
		.blog_detail .blog_langtext .left_col{
			width:100%;
		}
		.blog_detail .blog_langtext .right_col{
			width:100%;
			margin-left:0;
		}
		.blog_detail .blog_social a{
			font-size:40px;
		}
		.blog_detail .img{
			display:none;
		}
		.blog_detail .img_mobile{
			display:block;
		}
		.blog_detail .blog_langtext h2{
			font-size:24px;
		}
	}
	@media(max-width:480px){
		.blog_kat a{
			width:100%;
		}
		.blog_list a{
			width:100%;
		}		
		.blog_detail .blog_langtext h1{
			font-size:25px;
		}		
		.blog_detail .blog_langtext h2{
			font-size:22px;
		}
		.blog_detail .blog_langtext h3{
			font-size:20px;
		}		
		.blog_detail .blog_langtext .left_col div:has(a[class='nxs-fe-b2-z']){
			margin-left:-10px;
		}
			.blog_detail .blog_langtext .left_col a.nxs-fe-b2-z{
				width:calc(50% - 10px);
				margin-left:10px;
				margin-bottom:10px;
			}
	}