:root {
	--bp-sp: 767px;
}

:root {
	--bp-portrait: 1024px;
}

:root {
	--bp-pc: 1160px;
}

/******************************************************************
foundation - base
******************************************************************/
:where(html) {
	-webkit-text-size-adjust: 100%;
}

:where(body) {
	margin: 0;
}

:where(button, input, optgroup, select, textarea) {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.4;
	font-feature-settings: "palt";
	letter-spacing: 0.04em;
}

:where(html) {
	scroll-behavior: smooth;
}

:where(body) {
	background-color: #f0f0f0;
	min-width: 375px;
	font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	overflow-wrap: break-word;
	overflow-y: scroll;
	color: #222222;
	line-height: 1.4;
	font-feature-settings: "palt";
	letter-spacing: 0.04em;
	font-size: 15px;
}
@media screen and (max-width: 767px) {
	:where(body) {
		font-size: 15px;
	}
}
@media print {
	:where(body) {
		width: 1100px;
		zoom: 0.8;
	}
}

:where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, figure) {
	margin: 0;
	padding: 0;
}

:where(li) {
	list-style: none;
}

:where(table) {
	border-collapse: collapse;
	border-spacing: 0;
}

:where(iframe) {
	border: 0;
}

:where(button) {
	background-color: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	appearance: none;
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	:where(button):hover {
		text-decoration: none;
		color: inherit;
	}
}
:where(button):focus {
	text-decoration: none;
	color: inherit;
}
:where(button) {
	outline-color: #999999;
}

:where(input, select) {
	outline-color: #999999;
}

:where(em) {
	font-style: normal;
	font-weight: bold;
}

:where(fieldset) {
	border: 0;
	padding: 0;
	margin: 0;
}

:where(address) {
	font-style: normal;
}

:where(a) {
	color: #777777;
	text-decoration: underline;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 0.1em;
	outline-color: #999999;
}
@media (any-hover: hover) {
	:where(a):hover {
		text-decoration: underline;
		color: #db0c27;
	}
}
:where(a):focus {
	text-decoration: underline;
	color: #db0c27;
}

:where(img) {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

:where(svg) {
	vertical-align: middle;
}

:where(hr) {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #dddddd;
}

/******************************************************************
layout - wrapper
******************************************************************/
.l-wrapper {
	width: 100%;
	overflow: clip;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
}
.l-wrapper main {
	flex-grow: 1;
}

/******************************************************************
layout - header-fixed
******************************************************************/
html:has(.l-header-fixed) {
	scroll-padding-top: calc(var(--header-height) + 10px);
}

@media screen and (max-width: 1024px) {
	html:has(.l-header-fixed--portrait-over) {
		scroll-padding-top: initial;
	}
}

@media print, screen and (min-width: 1025px) {
	html:has(.l-header-fixed--portrait) {
		scroll-padding-top: initial;
	}
}
body:has(.l-header-fixed) {
	padding-top: var(--header-height);
}
@media print {
	body:has(.l-header-fixed) {
		padding-top: initial;
	}
}

@media screen and (max-width: 1024px) {
	body:has(.l-header-fixed--portrait-over) {
		padding-top: initial;
	}
}

@media print, screen and (min-width: 1025px) {
	body:has(.l-header-fixed--portrait) {
		padding-top: initial;
	}
}
body:has(.l-header-fixed) .l-wrapper {
	min-height: calc(100dvh - var(--header-height));
}

.l-header-fixed__inner[data-header-fixed=true] {
	position: fixed;
	z-index: 120;
	top: 0;
	width: 100%;
}
@media print {
	.l-header-fixed__inner[data-header-fixed=true] {
		position: relative;
	}
}

/******************************************************************
layout - header
******************************************************************/
:root {
	--header-height: 0;
}

.l-header {
	position: relative;
	background-color: #282828;
	color: #fff;
}
.l-header__navigation {
	border-top: 1px solid #191919;
	padding-inline: 40px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
}
@media screen and (max-width: 1024px) {
	.l-header__navigation {
		display: none;
	}
}

/******************************************************************
layout - header-content-type1
******************************************************************/
.l-header-content-type1 {
	padding-inline: 40px 20px;
}
@media screen and (max-width: 1024px) {
	.l-header-content-type1 {
		padding-inline: 20px 0;
	}
}
.l-header-content-type1 {
	display: flex;
	gap: 1rem;
}
@media screen and (max-width: 1024px) {
	.l-header-content-type1 {
		gap: 0;
	}
}
.l-header-content-type1__head {
	margin-right: auto;
	align-self: center;
	box-sizing: border-box;
	padding-block: 18px;
}
@media screen and (max-width: 767px) {
	.l-header-content-type1__head {
		flex-grow: 1;
	}
}
.l-header-content-type1__body-landscape {
	display: flex;
	align-items: center;
}
@media screen and (max-width: 1024px) {
	.l-header-content-type1__body-landscape {
		display: none;
	}
}
.l-header-content-type1__body-portrait {
	display: none;
}
@media screen and (max-width: 1024px) {
	.l-header-content-type1__body-portrait {
		display: flex;
		flex-direction: row-reverse;
	}
}

/******************************************************************
layout - header-logo
******************************************************************/
.l-header-logo {
	font-size: 15px;
}
.l-header-logo img {
	width: 192px;
}
@media screen and (max-width: 767px) {
	.l-header-logo img {
		width: 144px;
	}
}
.l-header-logo:has(.l-header-logo__text) > *:not(:has(> a)), .l-header-logo:has(.l-header-logo__text) > *:has(> a) a {
	display: flex;
	gap: 28px;
	align-items: center;
}
@media screen and (max-width: 767px) {
	.l-header-logo:has(.l-header-logo__text) > *:not(:has(> a)), .l-header-logo:has(.l-header-logo__text) > *:has(> a) a {
		justify-content: space-between;
	}
}
.l-header-logo__text {
	border: 1px solid #fff;
	border-radius: 100vw;
	padding: 0.25em 1em;
	font-size: 12px;
}
.l-header-logo a {
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	.l-header-logo a:hover {
		text-decoration: none;
		color: inherit;
	}
}
.l-header-logo a:focus {
	text-decoration: none;
	color: inherit;
}

/******************************************************************
layout - header-submenu
******************************************************************/
@media print, screen and (min-width: 1025px) {
	.l-header-submenu {
		display: flex;
		flex-wrap: wrap;
		gap: 0.25em 17px;
		justify-content: flex-end;
		font-size: 0.8rem;
	}
	.l-header-submenu a {
		color: inherit;
		text-decoration: none;
		transition-property: opacity;
		transition-duration: 0.4s;
		opacity: 0.6;
	}
}
@media print and (any-hover: hover), screen and (min-width: 1025px) and (any-hover: hover) {
	.l-header-submenu a:hover {
		text-decoration: none;
		color: inherit;
	}
}
@media print, screen and (min-width: 1025px) {
	.l-header-submenu a:focus {
		text-decoration: none;
		color: inherit;
	}
}
@media print and (any-hover: hover), screen and (min-width: 1025px) and (any-hover: hover) {
	.l-header-submenu a:hover {
		opacity: 1;
	}
}
@media print, screen and (min-width: 1025px) {
	.l-header-submenu a:focus {
		opacity: 1;
	}
}
@media screen and (max-width: 1024px) {
	.l-header-submenu {
		display: flex;
		flex-wrap: wrap;
		gap: 0.25em 1em;
		justify-content: center;
		font-size: 15px;
	}
	.l-header-submenu a {
		color: inherit;
		text-decoration: none;
		transition-property: opacity;
		transition-duration: 0.4s;
	}
}
@media screen and (max-width: 1024px) and (any-hover: hover) {
	.l-header-submenu a:hover {
		text-decoration: none;
		color: inherit;
	}
}
@media screen and (max-width: 1024px) {
	.l-header-submenu a:focus {
		text-decoration: none;
		color: inherit;
	}
}
@media screen and (max-width: 1024px) and (any-hover: hover) {
	.l-header-submenu a:hover {
		opacity: 0.6;
	}
}
@media screen and (max-width: 1024px) {
	.l-header-submenu a:focus {
		opacity: 0.6;
	}
}

/******************************************************************
layout - header-button
******************************************************************/
.l-header-button {
	box-sizing: border-box;
	display: inline-block;
	border-radius: 100vw;
	background-color: #888888;
	line-height: 1;
	text-align: center;
	font-size: 14px;
	padding: 0.95em 1.75em;
	color: #fff;
	text-decoration: none;
}
@media (any-hover: hover) {
	.l-header-button:hover {
		text-decoration: none;
		color: #fff;
	}
}
.l-header-button:focus {
	text-decoration: none;
	color: #fff;
}
.l-header-button {
	transition-property: opacity;
	transition-duration: 0.4s;
}
@media (any-hover: hover) {
	.l-header-button:hover {
		opacity: 0.6;
	}
}
.l-header-button:focus {
	opacity: 0.6;
}

.l-header-button-sp {
	display: none;
}
@media screen and (max-width: 1024px) {
	.l-header-button-sp {
		display: block;
		margin-inline: auto;
		width: 100%;
		max-width: min(100% - 20px, 500px);
		z-index: 120;
		position: fixed;
		bottom: 10px;
		left: 0;
		right: 0;
		box-sizing: border-box;
		border-radius: 100vw;
		background-color: #888888;
		line-height: 1;
		text-align: center;
		font-size: 15px;
		padding: 1.2em 1.75em;
		color: #fff;
		text-decoration: none;
	}
}
@media screen and (max-width: 1024px) and (any-hover: hover) {
	.l-header-button-sp:hover {
		text-decoration: none;
		color: #fff;
	}
}
@media screen and (max-width: 1024px) {
	.l-header-button-sp:focus {
		text-decoration: none;
		color: #fff;
	}
}

/******************************************************************
layout - header-pulldown
******************************************************************/
.l-header-pulldown {
	position: relative;
}
.l-header-pulldown__trigger {
	position: relative;
}
.l-header-pulldown__trigger::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	transition-property: top, right, bottom, left, opacity;
	transition-duration: 0.2s;
}
.l-header-pulldown__trigger::after {
	top: 0;
	bottom: 0;
	right: 0;
	transform-origin: center center;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: translateX(-1.2426406871px) translateY(-1.2426406871px) rotate(135deg);
}
.l-header-pulldown__trigger {
	padding-right: 16px !important;
}
.l-header-pulldown__trigger[aria-expanded=true] {
	position: relative;
}
.l-header-pulldown__trigger[aria-expanded=true]::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	transition-property: top, right, bottom, left, opacity;
	transition-duration: 0.2s;
}
.l-header-pulldown__trigger[aria-expanded=true]::after {
	top: 0;
	bottom: 0;
	right: 0;
	transform-origin: center center;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: translateX(-1.2426406871px) translateY(1.2426406871px) rotate(-45deg);
}
.l-header-pulldown__body {
	padding-top: 12px;
	display: none;
	position: absolute;
	z-index: 120;
	left: -8px;
}
.l-header-pulldown__body ul {
	background-color: #555555;
	border-radius: 5px;
	position: relative;
}
.l-header-pulldown__body ul::after {
	transition-property: top, right, bottom, left, opacity;
	transition-duration: 0.2s;
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	width: 10.8px;
	height: 6px;
	border-color: #555555;
	border-style: solid;
	border-top-width: 0;
	border-right: 5.4px solid transparent !important;
	border-bottom-width: 6px;
	border-left: 5.4px solid transparent !important;
	top: -6px;
	left: 34px;
}
@media screen and (max-width: 767px) {
	.l-header-pulldown__body ul {
		position: relative;
	}
	.l-header-pulldown__body ul::after {
		transition-property: top, right, bottom, left, opacity;
		transition-duration: 0.2s;
		position: absolute;
		content: "";
		margin: auto;
		box-sizing: border-box;
		vertical-align: middle;
		width: 10.8px;
		height: 6px;
		border-color: #555555;
		border-style: solid;
		border-top-width: 0;
		border-right: 5.4px solid transparent !important;
		border-bottom-width: 6px;
		border-left: 5.4px solid transparent !important;
		top: -6px;
		left: 0;
		right: 0;
	}
}
.l-header-pulldown__body li:not(:last-child) {
	border-bottom: 1px solid #444444;
}
.l-header-pulldown__body li:first-child a {
	border-radius: 5px 5px 0 0;
}
.l-header-pulldown__body li:last-child a {
	border-radius: 0 0 5px 5px;
}
.l-header-pulldown__body a {
	display: block;
	white-space: nowrap;
	padding: 1em 1.8em;
	min-width: 9em;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
@media (any-hover: hover) {
	.l-header-pulldown__body a:hover {
		text-decoration: none;
		color: #fff;
	}
}
.l-header-pulldown__body a:focus {
	text-decoration: none;
	color: #fff;
}
.l-header-pulldown__body a {
	transition-property: background;
	transition-duration: 0.4s;
}
@media (any-hover: hover) {
	.l-header-pulldown__body a:hover {
		background-color: #636363;
	}
}
.l-header-pulldown__body a:focus {
	background-color: #636363;
}
.l-header-pulldown__body a span {
	display: inline-block;
	position: relative;
}
.l-header-pulldown__body a span::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	bottom: -2px;
	left: 0;
	width: 100%;
}
.l-header-pulldown__body a[aria-current=true] span::after, .l-header-pulldown__body a[aria-current=page] span::after {
	border-bottom: 1px solid #fff;
}

/******************************************************************
layout - header-nav
******************************************************************/
.l-header-nav {
	display: flex;
	gap: 30px;
}
.l-header-nav > li > a,
.l-header-nav > li > button {
	display: inline-block;
	padding: 3px 0;
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	.l-header-nav > li > a:hover,
	.l-header-nav > li > button:hover {
		text-decoration: none;
		color: inherit;
	}
}
.l-header-nav > li > a:focus,
.l-header-nav > li > button:focus {
	text-decoration: none;
	color: inherit;
}
.l-header-nav > li > a,
.l-header-nav > li > button {
	transition-property: opacity;
	transition-duration: 0.4s;
	opacity: 1;
}
@media (any-hover: hover) {
	.l-header-nav > li > a:hover,
	.l-header-nav > li > button:hover {
		opacity: 0.6;
	}
}
.l-header-nav > li > a,
.l-header-nav > li > button {
	position: relative;
}
.l-header-nav > li > a::before,
.l-header-nav > li > button::before {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	bottom: 0;
	left: 0;
	width: 100%;
}
.l-header-nav > li > a[aria-current=true]::before, .l-header-nav > li > a[aria-current=page]::before,
.l-header-nav > li > button[aria-current=true]::before,
.l-header-nav > li > button[aria-current=page]::before {
	border-bottom: 1px solid #fff;
}

/******************************************************************
layout - header-dropdown
******************************************************************/
body:has(.l-header-sticky .l-header-dropdown > [aria-hidden=false]),
body:has(.l-header-fixed:not(.l-header-fixed--portrait-over):not(.l-header-fixed--portrait) .l-header-dropdown > [aria-hidden=false]) {
	overflow: hidden;
}

@media print, screen and (min-width: 1025px) {
	body:has(.l-header-fixed--portrait-over .l-header-dropdown > [aria-hidden=false]) {
		overflow: hidden;
	}
}
@media screen and (max-width: 1024px) {
	body:has(.l-header-fixed--portrait .l-header-dropdown > [aria-hidden=false]) {
		overflow: hidden;
	}
}
.l-header-dropdown {
	display: flex;
}
.l-header-dropdown__close {
	display: block;
	width: fit-content;
	margin-inline: auto;
	padding-left: 16px;
	position: relative;
}
.l-header-dropdown__close::before, .l-header-dropdown__close::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.3, 2, 0.6, 1);
}
.l-header-dropdown__close::before {
	background-color: #444444;
	width: 12.1421356237px;
	height: 2px;
	transform: translateX(-1.0710678119px) rotate(45deg);
	top: 0;
	bottom: 0;
	left: 0;
}
.l-header-dropdown__close::after {
	background-color: #444444;
	width: 12.1421356237px;
	height: 2px;
	transform: translateX(-1.0710678119px) rotate(-45deg);
	top: 0;
	bottom: 0;
	left: 0;
}
.l-header-dropdown__body {
	display: none;
	position: absolute;
	inset-inline: 0;
	top: var(--header-height);
	z-index: 110;
	max-height: calc(100dvh - var(--header-height));
	overflow-y: auto;
	scroll-behavior: smooth;
	overscroll-behavior: contain;
	background-color: #fff;
}
.l-header-dropdown__body-inner {
	max-width: 500px;
	margin-inline: auto;
	padding: 30px;
}
@media screen and (max-width: 767px) {
	.l-header-dropdown__body-inner {
		padding: 20px;
	}
}
.l-header-dropdown__body-inner > *:not(:last-child) {
	margin-bottom: 2rem;
}
.l-header-dropdown__body-inner nav > *:not(:last-child) {
	margin-bottom: 2rem;
}
.l-header-dropdown__body > * {
	transition-property: opacity, transform;
	transition-duration: 0.6s;
	opacity: 0;
	transform: translateY(-15px);
}
.l-header-dropdown__body[aria-hidden=false] > * {
	opacity: 1;
	transform: translateY(0);
}

