@charset "UTF-8";
/* ----関数設定---- */
/* ----------------------------------------------------------------------
トップページ
---------------------------------------------------------------------- */
#index_top_image .top_logo {
	text-align: center;
	margin: 55px 0 26px;
}
#index_top_image .main_img {
	position: relative;
}
#index_top_image .main_img .illust01 {
	display: block;
	position: absolute;
	width: 200px;
	bottom: -50px;
	left: -14px;
}

#index_top_message {
	color: #6A3906;
	width: 90%;
	margin: 0 auto 20px;
	max-width: 1040px;
	position: relative;
	overflow: hidden;
}
#index_top_message h2 {
	font-size: clamp(28px, calc(1.9889502762vw + 21px), 46px);
	margin: 58px auto 84px;
	line-height: 1.5;
}
@supports not (font-size: clamp(28px, calc(1.9889502762vw + 21px), 46px)) {
	#index_top_message h2 {
		font-size: max(28px, min(calc(1.9889502762vw + 21px), 46px));
	}
}
#index_top_message h2:lang(ja){
		writing-mode: vertical-rl;
}
#index_top_message h2:not(:lang(ja)){
		margin-bottom:20px;
}
#index_top_message p {
	font-size: clamp(13px, calc(0.773480663vw + 10px), 20px);
	margin-bottom: 2em;
}
@supports not (font-size: clamp(13px, calc(0.773480663vw + 10px), 20px)) {
	#index_top_message p {
		font-size: max(13px, min(calc(0.773480663vw + 10px), 20px));
	}
}
#index_top_message .illust img {
	display: block;
	position: absolute;
	width: 200px;
	z-index:-1;
}
#index_top_message .illust .illust02 {
	bottom: 122px;
	right: -38px;
}
#index_top_message .illust .illust03 {
	top: 236px;
	right: 5px;
}
#index_top_message .illust .illust04 {
	top: 493px;
	right: -59px;
}
#index_top_message .illust .illust05 {
	display: none;
}

#index_slider .loop_wrap {
	height: clamp(340px, calc(17.3462783172vw + 275px), 608px);
}
@supports not (height: clamp(340px, calc(17.3462783172vw + 275px), 608px)) {
	#index_slider .loop_wrap {
		height: max(340px, min(calc(17.3462783172vw + 275px), 608px));
	}
}
#index_slider .loop_wrap div{
	aspect-ratio:9200/1221; background:url(../images/index_slide@2x.webp?1) no-repeat left top / contain;
	height: clamp(340px, calc(17.3462783172vw + 275px), 608px);
}
@supports not (height: clamp(340px, calc(17.3462783172vw + 275px), 608px)) {
	#index_slider .loop_wrap div {
		height: max(340px, min(calc(17.3462783172vw + 275px), 608px));
	}
}

#news_list {
	padding-top: clamp(60px, calc(5.5248618785vw + 39px), 110px);
}
@supports not (padding-top: clamp(60px, calc(5.5248618785vw + 39px), 110px)) {
	#news_list {
		padding-top: max(60px, min(calc(5.5248618785vw + 39px), 110px));
	}
}
#news_list ul {
	border-top: solid 1px #727171;
	margin-top: 18px;
}
#news_list ul li a {
	display: flex;
	align-items: center;
	border-bottom: solid 1px #727171;
	gap: 15px;
	padding: 12px 0px;
}
#news_list ul li a .news_meta .entry-date {
	font-size: clamp(12px, calc(0.3314917127vw + 11px), 15px);
}
@supports not (font-size: clamp(12px, calc(0.3314917127vw + 11px), 15px)) {
	#news_list ul li a .news_meta .entry-date {
		font-size: max(12px, min(calc(0.3314917127vw + 11px), 15px));
	}
}
#news_list ul li a .news_meta .tag {
	color: #FFF;
	background-color: #6A3906;
	border-radius: 9999px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: clamp(10px, calc(0.4419889503vw + 8px), 14px);
	width: clamp(62px, calc(4.3093922652vw + 46px), 101px);
	height: clamp(16px, calc(1.1049723757vw + 12px), 26px);
}
@supports not (font-size: clamp(10px, calc(0.4419889503vw + 8px), 14px)) {
	#news_list ul li a .news_meta .tag {
		font-size: max(10px, min(calc(0.4419889503vw + 8px), 14px));
	}
}
@supports not (width: clamp(62px, calc(4.3093922652vw + 46px), 101px)) {
	#news_list ul li a .news_meta .tag {
		width: max(62px, min(calc(4.3093922652vw + 46px), 101px));
	}
}
@supports not (height: clamp(16px, calc(1.1049723757vw + 12px), 26px)) {
	#news_list ul li a .news_meta .tag {
		height: max(16px, min(calc(1.1049723757vw + 12px), 26px));
	}
}
#news_list ul li a h3 {
	font-size: clamp(13px, calc(0.2209944751vw + 12px), 15px);
	line-height: 1.5;
}
@supports not (font-size: clamp(13px, calc(0.2209944751vw + 12px), 15px)) {
	#news_list ul li a h3 {
		font-size: max(13px, min(calc(0.2209944751vw + 12px), 15px));
	}
}
#news_list .news_list_btn {
	text-align: center;
	margin-top: 28px;
}
#news_list .news_list_btn a.button {
	width: 344px;
	height: 40px;
}

