@charset "UTF-8";

/* !ページタイトル -------------------------------------------------------------- */
.page_titleWrap {
	position: relative;
	margin-top: 2em;
}
.page_titleWrap::before {
	position: absolute;
	content: "";
	display: block;
	background: #e7c896;
	width: 100%;
	height: 80%;
	bottom: 0;
}
.page_title_inner {
	position: relative;
	height: 454px;
}
.page_title {
	position: absolute;
	z-index: 2;
	text-align: center;
	color: #fff;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}
.page_img {
	position: absolute;
	right: 0;
	top: 0;
	width: 92.448%;
	height: 100%;
}
.page_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page_title_p {
	font-size: 28px;
	letter-spacing: 0.08em;
	font-weight: 700;
	line-height: 1.5;
	padding: 0 0 .8em;
}
.h1 {
	font-size: 60px;
	letter-spacing: 0.08em;
	text-shadow: 0px 0.034em .067em rgba(0,0,0,.25);
}
@media screen and (max-width: 1905px) {
	.page_title_p {
		font-size: 1.458vw;
	}
	.h1 {
		font-size: 3.125vw;
	}
	.page_title_inner {
		height: 23.646vw;
	}
}
@media screen and (max-width: 1024px) {
	.page_title_p {
		font-size: 1.75vw;
	}
	.h1 {
		font-size: 3.75vw;
	}
	.page_title_inner {
		height: 28.375vw;
	}
}
@media screen and (max-width: 540px) {
	.page_titleWrap {
		margin-top: 0;
	}
	.page_img {
		width: 100%;
	}
	.page_title_p {
		font-size: 3.733vw;
	}
	.h1 {
		font-size: 6.5vw;
	}
	.page_title_inner {
		height: 60.533vw;
	}
}


/* !パンくずリスト -------------------------------------------------------------- */
.breadcrumb {
	color: ;
	padding: 2.4em 4% 3.3em 7.6%;
}
.breadcrumb li {
	display: inline;
}
.breadcrumb li::after {
	content: "";
	margin-left: 0.8em;
	margin-right: 0.8em;
	background: var(--black);
	display: inline-block;
	width: .45em;
	height: .7em;
	clip-path: polygon(13% 0, 100% 50%, 13% 100%, 0 90%, 70% 50%, 0 10%);
}
.breadcrumb li:last-child::after {
	content: none;
}
.breadcrumb li a {
}
.breadcrumb li a:hover {
	border-bottom: 1px solid;
}
.breadcrumb li:last-child {
}
.breadcrumb li a br {
	display: none;
}
@media screen and (max-width: 540px) {
	.breadcrumb {
		padding: 4vw 4% 6vw 4%;
	}
}


/* !contents -------------------------------------------------------------- */
.border-bottom-4px-min {
	position: relative;
	padding-bottom: .8em;
}
.border-bottom-4px-min::after {
	position: absolute;
	content: "";
	background: var(--brown);
	display: block;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 104px;
	height: 4px;
}
@media screen and (max-width: 1475px) {
	.border-bottom-4px-min::after {
		width: 7.051vw;
		height: 0.271vw;
	}
}
@media screen and (max-width: 1024px) {
	.border-bottom-4px-min::after {
		width: 9.455vw;
		height: 0.364vw;
	}
}
@media screen and (max-width: 540px) {
	.border-bottom-4px-min::after {
		width: 17.931vw;
		height: 0.69vw;
	}
}
.db {
	display: block;
}

.box_04 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 3% 5.2% 2%;
}
.box_05 {
	padding: 2.5% 2.25% 1.5% 2.3%;
}
@media screen and (max-width: 540px) {
	.box_04 {
		padding: 5% 4.2% 2% 5%;
	}
	.box_05 {
		padding: 7% 4.2% 2% 5%;
	}
}