.l-header-sticky .l-header-dropdown::after,
.l-header-fixed:not(.l-header-fixed--portrait-over):not(.l-header-fixed--portrait) .l-header-dropdown::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	position: fixed;
	z-index: 109;
	inset-inline: 0;
	background-color: rgba(0, 0, 0, 0.7);
	top: var(--header-height);
	transition: opacity 0.4s, height 0s 0.4s;
	opacity: 0;
	height: 0;
}
.l-header-sticky .l-header-dropdown:has(> [aria-hidden=false])::after,
.l-header-fixed:not(.l-header-fixed--portrait-over):not(.l-header-fixed--portrait) .l-header-dropdown:has(> [aria-hidden=false])::after {
	transition: opacity 0.4s, height 0s 0s;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	opacity: 1;
	height: 100vh;
	height: 100dvh;
}

@media screen and (max-width: 1024px) {
	.l-header-fixed--portrait .l-header-dropdown::after {
		position: absolute;
		content: "";
		margin: auto;
		box-sizing: border-box;
		vertical-align: middle;
		position: fixed;
		z-index: 109;
		inset-inline: 0;
		background-color: rgba(0, 0, 0, 0.7);
		top: var(--header-height);
		transition: opacity 0.4s, height 0s 0.4s;
		opacity: 0;
		height: 0;
	}
	.l-header-fixed--portrait .l-header-dropdown:has(> [aria-hidden=false])::after {
		transition: opacity 0.4s, height 0s 0s;
		-webkit-backdrop-filter: blur(3px);
		backdrop-filter: blur(3px);
		opacity: 1;
		height: 100vh;
		height: 100dvh;
	}
}
/******************************************************************
layout - header-dropdown-nav
******************************************************************/
.l-header-dropdown-nav > li > a[target=_blank], .l-header-dropdown-nav > li > a:not([role=button]):not([target=_blank]), .l-header-dropdown-nav > li > button,
.l-header-dropdown-nav > li > a[role=button] {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 0.5em 20px 0.5em 0;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	.l-header-dropdown-nav > li > a[target=_blank]:hover, .l-header-dropdown-nav > li > a:hover:not([role=button]):not([target=_blank]), .l-header-dropdown-nav > li > button:hover,
	.l-header-dropdown-nav > li > a[role=button]:hover {
		text-decoration: none;
		color: inherit;
	}
}
.l-header-dropdown-nav > li > a[target=_blank]:focus, .l-header-dropdown-nav > li > a:focus:not([role=button]):not([target=_blank]), .l-header-dropdown-nav > li > button:focus,
.l-header-dropdown-nav > li > a[role=button]:focus {
	text-decoration: none;
	color: inherit;
}
.l-header-dropdown-nav > li > button,
.l-header-dropdown-nav > li > a[role=button] {
	position: relative;
}
.l-header-dropdown-nav > li > button::before, .l-header-dropdown-nav > li > button::after,
.l-header-dropdown-nav > li > a[role=button]::before,
.l-header-dropdown-nav > li > a[role=button]::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.3, 2, 0.6, 1);
}
.l-header-dropdown-nav > li > button::before,
.l-header-dropdown-nav > li > a[role=button]::before {
	background-color: #fff;
	width: 10px;
	height: 2px;
	top: 0;
	bottom: 0;
	right: 0;
}
.l-header-dropdown-nav > li > button::after,
.l-header-dropdown-nav > li > a[role=button]::after {
	background-color: #fff;
	width: 2px;
	height: 10px;
	top: 0;
	bottom: 0;
	right: 4px;
}
.l-header-dropdown-nav > li > button[aria-expanded=true]:after,
.l-header-dropdown-nav > li > a[role=button][aria-expanded=true]:after {
	height: 0;
}
.l-header-dropdown-nav > li > a:not([role=button]):not([target=_blank]) {
	position: relative;
}
.l-header-dropdown-nav > li > a:not([role=button]):not([target=_blank])::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	transition-property: top, right, bottom, left, opacity;
	transition-duration: 0.2s;
}
.l-header-dropdown-nav > li > a:not([role=button]):not([target=_blank])::after {
	top: 0;
	bottom: 0;
	right: 2px;
	transform-origin: center center;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: translateX(-1.6568542495px) rotate(45deg);
}
.l-header-dropdown-nav > li > a[target=_blank] {
	position: relative;
}
.l-header-dropdown-nav > li > a[target=_blank]::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	top: 0;
	right: 0;
	bottom: 0;
	width: 13px;
	height: 10px;
	background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTMgMTAiIHdpZHRoPSIxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMXY1aC04di01em0xLTFoLTEwdjdoMTB6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTEwIDkuNWgtOS41di02LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PC9zdmc+") no-repeat center center/100% auto;
}
.l-header-dropdown-nav > li [aria-current=true],
.l-header-dropdown-nav > li [aria-current=page] {
	position: relative;
}
.l-header-dropdown-nav > li [aria-current=true]::before,
.l-header-dropdown-nav > li [aria-current=page]::before {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	bottom: 0;
	left: 0;
	width: 1.2em;
	border-top: 1px solid #fff;
}
.l-header-dropdown-nav > li > ul {
	margin-left: 1em;
}
.l-header-dropdown-nav > li > ul li:last-child {
	padding-bottom: 0.75em;
}
.l-header-dropdown-nav > li > ul li a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 0.4em 0;
	font-size: 15px;
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	.l-header-dropdown-nav > li > ul li a:hover {
		text-decoration: none;
		color: inherit;
	}
}
.l-header-dropdown-nav > li > ul li a:focus {
	text-decoration: none;
	color: inherit;
}
.l-header-dropdown-nav > li:not(.l-header-dropdown-nav__small) + li.l-header-dropdown-nav__small {
	margin-top: 30px;
}
.l-header-dropdown-nav > li.l-header-dropdown-nav__small a:not([role=button]) {
	box-sizing: border-box;
	display: block;
	width: 100%;
	font-weight: normal;
	padding: 0.3em 0;
	font-size: 14px;
	opacity: 0.6;
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	.l-header-dropdown-nav > li.l-header-dropdown-nav__small a:not([role=button]):hover {
		text-decoration: none;
		color: inherit;
	}
}
.l-header-dropdown-nav > li.l-header-dropdown-nav__small a:not([role=button]):focus {
	text-decoration: none;
	color: inherit;
}
.l-header-dropdown-nav > li.l-header-dropdown-nav__small a:not([role=button])::after {
	content: initial;
}

/******************************************************************
layout - header-icon-hamburger
******************************************************************/
.l-header-icon-hamburger {
	min-width: 60px;
}
.l-header-icon-hamburger > span {
	margin-inline: auto;
	display: block;
	position: relative;
	width: 24px;
	height: 13px;
}
.l-header-icon-hamburger > span span {
	position: absolute;
	display: block;
	margin: auto;
	width: 100%;
	height: 1px;
	background-color: #fff;
}
.l-header-icon-hamburger > span span:first-child {
	top: 0;
}
.l-header-icon-hamburger > span span:nth-child(2) {
	top: 0;
	bottom: 0;
}
.l-header-icon-hamburger > span span:last-child {
	bottom: 0;
}
.l-header-icon-hamburger > span span:first-child {
	transition: top 0.24s 0.16s, transform 0.16s;
}
.l-header-icon-hamburger > span span:nth-child(2) {
	transition: opacity 0.24s 0.16s;
}
.l-header-icon-hamburger > span span:last-child {
	transition: bottom 0.24s 0.16s, transform 0.16s;
}
.l-header-icon-hamburger[aria-expanded=true] > span span:first-child {
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
	transition: top 0.16s, transform 0.24s 0.16s;
}
.l-header-icon-hamburger[aria-expanded=true] > span span:nth-child(2) {
	opacity: 0;
	transition: opacity 0.16s;
}
.l-header-icon-hamburger[aria-expanded=true] > span span:last-child {
	bottom: 50%;
	transform: translateY(50%) rotate(45deg);
	transition: bottom 0.16s, transform 0.24s 0.16s;
}

/******************************************************************
layout - top-visual
******************************************************************/
.l-top-visual {
	position: relative;
	background: var(--bg) center center/cover no-repeat;
	--bg-sp: var(--bg);
}
@media screen and (max-width: 1024px) {
	.l-top-visual {
		background-image: var(--bg-sp);
	}
}
.l-top-visual__inner {
	max-width: 1100px;
	margin-inline: auto;
	padding-inline: 30px;
}
@media screen and (max-width: 767px) {
	.l-top-visual__inner {
		padding-inline: 20px;
	}
}
.l-top-visual__inner {
	padding-inline: 52.5px;
}
@media screen and (max-width: 767px) {
	.l-top-visual__inner {
		padding-inline: 20px;
	}
}
.l-top-visual__inner {
	display: flex;
	flex-direction: column;
	color: #fff;
}
.l-top-visual__inner > *:not(:last-child) {
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.l-top-visual__inner > *:not(:last-child) {
		margin-bottom: 30px;
	}
}
.l-top-visual .l-top-visual__inner {
	max-height: 800px;
	height: 45vw;
	min-height: 600px;
}
@media screen and (max-width: 767px) {
	.l-top-visual .l-top-visual__inner {
		min-height: 138.8888888889vw;
	}
}
.l-top-visual__heading {
	font-weight: bold;
	margin-top: 9vw;
}
@media screen and (max-width: 767px) {
	.l-top-visual__heading {
		margin-top: 80px;
	}
}
.l-top-visual__heading {
	color: #fff;
	font-size: 15px;
}
@media screen and (max-width: 767px) {
	.l-top-visual__heading {
		font-size: 13px;
	}
}
.l-top-visual__heading-ja {
	display: block;
	font-size: 60px;
}
@media screen and (max-width: 767px) {
	.l-top-visual__heading-ja {
		font-size: 40px;
	}
}

/******************************************************************
layout - visual
******************************************************************/
.l-visual {
	position: relative;
	background: var(--bg) center center/cover no-repeat;
	--bg-sp: var(--bg);
}
@media screen and (max-width: 1024px) {
	.l-visual {
		background-image: var(--bg-sp);
	}
}
.l-visual {
	position: relative;
}
.l-visual::after {
	z-index: 1;
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	bottom: 0;
	left: 0;
	width: 70%;
	height: 100%;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (max-width: 767px) {
	.l-visual::after {
		width: 100%;
	}
}
.l-visual__inner {
	position: relative;
	z-index: 2;
	max-width: 1100px;
	margin-inline: auto;
	padding-inline: 30px;
}
@media screen and (max-width: 767px) {
	.l-visual__inner {
		padding-inline: 20px;
	}
}
.l-visual__inner {
	padding-inline: 52.5px;
}
@media screen and (max-width: 767px) {
	.l-visual__inner {
		padding-inline: 20px;
	}
}
.l-visual__inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	color: #fff;
}
.l-visual__inner > *:not(:last-child) {
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.l-visual__inner > *:not(:last-child) {
		margin-bottom: 30px;
	}
}
.l-visual .l-visual__inner {
	max-height: 700px;
	height: 39vw;
	min-height: 500px;
}
@media screen and (max-width: 767px) {
	.l-visual .l-visual__inner {
		min-height: 105.5555555556vw;
	}
}
.l-visual .c-heading1 {
	margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
	.l-visual .c-heading1 {
		margin-bottom: 60px;
	}
}

/******************************************************************
layout - breadcrumb
******************************************************************/
.l-breadcrumb {
	background-color: #777777;
}
.l-breadcrumb ol {
	padding-block: 20px;
	padding-inline: 30px;
	padding-left: 52px;
}
@media screen and (max-width: 767px) {
	.l-breadcrumb ol {
		padding-inline: 20px;
		padding-left: 42px;
	}
}
.l-breadcrumb ol {
	position: relative;
}
.l-breadcrumb ol::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	top: 24px;
	left: 30px;
	width: 14px;
	height: 14px;
}
@media screen and (max-width: 767px) {
	.l-breadcrumb ol::after {
		left: 20px;
	}
}
.l-breadcrumb ol::after {
	background: url(../img/icn-home.svg) left center/14px auto no-repeat;
}
.l-breadcrumb ol li {
	display: inline;
	position: relative;
}
.l-breadcrumb ol li:not(:first-child) {
	margin-left: 0.5em;
}
.l-breadcrumb ol li:not(:last-child)::after {
	content: ">";
	padding-left: 0.75em;
}
.l-breadcrumb ol li {
	color: #fff;
	font-size: 13px;
}
@media screen and (max-width: 767px) {
	.l-breadcrumb ol li {
		font-size: 12px;
	}
}
.l-breadcrumb ol li a {
	color: #fff;
}
/******************************************************************
layout - pagetop
******************************************************************/
@media print {
	.l-pagetop {
		display: none !important;
	}
}
.l-pagetop__btn {
	position: absolute !important;
	transition-property: transform, background;
	transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.3, 1.6, 0.8, 1);
	display: block;
	overflow: hidden;
	bottom: 20px;
	right: 20px;
}
@media screen and (max-width: 767px) {
	.l-pagetop__btn {
		bottom: 30px;
		right: 15px;
	}
}
.l-pagetop__btn {
	position: relative;
}
.l-pagetop__btn::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	transition-property: top, right, bottom, left, opacity;
	transition-duration: 0.2s;
}
.l-pagetop__btn::after {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transform-origin: center center;
	border-top: 2px solid #444444;
	border-left: 2px solid #444444;
	transform: translateY(1.6568542495px) rotate(45deg);
}
.l-pagetop__btn {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: #fff;
	transition-property: opacity;
	transition-duration: 0.4s;
}
@media (any-hover: hover) {
	.l-pagetop__btn:hover {
		opacity: 0.7;
	}
}
.l-pagetop__btn:focus {
	opacity: 0.7;
}

/******************************************************************
layout - footer
******************************************************************/
.l-footer__content {
	position: relative;
	background: #333333 var(--bg) center bottom/cover no-repeat;
	--bg-sp: var(--bg);
}
@media screen and (max-width: 767px) {
	.l-footer__content {
		background: #333333 var(--bg-sp) center bottom/100% no-repeat;
		background-image: var(--bg-sp);
	}
}
.l-footer__content-inner {
	max-width: 1200px;
	margin-inline: auto;
	padding-inline: 30px;
}
@media screen and (max-width: 767px) {
	.l-footer__content-inner {
		padding-inline: 20px;
	}
}
.l-footer__body {
	padding-block: 60px 150px;
}
@media screen and (max-width: 767px) {
	.l-footer__body {
		padding-block: 50px 120px;
	}
}
.l-footer__body {
	color: #fff;
}
.l-footer__bottom {
	background-color: #222222;
	color: #fff;
}
.l-footer__bottom-inner {
	max-width: 1200px;
	margin-inline: auto;
	padding-inline: 30px;
}
@media screen and (max-width: 767px) {
	.l-footer__bottom-inner {
		padding-inline: 20px;
	}
}
.l-footer__bottom-inner {
	padding-block: 20px;
}
@media screen and (max-width: 1024px) {
	.l-footer__bottom-inner {
		padding-block: 30px 80px;
	}
}
@media print, screen and (min-width: 1025px) {
	.l-footer__bottom-inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 30px;
	}
}
@media screen and (max-width: 1024px) {
	.l-footer__bottom-inner > *:not(:last-child) {
		margin-bottom: 20px;
	}
}
@media print, screen and (min-width: 1025px) {
	.l-footer__bottom-head {
		flex-shrink: 0;
	}
}
.l-footer__bottom-copy {
	color: #888888;
	white-space: nowrap;
	font-size: 12px;
	align-self: flex-end;
}

/******************************************************************
layout - footer-nav-list
******************************************************************/
.l-footer-nav-list {
	display: flex;
	gap: 40px 50px;
	flex-wrap: wrap;
}
/******************************************************************
layout - footer-menu
******************************************************************/
.l-footer-menu > *:not(:last-child) {
	margin-bottom: 0.6em;
}
.l-footer-menu a {
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	.l-footer-menu a:hover {
		text-decoration: none;
		color: inherit;
	}
}
.l-footer-menu a:focus {
	text-decoration: none;
	color: inherit;
}
.l-footer-menu a {
	font-size: 16px;
}
@media screen and (max-width: 767px) {
	.l-footer-menu a {
		font-size: 14px;
	}
}
.l-footer-menu a {
	transition-property: opacity;
	transition-duration: 0.4s;
}
@media (any-hover: hover) {
	.l-footer-menu a:hover {
		opacity: 0.7;
	}
}
.l-footer-menu a:focus {
	opacity: 0.7;
}

.l-footer-menu2 > *:not(:last-child) {
	margin-bottom: 0.25em;
}
.l-footer-menu2 a {
	font-size: 13px;
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	.l-footer-menu2 a:hover {
		text-decoration: none;
		color: inherit;
	}
}
.l-footer-menu2 a:focus {
	text-decoration: none;
	color: inherit;
}
.l-footer-menu2 a {
	transition-property: opacity;
	transition-duration: 0.4s;
	filter: brightness(0) invert(1);
	opacity: 0.6;
}
@media (any-hover: hover) {
	.l-footer-menu2 a:hover {
		opacity: 1;
	}
}
.l-footer-menu2 a:focus {
	opacity: 1;
}

