@charset "UTF-8";

/* ====================
reset
==================== */
header {
	display: none!important;
}
.sc-container {
	background-color: #e8e6e0;
}

.sc-container, .sc-container section,
.sc-container div, .sc-container dl, .sc-container dt, .sc-container dd,
.sc-container ul, .sc-container ol, .sc-container li,
.sc-container h1, .sc-container h2, .sc-container h3, .sc-container h4, .sc-container h5, .sc-container h6,
.sc-container textarea, .sc-container p, .sc-container a, .sc-container span {
	/* margin: 0; */
	/* padding: 0; */
	box-sizing: border-box;
}

.sc-container img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: top;
}

.sc-container li {
	list-style: none;
}

/* .sc-container h1, .sc-container h2, .sc-container h3, .sc-container h4, .sc-container h5, .sc-container h6 {
	font-size: 100%;
} */

.sc-container a {
	color: #000000;
	text-decoration: none;
}
picture {
	display: block;
}

/* ====================
***
==================== */
.view-pc {
	display: none;
}
.view-sp {
	display: block;
}
@media screen and (min-width: 768px){
	.view-pc {
		display: block;
	}
	.view-sp {
		display: none;
	}
}


.sc-container {
	width: 100%;
	margin: 0 auto;
	color: #040000;
	font-family: "fot-cezanne-pron", sans-serif;
	font-size: 16px;
	line-height: normal;
	font-weight: normal;
	font-feature-settings: normal;
}
@media screen and (min-width: 768px){
	.sc-container {
		font-size: 21px;
		line-height: 1.9;
		margin-bottom: 80px;
	}
}

/* ====================
memu
==================== */
@media screen and (min-width: 768px){
	.menu {
		position: fixed;
		top: 25px; /* ヘッダー削除により元の余白のみ */
		left: calc(50% - 565px);
		z-index: 100;
	}
}
@media screen and (max-width: 767px){
	.menu {
		position: fixed;
		top: calc(14 / 780 * 100vw); /* ヘッダー削除により元の余白のみ */
		left: calc(10 / 780 * 100vw);
		z-index: 100;
	}
}

@media screen and (min-width: 768px){
	.humburger {
		width: 41px;
		height: 41px;
		position: absolute;
		top: 41px;
		left: 26px;
		cursor: pointer;
		z-index: 201; /* メニュー展開時も最前面に */
	}
}
@media screen and (max-width: 767px){
	.humburger {
		width: calc(64 / 780 * 100vw);
		height: calc(51 / 780 * 100vw);
		position: absolute;
		top: calc(33 / 780 * 100vw);
		left: calc(20 / 780 * 100vw);
		cursor: pointer;
		z-index: 201;
	}
}
@media screen and (max-width: 767px){
	.humburger-line { transition: transform .25s ease; }
}
@media screen and (min-width: 768px){
	.humburger-line { transition: transform .25s ease; }
}
@media screen and (min-width: 768px){
	.humburger-line:nth-child(1) {
		width: 46px;
		height: 1px;
		background-color: #040000;
		position: absolute;
		top: 0;
		left: 0;
	}
	.humburger-line:nth-child(2) {
		width: 46px;
		height: 1px;
		background-color: #040000;
		position: absolute;
		top: 8px;
		left: 0;
	}
	.humburger-text {
		font-family: "greycliff-cf", sans-serif;
		font-size: 17px;
		font-weight: 500;
		line-height: 1;
		color: #040000;
		position: absolute;
		top: 21px;
		left: 0;
		transition: opacity .2s ease;
	}
}
@media screen and (max-width: 767px){
	.humburger-line:nth-child(1) {
		width: calc(64 / 780 * 100vw);
		height: 1px;
		background-color: #040000;
		position: absolute;
		top: 0;
		left: 0;
	}
	.humburger-line:nth-child(2) {
		width: calc(64 / 780 * 100vw);
		height: 1px;
		background-color: #040000;
		position: absolute;
		top: calc(10 / 780 * 100vw);
		left: 0;
	}
	.humburger-text {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(23 / 750 * 100vw);
		font-weight: 500;
		line-height: 1;
		color: #040000;
		position: absolute;
		top: calc(30 / 780 * 100vw);
		left: 0;
		transition: opacity .2s ease;
	}
}


@media screen and (min-width: 768px){
	.menu { pointer-events: none; }
	.menu .humburger { pointer-events: auto; }
	.menu.is-open { pointer-events: auto; }
	.menu-box {
		width: 280px;
		/* height: 410px; */
		height: auto;
		background-color: #ffffff;
		border-radius: 20px;
		box-shadow: 0 0 10px rgba(185, 185, 185, 0.5); /* 均等の距離で黒50%透明度のシャドウ */
		display: block; /* アニメーションのため常に配置 */
		transform: scale(0.85);
		transform-origin: 0 0; /* 左上起点 */
		pointer-events: none; /* 非表示時はクリック不可 */
		opacity: 0;
		visibility: hidden; /* 非表示時は視覚的に隠す */
		transition: opacity .25s ease, transform .32s cubic-bezier(.2,.8,.2,1), visibility 0s linear .25s; /* フェードアウト後に不可視 */
	}
}
@media screen and (max-width: 767px){
	.menu { pointer-events: none; }
	.menu .humburger { pointer-events: auto; }
	.menu.is-open { pointer-events: auto; }
	.menu-box {
		width: calc(522 / 750 * 100vw);
		/* height: 410px; */
		height: auto;
		background-color: #ffffff;
		border-radius: calc(30 / 750 * 100vw);
		box-shadow: 0 0 calc(10 / 780 * 100vw) rgba(0, 0, 0, 0.5); /* 均等の距離で黒50%透明度のシャドウ（SP用） */
		display: block; /* アニメーションのため常に配置 */
		transform: scale(0.85);
		transform-origin: 0 0; /* 左上起点 */
		pointer-events: none; /* 非表示時はクリック不可 */
		opacity: 0;
		visibility: hidden;
		transition: opacity .25s ease, transform .32s cubic-bezier(.2,.8,.2,1), visibility 0s linear .25s;
	}
}

