@charset "UTF-8";

/* --------------------------------------------
SAFETY
--------------------------------------------- */
#safety{
	position : relative;
	overflow-x : clip;
}
#safety::before{
	position : absolute;
	display : block;
	width : 100%;
	font-size : 0;
	content : "";
	background-repeat : no-repeat;
	background-position : left center;
	background-size : contain;
}
#safety > :where( picture , img , video ){
	position : absolute;
}
#safety video{
	height : auto;
	object-fit : cover;
}
@media screen and ( width <= 750px ){
	#safety{
		padding-top : calc( 37 var( --remBase ) );
		padding-bottom : calc( 672 var( --remBase ) );
	}
		.seiseki #safety{
			padding-top : calc( 37 var( --remBase ) );
			padding-bottom : calc( 400 var( --remBase ) );
		}
		.ichikawa #safety{
			padding-top : calc( 37 var( --remBase ) );
			padding-bottom : calc( 400 var( --remBase ) );
		}
	#safety::before{
		bottom : calc( 48.05 var( --remBase ) );
		left : calc( 13 var( --viewportBase ) );
		width : calc( 246.002 var( --viewportBase ) );
		height : calc( 260.946 var( --remBase ) );
		background-image : url( "../images/top/safety/parts_pc.svg" );
	}
		.seiseki #safety::before{
			bottom : calc( 20 var( --remBase ) );
		}
		.ichikawa #safety::before{
			bottom : calc( 20 var( --remBase ) );
		}
	#safety > p{
		margin-top : calc( 16 var( --remBase ) );
	}
	#safety .link01{
		margin-top : calc( 10 var( --remBase ) );
	}
	#safety > picture{
		bottom : calc( 357.33 var( --remBase ) );
		left : calc( 141.11 var( --viewportBase ) );
	}
		.seiseki #safety > picture{
			top : calc( 250 var( --remBase ) );
			left : calc( 120 var( --viewportBase ) );
		}
		.ichikawa #safety > picture{
			top : calc( 250 var( --remBase ) );
			left : calc( 120 var( --viewportBase ) );
		}
	#safety > picture img{
		height : calc( 291.27 var( --remBase ) );
	}
	#safety > img{
		bottom : calc( 214.81 var( --remBase ) );
		left : calc( -36.78  var( --viewportBase ) );
		height : calc( 234.2 var( --remBase ) );
	}
	#safety > video{
		bottom : calc( 61.13 var( --remBase ) );
		left : calc( 101.79 var( --viewportBase ) );
		width : calc( 519.85 var( --viewportBase ) );
		height : calc( 242.07 var( --remBase ) );
		clip-path : polygon( 17.796% 28.604% , 17.796% 28.604% , 16.497% 35.632% , 15.79% 42.793% , 15.634% 49.974% , 15.986% 57.062% , 16.805% 63.945% , 18.049% 70.51% , 19.676% 76.644% , 21.645% 82.234% , 23.913% 87.168% , 26.438% 91.333% , 26.438% 91.333% , 30.993% 96.296% , 35.966% 99.133% , 41.173% 99.999% , 46.43% 99.044% , 51.556% 96.424% , 56.366% 92.289% , 60.677% 86.792% , 64.307% 80.087% , 67.072% 72.326% , 68.789% 63.662% , 68.789% 63.662% , 69.313% 55.378% , 68.918% 46.89% , 67.687% 38.436% , 65.706% 30.254% , 63.059% 22.581% , 59.83% 15.656% , 56.103% 9.716% , 51.963% 4.999% , 47.494% 1.743% , 42.78% .186% , 42.78% .186% , 39.964% .141% , 37.088% .733% , 34.201% 1.964% , 31.352% 3.836% , 28.59% 6.349% , 25.964% 9.506% , 23.523% 13.309% , 21.315% 17.758% , 19.39% 22.856% , 17.796% 28.604% );
	}
}
@media screen and ( width > 750px ) , print{
	#safety{
		display : grid;
		grid-auto-flow : row;
		row-gap : calc( 16 var( --remBase ) );
		padding-top : calc( 92 var( --remBase ) );
		padding-bottom : calc( 182 var( --remBase ) );
	}
	#safety::before{
		top : calc( 350 var( --remBase ) );
		left : calc( 1500 var( --viewportBase ) );
		width : calc( 442.004 var( --viewportBase ) );
		height : calc( 404.005 var( --remBase ) );
		background-image : url( "../images/top/safety/parts_pc.svg" );
	}
		body.seiseki #safety::before{
			top : calc( 280 var( --remBase ) );
			left : calc( 1500 var( --viewportBase ) );
		}
	#safety > :where( .titles01 , p  ){
		width : calc( 760 var( --percentBase ) );
	}
	#safety > :where( .titles01 , p , .link01  ){
		margin-left : calc( 160 var( --percentBase ) );
	}
	#safety .titles01 p{
		margin-top : calc( 31 var( --remBase ) );
	}
	#safety > picture{
		top : calc( -212.03 var( --remBase ) );
		left : calc( 1302.38 var( --viewportBase ) );
	}
		#safety > picture.seiseki-top01{
			top : calc( -100 var( --remBase ) );
			left : calc( 1100 var( --viewportBase ) );
		}
		.ichikawa #safety > picture{
			top : calc( -100 var( --remBase ) );
			left : calc( 1102.38 var( --viewportBase ) );
		}
	#safety > picture img{
		height : calc( 518.67 var( --remBase ) );
	}
	#safety > img{
		top : calc( 136.64 var( --remBase ) );
		left : calc( 982.91 var( --viewportBase ) );
		height : calc( 392.55 var( --remBase ) );
	}
		.ichikawa #safety > img{
			top : calc( 320 var( --remBase ) );
			left : calc( 1500 var( --viewportBase ) );
			height : calc( 392.55 var( --remBase ) );
		}
	#safety > video{
		top : calc( 421.06 var( --remBase ) );
		left : calc( 1198.36 var( --viewportBase ) );
		width : calc( 983.398 var( --viewportBase ) );
		height : calc( 553.51 var( --remBase ) );
		clip-path : polygon( 17.796% 29.419% , 17.796% 29.419% , 16.497% 35.646% , 15.79% 41.991% , 15.634% 48.354% , 15.987% 54.635% , 16.806% 60.734% , 18.05% 66.551% , 19.677% 71.986% , 21.645% 76.94% , 23.913% 81.312% , 26.438% 85.002% , 26.438% 85.002% , 30.994% 89.399% , 35.966% 91.914% , 41.173% 92.68% , 46.431% 91.835% , 51.556% 89.512% , 56.366% 85.849% , 60.677% 80.978% , 64.307% 75.037% , 67.072% 68.16% , 68.789% 60.483% , 68.789% 60.483% , 69.313% 53.143% , 68.918% 45.622% , 67.688% 38.131% , 65.707% 30.881% , 63.06% 24.082% , 59.831% 17.946% , 56.104% 12.683% , 51.964% 8.503% , 47.494% 5.618% , 42.781% 4.238% , 42.781% 4.238% , 39.964% 4.198% , 37.088% 4.723% , 34.201% 5.814% , 31.352% 7.472% , 28.591% 9.699% , 25.964% 12.497% , 23.523% 15.866% , 21.315% 19.809% , 19.39% 24.326% , 17.796% 29.419% );
	}
}
#room{
	position : relative;
	overflow-x : clip;
}
#room .box{
	color : white;
}
#room h2{
	color : white;
}
#room h2::after{
	color : white;
}
#room picture{
	width : 100%;
}
@media screen and ( width <= 750px ){
	#room{
		padding-bottom : calc( 108 var( --remBase ) );
	}
	#room .box{
		padding-top : calc( 28 var( --remBase ) );
		padding-bottom : calc( 49 var( --remBase ) );
	}
	#room .titles01 p{
		font-size : 2.8rem;
	}
	#room .titles01 p span{
		font-size : 2rem;
	}
	#room .box > p{
		margin-top : calc( 16 var( --remBase ) );
	}
	#room .link01{
		margin-top : calc( 11 var( --remBase ) );
	}
}
@media screen and ( width > 750px ) , print{
	#room{
		padding-bottom : calc( 715 * 100vw / 1960 );
	}
		.seiseki #room{
			padding-bottom : calc( 800 * 100vw / 1960 );
		}
		.kaga #room{
			padding-bottom : calc( 80 * 100vw / 1960 );
		}
	#room .box{
		width : calc( 840 var( --percentBase ) );
		padding-top : calc( 33 var( --remBase ) );
		padding-bottom : calc( 38 var( --remBase ) );
		padding-left : calc( 32 var( --percentBase ) );
		padding-right : calc( 40 var( --percentBase ) );
	}
	#room .titles01 p{
		margin-top : calc( 18 var( --remBase ) );
	}
	#room .box > p{
		margin-top : calc( 18 var( --remBase ) );
	}
	#room .link01{
		margin-top : calc( 13 var( --remBase ) );
	}
	#room picture{
		position : absolute;
		top : calc( 179 var( --remBase ) );
		left : 0;
		z-index : -1;
	}
}

