/* =========================================
   パンくず「ホーム」の文字色
========================================= */
#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs a:hover,
#breadcrumbs a:active {
	color: #000000 !important;
}


/* =========================================
   PCヘッダー画像のサイズ・位置
========================================= */
@media screen and (min-width: 769px) {

	/* 事務所ロゴを少し上へ */
	#headerparts #header_logo {
		translate: 0 -7px !important;
	}

	#headerparts #header_logo img,
	#headerparts #header_logo1 img,
	#headerparts #header_logo2 img,
	#headerparts #header_logo3 img,
	#headerparts #header_contact img {
		display: block !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}

	/* 事務所ロゴ */
	#headerparts #header_logo img {
		width: auto !important;
		max-width: none !important;
		height: 69px !important;
		max-height: 69px !important;
	}

	/* LINE */
	#headerparts #header_logo1 img {
		width: 60px !important;
		max-width: 60px !important;
		height: 60px !important;
		max-height: 60px !important;
	}

	/* 10万円プレミアムパック */
	#headerparts #header_logo2 img {
		width: 180px !important;
		max-width: 180px !important;
	}

	/* 無料相談 */
	#headerparts #header_logo3 img {
		width: 197px !important;
		max-width: 197px !important;
	}

	/* 電話番号 */
	#headerparts #header_contact img {
		width: 234px !important;
		max-width: 234px !important;
	}
}


/* =========================================
   PCグローバルナビ
========================================= */
@media screen and (min-width: 769px) {

	#headermenu-container {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	#headermenu-container ul.headermenu-box {
		display: flex !important;
		align-items: stretch !important;
		justify-content: center !important;
		flex-wrap: nowrap !important;

		width: 1200px !important;
		max-width: calc(100% - 30px) !important;

		margin: 0 auto !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	#headermenu-container ul.headermenu-box li {
		display: block !important;
		float: none !important;
		flex: 1 1 0 !important;

		width: auto !important;
		min-width: 0 !important;

		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	#headermenu-container ul.headermenu-box li a {
		display: block !important;
		width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;

		line-height: 0 !important;
		box-sizing: border-box !important;
	}

	#headermenu-container ul.headermenu-box li img {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;

		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;

		box-sizing: border-box !important;
	}
}


/* =========================================
   ホーム用スライド
========================================= */
body#home #slide-homeslide,
body#home #slide-homeslide .bx-wrapper,
body#home #slide-homeslide .bx-viewport {
	width: 100% !important;
	max-width: 100% !important;

	margin-right: auto !important;
	margin-left: auto !important;
	padding: 0 !important;

	box-sizing: border-box !important;
}

body#home #slide-homeslide .bx-viewport {
	overflow: hidden !important;
}

body#home #slide-homeslide ul {
	margin: 0 !important;
	padding: 0 !important;
}

body#home #slide-homeslide ul li {
	margin: 0 !important;
	padding: 0 !important;

	text-align: center !important;
	overflow: hidden !important;
}

body#home #slide-homeslide ul li img {
	display: block !important;
	float: none !important;

	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;

	margin: 0 auto !important;
	padding: 0 !important;
	border: 0 !important;

	object-fit: contain !important;
	box-sizing: border-box !important;
}


/* =========================================
   ホーム：右画像を元サイズのまま右寄せ
========================================= */
@media screen and (min-width: 769px) {

	body#home div#main div.simple {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;

		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;

		box-sizing: border-box !important;
	}

	body#home div#main div.simple div.image.right {
		display: block !important;
		float: right !important;
		clear: none !important;

		width: auto !important;
		max-width: 100% !important;
		height: auto !important;

		margin: 0 0 0 15px !important;
		padding: 0 !important;

		box-sizing: border-box !important;
	}

	body#home div#main div.simple div.image.right img {
		display: block !important;
		float: none !important;

		width: auto !important;
		max-width: 100% !important;
		height: auto !important;

		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;

		box-sizing: border-box !important;
	}
}


