/* 下層共通スタイル
PCフォントサイズ、カンプより80%小さくしている（もとから小さいところは除外）
*/


/* ----------
パンくずリスト
---------- */
.breadcrumb {
	padding-inline: 20px;

	@media screen and (max-width: 899px) {
		padding-inline: 5.33vw;
	}
}

.breadcrumb__list {
	font-size: min(.687rem, 2.93vw);
	width: min(1200px, 100%);
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	gap: .5em;
	padding-block: min(40px, 5.33vw) 0;

	@media screen and (max-width: 899px) {
		padding-block: 5.33vw 0;
	}
}

.breadcrumb__item {
	display: flex;
	gap: .5em;
	letter-spacing: .02em;

	&:not(:last-child):after {
		content: ">";
	}
}


/* ----------
下層ページwraper
---------- */
.content-area {
	padding-inline: 20px;

	@media screen and (max-width: 899px) {
		padding-inline: 5.33vw;
	}
}

.page-contents {
	width: min(1200px, 100%);
	container-type: inline-size;
	margin: 0 auto;
}

body:not(.slug-concept) .page-contents__inner {
	padding-top: 6.67cqw;

	@media screen and (max-width: 899px) {
		padding-top: 8vw;
	}
}



/*----------
 下層ページ上部ヘッダー 
 ----------*/
.page-header {
	display: grid;
	margin-bottom: 8.33cqw;

	@media screen and (max-width: 899px) {
		margin-bottom: 13.33vw;
	}

}

.page-header__title {
	/* 375px-899px:16px-21px */
	font-size: clamp(1rem, 0.776rem + 0.95vw, 1.313rem);
	line-height: 1.4;
	font-weight: 300;
	margin: 0 0 1.7em 0;

	@media screen and (max-width: 899px) {
		margin-bottom: 1em;
	}
}

.page-header__title-en {
	/* 375px-899px:55px-112px */
	font-size: clamp(3.438rem, 0.888rem + 10.88vw, 7rem);
	line-height: 1;
	letter-spacing: -.02em;
	font-family: var(--font-family--en);
	font-weight: 500;
	margin-top: 0;
	margin-bottom: .214em;

	@media screen and (max-width: 899px) {
		margin-bottom: .5em;
	}
}

.page-header__text {
	/* 375px-899px:16px-21px */
	font-size: clamp(1rem, 0.776rem + 0.95vw, 1.313rem);
	line-height: 2;
	letter-spacing: .05em;
}