/* --------------------------------------------
RESTAURANT
--------------------------------------------- */
#restaurant{
	position : relative;
	overflow-x : clip;
}
#restaurant::before{
	position : absolute;
	z-index : -1;
	display : block;
	font-size : 0;
	content : "";
	background-color : var( --color0103 );
}
#restaurant p:nth-of-type( 2 ){
	position : absolute;
}
#restaurant > :where( picture , video ){
	position : absolute;
}
#restaurant video{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
	clip-path : polygon( 14.647% 32.377% , 14.647% 32.377% , 13.085% 38.944% , 12.235% 45.636% , 12.047% 52.346% , 12.471% 58.971% , 13.456% 65.403% , 14.952% 71.538% , 16.909% 77.27% , 19.277% 82.494% , 22.004% 87.105% , 25.042% 90.997% , 25.042% 90.997% , 30.52% 95.635% , 36.501% 98.286% , 42.763% 99.095% , 49.087% 98.203% , 55.251% 95.754% , 61.036% 91.89% , 66.222% 86.753% , 70.588% 80.488% , 73.913% 73.235% , 75.978% 65.139% , 75.978% 65.139% , 76.608% 57.397% , 76.133% 49.465% , 74.654% 41.565% , 72.271% 33.918% , 69.087% 26.748% , 65.203% 20.277% , 60.721% 14.726% , 55.741% 10.318% , 50.366% 7.275% , 44.697% 5.82% , 44.697% 5.82% , 41.31% 5.778% , 37.85% 6.331% , 34.378% 7.482% , 30.952% 9.231% , 27.63% 11.579% , 24.472% 14.53% , 21.535% 18.083% , 18.88% 22.241% , 16.564% 27.005% , 14.647% 32.377% );
}
@media screen and ( width <= 750px ){
	#restaurant{
		padding-bottom : calc( 801 var( --remBase ) );
	}
		.seiseki #restaurant{
			padding-bottom : calc( 400 var( --remBase ) );
		}
		.ichikawa #restaurant{
			padding-bottom : calc( 400 var( --remBase ) );
		}
	#restaurant::before{
		bottom : calc( 169 var( --remBase ) );
		right : 0;
		height : calc( 293 var( --remBase ) );
		aspect-ratio : 284 / 293;
	}
		.seiseki #restaurant::before{
			top : calc( -50 var( --remBase ) );
			right : 0;
		}
		.ichikawa #restaurant::before{
			top : calc( -50 var( --remBase ) );
			right : 0;
		}
	#restaurant > p:nth-of-type( 1 ){
		margin-top : calc( 16 var( --remBase ) );
	}
	#restaurant .link01{
		margin-top : calc( 16 var( --remBase ) );
	}
	#restaurant > p:nth-of-type( 2 ){
		bottom : calc( 73.92 var( --remBase ) );
		left : calc( 261.28 var( --viewportBase ) );
	}
	#restaurant > p:nth-of-type( 2 ) img{
		height : calc( 226.29 var( --remBase ) );
	}
	#restaurant > picture:nth-of-type( 1 ){
		bottom : calc( 515 var( --remBase ) );
		left : 0;
		width : 100%;
	}
		.seiseki #restaurant > picture:nth-of-type( 1 ){
			top : calc( 170 var( --remBase ) );
			left : 0;
			width : 100%;
		}
		.ichikawa #restaurant > picture:nth-of-type( 1 ){
			top : calc( 170 var( --remBase ) );
			left : 0;
			width : 100%;
		}
	#restaurant > picture:nth-of-type( 1 ) img{
		height : calc( 262 var( --remBase ) );
	}
	#restaurant > picture:nth-of-type( 2 ){
		bottom : calc( 310 var( --remBase ) );
		left : calc( 180 var( --viewportBase ) );
		width : calc( 234 var( --viewportBase ) );
	}
	#restaurant > picture:nth-of-type( 2 ) img{
		height : calc( 272 var( --remBase ) );
	}
	#restaurant video{
		bottom : calc( 115.15 var( --remBase ) );
		left : calc( -123.8 var( --viewportBase ) );
		width : calc( 521.86 var( --viewportBase ) );
		height : calc( 293.66 var( --remBase ) );
	}
}
@media screen and ( width > 750px ) , print{
	#restaurant{
		min-height : calc( 1079 var( --remBase ) );
		padding-bottom : calc( 739 var( --remBase ) );
	}
		.seiseki #restaurant{
			min-height : calc( 900 var( --remBase ) );
			padding-top : calc( 180 var( --remBase ) );
			padding-bottom : calc( 560 var( --remBase ) );
		}
		.ichikawa #restaurant{
			min-height : calc( 900 var( --remBase ) );
			padding-top : calc( 180 var( --remBase ) );
			padding-bottom : calc( 360 var( --remBase ) );
		}
	#restaurant::before{
		top : calc( 273 var( --remBase ) );
		height : calc( 577 var( --remBase ) );
		aspect-ratio : 1595 / 577;
	}
	#restaurant > :where( .titles01 , p:nth-of-type( 1 ) , .link01 ){
		margin-left : calc( 1280 var( --percentBase ) );
	}
	#restaurant > :where( .titles01 , p:nth-of-type( 1 ) ){
		width : calc( 600 var( --percentBase ) );
	}
	#restaurant .titles01 p{
		margin-top : calc( 24 var( --remBase ) );
	}
	#restaurant > p:nth-of-type( 1 ){
		margin-top : calc( 16 var( --remBase ) );
	}
	#restaurant > p:nth-of-type( 2 ){
		top : calc( 458.23 var( --remBase ) );
	}
	#restaurant > p:nth-of-type( 2 ) img{
		height : calc( 259.91 var( --remBase ) );
	}
	#restaurant .link01{
		margin-top : calc( 16 var( --remBase ) );
	}
	#restaurant > picture:nth-of-type( 1 ){
		top : 0;
	}
	#restaurant > picture:nth-of-type( 1 ) img{
		height : calc( 684 var( --remBase ) );
	}
	#restaurant > picture:nth-of-type( 2 ){
		top : calc( 319 var( --remBase ) );
	}
	#restaurant > picture:nth-of-type( 2 ) img{
		height : calc( 593 var( --remBase ) );
	}
	#restaurant video{
		top : calc( 675.71 var( --remBase ) );
		height : calc( 406.97 var( --remBase ) );
	}
}
@media screen and ( 750px < width < 1960px ) , print{
	#restaurant::before{
		left : calc( 325 var( --viewportBase ) );
	}
	#restaurant > p:nth-of-type( 2 ){
		left : calc( 1373.06 var( --viewportBase ) );
	}
	#restaurant > picture:nth-of-type( 1 ){
		left : 0;
	}
	#restaurant > picture:nth-of-type( 2 ){
		left : calc( 1475 var( --viewportBase ) );
	}
	#restaurant video{
		left : calc( 921.97 var( --viewportBase ) );
		width : calc( 723.23 var( --viewportBase ) );
	}
}
@media screen and ( width >= 1960px ){
	#restaurant::before{
		left : calc( 50% - 555px );
	}
	#restaurant > p:nth-of-type( 2 ){
		left : calc( 50% + 393.06px );
	}
	#restaurant > picture:nth-of-type( 1 ){
		left : calc( 50% - 980px );
	}
	#restaurant > picture:nth-of-type( 2 ){
		left : calc( 50% + 495px );
	}
	#restaurant video{
		left : calc( 50% - 58.03px );
		width : 723.226px;
	}
}
#facility{
	position : relative;
	overflow-x : clip;
}
	.seiseki #facility{
		padding-bottom: calc( 120 var( --remBase ) );
	}
	.ichikawa #facility{
		padding-bottom: calc( 80 var( --remBase ) );
	}
