.hm {
	background: #000;
	color: #fff
}

.hm_kv {
	height: calc(var(--vh, 1vh)*100);
	position: relative;
	z-index: 1
}

.hm_kv_inner {
	contain: size layout;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.hm_kv_attention {
	display: block;
	opacity: 1;
	position: absolute;
	top: calc(var(--vh, 1vh)*50 - var(--hm_kv_circle_w)/2);
	transition: opacity .2s ease-in-out;
	z-index: 1
}

.hm_kv.is_hidden .hm_kv_attention {
	opacity: 0;
	transition: opacity .2s ease-in-out
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:760px) {
	.hm_kv_attention {
		--hm_kv_circle_w: calc(var(--a-s, 1px)*16);
		--hm_kv_circle_space: calc(var(--a-s, 1px)*32)
	}

	.hm_kv_attention.__prev {
		left: calc(var(--a-s, 1px)*32);
		--hm_kv_circle_move: calc(var(--a-s, 1px)*-10)
	}

	.hm_kv_attention.__next {
		right: calc(var(--a-s, 1px)*32);
		--hm_kv_circle_move: calc(var(--a-s, 1px)*10)
	}

	.hm_kv_attention:after {
		bottom: calc(var(--a-s, 1px)*-32);
		content: "";
		display: block;
		height: auto;
		left: calc(var(--a-s, 1px)*-32);
		position: absolute;
		right: calc(var(--a-s, 1px)*-32);
		top: calc(var(--a-s, 1px)*-32);
		width: auto
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_kv_attention {
		--hm_kv_circle_w: calc(var(--a-s, 1px)*8);
		--hm_kv_circle_space: calc(var(--a-s, 1px)*14)
	}

	.hm_kv_attention.__prev {
		left: calc(var(--a-s, 1px)*14);
		--hm_kv_circle_move: calc(var(--a-s, 1px)*-6)
	}

	.hm_kv_attention.__next {
		right: calc(var(--a-s, 1px)*14);
		--hm_kv_circle_move: calc(var(--a-s, 1px)*6)
	}
}

.hm_kv_attention_body {
	aspect-ratio: 1/1;
	border: calc(var(--hm_kv_circle_w)/4) solid;
	border-radius: 50%;
	opacity: 0;
	position: relative;
	transition: transform .6s cubic-bezier(.165, .84, .44, 1);
	width: var(--hm_kv_circle_w)
}

@media(any-hover:hover) {
	.hm_kv_attention:hover .hm_kv_attention_body {
		transform: scale(1.4);
		transition: transform .3s cubic-bezier(.165, .84, .44, 1)
	}
}

.is_show .hm_kv_attention_body {
	opacity: 1;
	transition: opacity .5s ease-in-out .35s
}

@keyframes hm_kv_attention__move {
	0% {
		translate: var(--hm_kv_circle_move) 0
	}

	50% {
		translate: calc(var(--hm_kv_circle_move)*-1) 0
	}

	to {
		translate: var(--hm_kv_circle_move) 0
	}
}

@keyframes hm_kv_attention__scale {

	0%,
	10% {
		scale: 1
	}

	25% {
		scale: 1 .8
	}

	40%,
	60% {
		scale: 1
	}

	75% {
		scale: 1 .8
	}

	90%,
	to {
		scale: 1
	}
}

.hm_kv_body {
	display: grid;
	grid-template-rows: 1fr auto;
	height: 100%;
	position: fixed;
	text-align: center;
	z-index: 1
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	html[lang=en] .hm_kv_body {
		row-gap: calc(var(--a-s, 1px)*80)
	}
}

.hm_kv_bodyInner {
	align-items: center;
	display: flex;
	flex-direction: column
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_kv_bodyInner {
		justify-content: center
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_kv_bodyInner {
		justify-content: flex-start;
		padding-top: calc(var(--a-s, 1px)*98)
	}
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_kv_logo {
		margin-bottom: calc(var(--a-s, 1px)*80)
	}

	.hm_kv_logo svg {
		height: calc(var(--a-s, 1px)*127);
		width: calc(var(--a-s, 1px)*174)
	}

	html[lang=en] .hm_kv_logo {
		margin-bottom: calc(var(--a-s, 1px)*112)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_kv_logo {
		margin-bottom: calc(var(--a-s, 1px)*70)
	}

	.hm_kv_logo svg {
		height: calc(var(--a-s, 1px)*87.5);
		width: calc(var(--a-s, 1px)*120)
	}

	html[lang=en] .hm_kv_logo {
		margin-bottom: calc(var(--a-s, 1px)*84)
	}
}

.hm_kv_scroll {
	display: flex;
	flex-direction: column;
	opacity: 0;
	row-gap: calc(var(--a-s, 1px)*4);
	width: calc(var(--a-s, 1px)*6)
}

.is_show .hm_kv_scroll {
	opacity: 1;
	transition: opacity 1.2s ease-in-out .45s
}

.hm_kv_scroll span {
	display: block;
	height: calc(var(--a-s, 1px)*6);
	width: calc(var(--a-s, 1px)*6)
}

.hm_kv_scroll span:first-child svg {
	fill-opacity: .4;
	animation: hm_kv_scroll 1.4s cubic-bezier(.455, .03, .515, .955) .2s infinite
}

.hm_kv_scroll span:nth-child(2) svg {
	fill-opacity: .4;
	animation: hm_kv_scroll 1.4s cubic-bezier(.455, .03, .515, .955) .4s infinite
}

.hm_kv_scroll span:nth-child(3) svg {
	fill-opacity: .4;
	animation: hm_kv_scroll 1.4s cubic-bezier(.455, .03, .515, .955) .6s infinite
}

.hm_kv_scroll span:nth-child(4) svg {
	fill-opacity: .4;
	animation: hm_kv_scroll 1.4s cubic-bezier(.455, .03, .515, .955) .8s infinite
}

.hm_kv_scroll span:nth-child(5) svg {
	fill-opacity: .4;
	animation: hm_kv_scroll 1.4s cubic-bezier(.455, .03, .515, .955) 1s infinite
}

.hm_kv_scroll span:nth-child(6) svg {
	fill-opacity: .4;
	animation: hm_kv_scroll 1.4s cubic-bezier(.455, .03, .515, .955) 1.2s infinite
}

.hm_kv_scroll span:nth-child(7) svg {
	fill-opacity: .4;
	animation: hm_kv_scroll 1.4s cubic-bezier(.455, .03, .515, .955) 1.4s infinite
}

.hm_kv_scroll span:nth-child(8) svg {
	fill-opacity: .4;
	animation: hm_kv_scroll 1.4s cubic-bezier(.455, .03, .515, .955) 1.6s infinite
}

.hm_kv_scroll span:nth-child(9) svg {
	fill-opacity: .4;
	animation: hm_kv_scroll 1.4s cubic-bezier(.455, .03, .515, .955) 1.8s infinite
}

@keyframes hm_kv_scroll {
	0% {
		transform: scale(.3);
		fill-opacity: .4
	}

	40% {
		transform: scale(1);
		fill-opacity: 1
	}

	85%,
	to {
		transform: scale(.3);
		fill-opacity: .4
	}
}

.hm_kv_controls {
	display: flex;
	justify-content: center;
	opacity: 0
}

.hm_kv.is_hidden .hm_kv_controls {
	opacity: 0;
	transition: .2s ease-in-out
}

.is_show .hm_kv_controls {
	opacity: 1;
	transition: opacity 1.2s ease-in-out .4s
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_kv_controls {
		padding-bottom: calc(var(--a-s, 1px)*32)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_kv_controls {
		padding-bottom: calc(var(--a-s, 1px)*28)
	}
}

.hm_kv_controlsInner {
	align-items: center;
	display: flex;
	justify-content: center
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_kv_controlsInner {
		column-gap: calc(var(--a-s, 1px)*16)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_kv_controlsInner {
		column-gap: calc(var(--a-s, 1px)*14)
	}
}

.hm_kv_counter {
	align-items: center;
	display: flex
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_kv_counter {
		column-gap: calc(var(--a-s, 1px)*5)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_kv_counter {
		column-gap: calc(var(--a-s, 1px)*4)
	}
}

.hm_kv_current {
	display: grid;
	justify-content: center;
	margin-block: -2px;
	overflow: hidden;
	padding-block: 2px;
	position: relative
}

.hm_kv_current li {
	grid-column: 1/2;
	grid-row: 1/2
}

.hm_kv_caption {
	display: grid;
	opacity: .6;
	position: relative;
	text-align: left
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_kv_caption {
		transform: translateY(calc(var(--a-s, 1px)*2.5))
	}
}

.hm_kv_caption li {
	position: absolute;
	white-space: nowrap
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_kv_caption li {
		margin-top: calc(var(--a-s, 1px)*-8)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_kv_caption li {
		margin-top: calc(var(--a-s, 1px)*-10)
	}
}

.hm_kv_slider {
	height: calc(var(--vh, 1vh)*100);
	width: 100%;
	z-index: 0
}

.hm_kv_slider,
.hm_kv_sliderItem {
	inset: 0;
	position: absolute
}

.hm_kv_bg {
	height: 100%
}

.hm_kv_bgInner {
	overflow: visible !important;
	top: 0 !important
}

.hm_kv_copyEn {
	opacity: 0
}

.is_show .hm_kv_copyEn {
	opacity: 1;
	transition: opacity 1.2s ease-in-out
}

.hm_kv_copy {
	opacity: 0
}

.is_show .hm_kv_copy {
	opacity: 1;
	transition: opacity 1.2s ease-in-out .1s
}

.hm_intro {
	position: relative;
	text-align: center
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro {
		height: max(calc(var(--vh-max, 1vh)*100), calc(var(--o-s, 1px)*1440));
		padding: calc(var(--a-s, 1px)*153) 0
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro {
		height: max(calc(var(--vh-max, 1vh)*100), calc(var(--o-s, 1px)*1736));
		padding: calc(var(--a-s, 1px)*104) 0
	}
}

.hm_intro_inner {
	position: sticky;
	z-index: 1
}

.hm_intro_body {
	position: relative
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_body {
		padding: calc(var(--a-s, 1px)*100) 0 calc(var(--a-s, 1px)*70)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_body {
		padding: calc(var(--a-s, 1px)*45) calc(var(--a-s, 1px)*35) calc(var(--a-s, 1px)*51)
	}
}

.hm_intro_dots>* {
	aspect-ratio: 1/1;
	position: absolute;
	width: calc(var(--a-s, 1px)*6)
}

.hm_intro_dots>:first-child {
	left: calc(50% - var(--a-s, 1px)*3);
	top: 0
}

.hm_intro_dots>:nth-child(2) {
	bottom: 0
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_dots>:nth-child(2) {
		right: calc(50% + var(--a-s, 1px)*245)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_dots>:nth-child(2) {
		right: calc(50% + var(--a-s, 1px)*148)
	}
}

.hm_intro_dots>:nth-child(3) {
	bottom: 0
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_dots>:nth-child(3) {
		left: calc(50% + var(--a-s, 1px)*245)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_dots>:nth-child(3) {
		left: calc(50% + var(--a-s, 1px)*148)
	}
}

.hm_intro_dots>* svg {
	fill: hsla(0, 0%, 100%, .4)
}

.hm_intro_images {
	inset: 0;
	position: absolute;
	width: 100%;
	z-index: 0
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_images {
		height: calc(var(--o-s, 1px)*1568)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_images {
		display: flex;
		flex-direction: column;
		height: calc(var(--o-s, 1px)*1736);
		opacity: .8;
		row-gap: calc(var(--o-s, 1px)*70)
	}
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_imageItem {
		aspect-ratio: 3/2;
		position: absolute
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_imageItem {
		aspect-ratio: 469/588;
		flex-shrink: 0;
		position: relative
	}
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_imageItem.__g1.__img1 {
		left: calc(var(--o-s, 1px)*0);
		top: calc(var(--o-s, 1px)*0);
		width: calc(var(--o-s, 1px)*240)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_imageItem.__g1.__img1 {
		width: calc(var(--o-s, 1px)*201)
	}
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_imageItem.__g1.__img2 {
		left: calc(var(--o-s, 1px)*1073);
		top: calc(var(--o-s, 1px)*128);
		width: calc(var(--o-s, 1px)*248)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_imageItem.__g1.__img2 {
		margin-left: auto;
		width: calc(var(--o-s, 1px)*134)
	}
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_imageItem.__g1.__img3 {
		left: calc(var(--o-s, 1px)*90);
		top: calc(var(--o-s, 1px)*528);
		width: calc(var(--o-s, 1px)*240)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_imageItem.__g1.__img3 {
		width: calc(var(--o-s, 1px)*134)
	}
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_imageItem.__g1.__img4 {
		left: calc(var(--o-s, 1px)*1080);
		top: calc(var(--o-s, 1px)*608);
		width: calc(var(--o-s, 1px)*360)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_imageItem.__g1.__img4 {
		margin-left: auto;
		width: calc(var(--o-s, 1px)*201)
	}
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_imageItem.__g1.__img5 {
		left: calc(var(--o-s, 1px)*0);
		top: calc(var(--o-s, 1px)*928);
		width: calc(var(--o-s, 1px)*480)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_imageItem.__g1.__img5 {
		width: calc(var(--o-s, 1px)*234)
	}
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_imageItem.__g1.__img6 {
		left: calc(var(--o-s, 1px)*840);
		top: calc(var(--o-s, 1px)*1168);
		width: calc(var(--o-s, 1px)*600)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_imageItem.__g1.__img6 {
		margin-left: auto;
		width: calc(var(--o-s, 1px)*201)
	}
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_imageItem.__g2.__img1 {
		left: calc(var(--o-s, 1px)*481);
		top: calc(var(--o-s, 1px)*0);
		width: calc(var(--o-s, 1px)*240)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_imageItem.__g2.__img1 {
		margin-left: auto;
		width: calc(var(--o-s, 1px)*201)
	}
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_imageItem.__g2.__img2 {
		left: calc(var(--o-s, 1px)*1140);
		top: calc(var(--o-s, 1px)*240);
		width: calc(var(--o-s, 1px)*240)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_imageItem.__g2.__img2 {
		width: calc(var(--o-s, 1px)*134)
	}
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_imageItem.__g2.__img3 {
		left: calc(var(--o-s, 1px)*90);
		top: calc(var(--o-s, 1px)*400);
		width: calc(var(--o-s, 1px)*360)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_imageItem.__g2.__img3 {
		margin-left: auto;
		width: calc(var(--o-s, 1px)*134)
	}
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_imageItem.__g2.__img4 {
		left: calc(var(--o-s, 1px)*960);
		top: calc(var(--o-s, 1px)*722);
		width: calc(var(--o-s, 1px)*480)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_imageItem.__g2.__img4 {
		width: calc(var(--o-s, 1px)*201)
	}
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_imageItem.__g2.__img5 {
		left: calc(var(--o-s, 1px)*0);
		top: calc(var(--o-s, 1px)*881);
		width: calc(var(--o-s, 1px)*600)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_imageItem.__g2.__img5 {
		margin-left: auto;
		width: calc(var(--o-s, 1px)*234)
	}
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_intro_imageItem.__g2.__img6 {
		left: calc(var(--o-s, 1px)*840);
		top: calc(var(--o-s, 1px)*1440);
		width: calc(var(--o-s, 1px)*360)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_intro_imageItem.__g2.__img6 {
		width: calc(var(--o-s, 1px)*201)
	}
}

.hm_links {
	position: relative;
	z-index: 3
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_links {
		display: grid;
		grid-template-columns: repeat(2, 1fr)
	}
}

.hm_links:after {
	background: #000;
	contain: size layout;
	content: "";
	height: 100%;
	height: calc(var(--vh-max, 1vh)*100);
	left: 0;
	position: absolute;
	top: 0;
	top: calc(var(--a-s, 1px)*10);
	width: 100%;
	z-index: -1
}

.hm_links_item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	width: 100%
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_links_item {
		aspect-ratio: 3/2;
		padding: calc(var(--a-s, 1px)*80) calc(var(--a-s, 1px)*120)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_links_item {
		aspect-ratio: 1/1;
		padding: calc(var(--a-s, 1px)*56) calc(var(--a-s, 1px)*34)
	}
}

.hm_links_itemHead {
	align-items: flex-end;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_links_itemHead {
		column-gap: calc(var(--a-s, 1px)*16)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_links_itemHead {
		column-gap: calc(var(--a-s, 1px)*14)
	}
}

.hm_links_itemTtl {
	display: grid
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_links_itemTtl {
		row-gap: calc(var(--a-s, 1px)*16)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_links_itemTtl {
		row-gap: calc(var(--a-s, 1px)*14)
	}
}

.hm_links_itemLabel {
	opacity: .6
}

.hm_links_itemCopy {
	text-align: right
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_links_itemCopy {
		width: 50%
	}
}

.hm_links_itemTxt {
	align-items: flex-end;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_links_itemTxt {
		column-gap: calc(var(--a-s, 1px)*16)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_links_itemTxt {
		column-gap: calc(var(--a-s, 1px)*14)
	}
}

.hm_links_itemIcon {
	align-items: center;
	aspect-ratio: 1/1;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	display: flex;
	flex-shrink: 0;
	justify-content: center
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_links_itemIcon {
		width: calc(var(--a-s, 1px)*32)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_links_itemIcon {
		width: calc(var(--a-s, 1px)*28)
	}
}

@media(any-hover:hover) {
	.hm_links_itemIcon {
		transition: background-color .9s cubic-bezier(.19, 1, .22, 1)
	}

	.hm_links_item:hover .hm_links_itemIcon {
		background-color: transparent;
		transition: background-color 50ms cubic-bezier(.19, 1, .22, 1)
	}
}

.hm_links_itemArw {
	aspect-ratio: 1/1;
	display: block
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_links_itemArw {
		width: calc(var(--a-s, 1px)*9)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_links_itemArw {
		width: calc(var(--a-s, 1px)*7)
	}
}

.hm_links_itemArw svg {
	fill: #333
}

@media(any-hover:hover) {
	.hm_links_itemArw svg {
		transition: fill .9s cubic-bezier(.19, 1, .22, 1)
	}

	.hm_links_item:hover .hm_links_itemArw svg {
		fill: #fff;
		transition: fill 50ms cubic-bezier(.19, 1, .22, 1)
	}
}

.hm_links_itemInner {
	background-color: #000
}

.hm_links_itemImg {
	contain: size layout;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

@media(any-hover:hover) {
	.hm_links_itemImg {
		transition: opacity 1.2s cubic-bezier(.165, .84, .44, 1), scale 2.1s cubic-bezier(.165, .84, .44, 1)
	}

	.hm_links:hover .hm_links_itemImg {
		opacity: .6;
		transition: opacity .9s cubic-bezier(.165, .84, .44, 1), scale 1.6s cubic-bezier(.165, .84, .44, 1)
	}

	.hm_links_item:hover .hm_links_itemImg {
		opacity: 1;
		scale: 1.05
	}
}

.hm_footer {
	background: #000
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_footer {
		padding: calc(var(--a-s, 1px)*80) 0 calc(var(--a-s, 1px)*48)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_footer {
		padding: calc(var(--a-s, 1px)*56) 0 calc(var(--a-s, 1px)*28)
	}
}

.hm_footer_wrap {
	align-items: center;
	display: flex;
	flex-direction: column
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_footer_logo {
		margin-bottom: calc(var(--a-s, 1px)*80);
		width: calc(var(--a-s, 1px)*110)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_footer_logo {
		margin-bottom: calc(var(--a-s, 1px)*42);
		width: calc(var(--a-s, 1px)*91)
	}
}

.hm_footer_links {
	color: #fff;
	display: flex
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_footer_links {
		column-gap: calc(var(--a-s, 1px)*24)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_footer_links {
		column-gap: calc(var(--a-s, 1px)*14);
		flex-wrap: wrap;
		justify-content: center
	}
}

.hm_footer_links>li>a {
	position: relative
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_footer_links>li>a:after {
		bottom: calc(var(--a-s, 1px)*-12);
		content: "";
		display: block;
		height: auto;
		left: calc(var(--a-s, 1px)*-12);
		position: absolute;
		right: calc(var(--a-s, 1px)*-12);
		top: calc(var(--a-s, 1px)*-12);
		width: auto
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_footer_links>li>a:after {
		bottom: calc(var(--a-s, 1px)*-7);
		content: "";
		display: block;
		height: auto;
		left: calc(var(--a-s, 1px)*-7);
		position: absolute;
		right: calc(var(--a-s, 1px)*-7);
		top: calc(var(--a-s, 1px)*-7);
		width: auto
	}
}

@media(any-hover:hover) {
	.hm_footer_links>li>a {
		transition: opacity .9s cubic-bezier(.19, 1, .22, 1)
	}

	.hm_footer_links>li>a:hover {
		opacity: .3;
		transition: opacity 50ms cubic-bezier(.19, 1, .22, 1)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_footer_linkBreak {
		flex-basis: 100%;
		height: calc(var(--a-s, 1px)*21)
	}
}

.hm_footer_sns {
	color: #999;
	display: flex
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_footer_sns {
		column-gap: calc(var(--a-s, 1px)*16);
		margin: calc(var(--a-s, 1px)*32) 0
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_footer_sns {
		column-gap: calc(var(--a-s, 1px)*14);
		margin: calc(var(--a-s, 1px)*28) 0
	}
}

.hm_footer_sns>li {
	display: flex
}

.hm_footer_sns>li>a {
	align-items: center;
	column-gap: calc(var(--a-s, 1px)*8);
	display: flex;
	position: relative
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_footer_sns>li>a:after {
		bottom: calc(var(--a-s, 1px)*-8);
		content: "";
		display: block;
		height: auto;
		left: calc(var(--a-s, 1px)*-8);
		position: absolute;
		right: calc(var(--a-s, 1px)*-8);
		top: calc(var(--a-s, 1px)*-8);
		width: auto
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_footer_sns>li>a:after {
		bottom: calc(var(--a-s, 1px)*-7);
		content: "";
		display: block;
		height: auto;
		left: calc(var(--a-s, 1px)*-7);
		position: absolute;
		right: calc(var(--a-s, 1px)*-7);
		top: calc(var(--a-s, 1px)*-7);
		width: auto
	}
}

@media(any-hover:hover) {
	.hm_footer_sns>li>a {
		transition: opacity .9s cubic-bezier(.19, 1, .22, 1)
	}

	.hm_footer_sns>li>a:hover {
		opacity: .3;
		transition: opacity 50ms cubic-bezier(.19, 1, .22, 1)
	}
}

.hm_footer_snsIcon {
	width: calc(var(--a-s, 1px)*12)
}

.hm_footer_snsIcon.__tiktok {
	width: calc(var(--a-s, 1px)*10)
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_footer_snsIcon.__tripadvisor {
		width: calc(var(--a-s, 1px)*13)
	}
}

.hm_footer_snsIcon svg {
	fill: currentColor
}

.hm_footer_lang {
	color: #999;
	display: flex
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_footer_lang {
		column-gap: calc(var(--a-s, 1px)*16);
		margin-bottom: calc(var(--a-s, 1px)*48)
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_footer_lang {
		column-gap: calc(var(--a-s, 1px)*14);
		margin-bottom: calc(var(--a-s, 1px)*42)
	}
}

.hm_footer_lang .is_active {
	opacity: .3
}

.hm_footer_lang>li>a {
	position: relative
}

@media(orientation:landscape),
(orientation:portrait)and (min-width:160px) {
	.hm_footer_lang>li>a:after {
		bottom: calc(var(--a-s, 1px)*-8);
		content: "";
		display: block;
		height: auto;
		left: calc(var(--a-s, 1px)*-8);
		position: absolute;
		right: calc(var(--a-s, 1px)*-8);
		top: calc(var(--a-s, 1px)*-8);
		width: auto
	}
}

@media(orientation:portrait)and (max-width:160px) {
	.hm_footer_lang>li>a:after {
		bottom: calc(var(--a-s, 1px)*-7);
		content: "";
		display: block;
		height: auto;
		left: calc(var(--a-s, 1px)*-7);
		position: absolute;
		right: calc(var(--a-s, 1px)*-7);
		top: calc(var(--a-s, 1px)*-7);
		width: auto
	}
}

@media(any-hover:hover) {
	.hm_footer_lang>li>a {
		transition: opacity .9s cubic-bezier(.19, 1, .22, 1)
	}

	.hm_footer_lang>li>a:hover {
		opacity: .3;
		transition: opacity 50ms cubic-bezier(.19, 1, .22, 1)
	}
}

.hm_footer_copyright {
	color: #666
}