/******************************************************************
layout - footer-submenu
******************************************************************/
.l-footer-submenu {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em 1em;
	font-size: 0.8rem;
}
.l-footer-submenu a {
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	.l-footer-submenu a:hover {
		text-decoration: none;
		color: inherit;
	}
}
.l-footer-submenu a:focus {
	text-decoration: none;
	color: inherit;
}
.l-footer-submenu a {
	transition-property: opacity;
	transition-duration: 0.4s;
	opacity: 0.6;
}
@media (any-hover: hover) {
	.l-footer-submenu a:hover {
		opacity: 1;
	}
}
.l-footer-submenu a:focus {
	opacity: 1;
}

/******************************************************************
component - section
******************************************************************/
.c-section {
	position: relative;
}
.c-section--offset-cut {
	padding-block: 0.1px;
}
.c-section__vertical {
	max-width: 1100px;
	margin-inline: auto;
	padding-inline: 30px;
}
@media screen and (max-width: 767px) {
	.c-section__vertical {
		padding-inline: 20px;
	}
}
.c-section__vertical {
	margin-block: 80px;
}
@media screen and (max-width: 767px) {
	.c-section__vertical {
		margin-block: 60px;
	}
}
.c-section__vertical--slim {
	max-width: 750px;
	margin-inline: auto;
	padding-inline: 30px;
}
@media screen and (max-width: 767px) {
	.c-section__vertical--slim {
		padding-inline: 20px;
	}
}
.c-section__vertical--full {
	max-width: none;
	padding-inline: 0;
}
.c-section__top {
	max-width: 1100px;
	margin-inline: auto;
	padding-inline: 30px;
}
@media screen and (max-width: 767px) {
	.c-section__top {
		padding-inline: 20px;
	}
}
.c-section__top {
	margin-top: 80px;
}
@media screen and (max-width: 767px) {
	.c-section__top {
		margin-top: 60px;
	}
}
.c-section__top--slim {
	max-width: 750px;
	margin-inline: auto;
	padding-inline: 30px;
}
@media screen and (max-width: 767px) {
	.c-section__top--slim {
		padding-inline: 20px;
	}
}
.c-section__top--full {
	max-width: none;
	padding-inline: 0;
}
.c-section__bottom {
	max-width: 1100px;
	margin-inline: auto;
	padding-inline: 30px;
}
@media screen and (max-width: 767px) {
	.c-section__bottom {
		padding-inline: 20px;
	}
}
.c-section__bottom {
	margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
	.c-section__bottom {
		margin-bottom: 60px;
	}
}
.c-section__bottom--slim {
	max-width: 750px;
	margin-inline: auto;
	padding-inline: 30px;
}
@media screen and (max-width: 767px) {
	.c-section__bottom--slim {
		padding-inline: 20px;
	}
}
.c-section__bottom--full {
	max-width: none;
	padding-inline: 0;
}
.c-section__fit {
	max-width: 1100px;
	margin-inline: auto;
	padding-inline: 30px;
}
@media screen and (max-width: 767px) {
	.c-section__fit {
		padding-inline: 20px;
	}
}
.c-section__fit--slim {
	max-width: 750px;
	margin-inline: auto;
	padding-inline: 30px;
}
@media screen and (max-width: 767px) {
	.c-section__fit--slim {
		padding-inline: 20px;
	}
}
.c-section__fit--full {
	max-width: none;
	padding-inline: 0;
}

/******************************************************************
component - visual
******************************************************************/
.c-visual {
	position: relative;
	overflow: hidden;
}
@media print, screen and (min-width: 768px) {
	.c-visual {
		border-radius: 5px;
		margin-inline: 8px;
	}
}
.c-visual {
	margin-bottom: -40px;
}
@media screen and (max-width: 767px) {
	.c-visual {
		margin-bottom: -30px;
	}
}
.c-visual {
	background: var(--bg) center center/cover no-repeat;
	--bg-sp: var(--bg);
}
@media screen and (max-width: 1024px) {
	.c-visual {
		background-image: var(--bg-sp);
	}
}
.c-visual {
	position: relative;
	z-index: -1;
}
.c-visual::after {
	z-index: 1;
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.c-visual__inner {
	position: relative;
	z-index: 2;
	max-width: 1100px;
	margin-inline: auto;
	padding-inline: 30px;
}
@media screen and (max-width: 767px) {
	.c-visual__inner {
		padding-inline: 20px;
	}
}
.c-visual__inner {
	padding-inline: 52.5px;
}
@media screen and (max-width: 767px) {
	.c-visual__inner {
		padding-inline: 20px;
	}
}
.c-visual__inner {
	min-height: 500px;
}
@media screen and (max-width: 767px) {
	.c-visual__inner {
		min-height: 105.5555555556vw;
	}
}
.c-visual__inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	color: #fff;
}
.c-visual__inner > *:not(:last-child) {
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.c-visual__inner > *:not(:last-child) {
		margin-bottom: 30px;
	}
}
.c-visual h2 {
	margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
	.c-visual h2 {
		margin-bottom: 60px;
	}
}

/******************************************************************
component - c-flexbox
******************************************************************/
.c-flexbox {
	display: flex;
	flex-wrap: wrap;
}
.c-flexbox > [class*=c-flexbox__item], .c-flexbox > .c-flexbox__item5col {
	position: relative;
	box-sizing: border-box;
}
.c-flexbox > [class*=c-flexbox__item]:has(> .c-button:first-child):has(> .c-button:last-child), .c-flexbox > .c-flexbox__item5col:has(> .c-button:first-child):has(> .c-button:last-child) {
	display: flex;
}
.c-flexbox > [class*=c-flexbox__item]:has(> .c-button-visual:first-child):has(> .c-button-visual:last-child), .c-flexbox > .c-flexbox__item5col:has(> .c-button-visual:first-child):has(> .c-button-visual:last-child) {
	display: flex;
}
.c-flexbox > [class*=c-flexbox__item]:has(> .c-frame-bg:first-child):has(> .c-frame-bg:last-child), .c-flexbox > [class*=c-flexbox__item]:has(> .c-frame-border:first-child):has(> .c-frame-border:last-child), .c-flexbox > .c-flexbox__item5col:has(> .c-frame-bg:first-child):has(> .c-frame-bg:last-child), .c-flexbox > .c-flexbox__item5col:has(> .c-frame-border:first-child):has(> .c-frame-border:last-child) {
	display: flex;
}
.c-flexbox--center {
	justify-content: center;
}
.c-flexbox--right {
	justify-content: flex-end;
}
.c-flexbox--vertical > [class*=c-flexbox__item], .c-flexbox--vertical > .c-flexbox__item5col {
	display: flex;
	align-items: center;
}
.c-flexbox--bottom > [class*=c-flexbox__item], .c-flexbox--bottom > .c-flexbox__item5col {
	display: flex;
	align-items: flex-end;
}
.c-flexbox {
	--flexbox-gap-y: 1rem;
	--flexbox-gap-x: 1rem;
	margin-right: calc(var(--flexbox-gap-x) * -1);
}
.c-flexbox--center {
	margin-inline: calc(var(--flexbox-gap-x) * -0.5);
}
.c-flexbox--right {
	margin-right: initial;
	margin-left: calc(var(--flexbox-gap-x) * -1);
}
.c-flexbox {
	gap: var(--flexbox-gap-y) var(--flexbox-gap-x);
}
.c-flexbox > .c-flexbox__item1 {
	width: calc(8.3333333333% - var(--flexbox-gap-x));
}
.c-flexbox > .c-flexbox__item2 {
	width: calc(16.6666666667% - var(--flexbox-gap-x));
}
.c-flexbox > .c-flexbox__item3 {
	width: calc(25% - var(--flexbox-gap-x));
}
.c-flexbox > .c-flexbox__item4 {
	width: calc(33.3333333333% - var(--flexbox-gap-x));
}
.c-flexbox > .c-flexbox__item5 {
	width: calc(41.6666666667% - var(--flexbox-gap-x));
}
.c-flexbox > .c-flexbox__item6 {
	width: calc(50% - var(--flexbox-gap-x));
}
.c-flexbox > .c-flexbox__item7 {
	width: calc(58.3333333333% - var(--flexbox-gap-x));
}
.c-flexbox > .c-flexbox__item8 {
	width: calc(66.6666666667% - var(--flexbox-gap-x));
}
.c-flexbox > .c-flexbox__item9 {
	width: calc(75% - var(--flexbox-gap-x));
}
.c-flexbox > .c-flexbox__item10 {
	width: calc(83.3333333333% - var(--flexbox-gap-x));
}
.c-flexbox > .c-flexbox__item11 {
	width: calc(91.6666666667% - var(--flexbox-gap-x));
}
.c-flexbox > .c-flexbox__item12 {
	width: calc(100% - var(--flexbox-gap-x));
}
.c-flexbox > .c-flexbox__item5col {
	width: calc(20% - var(--flexbox-gap-x));
}
@media screen and (max-width: 1160px) {
	.c-flexbox.pc-vw {
		--flexbox-gap-y: 1.3793103448vw;
		--flexbox-gap-x: 1.3793103448vw;
	}
}
.c-flexbox--2x {
	--flexbox-gap-y: 2rem;
	--flexbox-gap-x: 2rem;
}

@media screen and (max-width: 1160px) {
	.c-flexbox--2x.pc-vw {
		--flexbox-gap-y: 2.7586206897vw;
		--flexbox-gap-x: 2.7586206897vw;
	}
}
.c-flexbox--3x {
	--flexbox-gap-y: 3rem;
	--flexbox-gap-x: 3rem;
}

@media screen and (max-width: 1160px) {
	.c-flexbox--3x.pc-vw {
		--flexbox-gap-y: 4.1379310345vw;
		--flexbox-gap-x: 4.1379310345vw;
	}
}
.c-flexbox--45px {
	--flexbox-gap-y: 45px;
	--flexbox-gap-x: 45px;
}

@media screen and (max-width: 1160px) {
	.c-flexbox--45px.pc-vw {
		--flexbox-gap-y: 3.8793103448vw;
		--flexbox-gap-x: 3.8793103448vw;
	}
}
.c-flexbox--50px {
	--flexbox-gap-y: 50px;
	--flexbox-gap-x: 50px;
}

@media screen and (max-width: 1160px) {
	.c-flexbox--50px.pc-vw {
		--flexbox-gap-y: 4.3103448276vw;
		--flexbox-gap-x: 4.3103448276vw;
	}
}
.c-flexbox--60px {
	--flexbox-gap-y: 60px;
	--flexbox-gap-x: 60px;
}

@media screen and (max-width: 1160px) {
	.c-flexbox--60px.pc-vw {
		--flexbox-gap-y: 5.1724137931vw;
		--flexbox-gap-x: 5.1724137931vw;
	}
}
@media screen and (max-width: 767px) {
	.c-flexbox.sp-destroy {
		display: initial;
		flex-wrap: initial;
		margin-right: initial;
		margin-left: initial;
		gap: initial;
	}
	.c-flexbox.sp-destroy > * {
		position: initial;
		box-sizing: initial;
		width: initial;
	}
	.c-flexbox {
		--flexbox-gap-y: 0.9rem;
		--flexbox-gap-x: 0.9rem;
	}
	.c-flexbox > .sp-item1 {
		width: calc(8.3333333333% - var(--flexbox-gap-x));
	}
	.c-flexbox > .sp-item2 {
		width: calc(16.6666666667% - var(--flexbox-gap-x));
	}
	.c-flexbox > .sp-item3 {
		width: calc(25% - var(--flexbox-gap-x));
	}
	.c-flexbox > .sp-item4 {
		width: calc(33.3333333333% - var(--flexbox-gap-x));
	}
	.c-flexbox > .sp-item5 {
		width: calc(41.6666666667% - var(--flexbox-gap-x));
	}
	.c-flexbox > .sp-item6 {
		width: calc(50% - var(--flexbox-gap-x));
	}
	.c-flexbox > .sp-item7 {
		width: calc(58.3333333333% - var(--flexbox-gap-x));
	}
	.c-flexbox > .sp-item8 {
		width: calc(66.6666666667% - var(--flexbox-gap-x));
	}
	.c-flexbox > .sp-item9 {
		width: calc(75% - var(--flexbox-gap-x));
	}
	.c-flexbox > .sp-item10 {
		width: calc(83.3333333333% - var(--flexbox-gap-x));
	}
	.c-flexbox > .sp-item11 {
		width: calc(91.6666666667% - var(--flexbox-gap-x));
	}
	.c-flexbox > .sp-item12 {
		width: calc(100% - var(--flexbox-gap-x));
	}
	.c-flexbox > .sp-item5col {
		width: calc(20% - var(--flexbox-gap-x));
	}
	.c-flexbox--2x {
		--flexbox-gap-y: 1.8rem;
		--flexbox-gap-x: 1.8rem;
	}
	.c-flexbox.sp-2x {
		--flexbox-gap-y: 1.8rem;
		--flexbox-gap-x: 1.8rem;
	}
	.c-flexbox--3x {
		--flexbox-gap-y: 2.7rem;
		--flexbox-gap-x: 2.7rem;
	}
	.c-flexbox.sp-3x {
		--flexbox-gap-y: 2.7rem;
		--flexbox-gap-x: 2.7rem;
	}
	.c-flexbox--45px {
		--flexbox-gap-y: 45px;
		--flexbox-gap-x: 45px;
	}
	.c-flexbox.sp-45px {
		--flexbox-gap-y: 45px;
		--flexbox-gap-x: 45px;
	}
	.c-flexbox--50px {
		--flexbox-gap-y: 50px;
		--flexbox-gap-x: 50px;
	}
	.c-flexbox.sp-50px {
		--flexbox-gap-y: 50px;
		--flexbox-gap-x: 50px;
	}
	.c-flexbox--60px {
		--flexbox-gap-y: 60px;
		--flexbox-gap-x: 60px;
	}
	.c-flexbox.sp-60px {
		--flexbox-gap-y: 60px;
		--flexbox-gap-x: 60px;
	}
}

/******************************************************************
component - grid-gutter-border
******************************************************************/
.c-grid-gutter-border {
	display: grid;
	gap: var(--grid-gutter-border-gap-y) calc(var(--grid-gutter-border-gap-x) * 2);
}
.c-grid-gutter-border > * {
	position: relative;
}
.c-grid-gutter-border--2column {
	--grid-gutter-border-gap-x: 60px;
	--grid-gutter-border-gap-y: 60px;
}
@media screen and (max-width: 1160px) {
	.c-grid-gutter-border--2column {
		--grid-gutter-border-gap-x: 5.1724137931vw;
		--grid-gutter-border-gap-y: 5.1724137931vw;
	}
}
@media screen and (max-width: 767px) {
	.c-grid-gutter-border--2column {
		--grid-gutter-border-gap-x: 50px;
		--grid-gutter-border-gap-y: 50px;
	}
}
@media print, screen and (min-width: 768px) {
	.c-grid-gutter-border--2column {
		grid-template-columns: repeat(2, 1fr);
	}
	.c-grid-gutter-border--2column > *:not(:nth-child(2n))::before {
		position: absolute;
		content: "";
		margin: auto;
		box-sizing: border-box;
		vertical-align: middle;
		top: 0;
		right: calc(var(--grid-gutter-border-gap-x) * -1);
		bottom: 0;
		height: 100%;
		border-right: 1px solid #ccc;
	}
}
@media screen and (max-width: 767px) {
	.c-grid-gutter-border--2column {
		grid-template-columns: repeat(1, 1fr);
		gap: calc(var(--grid-gutter-border-gap-y) * 2) 0;
	}
	.c-grid-gutter-border--2column > *:not(:last-child)::before {
		position: absolute;
		content: "";
		margin: auto;
		box-sizing: border-box;
		vertical-align: middle;
		top: auto;
		right: auto;
		bottom: calc(var(--grid-gutter-border-gap-y) * -1);
		left: 0;
		width: 100%;
		height: auto;
		border-bottom: 1px solid #ccc;
	}
}

