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

/* ---------- cate1 ---------- */

.cate1 .box_wrap .box-item{
	gap: 60px;
	align-items: flex-start;
}
.cate1 .box_wrap .box-item .leftbox{
	width: calc(50% - 30px);
}
.cate1 .box_wrap .box-item .rightbox{
	width: calc(50% - 30px);
}
.cate1 .box_wrap .box-item .leftbox > img {
    width: 100%;
    display: block;
    margin-bottom: 10px;
	aspect-ratio: 3 / 4;
	object-fit: cover;
    overflow: hidden;
}

.cate1 .box_wrap .box-item .leftbox .itembox img {
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    display: block;
}
.cate1 .box_wrap .box-item .leftbox .itembox img{
	cursor: pointer;
}
.cate1 .box_wrap .box-item .leftbox .itembox {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}
.cate1 .box_wrap .box-item .rightbox .topbox{
	gap: 20px;
	align-items: flex-start;
}
.cate1 .box_wrap .box-item .rightbox .topbox .imgbox {
	width: 20%;
	flex: 0 0 20%;
}
.cate1 .box_wrap .box-item .rightbox .topbox .txtbox {
	flex: 1;
}
.cate1 .box_wrap .box-item .rightbox .topbox .imgbox img{
	border-radius: 200px;
}
.cate1 .box_wrap .box-item{
	padding-bottom: 150px;
	border-bottom: #010000 1px solid;
}
.cate1 .box_wrap .box-item:not(:last-child){
	margin-bottom: 150px;
}
/* ---------- 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 .leftbox{
		width: 60%;
	}
	.cate1 .box_wrap .box-item .rightbox{
		width: 60%;
	}
	.cate1 .box_wrap .box-item{
		gap: 40px;
		align-items: center;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate1 .box_wrap .box-item{
		padding-bottom: 100px;
	}
	.cate1 .box_wrap .box-item:not(:last-child){
		margin-bottom: 100px;
	}
	.cate1 .box_wrap .box-item .leftbox{
		width: 80%;
	}
	.cate1 .box_wrap .box-item .rightbox{
		width: 80%;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate1 .box_wrap .box-item{
		padding-bottom: 60px;
	}
	.cate1 .box_wrap .box-item:not(:last-child){
		margin-bottom: 60px;
	}
	.cate1 .box_wrap .box-item .leftbox{
		width: 90%;
	}
	.cate1 .box_wrap .box-item .rightbox{
		width: 90%;
	}
    .cate1 .box_wrap .box-item {
        gap: 30px;
    }
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}