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

.cate_wrap .cate1,.cate_wrap .cate3{
  /*
	max-width: 1670px;
  */
  max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 0;
	justify-content: flex-start;
	align-items: stretch;
}
.cate_wrap .cate1 .imgbox,.cate_wrap .cate3 .imgbox{
	width: 45%;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: flex-start;
	flex-direction: column;
	gap: 20px
}
.cate_wrap .cate1 .imgbox img,.cate_wrap .cate3 .imgbox img{
	display: block;
	width: 100%;
}

.cate_wrap .cate1 .txtbox,.cate_wrap .cate3 .txtbox{
	width: 55%;
	padding: 5%;
	padding-left: 0;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
}

.cate_wrap .cate2 .cate_inner{
	border-top: 1px solid #CBB144;
	border-bottom: 1px solid #CBB144;
}

.cate_wrap .cate1 .bottom_box,.cate_wrap .cate3 .bottom_box{
	width: 100%;
}
.cate_wrap .cate1 .bottom_box .more,.cate_wrap .cate3 .bottom_box .more{
	justify-content: flex-start;
}

.cate_wrap .cate5::after{
	background-color: #888888;
	opacity: 0.2;
	mix-blend-mode: multiply;
}


/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1440px ~ ---------- */
@media screen and (max-width: 1440px){
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.cate_wrap .cate1 .txtbox,.cate_wrap .cate3 .txtbox{
		padding-left: 0;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate_wrap .cate1,.cate_wrap .cate3{
		gap: 30px;
		padding-right: 20px;
	}
	.cate_wrap .cate1 .imgbox,.cate_wrap .cate3 .imgbox{
		width: 100%;
	}
	.cate_wrap .cate1 .imgbox img,.cate_wrap .cate3 .imgbox img{
		width: auto;
		height: auto;
		max-width: 100%;
	}
	.cate_wrap .cate1 .txtbox,.cate_wrap .cate3 .txtbox{
		width: 100%;
		padding: 0;
		gap: 30px;
	}
	.cate_wrap .cate1 .bottom_box,.cate_wrap .cate3 .bottom_box{
		padding-top: 30px;
	}
	.cate_wrap .cate1 .txtbox .more,.cate_wrap .cate3 .txtbox .more{
		width: 100%;
	}
	.cate_wrap .cate1 .bottom_box .more,.cate_wrap .cate3 .bottom_box .more{
		justify-content: center;
	}
	
	.cate_wrap .cate5 .txtbox > p{
		font-size: clamp(15px,2.0vw,18px);
	}

}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}