/******************************************************************
component - tab
******************************************************************/
.c-tab__menu {
	display: flex;
}
.c-tab__list {
	display: flex;
}
.c-tab a.c-tab__item {
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	.c-tab a.c-tab__item:hover {
		text-decoration: none;
		color: inherit;
	}
}
.c-tab a.c-tab__item:focus {
	text-decoration: none;
	color: inherit;
}
.c-tab__item {
	box-sizing: border-box;
	position: relative;
	display: block;
	cursor: pointer;
	width: 100%;
	text-align: center;
}
.c-section .c-tab.c-tab--news .c-tab__menu {
	margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
	.c-section .c-tab.c-tab--news .c-tab__menu {
		margin-bottom: 2.7rem;
	}
}
.c-section .c-tab.c-tab--news .c-tab__menu {
	gap: 10px 32px;
	flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
	.c-section .c-tab.c-tab--news .c-tab__menu {
		gap: 10px 20px;
	}
}
.c-section .c-tab.c-tab--news .c-tab__item {
	transition-property: opacity;
	transition-duration: 0.4s;
}
@media (any-hover: hover) {
	.c-section .c-tab.c-tab--news .c-tab__item:hover {
		opacity: 0.6;
	}
}
.c-section .c-tab.c-tab--news .c-tab__item:focus {
	opacity: 0.6;
}
.c-section .c-tab.c-tab--news .c-tab__item[aria-current=page], .c-section .c-tab.c-tab--news .c-tab__item[aria-selected=true] {
	font-weight: bold !important;
	color: #777777 !important;
	opacity: 1 !important;
	position: relative;
}
.c-section .c-tab.c-tab--news .c-tab__item[aria-current=page]::after, .c-section .c-tab.c-tab--news .c-tab__item[aria-selected=true]::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	bottom: -3px;
	left: 0;
	width: 1.2em;
	border-top: 1px solid #777777;
}
.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu {
	margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu {
		margin-bottom: 60px;
	}
}
.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu {
	gap: 1px;
}
@media screen and (max-width: 767px) {
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu {
		flex-direction: column;
	}
}
@media screen and (max-width: 767px) {
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu.c-tab__menu--sp1col {
		flex-direction: row;
	}
}
@media screen and (max-width: 767px) {
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu.c-tab__menu--sp2col, .c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu.c-tab__menu--sp3col {
		flex-direction: row;
		flex-wrap: wrap;
		border-radius: 0.6em;
		overflow: hidden;
	}
}
.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__list {
	width: 100%;
}
.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__list:first-child .c-tab__item {
	border-radius: 100vw 0 0 100vw;
}
.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__list:last-child .c-tab__item {
	border-radius: 0 100vw 100vw 0;
}
@media screen and (max-width: 767px) {
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__list:first-child .c-tab__item {
		border-radius: 0.6em 0.6em 0 0;
	}
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__list:last-child .c-tab__item {
		border-radius: 0 0 0.6em 0.6em;
	}
}
@media screen and (max-width: 767px) {
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu--sp1col .c-tab__list:first-child .c-tab__item {
		border-radius: 0.6em 0 0 0.6em;
	}
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu--sp1col .c-tab__list:last-child .c-tab__item {
		border-radius: 0 0.6em 0.6em 0;
	}
}
@media screen and (max-width: 767px) {
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu--sp2col .c-tab__list {
		width: calc(50% - 0.5px);
	}
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu--sp2col .c-tab__list .c-tab__item {
		border-radius: 0;
	}
}
@media screen and (max-width: 767px) {
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu--sp3col .c-tab__list {
		width: calc(33.3333333333% - 0.6666666667px);
	}
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu--sp3col .c-tab__list .c-tab__item {
		border-radius: 0;
	}
}
@media screen and (max-width: 767px) {
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu--sp-last3item .c-tab__list:nth-last-child(1),
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu--sp-last3item .c-tab__list:nth-last-child(2),
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu--sp-last3item .c-tab__list:nth-last-child(3) {
		width: calc(33.3333333333% - 0.6666666667px);
	}
}
@media screen and (max-width: 767px) {
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__menu--sp1col .c-tab__item {
		padding: 1em 5px;
	}
}
.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__item {
	background-color: #fff;
	padding: 1em;
}
@media print, screen and (min-width: 768px) {
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__item {
		position: relative;
		position: relative;
	}
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__item::after {
		transition-property: top, right, bottom, left, opacity;
		transition-duration: 0.2s;
		position: absolute;
		content: "";
		margin: auto;
		box-sizing: border-box;
		vertical-align: middle;
		width: 10.8px;
		height: 6px;
		border-color: #777777;
		border-style: solid;
		border-top-width: 6px;
		border-right: 5.4px solid transparent !important;
		border-bottom-width: 0;
		border-left: 5.4px solid transparent !important;
		bottom: -6px;
		left: 0;
		right: 0;
	}
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__item {
		transition-property: background color;
		transition-duration: 0.4s;
	}
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__item::after {
		transition-property: opacity;
		transition-duration: 0.4s;
		opacity: 0;
	}
}
.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__item[aria-current=page], .c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__item[aria-selected=true] {
	font-weight: bold;
	background-color: #777777;
	color: #fff;
}
@media print, screen and (min-width: 768px) {
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__item[aria-current=page]::after, .c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__item[aria-selected=true]::after {
		opacity: 1;
	}
}
@media (any-hover: hover) {
	.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__item:not([aria-current=page]):not([aria-selected=true]):hover {
		color: #777777;
	}
}
.c-section:not(.c-section--booknow):not(.c-section--booknow-top) .c-tab:not(.c-tab--news) .c-tab__item:not([aria-current=page]):not([aria-selected=true]):focus {
	color: #777777;
}
.p-dialog-booking .c-tab__menu {
	margin: 105px 75px 55px 75px;
}
@media screen and (max-width: 1160px) {
	.p-dialog-booking .c-tab__menu {
		margin: 105px 6.4655172414vw 55px 6.4655172414vw;
	}
}
@media screen and (max-width: 767px) {
	.p-dialog-booking .c-tab__menu {
		margin: 50px 20px 45px 20px;
	}
}
@media screen and (max-width: 767px) {
	.p-dialog-booking .c-tab__list {
		width: 100%;
	}
}
.p-dialog-booking .c-tab__list:first-child .c-tab__item {
	border-radius: 100vw 0 0 100vw;
}
.p-dialog-booking .c-tab__list:last-child .c-tab__item {
	border-radius: 0 100vw 100vw 0;
}
.p-dialog-booking .c-tab__item {
	background-color: #9f001e;
	color: #fff;
	padding: 1em;
	width: 160px;
}
@media screen and (max-width: 767px) {
	.p-dialog-booking .c-tab__item {
		width: 100%;
	}
}
.p-dialog-booking .c-tab__item {
	position: relative;
	position: relative;
}
.p-dialog-booking .c-tab__item::after {
	transition-property: top, right, bottom, left, opacity;
	transition-duration: 0.2s;
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	width: 10.8px;
	height: 6px;
	border-color: #fff;
	border-style: solid;
	border-top-width: 6px;
	border-right: 5.4px solid transparent !important;
	border-bottom-width: 0;
	border-left: 5.4px solid transparent !important;
	bottom: -6px;
	left: 0;
	right: 0;
}
.p-dialog-booking .c-tab__item {
	transition-property: background color;
	transition-duration: 0.4s;
}
.p-dialog-booking .c-tab__item::after {
	transition-property: opacity;
	transition-duration: 0.4s;
	opacity: 0;
}
.p-dialog-booking .c-tab__item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
}
.p-dialog-booking .c-tab__item .fill {
	transition-property: fill;
	transition-duration: 0.4s;
	fill: #fff;
}
.p-dialog-booking .c-tab__item[aria-current=page], .p-dialog-booking .c-tab__item[aria-selected=true] {
	font-weight: bold;
	background-color: #fff;
	color: #777777;
}
.p-dialog-booking .c-tab__item[aria-current=page]::after, .p-dialog-booking .c-tab__item[aria-selected=true]::after {
	opacity: 1;
}
.p-dialog-booking .c-tab__item[aria-current=page] .fill, .p-dialog-booking .c-tab__item[aria-selected=true] .fill {
	fill: #777777;
}
@media (any-hover: hover) {
	.p-dialog-booking .c-tab__item:not([aria-current=page]):not([aria-selected=true]):hover {
		opacity: 0.8;
	}
}
.p-dialog-booking .c-tab__item:not([aria-current=page]):not([aria-selected=true]):focus {
	opacity: 0.8;
}
.p-section-booking .c-tab__menu {
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	.p-section-booking .c-tab__menu {
		flex-direction: row;
	}
}
.p-section-booking .c-tab__list {
	width: auto;
}
@media screen and (max-width: 767px) {
	.p-section-booking .c-tab__list {
		width: 100%;
	}
}
.p-section-booking .c-tab__list:first-child .c-tab__item {
	border-radius: 15px 0 0 0;
}
.p-section-booking .c-tab__list:last-child .c-tab__item {
	border-radius: 0 15px 0 0;
}
.p-section-booking .c-tab__item {
	background-color: #fff;
	color: #222222;
	padding: 1em;
	width: 160px;
}
@media screen and (max-width: 767px) {
	.p-section-booking .c-tab__item {
		width: 100%;
	}
}
.p-section-booking .c-tab__item {
	position: relative;
	position: relative;
}
.p-section-booking .c-tab__item::after {
	transition-property: top, right, bottom, left, opacity;
	transition-duration: 0.2s;
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	width: 10.8px;
	height: 6px;
	border-color: #777777;
	border-style: solid;
	border-top-width: 6px;
	border-right: 5.4px solid transparent !important;
	border-bottom-width: 0;
	border-left: 5.4px solid transparent !important;
	bottom: -6px;
	left: 0;
	right: 0;
}
.p-section-booking .c-tab__item {
	transition-property: background color;
	transition-duration: 0.4s;
}
.p-section-booking .c-tab__item::after {
	z-index: 2;
	transition-property: opacity;
	transition-duration: 0.4s;
	opacity: 0;
}
.p-section-booking .c-tab__item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
}
.p-section-booking .c-tab__item .fill {
	transition-property: fill;
	transition-duration: 0.4s;
	fill: #222222;
}
.p-section-booking .c-tab__item[aria-current=page], .p-section-booking .c-tab__item[aria-selected=true] {
	font-weight: bold;
	background-color: #777777;
	color: #fff;
}
.p-section-booking .c-tab__item[aria-current=page]::after, .p-section-booking .c-tab__item[aria-selected=true]::after {
	opacity: 1;
}
.p-section-booking .c-tab__item[aria-current=page] .fill, .p-section-booking .c-tab__item[aria-selected=true] .fill {
	fill: #fff;
}
@media (any-hover: hover) {
	.p-section-booking .c-tab__item:not([aria-current=page]):not([aria-selected=true]):hover {
		color: #444;
	}
}
.p-section-booking .c-tab__item:not([aria-current=page]):not([aria-selected=true]):focus {
	color: #444;
}
.p-section-booking .c-tab__panel {
	padding: 30px 75px 40px 75px;
}
.p-section-booking .c-tab__panel:has(.p-section-booking__marriott) {
	padding-top: 40px;
}
@media screen and (max-width: 1160px) {
	.p-section-booking .c-tab__panel {
		padding: 30px 6.4655172414vw 40px 6.4655172414vw;
	}
	.p-section-booking .c-tab__panel:has(.p-section-booking__marriott) {
		padding-top: 40px;
	}
}
@media screen and (max-width: 767px) {
	.p-section-booking .c-tab__panel {
		padding: 30px 20px 40px 20px;
	}
}
.p-section-booking .c-tab__panel {
	background: linear-gradient(to right, #222 0%, rgba(34, 34, 34, 0.9) 100%);
	color: #fff;
}
.p-section-booking .c-tab__panel a {
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	.p-section-booking .c-tab__panel a:hover {
		text-decoration: none;
		color: inherit;
	}
}
.p-section-booking .c-tab__panel a:focus {
	text-decoration: none;
	color: inherit;
}

/******************************************************************
component - 100vw
******************************************************************/
:root {
	--scrollbar: 0px;
}

.c-100vw {
	width: calc(100vw - var(--scrollbar));
	margin: 0 calc(50% - 50vw + var(--scrollbar) / 2);
}
.c-100vw__inner {
	padding-inline: 30px;
}
@media screen and (max-width: 767px) {
	.c-100vw__inner {
		padding-inline: 20px;
	}
}

/******************************************************************
component - frame-bg
******************************************************************/
[class*=c-flexbox__item] > .c-frame-bg,
.c-flexbox__item5col > .c-frame-bg {
	flex-grow: 1;
}

.c-frame-bg {
	position: relative;
}
.c-frame-bg::before {
	background: url(../img/frame-bg.svg) right top/100% auto no-repeat;
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	top: -16px;
	right: 60px;
	width: 69px;
	height: 52px;
}
@media screen and (max-width: 767px) {
	.c-frame-bg::before {
		position: absolute;
		content: "";
		margin: auto;
		box-sizing: border-box;
		vertical-align: middle;
		top: -10px;
		right: 20px;
		width: 40px;
		height: 31px;
	}
}
.c-frame-bg {
	background-color: #fff;
	border-radius: 5px;
	padding: 40px 50px;
}
@media screen and (max-width: 767px) {
	.c-frame-bg {
		padding: 40px 20px;
	}
}
.c-frame-bg p {
	font-weight: bold;
	line-height: 1.6666666667;
	font-size: 30px;
}
@media screen and (max-width: 767px) {
	.c-frame-bg p {
		font-size: 20px;
	}
}
.c-frame-bg ol {
	font-weight: bold;
	line-height: 1.6666666667;
	column-count: 2;
	column-gap: 40px;
	font-size: 26px;
	margin-left: 0.5em;
}
@media screen and (max-width: 1024px) {
	.c-frame-bg ol {
		font-size: 20px;
	}
}
@media screen and (max-width: 767px) {
	.c-frame-bg ol {
		column-count: 1;
		font-size: 17px;
	}
}
.c-frame-bg ol li {
	break-inside: avoid;
	margin-left: 1.5em;
	list-style: decimal;
}
.c-frame-bg ol li::marker {
	font-weight: bold;
	color: #777777;
}

/******************************************************************
component - hr
******************************************************************/
.c-hr {
	border-color: #dddddd;
	margin-top: 80px;
	margin-bottom: 80px !important;
}
@media screen and (max-width: 767px) {
	.c-hr {
		margin-top: 60px;
		margin-bottom: 60px !important;
	}
}

/******************************************************************
component - list
******************************************************************/
.c-list {
	line-height: 2;
}
.c-list--gutter > *:not(:first-child) {
	margin-top: 0.75em;
}

/******************************************************************
component - list-disc
******************************************************************/
.c-list-disc {
	line-height: 2;
}
.c-list-disc > * {
	margin-left: 1.5em;
	list-style-type: circle;
}

/******************************************************************
component - list-order
******************************************************************/
.c-list-order {
	line-height: 2;
}
.c-list-order:has(> :nth-child(10)) {
	margin-left: 0.75em;
}
.c-list-order > * {
	margin-left: 1.5em;
	list-style: decimal;
}
.c-list-order > *::marker {
	font-weight: bold;
	color: #777777;
}

/******************************************************************
component - list-arrow-bottom-inline
******************************************************************/
.c-list-arrow-bottom-inline {
	line-height: 2;
	display: flex;
	flex-wrap: wrap;
}
.c-list-arrow-bottom-inline > *:not(:last-child) {
	margin-right: 1rem;
}
.c-list-arrow-bottom-inline--center {
	justify-content: center;
}
.c-list-arrow-bottom-inline--right {
	justify-content: flex-end;
}
.c-list-arrow-bottom-inline {
	font-weight: 600;
}
.c-list-arrow-bottom-inline a {
	display: inline-block;
	padding-left: 1.5em;
	position: relative;
}
.c-list-arrow-bottom-inline a::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	top: 0;
	bottom: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIuNSA3Ljc1LTMuNSAzLjUtMy41LTMuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzc3Nzc3IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBkPSJtOSAxYzQuNDEgMCA4IDMuNTkgOCA4cy0zLjU5IDgtOCA4LTgtMy41OS04LTggMy41OS04IDgtOG0wLTFjLTQuOTcgMC05IDQuMDMtOSA5czQuMDMgOSA5IDkgOS00LjAzIDktOS00LjAzLTktOS05eiIgZmlsbD0iIzc3Nzc3NyIvPjwvc3ZnPg==") no-repeat center center/100% auto;
}
@media (any-hover: hover) {
	.c-list-arrow-bottom-inline a:hover::after {
		background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIuNSA3Ljc1LTMuNSAzLjUtMy41LTMuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZGIwYzI3IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBkPSJtOSAxYzQuNDEgMCA4IDMuNTkgOCA4cy0zLjU5IDgtOCA4LTgtMy41OS04LTggMy41OS04IDgtOG0wLTFjLTQuOTcgMC05IDQuMDMtOSA5czQuMDMgOSA5IDkgOS00LjAzIDktOS00LjAzLTktOS05eiIgZmlsbD0iI2RiMGMyNyIvPjwvc3ZnPg==") no-repeat center center/100% auto;
	}
}
.c-list-arrow-bottom-inline a:focus::after {
	background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIuNSA3Ljc1LTMuNSAzLjUtMy41LTMuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZGIwYzI3IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBkPSJtOSAxYzQuNDEgMCA4IDMuNTkgOCA4cy0zLjU5IDgtOCA4LTgtMy41OS04LTggMy41OS04IDgtOG0wLTFjLTQuOTcgMC05IDQuMDMtOSA5czQuMDMgOSA5IDkgOS00LjAzIDktOS00LjAzLTktOS05eiIgZmlsbD0iI2RiMGMyNyIvPjwvc3ZnPg==") no-repeat center center/100% auto;
}
.c-list-arrow-bottom-inline--gutter {
	margin-top: -0.75em;
}
.c-list-arrow-bottom-inline--gutter > * {
	margin-top: 0.75em;
}

/******************************************************************
component - list-note
******************************************************************/
.c-list-note {
	display: table;
	line-height: 2;
}
.c-list-note__item {
	display: table-row;
}
.c-list-note__head {
	display: table-cell;
	padding-right: 0.75em;
	white-space: nowrap;
	vertical-align: top;
}
.c-list-note__head--asterisk {
	width: 1.5em;
	padding-right: 0;
}
.c-list-note__body {
	display: table-cell;
	vertical-align: top;
}
.c-list-note__body a {
	word-break: break-all;
}
.c-list-note--small * {
	font-size: 14px;
	color: #777777;
}

