/* =========================================================
	ベース：全画面高さ・背景色・本文色
========================================================= */
html, body { height: 100%; }
body{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	margin:0;
	background: rgb(255, 234, 237);
	color:#111;
}


/* =========================================================
	ページ上部：タイトル帯（コンテナ）
========================================================= */
.page-header{
	margin-top: var(--header-h);
	padding: 0 0 1.6vh;
	border:none;
	background: transparent;
}

/* ページ上部：タイトル帯の内側幅・中央寄せ */
.ph-inner{
	width:75%;
	margin:0 auto;
	text-align:center;
}

/* ページ上部：ページタイトル見出し */
.ph-title{
	margin:0 0 4vh;
	font-size:2.8vw;
	line-height:1.2;
	color:#e60000;
	font-weight:700;
}

/* =========================================================
	パンくず帯（フッター直前の枠）
========================================================= */
.breadcrumb-bottom{
	width:93%;
	margin:3vh auto 0;
	padding:1vh 0 0;
	border:none;
	background:transparent;
}

/* パンくず：左右配置・行末揃え設定 */
.bc-inner{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width:100%;
	margin:0;
	font-size:0.85vw;
	line-height:1.6;
	color:#e60000;
	white-space:nowrap;
}

/* パンくず：リンク装飾 */
.breadcrumb-bottom a{ color:#e60000; text-decoration:none; }
.breadcrumb-bottom a:hover{ text-decoration:underline; }
.breadcrumb-bottom .sep{ margin:0 .35em; }
.breadcrumb-bottom .current{ font-weight:700; }

/* パンくず：左側テキスト（階層表示） */
.breadcrumb-left {
	font-size: 1vw;
	margin-bottom: 2vh;
}

/* パンくず：右側の大きなアウトライン文字（NEWS/CONTACT等） */
.sub-outline{
	font-size:7.8vw;
	font-weight:700;
	color:#ffccd3;
	line-height:1;
	letter-spacing: -0.2vw;
	display:block;
	align-self:flex-end;
	margin:0 -1.6vw 0 0;
	padding:0;
	transform: translateY(1.4vh);
}

/* =========================================================
	Responsive（～900px）
========================================================= */
@media (max-width:900px){

	/* タイトル帯：上下余白・見出しサイズ */
	.page-header{
		padding: 0 0 2vh;
	}
	.ph-title{
		margin:0 0 2vh;
		font-size:6.8vw;
	}

	/* パンくず帯：横幅・内側余白 */
	.breadcrumb-bottom{
		width:90%;
		margin:3vh auto 0;
		padding:2.4vh 0 0;
	}

	/* パンくず：左側テキストのサイズ */
	.breadcrumb-left {
		font-size: 2.8vw;
		margin-bottom: 2vh;
	}

	/* パンくず：アウトライン文字はSPで非表示 */
	.sub-outline{
		display: none;
	}
}