/**
 * ヘッダーロゴのスタイル（B to B / B to C 共通）
 *
 * @package kaigounei
 */

/* スマホ用ロゴ（ヘッダー左上） */
.headerContainer__logo--mobile {
	display: none;
}

/* ナビゲーション内のロゴ（PC用） */
.nav-global .headerContainer__logo {
	margin: 0 60px 0 0;
}

.nav-global .headerContainer__logo a {
	width: 160px;
	height: 86px;
	text-indent: -9999px;
	background-size: contain;
	background-position: center;
	display: block;
}

/* セクション切り替えリンク（PC） */
.nav-section-switch {
	display: none;
}

/* PC表示時のみ表示 */
@media ( min-width: 769px ) {
	.nav-section-switch {
		display: none;
	}
}

/* スマホ表示時 */
@media ( max-width: 768px ) {
	/* スマホ用ロゴを表示 */
	.headerContainer__logo--mobile {
		display: block;
		position: absolute;
		left: 15px;
		top: 10px;
		z-index: 100;
	}

	.headerContainer__logo--mobile a {
		display: block;
		width: 120px;
		height: 65px;
		text-indent: -9999px;
		background-size: contain;
		background-position: center left;
		background-repeat: no-repeat;
	}

	/* ナビゲーション内のロゴを非表示（PC表示用のロゴ） */
	.nav-logo-desktop {
		display: none !important;
	}

	.nav-global .headerContainer__logo {
		display: none;
	}

	/* ヘッダーのコピーテキストを右にずらす */
	.headerContainer__copy {
		padding-left: 140px;
	}

	/* スマホのハンバーガーメニュー内でセクション切り替えリンクを表示 */
	.nav-section-switch {
		display: list-item;
	}
}