@media screen and (min-width: 768px){
	.menu-list {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		row-gap: 20px;
		width: 190px;
		margin: 0 auto;
		padding-top: 92px;
	}
}
@media screen and (max-width: 767px){
	.menu-list {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		row-gap: calc(32 / 750 * 100vw);
		width: calc(336 / 750 * 100vw);
		margin: 0 auto;
		padding-top: calc(148 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.menu-list-item {
		width: 100%;
	}
	.menu-list-item a {
		display: block;
		width: 100%;
		font-family: "greycliff-cf", sans-serif;
		font-size: 15px;
		font-weight: 500;
		line-height: 1;
		color: #040000;
		position: relative;
	}
	.menu-list-item:nth-child(5) a,
	.menu-list-item:nth-child(6) a {
		pointer-events: none;
		cursor: not-allowed;
		color: #969696;
	}
	.menu-list-item a::after {
		content: "";
		display: block;
		background: url(/assets/images/35th/arrow_menu_pc.png) no-repeat;
		background-size: contain;
		width: 14px;
		height: 11px;
		position: absolute;
		top: calc(50% - (11px / 2));
		right: 0;
	}
	.menu-list-item:nth-child(5) a::after,
	.menu-list-item:nth-child(6) a::after {
		display: none;
	}
}
@media screen and (max-width: 767px){
	.menu-list-item {
		width: 100%;
	}
	.menu-list-item a {
		display: block;
		width: 100%;
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(30 / 750 * 100vw);
		font-weight: 500;
		line-height: 1;
		color: #040000;
		position: relative;
	}
	.menu-list-item:nth-child(5) a,
	.menu-list-item:nth-child(6) a {
		pointer-events: none;
		cursor: not-allowed;
		color: #969696;
	}
	.menu-list-item a::after {
		content: "";
		display: block;
		background: url(/assets/images/35th/arrow_menu_sp.png) no-repeat;
		background-size: contain;
		width: calc(21 / 750 * 100vw);
		height: calc(15 / 750 * 100vw);
		position: absolute;
		top: calc(50% - (15 / 750 * 100vw / 2));
		right: 0;
	}
	.menu-list-item:nth-child(5) a::after,
	.menu-list-item:nth-child(6) a::after {
		display: none;
	}
}

/* 開閉トグル用（PC） */
@media screen and (min-width: 768px){
	.menu.is-open .humburger-text { opacity: 0; visibility: hidden; }
	.menu.is-open .humburger-line:nth-child(1) { transform: translateY(4px) rotate(14deg); transform-origin: 50% 50%; }
	.menu.is-open .humburger-line:nth-child(2) { transform: translateY(-4px) rotate(-14deg); transform-origin: 50% 50%; }
	.menu.is-open .menu-box { opacity: 1; transform: scale(1); pointer-events: auto; visibility: visible; transition-delay: 0s, 0s, 0s; }
}
/* 開閉トグル用（SP） */
@media screen and (max-width: 767px){
	.menu.is-open .humburger-text { opacity: 0; visibility: hidden; }
	.menu.is-open .humburger-line:nth-child(1) { transform: translateY(calc(5 / 780 * 100vw)) rotate(14deg); transform-origin: 50% 50%; }
	.menu.is-open .humburger-line:nth-child(2) { transform: translateY(calc(-5 / 780 * 100vw)) rotate(-14deg); transform-origin: 50% 50%; }
	.menu.is-open .menu-box { opacity: 1; transform: scale(1); pointer-events: auto; visibility: visible; transition-delay: 0s, 0s, 0s; }
}

@media screen and (min-width: 768px){
	.brand-site {
		padding-top: 23px;
		padding-bottom: 30px;
		text-align: center;
	}
}
@media screen and (max-width: 767px){
	.brand-site {
		padding-top: calc(60 / 750 * 100vw);
		padding-bottom: calc(85 / 750 * 100vw);
		text-align: center;
	}
}

@media screen and (min-width: 768px){
	.brand-site-link {
		display: inline-block;
		font-family: "greycliff-cf", sans-serif;
		font-size: 15px;
		font-weight: 600;
		line-height: 1;
		color: #040000;
		position: relative;
	}
	.brand-site-link::after {
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background-color: #040000;
		position: absolute;
		bottom: -8px;
		left: 0;
	}
}
@media screen and (max-width: 767px){
	.brand-site-link {
		display: inline-block;
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(27 / 750 * 100vw);
		font-weight: 600;
		line-height: 1;
		color: #040000;
		position: relative;
	}
	.brand-site-link::after {
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background-color: #040000;
		position: absolute;
		bottom: calc(-10 / 750 * 100vw);
		left: 0;
	}
}

/* ====================
hero
==================== */
.hero {
	width: 100%;
	position: relative;
}

@media screen and (min-width: 768px){
	.hero-title {
		position: absolute;
		top: 74px;
		left: calc(50% - (170px / 2));
		width: 162px;
		height: 126px;
		z-index: 3;
	}
}
@media screen and (max-width: 767px){
	.hero-title {
		position: absolute;
		top: calc(52 / 780 * 100vw);
		left: calc(50% - (calc(176 / 780 * 100vw) / 2));
		width: calc(180 / 780 * 100vw);
		height: calc(140 / 780 * 100vw);
		z-index: 3;
	}
}

@media screen and (min-width: 768px){
	.hero-image {
		width: 1180px;
		height: 100%;
		margin: 0 auto;
		padding-top: 164px;
		position: relative;
	}
	.hero-image .hero-image-item { opacity: 0; transition: opacity .8s ease; }
	.hero-image .hero-image-item:not(:first-child) { position: absolute; top: 164px; left: 0; right: 0; bottom: 0; }
	.hero-image .hero-image-item img { display: block; width: 100%; height: auto; }
	.hero-image .hero-image-item.is-active { opacity: 1; }
}
@media screen and (max-width: 767px){
	.hero-image {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		padding-top: calc(157 / 780 * 100vw);
		position: relative;
	}
	.hero-image .hero-image-item { opacity: 0; transition: opacity .8s ease; }
	.hero-image .hero-image-item:not(:first-child) { position: absolute; top: calc(157 / 780 * 100vw); left: 0; right: 0; bottom: 0; }
	.hero-image .hero-image-item img { display: block; width: 100%; height: auto; }
	.hero-image .hero-image-item.is-active { opacity: 1; }
}

@media screen and (min-width: 768px){
	.hero-catch {
		position: absolute;
		bottom: 44px;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		font-size: 15px;
		font-weight: 500;
	}
}
@media screen and (max-width: 767px){
	.hero-catch {
		position: absolute;
		bottom: calc(281 / 750 * 100vw);
		right: calc(-124 / 750 * 100vw);
		transform: rotate(90deg);
		font-size: calc(19 / 750 * 100vw);
		font-weight: 500;
	}
}

/* ====================
lead
==================== */
@media screen and (min-width: 768px){
	.lead {
		width: 100%;
		padding-top: 76px;
	}
}
@media screen and (max-width: 767px){
	.lead {
		width: 100%;
		padding-top: calc(84 / 750 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.lead-text {
		text-align: center;
		font-size: 19px;
		font-weight: 500;
		line-height: calc(35 / 19);
	}
}
@media screen and (max-width: 767px){
	.lead-text {
		text-align: center;
		font-size: calc(26 / 750 * 100vw);
		font-weight: 500;
		line-height: calc(52 / 26);
	}
}


/* ====================
index
==================== */
@media screen and (min-width: 768px){
	.index {
		width: 555px;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		padding-top: 93px;
	}
}
@media screen and (max-width: 767px){
	.index {
		width: calc(515 / 780 * 100vw);
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		padding-top: calc(84 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.index-title {
		width: 180px;
	}
}
@media screen and (max-width: 767px){
	.index-title {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-end;
	}
}

@media screen and (min-width: 768px){
	.index-catch {
		font-family: "greycliff-cf", sans-serif;
		font-size: 15px;
		font-weight: 500;
		line-height: calc(20 / 15);
		margin-top: -4px;
	}
}
@media screen and (max-width: 767px){
	.index-catch {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(18 / 750 * 100vw);
		font-weight: 500;
		line-height: calc(23 / 18);
		width: 50%;
		padding-left: calc(30 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.index-title-text {
		font-family: "greycliff-cf", sans-serif;
		font-size: 24px;
		font-weight: 600;
		line-height: 1;
		margin-top: 39px;
	}
}
@media screen and (max-width: 767px){
	.index-title-text {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(30 / 750 * 100vw);
		font-weight: 600;
		line-height: 1;
		width: 50%;
		text-align: right;
		padding-right: calc(28 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.index-list {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		row-gap: 16px;
	}
}
@media screen and (max-width: 767px){
	.index-list {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		row-gap: calc(20 / 750 * 100vw);
		padding-top: calc(27 / 750 * 100vw);
	}
}


@media screen and (min-width: 768px){
	.index-list-item a {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		width: 375px;
		height: 47px;
		background-color: #ffffff;
		border-radius: 100px;
		position: relative;
	}
}
@media screen and (max-width: 767px){
	.index-list-item a {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		width: 100%;
		height: calc(65 / 780 * 100vw);
		background-color: #ffffff;
		border-radius: calc(100 / 780 * 100vw);
		position: relative;
	}
}

.index-list-item a.close {
	pointer-events: none;
	cursor: not-allowed;
	color: #969696;
}

@media screen and (min-width: 768px){
	.index-list-item a.open::after {
		content: "";
		display: block;
		background: url(/assets/images/35th/arrow_index_pc.png) no-repeat;
		background-size: contain;
		width: 20px;
		height: 14px;
		position: absolute;
		top: calc(50% - (14 / 2));
		right: 20px;
	}
}
@media screen and (max-width: 767px){
	.index-list-item a.open::after {
		content: "";
		display: block;
		background: url(/assets/images/35th/arrow_index_sp.png) no-repeat;
		background-size: contain;
		width: calc(26 / 750 * 100vw);
		height: calc(19 / 750 * 100vw);
		position: absolute;
		top: calc(50% - (23 / 780 * 100vw / 2));
		right: calc(26 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.index-list-item a.close::after {
		content: "coming soon";
		font-family: "greycliff-cf", sans-serif;
		font-size: 13px;
		font-weight: 500;
		line-height: 1;
		color: #969696;
		position: absolute;
		top: calc(50% - (8px / 2));
		right: 20px;
		transform: translateY(-50%);
	}
}
@media screen and (max-width: 767px){
	.index-list-item a.close::after {
		content: "coming soon";
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(17 / 750 * 100vw);
		font-weight: 500;
		line-height: 1;
		color: #969696;
		position: absolute;
		top: calc(50% - (24 / 780 * 100vw / 2));
		right: calc(30 / 780 * 100vw);
	}
}


@media screen and (min-width: 768px){
	.index-nuber {
		font-family: "area-variable", sans-serif;
		font-weight: 600;
		font-size: 13px;
		width: 52px;
		padding-left: 22px;
		padding-top: 3px;
		position: relative;
	}
}
@media screen and (max-width: 767px){
	.index-nuber {
		font-family: "area-variable", sans-serif;
		font-weight: 600;
		font-size: calc(17 / 750 * 100vw);
		width: calc(70 / 780 * 100vw);
		padding-left: calc(29 / 780 * 100vw);
		padding-top: calc(4 / 780 * 100vw);
		position: relative;
	}
}

@media screen and (min-width: 768px){
	.index-nuber::after {
		content: "";
		display: block;
		width: 1px;
		height: 17px;
		background-color: #040000;
		position: absolute;
		top: 4px;
		right: 1px;
	}
}
@media screen and (max-width: 767px){
	.index-nuber::after {
		content: "";
		display: block;
		width: 1px;
		height: calc(24 / 750 * 100vw);
		background-color: #040000;
		position: absolute;
		top: calc(50% - (24 / 750 * 100vw / 2));
		right: 0;
	}
}
.close .index-nuber::after {
	background-color: #969696;
}

@media screen and (min-width: 768px){
	.index-name {
		font-family: "greycliff-cf", sans-serif;
		font-size: 18px;
		font-weight: 500;
		line-height: 1;
        padding-left: 17px;
        padding-bottom: 4px;
	}
}
@media screen and (max-width: 767px){
	.index-name {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(24 / 750 * 100vw);
		font-weight: 500;
		line-height: 1;
		padding-left: calc(22 / 780 * 100vw);
	}
}





/* ====================
brand-list
==================== */
@media screen and (min-width: 768px){
	.brand-list {
		padding-top: 114px;
		display: flex;
		flex-direction: column;
		row-gap: 47px;
	}
}
@media screen and (max-width: 767px){
	.brand-list {
		padding-top: calc(120 / 750 * 100vw);
		display: flex;
		flex-direction: column;
		row-gap: calc(100 / 750 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-list-item {
		width: 920px;
		margin: 0 auto;
		background-color: #ffffff;
		border-radius: 20px;
		padding-top: 41px;
		padding-bottom: 32px;
		position: relative;
	}
}
@media screen and (max-width: 767px){
	.brand-list-item {
		width: calc(750 / 780 * 100vw);
		margin: 0 auto;
		background-color: #ffffff;
		border-radius: calc(30 / 750 * 100vw);
		padding-top: calc(40 / 780 * 100vw);
		padding-bottom: calc(48 / 780 * 100vw);
	}
}
.brand-list-item#yuichitoyama {
	color: #969696;
}
.brand-list-item#jto {
	color: #969696;
}

@media screen and (min-width: 768px){
	.brand-list-title {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		width: 820px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 767px){
	.brand-list-title {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		width: calc(650 / 780 * 100vw);
		margin: 0 auto;
	}
}

@media screen and (min-width: 768px){
	.brand-list-title-sub {
		width: 50%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		position: relative;
	}
}
@media screen and (max-width: 767px){
	.brand-list-title-sub {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		position: relative;
	}
}

@media screen and (min-width: 768px){
	.brand-list-title-sub::before {
		content: "";
		display: block;
		background: url(/assets/images/35th/arrow_brand_pc.png) no-repeat;
		background-size: contain;
		width: 28px;
		height: 21px;
		position: absolute;
		top: 24px;
		left: 0;
	}
	#yuichitoyama .brand-list-title-sub::before {
		opacity: 0.5;
	}
	#jto .brand-list-title-sub::before {
		opacity: 0.5;
	}
}
@media screen and (max-width: 767px){
	.brand-list-title-sub::before {
		content: "";
		display: block;
		background: url(/assets/images/35th/arrow_brand_sp.png) no-repeat;
		background-size: contain;
		width: calc(36 / 780 * 100vw);
		height: calc(26 / 780 * 100vw);
		position: absolute;
		top: calc(40 / 780 * 100vw);
		left: calc(-10 / 780 * 100vw);
	}
	#yuichitoyama .brand-list-title-sub::before {
		opacity: 0.5;
	}
	#jto .brand-list-title-sub::before {
		opacity: 0.5;
	}
}



@media screen and (min-width: 768px){
	.brand-number {
		font-family: "area-variable", sans-serif;
		font-variation-settings: 'wght' 400;
		font-size: 75px;
		line-height: 1;
		padding-left: 45px;
		padding-top: 11px;
	}
}
@media screen and (max-width: 767px){
	.brand-number {
		font-family: "area-variable", sans-serif;
		font-variation-settings: 'wght' 400;
		font-size: calc(94 / 750 * 100vw);
		line-height: 1;
		padding-left: calc(49 / 780 * 100vw);
		padding-top: calc(20 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-catch {
		font-family: "greycliff-cf", sans-serif;
		font-size: 11px;
		font-weight: 500;
		line-height: calc(14 / 11);
		position: absolute;
		top: 8px;
		left: 168px;
	}
}
@media screen and (max-width: 767px){
	.brand-catch {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(18 / 750 * 100vw);
		font-weight: 500;
		line-height: calc(22 / 18);
		position: absolute;
		top: calc(10 / 780 * 100vw);
		left: calc(196 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-list-title-main {
		width: 75%;
	}
}
@media screen and (max-width: 767px){
	.brand-list-title-main {
		width: 100%;
	}
}

@media screen and (min-width: 768px){
	.brand-name {
		font-family: "greycliff-cf", sans-serif;
		font-size: 48px;
		font-weight: 600;
		line-height: 1;
		text-align: right;
		letter-spacing: 0.02em;
		padding-top: 28px;
	}
}
@media screen and (max-width: 767px){
	.brand-name {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(58 / 750 * 100vw);
		font-weight: 600;
		line-height: 1;
		text-align: right;
		letter-spacing: 0.025em;
		padding-top: calc(37 / 750 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-name-sub {
		font-family: "fot-cezanne-pron", sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 1;
		text-align: right;
		padding-top: 15px;
	}
}
@media screen and (max-width: 767px){
	.brand-name-sub {
		font-family: "fot-cezanne-pron", sans-serif;
		font-size: calc(20 / 750 * 100vw);
		font-weight: 400;
		line-height: 1;
		text-align: right;
		padding-top: calc(28 / 780 * 100vw);
	}
}


@media screen and (min-width: 768px){
	.brand-list-lead {
		width: 820px;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-end;
		padding-top: 42px;
	}
	.brand-image-list + .brand-list-lead {
		margin-top: -27px;
		padding-top: 0;
	}
}
@media screen and (max-width: 767px){
	.brand-list-lead {
		width: calc(650 / 780 * 100vw);
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-end;
		padding-top: calc(90 / 780 * 100vw);
	}
	.brand-image-list + .brand-list-lead {
		margin-top: calc(-164 / 780 * 100vw);
		padding-top: 0;
	}
}

@media screen and (min-width: 768px){
	.brand-lead-text {
		font-family: "fot-cezanne-pron", sans-serif;
		font-size: 16px;
		font-weight: 500;
		line-height: calc(28 / 16);
		text-align: left;
	}
}
@media screen and (max-width: 767px){
	.brand-lead-text {
		width: 100%;
		font-family: "fot-cezanne-pron", sans-serif;
		font-size: calc(27 / 750 * 100vw);
		font-weight: 500;
		line-height: calc(47 / 27);
		text-align: left;
	}
}

@media screen and (min-width: 768px){
	.brand-model {
		padding-bottom: 4px;
	}
}
@media screen and (max-width: 767px){
	.brand-model {
		padding-top: calc(35 / 780 * 100vw);
	}
}

.brand-model-list {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}

@media screen and (min-width: 768px){
	.brand-model-list dt {
		font-family: "greycliff-cf", sans-serif;
		font-size: 11px;
		font-weight: 500;
		line-height: 1;
	}
}
@media screen and (max-width: 767px){
	.brand-model-list dt {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(20 / 750 * 100vw);
		font-weight: 500;
		line-height: 1;
	}
}

@media screen and (min-width: 768px){
	.brand-model-list dd {
		font-family: "greycliff-cf", sans-serif;
		font-size: 18px;
		font-weight: 500;
		line-height: 1;
		padding-left: 19px;
	}
}
@media screen and (max-width: 767px){
	.brand-model-list dd {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(30 / 750 * 100vw);
		font-weight: 500;
		line-height: 1;
		padding-left: calc(39 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-button-area {
		margin-top: -38px;
	}
}
@media screen and (max-width: 767px){
	.brand-button-area {
		margin-top: calc(63 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-button {
		width: 220px;
		height: 47px;
		margin: 0 auto;
	}
	.brand-button a {
		background-color: #080404;
		font-family: "fot-cezanne-pron", sans-serif;
		font-weight: 500;
		font-size: 14px;
		line-height: 47px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff!important;
		display: block;
		text-align: center;
		width: 100%;
		height: 100%;
	}
}
@media screen and (max-width: 767px){
	.brand-button {
		width: calc(432 / 780 * 100vw);
		height: calc(90 / 780 * 100vw);
		margin: 0 auto;
	}
	.brand-button a {
		background-color: #080404;
		font-family: "fot-cezanne-pron", sans-serif;
		font-weight: 500;
		font-size: calc(27 / 750 * 100vw);
		line-height: calc(90 / 750 * 100vw);
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff!important;
		display: block;
		text-align: center;
		width: 100%;
		height: 100%;
	}
}


.brand-scroll {
	width: 100%;
	overflow: hidden;
	background-color: #ffffff;
}

@media screen and (min-width: 768px){
	.brand-scroll {
		padding-top: 44px;
	}
}
@media screen and (max-width: 767px){
	.brand-scroll {
		padding-top: calc(83 / 780 * 100vw);
	}
}

.brand-scroll-content {
	display: flex;
	animation: scrollText 30s linear infinite;
	white-space: nowrap;
	width: max-content;
}


@media screen and (min-width: 768px){
	.brand-scroll-item {
		font-family: "greycliff-cf", sans-serif;
		font-weight: 400;
		font-size: 18px;
		line-height: 1;
		color: #040000;
		margin-right: 17px;
		display: inline-block;
	}
}
@media screen and (max-width: 767px){
	.brand-scroll-item {
		font-family: "greycliff-cf", sans-serif;
		font-weight: 400;
		font-size: calc(28 / 750 * 100vw);
		line-height: 1;
		color: #040000;
		margin-right: calc(26 / 780 * 100vw);
		display: inline-block;
	}
}

@keyframes scrollText {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

@media screen and (min-width: 768px){
	.commingsoon {
		width: 100%;
		margin: 0 auto;
		padding-top: 23px;
	}
	.commingsoon-text {
		font-family: "greycliff-cf", sans-serif;
		font-size: 20px;
		font-weight: 400;
		line-height: 1;
		color: #040000;
		text-align: center;
	}
	#yuichitoyama .commingsoon-text {
		color: #969696;
	}
	#jto .commingsoon-text {
		color: #969696;
	}
}
@media screen and (max-width: 767px){
	.commingsoon {
		width: 100%;
		margin: 0 auto;
		padding-top: calc(30 / 780 * 100vw);
	}
	.commingsoon-text {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(30 / 750 * 100vw);
		font-weight: 400;
		line-height: 1;
		color: #040000;
		text-align: center;
	}
	#yuichitoyama .commingsoon-text {
		color: #969696;
	}
	#jto .commingsoon-text {
		color: #969696;
	}
}


/* ====================
indexカルーセル
==================== */

/* PC版カルーセル */
@media screen and (min-width: 768px) {
	.featureProject--HorizontalCarousel {
		/* height: 100vh; */
		padding-top: 30px;
		user-select: none;
		background: #fff;
	}

	.featureProject--HorizontalCarousel .featureProject__assets {
		align-items: center;
		display: flex;
		/* height: calc(100vh - 90px - 115px - 80px); */
		height: 585px;
		overflow: hidden;
		justify-content: center;
	}

	.featureProject--HorizontalCarousel .featureProject__carouselWrapper {
		/* height: 585px; */
		height: 100%;
		position: relative;
		width: 920px;
		margin: 0 auto;
	}
	
	.featureProject--HorizontalCarousel .featureProject__carouselSlide {
		display: flex;
		opacity: 0;
		pointer-events: none;
		position: absolute;
		visibility: hidden;
		/* width: 25vw; */
		width: 390px!important;
		/* height: 100%; */
		height: auto!important;
	}

	.featureProject--HorizontalCarousel .featureProject__carouselSlide .responsive-image {
		height: 100%;
		transition: transform .3s ease-in-out;
	}

	.featureProject--HorizontalCarousel .featureProject__carouselSlide--isActive {
		cursor: pointer;
		pointer-events: auto;
	}

	.featureProject--HorizontalCarousel .featureProject__carouselSlide--isNext {
		cursor: e-resize;
	}

	.featureProject--HorizontalCarousel .featureProject__carouselSlide--isPrev {
		cursor: w-resize;
	}
}

/* SP版カルーセル */
@media screen and (max-width: 767px) {
	.featureProject--HorizontalCarousel {
		padding-top: calc(62 / 780 * 100vw);
		user-select: none;
		background: #ffffff;
	}

	.featureProject--HorizontalCarousel .featureProject__assets {
		align-items: center;
		display: flex;
		height: calc(704 / 780 * 100vw);
		overflow: hidden;
		justify-content: center;
	}

	.featureProject--HorizontalCarousel .featureProject__carouselWrapper {
		height: 100%!important;
		position: relative;
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
	
	.featureProject--HorizontalCarousel .featureProject__carouselSlide {
		display: flex;
		opacity: 0;
		pointer-events: none;
		position: absolute;
		visibility: hidden;
		width: calc(468 / 780 * 100vw) !important;
		height: auto!important;
	}

	.featureProject--HorizontalCarousel .featureProject__carouselSlide .responsive-image {
		height: 100%;
		transition: transform .3s ease-in-out;
	}

	.featureProject--HorizontalCarousel .featureProject__carouselSlide--isActive {
		cursor: pointer;
		pointer-events: auto;
	}

	.featureProject--HorizontalCarousel .featureProject__carouselSlide--isNext {
		cursor: e-resize;
	}

	.featureProject--HorizontalCarousel .featureProject__carouselSlide--isPrev {
		cursor: w-resize;
	}
}

/* レスポンシブ画像 */
.responsive-image {
	aspect-ratio: var(--aspect-ratio);
	background: var(--bg-color, #c0bfb7);
	line-height: 1;
	position: relative;
}

.responsive-image img {
	height: 100%;
	width: 100%;
	opacity: 1;
}

/* スライドカウンター */
@media screen and (min-width: 768px){
	.slide-counter {
		display: inline-flex;
		align-items: center;
		font-family: "area-variable", sans-serif;
		font-size: 12px;
		font-variation-settings: 'wght' 500;
		color: #040000;
		padding-top: 57px;
		padding-left: 75px;
	}
}
@media screen and (max-width: 767px){
	.slide-counter {
		display: inline-flex;
		align-items: center;
		font-family: "area-variable", sans-serif;
		font-size: calc(20 / 750 * 100vw);
		font-variation-settings: 'wght' 500;
		color: #040000;
		padding-top: calc(72 / 780 * 100vw);
		padding-left: calc(51 / 780 * 100vw);
	}
}

.slide-counter__current,
.slide-counter__total {
	display: inline-block;
}
.slide-counter__current {
	padding-right: 10px;
}
.slide-counter__total {
	padding-left: 10px;
}

.slide-counter__separator {
	margin: 0 8px;
}
@media screen and (min-width: 768px){
	.slide-counter__separator {
		display: block;
		width: 40px;
		height: 2px;
		background-color: #040000;
		margin: 0 auto;
	}
}
@media screen and (max-width: 767px){
	.slide-counter__separator {
		display: block;
		width: calc(65 / 780 * 100vw);
		height: calc(2 / 780 * 100vw);
		background-color: #040000;
		margin: 0 auto;
	}
}



/* ====================
shop-list
==================== */
@media screen and (min-width: 768px){
	.shop-list {
		width: 530px;
		margin: 0 auto;
		padding-top: 91px;
		padding-bottom: 100px;
	}
}
@media screen and (max-width: 767px){
	.shop-list {
		width: calc(644 / 780 * 100vw);
		margin: 0 auto;
		padding-top: calc(115 / 780 * 100vw);
		padding-bottom: calc(80 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.shop-list-title {
		font-family: "greycliff-cf", sans-serif;
		font-weight: 600;
		font-size: 17px;
		color: #040000;
		text-align: center;
	}
}
@media screen and (max-width: 767px){
	.shop-list-title {
		font-family: "greycliff-cf", sans-serif;
		font-weight: 600;
		font-size: calc(25 / 750 * 100vw);
		color: #040000;
		text-align: center;
	}
}

@media screen and (min-width: 768px){
	.shop-list-list {
		width: 530px;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		max-height: 390px;
		padding-top: 27px;
	}
}
@media screen and (max-width: 767px){
	.shop-list-list {
		width: calc(644 / 780 * 100vw);
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		max-height: calc(590 / 780 * 100vw);
		padding-top: calc(50 / 780 * 100vw);
	}
}


@media screen and (min-width: 768px) {
	.shop-list-list-item {
		width: 250px;
	}
}
@media screen and (max-width: 767px){
	.shop-list-list-item {
		width: calc(312 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px) {
	.shop-list-list-item:nth-child(n+13) {
		margin-left: 30px;
	}
}
@media screen and (max-width: 767px){
	.shop-list-list-item:nth-child(n+13) {
		margin-left: calc(20 / 780 * 100vw);
	}
}

.shop-list-list-item:nth-child(1) a,
.shop-list-list-item:nth-child(13) a {
	border-top: solid 1px #d3d1cb;
}
@media screen and (min-width: 768px){
	.shop-list-list-item a {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		height: 30px;
		border-bottom: solid 1px #d3d1cb;
		font-family: "fot-cezanne-pron", sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 1;
		color: #040000;
	}
}
@media screen and (max-width: 767px){
	.shop-list-list-item a {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		height: calc(44 / 780 * 100vw);
		border-bottom: solid 1px #d3d1cb;
		font-family: "fot-cezanne-pron", sans-serif;
		font-weight: 400;
		font-size: calc(20 / 750 * 100vw);
		line-height: 1;
		color: #040000;
	}
	.shop-list-list-item a {
		letter-spacing: -0.02em;
	}
}

/* ====================
ftnavi
==================== */
@media screen and (min-width: 768px){
	.ftnavi {
		width: 920px;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		column-gap: 30px;
		row-gap: 28px;
	}
}
@media screen and (max-width: 767px){
	.ftnavi {
		width: calc(644 / 780 * 100vw);
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: calc(20 / 780 * 100vw);
		row-gap: calc(25 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.ftnavi-item {
		width: calc((920px - 60px) / 3);
		height: 90px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		background-color: #ffffff;
		border-radius: 90px;
	}
}
@media screen and (max-width: 767px){
	.ftnavi-item {
		width: calc(312 / 780 * 100vw);
		height: calc(106 / 780 * 100vw);
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		background-color: #ffffff;
		border-radius: calc(406 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.ftnavi-image {
		width: 90px;
		height: 90px;
	}
	.ftnavi-image img {
		border-radius: 90px;
	}
}
@media screen and (max-width: 767px){
	.ftnavi-image {
		width: calc(106 / 780 * 100vw);
		height: calc(106 / 780 * 100vw);
	}
	.ftnavi-image img {
		border-radius: calc(106 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.ftnavi-name {
		width: calc(90% - 90px);
		font-family: "greycliff-cf", sans-serif;
		font-size: 15px;
		font-weight: 500;
		line-height: 1;
		text-align: center;
	}
}
@media screen and (max-width: 767px){
	.ftnavi-name {
		width: calc(90% - calc(106 / 780 * 100vw));
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(20 / 750 * 100vw);
		font-weight: 500;
		line-height: 1;
		text-align: center;
	}
}

/* ====================
copyrignt
==================== */
@media screen and (min-width: 768px){
	.copyright {
		padding-top: 130px;
		padding-bottom: 30px;
	}
	.copyright-text {
		font-family: "greycliff-cf", sans-serif;
		font-size: 10px;
		font-weight: 500;
		line-height: 1;
		text-align: center;
		color: #040000;
	}
}
@media screen and (max-width: 767px){
	.copyright {
		padding-top: calc(106 / 780 * 100vw);
		padding-bottom: calc(47 / 780 * 100vw);
	}
	.copyright-text {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(15 / 780 * 100vw);
		font-weight: 500;
		line-height: 1;
		text-align: center;
		color: #040000;
	}
}



/* ====================
brand-content
==================== */
@media screen and (min-width: 768px){
	.brand-content {
		width: 1180px;
		margin: 0 auto;
		/* display: flex;
		flex-direction: row;
		flex-wrap: nowrap; */
		padding-left: 385px;
	}
}
@media screen and (max-width: 767px){
	.brand-content {
		width: 100%;
		margin: 0 auto;
		/* display: flex;
		flex-direction: row;
		flex-wrap: nowrap; */
		/* 左カラム分の余白を右カラムに確保 */
		padding-left: calc(115 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-content-sub {
		width: 385px;
		position: fixed;
		top: 76px; /* ヘッダー削除により元の余白のみ */
		left: 50%;
		transform: translateX(-590px); /* 1180/2=590 */
		z-index: 20; /* 背景画像の上に */
		height: 1150px;
	}
}
@media screen and (max-width: 767px){
	.brand-content-sub {
		width: calc(115 / 780 * 100vw);
		position: fixed;
		top: 76px; /* ヘッダー削除により元の余白のみ（SP版も固定値に） */
		left: calc(50% - 50vw);     /* 中央寄せレイアウトの左端に合わせる */
		z-index: 20;
		height: 100vh;
	}
}


@media screen and (min-width: 768px){
	.brand-content-number {
		font-family: "area-variable", sans-serif;
		font-variation-settings: 'wght' 500;
		font-size: 75px;
		line-height: 1;
		position: absolute;
		top: 92px;
		left: 107px;
	}
	.brand-content-number::before {
		content: "";
		display: block;
		background: url(/assets/images/35th/arrow_brand_content_pc.png) no-repeat;
		background-size: contain;
		width: 28px;
		height: 21px;
		position: absolute;
		top: calc(50% - (49px / 2));
		left: -44px;
	}
}
@media screen and (max-width: 767px){
	.brand-content-number {
		font-family: "area-variable", sans-serif;
		font-variation-settings: 'wght' 500;
		font-size: calc(45 / 750 * 100vw);
		line-height: 1;
		transform: rotate(90deg);
		position: absolute;
	}
	.eyevan .brand-content-number {
        top: calc(50 / 780 * 100vw);
        left: calc(25 / 780 * 100vw);
	}
	.fournines .brand-content-number {
        top: calc(56 / 780 * 100vw);
        left: calc(21 / 780 * 100vw);
	}
	.ayame .brand-content-number {
        top: calc(56 / 780 * 100vw);
        left: calc(21 / 780 * 100vw);
	}
	.brand-content-number::before {
		content: "";
		display: block;
		background: url(/assets/images/35th/arrow_brand_content_sp.png) no-repeat;
		background-size: contain;
		width: calc(21 / 780 * 100vw);
		height: calc(38 / 780 * 100vw);
		position: absolute;
		transform: rotate(-90deg);
	}
	.eyevan .brand-content-number::before {
		top: calc(0 / 780 * 100vw);
		left: calc(-35 / 780 * 100vw);
	}
	.fournines .brand-content-number::before {
		top: calc(0 / 780 * 100vw);
		left: calc(-35 / 780 * 100vw);
	}
	.ayame .brand-content-number::before {
		top: calc(0 / 780 * 100vw);
		left: calc(-35 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-content-catch {
		font-family: "greycliff-cf", sans-serif;
		font-size: 11px;
		font-weight: 500;
		line-height: calc(14 / 11);
		color: #040000;
		position: absolute;
		top: 86px;
		left: 230px;
	}
}
@media screen and (max-width: 767px){
	.brand-content-catch {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(20 / 750 * 100vw);
		font-weight: 500;
		line-height: calc(22 / 20);
		color: #040000;
		transform: rotate(90deg);
		position: absolute;
		top: calc(194 / 780 * 100vw);
		left: calc(-28 / 780 * 100vw);
		white-space: nowrap;
		letter-spacing: 0.02em;
	}
}

@media screen and (min-width: 768px){
	.brand-content-name {
		font-family: "greycliff-cf", sans-serif;
		font-size: 35px;
		font-weight: 600;
		line-height: 1;
		letter-spacing: 0.03em;
		color: #040000;
		position: absolute;
		top: 212px;
		left: 107px;
	}
	.brand-content-name-sub {
		font-family: "greycliff-cf", sans-serif;
		font-size: 18px;
		font-weight: 500;
		line-height: 1;
		color: #040000;
		position: absolute;
		top: 270px;
		left: 134px;
	}
	.brand-content-name-sub::before {
		content: "";
		display: block;
		background: url(/assets/images/35th/bg_brand-content-name-sub_pc.png) no-repeat;
		background-size: contain;
		width: 12px;
		height: 12px;
		position: absolute;
		top: calc(50% - (12px / 2));
		left: -25px;
	}
	.eyevan .brand-content-name-sub {
		top: 270px;
		left: 107px;
	}
	.eyevan .brand-content-name-sub::before {
		display: none;
	}
}
@media screen and (max-width: 767px){
	.brand-content-name {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(45 / 750 * 100vw);
		font-weight: 600;
		line-height: 1;
		letter-spacing: 0.025em;
		transform: rotate(90deg);
		white-space: nowrap;
		position: absolute;
	}
	.eyevan .brand-content-name {
		top: calc(738 / 780 * 100vw);
		left: calc(-28 / 780 * 100vw);
	}
	.fournines .brand-content-name {
		top: calc(767 / 780 * 100vw);
		left: calc(2 / 780 * 100vw);
	}
	.ayame .brand-content-name {
		top: calc(754 / 780 * 100vw);
		left: calc(-18 / 780 * 100vw);
	}
	.brand-content-name-sub {
		font-family: "fot-cezanne-pron", sans-serif;
		font-size: calc(25 / 750 * 100vw);
		font-weight: 400;
		line-height: 1;
		transform: rotate(90deg);
		position: absolute;
        top: calc(988 / 780 * 100vw);
        left: calc(-22 / 780 * 100vw);
		white-space: nowrap;
	}
	.brand-content-name-sub::before {
		content: "";
		display: block;
		background: url(/assets/images/35th/bg_brand-content-name-sub_sp.png) no-repeat;
		background-size: contain;
		width: calc(16 / 780 * 100vw);
		height: calc(15 / 780 * 100vw);
		position: absolute;
		top: calc(50% - (calc(15 / 780 * 100vw) / 2));
		left: calc(-45 / 780 * 100vw);
	}
	.eyevan .brand-content-name-sub::before {
		content: "for";
		background: none;
		font-family: "fot-cezanne-pron", sans-serif;
		font-size: calc(25 / 750 * 100vw);
		font-weight: 400;
		line-height: 1;
		position: absolute;
		top: calc(0 / 780 * 100vw);
		left: calc(-53 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-content-main {
		width: 795px;
		padding-top: 78px;
	}
}
@media screen and (max-width: 767px){
	.brand-content-main {
		width: calc(665 / 780 * 100vw);
		padding-top: calc(46 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-content-box {
		width: 750px;
		background-color: #ffffff;
		border-radius: 20px;
		padding-bottom: 99px;
	}
}
@media screen and (max-width: 767px){
	.brand-content-box {
		width: calc(650 / 780 * 100vw);
		background-color: #ffffff;
		border-radius: calc(30 / 780 * 100vw);
		padding-bottom: calc(124 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.anniversary-text {
		font-family: "greycliff-cf", sans-serif;
		font-size: 13px;
		font-weight: 500;
		line-height: 1;
		color: #040000;
		text-align: center;
		padding-top: 48px;
		padding-bottom: 48px;
	}
}
@media screen and (max-width: 767px){
	.anniversary-text {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(17 / 750 * 100vw);
		font-weight: 500;
		line-height: 1;
		color: #040000;
		text-align: center;
		padding-top: calc(52 / 780 * 100vw);
		padding-bottom: calc(43 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-main-image {
		width: 700px;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		row-gap: 20px;
	}
	.brand-main-image-item {
		width: 100%;
		height: 100%;
	}
}
@media screen and (max-width: 767px){
	.brand-main-image {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		row-gap: calc(20 / 780 * 100vw);
	}
	.brand-main-image-item {
		width: 100%;
		height: 100%;
	}
}


@media screen and (min-width: 768px){
	.brand-content-title {
		font-family: "greycliff-cf", sans-serif;
		font-size: 20px;
		font-weight: 600;
		line-height: 1;
		color: #040000;
		text-align: center;
		padding-top: 56px;
	}
}
@media screen and (max-width: 767px){
	.brand-content-title {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(25 / 750 * 100vw);
		font-weight: 600;
		line-height: 1;
		color: #040000;
		text-align: center;
		padding-top: calc(82 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-content-lead {
		width: 590px;
		margin: 0 auto;
		padding-top: 40px;
		padding-bottom: 82px;
	}
}
@media screen and (max-width: 767px){
	.brand-content-lead {
		width: calc(560 / 780 * 100vw);
		margin: 0 auto;
		padding-top: calc(72 / 780 * 100vw);
		padding-bottom: calc(102 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-content-lead-text {
		font-family: "fot-cezanne-pron", sans-serif;
		font-size: 15px;
		font-weight: 500;
		line-height: calc(30 / 15);
		color: #040000;
		letter-spacing: 0.02em;
	}
}
@media screen and (max-width: 767px){
	.brand-content-lead-text {
		font-family: "fot-cezanne-pron", sans-serif;
		font-size: calc(27 / 750 * 100vw);
		font-weight: 500;
		line-height: calc(47 / 27);
		color: #040000;
		letter-spacing: 0.02em;
	}
}




@media screen and (min-width: 768px){
	.brand-content-detail {
		width: 700px;
		margin: 0 auto;
		border-top: solid 2px #040000;
		padding-top: 59px;
		padding-bottom: 109px;
		position: relative;
	}
	.brand-content-detail.notitle {
		padding-top: 119px;
	}
}
@media screen and (max-width: 767px){
	.brand-content-detail {
		width: calc(560 / 780 * 100vw);
		margin: 0 auto;
		border-top: solid 1px #040000;
		padding-top: calc(47 / 780 * 100vw);
		padding-bottom: calc(97 / 780 * 100vw);
		position: relative;
	}
}

@media screen and (min-width: 768px){
	.brand-model-title {
		font-family: "greycliff-cf", sans-serif;
		font-size: 30px;
		font-weight: 600;
		line-height: 1;
		color: #040000;
		text-align: center;
		padding-bottom: 60px;
		position: relative;
	}
	.brand-model-title::before {
		content: "model :";
		font-family: "greycliff-cf", sans-serif;
		font-size: 13px;
		position: absolute;
		top: 16px;
		left: 61px;
	}
}
@media screen and (max-width: 767px){
	.brand-model-title {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(40 / 750 * 100vw);
		font-weight: 600;
		line-height: 1;
		color: #040000;
		text-align: center;
		padding-top: calc(50 / 780 * 100vw);
		padding-bottom: calc(66 / 780 * 100vw);
		position: relative;
	}
	.brand-model-title::before {
		content: "model :";
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(18 / 750 * 100vw);
		position: absolute;
		top: calc(-20 / 780 * 100vw);
		left: 0;
	}
}

@media screen and (min-width: 768px){
	.brand-model-sub-title {
		font-family: "greycliff-cf", sans-serif;
		font-size: 23px;
		font-weight: 500;
		line-height: 1;
		color: #040000;
		text-align: right;
		padding-right: 96px;
	}
	.brand-model-sub-title.desc {
		text-align: center;
		padding-right: 0;
	}
	.brand-model-sub-title.lineup {
		padding-right: 122px;
	}
}
@media screen and (max-width: 767px){
	.brand-model-sub-title {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(28 / 750 * 100vw);
		font-weight: 500;
		line-height: 1;
		color: #040000;
		text-align: right;
	}
	.brand-model-sub-title.lineup {
		padding-right: calc(51 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-model-detail {
		width: 100%;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		row-gap: 25px;
	}
}
@media screen and (max-width: 767px){
	.brand-model-detail {
		width: 100%;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		row-gap: calc(42 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-model-detail-item {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
}
@media screen and (max-width: 767px){
	.brand-model-detail-item {
		width: 100%;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		row-gap: calc(45 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-model-image {
		width: 410px;
	}
}
@media screen and (max-width: 767px){
	.brand-model-image {
		width: 100%;
	}
}

@media screen and (min-width: 768px){
	.brand-model-desc {
		width: 290px;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-end;
	}
	/* brand-model-desc内にbrand-model-sub-titleがある場合 */
	.brand-model-desc:has(.brand-model-sub-title) {
		justify-content: space-between;
	}
}
@media screen and (max-width: 767px){
	.brand-model-desc {
		width: 100%;
	}
}

@media screen and (min-width: 768px){
	.brand-model-desc-text {
		font-family: "fot-cezanne-pron", sans-serif;
		font-size: 15px;
		font-weight: 500;
		line-height: calc(25 / 15);
		color: #040000;
		width: 225px;
		margin-left: 50px;
		letter-spacing: 0.02em;
	}
}
@media screen and (max-width: 767px){
	.brand-model-desc-text {
		font-family: "fot-cezanne-pron", sans-serif;
		font-size: calc(27 / 750 * 100vw);
		font-weight: 500;
		line-height: calc(47 / 27);
		color: #040000;
		width: 100%;
		letter-spacing: 0.02em;
	}
}


@media screen and (min-width: 768px){
	.brand-content-lineup {
		width: 100%;
		margin: 0 auto;
		position: relative;
		padding-top: 61px;
	}
	.brand-content-lineup::before {
		content: "";
		display: block;
		width: 700px;
		height: 2px;
		background-color: #040000;
		position: absolute;
		top: 0;
		left: 25px;
	}
}
@media screen and (max-width: 767px){
	.brand-content-lineup {
		width: 100%;
		margin: 0 auto;
		position: relative;
		padding-top: calc(51 / 780 * 100vw);
	}
	.brand-content-lineup::before {
		content: "";
		display: block;
		width: calc(560 / 780 * 100vw);
		height: 1px;
		background-color: #040000;
		position: absolute;
		top: 0;
		left: calc(45 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-lineup-image {
		width: 700px;
		margin: 0 auto;
		padding-top: 63px;
	}
}
@media screen and (max-width: 767px){
	.brand-lineup-image {
		width: 100%;
		margin: 0 auto;
		padding-top: calc(78 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-lineup-info.single {
		width: 700px;
		margin: 0 auto;
		padding-top: 31px;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.brand-lineup-info.double {
		width: 700px;
		margin: 0 auto;
		padding-top: 31px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.brand-lineup-info.double + .brand-lineup-info.double {
		padding-top: 50px;
	}
}
@media screen and (max-width: 767px){
	.brand-lineup-info.single,
	.brand-lineup-info.double {
		width: 100%;
		padding-top: calc(38 / 780 * 100vw);
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.brand-lineup-info.double + .brand-lineup-info.double {
		padding-top: calc(63 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-lineup-spec.single {
		width: 100%;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		row-gap: 8px;
		padding-left: 46px;
	}
	.brand-lineup-spec.double {
		width: 50%;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		row-gap: 8px;
		padding-left: 46px;
	}
}
@media screen and (max-width: 767px){
	.brand-lineup-spec.single,
	.brand-lineup-spec.double {
		width: 100%;
		padding-left: calc(44 / 780 * 100vw);
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		row-gap: calc(10 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px){
	.brand-lineup-spec-item {
		font-family: "greycliff-cf", sans-serif;
		font-size: 14px;
		font-weight: 500;
		line-height: 1;
		color: #040000;
	}
}
@media screen and (max-width: 767px){
	.brand-lineup-spec-item {
		font-family: "greycliff-cf", sans-serif;
		font-size: calc(25 / 750 * 100vw);
		font-weight: 500;
		line-height: 1;
		color: #040000;
	}
}

@media screen and (min-width: 768px){
	.brand-lineup-area.single {
		width: 100%;
		margin: 0 auto;
		padding-top: 57px;
	}
	.brand-lineup-area.double {
		width: 50%;
		margin: 0;
		padding-left: 82px;
		padding-top: 10px;
	}
}
@media screen and (max-width: 767px){
	.brand-lineup-area.single {
		width: 100%;
		margin: 0 auto;
		padding-top: calc(97 / 780 * 100vw);
	}
	.brand-lineup-area.double {
		width: 100%;
		margin: 0 auto;
		padding-top: calc(76 / 780 * 100vw);
	}
}


@media screen and (min-width: 768px){
	.lineup-button {
		width: 220px;
		height: 47px;
		margin: 0 auto;
	}
	.double .lineup-button {
		margin: 0;
	}
	.lineup-button a {
		background-color: #080404;
		font-family: "fot-cezanne-pron", sans-serif;
		font-weight: 500;
		font-size: 14px;
		line-height: 47px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff!important;
		text-align: center;
		width: 100%;
		height: 100%;
	}
}
@media screen and (max-width: 767px){
	.lineup-button {
		width: calc(432 / 780 * 100vw);
		height: calc(90 / 780 * 100vw);
		margin: 0 auto;
	}
	.lineup-button a {
		background-color: #080404;
		font-family: "fot-cezanne-pron", sans-serif;
		font-weight: 500;
		font-size: calc(27 / 750 * 100vw);
		line-height: calc(90 / 750 * 100vw);
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff!important;
		display: block;
		text-align: center;
		width: 100%;
		height: 100%;
	}
}


@media screen and (min-width: 768px){
	.info-box {
		width: 750px;
	}
	.info-box .ftnavi {
		width: 610px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 767px){
	.info-box {
		width: calc(650 / 780 * 100vw);
	}
	.info-box .shop-list {
		padding-top: calc(120 / 780 * 100vw);
	}
}

/* ====================
スクロール
==================== */
.fadein{opacity:0;}
.fadedown{opacity:0;transform:translateY(-60px)}
.lens .fadedown{opacity:1;transform:none}
.fadein.scrollin{opacity:1;transition:1.2s .2s ease;}
.fadedown.scrollin{opacity:1;transition:1s .2s ease;transform:none}
@media screen and (min-width: 1180px){
	.fadein.scrollin{opacity:1;transition:1.2s .3s ease;}
	.fadedown.scrollin{opacity:1;transition:1s .3s ease;transform:none}
}