/*===============================================================================
共通
================================================================================*/
:root{
	/* メインカラー */
	--c-main: #FFF9F1;

	/* 茶 */
	--c-brown: #57463B;

	/* オレンジ */
	--c-orange: #E67C2D;

	/* 赤 */
	--c-red: #E6492D;
	--c-red-dark: #B6402C;

	/* 緑 */
	--c-green: #67C276;
	--c-green-dark: #429851;

	/* 黒・白 */
	--c-dark: #333;
	--c-light: #fff;

	--ff-b: "BIZ UDPMincho", serif;
	--ff-n: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic;
	--ff-z: "Zen Kaku Gothic New", sans-serif;

	--fw-xl: 900; /* Black */
	--fw-lg: 700; /* Bold */
	--fw-md: 500; /* Medium */

	--lh-xl: 2;

	/* 80px → 35px */
	--g-sec--lg: clamp(2.5rem, .714rem + 4.76vw, 5rem);
	
	/* 56px → 25px */
	--g-sec--md: clamp(1.75rem, 2.67vw + 1.1rem, 3.5rem);
	
	/* 40px → 25px */
	--g-sec--sm: clamp(1.75rem, 1.14vw + 1.47rem, 2.5rem);
}
aside {
	display: none;
}

/*===============================================================================
MV
================================================================================*/
.ws-mv__inner {
	position: relative;	
}
.ws-mv__inner::before {
	position: absolute;
    content: "";
	top: 0;
	left: calc(50% - 50vw);
	width: 100vw;
	height: 100%;
	background: var(--c-main);
	z-index: -1000;
}

.mv-ttl {
	display: flex;
	flex-direction: column;
}

.mv-ttl__content {
	display: inline-block;
	font-family: var(--ff-b);
	font-weight: var(--fw-lg);
	color: var(--c-brown);
}
.mv-ttl__content.--first {
	font-size: clamp(1.75rem, 1.14vw + 1.47rem, 2.5rem);
}
.mv-ttl__xl {
	font-size: clamp(2.25rem, 1.52vw + 1.88rem, 3.25rem);
}
.mv-ttl__xl.--orange {
	position: relative;
	color: var(--c-orange);
}
.mv-ttl__xl.--orange::before {
	position: absolute;
	content: "";
	top: -1.5rem;
	right: -1.75rem;
	width: clamp(1.75rem, 1.14vw + 1.47rem, 2.5rem);
	height: clamp(1.25rem, .76vw + 1.06rem, 1.75rem);
	background: url(/wp-content/uploads/2026/06/mv-ttl-img-1.png);
	background-size: cover;
	transform: rotate(30deg);
}