/******************************************************************
component - list-company
******************************************************************/
.c-list-company {
	display: table;
	line-height: 2;
}
.c-list-company__item {
	display: table-row;
}
.c-list-company__head {
	display: table-cell;
	vertical-align: top;
	font-weight: bold;
	color: #777777;
	padding-right: 10px;
	min-width: 160px;
}
@media screen and (max-width: 767px) {
	.c-list-company__head {
		min-width: 70px;
	}
}
.c-list-company__body {
	display: table-cell;
	vertical-align: top;
}
.c-list-company__body dl > *:not(:first-child) {
	border-top: 1px solid #dddddd;
	margin-top: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 767px) {
	.c-list-company__body dl > *:not(:first-child) {
		margin-top: 18px;
		padding-top: 18px;
	}
}
.c-list-company__body dl dt {
	font-weight: bold;
}
.c-list-company {
	width: 100%;
}
.c-list-company > .c-list-company__item > .c-list-company__head {
	width: 0.1%;
}
.c-list-company {
	border-bottom: 1px solid #dddddd;
}
.c-list-company > .c-list-company__item > .c-list-company__head,
.c-list-company > .c-list-company__item > .c-list-company__body {
	border-top: 1px solid #dddddd;
	padding-block: 20px;
}
@media screen and (max-width: 767px) {
	.c-list-company > .c-list-company__item > .c-list-company__head,
	.c-list-company > .c-list-company__item > .c-list-company__body {
		padding-block: 18px;
	}
}
.c-list-company > .c-list-company__item:last-child > .c-list-company__head,
.c-list-company > .c-list-company__item:last-child > .c-list-company__body {
	padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.c-list-company > .c-list-company__item:last-child > .c-list-company__head,
	.c-list-company > .c-list-company__item:last-child > .c-list-company__body {
		padding-bottom: 18px;
	}
}

/******************************************************************
component - image
******************************************************************/
a:has(> .c-image) {
	display: block;
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	a:has(> .c-image):hover {
		text-decoration: none;
		color: inherit;
	}
}
a:has(> .c-image):focus {
	text-decoration: none;
	color: inherit;
}

a:has(> .c-image:not(.c-image--full):not(.c-image--object-fit)) {
	width: fit-content;
	margin-inline: auto;
}

a:has(> .c-image.c-image--left:not(.c-image--full):not(.c-image--object-fit)) {
	margin-inline: initial;
}

a:has(> .c-image.c-image--right:not(.c-image--full):not(.c-image--object-fit)) {
	margin-inline: auto 0;
}

.c-image {
	display: table;
	width: fit-content;
	margin-inline: auto;
}
.c-image--left {
	margin-inline: initial;
}
.c-image--right {
	margin-inline: auto 0;
}
.c-image--object-fit {
	width: 100%;
}
.c-image--object-fit img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}
.c-image--full {
	width: 100%;
}
.c-image--full img {
	width: 100%;
}
@media screen and (max-width: 767px) {
	.c-image--sp-full {
		margin-inline: -20px;
		width: calc(100% + 20px + 20px);
	}
	.c-image--sp-full img {
		width: 100%;
	}
	.c-image--sp-full .c-image__title,
	.c-image--sp-full .c-image__caption {
		padding-inline: 20px;
	}
}
.c-image--100vw {
	width: calc(100vw - var(--scrollbar));
	margin: 0 calc(50% - 50vw + var(--scrollbar) / 2);
}
.c-image--100vw img {
	width: 100%;
}
.c-image--100vw .c-image__title,
.c-image--100vw .c-image__caption {
	max-width: 1100px;
	margin-inline: auto;
	padding-inline: 30px;
}
@media screen and (max-width: 767px) {
	.c-image--100vw .c-image__title,
	.c-image--100vw .c-image__caption {
		padding-inline: 20px;
	}
}
.c-image__caption {
	display: table-caption;
	caption-side: bottom;
	font-size: 14px;
	line-height: 1.8;
	color: #777777;
}
.c-image__caption:first-child {
	margin-bottom: 0.5rem;
}
.c-image__caption:last-child {
	margin-top: 0.5rem;
}
.c-image--top img {
	border-radius: 5px;
}
.c-image--top .c-image__caption {
	color: #222222;
	font-weight: bold;
	line-height: 1.625;
	margin-top: 1.5rem;
	font-size: 24px;
}
@media screen and (max-width: 767px) {
	.c-image--top .c-image__caption {
		margin-top: 1.35rem;
		font-size: 21px;
	}
}

/******************************************************************
component - image-column
******************************************************************/
.c-image-column {
	--max-img-width: fit-content(50%);
	--max-img-width-sp: fit-content(40%);
}
.c-image-column:has(.js-swiper) {
	--max-img-width: 50%;
	--max-img-width-sp: 40%;
}
.c-image-column {
	display: grid;
	grid-template-areas: "img body";
	grid-template-columns: var(--max-img-width) 1fr;
}
@media screen and (max-width: 767px) {
	.c-image-column {
		grid-template-columns: var(--max-img-width-sp) 1fr;
	}
}
.c-image-column--right {
	grid-template-areas: "body img";
	grid-template-columns: 1fr var(--max-img-width);
}
@media screen and (max-width: 767px) {
	.c-image-column--right {
		grid-template-columns: 1fr var(--max-img-width-sp);
	}
}
.c-image-column__body {
	grid-area: body;
}
.c-image-column__img {
	grid-area: img;
}
.c-image-column__img > *:not(:last-child) {
	margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
	.c-image-column__img > *:not(:last-child) {
		margin-bottom: 1.35rem;
	}
}
.c-image-column--vertical {
	align-items: center;
}
.c-image-column {
	--image-column-gap: 1rem;
	gap: var(--image-column-gap);
}
@media screen and (max-width: 1160px) {
	.c-image-column.pc-vw {
		--image-column-gap: 1.3793103448vw;
	}
}
.c-image-column--2x {
	--image-column-gap: 2rem;
}

@media screen and (max-width: 1160px) {
	.c-image-column--2x.pc-vw {
		--image-column-gap: 2.7586206897vw;
	}
}
.c-image-column--50px {
	--image-column-gap: 50px;
}

@media screen and (max-width: 1160px) {
	.c-image-column--50px.pc-vw {
		--image-column-gap: 4.3103448276vw;
	}
}
@media screen and (max-width: 767px) {
	.c-image-column {
		--image-column-gap: 0.9rem;
	}
	.c-image-column.sp-top {
		align-items: stretch;
	}
	.c-image-column.sp-vertical {
		align-items: center;
	}
	.c-image-column.sp-row {
		grid-template-areas: "img" "body";
		grid-template-columns: 100%;
	}
	.c-image-column.sp-row .c-image-column__img {
		width: fit-content;
		margin-inline: auto;
		max-width: 100% !important;
	}
	.c-image-column.sp-row-reverse {
		grid-template-areas: "body" "img";
	}
	.c-image-column--2x {
		--image-column-gap: 1.8rem;
	}
	.c-image-column.sp-2x {
		--image-column-gap: 1.8rem;
	}
	.c-image-column--50px {
		--image-column-gap: 50px;
	}
	.c-image-column.sp-50px {
		--image-column-gap: 50px;
	}
}

/******************************************************************
component - table
******************************************************************/
.c-table-scroll .c-table {
	min-width: 700px;
}

.c-table {
	width: 100%;
}
.c-table--stripe *:not(thead) tr:nth-child(odd) {
	background-color: #f1f1f1;
}
.c-table--stripe-even *:not(thead) tr:nth-child(even) {
	background-color: #f1f1f1;
}
.c-table--horizontal th, .c-table--horizontal td {
	border-left: 0 !important;
	border-right: 0 !important;
}
.c-table th, .c-table td {
	font-size: 15px;
	line-height: 1.8;
}
@media screen and (max-width: 767px) {
	.c-table th, .c-table td {
		font-size: 15px;
	}
}
.c-table th, .c-table td {
	vertical-align: top;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	text-align: left;
	padding-block: 1rem;
	letter-spacing: 0.03em;
}
.c-table th:not(:last-child), .c-table td:not(:last-child) {
	padding-right: 1rem;
}
.c-table__b {
	color: #777777;
	font-weight: bold;
}

/******************************************************************
component - heading
******************************************************************/
.c-heading1 {
	font-family: "Playfair Display", serif;
	font-weight: 500;
	color: #777777;
	line-height: 1.2;
	font-size: 36px;
}
@media screen and (max-width: 767px) {
	.c-heading1 {
		font-size: 26px;
	}
}
.c-heading1--w {
	color: #fff;
}
.c-heading1--w .c-heading1__ja {
	color: #fff;
}
.c-heading1__ja {
	padding-top: 0.25em;
	display: block;
	font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-weight: bold;
	line-height: 1.5;
	color: #222222;
	font-size: 45px;
}
@media screen and (max-width: 767px) {
	.c-heading1__ja {
		font-size: 32px;
	}
}

.c-heading2-en:not(:first-child) {
	margin-top: 2rem;
}
@media screen and (max-width: 767px) {
	.c-heading2-en:not(:first-child) {
		margin-top: 1.8rem;
	}
}
.c-heading2-en {
	font-family: "Playfair Display", serif;
	font-weight: 500;
	color: #777777;
	line-height: 1.2;
	font-size: 30px;
}
@media screen and (max-width: 767px) {
	.c-heading2-en {
		font-size: 24px;
	}
}
.c-heading2-en--w {
	color: #fff;
}
.c-heading2-en--w .c-heading2-en__ja {
	color: #fff;
}
.c-heading2-en__ja {
	padding-top: 0.15em;
	display: block;
	font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-weight: bold;
	line-height: 1.5;
	color: #222222;
	font-size: 36px;
}
@media screen and (max-width: 767px) {
	.c-heading2-en__ja {
		font-size: 28px;
	}
}

.c-heading2 {
	font-size: 36px;
}
@media screen and (max-width: 767px) {
	.c-heading2 {
		font-size: 28px;
	}
}

.c-heading3 {
	font-size: 25px;
}
@media screen and (max-width: 767px) {
	.c-heading3 {
		font-size: 22px;
	}
}

.c-heading4 {
	font-size: 20px;
}
@media screen and (max-width: 767px) {
	.c-heading4 {
		font-size: 18px;
	}
}

/******************************************************************
component - lead
******************************************************************/
.c-lead {
	font-weight: bold;
	line-height: 2;
	font-size: 18px;
}
@media screen and (max-width: 767px) {
	.c-lead {
		font-size: 16px;
	}
}

/******************************************************************
component - text
******************************************************************/
.c-text {
	line-height: 2;
}

/******************************************************************
component - button-list
******************************************************************/
.c-button-list {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.c-button-list--center {
	justify-content: center;
}
.c-button-list--right {
	justify-content: flex-end;
}
@media screen and (max-width: 767px) {
	.c-button-list.sp-center {
		justify-content: center;
	}
	.c-button-list.sp-row {
		flex-direction: column;
	}
	.c-button-list.sp-row-center {
		flex-direction: column;
		align-items: center;
	}
}
.c-button-list > * {
	min-width: min(240px, 100%);
}
@media screen and (max-width: 767px) {
	.c-button-list > * {
		min-width: min(400px, 100%);
	}
}
.c-button-list:not(.c-button-list--rooms) .c-button {
	width: 100% !important;
	min-width: auto !important;
}
.c-button-list--2column > * {
	min-width: min( calc((100%/2) - (1rem*1/2) ), 240px);
}
.c-button-list--2column > * .c-button {
	min-width: 10em !important;
}
.c-button-list--3column > * {
	min-width: min( calc((100%/3) - (1rem*2/3) ), 240px);
}
.c-button-list--3column > * .c-button {
	min-width: 9em !important;
}
.c-button-list--4column > * {
	min-width: min( calc((100%/4) - (1rem*3/4) ), 240px);
}
.c-button-list--4column > * .c-button {
	min-width: 8em !important;
}
.c-button-list--5column > * {
	min-width: min( calc((100%/5) - (1rem*4/5) ), 240px);
}
.c-button-list--5column > * .c-button {
	min-width: 8em !important;
}
.c-button-list--2pagecolumn > * {
	min-width: min( calc((1100px/2) - (1rem*1/2) ), 100%);
}
.c-button-list--3pagecolumn > * {
	min-width: min( calc((1100px/3) - (1rem*2/3) ), 100%);
}
.c-button-list--4pagecolumn > * {
	min-width: min( calc((1100px/4) - (1rem*3/4) ), 100%);
}
.c-button-list--5pagecolumn > * {
	min-width: min( calc((1100px/5) - (1rem*4/5) ), 100%);
}
.c-button-list--2pagecolumn-slim > * {
	min-width: min( calc((750px/2) - (1rem*1/2) ), 100%);
}
.c-button-list--3pagecolumn-slim > * {
	min-width: min( calc((750px/3) - (1rem*2/3) ), 100%);
}
.c-button-list--4pagecolumn-slim > * {
	min-width: min( calc((750px/4) - (1rem*3/4) ), 100%);
}
.c-button-list--5pagecolumn-slim > * {
	min-width: min( calc((750px/5) - (1rem*4/5) ), 100%);
}

/******************************************************************
component - button
******************************************************************/
.c-button {
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	.c-button:hover {
		text-decoration: none;
		color: inherit;
	}
}
.c-button:focus {
	text-decoration: none;
	color: inherit;
}
.c-button {
	position: relative;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	cursor: pointer;
}
span.c-button {
	pointer-events: none;
}

.c-button--full {
	width: 100% !important;
	min-width: auto !important;
}
.c-button--label {
	position: relative;
}

/******************************************************************
component - button--basic
******************************************************************/
.c-button--basic-arrow-top, .c-button--basic-arrow-w, .c-button--basic-arrow, .c-button--basic-pdf, .c-button--basic-blank, .c-button--basic-w, .c-button--basic {
	min-width: min(240px, 100%);
	padding: 0.5em 1em;
	min-height: 3.2em;
	background-color: #444444;
	color: #fff;
	text-decoration: none;
}
@media (any-hover: hover) {
	.c-button--basic-arrow-top:hover, .c-button--basic-arrow-w:hover, .c-button--basic-arrow:hover, .c-button--basic-pdf:hover, .c-button--basic-blank:hover, .c-button--basic-w:hover, .c-button--basic:hover {
		text-decoration: none;
		color: #fff;
	}
}
.c-button--basic-arrow-top:focus, .c-button--basic-arrow-w:focus, .c-button--basic-arrow:focus, .c-button--basic-pdf:focus, .c-button--basic-blank:focus, .c-button--basic-w:focus, .c-button--basic:focus {
	text-decoration: none;
	color: #fff;
}
.c-button--basic-arrow-top, .c-button--basic-arrow-w, .c-button--basic-arrow, .c-button--basic-pdf, .c-button--basic-blank, .c-button--basic-w, .c-button--basic {
	font-weight: bold;
	border-radius: 100vw;
	transition-property: opacity;
	transition-duration: 0.4s;
}
@media (any-hover: hover) {
	.c-button--basic-arrow-top:hover, .c-button--basic-arrow-w:hover, .c-button--basic-arrow:hover, .c-button--basic-pdf:hover, .c-button--basic-blank:hover, .c-button--basic-w:hover, .c-button--basic:hover {
		opacity: 0.7;
	}
}
.c-button--basic-arrow-top:focus, .c-button--basic-arrow-w:focus, .c-button--basic-arrow:focus, .c-button--basic-pdf:focus, .c-button--basic-blank:focus, .c-button--basic-w:focus, .c-button--basic:focus {
	opacity: 0.7;
}

.c-button--basic-w {
	background-color: #fff;
	color: #222222;
	text-decoration: none;
}
@media (any-hover: hover) {
	.c-button--basic-w:hover {
		text-decoration: none;
		color: #222222;
	}
}
.c-button--basic-w:focus {
	text-decoration: none;
	color: #222222;
}
.c-button--basic-blank {
	padding: 0.5em 3.4em 0.5em 3em;
}
.c-button--basic-blank::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	top: 0;
	right: 1.1em;
	bottom: 0;
	width: 13px;
	height: 10px;
	background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTMgMTAiIHdpZHRoPSIxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMXY1aC04di01em0xLTFoLTEwdjdoMTB6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTEwIDkuNWgtOS41di02LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PC9zdmc+") no-repeat center center/100% auto;
}
.c-button--basic-pdf {
	padding: 0.5em 3.4em 0.5em 3em;
}
.c-button--basic-pdf::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	top: 0;
	right: 1em;
	bottom: 0;
	width: 24px;
	height: 12px;
	background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMjQgMTIiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMjMgMXYxMGgtMjJ2LTEwem0xLTFoLTI0djEyaDI0eiIvPjxwYXRoIGQ9Im00LjExIDkuNDl2LTYuNjVoMi4xYy41IDAgLjk0LjA2IDEuMzIuMTlzLjY5LjM0LjkxLjY0LjM0LjcxLjM0IDEuMjEtLjExLjktLjMzIDEuMjItLjUzLjU2LS45MS43MS0uODIuMjMtMS4zLjIzaC0uOTV2Mi40NGgtMS4xOXptMS4xOS0zLjM4aC44NmMuNDkgMCAuODYtLjEgMS4xLS4zcy4zNi0uNTEuMzYtLjkxLS4xMy0uNjktLjM4LS44NS0uNjMtLjI0LTEuMTItLjI0aC0uODF2Mi4zMXoiLz48cGF0aCBkPSJtMTAuMDMgOS40OXYtNi42NWgxLjc3Yy42OCAwIDEuMjcuMTIgMS43NS4zN3MuODUuNjEgMS4xMSAxLjEuMzggMS4xLjM4IDEuODQtLjEzIDEuMzUtLjM4IDEuODUtLjYyLjg3LTEuMDkgMS4xMi0xLjA0LjM4LTEuNy4zOGgtMS44NHptMS4xOS0uOTZoLjVjLjQ0IDAgLjgyLS4wOSAxLjE0LS4yNnMuNTUtLjQzLjcyLS43OS4yNS0uOC4yNS0xLjM0LS4wOC0xLS4yNS0xLjM0LS40LS41OS0uNzItLjc2Yy0uMzItLjE2LS42OS0uMjQtMS4xNC0uMjRoLS41eiIvPjxwYXRoIGQ9Im0xNi40IDkuNDl2LTYuNjVoNC4wMXYxaC0yLjgzdjEuODhoMi40MXYxaC0yLjQxdjIuNzdoLTEuMTl6Ii8+PC9nPjwvc3ZnPg==") no-repeat center center/100% auto;
}
.c-button--basic-arrow {
	padding: 0.5em 3.4em 0.5em 3em;
}
.c-button--basic-arrow::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	top: 0;
	right: 1.1em;
	bottom: 0;
	width: 18px;
	height: 18px;
	background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIuNSA3Ljc1LTMuNSAzLjUtMy41LTMuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBkPSJtOSAxYzQuNDEgMCA4IDMuNTkgOCA4cy0zLjU5IDgtOCA4LTgtMy41OS04LTggMy41OS04IDgtOG0wLTFjLTQuOTcgMC05IDQuMDMtOSA5czQuMDMgOSA5IDkgOS00LjAzIDktOS00LjAzLTktOS05eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==") no-repeat center center/100% auto;
}
.c-button--basic-arrow-w {
	padding: 0.5em 3.4em 0.5em 3em;
}
.c-button--basic-arrow-w::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	top: 0;
	right: 1.1em;
	bottom: 0;
	width: 18px;
	height: 18px;
	background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIuNSA3Ljc1LTMuNSAzLjUtMy41LTMuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBkPSJtOSAxYzQuNDEgMCA4IDMuNTkgOCA4cy0zLjU5IDgtOCA4LTgtMy41OS04LTggMy41OS04IDgtOG0wLTFjLTQuOTcgMC05IDQuMDMtOSA5czQuMDMgOSA5IDkgOS00LjAzIDktOS00LjAzLTktOS05eiIgZmlsbD0iIzIyMjIyMiIvPjwvc3ZnPg==") no-repeat center center/100% auto;
}
.c-button--basic-arrow-top {
	padding: 0.5em 3.4em 0.5em 3em;
}
.c-button--basic-arrow-top::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	top: 0;
	right: 1.1em;
	bottom: 0;
	width: 18px;
	height: 18px;
	background: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTUuNSAxMC4yIDMuNS0zLjUgMy41IDMuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBkPSJtOSAxN2MtNC40IDAtOC0zLjYtOC04czMuNi04IDgtOCA4IDMuNiA4IDgtMy42IDgtOCA4bTAgMWM1IDAgOS00IDktOXMtNC05LTktOS05IDQtOSA5IDQgOSA5IDl6IiBmaWxsPSIjZmZmIi8+PC9zdmc+") no-repeat center center/100% auto;
}
.c-button--basic-icon {
	margin-right: 0.5em;
}

