/* ----------------------------------------------------
	bg
---------------------------------------------------- */
.bg {
	background-image: url(../img/bg.webp);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

@media screen and (max-width: 768px) {
	.bg {
		background-image: url(../img/bg_sp.webp);
	}
}

/* ----------------------------------------------------
	header
---------------------------------------------------- */
.header {
	overflow: hidden;
	position: relative;
}

.header__kv,
.header__title {
	opacity: 0;
	transform: translateY(20px);
}

.header__title {
	line-height: 0.88;
	color: rgb(var(--blu));
	font-size: 5.078vw;
	font-family: var(--barlow);
	font-weight: 500;
	position: absolute;
	top: 16.797vw;
	right: 4.297vw;
	z-index: 1;
	animation: fadeInUp 1s ease-out 0.8s forwards;
}

.header__title .supported {
	margin-top: 1.25vw;
	font-size: 2.422vw;
	display: block;
}

.header.animate .header__kv {
	animation: zoomIn 1s ease-out forwards;
}

@keyframes zoomIn {
	0% {
		transform: scale(1.2);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes fadeInUp {
	0% {
		transform: translateY(50px);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@media screen and (max-width: 768px) {
	.header__title {
		font-size: 12.8vw;
		top: 84vw;
		right: auto;
		left: 4vw;
	}

	.header__title .supported {
		margin-top: 1.25vw;
		font-size: 5.333vw;
		display: block;
	}
}

/* ----------------------------------------------------
	container
---------------------------------------------------- */
.container {
	position: relative;
}

.container .content {
	margin: 0 auto;
	padding: min(9rem, 7.031vw);
	width: min(105.4rem, 82.344vw);
	position: relative;
}

.container .content__title {
	margin-bottom: min(3rem, 2.344vw);
	line-height: 1;
	font-family: var(--barlow);
	font-size: min(5.4rem, 4.219vw);
	font-weight: 500;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.container .content__title .week {
	font-size: min(3.6rem, 2.813vw);
}

.container .content__title .name {
	font-size: min(7.4rem, 5.781vw);
}

.container .content__title .name small {
	font-size: min(6.7rem, 5.234vw);
	display: block;
}

.container .content__time {
	margin-bottom: min(2rem, 1.563vw);
	line-height: 1.5;
	font-size: min(2.3rem, 1.797vw);
	text-align: center;
}

@media screen and (max-width: 768px) {
	.container .content {
		padding: 13.333vw 4.8vw;
		width: 92vw;
	}

	.container .content__title {
		margin-bottom: 5.333vw;
		font-size: 10.133vw;
	}

	.container .content__title .week {
		font-size: 6.4vw;
	}

	.container .content__title .name {
		font-size: 15.2vw;
	}

	.container .content__title .name small {
		font-size: 11.733vw;
	}

	.container .content__time {
		margin-bottom: 5.333vw;
		font-size: 5.333vw;
	}
}

/* ----------------------------------------------------
	lead
---------------------------------------------------- */
.lead {
	padding: min(6rem, 4.688vw) 0 min(8rem, 6.25vw);
	line-height: 1.94;
	font-size: min(1.7rem, 1.328vw);
	text-align: center;
}

.lead .content {
	padding: 0;
}

.lead__text.en {
	margin-top: 1.5em;
}

@media screen and (max-width: 768px) {
	.lead {
		padding: 13.333vw 4vw 16vw;
		font-size: 4vw;
		text-align: left;
	}
}

/* ----------------------------------------------------
	nav
---------------------------------------------------- */
.nav {
	margin-bottom: min(9rem, 7.031vw);
}

.nav .content {
	padding: 0;
}

.nav__logo {
	margin: 0 auto min(2rem, 1.563vw);
	width: min(25.2rem, 19.688vw);
}

.nav__place {
	margin-bottom: min(3rem, 2.344vw);
	font-size: min(1.7rem, 1.328vw);
	text-align: center;
}

.nav__list {
	margin: 0 auto;
	width: min(105.4rem, 82.344vw);
	display: flex;
}

.nav__list--item {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 50%;
	height: min(52.7rem, 41.172vw);
}

.nav__list--item.nav01 {
	background-image: url(../img/nav01.webp);
}

.nav__list--item.nav02 {
	background-image: url(../img/nav02.webp);
}

.nav__list--item a {
	height: 100%;
	line-height: 1.15;
	color: rgb(var(--wht));
	font-family: var(--barlow);
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.nav__list--item a:hover {
	opacity: 1;
}

.nav__list--item.nav01 a {
	background-color: rgba(var(--blu), 0.8);
}

.nav__list--item.nav02 a {
	background-color: rgba(var(--red), 0.8);
}

.nav__list--item a:hover {
	background-color: rgba(var(--wht), 0.8);
}

.nav__list--item.nav01 a:hover {
	color: rgb(var(--blu));
}

.nav__list--item.nav02 a:hover {
	color: rgb(var(--red));
}

.nav__list--item a .date {
	font-size: min(5.4rem, 4.219vw);
}

.nav__list--item a .date .week {
	font-size: min(3.6rem, 2.813vw);
}

.nav__list--item a .event {
	font-size: min(8.4rem, 6.563vw);
}

.nav__list--item a .event small {
	font-size: min(6.9rem, 5.391vw);
	display: block;
}

@media screen and (max-width: 768px) {
	.nav {
		margin-bottom: 16vw;
	}

	.nav__logo {
		margin-bottom: 6.4vw;
		width: 60.533vw;
	}

	.nav__place {
		margin-bottom: 21.333vw;
		font-size: 4vw;
	}

	.nav__list {
		width: 100%;
		display: block;
	}

	.nav__list--item {
		width: 100%;
		height: 64.267vw;
	}

	.nav__list--item.nav01 {
		background-image: url(../img/nav01_sp.webp);
	}

	.nav__list--item.nav02 {
		background-image: url(../img/nav02_sp.webp);
	}

	.nav__list--item a .date {
		font-size: 10.667vw;
	}

	.nav__list--item a .date .week {
		font-size: 6.933vw;
	}

	.nav__list--item a .event {
		font-size: 15.2vw;
	}

	.nav__list--item a .event small {
		font-size: 12.267vw;
	}
}

/* ----------------------------------------------------
	event
---------------------------------------------------- */
.event {
	position: relative;
}

.event__title {
	margin-bottom: min(4rem, 3.125vw);
	height: min(4rem, 3.125vw);
	color: rgb(var(--wht));
	font-size: min(2rem, 1.563vw);
	font-weight: 400;
	display: flex;
	justify-content: center;
	align-items: center;
}

.event__list {
	margin-bottom: min(7rem, 5.469vw);
}

.event__list--item {
	display: flex;
	justify-content: space-between;
}

.event__list--item:not(:last-of-type) {
	margin-bottom: min(6rem, 4.688vw);
}

.event__image {
	width: min(36rem, 28.125vw);
}

.event__detail {
	width: min(48rem, 37.5vw);
}

.event__detail--title {
	line-height: 1;
	font-family: var(--barlow);
	font-weight: 500;
	display: flex;
	flex-direction: column;
}

.event__detail--title .date {
	font-size: min(5.4rem, 4.219vw);
}

.event__detail--title .date .week {
	font-size: min(3.6rem, 2.813vw);
}

.event__detail--title .name {
	font-size: min(6.7rem, 5.234vw);
}

.event__detail--title .name small {
	font-size: min(5.4rem, 4.219vw);
	display: block;
}

.event__detail--text {
	margin-top: 1.5em;
}

.event__detail--text .text {
	font-size: min(1.5rem, 1.172vw);
}

.event__detail--text .text.en {
	margin-top: 1em;
}

.event__present {
	margin: 0 auto min(7rem, 5.469vw);
	padding: min(3.5rem, 2.734vw) min(5rem, 3.906vw);
	width: min(61.4rem, 47.969vw);
	border: solid 1px rgb(var(--red));
	display: flex;
	justify-content: space-between;
}

.event__present--image {
	width: min(17rem, 13.281vw);
}

.event__present--content {
	width: calc(100% - min(17rem, 13.281vw) - min(2.5rem, 1.953vw));
}

.event__present--content .text {
	margin-bottom: 1em;
	font-size: min(1.5rem, 1.172vw);
}

@media screen and (max-width: 768px) {
	.event__title {
		margin-bottom: 10.667vw;
		height: 10.133vw;
		font-size: 4.8vw;
	}

	.event__list {
		margin-bottom: 16vw;
	}

	.event__list--item {
		display: block;
	}

	.event__list--item:not(:last-of-type) {
		margin-bottom: 13.333vw;
	}

	.event__image {
		margin: 0 auto 4vw;
		width: 69.333vw;
	}

	.event__detail {
		width: 100%;
	}

	.event__detail--title .date {
		font-size: 10.667vw;
	}

	.event__detail--title .date .week {
		font-size: 8vw;
	}

	.event__detail--title .name {
		font-size: 11.733vw;
		letter-spacing: -0.005em;
	}

	.event__detail--title .name small {
		font-size: 10.133vw;
	}

	.event__detail--text .text {
		font-size: 3.733vw;
	}

	.event__present {
		margin-bottom: 16vw;
		padding: 8vw;
		width: 100%;
		display: block;
		position: relative;
		z-index: 10;
	}

	.event__present--image {
		margin: 0 auto 4vw;
		width: 50vw;
	}

	.event__present--content {
		width: 100%;
	}

	.event__present--content .text {
		font-size: 4vw;
	}
}

/* ----------------------------------------------------
	reservation
---------------------------------------------------- */
.reservation {
	margin-bottom: min(3rem, 2.344vw);
	padding: min(5rem, 3.906vw) min(5rem, 3.906vw) min(8rem, 6.25vw);
	color: rgb(var(--wht));
}

.reservation__title {
	margin-bottom: min(3rem, 2.344vw);
	line-height: 1.25;
	font-family: var(--barlow);
	font-size: min(5.4rem, 4.219vw);
	font-weight: 500;
	text-align: center;
}

.reservation__title small {
	margin-top: min(0.5rem, 0.391vw);
	line-height: 1.5;
	font-family: var(--gothic);
	font-size: min(1.8rem, 1.406vw);
	font-weight: 400;
	display: block;
}

.reservation__list {
	margin-bottom: min(4rem, 3.125vw);
	display: flex;
	justify-content: center;
}

.reservation__list--item {
	padding-left: min(2rem, 1.563vw);
	width: calc(100% / 3);
	border-left: solid min(0.5rem, 0.391vw) rgb(var(--wht));
}

.reservation__detail {
	height: 100%;
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.reservation__detail--title {
	font-size: min(2.2rem, 1.719vw);
	font-weight: 500;
}

.reservation__detail--title .en {
	margin-top: min(0.5rem, 0.391vw);
	line-height: 1.5;
	font-size: min(1.6rem, 1.25vw);
	display: block;
}

.reservation__detail--text {}

.reservation__detail--text .price {
	line-height: 1.5;
	font-family: var(--barlow);
	font-size: min(6rem, 4.688vw);
	font-weight: 500;
}

.reservation__detail--text .people {
	font-size: min(1.6rem, 1.25vw);
}

.reservation .link-button {
	margin: min(4rem, 3.125vw) auto 0;
	width: min(65.5rem, 51.172vw);
	height: min(8rem, 6.25vw);
	font-size: min(2rem, 1.563vw);
	font-weight: 600;
	border-radius: min(8rem, 6.25vw);
}

@media screen and (max-width: 768px) {
	.reservation {
		margin-bottom: 8vw;
		padding: 8vw 4vw 10.667vw;
	}

	.reservation__title {
		margin-bottom: 8vw;
		font-size: 11.2vw;
	}

	.reservation__title small {
		margin-top: 1.333vw;
		font-size: 4vw;
	}

	.reservation__list {
		margin-bottom: 8vw;
		display: block;
	}

	.reservation__list--item {
		margin: 0 auto;
		padding-left: 3.733vw;
		width: 56vw;
		border-left-width: 1.333vw;
	}

	.reservation__list--item:not(:last-of-type) {
		margin-bottom: 8vw;
	}

	.reservation__detail--title {
		font-size: 5.333vw;
	}

	.reservation__detail--title .en {
		margin-top: 1.333vw;
		font-size: 4vw;
		letter-spacing: -0.005em;
	}

	.reservation__detail--text .price {
		font-size: 14.4vw;
	}

	.reservation__detail--text .people {
		font-size: 3.733vw;
	}

	.reservation .link-button {
		margin-top: 8vw;
		width: 73.067vw;
		height: 16vw;
		font-size: 4vw;
		border-radius: 16vw;
	}
}

/* ----------------------------------------------------
	addition
---------------------------------------------------- */
.addition {
	display: flex;
	align-items: center;
}

.addition__image {
	width: min(21.2rem, 16.563vw);
}

.addition__content {
	padding: 0 min(2rem, 1.563vw);
	width: calc(100% - min(21.2rem, 16.563vw));
	color: rgb(var(--wht));
}

.addition__content--text {
	margin-bottom: 0.5em;
	line-height: 1.5;
	font-size: min(1.8rem, 1.406vw);
	font-weight: 500;
}

.addition__content .note {
	letter-spacing: -0.005em;
}

@media screen and (max-width: 768px) {
	.addition {
		padding: 4.8vw 3.2vw;
		display: block;
	}

	.addition__image {
		margin: 0 auto 3.2vw;
		width: 44.8vw;
	}

	.addition__content {
		padding: 0;
		width: 100%;
		letter-spacing: -0.005em;
	}

	.addition__content--text {
		font-size: 3.733vw;
	}
}

/* ----------------------------------------------------
	live
---------------------------------------------------- */
.live {
	margin-bottom: min(9rem, 7.031vw);
	color: rgb(var(--blu));
}

.live .content {
	background-color: rgba(var(--sky), 0.5);
}

.live .event__title,
.live .reservation {
	background-color: rgb(var(--blu));
}

.live .reservation .link-button {
	background-color: #D8E1F8;
	color: rgb(var(--blu));
}

.live .reservation .link-button svg {
	stroke: rgb(var(--blu))
}

.live .addition {
	background-color: #8C97BA;
}

@media screen and (max-width: 768px) {}

/* ----------------------------------------------------
	countdown
---------------------------------------------------- */
.countdown {
	margin-bottom: min(9rem, 7.031vw);
	color: rgb(var(--red));
}

.countdown .content {
	background-color: rgba(var(--beg), 0.55);
}

.countdown .event__title,
.countdown .reservation {
	background-color: rgb(var(--red));
}

.countdown .reservation .link-button {
	background-color: #FFE4E0;
	color: rgb(var(--red));
}

.countdown .reservation .link-button svg {
	stroke: rgb(var(--red))
}

.countdown .addition {
	background-color: #C59C9D;
}

.countdown .reservation__list {
	justify-content: space-between;
}

.countdown .reservation__list--item {
	width: auto;
}

.countdown .addition {
	padding: 0 0 0 min(5.4rem, 4.219vw);
}

.countdown .addition:not(:first-of-type) {
	margin-top: min(2.5rem, 1.953vw);
}

@media screen and (max-width: 768px) {
	.countdown .reservation__list {
		justify-content: space-between;
	}

	.countdown .reservation__list--item {
		width: 56vw;
	}

	.countdown .addition {
		padding: 4.8vw 3.2vw;
	}

	.countdown .addition:not(:first-of-type) {
		margin-top: 4.8vw;
	}
}



/*
	black-list
------------------------------ */
.black-list {
	margin-bottom: min(6rem, 4.688vw);
	position: relative;
	z-index: 1;
}

.black-list__image {
	margin-bottom: min(5rem, 3.906vw);
}

.black-list__logo {
	margin: 0 auto min(3rem, 2.344vw);
	width: min(30.5rem, 23.828vw);
}

.black-list__text {
	font-size: min(1.5rem, 1.172vw);
}

.black-list__text.en {
	margin-top: 1em;
}

@media screen and (max-width: 768px) {
	.black-list {
		margin-bottom: 8vw;
	}

	.black-list__image {
		margin-bottom: 8vw;
		width: calc(100vw - 8vw);
		position: relative;
		left: -4.8vw;
	}

	.black-list__logo {
		margin-bottom: 8vw;
		width: 64vw;
	}

	.black-list__text {
		font-size: 3.733vw;
	}
}

/*
	bl
------------------------------ */
.bl-content {
	margin-top: min(10rem, 7.813vw);
	padding: min(4rem, 3.125vw) min(5rem, 3.906vw);
	border: solid 1px rgb(var(--blk));
	color: rgb(var(--blk));
}

.bl-content__logo {
	margin: 0 auto min(3rem, 2.344vw);
	width: min(43.7rem, 34.141vw);
}

.bl-content__text {
	line-height: 1.9;
	font-size: min(1.4rem, 1.094vw);
}

@media screen and (max-width: 768px) {
	.bl-content {
		margin-top: 6.4vw;
		padding: 6.4vw;
	}

	.bl-content__logo {
		margin-bottom: 5.333vw;
		width: 100%;
	}

	.bl-content__text {
		font-size: 3.733vw;
	}

	.bl-content__text.en {
		margin-top: 2em;
	}
}

/* ----------------------------------------------------
	inquiries
---------------------------------------------------- */
.inquiries {
	background-color: rgb(var(--blu));
	padding: min(6rem, 4.688vw) 0;
	color: rgb(var(--wht));
	text-align: center;
}

.inquiries__title {
	margin-bottom: min(1rem, 0.781vw);
	font-family: var(--barlow);
	font-size: min(4rem, 3.125vw);
	font-weight: 500;
}

.inquiries__tel {
	margin-bottom: min(5rem, 3.906vw);
}

.inquiries__tel--number {
	margin-bottom: min(2rem, 1.563vw);
	line-height: 0.9;
	font-family: var(--barlow);
	font-size: min(7.3rem, 5.703vw);
	font-weight: 500;
}

.inquiries__tel--time {
	font-size: min(1.8rem, 1.406vw);
}

.inquiries__logo {
	margin: 0 auto min(6.5rem, 5.078vw);
	width: min(27.8rem, 21.719vw);
}

.inquiries__logo figcaption {
	margin-top: min(2rem, 1.563vw);
	font-size: min(1.8rem, 1.406vw);
}

.inquiries__content {
	margin: 0 auto;
	width: min(84.4rem, 65.938vw);
	text-align: left;
}

.inquiries__content--text {
	margin-bottom: 2em;
	font-size: min(2.1rem, 1.641vw);
}

@media screen and (max-width: 768px) {
	.inquiries {
		padding: 21.333vw 0;
	}

	.inquiries__title {
		margin-bottom: 2.667vw;
		font-size: 8.533vw;
	}

	.inquiries__tel {
		margin-bottom: 13.333vw;
	}

	.inquiries__tel--number {
		margin-bottom: 5.333vw;
		font-size: 13.867vw;
	}

	.inquiries__tel--time {
		font-size: 4.8vw;
	}

	.inquiries__logo {
		margin-bottom: 16vw;
		width: 100%;
	}

	.inquiries__logo img {
		width: 48vw;
	}

	.inquiries__logo figcaption {
		margin-top: 2.667vw;
		font-size: 5.333vw;
	}

	.inquiries__content {
		padding: 0 4vw;
		width: 100%;
	}

	.inquiries__content--text {
		font-size: 4vw;
	}
}

/* ----------------------------------------------------
	footer
---------------------------------------------------- */
.footer {
	background-color: rgb(var(--wht));
	padding: min(3rem, 2.196vw) 0;
}

@media screen and (max-width: 768px) {
	.footer {
		padding: 8vw 0;
	}
}

/* 
	hotel-nav 
------------------------------ */
.footer .hotel-nav {
	margin-bottom: min(2.4rem, 1.757vw);
	line-height: 1;
	font-size: min(1.6rem, 1.171vw);
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer .hotel-nav::before,
.footer .hotel-nav__item::after {
	content: "|";
}

.footer .hotel-nav__item a {
	padding: 0 1.5em;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.footer .hotel-nav {
		margin-bottom: 8vw;
		font-size: 2.667vw;
		text-align: center;
		display: block;
	}

	.footer .hotel-nav::before,
	.footer .hotel-nav__item::after {
		content: "";
	}

	.footer .hotel-nav__item a {
		padding: 0;
		line-height: 3;
	}
}

/* 
	copy
------------------------------ */
.footer .copy {
	color: rgba(var(--blk), 0.5);
	font-size: min(1.2rem, 0.878vw);
	text-align: center;
}

@media screen and (max-width: 768px) {
	.footer .copy {
		font-size: 2.4vw;
	}
}

/* ----------------------------------------------------
	object
---------------------------------------------------- */
.object {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
}

.obj01 {
	background-image: url(../img/object01.webp);
	width: min(27.05rem, 21.133vw);
	height: min(29.7rem, 23.203vw);
	top: min(30rem, 23.438vw);
	left: 0;
}

.obj02 {
	background-image: url(../img/object02.webp);
	width: min(8.8rem, 6.875vw);
	height: min(13.35rem, 10.43vw);
	top: max(-2rem, -1.563vw);
	right: max(-4.7rem, -3.672vw);
}

.obj03 {
	background-image: url(../img/object03.webp);
	width: min(17.2rem, 13.438vw);
	height: min(29.8rem, 23.281vw);
	top: min(7.6rem, 5.938vw);
	right: max(-4.2rem, -3.281vw);
}

.obj04 {
	background-image: url(../img/object04.webp);
	width: min(16.95rem, 13.242vw);
	height: min(40rem, 31.25vw);
	top: max(-20rem, -15.625vw);
	right: 0;
}

.obj05 {
	background-image: url(../img/object05.webp);
	width: min(14.25rem, 11.133vw);
	height: min(22.85rem, 17.852vw);
	top: min(45rem, 35.156vw);
	left: 0;
}

.obj06 {
	background-image: url(../img/object06.webp);
	width: min(12.35rem, 9.648vw);
	height: min(9.8rem, 7.656vw);
	top: min(88rem, 68.75vw);
	right: max(-5rem, -3.906vw);
}

.obj07 {
	background-image: url(../img/object07.webp);
	width: min(29.65rem, 23.164vw);
	height: min(17.7rem, 13.828vw);
	top: min(125rem, 97.656vw);
	left: 0;
}

.obj08 {
	background-image: url(../img/object08.webp);
	width: min(12.5rem, 9.766vw);
	height: min(20.15rem, 15.742vw);
	top: min(142rem, 110.938vw);
	left: max(-4rem, -3.125vw);
}

.obj09 {
	background-image: url(../img/object09.webp);
	width: min(14.55rem, 11.367vw);
	height: min(10rem, 7.813vw);
	bottom: min(18rem, 14.063vw);
	right: max(-10rem, -7.813vw);
}

.obj10 {
	background-image: url(../img/object10.webp);
	width: min(23.95rem, 18.711vw);
	height: min(15.5rem, 12.109vw);
	top: min(10rem, 7.813vw);
	left: 0;
}

.obj11 {
	background-image: url(../img/object11.webp);
	width: min(22.95rem, 17.93vw);
	height: min(17.95rem, 14.023vw);
	top: min(70rem, 54.688vw);
	right: max(-11rem, -8.594vw);
}

.obj12 {
	background-image: url(../img/object12.webp);
	width: min(19.7rem, 15.391vw);
	height: min(35.65rem, 27.852vw);
	top: min(94rem, 73.438vw);
	left: max(-8rem, -6.25vw);
}

.obj13 {
	background-image: url(../img/object13.webp);
	width: min(14.95rem, 11.68vw);
	height: min(9.6rem, 7.5vw);
	top: min(126rem, 98.438vw);
	left: max(-10rem, -7.813vw);
}

.obj14 {
	background-image: url(../img/object14.webp);
	width: min(27rem, 21.094vw);
	height: min(20.75rem, 16.211vw);
	top: min(235rem, 183.594vw);
	right: max(-10rem, -7.813vw);
}

.obj15 {
	background-image: url(../img/object15.webp);
	width: min(16.45rem, 12.852vw);
	height: min(20.9rem, 16.328vw);
	bottom: min(60rem, 46.875vw);
	left: max(-10rem, -7.813vw);
}

.obj16 {
	background-image: url(../img/object16.webp);
	width: min(13.4rem, 10.469vw);
	height: min(16.85rem, 13.164vw);
	top: min(210rem, 164.063vw);
	right: max(-10rem, -7.813vw);
}

@media screen and (max-width: 768px) {
	.obj01 {
		background-image: url(../img/object01_sp.webp);
		width: 16vw;
		height: 36.8vw;
		top: 104vw;
		right: 0;
		left: auto;
	}

	.obj02 {
		background-image: url(../img/object02.webp);
		width: 11.733vw;
		height: 17.867vw;
		top: 74.667vw;
		right: -4vw;
	}

	.obj03 {
		background-image: url(../img/object02_sp.webp);
		width: 25.867vw;
		height: 34.933vw;
		top: auto;
		right: auto;
		bottom: -93.333vw;
		left: -4vw;
	}

	.obj04 {
		background-image: url(../img/object03_sp.webp);
		width: 20.8vw;
		height: 52.533vw;
		top: -29.333vw;
		right: 0;
	}

	.obj05 {
		background-image: url(../img/object04_sp.webp);
		width: 20.267vw;
		height: 17.333vw;
		top: 256vw;
		right: 0;
		left: auto;
	}

	.obj06 {
		background-image: url(../img/object05_sp.webp);
		width: 23.733vw;
		height: 20.267vw;
		top: auto;
		right: auto;
		bottom: 394.667vw;
		left: -4vw;
	}

	.obj07 {
		background-image: url(../img/object06_sp.webp);
		width: 11.2vw;
		height: 22.933vw;
		top: auto;
		bottom: 378.667vw;
		left: 0;
	}

	.obj08 {
		background-image: url(../img/object07_sp.webp);
		width: 21.333vw;
		height: 23.2vw;
		top: auto;
		right: 0;
		bottom: 112vw;
		left: auto;
	}

	.obj09 {
		background-image: url(../img/object08_sp.webp);
		width: 26.133vw;
		height: 17.867vw;
		bottom: 4vw;
		right: auto;
		left: -4vw;
	}

	.obj11 {
		background-image: url(../img/object09_sp.webp);
		width: 31.467vw;
		height: 29.333vw;
		top: 208vw;
		right: -4vw;
	}

	.obj12 {
		background-image: url(../img/object10_sp.webp);
		width: 22.4vw;
		height: 51.2vw;
		top: 613.333vw;
		left: -4vw;
	}

	.obj13 {
		background-image: url(../img/object11_sp.webp);
		width: 31.467vw;
		height: 29.333vw;
		top: 778.667vw;
		right: -4vw;
		left: auto;
	}

	.obj14 {
		background-image: url(../img/object12_sp.webp);
		width: 15.733vw;
		height: 32.267vw;
		top: auto;
		right: auto;
		bottom: 40vw;
		left: -4vw;
	}

	.obj10,
	.obj15,
	.obj16 {
		display: none;
	}
}