/* =========================================
   下層ページ：画像＋テキスト
========================================= */
@media screen and (min-width: 769px) {

	body#page div#main div.simple {
		display: flex !important;
		align-items: flex-start !important;

		width: 100% !important;
		max-width: 100% !important;

		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;

		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	/* 左画像 */
	body#page div#main div.simple > div.image.left {
		display: block !important;
		float: none !important;

		flex: 0 0 48% !important;
		width: 48% !important;
		max-width: 48% !important;

		margin: 0 15px 0 0 !important;
		padding: 0 !important;

		box-sizing: border-box !important;
	}

	/* 右画像 */
	body#page div#main div.simple > div.image.right {
		display: block !important;
		float: none !important;

		flex: 0 0 48% !important;
		order: 2 !important;

		width: 48% !important;
		max-width: 48% !important;

		margin: 0 0 0 15px !important;
		padding: 0 !important;

		box-sizing: border-box !important;
	}

	body#page div#main div.simple > div.image.left img,
	body#page div#main div.simple > div.image.right img {
		display: block !important;
		float: none !important;

		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;

		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;

		box-sizing: border-box !important;
	}

	/* テキスト欄 */
	body#page div#main div.simple > div.text {
		display: block !important;
		float: none !important;

		flex: 1 1 0 !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;

		overflow-wrap: anywhere !important;
		word-break: normal !important;

		box-sizing: border-box !important;
	}

	body#page div#main div.simple > div.text p {
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
}


/* =========================================
   本文の文字サイズ・行間
========================================= */
body#page div#main div.simple > div.text,
body#page div#main div.simple > div.text p {
	font-size: 18px !important;
	line-height: 1.8 !important;
}

div#main div.texts div.text,
div#main div.texts div.text p,
div#main div.texts div.text span {
	font-size: 18px !important;
	line-height: 1.8 !important;
}


/* =========================================
   スマホ：ホーム本文画像
========================================= */
@media screen and (max-width: 768px) {

	body#home div#main,
	body#home div#main div.simple {
		display: block !important;
		float: none !important;

		width: 100% !important;
		max-width: 100% !important;

		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;

		box-sizing: border-box !important;
	}

	body#home div#main div.simple {
		margin-bottom: 15px !important;
	}

	body#home div#main div.simple div.image.right {
		display: block !important;
		float: none !important;
		clear: both !important;

		width: 100% !important;
		max-width: 100% !important;

		margin: 0 0 15px !important;
		padding: 0 !important;

		text-align: center !important;
		box-sizing: border-box !important;
	}

	body#home div#main div.simple div.image.right img {
		display: inline-block !important;
		float: none !important;

		width: auto !important;
		max-width: 100% !important;
		height: auto !important;

		margin: 0 auto !important;
		padding: 0 !important;
		border: 0 !important;
	}
}


/* =========================================
   スマホ：下層ページの画像＋テキスト
========================================= */
@media screen and (max-width: 768px) {

	body#page div#main div.simple {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;

		margin: 0 0 15px !important;
		padding: 0 !important;

		box-sizing: border-box !important;
	}

	body#page div#main div.simple > div.image.left,
	body#page div#main div.simple > div.image.right,
	body#page div#main div.simple > div.text {
		display: block !important;
		float: none !important;

		width: 100% !important;
		max-width: 100% !important;

		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;

		box-sizing: border-box !important;
	}

	body#page div#main div.simple > div.image.left,
	body#page div#main div.simple > div.image.right {
		margin-bottom: 15px !important;
		text-align: center !important;
	}

	body#page div#main div.simple > div.image.left img,
	body#page div#main div.simple > div.image.right img {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;

		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}
}


/* =========================================
   重複する2つ目のサイト説明を非表示
========================================= */
#dynamic-header > #blogdescription ~ #blogdescription {
	display: none !important;
}


