/* ============================================================
   旧サイトの「追加CSS」を移植（トップページに関係する部分のみ）
   ============================================================ */

/* リンク色・見出し色（旧サイトのカスタマイザー設定） */
a,
.subheader {
	color: #4693f5;
}
a:hover {
	color: #639af6;
}
.site-bottom {
	background-color: #f4f5f6;
}

/* 上メニューバー：メイン画像の上に半透明で重ねる */
.main-header-original {
	position: absolute;
	z-index: 1;
	width: 100%;
}
.main-header {
	background-color: rgba(255, 255, 255, 0.7);
}

/* コンテンツ幅 */
.site-content {
	max-width: 980px;
	margin: 0 auto;
}

/* 英語表記の小見出し（About Us など） */
.subitem {
	color: #4693f5;
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 0.6em;
	margin-top: 0;
	text-transform: uppercase;
}
.subitem + h1,
.subitem + h2,
.subitem + h3,
.subitem + h4,
.subitem + h5,
.subitem + h6 {
	margin-top: 0;
}

/* メインヘッダー画像
   画像ファイル：assets/images/hp_top.png（未配置の場合は濃いグレー背景になる） */
.jumbotron {
	background-image: url(../images/hp_top.png);
	width: 100%;
	height: 30vw;
}
.jumbotron-overlay {
	height: 30vw;
	background-color: rgba(0, 0, 0, 0.2);
}
.jumbotron-content {
	width: 100%;
	max-width: none;
	height: 30vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
.subheader {
	margin-top: 100px;
}

/* 区切り線 */
.line-hr {
	border-top: 1px solid #000;
	margin: 20px 0;
}

/* スマホ */
@media (max-width: 480px) {
	.main-header-original {
		position: static;
		z-index: auto;
		width: auto;
	}
	.subheader {
		font-size: 5pt;
		margin-top: 20px !important;
	}
	.jumbotron-title {
		font-size: 10pt;
	}
}

/* 会社概要の表のスタイルは businesspress.css 末尾（旧サイトで追記されていた部分）にそのまま残っている */