/******************************************************************
component - button-visual-list
******************************************************************/
.c-button-visual-wrap > *:not(:last-child) {
	margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
	.c-button-visual-wrap > *:not(:last-child) {
		margin-bottom: 0;
	}
}

.c-button-visual-list + .c-button-visual-list--2col {
	margin-top: 70px;
}
@media screen and (max-width: 767px) {
	.c-button-visual-list + .c-button-visual-list--2col {
		margin-top: 0;
	}
}

@media screen and (max-width: 767px) {
	.c-button-visual-list {
		margin-inline: -20px;
	}
}
.c-button-visual-list > *:not(:last-child) {
	margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
	.c-button-visual-list > *:not(:last-child) {
		margin-bottom: 0;
	}
}
.c-button-visual-list--2col > *:not(:last-child) {
	margin-bottom: 0;
}
.c-button-visual-list--2col {
	display: flex;
	flex-wrap: wrap;
	margin-inline: 10px;
	gap: 10px;
}
@media screen and (max-width: 767px) {
	.c-button-visual-list--2col {
		margin-inline: 0;
		gap: 5px;
	}
}
.c-button-visual-list--2col > * {
	width: calc(50% - 5px);
}
@media screen and (max-width: 767px) {
	.c-button-visual-list--2col > * {
		width: 100%;
	}
}
/******************************************************************
component - button-visual
******************************************************************/
.c-button-visual {
	position: relative;
	display: block;
	width: 100%;
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	.c-button-visual:hover {
		text-decoration: none;
		color: inherit;
	}
}
.c-button-visual:focus {
	text-decoration: none;
	color: inherit;
}
@media screen and (max-width: 767px) {
	.c-button-visual .u-hover-dark-bg__body {
		background-size: 100% auto !important;
		background-position: top center !important;
	}
}
.c-button-visual {
	position: relative;
}
.c-button-visual::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 90%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (max-width: 767px) {
	.c-button-visual::after {
		height: 100%;
		background: linear-gradient(to bottom, rgba(51, 51, 51, 0) 0%, rgb(51, 51, 51) 87vw, rgb(51, 51, 51) 100%);
	}
}
.c-button-visual {
	aspect-ratio: 1100/400;
}
@media screen and (max-width: 767px) {
	.c-button-visual {
		aspect-ratio: initial;
		padding-top: 64vw;
	}
}
.c-button-visual:where(.c-button-visual-list--2col *) {
	aspect-ratio: 525/350;
}
@media screen and (max-width: 767px) {
	.c-button-visual:where(.c-button-visual-list--2col *) {
		aspect-ratio: initial;
	}
}
.c-button-visual {
	display: flex;
	align-items: flex-end;
}
.c-button-visual > img {
	width: 100%;
}
.c-button-visual__inner {
	position: relative;
	z-index: 1;
	flex-grow: 1;
	display: grid;
	grid-template-columns: auto 240px;
}
@media screen and (max-width: 1160px) {
	.c-button-visual__inner {
		grid-template-columns: auto 18vw;
	}
}
.c-button-visual__inner {
	grid-template-areas: "body summary";
	gap: 20px;
}
@media screen and (max-width: 767px) {
	.c-button-visual__inner {
		grid-template-columns: 100%;
		grid-template-areas: "body" "summary";
		gap: 25px;
	}
}
.c-button-visual__inner {
	box-sizing: border-box;
	color: #fff;
	padding: 40px 30px;
}
@media screen and (max-width: 1160px) {
	.c-button-visual__inner {
		padding: 3.4482758621vw 2.5862068966vw;
	}
}
@media screen and (max-width: 767px) {
	.c-button-visual__inner {
		padding: 40px 20px;
	}
}
.c-button-visual__body {
	grid-area: body;
}
.c-button-visual__title {
	grid-area: title;
	font-family: "Playfair Display", serif;
	font-weight: normal;
	line-height: 1.2;
	font-size: 45px;
}
@media screen and (max-width: 1160px) {
	.c-button-visual__title {
		font-size: 3.8793103448vw;
	}
}
@media screen and (max-width: 767px) {
	.c-button-visual__title {
		font-size: 35px;
	}
}
.c-button-visual-list--2col .c-button-visual__title {
	font-size: 42px;
}
@media screen and (max-width: 1160px) {
	.c-button-visual-list--2col .c-button-visual__title {
		font-size: 3.6206896552vw;
	}
}
@media screen and (max-width: 767px) {
	.c-button-visual-list--2col .c-button-visual__title {
		font-size: 35px;
	}
}

.c-button-visual__title-ja {
	line-height: 2;
	display: block;
	font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-weight: 500;
	font-size: 16px;
}
@media screen and (max-width: 767px) {
	.c-button-visual__title-ja {
		font-size: 16px;
	}
}
.c-button-visual-list--2col .c-button-visual__title-ja {
	font-size: 15px;
}
@media screen and (max-width: 767px) {
	.c-button-visual-list--2col .c-button-visual__title-ja {
		font-size: 16px;
	}
}

.c-button-visual__copy {
	display: block;
	line-height: 2;
	grid-area: copy;
	margin-top: 20px;
}
.c-button-visual__summary {
	grid-area: summary;
	align-self: flex-end;
	box-sizing: border-box;
	width: 100%;
}
@media screen and (max-width: 767px) {
	.c-button-visual__summary {
		width: 160px;
	}
}
.c-button-visual__summary {
	text-align: center;
	padding: 1em;
	background-color: #fff;
	border-radius: 100vw;
	color: #222222;
	font-weight: bold;
}
.c-button-visual a.c-button-visual__summary {
	color: #222222;
	text-decoration: none;
}
@media (any-hover: hover) {
	.c-button-visual a.c-button-visual__summary:hover {
		text-decoration: none;
		color: #222222;
	}
}
.c-button-visual a.c-button-visual__summary:focus {
	text-decoration: none;
	color: #222222;
}

/******************************************************************
component - button-visual2
******************************************************************/
.c-button-visual2 {
	position: relative;
	display: block;
	width: 100%;
}
@media print, screen and (min-width: 768px) {
	.c-button-visual2 {
		overflow: hidden;
		border-radius: 5px;
	}
}
.c-button-visual2 > a {
	display: block;
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	.c-button-visual2 > a:hover {
		text-decoration: none;
		color: inherit;
	}
}
.c-button-visual2 > a:focus {
	text-decoration: none;
	color: inherit;
}
.c-button-visual2 > a {
	position: relative;
}
.c-button-visual2 > a::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.c-button-visual2 > a {
	aspect-ratio: 625/350;
}
@media screen and (max-width: 767px) {
	.c-button-visual2 > a {
		aspect-ratio: 360/240;
	}
}
.c-button-visual2 > a {
	display: flex;
	align-items: flex-end;
}
.c-button-visual2__inner {
	flex-grow: 1;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	color: #fff;
	padding: 25px;
}
@media screen and (max-width: 1160px) {
	.c-button-visual2__inner {
		padding: 2.1551724138vw;
	}
}
@media screen and (max-width: 767px) {
	.c-button-visual2__inner {
		padding: 20px;
	}
}
.c-button-visual2__title {
	display: block;
	font-weight: bold;
	line-height: 1.2;
	font-size: 24px;
}
@media screen and (max-width: 1160px) {
	.c-button-visual2__title {
		font-size: 2.0689655172vw;
	}
}
@media screen and (max-width: 767px) {
	.c-button-visual2__title {
		font-size: 21px;
	}
}
.c-button-visual2__title {
	min-height: 40px;
	display: flex;
	align-items: center;
	padding-right: 50px;
	position: relative;
}
.c-button-visual2__title::before {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	right: 0px;
	bottom: 0px;
	width: 40px;
	height: 40px;
	border-radius: 100vw;
	background-color: #fff;
}
.c-button-visual2__title {
	position: relative;
}
.c-button-visual2__title::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	width: 7px;
	height: 7px;
	transition-property: top, right, bottom, left, opacity;
	transition-duration: 0.2s;
}
.c-button-visual2__title::after {
	bottom: calc((40px - 9.8994949366px) / 2 + 0px);
	right: calc((40px - 6.3639610307px) / 2 + 0px);
	transform-origin: bottom right;
	border-bottom: 2px solid #222;
	border-right: 2px solid #222;
	transform: translateY(-4.9497474683px) rotate(-45deg);
}

/******************************************************************
component - youtube
******************************************************************/
.c-flexbox .c-youtube {
	width: 100%;
}

.c-youtube {
	width: 800px;
	max-width: 100%;
	margin-inline: auto;
}
.c-youtube--full {
	width: 100%;
}
.c-youtube iframe {
	width: 100%;
	aspect-ratio: 16/9;
	vertical-align: middle;
}
.c-youtube__caption {
	font-size: 14px;
	color: #777777;
}
.c-youtube__caption:first-child {
	margin-bottom: 0.5rem;
}
.c-youtube__caption:last-child {
	margin-top: 0.5rem;
}
/******************************************************************
component - dialog
******************************************************************/
body:has(.c-dialog[open]) {
	overflow: hidden;
}

.l-wrapper:has(.c-dialog[open]) {
	overflow-y: auto;
	scrollbar-gutter: stable;
}

.l-wrapper:has(.c-dialog[open]) .l-header-fixed .l-header-fixed__inner > * {
	overflow-y: auto;
	scrollbar-gutter: stable;
}

