@charset "UTF-8";
@font-face {
	font-family: "Honoka Shin Mincho";
	src: url("../font/Honoka_Shin_Mincho_L.otf") format("opentype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
/* Custom Properties */
:root {
	/* color */
	--color-black: #1A1A1A;
	--color-bg: #F0F0F0;
	--color-bg02: #191715;
	--color-gray: #666666;
	--color-gray02: #A1A1A1;
	--color-red: #A31111;
	--color-gold: #B18E48;
	/* font */
	--font-serif: "Noto Serif JP", serif;
	--font-honoka: "Honoka Shin Mincho", serif;
	--font-sans: "Noto Sans JP", sans-serif;
	--font-en: "Work Sans", sans-serif;
	--font-warbler: "warbler-text", sans-serif;
	/* filter color */
	--filter-black: brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(3261%) hue-rotate(319deg) brightness(107%) contrast(80%);
}

/*-------------------------
reset
---------------------------*/
*,
*::before,
*::after {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body, input, textarea {
	font-size: 16px;
}

body {
	color: var(--color-black);
	font-family: var(--font-serif);
	font-size: 16px;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	text-align: justify;
	line-height: 1.8;
	margin: 0;
	position: relative;
}

img, a, ul, li, iframe, fieldset {
	border: none;
	outline: none;
}

a, img {
	display: block;
	width: 100%;
}

a.inline, img.inline {
	display: inline;
	width: auto;
}

img {
	line-height: 0;
}

a {
	color: var(--color-text);
	text-decoration: none;
	transition: 0.2s ease-out;
}

h1, h2, h3, h4, ol, ul, li, dl, dt, dd, p, figure, form, iframe, fieldset, legend {
	margin-block-start: 0;
	margin-block-end: 0;
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 1.65;
}

p {
	letter-spacing: 0.05em;
}

em {
	font-style: normal;
}

article, aside, footer, header, main, nav, section {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

textarea {
	resize: vertical;
}

input, textarea {
	font-family: var(--font-serif);
}

input[type=text], input[type=email], input[type=tel], textarea, select {
	display: flex;
	align-items: flex-end;
	padding: 3px;
	border: 1px solid #BFBFBF;
	background-color: #fff;
	border-radius: 0;
	min-height: 52px;
	width: 100%;
	padding: 15px;
}

select {
	padding: 2.5px 3px;
}

label {
	display: -webkit-box;
	display: flex;
	align-items: center;
	gap: 0.5em;
}

label input {
	display: block;
}

/* iOSでのデフォルトスタイルをリセット */
input:focus {
	outline: none;
}

input[type=submit],
input[type=button] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}

input[type=radio],
input[type=checkbox] {
	display: inline-block;
	font-size: 16px;
	margin: 0;
	cursor: pointer;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
	display: none;
}

input[type=submit]:focus,
input[type=button]:focus {
	outline-offset: -2px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	margin-left: 5px;
	opacity: 0.5;
}

@media (width <= 767px) {
	.pc {
		display: none !important;
	}
}
@media (width > 767px) {
	.sp {
		display: none !important;
	}
}
/* サイド */
.box-side {
	padding-inline: 35px;
}

.box-side100-16 {
	padding-inline: 100px;
}
@media (width <= 767px) {
	.box-side100-16 {
		padding-inline: 16px;
	}
}

.box-side100-20 {
	padding-inline: 100px;
}
@media (width <= 767px) {
	.box-side100-20 {
		padding-inline: 20px;
	}
}

.box-side100-24 {
	padding-inline: 100px;
}
@media (width <= 767px) {
	.box-side100-24 {
		padding-inline: 24px;
	}
}

.box-side100-47 {
	padding-inline: 100px;
}
@media (width <= 767px) {
	.box-side100-47 {
		padding-inline: 47px;
	}
}

/* 横幅 */
.w1000 {
	width: min(100%, 1000px);
}

.w1100 {
	width: min(100%, 1100px);
}

.w1200 {
	width: min(100%, 1200px);
}

.w1300 {
	width: min(100%, 1300px);
}

.w1410 {
	width: min(100%, 1410px);
}

.w1440 {
	width: min(100%, 1440px);
}

.w1920 {
	width: min(100%, 1920px);
}

/* 背景色 */
.c-bg-white {
	background-color: #fff !important;
}

.c-bg-bg {
	background-color: var(--color-bg) !important;
}

.c-bg-gray03 {
	background-color: #F7F7F7 !important;
}

.c-bg-black {
	background-color: var(--color-black) !important;
}

/* セクション */
.c-sec01 {
	padding-block: 40px 100px !important;
}
@media (width <= 767px) {
	.c-sec01 {
		padding-block: 20px 0 !important;
	}
}

.c-sec02 {
	padding-block: 40px 140px !important;
}
@media (width <= 767px) {
	.c-sec02 {
		padding-block: 24px 80px !important;
	}
}

.c-sec03 {
	padding-block: 120px !important;
}
@media (width <= 767px) {
	.c-sec03 {
		padding-block: 60px !important;
	}
}

.c-sec04 {
	padding-block: 80px !important;
}
@media (width <= 767px) {
	.c-sec04 {
		padding-block: 40px !important;
	}
}

.c-sec05 {
	padding-block: 200px;
}
@media (width <= 767px) {
	.c-sec05 {
		padding-block: 100px;
	}
}

.c-sec06 {
	padding-block: 180px;
}
@media (width <= 767px) {
	.c-sec06 {
		padding-block: 100px;
	}
}

.c-sec07 {
	padding-block: 200px 100px;
}
@media (width <= 767px) {
	.c-sec07 {
		padding-block: 100px 0;
	}
}

.c-sec08 {
	padding-block: 240px;
}
@media (width <= 767px) {
	.c-sec08 {
		padding-block: 80px;
	}
}

/* マージン */
.c-mt8 {
	margin-top: 8px !important;
}

.c-mt16 {
	margin-top: 16px !important;
}

.c-mt24 {
	margin-top: 24px !important;
}

.c-mt30 {
	margin-top: 30px !important;
}

.c-mt40 {
	margin-top: 40px !important;
}

.c-mt64 {
	margin-top: 64px !important;
}

.c-mt-ss {
	margin-top: 16px !important;
}
@media (width <= 767px) {
	.c-mt-ss {
		margin-top: 8px !important;
	}
}

.c-mt-s {
	margin-top: 24px !important;
}
@media (width <= 767px) {
	.c-mt-s {
		margin-top: 16px !important;
	}
}

.c-mt-m {
	margin-top: 40px !important;
}
@media (width <= 767px) {
	.c-mt-m {
		margin-top: 16px !important;
	}
}

.c-mt-mm {
	margin-top: 40px !important;
}
@media (width <= 767px) {
	.c-mt-mm {
		margin-top: 24px !important;
	}
}

.c-mt-mmm {
	margin-top: 60px !important;
}
@media (width <= 767px) {
	.c-mt-mmm {
		margin-top: 40px !important;
	}
}

.c-mt-l {
	margin-top: 80px !important;
}
@media (width <= 767px) {
	.c-mt-l {
		margin-top: 40px !important;
	}
}

.c-mt-ll {
	margin-top: 80px !important;
}
@media (width <= 767px) {
	.c-mt-ll {
		margin-top: 64px !important;
	}
}

.m-auto {
	margin-inline: auto !important;
}

/* リスト */
.c-list01 > li {
	padding-left: 1em;
	position: relative;
}
.c-list01 > li::before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
.c-list01--notes > li::before {
	content: "※";
}
.c-list01--circle > li::before {
	content: "●";
	font-size: 0.75em;
	top: 0.25em;
}

/* 説明リスト */
.c-dl01 {
	display: grid;
	grid-template-columns: 100px 1fr;
	letter-spacing: 0.05em;
}
.c-dl01__title, .c-dl01__cts {
	padding: 24px 16px;
}
.c-dl01__title {
	border-top: 1px solid var(--color-black);
}
.c-dl01__title:last-of-type {
	border-bottom: 1px solid var(--color-black);
}
.c-dl01__cts {
	border-top: 1px solid var(--color-gray02);
}
.c-dl01__cts:last-of-type {
	border-bottom: 1px solid var(--color-gray02);
}

.c-dl02 {
	display: grid;
	grid-template-columns: 70px 1fr;
	font-size: 14px;
	color: var(--color-gray);
}

.c-dl03 {
	display: grid;
	grid-template-columns: 320px 1fr;
	gap: 2px 0;
}
@media (width <= 960px) {
	.c-dl03 {
		grid-template-columns: 200px 1fr;
	}
}
@media (width <= 767px) {
	.c-dl03 {
		grid-template-columns: 124px 1fr;
	}
}
.c-dl03__title, .c-dl03__text {
	display: flex;
	align-items: center;
	min-height: 72px;
	padding: 20px 40px;
}
@media (width <= 767px) {
	.c-dl03__title, .c-dl03__text {
		min-height: 58px;
		padding: 10px 24px;
	}
}
.c-dl03__title {
	font-size: clamp(0.875rem, 0.792rem + 0.17vw, 1rem);
	background-color: var(--color-bg);
}
.c-dl03__text {
	letter-spacing: 0.05em;
}
.c-dl03--s {
	grid-template-columns: 100px 1fr;
}
.c-dl03--s .c-dl03__title,
.c-dl03--s .c-dl03__text {
	font-size: 14px;
	min-height: 24px;
	padding: 0 14px;
}
.c-dl03--s .c-dl03__title {
	justify-content: center;
	background-color: #D9D9D9;
}
.c-dl03--s .c-dl03__text {
	background-color: #fff;
}
@media (width <= 767px) {
	.c-dl03--spcolmun {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 0;
	}
}
.c-dl03--spcolmun .c-dl03__title,
.c-dl03--spcolmun .c-dl03__text {
	font-size: clamp(0.875rem, 0.792rem + 0.17vw, 1rem);
}
@media (width <= 767px) {
	.c-dl03--spcolmun .c-dl03__title,
	.c-dl03--spcolmun .c-dl03__text {
		padding: 15px 24px;
	}
}

/* カラム */
.c-col3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 80px 90px;
}
@media (width <= 1200px) {
	.c-col3 {
		gap: 80px 40px;
	}
}
@media (width <= 767px) {
	.c-col3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 40px 10px;
	}
}

/* 汎用タイトル */
.c-title-hidden2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.c-title01 {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 20px;
}
.c-title01::before {
	content: "";
	display: block;
	width: 2px;
	height: 1em;
	background-color: var(--color-black);
}

.c-title02 {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-serif);
	font-size: 24px;
	letter-spacing: 0.05em;
}
.c-title02::before {
	content: "";
	display: block;
	width: 4px;
	height: 1.66em;
	background-color: var(--color-gold);
}

.c-title03 {
	font-family: var(--font-serif);
	font-size: clamp(1.375rem, 1.042rem + 0.69vw, 1.875rem);
	text-align: center;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
	line-height: 1.6;
}

.c-title04 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	font-family: var(--font-honoka);
	font-size: clamp(2rem, 1.168rem + 1.73vw, 3.25rem);
	text-align: center;
	letter-spacing: 0.45em;
	text-indent: 0.45em;
}
.c-title04__en {
	font-family: var(--font-warbler);
	font-size: 0.3em;
	letter-spacing: 0.7em;
	text-indent: 0.7em;
	color: var(--color-gold);
	text-transform: uppercase;
}

.c-title05 {
	display: flex;
	flex-direction: column;
	font-family: var(--font-serif);
	font-size: clamp(1.5rem, 1.084rem + 0.87vw, 2.125rem);
	line-height: 2;
	gap: 1.47em;
}
.c-title05__en {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: var(--font-warbler);
	font-size: 0.47em;
	letter-spacing: 0.6em;
}
.c-title05__en::before {
	content: "";
	display: block;
	width: 2.5em;
	height: 1px;
	background-color: var(--color-black);
}
.c-title05--white {
	color: #fff;
}
.c-title05--white .c-title05__en::before {
	background-color: #fff;
}
.c-title05--c {
	align-items: center;
}
.c-title05--c .c-title05__en::after {
	content: "";
	display: block;
	width: 2.5em;
	height: 1px;
	background-color: var(--color-black);
}

.c-title06 {
	font-family: var(--font-serif);
	font-size: clamp(1.25rem, 0.917rem + 0.69vw, 1.75rem);
	text-align: center;
	line-height: 2;
}

.c-title07 {
	display: flex;
	align-items: last baseline;
	justify-content: center;
	gap: 0.26em;
	font-size: clamp(2.25rem, -1.242rem + 7.29vw, 7.5rem);
	color: #fff;
	text-align: center;
	letter-spacing: 0;
}
.c-title07__en01 {
	font-family: var(--font-en);
	font-weight: 500;
}
.c-title07__en02 {
	font-family: var(--font-warbler);
}

.c-title08 {
	font-family: var(--font-serif);
	font-size: clamp(1.125rem, 0.876rem + 0.52vw, 1.5rem);
	line-height: 1.5;
	border-bottom: 1px solid var(--color-gray02);
	padding-bottom: 20px;
}

.c-title09 {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-weight: 300;
	line-height: 1.625;
	letter-spacing: 0;
}
.c-title09__en {
	font-family: var(--font-en);
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
}

/* 汎用テキスト */
.ib {
	display: inline-block;
}

