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

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


.cate_wrap .cate3 .toptxt p span{
	font-size: clamp(16px,2.4vw,22px);
	font-weight: 700;
}

.cate_wrap .cate4 .boxwrap{
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	gap: 20px;
}
.cate_wrap .cate4 .boxwrap .box{
	width: calc(50% - 20px / 2);
	background-color: #fff;
	padding: 20px;
	padding-left: 30px;
}
.cate_wrap .cate4 .boxwrap .box img{
	width: 40px;
}
.cate_wrap .cate4 .boxwrap .box h3{
	width: calc(100% - 40px);
	padding-left: 20px;
}

.cate_wrap .cate5 .column3_layout2 .box{
	background-color: #fff;
}
.cate_wrap .cate5 .column3_layout2 .box h3{
	width: 100%;
}

.cate_wrap .cate6 p span{
	font-size: clamp(16px,2.4vw,22px);
	font-weight: 700;
}

.cate_wrap .cate7 .contents{
	background-color: #fff;
	padding: 5%;
	gap: 5%;
	align-items: stretch;
}
.cate_wrap .cate7 .contents > div{
	width: 47.5%;
}
.cate_wrap .cate7 .contents .txtbox{
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 30px;
}
.cate_wrap .cate7 .contents .txtbox > div{
	width: 100%;
}
.cate_wrap .cate7 .contents .txtbox .bottomtxt{
	border-top: 1px solid #E6E6E6;
	padding-top: 30px;
}

.cate_wrap .cate8 .contents .imgbox{
	width: 30%;
	padding-right: 5%;
}
.cate_wrap .cate8 .contents .txtbox{
	width: 70%;
	align-items: flex-start;
}
.cate_wrap .cate8 .contents .txtbox .titlebox{
	padding: 20px;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

/* ---------- 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 .cate4 .boxwrap{
		gap: 15px;
	}
	.cate_wrap .cate4 .boxwrap .box{
		width: calc(50% - 15px / 2);
		padding: 15px;
		padding-left: 20px;
	}
	
	.cate_wrap .cate7 .contents .txtbox{
		gap: 20px;
	}
	.cate_wrap .cate7 .contents .txtbox .bottomtxt{
		padding-top: 20px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate_wrap .cate4 .boxwrap{
		gap: 15px;
	}
	.cate_wrap .cate4 .boxwrap .box{
		width: calc(50% - 15px / 2);
		padding: 10px;
		padding-left: 10px;
	}
	.cate_wrap .cate4 .boxwrap .box img{
		width: 36px;
	}
	.cate_wrap .cate4 .boxwrap .box h3{
		width: calc(100% - 36px);
		padding-left: 10px;
	}
	.cate_wrap .cate7 .contents{
		padding: 5%;
		gap: 30px;
		flex-direction: column;
		align-items: center;
	}
	.cate_wrap .cate7 .contents .imgbox{
		width: 70%;
	}
	.cate_wrap .cate7 .contents > div{
		width: 80%;
	}

	.cate_wrap .cate8 .contents .imgbox{
		width: 40%;
		padding-right: 0;
		margin-bottom: 50px;
	}
	.cate_wrap .cate8 .contents .txtbox{
		width: 100%;
		align-items: center;
	}

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate_wrap .cate4 .boxwrap{
		gap: 15px;
	}
	.cate_wrap .cate4 .boxwrap .box{
		width: 100%;
		padding: 10px;
		padding-left: 10px;
	}
	.cate_wrap .cate4 .boxwrap .box img{
		width: 30px;
	}
	.cate_wrap .cate4 .boxwrap .box h3{
		width: calc(100% - 30px);
		padding-left: 10px;
	}
	.cate_wrap .cate7 .contents .imgbox{
		width: 100%;
	}
	.cate_wrap .cate7 .contents > div{
		width: 100%;
	}
	
	.cate_wrap .cate8 .contents .imgbox{
		width: 60%;
		padding-right: 0;
		margin-bottom: 30px;
	}
	.cate_wrap .cate8 .contents .txtbox .titlebox{
		padding: 15px;
	}

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