@charset "UTF-8";
/*  ----------------------------------------------------------

custom（案件用の上書き。テンプレ本体CSSは触らない）

----------------------------------------------------------  */

/* メインカラー：テンプレの赤(#c8000b)を #1565C0 に変更（HS窓口加筆） */
:root {
	--color-prime: #1565C0;
	--color-bg: #e8f0fa;
	color-scheme: only light;
}

/* body 背景の欠落対策（ダークモードで本文が沈むのを防ぐ） */
html,
body {
	background-color: #fff;
}
body.top {
	background-color: #F9F9F9;
}

/* ヘッダーロゴ：画像のベースライン余白をなくす */
header h1 a {
	display: block;
}
header h1 img {
	display: block;
	width: 100%;
	height: auto;
}

/* TOP：MVの上端に暗幕を敷き、白ロゴ・白ナビを読めるようにする */
.top-kv #main::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 45%;
	background: linear-gradient(to bottom, rgba(0,0,0,0.45), rgba(0,0,0,0));
	z-index: 2;
	pointer-events: none;
}

/* 下層ページMV：テンプレ既定のストック写真から案件写真へ差し替え */
.page-ttl {
	background-image: url(../img/page-mv.jpg);
}

/* TOP：ヘッダーはMVに重なるため、ロゴに白プレートを敷く（左の余白帯とMV写真の両方で読めるように） */
.top header h1 a {
	background: #fff;
	padding: 1.4rem 1.8rem;
	box-shadow: 0 0 1rem rgba(0,0,0,0.1);
}
@media screen and (max-width: 768px) {
	.top header h1 a {
		padding: 0.8rem 1.2rem;
	}
}