.lb {
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.c-ff-en {
	font-family: var(--font-en) !important;
}

.c-ff-sans {
	font-family: var(--font-sans) !important;
}

.c-ff-serif {
	font-family: var(--font-serif) !important;
}

.c-fz12 {
	font-size: 12px !important;
}

.c-fz13 {
	font-size: 13px !important;
}

.c-fz14 {
	font-size: 14px !important;
}

.c-fz15 {
	font-size: 15px !important;
}

.c-fz16 {
	font-size: 16px !important;
}

.c-fz16-14 {
	font-size: clamp(0.875rem, 0.792rem + 0.17vw, 1rem) !important;
}

.c-fz24-18 {
	font-size: clamp(1.125rem, 0.876rem + 0.52vw, 1.5rem);
}

.c-color-white {
	color: #fff;
}

.c-color-red {
	color: var(--color-red);
}

.c-color-gray {
	color: var(--color-gray);
}

.c-color-gray02 {
	color: var(--color-gray02);
}

.c-color-gold {
	color: var(--color-gold);
}

.c-text-j {
	text-align: justify !important;
}

.c-text-r {
	text-align: right !important;
}

.c-text-c {
	text-align: center !important;
}

.c-text-c-j {
	text-align: center !important;
}
@media (width <= 767px) {
	.c-text-c-j {
		text-align: justify !important;
	}
}

.c-fw-l {
	font-weight: 300 !important;
}

.c-fw-mm {
	font-weight: 600 !important;
}

.c-fw-b {
	font-weight: bold !important;
}

/* 汎用ボタン */
.c-btn01 {
	--color: #fff;
	display: flex;
	align-items: center;
	font-family: var(--font-en);
	font-size: 13px;
	color: var(--color);
	gap: 0.5em;
	width: fit-content;
	background: linear-gradient(var(--color), var(--color)) bottom right/0 1px no-repeat;
	transition: background-size 0.3s;
}
.c-btn01::after {
	content: "";
	display: block;
	width: 8px;
	aspect-ratio: 1;
	background: url(../img/common/icon_arrow01.svg) center/contain;
	transition: 0.2s ease-out;
}
@media (any-hover: hover) {
	.c-btn01:hover {
		background-size: 100% 1px;
		background-position: bottom left;
	}
	.c-btn01:hover::after {
		translate: 5px 0;
	}
}
.c-btn01--red {
	--color: var(--color-red);
}
.c-btn01--red::after {
	filter: brightness(0) saturate(100%) invert(9%) sepia(92%) saturate(5663%) hue-rotate(22deg) brightness(96%) contrast(109%);
}
.c-btn01--gold {
	--color: var(--color-gold);
}
.c-btn01--gold::after {
	filter: brightness(0) saturate(100%) invert(52%) sepia(49%) saturate(473%) hue-rotate(2deg) brightness(101%) contrast(82%);
}
.c-btn01--black {
	--color: var(--color-black);
}
.c-btn01--black::after {
	filter: brightness(0) saturate(100%) invert(4%) sepia(9%) saturate(7%) hue-rotate(347deg) brightness(86%) contrast(86%);
}

.c-btn02 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5em;
	font-family: var(--font-serif);
	font-size: 14px;
	line-height: 2;
	width: min(100%, 180px);
	background: linear-gradient(var(--color-black), var(--color-black)) bottom left/100% 1px no-repeat;
	transition: background-size 0.3s;
	padding-bottom: 16px;
	position: relative;
}
.c-btn02::after {
	content: "";
	display: block;
	width: 8px;
	aspect-ratio: 1;
	background: url(../img/common/icon_arrow01.svg) center/contain;
	filter: var(--filter-black);
	transition: translate 0.2s ease-out;
}
@media (any-hover: hover) {
	.c-btn02:hover {
		background-position: bottom right;
		background-size: 0 1px;
	}
	.c-btn02:hover::after {
		translate: 5px 0;
	}
}
.c-btn02--right {
	margin-left: auto;
}
.c-btn02--external {
	gap: 25px;
}
.c-btn02--external::after {
	rotate: -45deg;
}
@media (any-hover: hover) {
	.c-btn02--external:hover::after {
		translate: 5px -5px;
	}
}

.c-btn03 {
	display: flex;
	align-items: center;
	font-family: var(--font-en);
	font-size: clamp(1.125rem, 0.876rem + 0.52vw, 1.5rem);
	font-weight: 500;
	min-height: 160px;
	border: 1px solid var(--color-gray02);
	padding: 10px 60px;
	position: relative;
}
@media (width <= 767px) {
	.c-btn03 {
		min-height: 80px;
		padding-inline: 30px;
	}
}
.c-btn03::after {
	content: "";
	display: block;
	width: 7px;
	aspect-ratio: 1;
	background: url(../img/common/icon_arrow02.svg) center/contain no-repeat;
	position: absolute;
	inset: auto 20px 20px auto;
	transition: translate 0.2s ease-out;
}
@media (any-hover: hover) {
	.c-btn03:hover {
		color: var(--color-red);
	}
	.c-btn03:hover::after {
		translate: 5px -5px;
	}
}

/* フェードイン */
.c-feed {
	transform: translate(0, 100px);
	opacity: 0;
	transition: opacity 1s, transform 1s;
}
.c-feed.animated {
	transform: translate(0, 0);
	opacity: 1;
}

/* ホバー */
.c-hover01 figure {
	overflow: hidden;
}
.c-hover01 figure img {
	transition: scale 0.5s ease-out;
}
@media (any-hover: hover) {
	.c-hover01:hover img {
		scale: 1.1;
	}
}

@media (any-hover: hover) {
	.c-hover02:hover {
		opacity: 0.7;
	}
}

.c-hover03 {
	position: relative;
}
.c-hover03::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--color-black);
	transition: all 0.3s;
	transform: scale(0, 1);
	transform-origin: left bottom;
}
@media (any-hover: hover) {
	.c-hover03:hover::after {
		transform: scale(1, 1);
	}
}

/* youtube */
.c-youtube {
	aspect-ratio: 16/9;
}
.c-youtube > * {
	width: 100%;
	height: 100%;
}

/* 共通 */
.firststep {
	padding-top: 100px;
}
.firststep__title {
	display: flex;
	align-items: last baseline;
	flex-wrap: wrap;
	gap: 5px 25px;
	padding-inline: 80px;
}
@media (width <= 767px) {
	.firststep__title {
		padding-inline: 24px;
	}
}
.firststep__title img {
	width: 100%;
	max-width: max-content;
}
@media (width <= 767px) {
	.firststep__title img {
		max-width: 235px;
	}
}
.firststep__title-en {
	font-family: var(--font-en);
	font-size: clamp(3.125rem, 0.215rem + 6.07vw, 7.5rem);
	font-weight: 500;
	line-height: 1;
}
.firststep__title-ja {
	font-family: var(--font-honoka);
	font-size: clamp(1rem, 0.667rem + 0.69vw, 1.5rem);
}
.firststep__list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 60px;
}
@media (width > 1200px) and (any-hover: hover) {
	.firststep__list:has(.firststep__list-link:hover) .firststep__list-item:not(:has(.firststep__list-link:hover)) {
		flex: 0 0 120px;
	}
	.firststep__list:has(.firststep__list-link:hover) .firststep__list-item:not(:has(.firststep__list-link:hover)) .firststep__list-box {
		display: none;
	}
}
@media (width <= 767px) {
	.firststep__list {
		margin-top: 40px;
	}
}
.firststep__list-item {
	flex: 1;
	transition: flex 0.4s ease;
}
@media (width <= 1200px) {
	.firststep__list-item {
		flex: 0 1 auto;
		width: 50%;
	}
}
@media (width <= 767px) {
	.firststep__list-item {
		width: 100%;
	}
}
.firststep__list-link {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 900px;
	padding: 40px;
	position: relative;
	overflow: hidden;
}
@media (width <= 767px) {
	.firststep__list-link {
		height: 640px;
		padding-inline: 24px;
	}
}
.firststep__list-title {
	display: flex;
	align-items: center;
	gap: 24px;
	font-size: 24px;
	color: #fff;
	writing-mode: vertical-rl;
	line-height: 1;
	position: absolute;
	inset: 40px 40px auto auto;
}
@media (width <= 767px) {
	.firststep__list-title {
		right: 24px;
	}
}
.firststep__list-title-en {
	font-family: var(--font-en);
}
.firststep__list-title-ja {
	font-family: var(--font-honoka);
}
.firststep__list-box {
	display: flex;
	flex-direction: column;
	gap: 25px;
}
.firststep__list-subtitle {
	font-family: var(--font-honoka);
	font-size: 24px;
	color: #fff;
	line-height: 1.66;
}
.firststep__list-text {
	font-size: 14px;
	color: #fff;
}
.firststep__list-more {
	margin: auto 0 0 auto;
}
.firststep__list-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0 auto auto 0;
	z-index: -1;
}
.firststep__list-bg img {
	height: 100%;
	object-fit: cover;
}

/* 下層ヘッダー */
.l-fv__inner {
	border-bottom: 1px solid rgb(from var(--color-gray02) r g b/0.3);
	padding: 250px 30px 70px;
}
@media (width <= 767px) {
	.l-fv__inner {
		padding-block: 140px 40px;
	}
}
.l-fv__title {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	font-family: var(--font-en);
	font-size: clamp(1.875rem, -0.703rem + 5.38vw, 5.75rem);
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.4em;
	text-indent: 0.4em;
}
.l-fv__title-ja {
	font-family: var(--font-serif);
	font-size: clamp(0.875rem, 0.709rem + 0.35vw, 1.125rem);
	line-height: 1.33;
	letter-spacing: 0.3em;
	text-indent: 0.3em;
}
.l-fv__bread {
	display: flex;
	align-items: center;
	font-family: var(--font-en);
	width: min(100%, 1160px);
	padding: 20px 30px;
	margin-inline: auto;
}
@media (width <= 767px) {
	.l-fv__bread {
		flex-wrap: wrap;
		padding: 10px 30px;
	}
}
.l-fv__bread-item {
	display: flex;
	align-items: center;
	font-size: 14px;
}
.l-fv__bread-item:not(:first-child)::before {
	content: " ＞ ";
	display: block;
	padding-inline: 0.2em;
}

/* カテゴリーデザイン */
.c-cat-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
}
.c-cat-list__link {
	display: flex;
	align-items: center;
	font-size: 18px;
	line-height: 1;
	background-color: var(--color-bg);
	border-radius: 2px;
	padding: 0.3em 8px;
}
.c-cat-list__link--current {
	color: #fff;
	background-color: var(--color-black);
}
.c-cat-list__link--new {
	color: #fff;
	background-color: var(--color-gold);
}

/* wpコンテンツ内 */
.c-single-cts {
	font-family: var(--font-sans);
	line-height: 2;
	overflow-wrap: anywhere;
}

.c-single-cts > * + * {
	margin-top: 1.75em;
}

.c-single-cts :where(h1, h2, h3, h4, h5, h6) {
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: 0.04em;
	margin-block: 2.5em 1em;
}

.c-single-cts :where(h1, h2) {
	font-size: clamp(22px, 2.5vw, 30px);
	padding: 0.5em 0 0.5em 0.8em;
	border-left: 3px solid var(--color-gold);
}

.c-single-cts h3 {
	font-size: clamp(20px, 2vw, 24px);
	padding-bottom: 0.6em;
	border-bottom: 1px solid var(--color-gold);
}

.c-single-cts h4 {
	font-size: 19px;
	padding: 0.65em 1em;
	background: var(--color-bg);
}

.c-single-cts :where(h5, h6) {
	font-size: 17px;
}

.c-single-cts > :first-child {
	margin-top: 0;
}

.c-single-cts :where(h1, h2, h3, h4, h5, h6) + * {
	margin-top: 1em;
}

.c-single-cts :where(ul, ol) {
	padding-left: 1.6em;
}

.c-single-cts ul {
	list-style: disc;
}

.c-single-cts ol {
	list-style: decimal;
}

.c-single-cts li + li {
	margin-top: 0.5em;
}

.c-single-cts li::marker {
	color: var(--color-gold);
}

.c-single-cts li :where(ul, ol) {
	margin-top: 0.5em;
}

.c-single-cts :where(p, li, td, th) > a {
	text-decoration: underline;
	text-underline-offset: 0.25em;
	text-decoration-color: var(--color-gold);
}

.c-single-cts blockquote {
	margin-inline: 0;
	padding: 1.25em 1.5em;
	border-left: 3px solid var(--color-gold);
	background: var(--color-bg);
}

.c-single-cts blockquote cite {
	display: block;
	margin-top: 0.75em;
	font-size: 14px;
}

.c-single-cts table {
	width: 100%;
	border-collapse: collapse;
}

.c-single-cts :where(th, td) {
	padding: 0.9em 1em;
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
}

.c-single-cts th {
	background: var(--color-bg);
	font-weight: 600;
}

.c-single-cts .wp-block-table {
	overflow-x: auto;
}

.c-single-cts img {
	max-width: 100%;
	height: auto;
}

.c-single-cts figcaption {
	margin-top: 0.75em;
	font-size: 13px;
	color: var(--color-gray);
	text-align: center;
}

.c-single-cts hr {
	border: 0;
	border-top: 1px solid #ddd;
	margin-block: 3em;
}

.c-single-cts pre {
	padding: 1em;
	background: var(--color-bg);
	overflow-x: auto;
}

@media (width <= 767px) {
	.c-single-cts :where(th, td) {
		padding: 0.65em;
	}
	.c-single-cts blockquote {
		padding: 1em;
	}
}
/* 一覧ページネーション */
.nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 80px;
}
@media (width <= 767px) {
	.nav-links {
		margin-top: 40px;
	}
}
.nav-links > * {
	display: grid;
	place-items: center;
	font-size: 14px;
	width: 40px;
	height: 56px;
	position: relative;
}
.nav-links > *.current {
	background-color: var(--color-bg);
}
.nav-links > *.prev::before, .nav-links > *.next::before {
	content: "＞";
}
.nav-links > *.prev {
	scale: -1 1;
}
@media (any-hover: hover) {
	.nav-links a:hover {
		background-color: var(--color-bg);
	}
}

/* 詳細ページ */
.c-pn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 80px;
}
.c-pn__btn, .c-pn__prev, .c-pn__next {
	display: flex;
	align-items: center;
	gap: 0.5em;
	line-height: 1;
	min-height: 36px;
}
.c-pn__btn {
	color: #fff;
	width: fit-content;
	background-color: var(--color-black);
	border: 1px solid var(--color-black);
	padding-inline: 24px;
}
@media (any-hover: hover) {
	.c-pn__btn:hover {
		color: var(--color-black);
		background-color: #fff;
	}
}
.c-pn__list {
	display: flex;
	gap: 2em;
}
.c-pn__item {
	position: relative;
}
.c-pn__item + *::before {
	content: "";
	width: 1px;
	height: 1em;
	background-color: var(--color-black);
	position: absolute;
	inset: 50% auto auto -1em;
	translate: 0 -50%;
}
.c-pn__prev::after, .c-pn__next::after {
	content: "＞";
	transition: translate 0.2s ease-out;
}
@media (any-hover: hover) {
	.c-pn__prev:hover::after, .c-pn__next:hover::after {
		translate: 5px 0;
	}
}
.c-pn__prev {
	flex-direction: row-reverse;
}
.c-pn__prev::after {
	scale: -1 1;
}
@media (any-hover: hover) {
	.c-pn__prev:hover::after {
		translate: -5px 0;
	}
}
.c-pn--jcfs {
	justify-content: flex-start;
}
@media (width <= 767px) {
	.c-pn--jcfs {
		justify-content: space-between;
	}
}
.c-pn--bt {
	border-top: 1px solid var(--color-gray);
	padding-top: 40px;
}
@media (width <= 767px) {
	.c-pn--bt {
		margin-top: 64px;
	}
}

