@charset "utf-8";
/* CSS Document */
.pagetitle{
	margin-bottom: -15vw;
}
.pagetitle_item{
	position: relative;
	z-index: 2;
	margin-left: auto;
	margin-right: 0;
	width: 35%;
}
.pagetitle .title1 p{
	color: #EF5A24;
}
.cate_wrap .cate:first-of-type{
	padding-top: 50px;
}
.cate_wrap .cate:nth-of-type(even){
	flex-direction: row-reverse;
}
.cate_wrap .cate .imgbox{
	position: relative;
	width: 53%;
}
.cate_wrap .cate .imgbox img{
	border-radius: 15px;
	overflow: hidden;
}
.cate_wrap .cate .imgbox .circle_icon{
	position: absolute;
	bottom: 0;
	transform: translateY(50%);
}
.cate_wrap .cate:nth-of-type(odd) .imgbox .circle_icon{
	left: 15%;
}
.cate_wrap .cate:nth-of-type(even) .imgbox .circle_icon{
	right: 15%;
}
.cate_wrap .cate .txtbox{
	width: 47%;
}
.cate_wrap .cate:nth-of-type(odd) .txtbox{
	padding-left: 50px;
}
.cate_wrap .cate:nth-of-type(even) .txtbox{
	padding-right: 50px;
}
.cate_wrap .cate .txtbox .titlebox{
	gap: 20px;
	background-image: url("https://ayane-farm.co.jp/system_panel/uploads/images/line2.png");
	background-position: bottom left;
	background-size: auto 2px;
	background-repeat: repeat-x;
}
.cate_wrap .cate .txtbox .titlebox img{
	width: 5vw;
}
.cate_wrap .cate .txtbox .titlebox h2{
	max-width: calc(100% - 20px - 5vw);
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){

}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.cate_wrap .cate:nth-of-type(odd){
		justify-content: flex-start;
	}
	.cate_wrap .cate:nth-of-type(even){
		flex-direction: row;
		justify-content: flex-end;
	}
	.cate_wrap .cate .imgbox{
		width: 70%;
		margin-bottom: 50px;
	}
	.cate_wrap .cate:nth-of-type(odd) .imgbox .circle_icon{
		left: 10%;
	}
	.cate_wrap .cate:nth-of-type(even) .imgbox .circle_icon{
		right: 10%;
	}
	.cate_wrap .cate .txtbox{
		width: 70%;
	}
	.cate_wrap .cate:nth-of-type(odd) .txtbox{
		padding-left: 0px;
		margin-left: auto;
		margin-right: 0;
	}
	.cate_wrap .cate:nth-of-type(even) .txtbox{
		padding-right: 0px;
		margin-right: auto;
		margin-left: 0;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){


}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.pagetitle{
		margin-bottom: -15vw;
	}
	.pagetitle_item{
		position: relative;
		z-index: 2;
		margin-left: auto;
		margin-right: 0;
		width:50%;
	}
	.cate_wrap .cate .imgbox{
		width: 100%;
		margin-bottom: 50px;
	}
	.cate_wrap .cate:nth-of-type(odd) .imgbox .circle_icon{
		left: 5%;
		top: 0;
		bottom: auto;
		transform: translateY(-30%);
	}
	.cate_wrap .cate:nth-of-type(even) .imgbox .circle_icon{
		right: 5%;
		top: 0;
		bottom: auto;
		transform: translateY(-30%);
	}
	.cate_wrap .cate .txtbox{
		width: 100%;
	}
	.cate_wrap .cate:nth-of-type(odd) .txtbox{
		padding-left: 0px;
		margin-left: auto;
		margin-right: 0;
	}
	.cate_wrap .cate:nth-of-type(even) .txtbox{
		padding-right: 0px;
		margin-right: auto;
		margin-left: 0;
	}
	.cate_wrap .cate .txtbox .more{
		text-align: center;
	}
	.cate_wrap .cate .txtbox .titlebox{
		gap: 10px;
	}
	.cate_wrap .cate .txtbox .titlebox img{
		width: 8vw;
	}
	.cate_wrap .cate .txtbox .titlebox h2{
		max-width: calc(100% - 10px - 8vw);
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}