:root {
	--liquid-pcDesignRatio: calc(1920 / 10);
	--liquid-lgDesignRatio: calc(1440 / 10);
	--liquid-lmdDesignRatio: calc(1024 / 10);
	--liquid-mdDesignRatio: calc(840 / 10);
	--liquid-smDesignRatio: calc(390 / 10);
}
html {
	font-size: 62.5%;
}
@media screen and (max-width: 1920px) {
	:root {
		--liquid-htmlroot: calc(100vw / var(--liquid-pcDesignRatio));
	}
	html {
		font-size: var(--liquid-htmlroot);
	}
}
@media screen and (max-width: 1440px) {
	:root {
		--liquid-htmlroot: calc(100vw / var(--liquid-lgDesignRatio));
	}
	html {
		font-size: var(--liquid-htmlroot);
	}
}
@media screen and (max-width: 1024px) {
	:root {
		--liquid-htmlroot: calc(100vw / var(--liquid-lmdDesignRatio));
	}
}
@media screen and (max-width: 840px) {
	:root {
		--liquid-htmlroot: calc(100vw / var(--liquid-mdDesignRatio));
	}
}
@media screen and (max-width: 520px) {
	:root {
		--liquid-htmlroot: calc(100vw / var(--liquid-smDesignRatio));
	}
}

html {
	overflow-y: scroll;
	scroll-behavior: smooth;
}
body {
	
	font-family:  "Zen Maru Gothic", serif;
	font-weight: 500;
  	font-style: normal;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	font-size: clamp(1.4rem, 2.286vw, 1.8rem);
	color: #333;
	position: relative;
	overflow-x: clip;
}
h1, h2, h3, h4, h5 {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	line-height: 1.75;
	color: white;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
ul {
	list-style: none;
	padding-left: 0;
}
li {
	line-height: 1.5;
}
p {
	line-height: 1.8;
}
a {
	color: unset;
	text-decoration: none;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}
a img { transition: 0.3s; }
a:hover img { opacity: 0.8; }
a:hover { color: white; }
img {
	max-width: 100%;
	height: auto;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
.pc {
	display: none;
}
.sp {
	display: inline-block;
}
.Tcenter {
	text-align: center;
}
.inner {
	width: 86%;
	margin: 0 auto;
	max-width: 120rem;
}
/* pc用<br> */
@media screen and (min-width: 1025px) {
	.br-sp {
		display: none;
	}
	.br-tb {
		display: none;
	}
	.br-pc {
		display: block;
	}
}
/* tablet用<br> */
@media only screen and (min-width: 521px) and (max-width: 1024px) {
	.br-sp {
		display: none;
	}
	.br-tb {
		display: block;
	}
	.br-pc {
		display: none;
	}
}
/* smartphone用<br> */
@media screen and (max-width: 520px) {
	.br-sp {
		display: block;
	}
	.br-tb {
		display: none;
	}
	.br-pc {
		display: none;
	}
}
/* pc用イメージ */
.pc-image {
	display: block;
}
.sp-image {
	display: none;
}
@media screen and (max-width: 520px) {
	.pc-image {
		display: none;
	}
	.sp-image {
		display: block;
	}
}
@media screen and (min-width: 768px) {
	.pc {
		display: inline-block;
	}
	.sp {
		display: none;
	}
}