/* swiper関連 */
.c-swiper-nav {
	width: 60px;
	aspect-ratio: 1;
	background-color: var(--color-black);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	z-index: 1;
	translate: 0 -50%;
	cursor: pointer;
}
@media (width <= 767px) {
	.c-swiper-nav {
		width: 30px;
	}
}
.c-swiper-nav::before {
	content: "";
	display: block;
	width: 15%;
	aspect-ratio: 9/10;
	background-color: #fff;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	position: absolute;
	inset: 50% auto auto 50%;
	translate: -50% -50%;
}
.c-swiper-nav--prev {
	left: 0;
	scale: -1 1;
}
.c-swiper-nav--next {
	right: 0;
}

.c-swiper-prev,
.c-swiper-next {
	display: grid;
	place-items: center;
	width: 24px;
	aspect-ratio: 1;
	border: 1px solid var(--color-gray02);
	position: relative;
}
.c-swiper-prev::before,
.c-swiper-next::before {
	content: "";
	display: block;
	width: 10px;
	aspect-ratio: 1;
	background: url(../img/common/icon_arrow01.svg) center/contain no-repeat;
	filter: brightness(0) saturate(100%) invert(81%) sepia(11%) saturate(16%) hue-rotate(338deg) brightness(80%) contrast(84%);
}

.c-swiper-prev {
	scale: -1 1;
}

/* 下層バナー */
.c-bnr01 {
	display: grid;
	place-items: center;
	height: 240px;
	margin-top: 56px;
	padding: 20px;
	position: relative;
}
.c-bnr01 .c-btn02 {
	font-size: 16px;
	color: #fff;
	width: min(100%, 105px);
	background-image: linear-gradient(#fff, #fff);
	padding-bottom: 10px;
	position: absolute;
	inset: auto 20px 20px auto;
	z-index: 1;
}
.c-bnr01 .c-btn02::after {
	filter: brightness(0) invert(1);
}
.c-bnr01__text {
	font-family: var(--font-serif);
	font-size: clamp(1rem, 0.834rem + 0.35vw, 1.25rem);
	font-weight: 500;
	color: #fff;
	text-align: center;
	position: relative;
	z-index: 1;
}
.c-bnr01__img {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0 auto auto 0;
}
.c-bnr01__img img {
	height: 100%;
	object-fit: cover;
}
@media (any-hover: hover) {
	.c-bnr01:hover .c-btn02 {
		background-position: bottom right;
		background-size: 0 1px;
	}
	.c-bnr01:hover .c-btn02::after {
		translate: 5px 0;
	}
}

/* 横幅フル画像 */
.c-img01 {
	height: 680px;
}
@media (width <= 767px) {
	.c-img01 {
		height: 350px;
	}
}
.c-img01 img {
	height: 100%;
	object-fit: cover;
}

/* ボタングループ */
.c-btngroup01 {
	padding-block: 160px 140px;
}
@media (width <= 767px) {
	.c-btngroup01 {
		padding-block: 70px 0;
	}
}
.c-btngroup01__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (width <= 767px) {
	.c-btngroup01__list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.c-btngroup01__list--col3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (width <= 767px) {
	.c-btngroup01__list--col3 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.c-btngroup01__item:not(:first-child) {
	margin-left: -1px;
}
@media (width <= 767px) {
	.c-btngroup01__item:not(:first-child) {
		margin: -1px 0 0 0;
	}
}

.header {
	position: relative;
	z-index: 100;
}
.header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-right: 40px;
	position: absolute;
	inset: 0 auto auto 0;
}
@media (width <= 767px) {
	.header__inner {
		padding-right: 16px;
	}
}
.header__inner--relative {
	position: relative;
}
.header__inner--sticky {
	position: fixed;
	inset: 0 auto auto 0;
	translate: 0 -100%;
	transition: translate 0.3s ease;
}
.header__inner--sticky.is-show {
	translate: 0 0;
}
@media (width <= 767px) {
	.header__inner--sticky .header__btn {
		display: none;
	}
}
.header__inner--top {
	justify-content: flex-end;
}
.header__logo {
	display: grid;
	place-items: center;
	height: 100px;
	background-color: #fff;
	padding-inline: 40px;
}
@media (width <= 767px) {
	.header__logo {
		height: 60px;
		background-color: transparent;
		padding-inline: 16px;
	}
}
.header__logo-link {
	width: min(100%, 94px);
}
.header__box {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 40px;
	width: min(100%, 538px);
}
.header__btn {
	display: flex;
	gap: 8px;
	width: min(100%, 438px);
}
@media (width <= 767px) {
	.header__btn {
		width: 100%;
		padding-inline: 24px;
		position: fixed;
		inset: auto auto 24px 0;
	}
}
.header__btn-item {
	width: min(100%, 215px);
}
@media (width <= 767px) {
	.header__btn-item {
		flex: 1;
		width: 100%;
	}
}
.header__btn-btn {
	--color: var(--color-gold);
	display: grid;
	place-items: center;
	font-family: var(--font-serif);
	font-size: clamp(0.625rem, -0.469rem + 5vw, 0.75rem);
	color: #fff;
	width: 100%;
	min-height: 30px;
	border: 1px solid var(--color);
	background-color: var(--color);
	border-radius: calc(infinity * 1px);
}
@media (any-hover: hover) {
	.header__btn-btn:hover {
		color: var(--color);
		background-color: #fff;
	}
}
.header__btn-btn--red {
	--color: var(--color-red);
}

.hum__icon {
	font-size: 0;
	width: 60px;
	aspect-ratio: 1;
	position: relative;
	z-index: 100;
	cursor: pointer;
	/*ボタン内側*/
}
@media (width <= 767px) {
	.hum__icon {
		width: 40px;
	}
}
.hum__icon span {
	font-size: 0;
}
.hum__icon::before, .hum__icon::after {
	display: block;
	background: var(--color-black);
	height: 1px;
	width: 100%;
	transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
	position: absolute;
	transform: translate(-50%, 0);
}
.hum__icon::before {
	content: "";
	inset: calc(50% - 3px) auto auto 50%;
}
.hum__icon::after {
	content: "";
	inset: calc(50% + 3px) auto auto 50%;
}
.hum__icon--active::before {
	background-color: #fff;
	inset: 50% auto auto 50%;
	transform: translate(-50%, -50%) rotate(-5.5deg);
}
.hum__icon--active::after {
	background-color: #fff;
	inset: 50% auto auto 50%;
	transform: translate(-50%, -50%) rotate(5.5deg);
}
.hum__menu {
	background-color: #232323;
	width: min(100%, 620px);
	height: calc(100vh - 32px);
	padding: 24px 40px 20px;
	position: fixed;
	inset: 50% 16px auto auto;
	z-index: 200;
	translate: calc(100% + 16px) -50%;
	transition: translate 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
	overflow: auto;
}
@media (width <= 767px) {
	.hum__menu {
		width: 100vw;
		height: 100vh;
		padding: 24px 16px;
		inset: 0 0 auto auto;
		translate: 100% 0;
	}
}
.hum__menu--active {
	translate: 0 -50%;
}
@media (width <= 767px) {
	.hum__menu--active {
		translate: 0 0;
	}
}
.hum__menu .hum__icon {
	height: 30px;
	position: absolute;
	inset: 24px 36px auto auto;
}
@media (width <= 767px) {
	.hum__menu .header__btn {
		padding-inline: 8px;
		margin-top: 40px;
		position: relative;
		inset: auto;
	}
}
@media (width <= 767px) {
	.hum__menu .header__btn-item {
		width: calc((100% - 8px) / 2);
	}
}
.hum__menu .footer__menu {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-top: 55px;
}
@media (width <= 767px) {
	.hum__menu .footer__menu {
		gap: 55px;
		margin-top: 80px;
	}
}
.hum__menu .footer__menu-title {
	border-bottom: 1px solid var(--color-gray);
	padding-bottom: 16px;
}
.hum__menu .footer__menu-list {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
@media (width <= 767px) {
	.hum__menu .footer__menu-list {
		flex-direction: column;
	}
}
.hum__menu .footer__box {
	display: flex;
	gap: 24px;
	margin-top: 40px;
}
@media (width <= 767px) {
	.hum__menu .footer__box {
		flex-direction: column;
		padding-inline: 8px;
		margin-top: 140px;
	}
}
.hum__menu .footer__info {
	margin-top: 0;
}
.hum__menu .footer__sns {
	margin-top: 30px;
}
@media (width <= 767px) {
	.hum__menu .footer__sns {
		padding-inline: 8px;
		margin-top: 55px;
	}
}
.hum__menu-logo {
	display: none;
}
@media (width <= 767px) {
	.hum__menu-logo {
		display: block;
		width: min(100%, 94px);
	}
}

.footer__wrapper {
	background-color: #191715;
	padding: 100px 80px;
}
@media (width <= 767px) {
	.footer__wrapper {
		padding: 100px 24px 140px;
	}
}
.footer__inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 60px;
}
.footer__logo {
	width: min(100%, 130px);
}
.footer__info {
	font-size: 14px;
	color: #fff;
	margin-top: 24px;
}
.footer__hour {
	font-size: 14px;
	color: #fff;
	margin-top: 16px;
}
.footer__sns {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 40px;
	margin-top: 80px;
}
@media (width <= 767px) {
	.footer__sns {
		margin-top: 50px;
	}
}
.footer__sns-link {
	display: flex;
	align-items: center;
	gap: 16px;
	font-family: var(--font-en);
	color: #fff;
}
.footer__sns-link::before {
	content: "";
	display: block;
	width: 30px;
	aspect-ratio: 1;
	background: center/contain no-repeat;
}
@media (any-hover: hover) {
	.footer__sns-link:hover {
		color: var(--color-red);
	}
}
.footer__sns-link--instagram::before {
	background-image: url(../img/common/icon_instagram01.svg);
}
.footer__sns-link--pinterest::before {
	background-image: url(../img/common/icon_pintarest01.svg);
}
.footer__menu {
	display: flex;
	gap: 80px;
	font-family: var(--font-en);
	color: #fff;
}
@media (width <= 767px) {
	.footer__menu {
		display: none;
	}
}
.footer__menu-title {
	font-size: 20px;
}
.footer__menu-cts {
	margin-top: 16px;
}
.footer__menu-list-link {
	font-size: 14px;
	line-height: 2.1;
}
@media (any-hover: hover) {
	.footer__menu-list-link:hover {
		color: var(--color-red);
	}
}
.footer__pagetop {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-family: var(--font-en);
	font-size: 13px;
	color: #fff;
	gap: 0.5em;
	margin-top: 40px;
}
.footer__pagetop::after {
	content: "";
	display: block;
	width: 8px;
	aspect-ratio: 1;
	background: url(../img/common/icon_arrow01.svg) center/contain;
	rotate: -90deg;
}
@media (any-hover: hover) {
	.footer__pagetop:hover {
		color: var(--color-red);
	}
}
.footer__copy {
	font-size: clamp(0.625rem, 0.542rem + 0.17vw, 0.75rem);
	text-align: right;
	color: #A1A1A1;
	margin-top: 70px;
}
@media (width <= 767px) {
	.footer__copy {
		text-align: justify;
		margin-top: 140px;
	}
}

.t-fv {
	position: relative;
}
.t-fv__title {
	width: min(100%, 120px);
	position: absolute;
	inset: 50% auto auto 40px;
	translate: 0 -50%;
	z-index: 10;
}
@media (width <= 767px) {
	.t-fv__title {
		inset: auto auto 0 50%;
		translate: -50% 50%;
	}
}
.t-fv__catch {
	width: min(100%, 290px);
	position: absolute;
	inset: 50% auto auto 50%;
	translate: -50% -50%;
	z-index: 10;
}
.t-fv__slide.swiper {
	width: 100vw;
	height: 100dvh;
}
.t-fv__slide-item img {
	height: 100%;
	object-fit: cover;
}

.t__box {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
}
@media (width <= 767px) {
	.t__box {
		display: contents;
	}
}
.t__box--jc-fs {
	justify-content: flex-start;
}
@media (width <= 767px) {
	.t__box .c-btn01,
	.t__box .c-btn02 {
		order: 1;
		margin: 64px 0 0 auto;
	}
}

.t-event {
	padding-block: 180px;
}
@media (width <= 767px) {
	.t-event {
		padding-bottom: 140px;
	}
}
.t-event__inner {
	display: flex;
	flex-direction: column;
	width: min(100%, 1300px);
}
@media (width <= 960px) {
	.t-event__slide.swiper {
		align-self: center;
		width: 100vw;
		margin: 0;
	}
}
@media (width > 960px) {
	.t-event__slide-list.swiper-wrapper {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 40px;
	}
}
@media (width > 1200px) {
	.t-event__slide-list.swiper-wrapper {
		gap: 80px;
	}
}
@media (width > 960px) {
	.t-event__slide-item .event__title {
		min-height: 3.3em;
	}
}

.t-life__img {
	height: 640px;
	overflow: hidden;
}
@media (width <= 767px) {
	.t-life__img {
		height: 320px;
	}
}
.t-life__img img {
	height: 100%;
	object-fit: cover;
}
.t-life__inner {
	padding-block: 190px 240px;
}
@media (width <= 767px) {
	.t-life__inner {
		padding-block: 80px 140px;
	}
}
.t-life__inner .concept-fv__title {
	width: min(100%, 1280px);
	padding-inline: 20px;
}
.t-life__title .c-title07,
.t-life__title .concept-fv__title-ja {
	color: var(--color-black);
}
@media (width <= 767px) {
	.t-life__title .c-title07 {
		font-size: min(17.78vw, 80px);
		line-height: 1;
		flex-direction: column;
		align-items: center;
		gap: 0;
		letter-spacing: 0;
	}
}
.t-life__title .concept-fv__title-ja::before {
	background-color: var(--color-black);
}
.t-life__textloop-wrap {
	padding-block: 160px;
	overflow: hidden;
}
@media (width <= 767px) {
	.t-life__textloop-wrap {
		padding-block: 80px 64px;
	}
}
.t-life__textloop {
	display: flex;
	width: max-content;
}
.t-life__textloop-list {
	display: flex;
	flex-shrink: 0;
	gap: 400px;
	padding-right: 400px;
	white-space: nowrap;
}
@media (width <= 767px) {
	.t-life__textloop-list {
		font-size: 8px;
		gap: 80px;
	}
}
.t-life__textbox {
	font-family: var(--font-honoka);
	width: min(100%, 650px);
}
.t-life__textbox .c-btn02 {
	width: fit-content;
	margin-top: 120px;
}
@media (width <= 767px) {
	.t-life__textbox .c-btn02 {
		margin-top: 64px;
	}
}
.t-life__text {
	line-height: 2.375;
}
.t-life__text + .t-life__text {
	margin-top: 64px;
}
@media (width <= 767px) {
	.t-life__text + .t-life__text {
		margin-top: 40px;
	}
}

@keyframes marquee-scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}
.t-works .c-title09 {
	gap: 30px;
}
.t-works .c-title09__en {
	font-size: clamp(1.5rem, 0.835rem + 1.39vw, 2.5rem);
}
.t-works .works__list {
	border-top: 1px solid #fff;
	padding: 64px 0 0;
	margin-top: 64px;
}
@media (width <= 960px) {
	.t-works .works__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 40px 15px;
	}
}
@media (width <= 767px) {
	.t-works .works__list {
		padding-top: 40px;
		margin-top: 32px;
	}
}
.t-works .works__list-title {
	color: #fff;
}
.t-works__inner {
	display: flex;
	flex-direction: column;
	width: min(100%, 1920px);
	padding-inline: 80px;
}
@media (width <= 767px) {
	.t-works__inner {
		padding-inline: 24px;
	}
}
@media (width <= 767px) {
	.t-works__inner .c-btn01 {
		margin-top: 40px;
	}
}

