@charset "utf-8";
/* CSS Document */
.cate2 .imgbox {
  aspect-ratio: 5 / 4;   /* 比率固定（対応ブラウザのみ） */
  overflow: hidden;
}
.cate2 .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---------- cate01 ---------- */
.cate1 .pd_wrap_all{
}
.cate1 .txt_wrap{
	gap: 80px;
}
.cate1 .txt_wrap .imgbox{
	width: calc(40% - 40px);
}
.cate1 .txt_wrap .txtbox{
	width: calc(40% - 40px);
}
p.font-eb span {
  font-family: 'EB Garamond', sans-serif;
  font-size: 20px;
}
.cate1 .more_wrap{
	justify-content: flex-end;
}
/* ---------- cate02 ---------- */
.cate2 .box_wrap{
	width: 100%;
	gap: 150px;
}
.cate2 .txt_wrap{
	flex-direction: column;
	width: calc(50% - 75px);
	gap: 80px;
}


/* ---------- cate03 ---------- */

/* ---------- cate04 ---------- */


/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	
	
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){

	.cate1 .txt_wrap{
		flex-direction: column;
		gap:50px;
	}
	.cate1 .txt_wrap2{
		flex-direction: column-reverse;
	}
	.cate1 .txt_wrap .imgbox{
		width: 60%;
	}
	.cate1 .txt_wrap .txtbox{
		width: 60%;
	}
	.cate1 .more{
		margin-top: 30px; 
	}
	.cate2 .box_wrap{
		flex-direction: column;
	}
	.cate2 .txt_wrap{
		flex-direction: column;
		width: 80%;
		gap: 80px;
	}


}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate2 .txt_wrap {
		flex-direction: column;
		width: 100%;
		gap: 40px;
	}
	.cate2 .txt_wrap .txtbox,
	.cate2 .txt_wrap .imgbox {
		width: 100%;
	}
	 .cate1 .txt_wrap .imgbox {
        width: 100%;
    }
  	 .cate1 .txt_wrap .txtbox {
        width: 100%;
    }
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){

	.cate1 .txt_wrap .imgbox{
		width: 80%;
	}
	.cate1 .txt_wrap .txtbox{
		width: 100%;
	}
	.cate2 .box_wrap {
    width: 100%;
    gap: 50px;
}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}