.c-dialog {
	max-width: 100vw;
	max-height: 100dvh;
	margin: auto !important;
	box-sizing: border-box;
	width: 100vw;
	height: 100dvh;
	border: 0;
	background-color: transparent;
	overflow: hidden;
	padding: 50px;
}
@media screen and (max-width: 767px) {
	.c-dialog {
		padding: 20px;
	}
}
.c-dialog[open] {
	display: flex;
	align-items: center;
	justify-content: center;
}
.c-dialog::backdrop {
	background-color: rgba(34, 34, 34, 0.9);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.c-dialog {
	transition-property: opacity;
	transition-duration: 300ms;
	opacity: 0;
}
.c-dialog::backdrop {
	transition-property: opacity;
	transition-duration: 300ms;
	opacity: 0;
}
.c-dialog__inner {
	transition-property: transform;
	transition-duration: 300ms;
	transform: scale(0.97);
}
.c-dialog.is-open {
	opacity: 1;
}
.c-dialog.is-open::backdrop {
	opacity: 1;
}
.c-dialog.is-open .c-dialog__inner {
	transform: scale(1);
}
.c-dialog__inner {
	box-sizing: border-box;
	position: relative;
	width: fit-content;
	height: fit-content;
	max-height: 100%;
	max-width: 1300px;
}
.c-dialog__inner:has(.c-swiper-dialog-gallery) {
	width: 100%;
}
.c-dialog__inner {
	outline: 0;
}
.c-dialog[data-type=image] .c-dialog__inner img {
	max-height: calc(100dvh - 50px - 50px);
}
@media screen and (max-width: 767px) {
	.c-dialog[data-type=image] .c-dialog__inner img {
		max-height: calc(100dvh - 20px - 20px);
	}
}
.c-dialog[data-type=movie] .c-dialog__inner, .c-dialog[data-type=youtube] .c-dialog__inner {
	width: 100%;
}
.c-dialog[data-type=movie] .c-dialog__inner iframe, .c-dialog[data-type=youtube] .c-dialog__inner iframe {
	width: 100%;
	aspect-ratio: 16/9;
}
.c-dialog__close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-block;
	width: fit-content;
	border-radius: 100vw;
	aspect-ratio: 1/1;
	line-height: 0;
	padding: 16px;
	transition-property: background;
	transition-duration: 0.4s;
}
@media (any-hover: hover) {
	.c-dialog__close:hover {
		background-color: #333;
	}
}
.c-dialog__close:focus {
	background-color: #333;
}
.c-dialog__close > span {
	display: inline-block;
	width: 24px;
	height: 24px;
	position: relative;
}
.c-dialog__close > span::before, .c-dialog__close > span::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.3, 2, 0.6, 1);
}
.c-dialog__close > span::before {
	background-color: #fff;
	width: 30.941125497px;
	height: 3px;
	transform: translateX(-3.4705627485px) rotate(45deg);
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.c-dialog__close > span::after {
	background-color: #fff;
	width: 30.941125497px;
	height: 3px;
	transform: translateX(-3.4705627485px) rotate(-45deg);
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

/******************************************************************
component - dialog-nav
******************************************************************/
.c-dialog[data-type=nav] .c-dialog__inner2 {
	overflow-y: auto;
	scroll-behavior: smooth;
	overscroll-behavior: contain;
}
.c-dialog[data-type=nav] .c-dialog__inner2::-webkit-scrollbar {
	width: 5px;
	background: #F1F1F1;
}
.c-dialog[data-type=nav] .c-dialog__inner2::-webkit-scrollbar:horizontal {
	height: 5px;
	background: #F1F1F1;
}
.c-dialog[data-type=nav] .c-dialog__inner2::-webkit-scrollbar-thumb {
	background: #BCBCBC;
	border-radius: 2px;
}
.c-dialog[data-type=nav] .c-dialog__inner2::-webkit-scrollbar-thumb:horizontal {
	background: #BCBCBC;
	border-radius: 2px;
}
.c-dialog[data-type=nav] .c-dialog__inner2 {
	scrollbar-width: thin;
	scrollbar-color: #BCBCBC #F1F1F1;
}
.c-dialog__inner2 {
	transition-property: opacity, transform;
	transition-duration: 1s;
	transition-delay: 0.1s;
	opacity: 0;
}
.c-dialog.is-open .c-dialog__inner2 {
	opacity: 1;
}
.c-dialog[data-type=nav] {
	padding: 0;
}
@media screen and (max-width: 767px) {
	.c-dialog[data-type=nav] {
		padding: 0;
	}
}
.c-dialog[data-type=nav] {
	width: min(90vw, 400px);
	transition-property: transform, opacity;
	transition-duration: 300ms;
	opacity: 0;
	transform: translateX(10%);
}
.c-dialog[data-type=nav].is-open {
	opacity: 1;
	transform: translateX(0);
}
.c-dialog[data-type=nav] {
	justify-content: flex-end;
	margin-right: 0 !important;
}
.c-dialog[data-type=nav] .c-dialog__inner {
	transform: scale(1);
}
.c-dialog[data-type=nav] .c-dialog__inner {
	width: 100%;
	height: 100%;
	max-height: none;
	max-width: none;
	background-color: #222222;
	color: #fff;
	padding: 0;
}
.c-dialog[data-type=nav] .c-dialog__inner a {
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	.c-dialog[data-type=nav] .c-dialog__inner a:hover {
		text-decoration: none;
		color: inherit;
	}
}
.c-dialog[data-type=nav] .c-dialog__inner a:focus {
	text-decoration: none;
	color: inherit;
}
.c-dialog[data-type=nav] .c-dialog__inner2 {
	box-sizing: border-box;
	width: 100%;
	height: 100dvh;
	padding: 90px 25px 40px 30px;
}
.c-dialog__header {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
}
.c-dialog__close-nav {
	display: inline-block;
	aspect-ratio: 1/1;
	height: 60px;
	background-color: #fff;
	position: relative;
}
.c-dialog__close-nav::before, .c-dialog__close-nav::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.3, 2, 0.6, 1);
}
.c-dialog__close-nav::before {
	background-color: #222222;
	width: 21.627416998px;
	height: 1px;
	transform: translateX(-2.813708499px) rotate(45deg);
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.c-dialog__close-nav::after {
	background-color: #222222;
	width: 21.627416998px;
	height: 1px;
	transform: translateX(-2.813708499px) rotate(-45deg);
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.c-dialog__close-nav {
	transition-property: opacity;
	transition-duration: 0.4s;
}
@media (any-hover: hover) {
	.c-dialog__close-nav:hover {
		opacity: 0.8;
	}
}
.c-dialog__close-nav:focus {
	opacity: 0.8;
}
.c-dialog__close-nav-inner {
	line-height: 0;
	display: inline-block;
	aspect-ratio: 1/1;
	height: 60px;
	position: relative;
}
.c-dialog__close-nav-inner::after {
	transition-property: top, right, bottom, left, opacity;
	transition-duration: 0.2s;
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	width: 11px;
	height: 5px;
	border-color: #fff;
	border-style: solid;
	border-top-width: 5px;
	border-right: 5.5px solid transparent !important;
	border-bottom-width: 0;
	border-left: 5.5px solid transparent !important;
	bottom: -5px;
	left: 0;
	right: 0;
}

/******************************************************************
component - swiper
******************************************************************/
/**
 * Swiper 11.2.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 23, 2025
 */
@font-face {
	font-family: "swiper-icons";
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
	font-weight: 400;
	font-style: normal;
}
:root {
	--swiper-theme-color: #007aff;
	/*
	--swiper-preloader-color: var(--swiper-theme-color);
	--swiper-wrapper-transition-timing-function: initial;
	*/
}

:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
	display: block;
}

.swiper-vertical > .swiper-wrapper {
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
	touch-action: pan-y;
}

.swiper-vertical {
	touch-action: pan-x;
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto;
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d;
}

.swiper-3d {
	perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
	transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none; /* For Firefox */
	-ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
	scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
	scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
	scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
	content: "";
	flex-shrink: 0;
	order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* Slide styles end */
/* a11y */
.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

/******************************************************************
component - swiper-module
******************************************************************/
.c-swiper-module {
	position: relative;
}
.c-swiper-module .swiper-outer {
	position: relative;
}
.c-swiper-module .swiper-wrapper {
	width: fit-content;
	margin-inline: auto;
}
.c-swiper-module .swiper-slide img {
	width: 100%;
}
.c-swiper-module .swiper-slide {
	height: auto;
	display: flex;
	flex-direction: column;
}
.c-swiper-module .swiper-slide > a {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	.c-swiper-module .swiper-slide > a:hover {
		text-decoration: none;
		color: inherit;
	}
}
.c-swiper-module .swiper-slide > a:focus {
	text-decoration: none;
	color: inherit;
}
.c-swiper-module .swiper-slide__body {
	padding-top: 1em;
	font-size: 14px;
	line-height: 1.8;
	color: #777777;
}
.c-swiper-module[data-center=true] .swiper-slide {
	width: initial;
}
.c-swiper-module[data-center=true] .swiper-slide img {
	width: min(840px, 70vw);
}
.c-swiper-module[data-center=true] .swiper-slide__body {
	max-width: min(840px, 70vw);
}
.c-swiper-module--variablewidth .swiper-slide {
	flex-shrink: initial;
}
.c-swiper-module--variablewidth .swiper-slide img {
	max-width: initial;
	width: auto !important;
	height: min(550px, 50vw);
}
.c-swiper-module .swiper-outer .swiper-button-prev,
.c-swiper-module .swiper-outer .swiper-button-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
}
.c-swiper-module .swiper-outer .swiper-button-prev,
.c-swiper-module .swiper-outer .swiper-button-next {
	mix-blend-mode: overlay;
}
.c-swiper-module .swiper-outer .swiper-button-prev {
	left: -40px;
}
@media screen and (max-width: 767px) {
	.c-swiper-module .swiper-outer .swiper-button-prev {
		left: -30px;
	}
}
.c-swiper-module .swiper-outer .swiper-button-next {
	right: -40px;
}
@media screen and (max-width: 767px) {
	.c-swiper-module .swiper-outer .swiper-button-next {
		right: -30px;
	}
}
.c-swiper-module .swiper-button-prev.swiper-button-disabled,
.c-swiper-module .swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	filter: grayscale(100%);
	cursor: auto;
	pointer-events: none;
}
.c-swiper-module .swiper-button-prev.swiper-button-hidden,
.c-swiper-module .swiper-button-next.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none;
}
.c-swiper-module .swiper-navigation-disabled .swiper-button-prev,
.c-swiper-module .swiper-navigation-disabled .swiper-button-next {
	display: none !important;
}
.c-swiper-module .swiper-button-lock {
	display: none;
}
.c-swiper-module .swiper-button-prev,
.c-swiper-module .swiper-button-next {
	backdrop-filter: blur(5px);
	overflow: hidden;
}
.c-swiper-module .swiper-button-prev {
	border-radius: 0 50% 50% 0;
}
.c-swiper-module .swiper-button-next {
	border-radius: 50% 0 0 50%;
}
.c-swiper-module .swiper-button-prev span,
.c-swiper-module .swiper-button-next span {
	position: relative;
	display: block;
}
@media print, screen and (min-width: 768px) {
	.c-swiper-module .swiper-button-prev span,
	.c-swiper-module .swiper-button-next span {
		width: 80px;
		height: 80px;
	}
}
@media screen and (max-width: 767px) {
	.c-swiper-module .swiper-button-prev span,
	.c-swiper-module .swiper-button-next span {
		width: 60px;
		height: 60px;
	}
}
.c-swiper-module .swiper-button-prev span,
.c-swiper-module .swiper-button-next span {
	transition-property: all;
	transition-duration: 0.2s;
}
.c-swiper-module .swiper-button-prev span::before,
.c-swiper-module .swiper-button-next span::before {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100vw;
	background-color: #333;
}
@media print, screen and (min-width: 768px) {
	.c-swiper-module .swiper-button-prev span {
		position: relative;
	}
	.c-swiper-module .swiper-button-prev span::after {
		position: absolute;
		content: "";
		margin: auto;
		box-sizing: border-box;
		vertical-align: middle;
		width: 10px;
		height: 10px;
		transition-property: top, right, bottom, left, opacity;
		transition-duration: 0.2s;
	}
	.c-swiper-module .swiper-button-prev span::after {
		top: 0;
		bottom: 0;
		right: 20px;
		transform-origin: center center;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: translateX(3.5857864376px) rotate(-135deg);
	}
}
@media screen and (max-width: 767px) {
	.c-swiper-module .swiper-button-prev span {
		position: relative;
	}
	.c-swiper-module .swiper-button-prev span::after {
		position: absolute;
		content: "";
		margin: auto;
		box-sizing: border-box;
		vertical-align: middle;
		width: 6px;
		height: 6px;
		transition-property: top, right, bottom, left, opacity;
		transition-duration: 0.2s;
	}
	.c-swiper-module .swiper-button-prev span::after {
		top: 0;
		bottom: 0;
		right: 13px;
		transform-origin: center center;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: translateX(2.2928932188px) rotate(-135deg);
	}
}
@media (any-hover: hover) {
	.c-swiper-module .swiper-button-prev span:hover::after {
		right: 25px;
	}
}
.c-swiper-module .swiper-button-prev span:focus::after {
	right: 25px;
}
@media print, screen and (min-width: 768px) {
	.c-swiper-module .swiper-button-next span {
		position: relative;
	}
	.c-swiper-module .swiper-button-next span::after {
		position: absolute;
		content: "";
		margin: auto;
		box-sizing: border-box;
		vertical-align: middle;
		width: 10px;
		height: 10px;
		transition-property: top, right, bottom, left, opacity;
		transition-duration: 0.2s;
	}
	.c-swiper-module .swiper-button-next span::after {
		top: 0;
		bottom: 0;
		left: 20px;
		transform-origin: center center;
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
		transform: translateX(-3.5857864376px) rotate(135deg);
	}
}
@media screen and (max-width: 767px) {
	.c-swiper-module .swiper-button-next span {
		position: relative;
	}
	.c-swiper-module .swiper-button-next span::after {
		position: absolute;
		content: "";
		margin: auto;
		box-sizing: border-box;
		vertical-align: middle;
		width: 6px;
		height: 6px;
		transition-property: top, right, bottom, left, opacity;
		transition-duration: 0.2s;
	}
	.c-swiper-module .swiper-button-next span::after {
		top: 0;
		bottom: 0;
		left: 13px;
		transform-origin: center center;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		transform: translateX(-2.2928932188px) rotate(135deg);
	}
}
@media (any-hover: hover) {
	.c-swiper-module .swiper-button-next span:hover::after {
		left: 25px;
	}
}
.c-swiper-module .swiper-button-next span:focus::after {
	left: 25px;
}
@media screen and (max-width: 767px) {
	.c-swiper-module .swiper-button-prev,
	.c-swiper-module .swiper-button-next {
		display: none;
	}
}
.c-swiper-module > .swiper-pagination {
	position: absolute;
	z-index: 10;
	width: 100%;
	bottom: 20px;
}
@media screen and (max-width: 767px) {
	.c-swiper-module > .swiper-pagination {
		bottom: 14px;
	}
}
.c-swiper-module .swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}
.c-swiper-module .swiper-pagination.swiper-pagination-disabled {
	display: none !important;
}
.c-swiper-module .swiper-pagination-disabled > .swiper-pagination {
	display: none !important;
}
.c-swiper-module .swiper-pagination-lock {
	display: none;
}
.c-swiper-module > .swiper-pagination {
	position: relative;
	z-index: 10;
	max-width: 1100px;
	margin-inline: auto;
	padding-inline: 30px;
}
@media screen and (max-width: 767px) {
	.c-swiper-module > .swiper-pagination {
		padding-inline: 20px;
	}
}
.c-swiper-module > .swiper-pagination {
	width: initial;
	margin-top: 20px;
	bottom: auto;
}
@media screen and (max-width: 767px) {
	.c-swiper-module > .swiper-pagination {
		margin-top: 16px;
		bottom: auto;
	}
}
.c-swiper-module .swiper-pagination {
	--animation-duration: 0;
	--animation-play-state: running;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
@media screen and (max-width: 767px) {
	.c-swiper-module .swiper-pagination {
		gap: 10px;
	}
}
.c-swiper-module .swiper-pagination .swiper-pagination-bullet {
	height: 8px;
	width: 8px;
}
@media screen and (max-width: 767px) {
	.c-swiper-module .swiper-pagination .swiper-pagination-bullet {
		width: 8px;
	}
}
.c-swiper-module .swiper-pagination .swiper-pagination-bullet {
	position: relative;
	border-radius: 100vw;
	overflow: hidden;
}
.c-swiper-module .swiper-pagination .swiper-pagination-bullet::before, .c-swiper-module .swiper-pagination .swiper-pagination-bullet::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	top: 0;
	bottom: 0;
	left: 0;
	height: 8px;
}
@media screen and (max-width: 767px) {
	.c-swiper-module .swiper-pagination .swiper-pagination-bullet::before, .c-swiper-module .swiper-pagination .swiper-pagination-bullet::after {
		height: 8px;
	}
}
.c-swiper-module .swiper-pagination .swiper-pagination-bullet::before {
	background-color: #fff;
	width: 100%;
}
.c-swiper-module .swiper-pagination .swiper-pagination-bullet::after {
	background: #777777;
	width: 0;
}
.c-swiper-module .swiper-pagination .swiper-pagination-bullet {
	transition-property: background, width;
	transition-duration: 0.2s;
}
.c-swiper-module .swiper-pagination .swiper-pagination-bullet:only-child {
	display: none !important;
}
.c-swiper-module .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}
.c-swiper-module .swiper-pagination svg {
	display: none;
}
.c-swiper-module .swiper-pagination .swiper-pagination-bullet-active {
	width: 28px;
}
@media screen and (max-width: 767px) {
	.c-swiper-module .swiper-pagination .swiper-pagination-bullet-active {
		width: 28px;
	}
}
.c-swiper-module .swiper-pagination.is-stop .swiper-pagination-bullet-active::after, .c-swiper-module .swiper-pagination:not(.has-autoplay) .swiper-pagination-bullet-active::after {
	width: 100%;
}
.c-swiper-module .swiper-pagination.is-autoplay:not(.is-stop) .swiper-pagination-bullet-active::after {
	animation-name: paginationActive;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-duration: var(--animation-duration);
	animation-play-state: var(--animation-play-state);
}
@keyframes paginationActive {
	100% {
		width: 100%;
	}
}