.t-voice {
	background: url(../img/home/voice_bg_pc.webp) center/cover no-repeat;
	padding-block: 140px;
	position: relative;
}
@media (width <= 767px) {
	.t-voice {
		padding-block: 80px;
	}
}
.t-voice__wrapper {
	width: min(100%, 1600px);
	position: relative;
	z-index: 1;
}
.t-voice__inner {
	display: flex;
	align-items: center;
	gap: 40px 0;
	width: min(100%, 1440px);
	margin-left: auto;
}
@media (width <= 767px) {
	.t-voice__inner {
		flex-direction: column-reverse;
	}
}
.t-voice__box {
	width: min(100%, 400px);
}
.t-voice__text {
	color: #fff;
	margin-top: 64px;
}
@media (width <= 767px) {
	.t-voice__text {
		margin-top: 40px;
	}
}
.t-voice__imgbox {
	width: min(100%, 1040px);
	aspect-ratio: 1040/720;
	position: relative;
}
@media (width <= 767px) {
	.t-voice__imgbox {
		width: calc(100% - 20px);
		aspect-ratio: 346/500;
	}
}
.t-voice__imgbox img {
	position: absolute;
}
.t-voice__imgbox.animated > * {
	transform: translate(0, 0);
	opacity: 1;
}
.t-voice__img01, .t-voice__img02, .t-voice__img03 {
	transform: translate(0, 100px);
	opacity: 0;
	transition: opacity 1s, transform 1s;
}
.t-voice__img01 {
	width: 53.85%;
	inset: 11.11% auto auto 15.38%;
}
@media (width <= 767px) {
	.t-voice__img01 {
		width: 80.92%;
		inset: auto auto 0 50%;
		translate: -50% 0;
	}
}
.t-voice__img02 {
	width: 23.08%;
	inset: 0 auto auto 0;
	transition-delay: 0.1s;
}
@media (width <= 767px) {
	.t-voice__img02 {
		width: 34.68%;
		inset: 30% auto auto 0;
	}
}
.t-voice__img03 {
	width: 23.08%;
	inset: auto 0 0 auto;
	transition-delay: 0.2s;
}
@media (width <= 767px) {
	.t-voice__img03 {
		width: 34.68%;
		inset: 0 0 auto auto;
	}
}
.t-voice__bg {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0 auto auto 0;
}
.t-voice__bg img {
	height: 100%;
	object-fit: cover;
}
.t-voice__bg .simpleParallax {
	width: 100%;
	height: 100%;
}