#facility .container p:nth-of-type( 2 ){
	position : absolute;
	z-index : 1;
}
#facility video{
	position : absolute;
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
	clip-path : polygon( 18.851% 74.707% , 18.851% 74.707% , 19.717% 76.949% , 20.664% 79.053% , 21.687% 81.016% , 22.783% 82.831% , 23.949% 84.493% , 25.18% 85.998% , 26.473% 87.339% , 27.825% 88.512% , 29.23% 89.512% , 30.687% 90.333% , 30.687% 90.333% , 36.782% 92.613% , 42.26% 94.539% , 47.227% 96.105% , 51.79% 97.303% , 56.056% 98.126% , 60.133% 98.567% , 64.127% 98.618% , 68.146% 98.273% , 72.296% 97.525% , 76.685% 96.365% , 76.685% 96.365% , 76.797% 96.326% , 76.907% 96.276% , 77.017% 96.218% , 77.125% 96.153% , 77.232% 96.081% , 77.339% 96.006% , 77.445% 95.927% , 77.551% 95.846% , 77.656% 95.766% , 77.761% 95.686% , 77.761% 95.686% , 78.021% 95.479% , 78.344% 95.186% , 78.726% 94.795% , 79.165% 94.293% , 79.655% 93.669% , 80.193% 92.909% , 80.775% 92.002% , 81.397% 90.934% , 82.054% 89.694% , 82.743% 88.269% , 82.743% 88.269% , 84.589% 83.732% , 86.169% 78.743% , 87.478% 73.412% , 88.509% 67.851% , 89.255% 62.17% , 89.71% 56.48% , 89.867% 50.893% , 89.719% 45.518% , 89.26% 40.468% , 88.483% 35.854% , 88.483% 35.854% , 84.871% 25.474% , 79.175% 16.787% , 71.876% 9.904% , 63.461% 4.935% , 54.413% 1.99% , 45.217% 1.18% , 36.356% 2.614% , 28.316% 6.404% , 21.58% 12.659% , 16.632% 21.489% , 16.632% 21.489% , 15.152% 26.229% , 14.143% 31.368% , 13.57% 36.805% , 13.399% 42.438% , 13.594% 48.167% , 14.121% 53.891% , 14.945% 59.508% , 16.031% 64.917% , 17.345% 70.017% , 18.851% 74.707% );
}
#facility .splide__track{
	font-size : 0;
}
#facility .splide__slide{
	font-size : 0;
}
#facility .splide__slide img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
	vertical-align : top;
}
@media screen and ( width <= 750px ){
	#facility{
		padding-bottom : calc( 411 var( --remBase ) );
	}
	#facility .container > p:nth-of-type( 1 ){
		margin-top : calc( 16 var( --remBase ) );
	}
	#facility .link01{
		margin-top : calc( 16 var( --remBase ) );
	}
	#facility .splide__track{
		width : calc( 384 var( --viewportBase ) );
		margin-top : calc( 24 var( --remBase ) );
		margin-left : auto;
	}
		.seiseki #facility .container{
			padding-bottom: calc(320 var( --remBase ) );
		}
		.ichikawa #facility .container{
			padding-bottom: calc(320 var( --remBase ) );
		}
	#facility .container > p:nth-of-type( 2 ){
		bottom : calc( 76.61 var( --remBase ) );
		left : calc( 11 var( --viewportBase ) );
	}
		.seiseki #facility .container > p:nth-of-type( 2 ){
			top : calc( 270 var( --remBase ) );

		}
		.ichikawa #facility .container > p:nth-of-type( 2 ){
			top : calc(310 var( --remBase ) );

		}
	#facility .container > p:nth-of-type( 2 ) img{
		height : calc( 330 var( --remBase ) );
	}
	#facility video{
		bottom : calc( 81.7 var( --remBase ) );
		left : calc( 21.44 var( --viewportBase ) );
		width : calc( 534.1 var( --viewportBase ) );
		height : calc( 300.8 var( --remBase ) );
	}
		.seiseki #facility video{
			top: calc( 300 var( --remBase ) );
		}
		.ichikawa #facility video{
			top: calc( 320 var( --remBase ) );
		}
}
@media screen and ( width > 750px ) , print{
	#facility .container{
		position : relative;
		min-height : calc( 526.5 var( --remBase ) );
		padding-top : calc( 108 var( --remBase ) );
	}
	#facility .container > :where( .titles01 , p:nth-of-type( 1 ) ){
		width : calc( 916 var( --percentBase ) );
	}
	#facility .titles01 p{
		margin-top : calc( 24 var( --remBase ) );
		white-space : nowrap;
	}
	#facility .container > p:nth-of-type( 1 ){
		margin-top : calc( 16 var( --remBase ) );
	}
	#facility .link01{
		margin-top : calc( 16 var( --remBase ) );
	}
	#facility .container > p:nth-of-type( 2 ){
		top : calc( 71.75 var( --remBase ) );
		left : calc( 1112.92 var( --viewportBase ) );
	}
	#facility .container > p:nth-of-type( 2 ) img{
		height : calc( 439.77 var( --remBase ) );
	}
	#facility video{
		top : 0;
		left : calc( 1104 var( --viewportBase ) );
		width : calc( 918 var( --viewportBase ) );
		height : calc( 517 var( --remBase ) );
	}
		.seiseki #facility video{
			top : -50px;
		}
	#facility .splide__track{
		margin-top : calc( .5 var( --remBase ) );
	}
}