/******************************************************************
component - notice
******************************************************************/
.c-notice {
	transform: translateY(-50%);
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.c-notice {
		margin-bottom: 25px;
	}
}
.c-notice {
	display: flex;
	background-color: #fff;
	border-radius: 100vw;
	padding: 20px 40px 20px 40px;
}
@media screen and (max-width: 767px) {
	.c-notice {
		padding: 16px 35px 16px 18px;
		margin-inline: -10px;
	}
}
.c-notice__head {
	margin-right: 35px;
	padding-right: 35px;
	position: relative;
}
.c-notice__head::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	top: -10px;
	right: 0;
	bottom: -10px;
	width: 1px;
	height: calc(100% + 20px);
	background-color: #eeeeee;
}
.c-notice__head {
	flex-shrink: 0;
	color: #777777;
	font-weight: bold;
	font-size: 15px;
}
@media screen and (max-width: 767px) {
	.c-notice__head {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		border: 0;
		overflow: hidden;
		padding: 0;
		clip: rect(0, 0, 0, 0);
	}
}
.c-notice__body {
	flex-grow: 1;
}
.c-notice__body a {
	color: inherit;
	text-decoration: none;
}
@media (any-hover: hover) {
	.c-notice__body a:hover {
		text-decoration: none;
		color: inherit;
	}
}
.c-notice__body a:focus {
	text-decoration: none;
	color: inherit;
}
.c-notice__body a {
	position: relative;
}
.c-notice__body a::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	transition-property: top, right, bottom, left, opacity;
	transition-duration: 0.2s;
}
.c-notice__body a::after {
	top: 0;
	bottom: 0;
	right: -12px;
	transform-origin: center center;
	border-top: 2px solid #222222;
	border-right: 2px solid #222222;
	transform: translateX(-1.6568542495px) rotate(45deg);
}
.c-notice__body a {
	transition-property: opacity;
	transition-duration: 0.4s;
}
@media (any-hover: hover) {
	.c-notice__body a:hover {
		opacity: 0.7;
	}
}
.c-notice__body a:focus {
	opacity: 0.7;
}
.c-notice__body:has(> a) a {
	display: flex;
	gap: 35px;
}
@media screen and (max-width: 767px) {
	.c-notice__body:has(> a) a {
		gap: 10px;
	}
}
.c-notice__body:not(:has(> a)) {
	display: flex;
	gap: 35px;
}
@media screen and (max-width: 767px) {
	.c-notice__body:not(:has(> a)) {
		gap: 10px;
	}
}
.c-notice__date {
	font-family: "Playfair Display", serif;
	font-weight: 500;
	color: #777777;
	line-height: 1.2;
	font-size: 18px;
}
@media screen and (max-width: 767px) {
	.c-notice__date {
		font-size: 16px;
	}
}
.c-notice__label {
	font-size: 15px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

/******************************************************************
utility - mediaquery
******************************************************************/
.u-portrait-media {
	display: none;
}

@media screen and (max-width: 1024px) {
	.u-landscape-media {
		display: none;
	}
	.u-portrait-media {
		display: block;
	}
	img.u-portrait-media {
		display: inline-block;
	}
	br.u-portrait-media {
		display: inline-block;
	}
	table.u-portrait-media {
		display: table;
	}
}
.u-sp-media {
	display: none;
}

@media screen and (max-width: 767px) {
	.u-pc-media {
		display: none;
	}
	.u-sp-media {
		display: block;
	}
	img.u-sp-media {
		display: inline-block;
	}
	br.u-sp-media {
		display: inline-block;
	}
	table.u-sp-media {
		display: table;
	}
}
/******************************************************************
utility - u-gutter
******************************************************************/
.u-gutter > *:not(:last-child) {
	margin-bottom: 1rem;
}

.u-gutter-s > *:not(:last-child) {
	margin-bottom: 0.75rem;
}

.u-gutter-2l > *:not(:last-child) {
	margin-bottom: 1.5rem;
}

.u-gutter-2x > *:not(:last-child) {
	margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
	.u-gutter > *:not(:last-child) {
		margin-bottom: 0.9rem;
	}
	.u-gutter-s > *:not(:last-child) {
		margin-bottom: 0.675rem;
	}
	.u-gutter-2l > *:not(:last-child) {
		margin-bottom: 1.35rem;
	}
	.u-gutter-2x > *:not(:last-child) {
		margin-bottom: 1.8rem;
	}
	.u-sp-gutter > *:not(:last-child) {
		margin-bottom: 0.9rem;
	}
	.u-sp-gutter-s > *:not(:last-child) {
		margin-bottom: 0.675rem;
	}
	.u-sp-gutter-2l > *:not(:last-child) {
		margin-bottom: 1.35rem;
	}
	.u-sp-gutter-2x > *:not(:last-child) {
		margin-bottom: 1.8rem;
	}
}
/******************************************************************
utility - margin
******************************************************************/
.u-margin-s {
	margin-bottom: 0 !important;
	height: 15px;
}
@media screen and (max-width: 767px) {
	.u-margin-s {
		height: 10px;
	}
}
.u-margin-m {
	margin-bottom: 0 !important;
	height: 30px;
}
@media screen and (max-width: 767px) {
	.u-margin-m {
		height: 20px;
	}
}
.u-margin-l {
	margin-bottom: 0 !important;
	height: 45px;
}
@media screen and (max-width: 767px) {
	.u-margin-l {
		height: 30px;
	}
}

/******************************************************************
utility - display
******************************************************************/
.u-block {
	display: block;
}

.u-none {
	display: none;
}

.u-inline {
	display: inline;
}

.u-inline-block {
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.u-sp-block {
		display: block;
	}
	.u-sp-none {
		display: none;
	}
	.u-sp-inline {
		display: inline;
	}
	.u-sp-inline-block {
		display: inline-block;
	}
}
/******************************************************************
utility - display-off
******************************************************************/
.u-display-off {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	overflow: hidden;
	padding: 0;
	clip: rect(0, 0, 0, 0);
}

/******************************************************************
utility - section-gutter
******************************************************************/
.u-section-gutter-bottom {
	margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
	.u-section-gutter-bottom {
		margin-bottom: 60px;
	}
}

/******************************************************************
utility - text-align
******************************************************************/
.u-center {
	text-align: center !important;
}

.u-right {
	text-align: right !important;
}

.u-left {
	text-align: left !important;
}

/******************************************************************
utility - hover-dark-img
******************************************************************/
.u-hover-dark-img__body img {
	transition-property: filter;
	transition-duration: 0.4s;
}
@media (any-hover: hover) {
	.u-hover-dark-img:hover .u-hover-dark-img__body img {
		filter: brightness(0.8);
	}
}
.u-hover-dark-img:focus .u-hover-dark-img__body img {
	filter: brightness(0.8);
}

/******************************************************************
utility - hover-dark-bg
******************************************************************/
.u-hover-dark-bg {
	position: relative;
	z-index: 1;
}
.u-hover-dark-bg .u-hover-dark-bg__body {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--bg) center center/cover no-repeat;
	--bg-sp: var(--bg);
}
@media screen and (max-width: 767px) {
	.u-hover-dark-bg .u-hover-dark-bg__body {
		background-image: var(--bg-sp);
	}
}
.u-hover-dark-bg .u-hover-dark-bg__body {
	transition-property: filter;
	transition-duration: 0.4s;
}
@media (any-hover: hover) {
	a.u-hover-dark-bg:hover .u-hover-dark-bg__body {
		filter: brightness(0.8);
	}
}
a.u-hover-dark-bg:focus .u-hover-dark-bg__body {
	filter: brightness(0.8);
}

.u-hover-dark-bg:has(a:hover, :focus) .u-hover-dark-bg__body {
	filter: brightness(0.8);
}

/******************************************************************
utility - icon-blank
******************************************************************/
.u-icon-blank-invert, .u-icon-blank {
	position: relative;
	margin-left: 0.6em;
	padding-left: 15px;
}
.u-icon-blank-invert::after, .u-icon-blank::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	top: 0;
	bottom: 0;
	left: 0;
	width: 13px;
	height: 10px;
	background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTMgMTAiIHdpZHRoPSIxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMXY1aC04di01em0xLTFoLTEwdjdoMTB6IiBmaWxsPSIjNzc3Nzc3Ii8+PHBhdGggZD0ibTEwIDkuNWgtOS41di02LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzc3Nzc3NyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PC9zdmc+") no-repeat center center/100% auto;
}

@media (any-hover: hover) {
	a:hover .u-icon-blank::after {
		background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTMgMTAiIHdpZHRoPSIxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMXY1aC04di01em0xLTFoLTEwdjdoMTB6IiBmaWxsPSIjZGIwYzI3Ii8+PHBhdGggZD0ibTEwIDkuNWgtOS41di02LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiMGMyNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PC9zdmc+") no-repeat center center/100% auto;
	}
}
a:focus .u-icon-blank::after {
	background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTMgMTAiIHdpZHRoPSIxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMXY1aC04di01em0xLTFoLTEwdjdoMTB6IiBmaWxsPSIjZGIwYzI3Ii8+PHBhdGggZD0ibTEwIDkuNWgtOS41di02LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiMGMyNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PC9zdmc+") no-repeat center center/100% auto;
}

.u-icon-blank-invert::after {
	filter: brightness(0) invert(1);
}

/******************************************************************
utility - icon-pdf
******************************************************************/
.u-icon-pdf-invert, .u-icon-pdf {
	position: relative;
	margin-left: 0.6em;
	padding-left: 15px;
}
.u-icon-pdf-invert::after, .u-icon-pdf::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	top: 0;
	bottom: 0;
	left: 0;
	width: 24px;
	height: 12px;
	background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMjQgMTIiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjNzc3Nzc3Ij48cGF0aCBkPSJtMjMgMXYxMGgtMjJ2LTEwem0xLTFoLTI0djEyaDI0eiIvPjxwYXRoIGQ9Im00LjExIDkuNDl2LTYuNjVoMi4xYy41IDAgLjk0LjA2IDEuMzIuMTlzLjY5LjM0LjkxLjY0LjM0LjcxLjM0IDEuMjEtLjExLjktLjMzIDEuMjItLjUzLjU2LS45MS43MS0uODIuMjMtMS4zLjIzaC0uOTV2Mi40NGgtMS4xOXptMS4xOS0zLjM4aC44NmMuNDkgMCAuODYtLjEgMS4xLS4zcy4zNi0uNTEuMzYtLjkxLS4xMy0uNjktLjM4LS44NS0uNjMtLjI0LTEuMTItLjI0aC0uODF2Mi4zMXoiLz48cGF0aCBkPSJtMTAuMDMgOS40OXYtNi42NWgxLjc3Yy42OCAwIDEuMjcuMTIgMS43NS4zN3MuODUuNjEgMS4xMSAxLjEuMzggMS4xLjM4IDEuODQtLjEzIDEuMzUtLjM4IDEuODUtLjYyLjg3LTEuMDkgMS4xMi0xLjA0LjM4LTEuNy4zOGgtMS44NHptMS4xOS0uOTZoLjVjLjQ0IDAgLjgyLS4wOSAxLjE0LS4yNnMuNTUtLjQzLjcyLS43OS4yNS0uOC4yNS0xLjM0LS4wOC0xLS4yNS0xLjM0LS40LS41OS0uNzItLjc2Yy0uMzItLjE2LS42OS0uMjQtMS4xNC0uMjRoLS41eiIvPjxwYXRoIGQ9Im0xNi40IDkuNDl2LTYuNjVoNC4wMXYxaC0yLjgzdjEuODhoMi40MXYxaC0yLjQxdjIuNzdoLTEuMTl6Ii8+PC9nPjwvc3ZnPg==") no-repeat center center/100% auto;
}

.u-icon-pdf-invert::after {
	background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMjQgMTIiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMjMgMXYxMGgtMjJ2LTEwem0xLTFoLTI0djEyaDI0eiIvPjxwYXRoIGQ9Im00LjExIDkuNDl2LTYuNjVoMi4xYy41IDAgLjk0LjA2IDEuMzIuMTlzLjY5LjM0LjkxLjY0LjM0LjcxLjM0IDEuMjEtLjExLjktLjMzIDEuMjItLjUzLjU2LS45MS43MS0uODIuMjMtMS4zLjIzaC0uOTV2Mi40NGgtMS4xOXptMS4xOS0zLjM4aC44NmMuNDkgMCAuODYtLjEgMS4xLS4zcy4zNi0uNTEuMzYtLjkxLS4xMy0uNjktLjM4LS44NS0uNjMtLjI0LTEuMTItLjI0aC0uODF2Mi4zMXoiLz48cGF0aCBkPSJtMTAuMDMgOS40OXYtNi42NWgxLjc3Yy42OCAwIDEuMjcuMTIgMS43NS4zN3MuODUuNjEgMS4xMSAxLjEuMzggMS4xLjM4IDEuODQtLjEzIDEuMzUtLjM4IDEuODUtLjYyLjg3LTEuMDkgMS4xMi0xLjA0LjM4LTEuNy4zOGgtMS44NHptMS4xOS0uOTZoLjVjLjQ0IDAgLjgyLS4wOSAxLjE0LS4yNnMuNTUtLjQzLjcyLS43OS4yNS0uOC4yNS0xLjM0LS4wOC0xLS4yNS0xLjM0LS40LS41OS0uNzItLjc2Yy0uMzItLjE2LS42OS0uMjQtMS4xNC0uMjRoLS41eiIvPjxwYXRoIGQ9Im0xNi40IDkuNDl2LTYuNjVoNC4wMXYxaC0yLjgzdjEuODhoMi40MXYxaC0yLjQxdjIuNzdoLTEuMTl6Ii8+PC9nPjwvc3ZnPg==") no-repeat center center/100% auto;
}

@media (any-hover: hover) {
	a:hover .u-icon-pdf::after {
		background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMjQgMTIiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZGIwYzI3Ij48cGF0aCBkPSJtMjMgMXYxMGgtMjJ2LTEwem0xLTFoLTI0djEyaDI0eiIvPjxwYXRoIGQ9Im00LjExIDkuNDl2LTYuNjVoMi4xYy41IDAgLjk0LjA2IDEuMzIuMTlzLjY5LjM0LjkxLjY0LjM0LjcxLjM0IDEuMjEtLjExLjktLjMzIDEuMjItLjUzLjU2LS45MS43MS0uODIuMjMtMS4zLjIzaC0uOTV2Mi40NGgtMS4xOXptMS4xOS0zLjM4aC44NmMuNDkgMCAuODYtLjEgMS4xLS4zcy4zNi0uNTEuMzYtLjkxLS4xMy0uNjktLjM4LS44NS0uNjMtLjI0LTEuMTItLjI0aC0uODF2Mi4zMXoiLz48cGF0aCBkPSJtMTAuMDMgOS40OXYtNi42NWgxLjc3Yy42OCAwIDEuMjcuMTIgMS43NS4zN3MuODUuNjEgMS4xMSAxLjEuMzggMS4xLjM4IDEuODQtLjEzIDEuMzUtLjM4IDEuODUtLjYyLjg3LTEuMDkgMS4xMi0xLjA0LjM4LTEuNy4zOGgtMS44NHptMS4xOS0uOTZoLjVjLjQ0IDAgLjgyLS4wOSAxLjE0LS4yNnMuNTUtLjQzLjcyLS43OS4yNS0uOC4yNS0xLjM0LS4wOC0xLS4yNS0xLjM0LS40LS41OS0uNzItLjc2Yy0uMzItLjE2LS42OS0uMjQtMS4xNC0uMjRoLS41eiIvPjxwYXRoIGQ9Im0xNi40IDkuNDl2LTYuNjVoNC4wMXYxaC0yLjgzdjEuODhoMi40MXYxaC0yLjQxdjIuNzdoLTEuMTl6Ii8+PC9nPjwvc3ZnPg==") no-repeat center center/100% auto;
	}
}
a:focus .u-icon-pdf::after {
	background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMjQgMTIiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZGIwYzI3Ij48cGF0aCBkPSJtMjMgMXYxMGgtMjJ2LTEwem0xLTFoLTI0djEyaDI0eiIvPjxwYXRoIGQ9Im00LjExIDkuNDl2LTYuNjVoMi4xYy41IDAgLjk0LjA2IDEuMzIuMTlzLjY5LjM0LjkxLjY0LjM0LjcxLjM0IDEuMjEtLjExLjktLjMzIDEuMjItLjUzLjU2LS45MS43MS0uODIuMjMtMS4zLjIzaC0uOTV2Mi40NGgtMS4xOXptMS4xOS0zLjM4aC44NmMuNDkgMCAuODYtLjEgMS4xLS4zcy4zNi0uNTEuMzYtLjkxLS4xMy0uNjktLjM4LS44NS0uNjMtLjI0LTEuMTItLjI0aC0uODF2Mi4zMXoiLz48cGF0aCBkPSJtMTAuMDMgOS40OXYtNi42NWgxLjc3Yy42OCAwIDEuMjcuMTIgMS43NS4zN3MuODUuNjEgMS4xMSAxLjEuMzggMS4xLjM4IDEuODQtLjEzIDEuMzUtLjM4IDEuODUtLjYyLjg3LTEuMDkgMS4xMi0xLjA0LjM4LTEuNy4zOGgtMS44NHptMS4xOS0uOTZoLjVjLjQ0IDAgLjgyLS4wOSAxLjE0LS4yNnMuNTUtLjQzLjcyLS43OS4yNS0uOC4yNS0xLjM0LS4wOC0xLS4yNS0xLjM0LS40LS41OS0uNzItLjc2Yy0uMzItLjE2LS42OS0uMjQtMS4xNC0uMjRoLS41eiIvPjxwYXRoIGQ9Im0xNi40IDkuNDl2LTYuNjVoNC4wMXYxaC0yLjgzdjEuODhoMi40MXYxaC0yLjQxdjIuNzdoLTEuMTl6Ii8+PC9nPjwvc3ZnPg==") no-repeat center center/100% auto;
}

/******************************************************************
utility - icon-lock
******************************************************************/
.u-icon-lock-invert, .u-icon-lock {
	position: relative;
	margin-left: 0.6em;
	padding-left: 15px;
}
.u-icon-lock-invert::after, .u-icon-lock::after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
	top: 0;
	bottom: 0;
	left: 0;
	width: 12px;
	height: 14px;
	background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0LjUiIHZpZXdCb3g9IjAgMCAxMiAxNC41IiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNi41di0zYzAtMS42NiAxLjM0LTMgMy0zczMgMS4zNCAzIDN2MyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzc3Nzc3IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48ZyBmaWxsPSIjNzc3Nzc3Ij48cGF0aCBkPSJtMTEgNy41djZoLTEwdi02em0xLTFoLTEydjhoMTJ6Ii8+PHBhdGggZD0ibTUgOC41aDJ2MmgtMnoiLz48L2c+PC9zdmc+") no-repeat center center/100% auto;
}

@media (any-hover: hover) {
	a:hover .u-icon-lock::after {
		background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0LjUiIHZpZXdCb3g9IjAgMCAxMiAxNC41IiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNi41di0zYzAtMS42NiAxLjM0LTMgMy0zczMgMS4zNCAzIDN2MyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZGIwYzI3IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48ZyBmaWxsPSIjZGIwYzI3Ij48cGF0aCBkPSJtMTEgNy41djZoLTEwdi02em0xLTFoLTEydjhoMTJ6Ii8+PHBhdGggZD0ibTUgOC41aDJ2MmgtMnoiLz48L2c+PC9zdmc+") no-repeat center center/100% auto;
	}
}
a:focus .u-icon-lock::after {
	background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0LjUiIHZpZXdCb3g9IjAgMCAxMiAxNC41IiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNi41di0zYzAtMS42NiAxLjM0LTMgMy0zczMgMS4zNCAzIDN2MyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZGIwYzI3IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48ZyBmaWxsPSIjZGIwYzI3Ij48cGF0aCBkPSJtMTEgNy41djZoLTEwdi02em0xLTFoLTEydjhoMTJ6Ii8+PHBhdGggZD0ibTUgOC41aDJ2MmgtMnoiLz48L2c+PC9zdmc+") no-repeat center center/100% auto;
}

.u-icon-lock-invert::after {
	filter: brightness(0) invert(1);
}