#index_info {
	padding-top: 115px;
	overflow: hidden;
}
#index_info .info {
	margin-bottom: 112px;
	position: relative;
}
#index_info .info .illust {
	position: absolute;
	z-index: -1;
}
#index_info .info .illust.illust01 {
	top: -21px;
	left: 0px;
	width: 107px;
}
#index_info .info .illust.illust02 {
	top: -15px;
	right: 14px;
	width: 88px;
}
#index_info .info h2 {
	font-family: "Potta One", serif;
	font-weight: 400;
	font-style: normal;
	color: #6A3906;
	text-align: center;
	font-size: clamp(22px, calc(2.4309392265vw + 13px), 44px);
	text-shadow: 2px 4px 2px #fff;
	display: inline-block;
	margin: 0 auto 19px;
	/*
	background-color: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(1px);
	border-radius: 9999px;
	*/
	z-index: 1;
}
@supports not (font-size: clamp(22px, calc(2.4309392265vw + 13px), 44px)) {
	#index_info .info h2 {
		font-size: max(22px, min(calc(2.4309392265vw + 13px), 44px));
	}
}
#index_info .info .text {
	text-align: center;
}
#index_info .info p {
	font-size: 14px;
	text-align: left;
}
#index_info .info .image {
	margin-top: 18px;
}
#index_info .info ul {
	font-family: "Potta One", serif;
	font-weight: 400;
	font-style: normal;
	color: #6A3906;
	background: #FFF;
	margin-top: 15px;
	padding: 12px 18px;
	box-shadow: 0px 8px 11px rgba(155, 95, 0, 0.22);
	border-radius: 10px;
}
#index_info .info ul.column {
	column-count: 2;
	column-gap: 1px;
}
#index_info .info ul.column:not(:lang(ja)) {
	column-count: 1;
}
#index_info .info ul li a {
	font-size: 14px;
	padding: 4px 0;
	display: block;
}
#index_info .info ul li a:not(:lang(ja)){
	padding:0;
}
#index_info .info ul li a::before {
	content: "・";
}

#index_map {
	width: 94%;
	margin-inline: auto;
}
#index_map .title {
	background-color: #E4E9CF;
	padding: 25px 17px 28px 17px;
}
#index_map .title h2 {
	color: #6A3906;
	font-size: 22px;
}
#index_map .title a.button {
	margin-top: 22px;
	height: 44px;
	width: 250px;
	margin-bottom: 5px;
}

#index_banner {
	margin-top: 45px;
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
#index_banner a {
	display: block;
}
#index_banner a img {
	border: solid 1px #231815;
}

