@charset 'utf-8';
/* ===================================================================
	ブランドサイト側のCSSを上書き
=================================================================== */

main {
	color: #1a1a1a;
	font-size: 16px;
	line-height: 1.5;
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'メイリオ', 'ヒラギノ角ゴ', 'Arial', sans-serif !important;
	font-feature-settings: normal;
}

@media screen and (max-width: 768px) {
	main {
		font-size: 1rem;
	}
}

main *,
*::before,
*::after {
	box-sizing: border-box;
}

/* ---------------------------------------------
*   <a> tag
--------------------------------------------- */
main a,
main a:hover {
	color: inherit;
	text-decoration: none;
	outline: none;
}

/* ---------------------------------------------
*   <hr> tag as anchor target
--------------------------------------------- */
main hr[id^=anchor-] {
	display: block;
	width: auto;
	height: 0;
	margin: -84px 0 0 0;
	padding: 84px 0 0 0;
	border: 0;
	background: 0;
	pointer-events: none;
}

@media screen and (max-width: 768px) {
	main hr[id^=anchor-] {
		margin-top: -50px;
		padding-top: 50px;
	}
}

@media screen and (max-width: 768px) {
	main hr[id=target] {
		display: block;
		width: auto;
		height: 0;
		margin-top: -60px;
		padding-top: 60px;
		border: 0;
		background: 0;
		pointer-events: none;
	}
}

/* ---------------------------------------------
*   <button> tag
--------------------------------------------- */
main button {
	color: #1a1a1a;
}

/* ページタイトル部分位置合わせ */
.c-kv-7__content {
	top: clamp(0px, 0.2vw, 80px);
}

@media only screen and (max-width: 768px) {
	.c-kv-7__content {
		top: 42vw;
	}
}

/* パンくず 非表示 */
.c-kv-7__breadcrumb {
	display: none;
}

/* view more 非表示 */
.c-section-27__body-link {
	display: none;
}

/* KV背景画像位置合わせ */
.c-kv-7__img picture img {
	margin-top: -18.7vw;
}

@media only screen and (min-width: 768px) {
	.c-kv-7__img picture img {
		margin-top: -233px;
	}
}

/* PC時パララックス背景画像位置合わせ */
@media only screen and (min-width: 768px) {
	.c-parallax-1::before {
		top: 120px;
	}

	.scrolled .c-parallax-1::before {
		top: 68px;
	}
}

/* ブランドバナー表示切り替え */
.brand-banner {
	display: block;
	/*padding-top: 100px;
	background-color: #fff;*/
}

/*.brand-banner>div {
	max-width: 867px;
	width: 89.3%;
	height: auto;
	aspect-ratio: 2.752 / 1;
	margin: auto;
}

.brand-banner>div a {
	display: block;
}

@media screen and (max-width: 768px) {
	.brand-banner {
		padding-top: 14vw;
	}
}*/