@charset "utf-8";
/* CSS Document */

.cate1 .box_wrap{
	gap: 60px;
}
.cate1 .box_wrap .box-item .titlebox{
	width: 100%;
}
.cate1 .box_wrap .box-item .bottombox{
	align-items: flex-start;
	width: 100%;
	gap: 50px;
}
.cate1 .box_wrap .box-item .bottombox .imgbox{
	width: calc(40% - 25px);
}
.cate1 .box_wrap .box-item .bottombox .txtbox{
	width: calc(60% - 25px);
	gap: 30px;
	margin-bottom: auto;
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	
	.cate1 .box_wrap .box-item{
		flex-direction: column;
	}
	.cate1 .box_wrap .box-item .titlebox{
		width: 90%;
	}
	.cate1 .box_wrap .box-item .bottombox .imgbox{
		width: 90%;
	}
	.cate1 .box_wrap .box-item .bottombox .imgbox img{
		width: 60%;
	}
	.cate1 .box_wrap .box-item .bottombox .txtbox{
		width: 90%;
	}
	.cate1 .box_wrap {
		gap: 50px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate1 .box_wrap .box-item .bottombox {
		align-items: flex-start;
		width: 100%;
		gap: 20px;
	}
	.cate1 .box_wrap .box-item .titlebox{
		width: 100%;
	}
	.cate1 .box_wrap .box-item .bottombox .imgbox{
		width: 100%;
	}
	.cate1 .box_wrap .box-item .bottombox .imgbox img{
		width: 100%;
	}
	.cate1 .box_wrap .box-item .bottombox .txtbox{
		width: 100%;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
h3 span{
  display:inline-block;
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}