@charset "UTF-8";
/*-----------------------------------

	mainvisual_block

-----------------------------------*/
#mainvisual_block {
	width: 100vw;
	height: 840px;
	margin-top: 63px;
	position: relative;
}
#mainvisual_block #logo {
	width: 465px;
	position: absolute;
	top: 38px;
	left: max(calc(50vw - 525px),5vw);
	z-index: 2;
}
#mainvisual_block .copy {
	width: 165px;
	position: absolute;
	top: 128px;
	left: max(calc(50vw - 525px),5vw);
	z-index: 2;
}
#mainvisual_block .ttl {
	position: absolute;
	bottom: 20px;
	right: max(calc(50vw - 525px),5vw);
	z-index: 2;
	filter: drop-shadow(6px 6px 4px rgba(35,24,21,0.35));
}
#mainvisual_block .image {
	width: 100%;
	height: 100%;
}
#mainvisual_block .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#mainvisual_block .mv_bottom {
	width: 100vw;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(21, 3, 1, 0.43);
	color: #FFF;
	padding: 35px 0;
}
#mainvisual_block .mv_bottom .row_box {
	justify-content: unset;
	align-items: center;
}
#mainvisual_block .mv_bottom .text {
	width: max-content;
	padding-right: 10px;
	border-right: 1px solid #FFF;
	margin-right: 10px;
}
#mainvisual_block .mv_bottom .text p {
	font-weight: 700;
	line-height: 1.28;
	white-space: pre-line;
	letter-spacing: -0.05em;
}
#mainvisual_block .mv_bottom .price {
	font-size: min(118px,10vw);
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.08em;
	text-box: trim-both cap alphabetic;
}
#mainvisual_block .mv_bottom .price span {
	font-size: min(37px,3vw);
	letter-spacing: 0;
}
@media screen and (max-width: 840px) {
	#mainvisual_block {
		height: 588px;
		margin-top: 72px;
	}
	#mainvisual_block #logo {
		width: 325px;
		top: 27px;
	}
	#mainvisual_block .copy {
		width: 115px;
		top: 89px;
	}
	#mainvisual_block .ttl {
		bottom: 14px;
	}
}
@media screen and (max-width: 640px) {
	#mainvisual_block {
		width: 100vw;
		height: auto;
		margin-top: 0;
	}
	#mainvisual_block #logo {
		width: auto;
		background: #FFF;
		padding: 22px 14px;
		top: 60px;
		left: 0;
	}
	#mainvisual_block #logo a {
		width: 37px;
	}
	#mainvisual_block .copy {
		width: 84px;
		top: auto;
		bottom: 12px;
		left: auto;
		right: 5vw;
	}
	#mainvisual_block .ttl {
		bottom: 280px;
	}
	#mainvisual_block .image {
		width: 100%;
		height: 100%;
		aspect-ratio: 75 / 107;
	}
	#mainvisual_block .mv_bottom {
		position: static;
		background: #000;
		padding: 22px 0;
	}
	#mainvisual_block .mv_bottom .row_box {
		flex-direction: column;
		align-items: normal;
		gap: 10px;
	}
	#mainvisual_block .mv_bottom .text {
		padding-right: 0;
		border-right: none;
		margin-right: 0;
	}
	#mainvisual_block .mv_bottom .price {
		font-size: min(55px,14.66vw);
	}
	#mainvisual_block .mv_bottom .price span {
		font-size: min(17px,4.53vw);
	}
}