/* =========================================
   下層ページの区切り線「｜」
========================================= */

/* 先頭には付けない */
body#page #dynamic-header > #blogdescription:first-of-type strong:first-of-type::before {
	content: none !important;
}

/* ページ名とサイト名の間だけ追加 */


/* =========================================
   PCヘッダーサイズ：最終優先指定
========================================= */
@media screen and (min-width: 769px) {

	html body #dynamic-header #headerparts #header_logo img {
		width: auto !important;
		max-width: none !important;
		height: 76px !important;
		max-height: 76px !important;
	}

	html body #dynamic-header #headerparts #header_logo1 img {
		width: 66px !important;
		max-width: 66px !important;
		height: 66px !important;
		max-height: 66px !important;
	}

	html body #dynamic-header #headerparts #header_logo2 img {
		width: 198px !important;
		max-width: 198px !important;
		height: auto !important;
		max-height: none !important;
	}

	html body #dynamic-header #headerparts #header_logo3 img {
		width: 217px !important;
		max-width: 217px !important;
		height: auto !important;
		max-height: none !important;
	}

	html body #dynamic-header #headerparts #header_contact img {
		width: 257px !important;
		max-width: 257px !important;
		height: auto !important;
		max-height: none !important;
	}
}

/* =========================================
   PC：左ロゴだけ拡大し、右側の位置を維持
========================================= */
@media screen and (min-width: 769px) {

	/* ロゴの外枠を元の幅へ戻す */
	#headerparts #header_logo {
		width: auto !important;
		max-width: none !important;
		height: auto !important;
		flex: 0 0 auto !important;
		margin: 0 auto 0 0 !important;
		overflow: visible !important;
	}

	/* ロゴ画像だけを少し拡大 */
	#headerparts #header_logo img {
		display: block !important;
		width: auto !important;
		max-width: none !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;

		transform: scale(1.12) !important;
		transform-origin: left center !important;
	}

	/* 右側のロゴ群を右端に固定 */
	#headerparts #header_right {
		margin-left: auto !important;
		margin-right: 0 !important;
		transform: none !important;
	}
}

/* =========================================
   スクロールトップ
   PC・トップページのみ位置調整
========================================= */
@media screen and (min-width: 769px) {

	html body#home #knee {
		display: block !important;
		float: none !important;
		clear: both !important;

		position: relative !important;
		top: -25px !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;

		width: min(1200px, calc(100vw - 30px)) !important;
		max-width: none !important;

		margin: 0 !important;
		padding: 0 !important;

		transform: none !important;
		box-sizing: border-box !important;
	}

	html body#home #knee .scroll-to-top {
		display: block !important;
		float: none !important;
		clear: both !important;

		position: static !important;
		width: 100% !important;
		max-width: none !important;

		margin: 0 !important;
		padding: 0 !important;

		text-align: right !important;
		transform: none !important;
		box-sizing: border-box !important;
	}

	html body#home #knee .scroll-to-top a {
		display: inline-block !important;
		float: none !important;

		margin: 0 !important;
		padding: 0 !important;

		line-height: 0 !important;
		text-decoration: none !important;
	}

	html body#home #knee .scroll-to-top img {
		display: block !important;
		float: none !important;

		width: auto !important;
		height: auto !important;

		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}
}


/* =========================================
   スマホ
   テーマ本来の位置を維持
========================================= */
@media screen and (max-width: 768px) {

	html body#home #knee,
	html body#home #knee .scroll-to-top {
		position: static !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		transform: none !important;
	}
}

/* =========================================
   トップページ本文を1200px幅にする
========================================= */
@media screen and (min-width: 769px) {

	html body#home #wrapper #container #main {
		display: block !important;
		float: none !important;
		clear: both !important;

		width: 100% !important;
		max-width: 1200px !important;

		margin: 0 !important;
		padding: 0 !important;

		box-sizing: border-box !important;
	}
}