/* --------------------------------------------
EVNET
--------------------------------------------- */
#event{
	position : relative;
	overflow-x : clip;
}
#event::before{
	position : absolute;
	z-index : -1;
	display : block;
	width : 100%;
	font-size : 0;
	content : "";
	background-repeat : no-repeat;
	background-position : center;
	background-size : contain;
}
#event .splide__slide img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
}
@media screen and ( width <= 750px ){
	#event{
		padding-bottom : calc( 155 var( --remBase ) );
	}
	#event::before{
		top : calc( -107 var( --remBase ) );
		left : 0;
		width : 100%;
		height : calc( 643 var( --remBase ) );
		background-image : url( "../images/kitazono/top/event/bg_pc.webp" );
	}
	#event > :where( .titles01 , p:nth-of-type( 1 ) , .link01 ){
		margin-inline : calc( 16 var( --viewportBase ) );
	}
	#event > p:nth-of-type( 1 ){
		margin-top : calc( 16 var( --remBase ) );
	}
	#event .link01{
		margin-top : calc( 11 var( --remBase ) );
	}
	#event .splide__track{
		margin-top : calc( 24 var( --remBase ) );
		margin-left : calc( 16 var( --viewportBase ) );
	}
}
@media screen and ( width > 750px ) , print{
	#event{
		padding-top : calc( 458.35 var( --remBase ) );
		padding-bottom : calc( 493 var( --remBase ) );
	}
	#event::before{
		top : calc( -69 var( --remBase ) );
		height : calc( 862 var( --remBase ) );
		background-image : url( "../images/kitazono/top/event/bg_pc.webp" );
	}
	#event > :where( .titles01 , p:nth-of-type( 1 ) , .link01 ){
		margin-left : calc( 1271 var( --percentBase ) );
	}
	#event .titles01 p{
		margin-top : calc( 12 var( --remBase ) );
	}
	#event > p:nth-of-type( 1 ){
		margin-top : calc( 16 var( --remBase ) );
	}
	#event .link01{
		margin-top : calc( 16 var( --remBase ) );
	}
	#event > p:nth-of-type( 2 ){
		position : absolute;
		top : calc( 756.1 var( --remBase ) );
	}
	#event > p:nth-of-type( 2 ) img{
		height : calc( 326.98 var( --remBase ) );
	}
	#event .splide__track{
		position : static;
	}
	#event .splide__list > li{
		position : absolute;
	}
	#event .splide__list > li:nth-of-type( 1 ){
		top : calc( 293.35 var( --remBase ) );
	}
	#event .splide__list > li:nth-of-type( 1 ) img{
		height : calc( 450 var( --remBase ) );
	}
	#event .splide__list > li:nth-of-type( 2 ){
		top : calc( 774.35 var( --remBase ) );
	}
	#event .splide__list > li:nth-of-type( 2 ) img{
		height : calc( 301 var( --remBase ) );
	}
	#event .splide__list > li:nth-of-type( 3 ){
		top : calc( 184.35 var( --remBase ) );
	}
	#event .splide__list > li:nth-of-type( 3 ) img{
		height : calc( 389 var( --remBase ) );
	}
	#event .splide__list > li:nth-of-type( 4 ){
		top : calc( 604.35 var( --remBase ) );
	}
	#event .splide__list > li:nth-of-type( 4 ) img{
		height : calc( 415 var( --remBase ) );
	}
	#event .splide__list > li:nth-of-type( n + 5 ) {
		display: none;
	}
}
@media screen and ( 750px < width < 1960px ) , print{
	#event::before{
		left : calc( 800 var( --viewportBase ) );
		width : calc( 1150 var( --viewportBase ) );
	}
	#event > p:nth-of-type( 2 ){
		left : calc( 1112.45 var( --viewportBase ) );
	}
	#event .splide__list > li{
		position : absolute;
	}
	#event .splide__list > li:nth-of-type( 1 ){
		left : calc( 628.57 var( --viewportBase ) );
	}
	#event .splide__list > li:nth-of-type( 2 ){
		left : calc( 628.53 var( --viewportBase ) );
	}
	#event .splide__list > li:nth-of-type( 3 ){
		left : calc( 37.46 var( --viewportBase ) );
	}
	#event .splide__list > li:nth-of-type( 4 ){
		left : 0;
	}
}
@media screen and ( width >= 1960px ){
	#event::before{
		left : calc( 50% - 180px );
		width : 1150px;
	}
	#event > p:nth-of-type( 2 ){
		left : calc( 50% + 132.45px );
	}
	#event .splide__list > li{
		position : absolute;
	}
	#event .splide__list > li:nth-of-type( 1 ){
		left : calc( 50% - 351.43px );
	}
	#event .splide__list > li:nth-of-type( 2 ){
		left : calc( 50% - 351.47px );
	}
	#event .splide__list > li:nth-of-type( 3 ){
		left : calc( 50% - 942.54px );
	}
	#event .splide__list > li:nth-of-type( 4 ){
		left : calc( 50% - 980px );
	}
}

