@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700&family=Noto+Serif+JP:wght@400;600;700&family=Oswald&family=Questrial&familyEB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");
.imgarea .imglist { display: grid; }

#position .position01 { background: #CB9364; padding: 5rem 0; }
#position .position01 .imgarea .note { color: #fff; }
#position .position01 .imgarea .imglist + .note { margin-top: .5rem; text-align: right; }
#position .position01 .img02 .imglist { gap: 1rem; grid-template-columns: 1fr 30%; grid-template-areas: "img2-1 img2-2" "img2-1 img2-3"; }
#position .position01 .img02 .imglist .img02-1 { grid-area: img2-1; overflow: hidden; height: 100%; }
#position .position01 .img02 .imglist .img02-1 img { height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#position .position01 .img02 .imglist .img02-2 { grid-area: img2-2; }
#position .position01 .img02 .imglist .img02-3 { grid-area: img2-3; }
#position .position01 .img0304 .imglist { margin-top: 5rem; width: 94%; max-width: 1000px; margin-right: auto; margin-left: auto; gap: 1rem; grid-template-columns: minmax(0, 60vw) minmax(320px, 1fr); grid-template-areas: "l s"; }
#position .position01 .img0304 .imglist .img-l { grid-area: l; margin-left: calc((100vw - min(90vw, 1000px)) / -2); }
#position .position01 .img0304 .imglist .img-s { grid-area: s; }
#position .position01 .img0304 .imglist .img-s .cap { color: #fff; }
#position .position01 .img0304 .imglist:nth-of-type(even) { grid-template-columns: minmax(320px, 1fr) minmax(0, 60vw); grid-template-areas: "s l"; }
#position .position01 .img0304 .imglist:nth-of-type(even) .img-l { margin-left: 0; margin-right: calc((100vw - min(90vw, 1000px)) / -2); }
@media screen and (max-width: 768px) { #position .position01 .img02 .imglist { grid-template-columns: repeat(2, 1fr); grid-template-areas: "img2-1 img2-1" "img2-2 img2-3"; }
  #position .position01 .img02 .imglist .img02-1 { overflow: auto; }
  #position .position01 .img02 .imglist .img02-1 img { position: static; transform: none; object-fit: fill; height: auto; }
  #position .position01 .img0304 .imglist { grid-template-columns: minmax(0, 60vw) minmax(180px, 1fr); }
  #position .position01 .img0304 .imglist:nth-of-type(even) { grid-template-columns: minmax(180px, 1fr) minmax(0, 60vw); } }
@media screen and (max-width: 480px) { #position .position01 .img0304 .imglist { grid-template-columns: minmax(0, 60vw) minmax(100px, 1fr); }
  #position .position01 .img0304 .imglist:nth-of-type(even) { grid-template-columns: minmax(100px, 1fr) minmax(0, 60vw); } }

#scenes .img05 { overflow: hidden; max-height: 600px; }
#scenes .img05 img { height: 100%; object-fit: cover; }
#scenes .scene01 { background: #512a0f; padding: 5rem 0 0 0; /*.s01-3{
	.imglist{
		grid-template-columns: repeat(4,1fr);
		grid-template-areas:
			"img14 img14 img14 img14"
			"img15 img15 img16 img19";
		.img14{
			grid-area: img14;
			display: grid;
			gap: 1rem;
			grid-template-columns: repeat(2,1fr);
			.img{
				order: 2;
			}
			.lead{
				order: 1;
			}
		}
		.img15{
			grid-area: img15;
			.lead{
				margin-top: 1rem;
			}
		}
		.img16{
			grid-area: img16;
		}
		.img17{
			grid-area: img17;
		}
		.img18{
			grid-area: img18;
		}
		.img19{
			grid-area: img19;
		}
	}
}*/ }
#scenes .scene01 .s-category { width: 94%; max-width: 1000px; margin-right: auto; margin-left: auto; color: #CB9364; margin-bottom: 2rem; position: relative; }
#scenes .scene01 .s-category::before { content: ""; display: block; width: 0; height: 1px; background: #CB9364; transition: 1s; position: absolute; bottom: 0; left: 0; }
#scenes .scene01 .s-category.aos-animate::before { width: 100%; }
#scenes .scene01 .s-category .txt { display: block; font-size: 3rem; letter-spacing: .1em; }
#scenes .scene01 .s-area { padding-bottom: 5rem; width: 94%; max-width: 1000px; margin-right: auto; margin-left: auto; }
#scenes .scene01 .s-area .img .out { color: #fff; }
#scenes .scene01 .s-area .lead { color: #fff; font-size: 1.4rem; line-height: 2; }
#scenes .scene01 .s-area .imglist { display: grid; gap: 2rem; }
#scenes .scene01 .s-area .s-area-ttl { font-size: 1.8rem; letter-spacing: .1em; line-height: 1.6; color: #fff; padding-bottom: 4rem; }
#scenes .scene01 .note { color: #fff; }
#scenes .scene01 .img + .note { ta: r; }
#scenes .scene01 .grid { display: grid; gap: 3rem; }
#scenes .scene01 .s01-1 { /*.imglist{
	grid-template-columns: repeat(4,1fr);
	grid-template-areas:
		"img06 img06 img06 img06"
		"img07 img07 img08 img09";
	.img06{
		grid-area: img06;
		display: grid;
		gap: 1rem;
		grid-template-columns: repeat(2,1fr);
		.img{
			order: 2;
		}
		.lead{
			order: 1;
		}
	}
	.img07{
		grid-area: img07;
		.lead{
			margin-top: 1rem;
		}
	}
	.img08{
		grid-area: img08;
	}
	.img09{
		grid-area: img09;
	}
}*/ }
#scenes .scene01 .s01-1 .imglist { display: grid; gap: 5rem; grid-template-columns: 1fr; grid-template-areas: "img06" "img2122" "img2325" "img26" "img2729" "img30"; }
#scenes .scene01 .s01-1 .img06 { grid-area: img06; display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
#scenes .scene01 .s01-1 .img06 .img { order: 2; }
#scenes .scene01 .s01-1 .img06 .lead { order: 1; }
#scenes .scene01 .s01-1 .img2122 { grid-area: img2122; grid-template-columns: repeat(2, 1fr); gap: 0 1rem; }
#scenes .scene01 .s01-1 .img2122 .note { grid-column: span 2; }
#scenes .scene01 .s01-1 .img23-25 { grid-area: img2325; grid-template-columns: repeat(2, 1fr); grid-template-rows: max-content max-content; }
#scenes .scene01 .s01-1 .img23-25 .img23 { grid-row: span 2; }
#scenes .scene01 .s01-1 .img23-25 .img23 .img { height: 100%; overflow: hidden; }
#scenes .scene01 .s01-1 .img23-25 .img23 .img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#scenes .scene01 .s01-1 .img23-25 .img24 .img .cap, #scenes .scene01 .s01-1 .img23-25 .img25 .img .cap { position: absolute; bottom: -15px; right: 0; display: block; width: 100%; text-align: right; color: #fff; }
#scenes .scene01 .s01-1 .img26 { grid-area: img26; }
#scenes .scene01 .s01-1 .img27-29 { grid-area: img2729; grid-template-columns: repeat(2, 1fr); /*.img27{
	position: relative;
	overflow: hidden;
	min-height: 0;
	.img{
		position: absolute;
		inset: 0;
		img{
			height: 100%;
			width: 100%;
			object-fit: cover;
			display: block;
		}
	}
}
.img2829{
	.img29{
		margin-top: 2rem;
	}
}*/ }
#scenes .scene01 .s01-1 .img30 { grid-area: img30; width: 60%; max-width: 450px; margin: 0 auto 0 0; }
#scenes .scene01 .s01-2 .img31 { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
#scenes .scene01 .s01-2 .img31 .img { order: 2; }
#scenes .scene01 .s01-2 .img31 .lead { order: 1; }
#scenes .scene01 .s01-2 .img3233 { margin-top: 5rem; grid-template-columns: 65% 1fr; grid-template-rows: max-content 1fr; gap: .5rem 2rem; }
#scenes .scene01 .s01-2 .img3233 .img32 { grid-row: span 2; }
#scenes .scene01 .s01-2 .img34 { width: 80%; max-width: 600px; margin: 5rem 0 0 auto; }
#scenes .scene01 .s01-2 .imglist { margin-top: 5rem; grid-template-columns: repeat(2, 1fr); grid-template-areas: "img10 img10" "img11 img11" "img12 img13"; }
#scenes .scene01 .s01-2 .imglist .img10 { grid-area: img10; /*display: grid;
gap: 1rem;
grid-template-columns: repeat(2,1fr);
.img{
	order: 2;
}
.lead{
	order: 1;
}*/ }
#scenes .scene01 .s01-2 .imglist .img10 .img { width: 70%; max-width: 450px; }
#scenes .scene01 .s01-2 .imglist .img11 { grid-area: img11; }
#scenes .scene01 .s01-2 .imglist .img11 .lead { margin-top: 1rem; }
#scenes .scene01 .s01-2 .imglist .img12 { grid-area: img12; }
#scenes .scene01 .s01-2 .imglist .img13 { grid-area: img13; }
@media screen and (max-width: 768px) { #scenes .scene01 { /*.s01-1{
	.imglist{
		grid-template-columns: repeat(2,1fr);
		grid-template-areas:
			"img06 img06"
			"img07 img07"
			"img08 img09";
		.img06{
			grid-template-columns: 1fr;
			.img{
				order: 1;
			}
			.lead{
				order: 2;
			}
		}
	}
}
.s01-2{
	.imglist{
		grid-template-columns: repeat(2,1fr);
		grid-template-areas:
			"img10 img10"
			"img11 img11"
			"img12 img13";
		.img10{
			grid-template-columns: 1fr;
			.img{
				order: 1;
			}
			.lead{
				order: 2;
			}
		}
	}
}
.s01-3{
	.imglist{
		grid-template-columns: repeat(2,1fr);
		grid-template-areas:
			"img14 img14"
			"img15 img15"
			"img16 img19";
		.img14{
			grid-template-columns: 1fr;
			.img{
				order: 1;
			}
			.lead{
				order: 2;
			}
		}
	}
}*/ }
  #scenes .scene01 .grid { gap: 2rem 1rem; }
  #scenes .scene01 .s01-1 .img06 { grid-template-columns: 1fr; }
  #scenes .scene01 .s01-1 .img27-29 { gap: .5rem 2rem; }
  #scenes .scene01 .s01-1 .img27-29 .img2829 .img29 { margin-top: 1rem; }
  #scenes .scene01 .s01-2 .img31 { grid-template-columns: 1fr; }
  #scenes .scene01 .s01-2 .img3233 { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
  #scenes .scene01 .s01-2 .img3233 .img32 { grid-row: span 1; grid-column: span 2; } }
