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

.cate_wrap .cate4{}
.cate_wrap .cate4 .contents{
	gap: 50px;
	justify-content: space-around;
	align-items: stretch;
}
.cate_wrap .cate4 .contents .imgbox{
	width: 20%;
	position: relative;
}
.cate_wrap .cate4 .contents .imgbox.img1 img:first-of-type{
	width: 80%;
}
.cate_wrap .cate4 .contents .imgbox.img1 img:nth-of-type(2){
	width: 60%;
	position: absolute;
	top: 50%;
	right: 0;
}
.cate_wrap .cate4 .contents .imgbox.img2{
	align-items: flex-end;
}
.cate_wrap .cate4 .contents .txtbox{
	max-width: calc(60% - 100px);
}
.cate_wrap .cate4 .contents .txtbox .item p{
	position: relative;
	padding-left: 20px;
}
.cate_wrap .cate4 .contents .txtbox .item p::after{
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #CBB144;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.cate_wrap .cate4 .contents .txtbox .item p:not(:last-of-type){
	margin-bottom: 15px;
}
.cate_wrap .cate7 .contents{
	padding: 5%;
}
.cate_wrap .cate7 .contents .imgbox{
	width: 32%;
}
.cate_wrap .cate7 .contents .txtbox{
	width: 68%;
	padding-right: 5%;
}
@media screen and (max-width: 1440px){
	.cate_wrap .cate7 .contents{
		padding: 5%;
	}
}
@media screen and (max-width: 1280px){
	.cate_wrap .cate7 .contents{
		padding: 5%;
	}
	.cate_wrap .cate7 .contents .imgbox{
		width: 40%;
	}
	.cate_wrap .cate7 .contents .txtbox{
		width: 60%;
		padding-right: 5%;
	}
}
@media screen and (max-width: 768px){
	.cate_wrap .cate7 .contents{
		padding: 10% 5%;
	}
	.cate_wrap .cate7 .contents .imgbox{
		width: 50%;
		margin-bottom: 30px;
	}
	.cate_wrap .cate7 .contents .txtbox{
		width: 80%;
		padding-right: 0;
	}
}
@media screen and (max-width: 576px){
	.cate_wrap .cate7 .contents .imgbox{
		width: 80%;
		margin-bottom: 20px;
	}
	.cate_wrap .cate7 .contents .txtbox{
		width: 100%;
	}
}
/* ---------- 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 .contents .imgbox{
		width: 30%;
		position: relative;
	}
	.cate_wrap .cate4 .contents .imgbox.img1{
		order: 1;
	}
	.cate_wrap .cate4 .contents .imgbox.img2{
		order: 2;
	}
	.cate_wrap .cate4 .contents .txtbox{
		max-width: 90%;
		padding-top: 30px;
		order: 3;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate_wrap .cate4 .contents .txtbox .item p{
		padding-left: 16px;
	}
	.cate_wrap .cate4 .contents .txtbox .item p::after{
		width: 8px;
		height: 8px;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate_wrap .cate4 .contents .imgbox{
		width: 40%;
		position: relative;
	}
	.cate_wrap .cate4 .contents .txtbox .item p{
		padding-left: 16px;
	}
	.cate_wrap .cate9 .boxwrap .box{
		width: 100%;
	}
	.cate_wrap .cate4 .contents .txtbox .item p::after{
		width: 6px;
		height: 6px;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}