/* --------------------------------------------
ACCESS
--------------------------------------------- */
#access{
	position : relative;
	overflow-x : clip;
}
#access::before{
	position : absolute;
	z-index : -1;
	display : block;
	width : 100%;
	font-size : 0;
	content : "";
	background-image : url( "../images/kitazono/top/access/bg.svg" );
	background-repeat : no-repeat;
	background-position : center;
	background-size : contain;
}
#access .splide__slide img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
}
@media screen and ( width <= 750px ){
	#access{
		padding-bottom : calc( 55 var( --remBase ) );
	}
	#access::before{
		top : calc( -68.74 var( --remBase ) );
		left : calc( -266.07 var( --viewportBase ) );
		width : calc( 635.17 var( --viewportBase ) );
		height : calc( 543.99 var( --remBase ) );
	}
	#access > :where( .titles01 , p:nth-of-type( 1 ) , .link01 ){
		margin-inline : calc( 16 var( --viewportBase ) );
	}
	#access > p:nth-of-type( 1 ){
		margin-top : calc( 16 var( --remBase ) );
	}
	#access .link01{
		margin-top : calc( 16 var( --remBase ) );
	}
	#access .splide__track{
		margin-top : calc( 32 var( --remBase ) );
		margin-left : calc( 16 var( --viewportBase ) );
	}
}
@media screen and ( width > 750px ) , print{
	#access{
		padding-top : calc( 211 var( --remBase ) );
		padding-bottom : calc( 417 var( --remBase ) );
	}
		.seiseki #access{
			padding-top : calc( 260 var( --remBase ) );
			padding-bottom : calc( 417 var( --remBase ) );
		}
	#access::before{
		top : calc( 18.62 var( --remBase ) );
		height : calc( 828.52 var( --remBase ) );
	}
	#access > :where( .titles01 , p:nth-of-type( 1 ) ){
		width : calc( 609 var( --percentBase ) );
	}
	#access .titles01 p{
		margin-top : calc( 12 var( --remBase ) );
	}
	#access > p:nth-of-type( 1 ){
		margin-top : calc( 16 var( --remBase ) );
	}
	#access .link01{
		margin-top : calc( 16 var( --remBase ) );
	}
	#access > p:nth-of-type( 2 ){
		position : absolute;
		top : calc( 488.2 var( --remBase ) );
	}
	#access > p:nth-of-type( 2 ) img{
		height : calc( 339.41 var( --remBase ) );
	}
	#access .splide__track{
		position : static;
	}
	#access .splide__list > li{
		position : absolute;
	}
	#access .splide__list > li img{
		height : calc( 393 var( --remBase ) );
	}
	#access .splide__list > li:nth-of-type( 1 ){
		top : 0;
	}
	#access .splide__list > li:nth-of-type( 2 ){
		top : calc( 410 var( --remBase ) );
	}
	#access .splide__list > li:nth-of-type( 3 ){
		top : calc( 410 var( --remBase ) );
	}
	#access .splide__list > li:nth-of-type( 4 ){
		top : 0;
	}
}
@media screen and ( 750px < width < 1960px ) , print{
	#access::before{
		left : calc( 78.76 var( --viewportBase ) );
		width : calc( 967.38 var( --viewportBase ) );
	}
	#access > p:nth-of-type( 2 ){
		left : calc( 677.01 var( --viewportBase ) );
	}
	#access .splide__list > li{
		position : absolute;
		width : calc( 523 var( --viewportBase ) );
	}
	#access .splide__list > li:nth-of-type( 1 ){
		left : calc( 1222 var( --viewportBase ) );
	}
	#access .splide__list > li:nth-of-type( 2 ){
		left : calc( 1348 var( --viewportBase ) );
	}
	#access .splide__list > li:nth-of-type( 3 ){
		left : calc( 800 var( --viewportBase ) );
	}
	#access .splide__list > li:nth-of-type( 4 ){
		left : calc( 681 var( --viewportBase ) );
	}
}
@media screen and ( width >= 1960px ){
	#access::before{
		left : calc( 50% - 901.24px );
		width : 967.38px;
	}
	#access > p:nth-of-type( 2 ){
		left : calc( 50% - 302.09px );
	}
	#access .splide__list > li{
		position : absolute;
		width : 523px;
	}
	#access .splide__list > li:nth-of-type( 1 ){
		left : calc( 50% + 242px );
	}
	#access .splide__list > li:nth-of-type( 2 ){
		left : calc( 50% + 368px );
	}
	#access .splide__list > li:nth-of-type( 3 ){
		left : calc( 50% - 180px );
	}
	#access .splide__list > li:nth-of-type( 4 ){
		left : calc( 50% - 299px );
	}
}