@media screen and (min-width: 768px) {
	#index_top_image .main_img .sp {
		display: none;
	}
	#index_top_image .main_img .pc {
		display: block;
	}
	#index_top_image .main_img .illust01 {
		bottom: -55px;
		left: unset;
		right: 17px;
	}
	#index_top_message {
		margin-top: clamp(100px, calc(6.0763888889vw + 53px), 170px);
		overflow: visible;
	}
	@supports not (margin-top: clamp(100px, calc(6.0763888889vw + 53px), 170px)) {
		#index_top_message {
			margin-top: max(100px, min(calc(6.0763888889vw + 53px), 170px));
		}
	}
	#index_top_message:lang(ja){
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
	}
	#index_top_message h2 {
		margin: unset;
	}
	#index_top_message h2:lang(ja)  {
		margin-left: 16px;
	}
	#index_top_message p:lang(ja) {
		writing-mode: vertical-rl;
		margin-left: 1em;
	}
	#index_top_message .fadein-order:lang(ja) {
		display: flex;
		flex-direction: row-reverse;
	}
	#index_top_message .illust .illust02 {
		bottom: -18px;
		right: unset;
		left: -71px;
	}
	#index_top_message .illust .illust03 {
		top: -96px;
		right: unset;
		left: -11px;
	}
	#index_top_message .illust .illust04 {
		top: unset;
		right: unset;
		left: 79px;
		bottom: -52px;
	}
	#index_top_message .illust .illust05 {
		display: block;
		right: 0;
		bottom: -45px;
	}
	#index_slider .slick-slide {
		margin-right: 12px;
	}
	#index_info .info .illust.illust01 {
		width: clamp(180px, calc(19.9652777778vw + 27px), 410px);
		left: unset;
		right: -2%;
		top: -15%;
	}
	@supports not (width: clamp(180px, calc(19.9652777778vw + 27px), 410px)) {
		#index_info .info .illust.illust01 {
			width: max(180px, min(calc(19.9652777778vw + 27px), 410px));
		}
	}
	#index_info .info .illust.illust02 {
		width: clamp(88px, calc(4.6006944444vw + 53px), 141px);
		top: -9%;
		left: 18%;
	}
	@supports not (width: clamp(88px, calc(4.6006944444vw + 53px), 141px)) {
		#index_info .info .illust.illust02 {
			width: max(88px, min(calc(4.6006944444vw + 53px), 141px));
		}
	}
	#index_info .info h2 {
		text-align: left;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	#index_info .info h2:not(:lang(ja)){
		font-size:32px; line-height:1.3;
	}
	#index_info .info.col-lg {
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	#index_info .info.col-lg .text {
		width: 30%;
	}
	#index_info .info.col-lg .image {
		width: 68%;
	}
	#index_info .info.col-lg ul {
		position: absolute;
		width: 346px;
		border-radius: 20px;
		bottom: -55px;
	}
	#index_info .info.col-lg ul:not(:lang(ja)){
		right:-15px;
	}
	#index_info .info.col-lg:nth-of-type(even) ul:not(:lang(ja)){
		left:-15px;
	}
	#index_info .info.col-lg:nth-of-type(even) {
		flex-direction: row-reverse;
	}
	#index_info .info.col-lg:nth-of-type(even) h2 {
		text-align: right;
	}
	#index_info .info.col-lg:nth-of-type(even) .illust.illust01 {
		left: -6%;
		right: unset;
		top: -14%;
	}
	#index_info .info.col-lg:nth-of-type(even) .illust.illust02 {
		top: -1%;
		right: 13%;
		left: unset;
	}
	#index_info .info p {
		font-size: clamp(14px, calc(0.3314917127vw + 13px), 17px);
	}
	@supports not (font-size: clamp(14px, calc(0.3314917127vw + 13px), 17px)) {
		#index_info .info p {
			font-size: max(14px, min(calc(0.3314917127vw + 13px), 17px));
		}
	}
	#index_info .flex {
		display: flex;
		justify-content: space-between;
	}
	#index_info .flex .info {
		width: 48%;
	}
	#index_info .column-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	#index_banner {
		gap: 40px;
	}
	#index_banner a {
		width: calc((100% - 40px) / 2);
	}
}
@media screen and (min-width: 1024px) {
	#index_info .info.col-lg ul {
		bottom: 30px;
	}
}
@media screen and (min-width: 1280px) {
	#index_top_image {
		display: flex;
		width: calc(100% - 65px);
	}
	#index_top_image .main_img {
		width: 81.5%;
	}
	#index_top_image .main_img .illust01 {
		width: clamp(200px, calc(31.25vw + -200px), 400px);
		bottom: 0;
		right: 0;
		transform: translate(68px, 104px);
	}
	@supports not (width: clamp(200px, calc(31.25vw + -200px), 400px)) {
		#index_top_image .main_img .illust01 {
			width: max(200px, min(calc(31.25vw + -200px), 400px));
		}
	}
	#news_list {
		width: calc(100% - 65px);
	}
	#news_list ul {
		margin-top: 46px;
	}
	#news_list ul li a {
		padding: 18px 62px;
	}
	#news_list ul li a .news_meta {
		display: flex;
		gap: 15px;
	}
	#news_list .news_list_btn {
		margin-top: 61px;
	}
	#index_top_message {
		width: calc(100% - 65px);
		margin-bottom: 16px;
	}
	#index_top_message h2 {
		margin-right: 46px;
	}
	#index_top_message p:lang(ja) {
		line-height: 2.1;
		margin-left: 2em;
	}
	#index_top_message .illust img {
		width: clamp(200px, calc(31.25vw + -200px), 400px);
	}
	@supports not (width: clamp(200px, calc(31.25vw + -200px), 400px)) {
		#index_top_message .illust img {
			width: max(200px, min(calc(31.25vw + -200px), 400px));
		}
	}
	#index_top_message .illust .illust02 {
		bottom: 12%;
		left: 0;
		transform: translateX(-86%);
	}
	#index_top_message .illust .illust03 {
		top: -30%;
		left: 0;
		transform: translateX(-48%);
	}
	#index_top_message .illust .illust04 {
		top: 0;
		left: 0;
		bottom: unset;
		transform: translateX(-107%);
	}
	#index_top_message .illust .illust05 {
		right: 0;
		bottom: 10%;
		transform: translateX(49%);
	}
	#index_info {
		width: calc(100% - 65px);
		padding-top: clamp(115px, calc(9.84375vw + -11px), 178px);
	}
	@supports not (padding-top: clamp(115px, calc(9.84375vw + -11px), 178px)) {
		#index_info {
			padding-top: max(115px, min(calc(9.84375vw + -11px), 178px));
		}
	}
	#index_info .info {
		margin-bottom: clamp(112px, calc(9.0625vw + -4px), 170px);
	}
	@supports not (margin-bottom: clamp(112px, calc(9.0625vw + -4px), 170px)) {
		#index_info .info {
			margin-bottom: max(112px, min(calc(9.0625vw + -4px), 170px));
		}
	}
	#index_info .info .illust.illust01 {
		left: unset;
		right: -11%;
		top: -26%;
	}
	#index_info .info .illust.illust02 {
		top: 3%;
		left: 11%;
	}
	#index_info .info.col-lg .image {
		width: 73.47%;
	}
	#index_info .info.col-lg .text {
		width: 24%;
	}
	#index_info .info.col-lg h2 {
		margin-top: clamp(5px, calc(12.5vw + -155px), 85px);
		margin-bottom: clamp(5px, calc(5.15625vw + -61px), 38px);
	}
	@supports not (margin-top: clamp(5px, calc(12.5vw + -155px), 85px)) {
		#index_info .info.col-lg h2 {
			margin-top: max(5px, min(calc(12.5vw + -155px), 85px));
		}
	}
	@supports not (margin-bottom: clamp(5px, calc(5.15625vw + -61px), 38px)) {
		#index_info .info.col-lg h2 {
			margin-bottom: max(5px, min(calc(5.15625vw + -61px), 38px));
		}
	}
	#index_info .info.col-lg ul {
		padding: 22px 3px 22px 5px;
		width: 350px;
	}
	#index_info .info.col-lg ul li a {
		font-size: clamp(14px, calc(0.4419889503vw + 12px), 18px);
		padding: 1px 0;
	}
	@supports not (font-size: clamp(14px, calc(0.4419889503vw + 12px), 18px)) {
		#index_info .info.col-lg ul li a {
			font-size: max(14px, min(calc(0.4419889503vw + 12px), 18px));
		}
	}
	#index_info .info.col-lg:nth-of-type(even) .illust.illust01 {
		left: -11%;
		right: unset;
		top: -18%;
	}
	#index_info .info.col-lg:nth-of-type(even) .illust.illust02 {
		top: 6%;
		right: 9%;
		left: unset;
	}
	#index_info .info.col-sm ul {
		margin-top: 47px;
		border-radius: 20px;
		padding: 12px 22px;
	}
	#index_info .info.col-sm ul li a {
		font-size: clamp(14px, calc(0.4419889503vw + 12px), 18px);
	}
	@supports not (font-size: clamp(14px, calc(0.4419889503vw + 12px), 18px)) {
		#index_info .info.col-sm ul li a {
			font-size: max(14px, min(calc(0.4419889503vw + 12px), 18px));
		}
	}
	#index_info .flex .info {
		width: 47%;
	}
	#index_info .flex .info .text {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 26px;
	}
	#index_info .flex .info .text h2 {
		font-size: 34px;
		width: 32%;
	}
	#index_info .flex .info .text p {
		width: 63%;
	}
	#index_info .info.try ul {
		display: grid;
		column-count: 2;
		grid-template-columns: 300px 210px;
	}
	#index_map {
		width: calc(100% - 65px);
		margin-inline: unset;
		display: flex;
		flex-direction: row-reverse;
	}
	#index_map .title {
		padding: 36px 31px 29px 31px;
		position: relative;
		width: 26.264%;
	}
	#index_map .title h2 {
		font-size: clamp(22px, calc(1.9097222222vw + 7px), 44px);
		line-height: 1.6;
	}
	@supports not (font-size: clamp(22px, calc(1.9097222222vw + 7px), 44px)) {
		#index_map .title h2 {
			font-size: max(22px, min(calc(1.9097222222vw + 7px), 44px));
		}
	}
	#index_map .title a.button {
		width: 262px;
		position: absolute;
		left: 19px;
		bottom: 52px;
	}
	#index_map .ggmap {
		width: 100%;
	}
	#index_banner {
		margin-top: clamp(45px, calc(11.71875vw + -105px), 120px);
		margin-bottom: clamp(40px, calc(9.375vw + -80px), 100px);
	}
	@supports not (margin-top: clamp(45px, calc(11.71875vw + -105px), 120px)) {
		#index_banner {
			margin-top: max(45px, min(calc(11.71875vw + -105px), 120px));
		}
	}
	@supports not (margin-bottom: clamp(40px, calc(9.375vw + -80px), 100px)) {
		#index_banner {
			margin-bottom: max(40px, min(calc(9.375vw + -80px), 100px));
		}
	}
}/*# sourceMappingURL=index.css.map */