@media screen and (max-width: 480px) { #scenes .scene01 .s-category .txt { font-size: 2rem; }
  #scenes .scene01 .s01-1 .img2122 .img .cap { display: none !important; } }

#lifeinfo { background: #fff; padding-bottom: 5rem; }
#lifeinfo .category.category03 { background: #fff; }
#lifeinfo .mapblock_wrap #mNav ul { display: grid; gap: 1rem; grid-template-columns: repeat(5, 1fr); }
#lifeinfo .mapblock_wrap #mNav ul li { cursor: pointer; padding: 1rem .5rem; text-align: center; font-size: 1.4rem; line-height: 1.4; background: #DBDCDC; }
#lifeinfo .mapblock_wrap #mNav ul li.active { background: #CB9364; color: #fff; }
#lifeinfo .mapblock_wrap #mWrap { margin-top: 2rem; display: grid; gap: 0 4rem; grid-template-columns: 55% 1fr; }
#lifeinfo .mapblock_wrap #mWrap #lctMap { padding: 1rem 0; height: 100%; min-height: 600px; }
#lifeinfo .mapblock_wrap #mWrap #mSide { position: relative; height: 100%; }
#lifeinfo .mapblock_wrap #mWrap #mSide .sideWrap { width: 100%; height: 100%; overflow-y: auto; position: absolute; top: 0; right: 0; }
#lifeinfo .mapblock_wrap #mWrap #mSide h5 { text-align: center; font-size: 1.4rem; line-height: 1.4; padding: .5rem; background: #CB9364; color: #fff; }
#lifeinfo .mapblock_wrap #mWrap #mSide .imglist { margin-top: 1rem; gap: 1rem; grid-template-columns: repeat(2, 1fr); display: none; }
#lifeinfo .mapblock_wrap #mWrap #mSide ul { margin-top: 2rem; display: grid; gap: 1rem; grid-template-columns: 1fr; }
#lifeinfo .mapblock_wrap #mWrap #mSide ul li { margin-top: 1rem; }
#lifeinfo .mapblock_wrap #mWrap #mSide ul li a { display: grid; gap: 1rem; grid-template-columns: 2rem 1fr 1fr; align-items: start; }
#lifeinfo .mapblock_wrap #mWrap #mSide ul li a .num { border-radius: 50%; display: block; text-align: center; width: 2rem; height: 2rem; display: grid; place-content: center; font-size: 1.2rem; line-height: 1; background: #CB9364; color: #fff; }
#lifeinfo .mapblock_wrap #mWrap #mSide ul li a .txt01, #lifeinfo .mapblock_wrap #mWrap #mSide ul li a .txt02 { font-size: 1.3rem; line-height: 1.4; }
#lifeinfo .mapblock_wrap #mWrap #mSide ul li a .txt02 { text-align: right; }
@media screen and (max-width: 768px) { #lifeinfo .mapblock_wrap #mNav ul { grid-template-columns: repeat(3, 1fr); }
  #lifeinfo .mapblock_wrap #mWrap { gap: 2rem; grid-template-columns: 1fr; }
  #lifeinfo .mapblock_wrap #mWrap #lctMap { height: 320px; }
  #lifeinfo .mapblock_wrap #mWrap #mSide { height: auto; }
  #lifeinfo .mapblock_wrap #mWrap #mSide .sideWrap { height: auto; position: static; }
  #lifeinfo .mapblock_wrap #mWrap #mSide ul { grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 480px) { #lifeinfo .mapblock_wrap #mNav ul { grid-template-columns: repeat(2, 1fr); }
  #lifeinfo .mapblock_wrap #mWrap #mSide ul { grid-template-columns: 1fr; } }

#pickup { background: #CB9364; position: relative; }
#pickup > .note { color: #fff; }
#pickup .line-ttl { color: #fff; }
#pickup .line-ttl::before { background: #fff; }
#pickup .img20 { padding: 0 0 10rem 0; max-width: 800px; margin: 0 auto; }
#pickup .img20 .cap, #pickup .img20 .note { text-align: right; color: #fff; }