/* --------------------------------------------
VOICES
--------------------------------------------- */
#voices hgroup{
	color : white;
}
#voices hgroup h2{
	font-family : Poppins , sans-serif;
	letter-spacing : .1em;
}
#voices hgroup p{
	line-height : 1.3;
}
#voices li a{
	display : grid;
	grid-template-rows : 1fr auto calc( 8 var( --remBase ) ) auto 1fr;
	background-color : white;
}
#voices li picture{
	grid-row : 1 / 6;
	width : 100%;
	height : 100%;
}
#voices li img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
}
#voices li h3{
	display : grid;
	grid-template-columns : auto auto;
	grid-row : 2;
	align-items : start;
	justify-content : start;
	font-family : "Noto Sans JP" , sans-serif;
}
#voices li h3 > span:nth-of-type( 1 ){
	grid-row : 1;
	grid-column : 1/3;
	font-weight : 500;
	line-height : 1.3;
}
#voices li h3 > span + span{
	grid-row : 2;
	font-weight : 400;
	line-height : 1.5;
}
#voices li h3 > span:nth-of-type( 2 ){
	grid-column : 1;
}
#voices li h3 > span:nth-of-type( 3 ){
	grid-column : 2;
}
#voices li p{
	grid-row : 4;
	line-height : 1.3;
	color : var( --color01 );
}
#voices .interview{
	display : block;
	justify-self : center;
	width : fit-content;
}
@media screen and ( width <= 750px ){
	#voices{
		padding-top : calc( 23 var( --remBase ) );
		padding-bottom : calc( 55 var( --remBase ) );
	}
	#voices hgroup{
		padding-block : calc( 38.5 var( --remBase ) );
		text-align : center;
	}
	#voices hgroup h2{
		font-size : 4rem;
		text-indent : .1em;
	}
	#voices hgroup p{
		font-size : 1.4rem;
		text-indent : .1em;
	}
	#voices ul{
		margin-top : calc( 16 var( --remBase ) );
	}
	#voices li + li{
		margin-top : calc( 16 var( --remBase ) );
	}
	#voices li:nth-child( odd ) a{
		grid-template-columns : calc( 120 var( --percentBase ) ) calc( 16 var( --percentBase ) ) 1fr calc( 16 var( --percentBase ) );
	}
	#voices li:nth-child( odd ) a picture{
		grid-column : 1;
	}
	#voices li:nth-child( odd ) a :where( h3 , p ){
		grid-column : 3;
	}
	#voices li:nth-child( even ) a{
		grid-template-columns : calc( 16 var( --percentBase ) ) 1fr calc( 16 var( --percentBase ) ) calc( 120 var( --percentBase ) );
	}
	#voices li:nth-child( even ) a :where( h3 , p ){
		grid-column : 2;
	}
	#voices li:nth-child( even ) a picture{
		grid-column : 4;
	}
	#voices li a{
		height : calc( 126 var( --remBase ) );
	}
	#voices li h3{
		row-gap : calc( 8 var( --remBase ) );
	}
	#voices li h3:nth-of-type( 1 ){
		font-size : 1.6em;
	}
	#voices li h3 span + span{
		font-size : 1.4rem;
	}
	#voices li p{
		font-size : 1.4rem;
	}
	#voices .link01{
		margin-inline : auto;
		margin-top : calc( 24 var( --remBase ) );
	}
	#voices .interview{
		margin-top : calc( 24 var( --remBase ) );
	}
	#voices .interview img{
		height : calc( 223 var( --remBase ) );
	}
}
@media screen and ( width > 750px ) , print{
	#voices{
		display : grid;
		grid-template-columns : calc( 900 var( --percentBase ) ) 1fr auto;
		row-gap : calc( 40 var( --remBase ) );
		align-items : end;
		padding-bottom : calc( 40 var( --remBase ) );
	}
	#voices hgroup{
		position : relative;
		display : grid;
		grid-template-columns : auto auto;
		grid-row : 1;
		grid-column : 1;
		align-items : center;
		justify-content : center;
		justify-content : space-between;
		padding-inline : calc( 32 var( --percentBase ) );
		padding-top : calc( ( 28 - 16 ) var( --remBase ) );
		padding-bottom : calc( 28 var( --remBase ) );
	}
	#voices hgroup::before{
		position : absolute;
		top : 1px;
		left : 0;
		display : block;
		width : 100%;
		height : calc( 16 var( --remBase ) );
		font-size : 0;
		content : "";
		background-color : var( --color0102 );
		translate : 0 -100%;
	}
	#voices hgroup h2{
		font-size : 6rem;
	}
	#voices hgroup p{
		font-size : 2rem;
	}
	#voices ul{
		display : grid;
		grid-template-columns : repeat( 3 , calc( 600 var( --percentBase ) ) );
		grid-row : 2;
		grid-column : 1/4;
		grid-auto-rows : calc( 200 var( --remBase ) );
		row-gap : calc( 40 var( --remBase ) );
		justify-content : space-between;
	}
	#voices li{
		height : 100%;
	}
	#voices li > a{
		height : 100%;
	}
	#voices li:nth-child( 6n + 1 ) a , #voices li:nth-child( 6n + 2 ) a , #voices li:nth-child( 6n + 3 ) a{
		grid-template-columns : calc( 200 * 100% / 600 ) calc( 18 * 100% / 600 ) 1fr calc( 18 * 100% / 600 );
	}
	#voices li:nth-child( 6n + 1 ) a picture , #voices li:nth-child( 6n + 2 ) a picture , #voices li:nth-child( 6n + 3 ) a picture{
		grid-column : 1;
	}
	#voices li:nth-child( 6n + 1 ) a :where( h3 , p ) , #voices li:nth-child( 6n + 2 ) a :where( h3 , p ) , #voices li:nth-child( 6n + 3 ) a :where( h3 , p ){
		grid-column : 3;
	}
	#voices li:nth-child( 6n + 4 ) a , #voices li:nth-child( 6n + 5 ) a , #voices li:nth-child( 6n + 6 ) a{
		grid-template-columns : calc( 18 * 100% / 600 ) 1fr calc( 18 * 100% / 600 ) calc( 200 * 100% / 600 );
	}
	#voices li:nth-child( 6n + 4 ) a :where( h3 , p ) , #voices li:nth-child( 6n + 5 ) a :where( h3 , p ) , #voices li:nth-child( 6n + 6 ) a :where( h3 , p ){
		grid-column : 2;
	}
	#voices li:nth-child( 6n + 4 ) a picture , #voices li:nth-child( 6n + 5 ) a picture , #voices li:nth-child( 6n + 6 ) a picture{
		grid-column : 4;
	}
	#voices li h3:nth-of-type( 1 ){
		font-size : 2.2rem;
	}
	#voices li h3 span + span{
		font-size : 2rem;
	}
	#voices li p{
		font-size : 2.2rem;
	}
	#voices .link01{
		color : white;
		background-color : var( --color01 );
		border-color : white;
	}
	#voices .link01::after{
		filter : var( --filterWhite );
	}
	#voices .link01{
		grid-row : 1;
		grid-column : 3;
	}
	#voices .interview{
		grid-row : 3;
		grid-column : 1/4;
	}
	#voices .interview img{
		height : calc( 172 var( --remBase ) );
	}
}
@media ( hover : hover ){
	#voices .link01:hover{
		color : var( --color01 );
		background-color : white;
	}
	#voices .link01:hover::after{
		filter : var( --filterColor01 );
	}
}

