@charset "utf-8";
/*base*/
.clearfix {*zoom: 1;}
.clearfix::before,
.clearfix::after{
	content: '';
	display: table;
}
.clearfix::after {clear: both;}
.clearfix.mb {margin-bottom: 20px;}

.c-section .c-wrapWith + .c-wrapWith {margin-top: 50px;}

.postPage .c-wrapWith .catch__txt {
	color: #614f38;
}
.postPage .c-wrapCatenavi {
	width: min(95%, 900px);
	margin: 50px auto 0;
}
.c-wrapCatenavi .catenav_li h3 {
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}
.c-wrapCatenavi .c-catenavUL {
	display: flex;
	justify-content: space-between;
}
.c-wrapCatenavi .catenav_li {
	color: #614f38;
	background-color: #fff;
}
.c-wrapCatenavi .catenav_li h3 {
	text-align: center;
	font-weight: 400;
}
.c-wrapCatenavi .catenav_li img {
	/*width: min(100%, 286px);*/
	width: min(100%, 545px);
	height: auto;
}
.c-wrapCatenavi .catenav_li .btn-more {
	color: #614f38;
	border: 1px solid #887979;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .4s;
}
.c-wrapCatenavi .catenav_li .btn-more:hover {background-color: rgba(100,82,60,.1);}
.c-wrapCatenavi .catenav_li .btn-more::after {
	content: '';
	display: block;
	background: url(../../img/common/arrow-circle-right-brown.svg) 0 0 no-repeat;
	background-size: cover;
}
.postPage .c-pageHead__linkWrap .c-pageHead__link a::after {
	display: block;
	background: url(../../img/common/arrow-circle-right-brown.svg) no-repeat;
	transform: rotate(90deg);
}

.postPage .c-video {
	display: flex;
	justify-content: center;
	margin: auto;
}
/*.postPage .c-video iframe {width: 100%;}*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
	/*margin-bottom: 30px;*/
}


/*middle*/
@media screen and (min-width:768px) {
	.c-title__noline.__fz27 {font-size: 27px;}

	.postPage .c-wrapWith .catch__txt {
		font-size: 20px;
		text-align: center;
	}
	.c-wrapCatenavi .catenav_li {
		width: min(30vw, 286px);
	}
	.c-wrapCatenavi .catenav_li h3 {
		font-size: 19px;
		padding: 12px 0;
	}
	.c-wrapCatenavi .catenav_li .wrap_txt {padding: 25px;}
	.c-wrapCatenavi .catenav_li p + p {margin-top: 15px;}
	.c-wrapCatenavi .catenav_li .btn-more {padding: 10px 0 8px ;}
	.c-wrapCatenavi .catenav_li .btn-more::after {
		width: 24px;
		height: 24px;
		margin-left: 10px;
	}

	.postPage .youtube {
		width: 700px;
	}
	.postPage .c-video {height: 400px;}
	.postPage .c-titleWithLine {
		width: min(95%, 900px);
		margin: auto;
	}
	.postPage .c-titleWithLine .c-pageHead__linkWrap {
		margin: 50px auto;
	}
	.postPage .c-pageHead__linkWrap .c-pageHead__link a {padding-bottom: 30px;}
	.postPage .c-pageHead__linkWrap .c-pageHead__link a::after {
		width: 24px;
		height: 24px;
		right: calc(50% - 12px);
	}
}


/*large*/
@media screen and (min-width:801px) {
	.postPage .c-pageHead__linkWrap .c-pageHead__link a {
		line-height: 1.2;
		height: 100%;
		height: 80px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.postPage .c-pageHead__linkWrap .c-pageHead__link:last-of-type a {padding-top: 18px;}
	.postPage .c-pageHead__linkWrap .c-pageHead__link:last-of-type a::after {top: 3.4em;}
}
@media screen and (min-width:992px) {
	
}

@media screen and (max-width:1100px) {
	.postPage .c-pageHead__linkWrap {
		display: flex;
		flex-wrap: wrap;
	}
	.postPage .c-pageHead__linkWrap .c-pageHead__link {width: calc(25% - 1px);}
}
@media screen and (max-width:800px) {
	.postPage .c-pageHead__linkWrap .c-pageHead__link {width: calc(50% - 1px);}
}

/*small*/
@media screen and (max-width:767px) {
	.postPage .c-wrapWith {margin-bottom: 30px;}
	.c-wrapCatenavi .c-catenavUL {
		flex-direction: column;
		align-items: center;
	}
	.c-wrapCatenavi .catenav_li {
		width: min(100%, 546px);
		margin-bottom: min(6vw, 40px);
	}
	.c-wrapCatenavi .catenav_li h3 {
		/*font-size: clamp(15px, 3.908vw, 30px);*/
		font-size: 15px;
		padding: min(3vw, 40px) min(2.6vw, 30px);
	}
	.c-wrapCatenavi .catenav_li .wrap_txt {
		padding: min(5.2vw, 30px) min(6vw, 40px);
	}
	.c-wrapCatenavi .catenav_li p {
		/*font-size: clamp(13px, 3.386vw, 26px);*/
		font-size: 13px;
	}
	.c-wrapCatenavi .catenav_li p + p {margin-top: 10px;}
	.c-wrapCatenavi .catenav_li .btn-more {padding: 5px 0 3px ;}
	.c-wrapCatenavi .catenav_li .btn-more::after {
		width: 16px;
		height: 16px;
		margin-left: 10px;
	}

	.postPage .c-pageHead__linkWrap {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 20px auto;
		width: min(95%, 900px);
	}
	.postPage .c-pageHead__linkWrap .c-pageHead__link {width: calc(50% - 1px);}
	.postPage .c-pageHead__linkWrap .c-pageHead__link a::after {
		top: calc(50% - 10px);
	}
}
@media screen and (max-width:520px) {
	.postPage .c-pageHead__linkWrap .c-pageHead__link {width: 100%;}
}
@media screen and (max-width:460px) {
}