/* Lightning 15（Bootstrap 4）で崩れるヘッダーを、Lightning 4（Bootstrap 3）の並びに戻す */
/* 全幅: Bootstrap 4 の .navbar（flex・padding）を外し、ロゴ・電話の段組みを本番に合わせる */
header.navbar.siteHeader {
	display: block;
	padding: 0;
}
header.siteHeader > .siteHeadContainer {
	display: block;
}
/* 見出し・本文・表: 本番（Lightning 4・Bootstrap 3・デザインスキン origin）の計算済みの値に合わせる。Lightning 15（origin2・Bootstrap 4）は rem 基準で、文字の大きさ・行間・余白・表の余白が変わるため。値は本番のページから読み取った（行間は比率）。html body を頭に付けて origin2 より優先させる */
table th,
table td {
	padding: 8px;
}
html body {
	font-size: 16px;
	color: rgb(51, 51, 51);
	line-height: 1.42857;
}
html body h1 {
	font-size: 36px;
	margin-bottom: 10px;
	line-height: 1.7;
}
html body h2 {
	font-size: 24px;
	margin-top: 36px;
	margin-bottom: 28.8px;
	padding: 14px 10px 10px;
	background-color: rgb(245, 245, 245);
	line-height: 1.7;
}
html body h3 {
	font-size: 24px;
	margin-top: 36px;
	margin-bottom: 28.8px;
	line-height: 1.7;
}
html body h4 {
	line-height: 1.7;
}
html body h5 {
	font-size: 18px;
	margin-top: 27px;
	margin-bottom: 21.6px;
	padding: 7px 7px 3px;
	border-top: 1px solid rgb(204, 204, 204);
	border-bottom: 1px solid rgb(204, 204, 204);
	background-color: rgb(245, 245, 245);
	line-height: 1.7;
}
html body h6 {
	font-size: 12px;
	margin-top: 18px;
	margin-bottom: 14.4px;
	line-height: 1.7;
}
html body p {
	line-height: 1.8;
}
html body ul,
html body ol {
	line-height: 1.42857;
}
@media (max-width: 767px) {
	html body h1 {
		font-size: 24px;
	}
	html body h3 {
		font-size: 18px;
		margin-top: 27px;
		margin-bottom: 21.6px;
	}
	html body h5,
	html body h6 {
		font-size: 16px;
		margin-top: 24px;
		margin-bottom: 19.2px;
	}
	html body ul,
	html body ol {
		margin-top: 24px;
		margin-bottom: 19.2px;
	}
}
/* 本文＋サイドバーの2カラム（Bootstrap 3 の col-md は幅992px以上で横並び。origin2 は .row を block にして縦積みにしてしまう） */
@media (min-width: 992px) {
	body .siteContent > .container > .row {
		display: flex;
		align-items: flex-start;
	}
	body .siteContent .col-md-offset-1 {
		margin-left: 8.33333333%;
	}
}
/* LP テンプレートのページ（ご挨拶など）: origin2 は本文の上余白を 0 にするが、本番（origin）は 1em／幅768px以上は 3.5em／幅700px以下は 45px（子テーマ style.css の指定が origin2 に負けているため、詳細度を上げて戻す） */
body.page-template-page-lp .siteContent,
body.page-template-page-lp-builder .siteContent {
	padding-top: 1em;
}
@media (min-width: 768px) {
	body.page-template-page-lp .siteContent,
	body.page-template-page-lp-builder .siteContent {
		padding-top: 3.5em;
	}
}
@media (max-width: 700px) {
	body.page-template-page-lp .siteContent,
	body.page-template-page-lp-builder .siteContent {
		padding-top: 45px;
	}
}
/* フッターの背景: 子テーマ style.css の footer {background: 青灰色} が origin2 の .siteFooter（薄い灰色）に負けているため、詳細度を上げて戻す */
html body footer.siteFooter {
	background-color: rgb(204, 214, 226);
}
/* フッターのメニュー（PC）: origin2 の `.footerMenu li:last-child a { border-right: 1px solid }` が、最後の項目（採用情報）の右に縦線を出す。本番にはないので消す（先方のご指摘 11/4）。詳細度は origin2 の規則より高くする */
html body footer.siteFooter .footerMenu li a,
html body footer.siteFooter .footerMenu li:last-child a {
	border: none;
}
/* フッターのメニュー: 本番（Bootstrap 3）は .nav > li > a の余白 10px 15px（Bootstrap 4 / origin2 は li 側に 7px・ul の上に 24px） */
@media (max-width: 767px) {
	html body .siteFooter .footerMenu ul.nav {
		margin-top: 0;
	}
	html body .siteFooter .footerMenu ul.nav > li {
		padding: 0;
	}
	html body .siteFooter .footerMenu ul.nav > li > a {
		display: block;
		padding: 10px 15px;
	}
}
/* 1カラムのページの下余白（スマホ）: 本番（origin）は本文の下に余白なし＋.siteContent の下余白 1.5em。origin2 は .mainSection の下余白 2rem＋.siteContent の下余白 2rem で約31px 長くなる。サイドバーがある（後ろに .subSection が続く）ページの .mainSection は触らない */
@media (max-width: 767px) {
	html body .siteContent {
		padding-bottom: 1.5em;
	}
	html body .siteContent .mainSection:last-child {
		margin-bottom: 0;
	}
}
/* お知らせ記事（single）: 本番（origin）の余白・文字に合わせる。本文の上余白 1em（幅768px以上は 2em）／カテゴリーのボタン 12px・行間 1.5／記事下の余白 2em／前後記事リンクの上下余白 20px。origin2 は値が違い、記事が約34px 短くなる */
html body.single .entry-body {
	padding-top: 1em;
}
@media (min-width: 768px) {
	html body.single .entry-body {
		padding-top: 2em;
	}
}
html body.single .entry-meta_items_term a {
	font-size: 12px;
	line-height: 1.5;
	border: 1px solid rgb(46, 109, 164);
	background-color: rgb(88, 122, 161);
}
html body.single .entry-footer {
	margin-bottom: 2em;
}
html body.single .entry-footer dd a {
	padding-top: 3px;
	color: rgb(51, 122, 183);
}
html body.single .pager {
	margin: 20px 0;
	min-height: 20px;
	font-size: 14px;
	line-height: 20px;
}
/* スマホのメニュー（Lightning 15 のドロワー）: 子テーマ style.css の `#menu-main-menu-1 li::before { content: ">" }` は本番ではフッターのメニュー用だった id。Lightning 15 ではドロワーの ul がこの id になり、「>」が出てしまうので消す。文字の大きさ・行の余白は本番のメニュー（14px・余白 10px 15px）に合わせる */
html body .vk-mobile-nav #menu-main-menu-1 li::before {
	content: none;
}
html body .vk-mobile-nav .vk-menu-acc .menu-item > a {
	font-size: 14px;
	padding: 10px 15px;
}
/* 採用情報（page-id-17）: 本番の追加CSS が隠している Smart Slider（旧マークアップ .n2-ss-align）を、新しい Smart Slider のタグでも隠す */
.page-id-17 ss3-force-full-width {
	display: none;
}
/* PC 幅だけ: グローバルメニューの並び */
@media (min-width: 992px) {
	.siteHeader .gMenu_outer {
		display: block;
		float: none;
		width: 100%;
		min-height: 0;
	}
	.siteHeader .gMenu_outer > nav {
		display: block;
	}
	.siteHeader ul.gMenu > li > a {
		padding: 5px 19px;
		line-height: 23px;
	}
}