@charset "UTF-8";
body, div, section, article, aside, ul, ol, dl, li, dt, dd, p, a {
	font-size: 2.2rem;
	font-family: "Noto Sans", serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: italic;
	font-variation-settings: "wdth" 100;
}

@media screen and (min-width:0) and (max-width:480px) {
	nav.header-nav-pc {
		display:none !important;
	}
nav#SpNav {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/*position: relative;*/
}
nav#SpNav div.mark{
	width:45px;
	height:70px;
	/*margin:0 0 70px 0;*/
}

nav#SpNav div.img {
	width:8px;
	height:75px;
	position:absolute;
	top:48dvh;
	left:45px;
}
nav#SpNav ul.slider li img {
	width:100%;
	max-width:100%;
	height:100vh;
	object-fit:cover;
	}
nav#SpNav div.mark {
	margin:0 0 calc(90vw / 7.68) 0;
	}
nav#SpNav ul {
	margin: 0 auto;
	width: calc(190vw /4.8);
	/* justify-content: center; */
	display:flex;
	justify-content:space-between;
	align-items: center;
	flex-direction: column;
}
nav#SpNav ul li {
padding:calc(65vw / 4.8) 0 !important;
	margin:0;
}
nav#SpNav ul li:last-child {
	padding-bottom:0 !important;
}
nav#SpNav ul li a {
	writing-mode:horizontal-tb;
	text-align:left;
	color:white;
	display:block;
}
nav#SpNav ul li a span img {
	width: 20px;
	height: 20px;
	vertical-align:bottom;
	border:0;
}
nav#SpNav ul li a span.SpSpn01 {
	margin:0 calc(55vw / 4.8) 0 0;
}
nav#SpNav ul li a span.SpSpn02 {
margin:0 calc(25vw / 4.8) 0 0;
}
nav#SpNav ul li a span.SpSpn03 {
	margin:0 calc(20vw / 4.8) 0 0;
}
nav#SpNav ul li a span.SpSpn04 {
margin:0 calc(40vw / 4.8) 0 0;
}
}

@media screen and (min-width:481px) {
	.menu-trigger {
		display:none !important;
	}
	nav#SpNav {
		display:none !important;
	}
}