.news_list_archive a {
	padding: 2.3em 0 2em;
	display: flex;
	align-items: center;
	position: relative;
}
.news_list_archive a::after {
	position: absolute;
	top: 50%;
	right: 2em;
	content: "";
	background: #8C755D;
	display: inline-block;
	width: .45em;
	height: .7em;
	clip-path: polygon(13% 0, 100% 50%, 13% 100%, 0 90%, 70% 50%, 0 10%);
	transition: .2s;
}
.news_list_archive a:hover::after {
	right: 1.5em;
}
.news_list_archive li {
	border-bottom: 1px solid #ddd;
}
.news_list_archive .news_title {
	padding: 0 4em 0 0;
}
.news_list_archive a:hover .news_title {
	color: var(--orange2);
}
.news_span {
	white-space: nowrap;
	margin-right: 1.1em;
}
.news_span .news_day {
	color: #777;
}
.news_list_archive .news_span .news_day {
	padding-left: 2em;
}
.news_span .news_cat {
	color: #fff;
	background: var(--brown);
	font-size: 0.875em;
	padding: .05em 1em .15em;
	border-radius: .2em;
	min-width: 6.8em;
	text-align: center;
	margin-left: 1.2em;
	display: inline-block;
}
@media screen and (max-width: 540px) {
	.news_list_archive a {
		display: block;
	}
	.news_list_archive .news_span .news_day {
		padding-left: 0;
	}
	.news_list_archive .news_title {
		padding: 1em 0 0;
		width: 90%;
	}
	.news_list_archive a::after {
		right: .5em;
	}
	.news_list_archive a:hover::after {
		right: .5em;
	}
}


.box_06 {
	padding: 4.55% 4.55% 5.5%;
}
.txt-line::before {
	width: 0.9em;
	height: 1px;
	content: "";
	background: var(--black);
	display:inline-block;
	margin-right: .5em;
	vertical-align: .4em;
}
.box_07 {
	padding: 5.7% 8.6%;
}
.bg_05 {
	background: #f0ede9 url(../images/bg_05.webp) center no-repeat;
	background-size: 100% auto;
}
.box_08 {
	padding: 7% 21% 8%;
}
.box_09 {
	padding: 4% 4% 4% 1.4%;
}
.box_10 {
	padding: 4% 1.4% 4% 6.8%;
}
.box_11 {
	padding: 3.4% 1.5% 1.8%;
}
.box_11 p {
	max-width: 19em;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 1475px) {
}
@media screen and (max-width: 1920px) {
}
@media screen and (max-width: 1475px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 540px) {
	.box_06 {
		padding: 7% 5% 8%;
	}
	.box_07 {
		padding: 7% 5% 9%;
	}
	.box_09,
	.box_10 {
		padding: 6% 5% 6% 5%;
	}
	.box_08 {
		padding: 6% 8% 4%;
	}
	.box_11 {
		padding: 7% 0 4%;
	}
	.box_11 p {
	}
}


.box_12 {
	padding: 5% 7%;
}
.arrow-left {
	position: relative;
}
.arrow-left::before {
	position: absolute;
	content: "";
	display: block;
	background: var(--brown);
	width: 1.25em;
	height: 2.6em;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	left: -9.5%;
	top: 50%;
	transform: translateY(-50%);
}
@media screen and (max-width: 540px) {
	.box_12 {
		padding: 7% 5% 5%;
	}
	.arrow-left::before {
		position: absolute;
		content: "";
		display: block;
		background: var(--brown);
		width: 2.4em;
		height: 1em;
		clip-path: polygon(0 0, 100% 0%, 50% 100%);
		left: 50%;
		top: -6%;
		transform: translateX(-50%);
	}
}


.box_13 {
	padding: 3.4% 1.5% 1.8%;
}
.txt-gra {
	background: linear-gradient(90deg, #E1A94F 0%, #FF7300 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.box_14 {
	padding: 0 5%;
}
.h286 {
	height: 17.875em;
}
.box_15 {
	padding: 2% 1.6%;
}
@media screen and (max-width: 540px) {
	.box_15 {
		padding: 4% 5%;
	}
}





@media screen and (min-width: 1475px) {
}
@media screen and (max-width: 1920px) {
}
@media screen and (max-width: 1475px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 540px) {
}





@media screen and (min-width: 1475px) {
}
@media screen and (max-width: 1920px) {
}
@media screen and (max-width: 1475px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 540px) {
}