/* --------------------------------------------
INSTAGRAM
--------------------------------------------- */
#instagram h3 a{
	display : grid;
	font-family : Poppins;
}
#instagram h3 a > span:nth-of-type( 1 ){
	display : grid;
	grid-template-columns : auto auto;
	align-items : center;
	justify-content : start;
	line-height : 1.3;
}
#instagram h3 a > span:nth-of-type( 1 )::before{
	display : block;
	width : 100%;
	font-size : 0;
	content : "";
	background-image : url( "../images/ui/icon/sns/instagram02.webp" );
	background-repeat : no-repeat;
	background-position : left center;
	background-size : contain;
}
#instagram h3 a > span:nth-of-type( 2 ){
	display : block;
	line-height : 1.3;
}
#instagram ul{
	display : grid;
	justify-content : space-between;
}
#instagram li img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
}
@media screen and ( width <= 750px ){
	#instagram{
		padding-top : calc( 49 var( --remBase ) );
		padding-bottom : calc( 60 var( --remBase ) );
		margin-bottom : calc( 55 var( --remBase ) );
		background-color : white;
	}
	#instagram h3 a{
		width : fit-content;
		margin-inline : auto;
	}
	#instagram h3 a > span:nth-of-type( 1 ){
		column-gap : calc( 11 var( --remBase ) );
		justify-content : center;
		font-size : 2rem;
	}
	#instagram h3 a > span:nth-of-type( 1 )::before{
		height : calc( 38 var( --remBase ) );
		aspect-ratio : 36.58/38;
	}
	#instagram h3 a > span:nth-of-type( 2 ){
		margin-top : calc( 8 var( --remBase ) );
		font-size : 1.1rem;
		text-align : center;
	}
	#instagram ul{
		grid-template-columns : repeat( 3 , calc( 122 var( --percentBase ) ) );
		grid-auto-rows : calc( 122 var( --remBase ) );
		row-gap : calc( 1 var( --remBase ) );
		margin-top : calc( 11 var( --remBase ) );
	}
}
@media screen and ( width > 750px ) , print{
	#instagram{
		padding-top : calc( 61 var( --remBase ) );
		padding-bottom : calc( 101 var( --remBase ) );
	}
	#instagram .box{
		display : grid;
		grid-template-columns : calc( 308 * 100% / 1728 ) 1fr;
		align-items : center;
		justify-content : space-between;
		width : calc( 1794 var( --percentBase ) );
		padding-block : calc( 35 var( --remBase ) );
		padding-left : calc( 42 var( --percentBase ) );
		padding-right : calc( 24 var( --percentBase ) );
		margin-inline : auto;
		background-color : white;
	}
	#instagram h3 a > span:nth-of-type( 1 ){
		column-gap : calc( 1 * 100% / 308 );
		font-size : 4rem;
	}
	#instagram h3 a > span:nth-of-type( 1 )::before{
		height : calc( 54 var( --remBase ) );
		aspect-ratio : 52/54;
	}
	#instagram h3 a > span:nth-of-type( 2 ){
		margin-top : calc( 25 var( --remBase ) );
		font-size : 1.8rem;
	}
	#instagram ul{
		grid-template-rows : calc( 230 var( --remBase ) );
		grid-template-columns : repeat( 6 , calc( 230 * 100% / 1420 ) );
	}
}