.t-movie {
	padding: 0 80px;
	margin-top: 160px;
}
@media (width <= 767px) {
	.t-movie {
		padding: 0 8px;
		margin-top: 80px;
	}
}
.t-movie__inner {
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--color-gray02);
	padding: 120px 160px 0;
}
@media (max-width: 1500px) {
	.t-movie__inner {
		padding-inline: 40px;
	}
}
@media (width <= 767px) {
	.t-movie__inner {
		border: 1px solid var(--color-gray02);
		padding: 64px 40px;
	}
}
.t-movie__inner .c-btn02 {
	width: fit-content;
}
@media (width <= 767px) {
	.t-movie__inner .c-btn02 {
		margin: 40px 0 0;
	}
}
.t-movie__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px 90px;
}
@media (width <= 1200px) {
	.t-movie__list {
		column-gap: 40px;
	}
}
@media (width <= 960px) {
	.t-movie__list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.t-movie__list-link {
	display: block;
}
.t-movie__list-link figure {
	aspect-ratio: 16/9;
	overflow: hidden;
}
.t-movie__list-link img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.t-sns {
	padding: 0 80px 60px;
	margin-top: 160px;
}
@media (width <= 767px) {
	.t-sns {
		padding: 0 24px;
		margin-top: 80px;
	}
}
.t-sns__inner {
	border-top: 1px solid var(--color-gray02);
	padding: 120px 160px 0;
}
@media (max-width: 1500px) {
	.t-sns__inner {
		padding-inline: 40px;
	}
}
@media (width <= 767px) {
	.t-sns__inner {
		border-top: 0;
		padding: 0;
	}
}
.t-sns .footer__sns {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
}
@media (width <= 960px) {
	.t-sns .footer__sns {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.t-sns .footer__sns-item + .footer__sns-item {
	margin-left: -1px;
}
@media (width <= 960px) {
	.t-sns .footer__sns-item + .footer__sns-item {
		margin: -1px 0 0;
	}
}
.t-sns .footer__sns-link {
	color: var(--color-black);
	min-height: 160px;
	border: 1px solid var(--color-gray02);
	padding: 20px 64px;
	position: relative;
}
@media (width <= 960px) {
	.t-sns .footer__sns-link {
		min-height: 110px;
		padding-inline: 40px;
	}
}
.t-sns .footer__sns-link::after {
	content: "";
	display: block;
	width: 8px;
	aspect-ratio: 1;
	background: url(../img/common/icon_arrow02.svg) center/contain no-repeat;
	position: absolute;
	inset: auto 20px 20px auto;
	transition: 0.2s ease-out;
}
@media (any-hover: hover) {
	.t-sns .footer__sns-link:hover {
		background-color: #F0F0F0;
	}
	.t-sns .footer__sns-link:hover::after {
		translate: 5px -5px;
	}
}

.t-land {
	padding-block: 160px;
}
@media (width <= 767px) {
	.t-land {
		padding-block: 140px;
	}
}
.t-land__inner {
	display: flex;
	flex-direction: column;
	width: min(100%, 1440px);
}
.t-land__inner .c-btn02 {
	width: fit-content;
}
@media (width <= 767px) {
	.t-land__inner .c-btn02 {
		margin: 40px 0 0;
	}
}
@media (width <= 960px) {
	.t-land__slide.swiper {
		align-self: center;
		width: 100vw;
		margin: 0;
	}
}
@media (width > 960px) {
	.t-land__slide-list.swiper-wrapper {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 40px;
	}
}
@media (width > 1200px) {
	.t-land__slide-list.swiper-wrapper {
		gap: 90px;
	}
}

.t-topics {
	padding-inline: 80px;
}
@media (width <= 767px) {
	.t-topics {
		padding-inline: 24px;
	}
}
.t-topics__inner {
	display: flex;
	align-items: flex-end;
	gap: 80px 200px;
}
@media (max-width: 1500px) {
	.t-topics__inner {
		column-gap: 80px;
	}
}
@media (width <= 960px) {
	.t-topics__inner {
		flex-direction: column;
	}
}
.t-topics__img {
	flex: 1;
	margin-left: calc(-50vw + 50%);
}
@media (width <= 960px) {
	.t-topics__img {
		flex: 0 1 auto;
		align-self: center;
		width: 100vw;
		height: 320px;
		margin-left: 0;
	}
	.t-topics__img img {
		height: 100%;
		object-fit: cover;
	}
}
.t-topics__box {
	width: 1000px;
}
@media (max-width: 1500px) {
	.t-topics__box {
		width: 600px;
	}
}
@media (width <= 960px) {
	.t-topics__box {
		width: 100%;
	}
}
.t-topics__box .c-btn01 {
	margin-left: auto;
}

.t-guide {
	padding-top: 240px;
}
@media (width <= 767px) {
	.t-guide {
		padding-top: 140px;
	}
}
.t-guide__inner {
	width: min(100%, 1240px);
}
.t-guide__inner .company-btn__list {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px 80px;
}
@media (width <= 1200px) {
	.t-guide__inner .company-btn__list {
		column-gap: 40px;
	}
}
@media (width <= 960px) {
	.t-guide__inner .company-btn__list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.t-guide__inner .company-btn__list-btn {
	height: 160px;
}
.t-guide__logo {
	width: min(100%, 125px);
}
.t-guide__map {
	height: 560px;
	filter: grayscale(100%);
	margin-top: 160px;
}
@media (width <= 767px) {
	.t-guide__map {
		height: 400px;
		margin-top: 80px;
	}
}
.t-guide__map iframe {
	width: 100%;
	height: 100%;
}

.t-article {
	padding-block: 160px;
}
@media (width <= 767px) {
	.t-article {
		padding-block: 140px;
	}
}
.t-article__inner {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 80px;
	width: min(100%, 1240px);
}
@media (width <= 1200px) {
	.t-article__inner {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.t-article__titlebox {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.t-article__list {
	margin-top: 40px;
}
.t-article__list-item {
	border-top: 1px solid var(--color-gray02);
}
.t-article__list-item:last-child {
	border-bottom: 1px solid var(--color-gray02);
}
.t-article__list-link {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 40px;
	padding-block: 40px;
}
@media (width <= 767px) {
	.t-article__list-link {
		grid-template-columns: 80px 1fr;
		gap: 24px;
		padding-block: 24px;
	}
}
@media (any-hover: hover) {
	.t-article__list-link:hover .c-hover03::after {
		transform: scale(1, 1);
	}
}
.t-article__list-img {
	aspect-ratio: 1;
}
.t-article__list-img img {
	height: 100%;
	object-fit: cover;
}
.t-article__list-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.t-article__list-detail {
	margin-top: auto;
}
.t-article__list-title {
	width: fit-content;
	margin-top: 8px;
}

.t-faq {
	padding-block: 160px;
}
@media (width <= 767px) {
	.t-faq {
		padding-block: 64px;
	}
}
.t-faq__inner {
	display: flex;
	flex-direction: column;
	width: min(100%, 1440px);
}
.t-faq__inner .faq__list {
	margin-top: 64px;
}
.t-faq__inner .faq__item {
	display: grid;
	grid-template-columns: 420px 1fr;
	gap: 0 80px;
	padding-right: 24px;
	position: relative;
	cursor: pointer;
}
@media (width <= 1200px) {
	.t-faq__inner .faq__item {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
@media (any-hover: hover) {
	.t-faq__inner .faq__item:hover .faq__title {
		color: var(--color-red);
	}
}
.t-faq__inner .faq__item:has(.faq__title--active) .faq__icon::after {
	rotate: 0deg;
}
.t-faq__inner .faq__title,
.t-faq__inner .faq__cts {
	padding-right: 0;
}
.t-faq__inner .faq__cts {
	margin-top: 0;
}
.t-faq__inner .faq__icon {
	inset: 45px 0 auto auto;
	translate: 0 0;
}
@media (width <= 767px) {
	.t-faq__inner .c-btn01 {
		margin-top: 40px;
	}
}

.works__search {
	width: min(100%, 1360px);
	padding-inline: 80px;
	margin-inline: auto;
}
@media (width <= 767px) {
	.works__search {
		padding-inline: 16px;
	}
}
.works__search > * + * {
	margin-top: 40px;
}
.works__search-cts {
	margin-top: 24px;
}
.works__cat {
	border: 1px solid var(--color-gray02);
	padding: 40px;
}
@media (width <= 767px) {
	.works__cat {
		padding: 24px;
	}
}
.works__staff {
	padding-inline: 40px;
}
.works__staff-list {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 40px;
}
.works__staff-link {
	display: grid;
	align-items: center;
	grid-template-columns: 40px 1fr;
	gap: 16px;
}
@media (width <= 767px) {
	.works__staff-link {
		grid-template-columns: 30px 1fr;
	}
}
.works__staff-link--current .works__staff-name {
	color: var(--color-gold);
}
.works__staff-img {
	aspect-ratio: 1;
	border-radius: 50%;
	overflow: hidden;
}
.works__staff-img img {
	height: 100%;
	object-fit: cover;
}
.works__staff-name {
	font-size: 14px;
	transition: 0.2s ease-out;
}
.works__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 70px 80px;
	width: min(100%, 1920px);
	padding-inline: 80px;
	margin: 80px auto 0;
}
@media (width <= 1200px) {
	.works__list {
		column-gap: 40px;
		margin-top: 65px;
	}
}
@media (width <= 767px) {
	.works__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 40px 16px;
		padding-inline: 23px;
	}
}
.works__list-link .c-cat-list {
	margin-top: 8px;
}
.works__list-link .c-cat-list__link {
	font-size: 13px;
}
.works__list-link .works__staff-name {
	font-size: clamp(0.75rem, 0.667rem + 0.17vw, 0.875rem);
	color: var(--color-gray02);
}
.works__list-link > * + * {
	margin-top: 24px;
}
@media (width <= 767px) {
	.works__list-link > * + * {
		margin-top: 8px;
	}
}
.works__list-img {
	aspect-ratio: 3/2;
}
.works__list-img img {
	height: 100%;
	object-fit: cover;
}
.works__list-title {
	font-size: clamp(0.875rem, 0.792rem + 0.17vw, 1rem);
}
@media (width <= 767px) {
	.works__list-title {
		margin-top: 16px;
	}
}

@media (any-hover: hover) {
	a.c-cat-list__link:hover {
		color: #fff;
		background-color: var(--color-black);
	}
}

@media (any-hover: hover) {
	a.works__staff-link:hover .works__staff-name {
		color: var(--color-gold);
	}
}

.s-works {
	width: min(100%, 1640px);
	padding-inline: 100px;
	margin-inline: auto;
}
@media (width <= 767px) {
	.s-works {
		padding-inline: 22px;
	}
}
.s-works__wrapper {
	width: min(100%, 1270px);
}
.s-works__inner {
	display: flex;
	gap: 0 80px;
}
@media (width <= 960px) {
	.s-works__inner {
		gap: 0 40px;
	}
}
@media (width <= 767px) {
	.s-works__inner {
		flex-direction: column;
	}
}
.s-works__imgbox {
	flex: 1;
}
@media (width <= 767px) {
	.s-works__imgbox {
		display: contents;
	}
}
@media (width <= 767px) {
	.s-works__img {
		order: 2;
		margin-top: 40px;
	}
}
.s-works__img img {
	height: auto;
}
.s-works__imglist {
	margin-top: 40px;
}
@media (width <= 767px) {
	.s-works__imglist {
		order: 4;
		margin-top: 80px;
	}
}
.s-works__imglist > * + * {
	margin-top: 40px;
}
@media (width <= 767px) {
	.s-works__imglist > * + * {
		margin-top: 16px;
	}
}
.s-works__panel {
	width: 370px;
}
@media (width <= 960px) {
	.s-works__panel {
		width: 300px;
	}
}
@media (width <= 767px) {
	.s-works__panel {
		display: contents;
	}
}
.s-works__panel .c-dl01 {
	margin-top: 40px;
}
@media (width <= 767px) {
	.s-works__panel .c-dl01 {
		order: 3;
	}
}
@media (width <= 767px) {
	.s-works__intro {
		order: 1;
	}
}
.s-works__intro .c-cat-list {
	gap: 8px 20px;
	margin-top: 24px;
}
.s-works__title {
	font-size: clamp(1.125rem, 0.876rem + 0.52vw, 1.5rem);
	letter-spacing: 0.05em;
}
.s-works__detail {
	margin-top: 40px;
}
@media (width <= 767px) {
	.s-works__detail {
		order: 5;
		margin-top: 80px;
	}
}
.s-works__detail .works__staff-link {
	grid-template-columns: 100px 1fr;
}
.s-works__detail .c-btn02 {
	margin-top: 24px;
}
.s-works__comment {
	margin-top: 24px;
}
.s-works__keyword, .s-works__related {
	margin-top: 40px;
}
.s-works__keyword {
	font-size: 14px;
	line-height: 2;
	letter-spacing: 0.05em;
	background-color: var(--color-bg);
	padding: 40px 24px;
}
.s-works__related-title {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 8px;
}

.voice {
	padding-inline: 100px;
}
@media (width <= 767px) {
	.voice {
		padding-inline: 16px;
	}
}
.voice__img {
	aspect-ratio: 3/2;
}
.voice__img img {
	height: 100%;
	object-fit: cover;
}
.voice__title {
	font-size: clamp(0.875rem, 0.792rem + 0.17vw, 1rem);
	letter-spacing: 0.05em;
	margin-top: 24px;
}

.s-voice {
	padding-inline: 100px;
}
@media (width <= 767px) {
	.s-voice {
		padding-inline: 16px;
	}
}
.s-voice__title {
	font-size: clamp(1.125rem, 0.876rem + 0.52vw, 1.5rem);
	border-bottom: 1px solid var(--color-gray);
	padding: 0 100px 24px 0;
}
@media (width <= 767px) {
	.s-voice__title {
		padding-right: 0;
	}
}
.s-voice__img img {
	height: auto;
}
.s-voice__other {
	width: min(100%, 880px);
	margin-inline: auto;
}
.s-voice__other .c-youtube {
	margin-top: 30px;
}

@media (width <= 1200px) {
	.land .c-col3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (width <= 767px) {
	.land .c-col3 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 64px;
	}
}
.land__img {
	aspect-ratio: 3/2;
}
.land__img img {
	height: 100%;
	object-fit: cover;
}
.land__catch {
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: var(--color-black);
	padding: 0.7em 15px;
}
.land__price {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	font-size: 24px;
	line-height: 1;
}
.land__price span {
	display: flex;
	align-items: center;
	font-size: 13px;
	line-height: 1;
	background-color: var(--color-bg);
	border-radius: 2px;
	padding: 0.3em 8px;
}

.s-land__cat {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
}
.s-land__title {
	font-size: clamp(1rem, 0.667rem + 0.69vw, 1.5rem);
	letter-spacing: 0.05em;
}
.s-land__img img {
	height: auto;
}
.s-land__price-table {
	width: 100%;
}
.s-land__price-table thead th {
	font-size: clamp(0.875rem, 0.792rem + 0.17vw, 1rem);
	background-color: var(--color-bg);
}
.s-land__price-table thead th + th {
	border-left: 1px solid #fff;
}
.s-land__price-table tbody tr {
	border-bottom: 1px solid var(--color-gray02);
}
.s-land__price-table tbody th,
.s-land__price-table tbody td {
	font-size: clamp(0.75rem, 0.584rem + 0.35vw, 1rem);
}
.s-land__price-table tr > * {
	font-weight: normal;
	padding: 22px 40px;
}
@media (width <= 767px) {
	.s-land__price-table tr > * {
		padding: 16px 24px;
	}
}
.s-land__gallery.swiper {
	padding: 0 80px;
}
@media (width <= 767px) {
	.s-land__gallery.swiper {
		padding: 0 16px;
	}
}
.s-land__map {
	display: grid;
	align-items: flex-start;
	grid-template-columns: 280px 1fr;
	gap: 24px 0;
}
@media (width <= 960px) {
	.s-land__map {
		grid-template-columns: 180px 1fr;
	}
}
@media (width <= 767px) {
	.s-land__map {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.s-land__map-map {
	aspect-ratio: 1;
}
.s-land__map-map > * {
	width: 100%;
	height: 100%;
}
.s-land__environment-dl > * + * {
	margin-top: 40px;
}
.s-land__environment-dl-item {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 24px 40px;
	align-items: center;
}
@media (width <= 767px) {
	.s-land__environment-dl-item {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.s-land__environment-dl-title, .s-land__environment-dl-text {
	line-height: 2;
	letter-spacing: 0.05em;
}
.s-land__environment-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 40px;
	margin-top: 64px;
}
@media (width <= 767px) {
	.s-land__environment-list {
		gap: 24px 14px;
	}
}
.s-land__bnr {
	height: 160px;
	padding: 10px;
	position: relative;
}
@media (width <= 767px) {
	.s-land__bnr {
		height: 120px;
	}
}
.s-land__bnr-inner {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	border: 1px solid var(--color-gray02);
	position: relative;
	z-index: 1;
}
.s-land__bnr-inner::after {
	content: "";
	display: block;
	width: 15px;
	aspect-ratio: 1;
	background: url(../img/common/icon_link01.svg) center/contain no-repeat;
	position: absolute;
	inset: auto 10px 10px auto;
}
.s-land__bnr-img {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0 auto auto 0;
}
.s-land__bnr-img img {
	height: 100%;
	object-fit: cover;
}

@media (any-hover: hover) {
	.topics__list:hover .topics__item:not(:hover) {
		opacity: 0.2;
	}
}
.topics__item {
	border-top: 1px solid var(--color-gray02);
	transition: 0.2s ease-out;
}
.topics__item:last-child {
	border-bottom: 1px solid var(--color-gray02);
}
.topics__link {
	display: grid;
	grid-template-columns: 185px 1fr;
	align-items: center;
	padding: 32px 0 32px 80px;
}
@media (width <= 767px) {
	.topics__link {
		align-items: baseline;
		grid-template-columns: 100px 1fr;
		padding: 24px 0 24px 16px;
	}
}
.topics__title {
	text-align: left;
	letter-spacing: 0.05em;
}
@media (width <= 767px) {
	.topics__title {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
}

.s-topics__inner .c-pn {
	margin-top: 40px;
}
.s-topics__title {
	font-size: clamp(1.125rem, 0.876rem + 0.52vw, 1.5rem);
	border-top: 1px solid var(--color-gray02);
	padding-top: 40px;
}
.s-topics__info {
	display: flex;
	align-items: center;
	gap: 40px;
}
.s-topics__update {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
}
.s-topics__update::before {
	content: "";
	display: block;
	width: 8px;
	aspect-ratio: 1;
	background-color: var(--color-gold);
	border-radius: 50%;
}
.s-topics__img {
	width: min(100%, 860px);
	margin: 40px auto 0;
}
@media (width <= 767px) {
	.s-topics__img {
		margin-top: 24px;
	}
}
.s-topics__img img {
	height: auto;
}

.event .c-col3 {
	gap: 80px;
}
@media (width <= 1200px) {
	.event .c-col3 {
		gap: 80px 40px;
	}
}
@media (width <= 767px) {
	.event .c-col3 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 64px;
	}
}
@media (width > 767px) {
	.event__item .event__title {
		min-height: 3.3em;
	}
}
.event__cat {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.event__cat .c-cat-list__link {
	font-size: 13px;
}
.event__img {
	aspect-ratio: 4/5;
}
.event__img img {
	height: 100%;
	object-fit: cover;
}

.s-event__title {
	font-size: clamp(0.875rem, 0.459rem + 0.87vw, 1.5rem);
}
.s-event__img {
	width: min(100%, 500px);
}
.s-event__img img {
	height: auto;
}

.contact-intro__gallery {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 2px;
}
.contact-intro__gallery-item img {
	height: 100%;
	object-fit: cover;
}
.contact-intro__gallery-item:first-child {
	grid-area: 1/1/3/4;
}
.contact-intro__gallery-item:nth-child(2) {
	grid-area: 1/4/3/5;
}
.contact-intro__gallery-item:nth-child(3) {
	grid-area: 1/5/2/7;
}
.contact-intro__gallery-item:nth-child(4) {
	grid-area: 2/5/3/7;
}
.contact-intro__panel {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px 60px;
}
.contact-intro__text {
	width: min(100%, 590px);
}
.contact-intro__tel {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: min(100%, 450px);
	min-height: 195px;
	border: 1px solid var(--color-gray02);
	padding: 20px 70px;
}
@media (width <= 767px) {
	.contact-intro__tel {
		min-height: 150px;
		padding-inline: 30px;
	}
}
.contact-intro__tel-tel {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-family: var(--font-en);
	font-size: clamp(1.875rem, 1.376rem + 1.04vw, 2.625rem);
	font-weight: 300;
}
.contact-intro__tel-tel span {
	font-size: 0.47em;
}

.contact__text {
	font-family: var(--font-serif);
	font-size: 14px;
	color: #666666;
	margin-top: 60px;
}
@media (width <= 767px) {
	.contact__text {
		margin-top: 40px;
	}
}
.contact__form {
	margin-top: 40px;
}
.contact__item {
	display: grid;
	grid-template-columns: 360px 1fr;
	align-items: baseline;
	font-family: var(--font-serif);
	font-size: clamp(0.938rem, 0.896rem + 0.09vw, 1rem);
	border-top: 1px solid rgb(from var(--color-gray02) r g b/0.3);
	padding-block: 30px 40px;
}
@media (width <= 960px) {
	.contact__item {
		grid-template-columns: 300px 1fr;
	}
}
@media (width <= 767px) {
	.contact__item {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 30px;
		padding-block: 20px 30px;
	}
}
.contact__item:last-child {
	padding-bottom: 0;
}
.contact__title {
	display: flex;
	align-items: baseline;
	gap: 20px;
}
.contact__title::before {
	content: "任意";
	display: grid;
	place-items: center;
	line-height: 1;
	color: #fff;
	width: 53px;
	height: 22px;
	background-color: var(--color-gray02);
}
.contact__title--required::before {
	content: "必須";
	background-color: var(--color-red);
}
.contact__cts .wpcf7-radio {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}
@media (width <= 767px) {
	.contact__cts .wpcf7-radio {
		gap: 20px;
	}
}
.contact__cts .wpcf7-checkbox {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
@media (width <= 767px) {
	.contact__cts .wpcf7-checkbox {
		gap: 20px;
	}
}
.contact__cts--title input {
	border: 0;
	background-color: transparent;
	min-height: auto;
	padding: 0;
}
.contact__calendar {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 12px;
}
.contact__calendar-item {
	display: flex;
	align-items: center;
	gap: 0.5em;
}
.contact__calendar-cts input {
	background-color: #fff;
	border: 1px solid #BFBFBF;
}
.contact__pp {
	height: 250px;
	background-color: #fff;
	padding: 30px;
	margin-top: 60px;
	overflow: auto;
}
@media (width <= 767px) {
	.contact__pp {
		padding-block: 20px;
		margin-top: 30px;
	}
}
.contact__pp > dt {
	font-weight: bold;
}
.contact__pp > dd {
	margin-top: 0.5lh;
}
.contact__pp > dd + dt {
	margin-top: 1lh;
}
.contact__pp > dd > * + * {
	margin-top: 0.75lh;
}
.contact__pp-list {
	list-style: decimal;
	padding-left: 1.5em;
}
.contact__pp-list > li + li {
	margin-top: 0.25lh;
}
.contact__btn {
	width: min(100%, 420px);
	margin: 50px auto 0;
}
@media (width <= 767px) {
	.contact__btn {
		width: min(100%, 315px);
		margin-top: 40px;
	}
}
.contact__btn input {
	display: grid;
	place-items: center;
	color: #fff;
	width: 100%;
	min-height: 76px;
	border: 1px solid var(--color-black);
	background-color: var(--color-black);
	transition: 0.2s ease-out;
}
@media (any-hover: hover) {
	.contact__btn:hover input {
		color: var(--color-black);
		background-color: #fff;
	}
}

/* CF7：開催日数を超える希望日は表示しない。 */
.contact__form[data-event-date-count="0"] [data-event-extra-date],
.contact__form[data-event-date-count="1"] [data-event-extra-date],
.contact__form[data-event-date-count="2"] [data-event-extra-date]:last-child {
	display: none;
}

.contact__calendar-cts .js-event-date {
	display: inline-block;
	font-family: var(--font-serif);
	font-size: 16px;
	line-height: normal;
	width: 136px;
	min-width: 0;
	min-height: 0;
	padding: 1px 24px 1px 2px;
	border: 1px solid #BFBFBF;
	border-radius: 0;
	background: #fff url("../img/common/icon_calendar.svg") no-repeat right 3px center/16px;
}

.contact__form .wpcf7-list-item {
	margin-left: 0;
}

.contact__form--confirm .contact__cts {
	overflow-wrap: anywhere;
	white-space: pre-wrap;
}

/* ラベルと入力欄を一組にし、収まらない場合は組ごと折り返す。 */
.contact__calendar-item {
	flex: 0 0 auto;
}

.contact__calendar-title {
	white-space: nowrap;
}

.contact__calendar-cts input {
	width: 136px;
	max-width: 100%;
}

/* イベント予約：希望日と時間を同じ行・同じ高さに揃える。 */
.contact__calendar-cts {
	display: flex;
	align-items: stretch;
	gap: 8px;
	min-width: 0;
}

.contact__calendar-cts br {
	display: none;
}

.contact__calendar-cts .wpcf7-form-control-wrap {
	display: block;
	flex: 0 0 136px;
	width: 136px;
	min-width: 0;
}

.contact__calendar-cts .js-event-date,
.contact__calendar-cts .js-event-time {
	display: block;
	width: 100%;
	min-width: 0;
	min-height: 52px;
	height: 52px;
	margin: 0;
	font-family: var(--font-serif);
	font-size: 16px;
	line-height: normal;
	border: 1px solid #BFBFBF;
	border-radius: 0;
	background-color: #fff;
}

.contact__calendar-cts .js-event-date {
	padding: 15px 32px 15px 15px;
	background: #fff url("../img/common/icon_calendar.svg") no-repeat right 15px center/16px;
}

.contact__calendar-cts .js-event-time {
	padding: 15px 32px 15px 15px;
}

@media (width >= 768px) {
	.contact__calendar-cts br + .wpcf7-form-control-wrap {
		flex-basis: 148px;
		width: 148px;
	}
	.contact__calendar-cts .js-event-time {
		padding: 15px 24px 15px 12px;
	}
}
@media (width <= 767px) {
	.contact__calendar-item {
		width: 100%;
	}
	.contact__calendar-title {
		flex: 0 0 60px;
	}
	.contact__calendar-cts {
		flex: 1 1 auto;
	}
	.contact__calendar-cts .wpcf7-form-control-wrap {
		flex: 1 1 0;
		width: auto;
	}
}
.blog .c-col3 {
	gap: 80px 70px;
}
@media (width <= 1200px) {
	.blog .c-col3 {
		gap: 80px 40px;
	}
}
@media (width <= 767px) {
	.blog .c-col3 {
		gap: 40px 10px;
	}
}
.blog__img {
	aspect-ratio: 1;
}
.blog__img img {
	height: 100%;
	object-fit: cover;
}

.s-blog__inner {
	padding-inline: 80px;
}
@media (width <= 767px) {
	.s-blog__inner {
		padding-inline: 16px;
	}
}
.s-blog__box {
	display: flex;
	align-items: center;
	gap: 20px;
}
.s-blog__author {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 14px;
}
.s-blog__author::before {
	content: "";
	display: block;
	width: 14px;
	aspect-ratio: 1;
	background: url(../img/common/icon_pen01.svg) center/contain no-repeat;
}
.s-blog__img {
	width: min(100%, 560px);
	margin: 40px auto 0;
}
@media (width <= 767px) {
	.s-blog__img {
		margin-top: 24px;
	}
}
.s-blog__img img {
	height: auto;
}
.s-blog .c-pn {
	justify-content: space-between;
	width: min(100%, 1232px);
	padding-inline: 16px;
}

.column .c-col3 {
	gap: 80px 70px;
}
@media (width <= 1200px) {
	.column .c-col3 {
		gap: 80px 40px;
	}
}
@media (width <= 767px) {
	.column .c-col3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 40px 10px;
	}
}
.column__img {
	aspect-ratio: 1;
}
.column__img img {
	height: 100%;
	object-fit: cover;
}

.s-column__img {
	margin-top: 40px;
}
@media (width <= 767px) {
	.s-column__img {
		margin-top: 24px;
	}
}
.s-column__img img {
	height: auto;
}

.staff__job > * + * {
	margin-top: 80px;
}
@media (width <= 767px) {
	.staff__job > * + * {
		margin-top: 65px;
	}
}
.staff__list > * + * {
	margin-top: 24px;
}
.staff__list-item {
	background-color: var(--color-bg);
	padding: 50px 80px;
}
@media (width <= 767px) {
	.staff__list-item {
		padding: 40px 20px;
	}
}
.staff__list-box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0 24px;
}
@media (width <= 767px) {
	.staff__list-box {
		flex-wrap: wrap;
	}
}
.staff__list-img {
	width: min(100%, 200px);
	aspect-ratio: 1;
}
@media (width <= 767px) {
	.staff__list-img {
		width: 140px;
	}
}
.staff__list-img img {
	height: 100%;
	object-fit: cover;
}
.staff__list-detail {
	width: min(100%, 600px);
}
@media (width <= 767px) {
	.staff__list-detail {
		display: contents;
	}
}
@media (width <= 767px) {
	.staff__list-detail .c-dl03 {
		width: 100%;
	}
}
@media (width <= 767px) {
	.staff__list-info {
		width: calc(100% - 24px - 140px);
	}
}
.staff__list-job {
	line-height: 1;
}
.staff__list-prof {
	display: flex;
	align-items: flex-end;
	gap: 34px 24px;
}
@media (width <= 767px) {
	.staff__list-prof {
		flex-direction: column;
		align-items: flex-start;
	}
}
.staff__list-prof-name {
	font-size: 24px;
	line-height: 1.08;
}
.staff__list-prof-en {
	font-size: 12px;
	text-transform: uppercase;
	line-height: 1;
	margin-top: 12px;
}
.staff__list-prof-insta {
	width: 30px;
}
@media (width <= 767px) {
	.staff__list-prof-insta {
		width: 24px;
	}
}

.faq__item {
	border-top: 1px solid var(--color-gray02);
	padding-block: 40px;
}
.faq__item:last-child {
	border-bottom: 1px solid var(--color-gray02);
}
.faq__title, .faq__cts {
	padding-right: 35px;
}
.faq__title {
	line-height: 1.625;
	padding-left: 25px;
	position: relative;
	cursor: pointer;
}
.faq__title::before {
	content: "Q.";
	position: absolute;
	inset: 0 auto auto 0;
}
@media (any-hover: hover) {
	.faq__title:hover {
		color: var(--color-red);
	}
	.faq__title:hover .faq__icon {
		translate: 0 calc(-50% - 5px);
	}
}
.faq__title--active .faq__icon {
	translate: 0 calc(-50% - 5px);
}
.faq__title--active .faq__icon::after {
	rotate: 0deg;
}
.faq__icon {
	width: 18px;
	aspect-ratio: 1;
	position: absolute;
	inset: 50% 0 auto auto;
	translate: 0 -50%;
	transition: 0.2s ease-out;
}
.faq__icon::before, .faq__icon::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--color-black);
	position: absolute;
	inset: 50% auto auto 50%;
	translate: -50% -50%;
	transition: 0.2s ease-out;
}
.faq__icon::after {
	rotate: 90deg;
}
.faq__cts {
	display: none;
	margin-top: 20px;
	padding-left: 21px;
	position: relative;
}
.faq__cts::before {
	content: "A.";
	position: absolute;
	inset: 0 auto auto 0;
}

.concept-fv {
	position: relative;
}
.concept-fv__inner {
	width: 100%;
	position: absolute;
	inset: 50% auto auto 50%;
	translate: -50% -50%;
	z-index: 10;
}
.concept-fv__title {
	width: min(100%, 1190px);
}
.concept-fv__title-ja {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1.25em;
	font-family: var(--font-honoka);
	font-size: clamp(1.125rem, 0.543rem + 1.21vw, 2rem);
	color: #fff;
	margin-top: 20px;
}
.concept-fv__title-ja::before {
	content: "";
	display: block;
	width: 3.125em;
	height: 1px;
	background-color: #fff;
}
.concept-fv__slide.swiper {
	width: 100%;
	height: 100lvh;
}
.concept-fv__slide-item img {
	height: 100%;
	object-fit: cover;
}

.concept__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 60px 40px;
	margin-left: auto;
}
@media (width <= 1200px) {
	.concept__inner {
		flex-direction: column;
	}
}
.concept__panel {
	width: min(100%, 450px);
}
@media (width <= 1200px) {
	.concept__panel {
		width: 100%;
	}
}
.concept__img {
	width: min(100%, 760px);
}
@media (width <= 1200px) {
	.concept__img {
		width: 100%;
	}
}
.concept__text {
	font-family: var(--font-serif);
}
.concept__text + .concept__text {
	margin-top: 40px;
}
@media (width <= 1200px) {
	.concept__text + .concept__text {
		margin-top: 20px;
	}
}

.concept-place {
	background: url(../img/concept/place_bg01.webp) center/cover no-repeat;
	min-height: 960px;
	padding-block: 60px;
	margin-top: 180px;
}
@media (width <= 1200px) {
	.concept-place {
		margin-top: 60px;
	}
}
.concept-place__inner {
	gap: 60px;
	margin-left: 0;
}
@media (width <= 1200px) {
	.concept-place__inner {
		flex-direction: column-reverse;
	}
}
.concept-place__img {
	margin-top: -150px;
	position: relative;
}
@media (width <= 1200px) {
	.concept-place__img {
		margin-top: 0;
	}
}
.concept-place__img02 {
	width: 41.32%;
	position: absolute;
	inset: auto -8.55% -23.89% auto;
}
@media (width <= 1200px) {
	.concept-place__img02 {
		right: -16px;
	}
}

.concept-designing {
	display: flex;
	align-items: center;
	gap: 60px 210px;
	width: min(100%, 1520px);
	margin-left: auto;
}
@media (width <= 1200px) {
	.concept-designing {
		flex-direction: column;
	}
}
.concept-designing__panel {
	width: 450px;
}
@media (width <= 1200px) {
	.concept-designing__panel {
		width: 100%;
	}
}
.concept-designing__img {
	flex: 1;
	margin-right: calc(-50vw + 50%);
}
@media (width <= 1200px) {
	.concept-designing__img {
		width: 100%;
		margin-right: 0;
	}
}

.concept-message__inner {
	padding-block: 180px 70px;
}
@media (width <= 767px) {
	.concept-message__inner {
		padding-top: 70px;
	}
}
.concept-message__panel {
	display: flex;
	justify-content: space-between;
	gap: 60px;
}
@media (width <= 960px) {
	.concept-message__panel {
		flex-direction: column;
	}
}
@media (width <= 767px) {
	.concept-message__panel {
		gap: 40px;
	}
}
@media (width <= 767px) {
	.concept-message__panel .c-title05 {
		text-align: center;
	}
}
.concept-message__textbox {
	display: flex;
	flex-direction: column;
	gap: 60px;
	font-family: var(--font-serif);
	writing-mode: vertical-rl;
}
@media (width <= 767px) {
	.concept-message__textbox {
		gap: 20px;
		writing-mode: horizontal-tb;
		text-align: center;
	}
}
.concept-message__text {
	line-height: 2.625;
}
.concept-message__img {
	height: 640px;
}
@media (width <= 767px) {
	.concept-message__img {
		height: 250px;
	}
}
.concept-message__img img {
	height: 100%;
	object-fit: cover;
}

.design-fv {
	display: flex;
	align-items: flex-end;
	height: 680px;
	background: url(../img/design/fv_img.webp) center/cover no-repeat;
}
@media (width <= 767px) {
	.design-fv {
		height: 350px;
	}
}
.design-fv__title.c-title07 {
	justify-content: flex-start;
	font-size: clamp(2.25rem, 0.13rem + 4.42vw, 5.438rem);
	gap: 0.5em;
}

.design-intro {
	padding-block: 80px;
	position: relative;
}
@media (width <= 767px) {
	.design-intro {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-block: 60px 0;
	}
}
.design-intro__inner {
	width: min(100%, 1220px);
}
.design-intro__box {
	width: min(100%, 590px);
	background-color: #fff;
	padding: 60px;
	position: relative;
	z-index: 1;
}
@media (width <= 767px) {
	.design-intro__box {
		padding: 0;
	}
}
.design-intro__text {
	line-height: 2.8;
}
.design-intro__img {
	width: 60%;
	height: 100%;
	position: absolute;
	inset: 0 0 auto auto;
}
@media (width <= 767px) {
	.design-intro__img {
		width: 100vw;
		height: 250px;
		margin-top: 40px;
		position: relative;
		inset: auto;
	}
}
.design-intro__img img {
	height: 100%;
	object-fit: cover;
}

.design-planning__text {
	width: min(100%, 640px);
	line-height: 2.4;
}
.design-planning__panel {
	display: flex;
	justify-content: space-between;
	gap: 100px 80px;
	background-color: #fff;
	padding: 80px;
}
@media (width <= 767px) {
	.design-planning__panel {
		flex-direction: column;
		padding: 40px;
	}
}
.design-planning__panel > * {
	width: min(100%, 355px);
}
@media (width <= 767px) {
	.design-planning__panel > * {
		width: 100%;
	}
}
.design-planning__box {
	position: relative;
}
.design-planning__box::after {
	content: "";
	display: block;
	height: calc(100% + 160px);
	width: 60px;
	background-color: #F0F0F0;
	position: absolute;
	inset: -80px auto auto calc(100% + 7px);
	clip-path: polygon(0 0, 6px 0, 100% 50%, 6px 100%, 0 100%, calc(100% - 6px) 50%);
}
@media (width <= 767px) {
	.design-planning__box::after {
		width: calc(100% + 80px);
		height: 60px;
		inset: calc(100% + 7px) auto auto -40px;
		clip-path: polygon(0 0, 50% calc(100% - 6px), 100% 0, 100% 6px, 50% 100%, 0 6px);
	}
}
.design-planning__box-title {
	letter-spacing: 0.05em;
	text-decoration: underline;
	text-underline-offset: 5px;
}
@media (width <= 767px) {
	.design-planning__box-title {
		text-align: center;
	}
}
.design-planning__box-list {
	font-size: clamp(1rem, 0.751rem + 0.52vw, 1.375rem);
}
@media (width <= 767px) {
	.design-planning__box-item {
		text-align: center;
	}
}
.design-planning__list {
	counter-reset: num;
	position: relative;
}
@media (width <= 767px) {
	.design-planning__list {
		width: fit-content;
		margin-inline: auto;
	}
}
.design-planning__list::before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background-color: var(--color-black);
	position: absolute;
	inset: 0 auto auto 22px;
}
.design-planning__list > * + * {
	margin-top: 50px;
}
.design-planning__list-item {
	counter-increment: num;
	display: flex;
	align-items: center;
	gap: 20px;
}
.design-planning__list-item::before {
	content: counter(num, decimal-leading-zero);
	display: grid;
	place-items: center;
	font-family: var(--font-en);
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	color: #fff;
	width: 45px;
	aspect-ratio: 1;
	background-color: var(--color-black);
	clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.design-planning__img {
	height: 510px;
}
@media (width <= 767px) {
	.design-planning__img {
		height: 250px;
	}
}
.design-planning__img img {
	height: 100%;
	object-fit: cover;
}

.design-case__slide-nav {
	display: flex;
	align-items: center;
	gap: 20px;
}
.design-case__slide-pn.design-case__slide-pn {
	width: auto;
	letter-spacing: 0.05em;
}
.design-case__list {
	counter-reset: num;
}
.design-case__item {
	counter-increment: num;
	border: 1px solid var(--color-gray02);
}
.design-case__item.swiper-slide {
	height: auto;
}
.design-case__img {
	aspect-ratio: 615/340;
}
.design-case__img img {
	height: 100%;
	object-fit: cover;
}
.design-case__box {
	padding: 60px 40px;
}
.design-case__num {
	font-family: var(--font-en);
	font-size: 14px;
	color: var(--color-gray02);
}
.design-case__num::after {
	content: counter(num, decimal-leading-zero);
}
.design-case__tag {
	display: flex;
	flex-wrap: wrap;
	gap: 0 20px;
}
.design-case__bnr .c-bnr01__text {
	font-family: var(--font-en);
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: clamp(2rem, 1.418rem + 1.21vw, 2.875rem);
	line-height: 1;
}
.design-case__bnr .c-bnr01__text span {
	font-family: var(--font-serif);
	font-size: 15px;
}

.design {
	min-height: 870px;
	background: url(../img/design/designing_bg01.webp) center/cover no-repeat;
}
.design__text {
	line-height: 2.8;
}

.design-catch.c-sec05 {
	padding-bottom: 100px;
}
@media (width <= 767px) {
	.design-catch.c-sec05 {
		padding-bottom: 0;
	}
}

.after-intro {
	padding-bottom: 120px;
}
.after-intro__box {
	padding: 100px;
	margin-top: -100px;
	position: relative;
	z-index: 1;
}
@media (width <= 767px) {
	.after-intro__box {
		padding: 60px 24px;
	}
}
.after-intro__box::after {
	content: "";
	display: block;
	width: 1px;
	height: 133px;
	background-color: var(--color-gray02);
	position: absolute;
	inset: auto auto -120px 50%;
	translate: -50% 0;
}
.after-intro__title {
	letter-spacing: 0.05em;
	text-indent: 0.05em;
}
.after-intro__text {
	line-height: 2;
}

.after-maintenance__title {
	font-size: clamp(2.25rem, 1.418rem + 1.73vw, 3.5rem);
	font-weight: 300;
}
.after-maintenance__text {
	width: fit-content;
	margin-inline: auto;
}
.after-maintenance__text01 {
	margin-top: 10px;
}
.after-maintenance__img01 {
	height: 420px;
}
@media (width <= 767px) {
	.after-maintenance__img01 {
		height: 250px;
	}
}
.after-maintenance__img01 img {
	height: 100%;
	object-fit: cover;
}

.after-guarantee__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}
@media (width <= 1200px) {
	.after-guarantee__list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.after-guarantee__list-item {
	display: flex;
	flex-direction: column;
	gap: 40px;
	background-color: #fff;
	padding: 40px;
}
.after-guarantee__list-dl {
	display: grid;
	grid-template-columns: 175px 1fr;
	margin-top: auto;
}
@media (width <= 767px) {
	.after-guarantee__list-dl {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.after-guarantee__list-dl-title, .after-guarantee__list-dl-text {
	display: flex;
	align-items: center;
	color: #fff;
	padding: 8px 20px;
}
.after-guarantee__list-dl-title {
	font-weight: 500;
	background-color: var(--color-gold);
	position: relative;
}
@media (width <= 767px) {
	.after-guarantee__list-dl-title {
		justify-content: center;
	}
}
.after-guarantee__list-dl-title::after {
	content: "";
	display: block;
	width: 15px;
	height: 100%;
	background-color: var(--color-gold);
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	position: absolute;
	inset: 0 auto auto 100%;
}
@media (width <= 767px) {
	.after-guarantee__list-dl-title::after {
		width: 100%;
		height: 15px;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
		inset: 100% auto auto 0;
	}
}
.after-guarantee__list-dl-text {
	justify-content: center;
	align-items: last baseline;
	background-color: #C5A25C;
}
.after-guarantee__list-dl-text span {
	font-family: var(--font-en);
	font-size: 2.25em;
}

.flow-schedule__wrapper {
	padding-bottom: 60px;
}
.flow-schedule__inner {
	background-color: #fff;
	margin-top: -100px;
	position: relative;
	z-index: 1;
}
.flow-schedule__box {
	padding: 80px 20px;
}
.flow-schedule__title .c-title05__en {
	letter-spacing: 0.6em;
}
.flow-schedule__dl {
	font-family: var(--font-serif);
	background-color: #fff;
	border: 1px solid rgb(from var(--color-gold) r g b/0.5);
	padding: 60px;
}
.flow-schedule__dl-item {
	display: flex;
	justify-content: space-between;
	gap: 30px 40px;
	border-top: 1px solid rgb(from var(--color-gold) r g b/0.3);
	padding-block: 40px 60px;
}
@media (width <= 960px) {
	.flow-schedule__dl-item {
		flex-direction: column;
	}
}
.flow-schedule__dl-item:first-child {
	border-top: 0;
	padding-top: 0;
}
.flow-schedule__dl-item:last-child {
	padding-bottom: 0;
}
.flow-schedule__dl-title {
	display: flex;
	align-items: baseline;
	gap: 40px;
	font-weight: 500;
	letter-spacing: 0.05em;
	width: min(100%, 220px);
}
@media (width <= 960px) {
	.flow-schedule__dl-title {
		gap: 20px;
		width: 100%;
	}
}
.flow-schedule__dl-num {
	font-family: var(--font-en);
	font-size: 20px;
	color: var(--color-gold);
}
.flow-schedule__dl-text {
	width: min(100%, 435px);
	letter-spacing: 0.05em;
}
@media (width <= 960px) {
	.flow-schedule__dl-text {
		width: 100%;
	}
}
.flow-schedule__dl-btn {
	font-family: var(--font-serif);
	width: fit-content;
	margin: 40px 0 0 auto;
}
.flow-schedule__stop {
	font-family: var(--font-serif);
	font-size: clamp(1.125rem, 1.042rem + 0.17vw, 1.25rem);
	letter-spacing: 0.5em;
	text-align: center;
	background-color: #D5C8AC;
	padding: 20px 10px;
}
.flow-schedule__paid {
	padding-block: 60px 100px;
}
.flow-schedule__paid-inner .c-list01 {
	letter-spacing: 0.05em;
	color: #666666;
}

.company-fv {
	background: url(../img/company/fv_img01.webp) center/cover no-repeat;
	padding-block: 180px 160px;
}
@media (width <= 767px) {
	.company-fv {
		padding-block: 100px;
	}
}
.company-fv__title {
	display: flex;
	flex-direction: column;
	gap: 15px;
	font-family: var(--font-en);
	font-size: clamp(1.875rem, -2.532rem + 9.19vw, 8.5rem);
	font-weight: 500;
	color: #fff;
	letter-spacing: 0;
	text-transform: uppercase;
	line-height: 1;
}
.company-fv__title span {
	font-size: 0.235em;
}
.company-fv__panel {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px 60px;
	margin-top: 20px;
}
@media (width <= 767px) {
	.company-fv__panel {
		flex-direction: column-reverse;
		margin-top: 40px;
	}
}
.company-fv__box {
	color: #fff;
	width: min(100%, 550px);
	padding-bottom: 20px;
}
@media (width <= 767px) {
	.company-fv__box {
		width: 100%;
	}
}
.company-fv__box-title {
	font-size: clamp(1.625rem, 1.209rem + 0.87vw, 2.25rem);
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.company-fv__box-text {
	margin-top: 30px;
}
.company-fv__box-text + .company-fv__box-text {
	margin-top: 1lh;
}
.company-fv__img {
	width: min(100%, 416px);
	border: 5px solid #fff;
}
@media (width <= 767px) {
	.company-fv__img {
		width: 100%;
	}
}

.company-profile {
	padding-block: 100px;
}
.company-profile__dl-item {
	display: grid;
	grid-template-columns: 220px 1fr;
	border-top: 1px solid var(--color-gray02);
	padding-block: 40px;
}
@media (width <= 767px) {
	.company-profile__dl-item {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 15px;
	}
}
.company-profile__dl-text .c-btn01 {
	width: fit-content;
}
.company-profile__dl-text .c-list01 {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1em;
	width: min(100%, 240px);
}

.company-purpose {
	display: flex;
	flex-direction: column-reverse;
	background-color: #9E988A;
	padding-block: 40px 100px;
}
.company-purpose__panel {
	width: min(100%, 1160px);
}
.company-purpose__box {
	width: 100%;
	position: relative;
}
.company-purpose__img {
	width: 91.72%;
}
@media (width <= 1200px) {
	.company-purpose__img {
		width: 75%;
	}
}
@media (width <= 767px) {
	.company-purpose__img {
		width: 100%;
	}
}
.company-purpose__text {
	color: #fff;
	font-weight: 600;
	line-height: 2.2;
	position: absolute;
	inset: auto 0 0 auto;
}
@media (width <= 960px) {
	.company-purpose__text {
		margin-top: 40px;
		position: relative;
		inset: auto;
	}
}
@media (width <= 767px) {
	.company-purpose__text {
		font-size: 13px;
	}
}
.company-purpose__title {
	font-size: clamp(1.5rem, 0.336rem + 2.43vw, 3.25rem);
	color: #fff;
	line-height: 1.8;
	gap: 0.5em;
}
.company-purpose__title .c-title05__en {
	font-size: 0.38em;
}
.company-purpose__title .c-title05__en::before {
	content: none;
}

.company-btn__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 20px;
}
@media (width <= 767px) {
	.company-btn__list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.company-btn__list-btn {
	height: 200px;
}
.company-btn__list-btn::after {
	content: "";
	display: block;
	width: 8px;
	aspect-ratio: 1;
	background: url(../img/common/icon_arrow01.svg) center/contain;
	position: absolute;
	inset: auto 20px 20px auto;
	transition: 0.2s ease-out;
}
.company-btn__list-btn.c-bnr01 {
	margin-top: 0;
}
.company-btn__list-btn .c-bnr01__text {
	display: flex;
	flex-direction: column;
	font-family: var(--font-en);
}
.company-btn__list-btn .c-bnr01__text span {
	font-family: var(--font-serif);
	font-size: 14px;
}
@media (any-hover: hover) {
	.company-btn__list-btn:hover::after {
		translate: 5px 0;
	}
}

.performance-intro__slide-list.swiper-wrapper {
	transition-timing-function: linear;
}
.performance-intro__slide-item img {
	aspect-ratio: 480/680;
	height: 100%;
	object-fit: cover;
}
.performance-intro__inner {
	width: min(100%, 1300px);
	padding-bottom: 130px;
	margin-top: -100px;
	position: relative;
	z-index: 1;
}
@media (width <= 767px) {
	.performance-intro__inner {
		padding-bottom: 0;
		margin-top: 0;
	}
}
.performance-intro__inner::before {
	content: "";
	display: block;
	width: calc(50vw - 50%);
	height: 100%;
	background-color: #fff;
	position: absolute;
	inset: 0 auto auto calc(-50vw + 50%);
}
.performance-intro__box {
	display: flex;
	justify-content: space-between;
	gap: 40px;
	width: min(100%, 970px);
	background-color: #fff;
	padding: 100px;
}
@media (width <= 767px) {
	.performance-intro__box {
		flex-direction: column;
		padding: 100px 24px;
	}
}
.performance-intro__title {
	font-size: clamp(1.5rem, 1.084rem + 0.87vw, 2.125rem);
	writing-mode: vertical-rl;
	letter-spacing: 0.5em;
	line-height: 1.5;
}
@media (width <= 767px) {
	.performance-intro__title {
		writing-mode: horizontal-tb;
	}
}
.performance-intro__title span {
	display: inline-block;
	margin: -0.5em 0;
}
.performance-intro__textbox > * + * {
	margin-top: 1lh;
}
.performance-intro__text {
	font-weight: 300;
}

.performance-highlight {
	padding-block: 120px 180px;
}
@media (width <= 767px) {
	.performance-highlight {
		padding-block: 100px;
	}
}
.performance-highlight__inner {
	width: min(100%, 1280px);
}
.performance-highlight__title {
	display: flex;
	flex-direction: column;
	font-size: clamp(2.25rem, 1.418rem + 1.73vw, 3.5rem);
	line-height: 2;
	letter-spacing: 0.15em;
	padding-left: 1.6em;
	position: relative;
}
.performance-highlight__title::before {
	content: "";
	display: block;
	width: 0.089em;
	height: 100%;
	background-color: var(--color-black);
	position: absolute;
	inset: 0 auto auto 0;
}
.performance-highlight__title-en {
	font-family: var(--font-warbler);
	font-size: 16px;
	letter-spacing: 0.6em;
	line-height: 1;
}
.performance-highlight__title-s {
	font-size: 0.48em;
	line-height: 1;
}
.performance-highlight__list {
	counter-reset: num;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}
@media (width <= 960px) {
	.performance-highlight__list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.performance-highlight__list-item {
	counter-increment: num;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	justify-content: center;
	min-height: 300px;
	background-color: #fff;
	position: relative;
}
.performance-highlight__list-item::before {
	content: counter(num, decimal-leading-zero);
	display: block;
	font-family: var(--font-en);
	font-size: 22px;
	color: #fff;
	line-height: 1;
	width: 80px;
	aspect-ratio: 1;
	background-color: #CDCDCD;
	padding: 15px 0 0 12px;
	clip-path: polygon(0 0, 100% 0, 0 100%);
	position: absolute;
	inset: 0 auto auto 0;
}
.performance-highlight__list-icon {
	width: min(100%, 100px);
}
.performance-highlight__list-title {
	font-size: clamp(1.25rem, 0.793rem + 0.95vw, 1.938rem);
	letter-spacing: 0.05em;
}
.performance-highlight__panel {
	display: flex;
	justify-content: space-between;
	gap: 40px;
	background-color: #fff;
	padding: 60px 100px;
	margin-top: 10px;
}
@media (width <= 960px) {
	.performance-highlight__panel {
		flex-direction: column;
	}
}
@media (width <= 767px) {
	.performance-highlight__panel {
		padding: 60px 20px;
	}
}
.performance-highlight__panel > * {
	width: min(100%, 510px);
}
@media (width <= 960px) {
	.performance-highlight__panel > * {
		width: 100%;
	}
}
.performance-highlight__panel-title {
	display: grid;
	grid-template-columns: 95px 1fr;
	align-items: center;
	gap: 15px;
	font-size: clamp(1.5rem, 1.001rem + 1.04vw, 2.25rem);
}
.performance-highlight__panel-img img {
	height: 100%;
	object-fit: cover;
}

.performance__main {
	display: flex;
	align-items: flex-start;
	height: 600px;
	padding: 75px 24px;
	position: relative;
}
@media (width <= 767px) {
	.performance__main {
		width: 100%;
		height: auto;
		aspect-ratio: 16/5;
	}
}
.performance__main-inner {
	display: flex;
	justify-content: flex-end;
	width: min(100%, 1280px);
	position: relative;
	z-index: 1;
}
.performance__main-title {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 5px;
	font-size: clamp(1.375rem, 0.959rem + 0.87vw, 2rem);
	color: #fff;
	line-height: 1;
	padding-right: 1.59375em;
	position: relative;
}
.performance__main-title::after {
	content: "";
	display: block;
	width: 0.375em;
	height: 100%;
	background-color: var(--color-gold);
	position: absolute;
	inset: 0 0 auto auto;
}
.performance__main-title-box {
	display: flex;
	align-items: center;
	gap: 0.4em;
}
.performance__main-title-en {
	font-family: var(--font-en);
	font-size: 2.5em;
	letter-spacing: 0.3em;
	text-transform: uppercase;
}
@media (width <= 767px) {
	.performance__main-title-en {
		font-size: 1.2em;
	}
}
.performance__main-title-num {
	font-size: 0.75em;
	letter-spacing: 0.15em;
}
.performance__main-title-ja {
	display: flex;
	align-items: center;
	gap: 0.5em;
	letter-spacing: 0.05em;
}
.performance__main-title-ja::before {
	content: "";
	display: block;
	width: 1.9375em;
	height: 1px;
	background-color: #fff;
}
.performance__main-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0 auto auto 0;
}
.performance__main-bg img {
	height: 100%;
	object-fit: cover;
}
.performance__inner {
	width: min(100%, 1280px);
	background-color: var(--color-bg);
	margin: -100px auto 0;
	padding: 100px 90px 160px;
	position: relative;
	z-index: 1;
}
@media (width <= 767px) {
	.performance__inner {
		padding: 100px 24px;
		margin-top: 0;
	}
}
.performance__title {
	font-size: clamp(1.625rem, 1.126rem + 1.04vw, 2.375rem);
	text-align: center;
}
.performance__tag {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.performance__tag--c {
	justify-content: center;
}
.performance__tag-item {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 14px;
	line-height: 1;
	background-color: #F5F5F5;
	border-radius: 5px;
	min-height: 30px;
	padding: 0 15px;
}
.performance__tag-item::before {
	content: "";
	display: block;
	width: 12.5px;
	aspect-ratio: 1;
	background: url(../img/common/icon_check01.svg) center/contain no-repeat;
}
.performance__technology {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}
@media (width <= 960px) {
	.performance__technology {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.performance__technology--g80 {
	gap: 40px 80px;
}
.performance__technology-item {
	display: flex;
	flex-direction: row-reverse;
	gap: 40px;
	background-color: #fff;
	padding: 30px;
	position: relative;
}
@media (width <= 767px) {
	.performance__technology-item {
		flex-direction: column;
	}
}
.performance__technology-item--p0 {
	padding: 0;
}
.performance__technology-title {
	font-size: 18px;
	color: #fff;
	background-color: var(--color-black);
	padding: 6px 35px 6px 50px;
	position: absolute;
	inset: 0 0 auto auto;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 22px 100%);
}
.performance__technology-catch {
	font-size: clamp(1.125rem, 1.042rem + 0.17vw, 1.25rem);
	font-weight: 500;
	color: var(--color-red);
	writing-mode: vertical-rl;
	line-height: 1.5;
	width: 90px;
	padding-top: 50px;
}
@media (width <= 767px) {
	.performance__technology-catch {
		writing-mode: horizontal-tb;
		width: 100%;
	}
}
.performance__technology-catch span {
	display: inline-block;
	margin: -0.5em 0;
}
@media (width <= 767px) {
	.performance__technology-catch span {
		margin: 0;
	}
}
.performance__technology-box {
	flex: 1;
}
.performance__technology-textbox {
	padding: 15px;
}
.performance__technology-name {
	font-size: clamp(1.125rem, 0.876rem + 0.52vw, 1.5rem);
	letter-spacing: 0.05em;
}
.performance__technology-name--fz20 {
	font-size: 20px;
}
.performance__technology-text {
	font-weight: 300;
}

.performance-insulation__title {
	display: flex;
	align-items: center;
	gap: 10px 30px;
}
@media (width <= 767px) {
	.performance-insulation__title {
		flex-direction: column;
		align-items: flex-start;
	}
}
.performance-insulation__title-l {
	font-size: clamp(1.5rem, 1.084rem + 0.87vw, 2.125rem);
}
.performance-insulation__title-s {
	border-top: 1px solid var(--color-black);
	border-bottom: 1px solid var(--color-black);
	padding: 5px 10px;
}
.performance-insulation__heat {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
	width: min(100%, 980px);
	margin-inline: auto;
}
@media (width <= 960px) {
	.performance-insulation__heat {
		flex-direction: column;
	}
}
.performance-insulation__heat-box {
	width: min(100%, 418px);
}
@media (width <= 960px) {
	.performance-insulation__heat-box {
		width: 100%;
	}
}
.performance-insulation__heat-text + .performance-insulation__heat-text {
	margin-top: 30px;
}
.performance-insulation__heat-img {
	width: min(100%, 502px);
}
@media (width <= 960px) {
	.performance-insulation__heat-img {
		width: 100%;
	}
}
.performance-insulation__material {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	background-color: #fff;
	padding: 10px;
}
@media (width <= 960px) {
	.performance-insulation__material {
		flex-direction: column;
	}
}
.performance-insulation__material-box {
	width: min(100%, 770px);
	padding: 50px;
}
@media (width <= 767px) {
	.performance-insulation__material-box {
		padding: 40px 10px;
	}
}
.performance-insulation__material-img {
	width: min(100%, 300px);
}
@media (width <= 960px) {
	.performance-insulation__material-img {
		width: 100%;
	}
}
.performance-insulation__material-img img {
	height: 100%;
	object-fit: cover;
}
.performance-insulation__window {
	background-color: #fff;
	padding: 60px;
	margin-top: 20px;
}
@media (width <= 767px) {
	.performance-insulation__window {
		padding: 40px 20px;
	}
}
.performance-insulation__window-btn {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.performance-insulation__window-btn-btn {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	width: 100%;
	background-color: #BFBFBF;
	border: 0;
	border-bottom: 4px solid var(--color-black);
	padding: 13px;
	cursor: pointer;
	transition: 0.2s ease-out;
}
@media (any-hover: hover) {
	.performance-insulation__window-btn-btn:hover {
		background-color: var(--color-black);
	}
}
.performance-insulation__window-btn-btn--current {
	background-color: var(--color-black);
}
.performance-insulation__window-product {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}
@media (width <= 960px) {
	.performance-insulation__window-product {
		flex-direction: column;
	}
}
.performance-insulation__window-product-img {
	width: min(100%, 235px);
}
.performance-insulation__window-product-box {
	width: min(100%, 705px);
}
.performance-insulation__window-product-title {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.05em;
}
.performance-insulation__window-comparison {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	background-color: #F7F7F7;
	padding: 30px;
}
@media (width <= 1200px) {
	.performance-insulation__window-comparison {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.performance-insulation__window-comparison-title {
	font-size: 18px;
	font-weight: 500;
}
.performance-insulation__window-comparison-list > * + * {
	margin-top: 5px;
}
.performance-insulation__window-comparison-list-item {
	display: grid;
	grid-template-columns: 180px 1fr;
}
@media (width <= 767px) {
	.performance-insulation__window-comparison-list-item {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.performance-insulation__window-comparison-list-item--gray {
	--color01: #5D5D5D;
	--color02: #717171 ;
}
.performance-insulation__window-comparison-list-item--gold {
	--color01: var(--color-gold);
	--color02: #C5A25C ;
}
.performance-insulation__window-comparison-list-title, .performance-insulation__window-comparison-list-cts {
	padding: 20px;
}
.performance-insulation__window-comparison-list-title {
	font-family: var(--font-sans);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	color: #fff;
	text-align: center;
	background-color: var(--color01);
	line-height: 1.4;
}
.performance-insulation__window-comparison-list-title span {
	font-family: var(--font-serif);
	font-size: 14px;
	font-weight: 300;
}
.performance-insulation__window-comparison-list-cts {
	color: #fff;
	background-color: var(--color02);
}
.performance-insulation__window-comparison-dl, .performance-insulation__window-comparison-dl-item {
	display: flex;
	align-items: center;
	gap: 10px;
}
.performance-insulation__window-comparison-dl-title {
	font-family: var(--font-sans);
	font-size: 14px;
	text-align: center;
	line-height: 1.2;
}
.performance-insulation__window-comparison-dl-cts {
	font-family: var(--font-en);
	font-size: clamp(1.5rem, 1.084rem + 0.87vw, 2.125rem);
}
.performance-insulation__window-comparison-dl-cts span {
	font-size: 16px;
}
.performance-insulation__glas {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 40px 20px;
}
@media (width <= 960px) {
	.performance-insulation__glas {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

.performance-structure__list > * + * {
	margin-top: 20px;
}
.performance-structure__list-item {
	display: grid;
	grid-template-columns: 260px 1fr;
	gap: 40px;
	border: 1px solid var(--color-black);
}
@media (width <= 960px) {
	.performance-structure__list-item {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.performance-structure__list-img img {
	height: 100%;
	object-fit: cover;
}
.performance-structure__list-panel {
	padding: 40px;
}
.performance-structure__list-box {
	display: flex;
	align-items: center;
	gap: 20px;
}
.performance-structure__list-cat {
	font-weight: 500;
	color: #fff;
	background-color: var(--color-gold);
	padding: 2px 10px;
	position: relative;
}
.performance-structure__list-cat::before {
	content: "";
	display: block;
	width: 62px;
	height: 1px;
	background-color: var(--color-black);
	position: absolute;
	inset: 50% auto auto -80px;
	translate: 0 -50%;
}
@media (width <= 960px) {
	.performance-structure__list-cat::before {
		width: 1px;
		height: 62px;
		inset: -80px auto auto 50%;
		translate: -50% 0;
	}
}
.performance-structure__list-title {
	font-size: clamp(1.375rem, 0.876rem + 1.04vw, 2.125rem);
	line-height: 1;
	letter-spacing: 0.25em;
}

.performance-energy__option {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border: 1px solid var(--color-black);
	gap: 60px 80px;
	position: relative;
}
@media (width <= 960px) {
	.performance-energy__option {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.performance-energy__option-batsu {
	width: 80px;
	aspect-ratio: 1;
	position: absolute;
	inset: 50% auto auto 50%;
	translate: -50% -50%;
}
.performance-energy__option-batsu::before, .performance-energy__option-batsu::after {
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	background-color: var(--color-black);
	position: absolute;
	inset: 50% auto auto 50%;
	translate: -50% -50%;
}
.performance-energy__option-batsu::before {
	rotate: 45deg;
}
.performance-energy__option-batsu::after {
	rotate: -45deg;
}
.performance-energy__option-item {
	padding: 40px;
}
.performance-energy__option-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.performance-energy__option-title {
	display: flex;
	gap: 10px;
	align-items: center;
	font-size: clamp(1.375rem, 0.959rem + 0.87vw, 2rem);
	letter-spacing: 0.25em;
}
.performance-energy__option-title span {
	font-weight: 500;
	color: #fff;
	background-color: var(--color-black);
	line-height: 1.4;
	padding: 1px 10px;
	letter-spacing: 0;
}
.performance-energy__option-en {
	font-size: 14px;
	color: var(--color-gold);
	text-transform: uppercase;
}

.performance-recommendation {
	padding-top: 200px;
}
@media (width <= 767px) {
	.performance-recommendation {
		padding-top: 100px;
	}
}
.performance-recommendation__title {
	font-size: clamp(1.25rem, 0.834rem + 0.87vw, 1.875rem);
	font-weight: 300;
	color: var(--color-gold);
	text-align: center;
	letter-spacing: 0.5em;
}

.performance-bnr {
	padding-top: 200px;
}
@media (width <= 767px) {
	.performance-bnr {
		padding-top: 100px;
	}
}
.performance-bnr .c-bnr01 {
	margin-top: 0;
}
.performance-bnr .c-bnr01__text {
	font-size: clamp(1.125rem, 0.792rem + 0.69vw, 1.625rem);
	font-weight: normal;
}
.performance-bnr .c-bnr01__text span {
	display: block;
	font-family: var(--font-sans);
	font-size: 15px;
	margin-top: 10px;
}/*# sourceMappingURL=style.css.map */