@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600&display=swap');

html[lang="ja"] body,
html[lang="ja"] p,
html[lang="ja"] .hero-subtitle,
html[lang="ja"] .next-hero-subtitle,
html[lang="ja"] .has-opacity {
	font-family: 'Noto Sans JP', 'Poppins', sans-serif;
}

@media only screen and (min-width: 1025px) {
	html[lang="ja"] .fullscreen-menu .flexnav > li > a {
		font-family: 'Noto Sans JP', 'Poppins', sans-serif;
		font-size: 2.21rem;
		line-height: 1.4;
		text-transform: none;
		letter-spacing: 0.06em;
		font-weight: 400;
		padding: 0 24px;
	}

	html[lang="ja"] .hero-title {
		font-size: calc(0.85rem + 20.53vw);
		line-height: calc(0.85rem + 18.7vw);
	}

	html[lang="ja"] .next-hero-title {
		font-size: calc(0.85rem + 20.53vw);
		line-height: calc(0.85rem + 12.33vw);
	}

	html[lang="ja"] .fullscreen-menu .flexnav .touch-button {
		height: auto;
		min-height: 3rem;
	}

	html[lang="ja"] footer .socials-wrap {
		width: auto;
		height: auto;
	}

	html[lang="ja"] footer .socials-text,
	html[lang="ja"] footer .socials-icon {
		font-size: 11px;
		line-height: 24px;
		height: 24px;
	}

	html[lang="ja"] footer .socials li,
	html[lang="ja"] footer .socials li a {
		height: 24px;
		width: auto;
		min-width: 24px;
		line-height: 24px;
		font-size: 11px;
		padding: 0 4px;
	}

	html[lang="ja"] footer .copyright {
		font-size: 11px;
		line-height: 24px;
		height: auto;
	}

	html[lang="ja"] #page-nav .next-hero-subtitle {
		font-size: 15px;
		line-height: 1.9;
		max-width: 720px;
		margin-left: auto;
		margin-right: auto;
	}

	html[lang="ja"] .list-rotator-title {
		font-size: 14px;
		letter-spacing: 0.08em;
	}

	html[lang="ja"] .list-rotator li {
		font-family: 'Noto Sans JP', 'Poppins', sans-serif;
		font-size: calc(0.6rem + 3.6vw);
		line-height: 1.6;
		letter-spacing: 0.02em;
		font-weight: 500;
		white-space: nowrap;
	}
}