/* --------------------------------------------
POSTS
--------------------------------------------- */
#posts h2{
	font-family : "Noto Sans JP" , sans-serif;
	font-weight : 400;
	line-height : 1.3;
}
#posts time{
	display : block;
	font-family : "Roboto Flex" , sans-serif;
	font-weight : 500;
}
#posts h3{
	font-family : "Noto Sans JP" , sans-serif;
	font-weight : 400;
}
@media screen and ( width <= 750px ){
	#posts{
		padding-bottom : calc( 40 var( --remBase ) );
	}
		.seiseki #posts , .ichikawa #posts{
			padding-top : calc( 40 var( --remBase ) );
		}
	#posts h2{
		font-size : 2.4rem;
	}
	#posts h2::after{
		display : block;
		width : calc( 134.58 var( --percentBase ) );
		height : calc( 2 var( --remBase ) );
		margin-top : calc( 8 var( --remBase ) );
		font-size : 0;
		content : "";
		background-color : var( --color01 );
	}
	#posts ul{
		margin-top : calc( 24 var( --remBase ) );
	}
	#posts .link01{
		margin-inline : auto;
		margin-top : calc( 28 var( --remBase ) );
	}
}
@media screen and ( width > 750px ) , print{
	#posts{
		display : grid;
		grid-template-columns : repeat( 2 , calc( 920 var( --percentBase ) ) );
		align-items : start;
		justify-content : space-between;
		padding-bottom : calc( 115 var( --remBase ) );
	}
		.seiseki #posts{
			padding-top : calc( 120 var( --remBase ) );
		}
		.ichikawa #posts{
			padding-top : calc( 120 var( --remBase ) );
		}
	#posts section{
		display : grid;
		grid-template-columns : auto 1fr auto;
		align-items : center;
	}
	#posts h2{
		grid-row : 1;
		grid-column : 1;
		font-size : 4rem;
	}
	#posts .link01{
		grid-row : 1;
		grid-column : 3;
	}
	#posts ul{
		grid-row : 2;
		grid-column : 1/4;
	}
}
#news li a{
	display : grid;
}
#news .category{
	display : grid;
	place-items : center;
	width : fit-content;
	padding-inline : calc( 8 var( --remBase ) );
	color : white;
	background-color : var( --color01 );
}
@media screen and ( width <= 750px ){
	#news li + li{
		margin-top : calc( 16 var( --remBase ) );
	}
	#news li a{
		grid-template-columns : auto auto 1fr;
		row-gap : calc( 8 var( --remBase ) );
		column-gap : calc( 16 var( --percentBase ) );
		align-items : center;
		padding-bottom : calc( 16 var( --remBase ) );
		border-bottom-color : #d9d9d9;
		border-bottom-width : 1px;
	}
	#news time{
		grid-row : 1;
		grid-column : 1;
		font-size : 1.4rem;
	}
	#news .category{
		grid-row : 1;
		grid-column : 2;
		height : calc( 26 var( --remBase ) );
		font-size : 1.4rem;
	}
	#news h3{
		grid-row : 2;
		grid-column : 1/4;
		font-size : 1.4rem;
		line-height : 1.5;
	}
}
@media screen and ( width > 750px ) , print{
	#news{
		row-gap : calc( 44 var( --remBase ) );
	}
	#news li a{
		grid-template-columns : auto auto 1fr;
		column-gap : calc( 16 * 100% / 920 );
		align-items : start;
		padding-bottom : calc( 24 var( --remBase ) );
	}
	#news li + li a{
		padding-top : calc( 24 var( --remBase ) );
		border-top-color : #d9d9d9;
		border-top-width : 1px;
	}
	#news time{
		margin-top : calc( 6.5 var( --remBase ) );
		font-size : max(1.8rem,16px);
	}
	#news .category{
		height : calc( 31 var( --remBase ) );
		font-size : max(1.8rem,16px);
	}
	#news h3{
		padding-top : calc( .4 var( --remBase ) );
		font-size : max(1.8rem,16px);
		line-height : 1.7;
	}
}
#blog picture{
	width : 100%;
	aspect-ratio : 1;
}
#blog picture img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
}
#blog time{
	line-height : 1.3;
}
#blog h3{
	line-height : 1.5;
}
@media screen and ( width <= 750px ){
	#blog{
		margin-top : calc( 56 var( --remBase ) );
	}
	#blog ul{
		margin-top : calc( 24 var( --remBase ) );
	}
	#blog li + li{
		margin-top : calc( 8 var( --remBase ) );
	}
	#blog li a{
		display : grid;
		grid-template-rows : 1fr auto calc( 8 var( --remBase ) ) auto 1fr;
		grid-template-columns : calc( 112 var( --percentBase ) ) 1fr;
		column-gap : calc( 8 var( --percentBase ) );
		justify-content : start;
	}
	#blog picture{
		grid-row : 1/6;
		grid-column : 1;
		height : calc( 112 var( --remBase ) );
	}
	#blog time{
		grid-row : 2;
		grid-column : 2;
		font-size : 1.4rem;
	}
	#blog h3{
		grid-row : 4;
		grid-column : 2;
		font-size : 1.4rem;
	}
}
@media screen and ( width > 750px ) , print{
	#blog{
		row-gap : calc( 40 var( --remBase ) );
	}
	#blog ul{
		display : grid;
		grid-template-columns : repeat( 4 , calc( 224 * 100% / 920 ) );
		justify-content : space-between;
	}
	#blog picture{
		height : calc( var( --remBase ) );
	}
	#blog time{
		margin-top : calc( 8 var( --remBase ) );
		font-size : max(1.8rem,16px);
	}
	#blog h3{
		margin-top : calc( 8 var( --remBase ) );
		font-size : max(1.8rem,16px);;
	}
}