@charset "UTF-8";

html, body {
	font-family: "SF Pro", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}

body {
	height: 100vh;
	height: 100dvh;
	min-width: 320px;
	margin: auto;
}

a.new_window span::after {
	content: "";
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-left: 8px;
	vertical-align: middle;
	mask-image: url("../icon/icon_new_window.svg");
	mask-size: 9px;
	mask-repeat: no-repeat;
	mask-position: center;
	background-color: #000;
}

#contentsRoot {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

/* HEADER */
header {
	height: 56px;
	background: #fff;
	border-bottom: 1px solid #000;
	overflow: hidden;
	transition: height 0.4s;
}
	header nav,
	header > .container-fluid {
		max-width: 1320px;
		padding: 0 24px !important;
	}

	header h1 {
		margin: auto;
		font-size: 1rem;
	}
		header h1 a {
			word-break: break-all;
		}

#header_icon,
#menu_icon {
	display: block;
	overflow: hidden;
	height: 40px;
	width: 40px;
	background-image: url("../img_common/logo_corporate.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 32.8px 21.11px;
	font-size: 0;
	white-space: nowrap;
}

#header_searchForm {
	background: #F0F0F0;
	border-radius: 100em;
	padding-right: 1.5rem;
	border: 0;
	font-size: 0.75rem;
	font-weight: bold;
}

#header_searchButton {
	display: block;
	height: 24px;
	width: 24px;
	background-image: url("../icon/icon_search.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	background-color: transparent;
	font-size: 0;
	border: 0;
}

#header_menuButton {
	width: 24px;
	height: 24px;
	margin-left: 1rem;
	font-size: 0;
}

.navbar-toggler-icon {
	width: 20px;
	height: 14px;
	background-image: url("../icon/icon_menu.svg");
}

#header_menuButton,
#menu_closeButton {
	border: 0;
}
	#header_searchButton:focus,
	#header_menuButton:focus,
	#menu_closeButton:focus {
		box-shadow: none;
		outline: revert;
	}

/* MAIN */
#contentsRoot main {
	position: relative;
	height: calc(100% - 56px - 54px);
	display: block;
}

/*FAB*/
#contentsFab {
	position: absolute;
	bottom: 16px; right: 24px;
	z-index: 2;
}

.manual_ai_search {
	position: relative;
	display: block;
	height: 64px;
	width: 64px;
	background: #3a6bf0;
	border-radius: 50%;
	text-decoration: none;
}
	.manual_ai_search span {
		position: absolute;
		left: 0; right: 0; bottom: 12px;
		font-size: 0.7rem;
		color: #fff;
		text-align: center;
	}

	.manual_ai_search::before {
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 20px;
		content: "";
		height: 24px;
		width: 24px;
		margin: auto;
		background-image: url("../icon/icon_search.svg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 20px;
		background-color: transparent;
	}

	@media all and (hover: hover){
		.manual_ai_search:hover {
			background-color: #0E3BB4;
		}
	}

/* FOOTER */
footer {
	height: 54px;
	width: 100%;
	margin: auto;
	background: #fff;
	border-top: 1px solid #909090;
}
	#contentsRoot footer nav {
		height: 100%;
	}

.footer-btn {
	position: relative;
	display: block;
	height: 100%;
	width: 20%;
	text-decoration: none;
}
	.footer-btn.disabe {
		pointer-events: none;
	}
	.footer-btn:last-child {
		border-right: 0;
	}
	.footer-btn::before {
		position: absolute;
		top: 3px;
		left: 0;
		right: 0;
		content: "";
		display: block;
		height: 24px;
		width: 24px;
		margin: auto;
		mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center;
		background-color: #000;
		font-size: 0;
	}
		#footer_home.footer-btn::before {
			mask-image: url("../icon/footer_home.svg");
		}
		#footer_warning.footer-btn::before {
			mask-image: url("../icon/footer_warning.svg");
		}
		#footer_emergency.footer-btn::before {
			mask-image: url("../icon/footer_emergency.svg");
		}
		#footer_visual.footer-btn::before {
			mask-image: url("../icon/footer_visual.svg");
		}
		#footer_index.footer-btn::before {
			mask-image: url("../icon/footer_index.svg");
		}
			.footer-btn.selected::before {
				background-color: #EB0A1E;
			}

@media all and (hover: hover) {
	.footer-btn:hover::before {
		background-color: #EB0A1E;
	}
}

	.footer-btn span {
		position: absolute;
		top: 31px;
		width: 100%;
		text-align: center;
		color: #000;
		font-size: 0.6rem;
		font-weight: bold;
	}
		.footer-btn.selected span {
			color: #EB0A1E;
		}

@media all and (hover: hover) {
	.footer-btn:hover span {
		color: #EB0A1E;
	}
}

/* MENU */
#contentsMenu {
	position: fixed;
	top: -100%;
	left: 0;
	right: 0;
	opacity: 0.2;
	height: 100%;
	width: 100%;
	margin: auto;
	background: #fff;
	z-index: 1999;
	transition: all 0.4s;
	visibility: hidden;
}
	#contentsMenu.on {
		top: 0;
		opacity: 1;
		visibility: visible;
	}
	#contentsMenu header {
		height: 56px;
		border: 0;
	}
		#contentsMenu header h1 {
			display: none;
		}
			#contentsMenu header h1 span {
				padding-right: 8.33333333%;
			}

#menu_closeButton {
	position: relative;
	display: block;
	height: 30px;
	width: 30px;
	background: #fff;
}

	#menu_closeButton span {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: inline-block;
		width: 80%;
		height: 3px;
		margin: auto;
		background-color: #000;
	}
		#menu_closeButton span:first-of-type {
			transform: rotate(45deg);
		}
		#menu_closeButton span:last-of-type {
			transform: rotate(-45deg);
		}

	#contentsMenu > main {
		height: calc(100% - 56px);
		display: block;
		flex: 1 0 auto;
		overflow: overlay;
	}

	#contentsMenu .menu_title {
		width: 100%;
		margin: 24px auto 6px;
		padding: 0 24px;
		font-size: 0.75rem;
		color: rgba(102, 102, 102, 1);
	}

	#contentsMenu .menu_list {
		width: 100%;
		list-style: none;
		padding: 0;
		margin: auto;
	}

	#contentsMenu .menu_list.footer {
		display: none;
	}

	#contentsMenu .menu_list.change {
		margin-top: 12px;
	}

		#contentsMenu .menu_list li {
			margin: auto;
		}
			#contentsMenu .menu_list li a {
				position: relative;
				display: block;
				padding: 16px 48px 16px 24px;
				text-decoration: none;
				color: #000;
				outline-offset: -2px;
			}
				#contentsMenu .menu_list li a::after {
					position: absolute;
					top: 0;
					bottom: 0;
					right: 24px;
					content: "";
					width: 24px;
					height: 24px;
					margin: auto;
					mask-image: url(../icon/icon_arrow.svg);
					mask-size: 9px;
					mask-repeat: no-repeat;
					mask-position: center;
					background-color: #000;
				}
					#contentsMenu .menu_list.change li a::after,
					#contentsMenu .menu_list.new_window li a::after,
					#contentsMenu .menu_list.pdf li a::after {
						mask-image: url(../icon/icon_new_window.svg);
						mask-size: 14px;
					}

			#contentsMenu .menu_list li span {
				font-weight: bold;
			}

/* TOP */
#contentsTop {
	height: 100%;
	width: 100%;
	padding: 0 24px;
	overflow: auto;
}

#top_date {
	margin: 8px 0 0;
	font-size: 0.8rem;
	font-weight: bold;
}

#top_imgarea {
	margin-top: 32px;
}

	#top_img img {
		display: block;
		margin-left: 0;
		max-width: 90%;
	}

#top_link {
	gap: 8px;
}

#top_change, #top_guide {
	width: 100%;
	padding: 12px;
	border-radius: 0;
	border-width: 1px;
	font-size: 0.85rem;
	font-weight: bold;
}
	a#top_change.new_window span::after {
		background-color: #fff;
	}

	#top_change.btn:hover {
		background-color: #4c4c4c;
	}

	#top_guide.btn:focus-visible {
		color: #000;
		background-color: #f4f4f4;
	}

@media all and (hover: hover) {
	#top_guide.btn:hover {
		color: #000;
		background-color: #f4f4f4;
	}
}

#top_searchArea {
	margin-top: 48px;
}

.top-btn-search {
    display: flex;
    align-items: center;
	justify-content: center;
	height: 64px;
	width: 100%;
	padding: 12px 16px;
	text-decoration: none;
	background:#3a6bf0;
}
	.top-btn-search span {
		position: relative;
		font-weight: bold;
		color: #fff;
	}	

@media all and (hover: hover){
	.top-btn-search:hover {
		background-color: #0E3BB4;
	}
}

#top_buttonArea {
	margin-top: 16px;
	text-align: center;
	font-size: 0;
}

.top-btn {
	display: inline-block;
	height: 64px;
	width: calc(50% - 0.5rem);
	border: 1px solid #000;
	background: #fff;
}
	.top-btn:nth-child(2n - 1) {
		margin-right: 1rem;
		margin-bottom: 1rem;
	}
		.top-btn a {
			display: flex;
			align-items: center;
			height: 100%;
			width: 100%;
			padding: 16px;
			text-decoration: none;
		}
			.top-btn a::before {
				content: "";
				display: block;
				height: 24px;
				width: 24px;
				margin-right: 8px;
				flex-shrink: 0;
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}
			.top-btn a#top_basic::before {
				background-image: url("../icon/top_basic.svg");
			}
			.top-btn a#top_before::before {
				background-image: url("../icon/top_before.svg");
			}
			.top-btn a#top_support::before {
				background-image: url("../icon/top_support.svg");
			}
			.top-btn a#top_navigation::before {
				background-image: url("../icon/top_navigation.svg");
			}
			.top-btn a#top_aftercare::before {
				background-image: url("../icon/top_aftercare.svg");
			}
			.top-btn a#top_search::before {
				background-image: url("../icon/top_search.svg");
				background-size: 80%;
			}

				.top-btn a span {
					font-size: 0.85rem;
					font-weight: bold;
					text-align: left;
					word-break: keep-all;
					overflow-wrap: break-word;
				}

				.top-btn a:focus-visible {
					background-color: #f4f4f4;
				}

@media all and (hover: hover) {
	.top-btn a:hover {
		background-color: #f4f4f4;
	}
}

/* Main */
.text_date {
	font-size: 0.8rem;
	font-weight: bold;
}

#contentsMain {
	height: 100%;
	width: 100%;
	padding: 0;
	overflow: overlay;
	overscroll-behavior: none;
}
	#contentsMain:has(.visual-content-wrapper){
		overflow-y: scroll;
	}


#contentsHeader {
	position: sticky;
	top: 0;
	padding: 16px 24px;
	background: #fff;
	border-bottom: 1px solid #909090;
	z-index: 10;
}
	.scroll #contentsHeader {
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	}
	#contentsHeader h2 {
		height: auto;
		margin: 0;
		font-weight: bold;
		transition: all 0.2s;
	}
		.scroll #contentsHeader h2 {
			font-size: 1rem !important;
		}
		#contentsHeader h2:has(+ .title-menu-btn),
		#contentsHeader h2:has(+ .manual_tab_navigation) {
			margin-bottom: 4px;
		}
		
		.scroll #contentsHeader h1:has(+ .title-menu-btn),
		.scroll #contentsHeader h2:has(+ .title-menu-btn) {
			display: none;
		}

.manual_menu_title {
	display: none;
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 4px;
}
	.scroll .manual_menu_title {
		display: block;
	}

#manual_list {
	padding-top: 48px;
	padding-bottom: 72px;
}

.manual_link {
	position: relative;
	display: block;
	width: 100%;
	padding: 16px 24px;
	margin-bottom: 24px;
	background: #fff;
	border: 1px solid #000;
	text-decoration: none;
	color: #000;
}

	.manual_link:focus-visible {
		background-color: #f4f4f4;
	}

	.manual_link .text_title {
		display: block;
		position: relative;
		margin-bottom: 8px;
		font-weight: bold;
		font-size: 1rem;
		color: #222;
	}

	.manual_link .text_summary {
		display: block;
		position: relative;
		font-size: 0.9rem;
		color: #000;
	}

	.manual_link .text_detail {
		position: relative;
		display: block;
		height: 1rem;
		padding-right: 20px;
		margin-top: 16px;
		text-align: right;
		font-weight: bold;
		font-size: 0.8rem;
	}
		.manual_link .text_detail::after {
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			margin: auto;
			content: "";
			vertical-align: middle;
			width: 16px;
			height: 16px;
			mask-image: url(../icon/icon_arrow.svg);
			mask-size: 7px;
			mask-repeat: no-repeat;
			mask-position: center;
			background-color: #000;
		}

@media all and (hover: hover) {
	.manual_link:hover {
		background-color: #f4f4f4;
	}
}

.manual_anchor_list {
	list-style-type: none;
	display: grid;
	gap: 24px;
	grid-auto-columns: -webkit-max-content;
	grid-auto-columns: max-content;
	grid-auto-flow: column;
	overflow-x: auto;
}

/* PAGE */
.manual-content-wrapper {	
	padding: 24px 24px 78px;
}

.manual-content-wrapper>.overview {
	margin: auto auto 1rem;
}
	.manual-content-wrapper > .overview > .para > *:last-child {
		margin-bottom: 0;
	}

.manual-content-body {
	padding: 24px 0px;
}
	.manual-content-body > *:last-child {
		margin-bottom: 0;
	}
	.manual-content-subtitle +.manual-content-body.index,
	.manual-content-wrapper > article > .manual-content-inner > .manual-content-subtitle +.manual-content-body {
		padding: 24px 24px 48px;
	}

article +article.level4 {
	padding-top: 24px;
}

/* TITLE BUTTON */
button.title-menu-btn {
	position: relative;
	padding: 0 18px 0 0;
	font-size: 1rem;
	font-weight: bold;
	border: 0 !important;
	background-color: #fff;
}

button.title-menu-btn:focus {
	box-shadow: none;
	outline: revert;
}
	button.title-menu-btn:focus {
		box-shadow: none;
		outline: revert;
	}
	button.title-menu-btn:hover,
	:not(.btn-check)+.title-menu-btn.btn:active,	
	button.title-menu-btn.active  {
		background-color: #fff;
	}

	.title-menu-btn::after {
		content: "";
		position: absolute;
		top: 0; bottom: 0; right: 0;
		display: block;
		width: 16px;
		height: 16px;
		margin: auto;
		background-image: url(../icon/icon_arrow.svg);
		background-size: 5.6px 9.33px;
		background-position: center;
		background-repeat: no-repeat;
		transform: rotate(-90deg);
	}
	.title-menu-btn.close::after {
		transform: rotate(90deg);
	}

@media all and (hover: hover) {
	button.title-menu-btn:hover {
		background-color: #f4f4f4;
	}
}

.manual_menu {
	width: 100%;
	max-height: 30vh;
	margin-top: 12px;
	overflow: overlay;
}
	.title-menu-btn.close + .manual_menu,
	.title-menu-btn.close + .manual_menu_contents {
		display: none;
	}
	.manual_menu ul.title-menu {
		width: calc(100vw - 48px);
		margin: 0;
		padding: 0;
		font-size: 0;
	}
	
	.manual_menu .manual_index_list ul.title-menu {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		column-gap: 12px;
		width: 100%;
	}
		.manual_menu ul.title-menu li {
			position: relative;
			display: block;
			padding: 0;
			margin: 0;
			white-space: normal;
		}
			.manual_menu ul.title-menu li a {
				position: relative;
				display: block;
				padding: 4px 16px 4px 24px;
				font-size: 0.85rem;
				text-decoration: underline;
				color: #000;
				outline-offset: -2px;
			}
			.manual_menu ul.title-menu li a::before {
				content: "";
				position: absolute;
				top: 0.55rem;
				left: 6px;
				display: block;
				width: 10px;
				height: 10px;
				border: 1px solid #000;
				background-color: #000;
				border-radius: 100%;
			}

@media all and (hover: hover) {
	.manual_menu ul.title-menu li a:hover {
		background-color: #f4f4f4;
	}
}

/* COMMON */
.section, .note {
	margin-top: 0;
	margin-bottom: 1rem;
}

.bold, .uicontrol {
	font-weight: bold;
}

.align-center {
	text-align: center;
}

.dialogBtn {
	vertical-align: middle;
}
	.dialogBtn img {
		vertical-align: text-top;
	}

@media all and (hover: hover) {
	.dialogBtn:hover {
		opacity: 0.6;
	}
}

.manual-content-wrapper p.illustTocDef {
	margin-bottom: 0;
}

caption {
	padding: 0;
	color: var(--bs-body-color);
}
	.table>:not(caption)>*>* {
		padding: 0;
	}

.manual-content-wrapper p {
	font-size: 1rem;
	margin-bottom: 0.8em;
	word-break: break-all;
}
	.manual-content-wrapper p.lead {
		font-weight: bold;
	}
	.manual-content-wrapper a.xref:not([target="_blank"])::before {
		content: "→";
	}
	.manual-content-wrapper a:not(.dialogBtn):not(.movie) {
		word-break: break-all;
	}
	.manual-content-wrapper p:last-child {
		margin-bottom: 0;
	}
	.manual-content-wrapper p:has(+p){
		margin: 0.2rem 0;
	}

.rarr {
	display: inline-block;
	width: 24px;
	margin-right: 0.2em;
	text-align: center;
}

	.manual-content-wrapper figure {
		margin: auto auto 1rem;
	}

	.manual-content-wrapper img {
		width: auto;
		height: auto;
		max-width: 100%;
	}
		.manual-content-wrapper img.inline {
			margin: 0.2rem;
		}

		.manual-content-wrapper img.illustTocImage.inline,
		.manual-content-wrapper figure>img.inline,
		.manual-content-wrapper figure .image-wrapper>img {
			display: block;
			height: auto;
			width: 100%;
			max-width: 450px;
			margin: 0.2rem auto;
			background: #fff;
		}

		.manual-content-wrapper table img.inline {
			height: auto;
			width: auto;
		}

		.manual-content-wrapper table figure {
			margin: auto;
		}
			.manual-content-wrapper table figure>img.inline {
				margin: 1px auto;
			}

		.manual-content-wrapper img.inline:has(+ .symbol.tab) {
			display: none;
		}

/* ILLUST */
.manual-content-wrapper .body {
	position: relative;
}

.manual-content-wrapper .sticky_content,
.manual-content-wrapper img.inline.sticky_content {
	position: sticky;
	top: 0px;
	display: block;
	margin: auto 0 auto auto;
	width: 100%;
	z-index: 2;
	transform-origin: top right;
	transition: all 0.4s;
}
	.manual-content-wrapper .sticky_content.active,
	.manual-content-wrapper img.inline.sticky_content.active {
		transform: scale(0.5);
		box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
	}
		.manual-content-wrapper .sticky_content.active.full,
		.manual-content-wrapper img.inline.sticky_content.full {
			transform: scale(1);
		}

/* LIST */
.manual-content-wrapper ul li {
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
}
	.manual-content-wrapper ul li::marker {
		color: #000;
	}

.manual-content-wrapper ul.steps-unordered,
.manual-content-wrapper ul.list-style-bullet {
	list-style-type: none;
	padding-left: 0;
}
	.manual-content-wrapper ul.steps-unordered>li,
	.manual-content-wrapper ul.list-style-bullet>li {
		padding-left: 24px;
	}
		.manual-content-wrapper ul.steps-unordered>li::before,
		.manual-content-wrapper ul.list-style-bullet>li::before {
			content: "";
			position: absolute;
			top: 0.35rem;
			left: 6px;
			display: block;
			width: 12px;
			height: 12px;
			border: 1px solid #000;
			background-color: #000;
			border-radius: 100%;
		}

.manual-content-wrapper ul.list-style-dash {
	list-style-type: none;
	padding-left: 0;
}
	.manual-content-wrapper ul.list-style-dash>li {
		padding-left: 1rem;
	}
		.manual-content-wrapper ul.list-style-dash>li::before {
			content: "";
			position: absolute;
			top: 0.2rem;
			left: 0;
			display: block;
			width: 0.5rem;
			height: 1rem;
			background-color: #000;
		}

.manual-content-wrapper ul.list-style-dot,
.manual-content-wrapper ul.list-style-en-dash {
	list-style-type: "・";
	padding-left: 1rem;
}

.manual-content-wrapper ul.sl {
	list-style-type: none;
}

.manual-content-wrapper ol {
	padding-left: 24px;
}
	.manual-content-wrapper ol li {
		margin-top: 8px;
		margin-bottom: 8px;
	}
		.manual-content-wrapper ol ul li {
			margin-top: 5px;
			margin-bottom: 5px;
		}
		.manual-content-wrapper ol.steps>li::marker {
			font-weight: bold;
		}

	.manual-content-wrapper ol.steps>li>ul,
	.manual-content-wrapper ol.steps>li>dl {
		font-weight: normal;
	}
		.manual-content-wrapper ol.steps>li>ul {
			margin-top: 8px;
		}

	.manual-content-wrapper ol.steps>li .ph.cmd {
		font-weight: bold;
	}

	.manual-content-wrapper ol.list-style-upper-alpha {
		list-style-type: none;
		padding-left: 1.5rem;
	}

.manual-content-wrapper .list-style-upper-alpha>li {
	position: relative;
	counter-increment: number 1;
	min-height: 1.5rem;
}
	.manual-content-wrapper .list-style-upper-alpha>li::before {
		position: absolute;
		top: 2px;
		left: -1.5em;
		content: counter(number, upper-alpha) " ";
		width: 20px;
		height: 20px;
		border: 1px solid #888;
		text-align: center;
		line-height: 20px;
	}
	.manual-content-wrapper .startnumber_2 ol.list-style-upper-alpha {
		counter-reset: number 1;
	}
	.manual-content-wrapper .startnumber_2 ol.list-style-upper-alpha+ol.list-style-upper-alpha {
		counter-reset: number 2;
	}
	.manual-content-wrapper ol.list-style-upper-alpha.startnumber_4 {
		counter-reset: number 3;
	}

/* TITLE */
.manual-content-subtitle {
	position: relative;
	padding: 16px 60px 16px 24px;
	background-color: #F9F9F9;
	border-bottom: 1px solid #909090;
	cursor: pointer;
}
	.manual-content-subtitle .topic-title-2 {
		position: relative;
		margin-bottom: 0;
		line-height: 1.2;
		font-size: 1.2rem;
		font-weight: normal;
		color: #000;
	}

	.level4 .manual-content-subtitle {
		background-color: transparent;
		padding: 0;
		margin: 0;
		border-bottom: 0;
		cursor: auto;
	}
		.level4 .manual-content-subtitle h4 {
			padding: 0.2rem 0.4rem;
			margin-bottom: 0.6rem;
			font-size: 1.1rem;
			border: 1px solid #909090;
			border-left: 24px solid #909090;
		}

.manual-content-btn {
	display: none;
}
.btn.manual-content-btn {
	display: block;
	position: absolute;
	top: calc(50% - 12px);
	right: 24px;
	display: block;
	height: 24px;
	width: 24px;
	background-image: url("../icon/icon_arrow.svg");
	background-size: 14px 14px;
	background-position: center;
	background-repeat: no-repeat;
	transform: rotate(-90deg);
}
	.close .manual-content-btn {
		transform: rotate(90deg)
	}
	button.manual-content-btn:focus {
		outline: revert;
	}
		.level4 .manual-content-subtitle .manual-content-btn {
			display: none;
		}

.manual-content-subtitle .topic-title-3,
.section-title {
	position: relative;
	font-size: 1.1rem;
	font-weight: bold;
	color: #000;
	margin-bottom: 0.6rem;
	padding-left: 24px;
	word-break: break-all;
}
	h4.section-title,
	h5.section-title {
		font-size: 1rem;
		margin-bottom: 0.4rem;
	}

	.manual-content-subtitle .topic-title-3::before,
	.section-title::before {
		content: "";
		position: absolute;
		top: 0.2rem;
		left: 4px;
		width: 16px;
		height: 16px;
		background-color: #000;
	}
		h4.section-title::before {
			top: 0.15rem;
			left: 8px;
			width: 8px;
		}
		h5.section-title::before {
			top: 0.1rem;
			left: 8px;
			width: 8px;
		}

figcaption.title,
.paraselectitem-title {
	position: relative;
	margin: 0.5rem 0;
	padding-left: 24px;
	font-size: 1.1rem;
	font-weight: bold;
	color: #000;
}
	figcaption.title::before,
	.paraselectitem-title::before {
		content: "";
		position: absolute;
		top: 0.3rem;
		left: 4px;
		display: block;
		width: 12px;
		height: 16px;
		background-color: #000;
		clip-path: polygon(0 0, 0 100%, 100% 50%);
	}


/* TABLE */
.manual-content-wrapper .table {
	overflow-x: auto;
	margin-bottom: 1rem;
}
	.manual-content-wrapper .table table {
		width: 100%;
		margin-bottom: 0;
		caption-side: top;
	}
	.manual-content-wrapper .table .frame-all {
		border: 1px solid #999;
	}
	.manual-content-wrapper .table .rowsep-1 {
		border-bottom: 1px solid #999;
	}
	.manual-content-wrapper .table .colsep-1 {
		border-right: 1px solid #999;
	}

.manual-content-wrapper .dl-table {
	border: 1px solid;
	margin-bottom: 1rem;
}
	.manual-content-wrapper .dl-table+.dl-table,
	.manual-content-wrapper .dl-table+.table {
		margin-top: 1rem;
	}

.manual-content-wrapper .dl-dlhead-th,
.manual-content-wrapper .dl-dt-td,
.manual-content-wrapper .dl-dd-td {
	border: 1px solid;
}

	.manual-content-wrapper table th {
		padding: 10px;
		background-color: #cdcdcd;
		font-weight: normal;
		text-align: center;
		vertical-align: middle;
		border: 1px solid #999;
	}

	.manual-content-wrapper table td {
		padding: 10px;
		border-right: 1px solid #999;
		vertical-align: middle;
	}
		.manual-content-wrapper table td.text-align-left {
			text-align: left;
		}
		.manual-content-wrapper table.frame-none td {
			border-right: 0;
		}

	.manual-content-wrapper table p,
	.manual-content-wrapper table .p {
		margin-bottom: 0;
		font-size: 0.9rem;
	}

	.manual-content-wrapper table img {
		max-width: 90%;
		min-width: 24px;
	}

	.manual-content-wrapper table tr.row {
		display: table-row;
	}
		.manual-content-wrapper table tr.row>* {
			width: auto;
		}
		.manual-content-wrapper table.frame-none tr {
			border-bottom: 0;
			border-style: hidden;
		}

	.manual-content-wrapper .table .mCSB_container {
		margin-bottom: 10px;
	}

	.manual-content-wrapper .table table.horizontal_scroll {
		min-width: 840px;
	}

	.manual-content-wrapper .simpletable td {
		border: 1px solid #999;
	}

/* NOTICE, WARNING, NOTE */
.manual-body-notice {
	border: 1px solid rgba(206, 120, 0, 1);
}

.manual-body-warning {
	border: 1px solid rgba(235, 10, 30, 1);
}

.manual-body-note {
	border: 1px solid rgba(0, 0, 0, 1);
}

.manual-body-note-head,
.manual-body-notice-head,
.manual-body-warning-head {
	padding: 0;
	position: relative;
	border-bottom: 1px solid;
}

.manual-body-notice-head {
	background-color: rgba(255, 229, 0, 0.1);
	border-color: rgba(206, 120, 0, 1);
}

.manual-body-warning-head {
	background-color: rgba(235, 10, 30, 0.1);
	border-color: rgba(235, 10, 30, 1);
}

	.manual-body-notice-head h3,
	.manual-body-warning-head h3,
	.manual-body-note-head h3 {
		margin: 0;
		font-size: 1rem;
		font-weight: bold;
	}
		.manual-body-note-head>*,
		.manual-body-notice-head>*,
		.manual-body-warning-head>* {
			position: relative;
			display: block;
			padding-top: 16px;
			padding-left: 48px;
			padding-right: 13px;
			padding-bottom: 16px;
			margin: 0;
			border: none;
			font-weight: normal;
			background-repeat: no-repeat;
			background-position: left 20px top calc(50% - 1px);
			background-size: 1.2rem 1.2rem;
		}

		.manual-body-note-head>* {
			background-image: url("../icon/icon_note.svg");
		}
		.manual-body-notice-head>* {
			background-image: url("../icon/icon_notice.svg");
		}
		.manual-body-warning-head>* {
			background-image: url("../icon/icon_warning.svg");
		}

.note_para, .attention_para {
	margin-bottom: 1rem;
}
	.note_para>*:last-child,
	.attention_para>*:last-child {
		margin-bottom: 0;
	}

.manual-body-notice-body,
.manual-body-warning-body,
.manual-body-note-body {
	padding: 16px 24px;
}
	.manual-body-notice-body ul,
	.manual-body-warning-body ul,
	.manual-body-note-body ul {
		padding-left: 1rem;
	}
	.manual-body-notice-body>*:last-child,
	.manual-body-warning-body>*:last-child,
	.manual-body-note-body>*:last-child {
		margin-bottom: 0;
	}
	.manual-body-notice-body dl,
	.manual-body-warning-body dl {
		padding-left: 1.5em;
	}
		.manual-body-notice-body dl dt,
		.manual-body-warning-body dl dt {
			font-size: 1.8rem;
			font-weight: bold;
			color: #000;
			margin-bottom: 10px;
			position: relative;
		}
			.manual-body-notice-body dl dt::before,
			.manual-body-warning-body dl dt::before {
				content: '';
				position: absolute;
				width: 10px;
				height: 10px;
				background-color: #888;
				left: -1em;
				top: calc(50% - 7px);
			}

	.manual-content-wrapper dl.list-style-type-inline {
		margin-top: 10px;
		margin-bottom: 10px;
	}
		.manual-content-wrapper dl.list-style-type-inline dt {
			padding: 5px 0;
		}
		.manual-content-wrapper dl.list-style-type-inline dd {
			margin-bottom: 0;
			padding-left: 0.5em;
			padding-top: 5px;
			padding-bottom: 5px;
		}
			.manual-content-wrapper dl.list-style-type-inline dd:not(:last-child) {
				margin-bottom: 0;
			}
			.manual-content-wrapper dl.list-style-type-inline dd>* {
				margin-bottom: 0;
			}

/* LINKS */
.friend-links {
	margin-top: 1rem;
	margin-bottom: 30px;
}
	.friend-links span.link-label {
		display: block;
		margin-bottom: 1rem;
		line-height: 1;
		padding: 10px;
		border: 1px solid #ddd;
		color: #000;
		font-size: 1rem;
		font-weight: bold;
	}

.manual-content-subtitle +.manual-content-body .related-links ul.ul-child-links,
.body +.related-links ul.ul-child-links,
.topic-content:has(+article) .related-links ul.ul-child-links {
	display: none;
}

ul.ul-child-links,
ul.ul-friend-links {
	list-style-type: none;
	padding-left: 0;
}
	ul.ul-child-links li a::before,
	ul.ul-friend-links li a::before {
		content: "→"
	}

/* FOOT NOTE */
.manual-content-wrapper .footnote {
	display: none;
}

/* DIALOG */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 2000;
}

.ui-dialog {
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	display: none;
	max-width: 640px;
	max-height: 90vh;
	width: 90%;
	margin: auto;
	padding: 50px 30px;
	background-color: #fff;
	font-size: 1rem;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translateY(-50%);
	z-index: 2001;
}
	.ui-widget-overlay.on,
	.ui-dialog.on {
		display: block;
	}

#dialogBody {
	width: 100%;
	height: 100%;
}
	#dialogBody .closeWrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}

	#dialogBody .close {
		position: absolute;
		width: 28px;
		height: 28px;
		top: 0;
		right: 20px;
		border-radius: 3px;
		cursor: pointer;
		margin-top: 10px;
	}
		#dialogBody .close span {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			display: inline-block;
			width: 100%;
			height: 2px;
			margin: auto;
			background-color: #999;
			font-size: 0;
		}
			#dialogBody .close span:first-of-type {
				transform: rotate(135deg);
			}
			#dialogBody .close span:last-of-type {
				transform: rotate(45deg);
			}

	#dialogBody .dialogCapcel {
		max-height: calc(90vh - 88px);
		overflow: auto;
	}

.dialogCapcel {
	max-height: calc(90vh - 100px);
	overflow: auto;
}

.dialogInner {
	position: relative;
	padding-left: 1rem;
	word-break: break-all;
}
	.dialogInner a {
		text-decoration: none;
	}

	.dialogInner::before {
		content: "";
		position: absolute;
		top: 0.4rem;
		left: 0;
		display: block;
		width: 0.7rem;
		height: 0.7rem;
		background-color: #000;
		border-radius: 100%;
	}

	.dialogInner p {
		margin: 0;
	}

	.dialogInner img {
		width: 100%;
		max-height: 450px;
		max-width: 450px;
	}
		.dialogInner span img {
			height: 1.3rem;
			width: auto;
			margin: 0 0.2rem;
		}

		.dialogInner span figure>img.inline {
			height: auto;
		}

	.dialogInner ul {
		margin-bottom: 0;
	}

/* WARNING */
.warning-content-wrapper {
	padding: 24px;
}

.warning-content {
	padding-bottom: 24px;
}

	.warning-content h2 {
		margin-bottom: 24px;
	}

	.warning-content ul {
		display: flex;
		flex-wrap: wrap;
		gap: 24px;
		margin: auto auto 24px;
		padding: 0;
		font-size: 0;
	}
		.warning-content ul li {
			position: relative;
			display: block;
			height: 48px;
			width: 48px;
			margin: 0;
			background: #000;
		}
			.warning-content ul li a {
				display: block;
				width: 100%;
				height: 100%;
				padding-bottom: 100%;
				transition: opacity 0.4s;
			}
				.warning-content ul li a img {
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					display: block;
					max-width: 100%;
					max-height: 100%;
				}

@media all and (hover: hover) {
	.warning-content ul li a:hover {
		opacity: 0.6;
	}
}

/* VISUAL */
.visual-content-wrapper {
	padding: 0;
}
	.visual-content-wrapper .notes {
		padding: 0 16px 16px;
	}
		.visual-content-wrapper .notes p {
			margin: auto;
			font-size: 0.8rem;
		}

#visual-exterior,
#visual-interior {
	position: relative;
}

.visual_selectLink {
	position: relative;
	display: block;
	height: 50vw;
	max-height: 500px;
	width: 100%;
	text-decoration: none;
	overflow: hidden;
}

	.visual_selectLink img {
		position: absolute;
		top: 50%;
		transform: translateY(-47%);
		width: 100%;
		height: auto;
	}

	.visual_selectLink span {
		position: absolute;
		top: 16px;
		left: 16px;
		padding: 8px 32px 8px 16px;
		font-size: 0.9rem;
		background: #000;
	}
		.visual_selectLink span:after {
			position: absolute;
			top: 0;
			bottom: 2px;
			right: 10px;
			margin: auto;
			content: "";
			width: 20px;
			height: 20px;
			mask-image: url(../icon/icon_arrow.svg);
			mask-size: 8px;
			mask-repeat: no-repeat;
			mask-position: center;
			background-color: #fff;
		}

@media all and (hover: hover) {
	.visual_selectLink:hover {
		opacity: 0.6;
	}
}


.manual_tab_navigation ul {
	position: relative;
	display: grid;
	grid-auto-columns: 1fr;
	grid-auto-flow: column;
	margin: 0;
	padding: 0;
	list-style: none;
}
	.manual_tab_navigation ul li {
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #000;
	}
		.manual_tab_navigation ul li a {
			display: block;
			padding-bottom: 0.3rem;
			padding-top: 0.3rem;
			text-align: center;
			text-decoration: none;
			color: #000;
			font-size: 0.9rem;
			font-weight: bold;
		}
		.manual_tab_navigation ul li.select {
			border-bottom: 2px solid #EB0A1E;
		}

.swiper-slide.swiper-slide-active {
	z-index: 2;
}

.swiper-button {
	position: absolute;
	bottom: 20px;
	right: 10px;
	height: 40px;
	width: 40px;
	border: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-color: transparent;
	z-index: 2;
}
	.swiper-button.back {
		display: none;
		top: 50px;
		bottom: auto;
		height: 42px;
		width: 42px;
		background-image: url(../icon/icon_back.svg);
	}
		.swiper-button.back.active {
			display: block;
		}

	.swiper-button.zoomout {
		right: 60px;
		background-image: url(../icon/icon_zoomout.svg);
	}

	.swiper-button.zoomin {
		background-image: url(../icon/icon_zoomin.svg);
	}

.swiper-thumnail {
	position: relative;
	overflow: hidden;
	padding: 16px 24px;
}
	.swiper-thumnail .swiper-slide {
		width: 130px;
	}

.swiper-button-next,
.swiper-button-prev {
	height: 48px;
	width: 48px;
	margin: 0;
	font-size: 0;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 1);
}
	.swiper-button-next:after,
	.swiper-rtl .swiper-button-prev:after,
	.swiper-button-prev:after,
	.swiper-rtl .swiper-button-next:after {
		height: 100%;
		width: 100%;
		font-size: 0;
		mask-image: url(../icon/icon_arrow.svg);
		mask-size: 16px;
		mask-repeat: no-repeat;
		mask-position: center;
		background-color: #fff;
	}
	.swiper-rtl .swiper-button-prev:after,
	.swiper-button-prev:after {
		transform: rotate(180deg);
	}

@media all and (hover: hover) {
	.swiper-button:hover,
	.swiper-button-next:hover,
	.swiper-button-prev:hover {
		opacity: 0.6;
	}
}

.visual-img {
	position: relative;
	height: 100%;
	width: 100%;
	margin: auto;
	padding-top: 68%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
	.visual-img.interior {
		padding-top: 75%;
	}

.visual-thumnail {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	max-width: 33vw;
	margin: auto;
	padding-top: 68%;
	padding-top: 97px;
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	background-size: cover;
	opacity: 1;
	transition: opacity 0.4s;
	visibility: hidden;
}
	.swiper-slide-visible .visual-thumnail {
		visibility: visible;
	}

	.swiper-slide-thumb-active .visual-thumnail {
		opacity: 0.4;
	}

.visual-img.exterior[name="0"],
.visual-thumnail.exterior[name="0"] {
	background-image: url(../img/aqua2dv012cm.jpg);
}

.visual-img.exterior[name="1"],
.visual-thumnail.exterior[name="1"] {
	background-image: url(../img/aqua2dv013cm.jpg);
}

.visual-img.interior[name="0"],
.visual-thumnail.interior[name="0"] {
	background-image: url(../img/aqua2dv026cm.jpg);
}

.visual-img.interior[name="1"],
.visual-thumnail.interior[name="1"] {
	background-image: url(../img/aqua2dv027cm.jpg);
}

.visual-img.interior[name="2"],
.visual-thumnail.interior[name="2"] {
	background-image: url(../img/aqua2dv021cm.jpg);
}

.visual-img.interior[name="3"],
.visual-thumnail.interior[name="3"] {
	background-image: url(../img/aqua2dv024cm.jpg);
}

.visual-img.interior[name="4"],
.visual-thumnail.interior[name="4"] {
	background-image: url(../img/aqua2dv028cm.jpg);
}

.visual-img.interior[name="5"],
.visual-thumnail.interior[name="5"] {
	background-image: url(../img/aqua2dv023cm.jpg);
}

.visual-img.interior[name="6"],
.visual-thumnail.interior[name="6"] {
	background-image: url(../img/aqua2dv029cm.jpg);
}

.visual-img.interior[name="7"],
.visual-thumnail.interior[name="7"] {
	background-image: url(../img/aqua2dv030cm.jpg);
}

.visual-img.interior[name="8"],
.visual-thumnail.interior[name="8"] {
	background-image: url(../img/aqua2dv032cm.jpg);
}

.hotspot {
	position: absolute;
	height: 24px;
	width: 24px;
	transform: translate(-12px, -12px);
	visibility: hidden;
}
	.hotspot::before {
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		display: block;
		height: 100%;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		background-image: url(../icon/icon_hotspot.svg);
		opacity: 1;
		transition: all 0.2s;
	}
	.hotspot.active::before {
		opacity: 0.6;
	}
	.hotspot.active::after {
		opacity: 1;
	}

	.swiper-slide-active .hotspot {
		visibility: visible;
	}

@media all and (hover: hover) {
	.hotspot:hover::before {
		opacity: 0.6;
	}

	.hotspot:hover::after {
		opacity: 1;
	}
}

.hotspot.zoomin {
	height: 24px;
	width: 24px;
	transform: translate(-12px, -12px);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(../icon/icon_hotspot_zoomin.svg);
}
	.hotspot.zoomin::before,
	.hotspot.zoomin::after {
		display: none;
	}

@media all and (hover: hover) {
	.hotspot.zoomin:hover {
		opacity: 0.6;
	}
}

.hotspot_index {
	position: fixed;
	left: 0;
	right: 0;
	width: 90%;
	max-width: 480px;
	margin: auto;
	border: 1px solid #000;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 6px 2px;
	z-index: 11;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.2s;
}
	.hotspot_index.active {
		visibility: visible;
		opacity: 1;
	}

	.hotspot_index .hotspot_title {
		position: relative;
		display: block;
		padding: 12px 48px 12px 16px;
	}

		.hotspot_index .hotspot_title span {
			font-weight: bold;
			user-select: none;
		}

		.hotspot_index .hotspot_title .hotspot_close {
			position: absolute;
			top: 0;
			bottom: 0;
			right: 16px;
			height: 20px;
			width: 20px;
			margin: auto;
			background-repeat: no-repeat;
			background-position: center;
			background-size: 14px;
			background-image: url(../icon/icon_close.svg);
		}

	.hotspot_index ul {
		max-height: 170px;
		overflow: auto;
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.hotspot_index ul li {
			margin: 0;
			padding: 0;
		}

			.hotspot_index ul li>div {
				position: relative;
				display: block;
				padding: 0.8rem;
				color: #000;
				font-weight: bold;
				user-select: none;
			}

			.hotspot_index ul li>a {
				position: relative;
				display: block;
				padding: 12px 48px 12px 16px;
				color: #000;
				user-select: none;
				outline-offset: -2px;
			}
				.hotspot_index ul li>a:after {
					position: absolute;
					top: 0;
					bottom: 0;
					right: 16px;
					margin: auto;
					content: "";
					width: 20px;
					height: 20px;
					mask-image: url(../icon/icon_arrow.svg);
					mask-size: 9px;
					mask-repeat: no-repeat;
					mask-position: center;
					background-color: #000;
				}

@media all and (hover: hover) {
	.hotspot_index ul li>a:hover {
		background-color: #f4f4f4;
	}
}


/* INDEX */
.manual_index_layout {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	column-gap: 12px;
	row-gap: 12px;

	margin: auto auto 12px;
	padding: 0;
	list-style: none;
	font-size: 0;
}

	.manual_index_layout li {
		display: inline-block;
		width: 100%;
		height: 37px;
		text-align: center;
	}

		.manual_index_layout li button {
			width: 100%;
			height: 100%;
			color: #000;
			background-color: #fff;
			border: 1px solid #000;
			font-size: 0.9rem;
		}
			.manual_index_layout li button.active {
				color: #fff;
				background-color: #000;
			}

@media all and (hover: hover) {
	.manual_index_layout li button:not(.active):hover {
		background-color: #f4f4f4;
	}
}

.manual-index-chapter {
	padding: 0;
}

.index-head {
	display: block;
}
	.index-head span {
		display: inline-block;
		width: 1.8rem;
		height: 1.8rem;
		line-height: 1.8rem;
		text-align: center;
		color: #fff;
		background-color: #666;
		border-radius: 3px;
		font-size: 1.1rem;
	}

.index-list {
	list-style-type: none;
	padding-left: 0;
}
	.index-list>li {
		padding-left: 24px;
	}
		.index-list>li:has(.index-title)::before {
			content: "";
			position: absolute;
			top: 0.45rem;
			left: 7px;
			display: block;
			width: 10px;
			height: 10px;
			border: 1px solid #000;
			background-color: #000;
			border-radius: 100%;
		}

	.index-list>ul {
		list-style-type: none;
		padding-left: 24px;
	}
		.index-list>ul>li {
			padding-left: 24px;
		}
			.index-list>ul>li:has(.index-subhead-title)::before {
				content: "";
				position: absolute;
				top: 0.5rem;
				left: 8px;
				display: block;
				width: 8px;
				height: 8px;
				border: 1px solid #000;
				background-color: #fff;
				border-radius: 100%;
			}

/* YOUTUBE, MOVIE */
.manual_movie_items {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 24px;
	row-gap: 24px;
	margin: 24px auto;
}

.manual_movie_link {
	position: relative;
	display: block;
	max-width: 100%;
	height: auto;
	border: none;
	aspect-ratio: 16 / 9;
}
	.manual_movie_link::after {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		content: "";
		display: block;
		height: 40px;
		width: 40px;
		margin: auto;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		background-image: url(../icon/icon_movie.svg);
		z-index: 2;
	}
	.manual_movie_link img {
		width: 100%;
	}


@media all and (hover: hover) {
	.manual_movie_link:hover {
		opacity: 0.6;
	}
}

.lity {
	background: rgba(0, 0, 0, 0.5);
}

.lity-content {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 64px 24px 48px;
	background: #fff;
}

.lity-close,
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
	position: absolute;
	top: calc(32px - 12px);
	right: 24px;
	margin: auto;
	height: 24px;
	width: 24px;
	font-size: 0;
	line-height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	background-image: url(../icon/icon_close.svg);
}

.movie {
	position: relative;
	display: block;
	text-decoration: none;
	border: 1px solid #909090;
}
	.movie::before,
	.movie::after {
		content: "";
		position: absolute;
		bottom: 10px;
		right: 10px;
		display: block;
		width: 22px;
		height: 22px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		background-image: url(../icon/icon_stop.svg);
		z-index: 2;
	}

		.movie.stop::before {
			display: none;
		}

	.movie::after {
		display: none;
		background-image: url(../icon/icon_play.svg);
	}

		.movie.stop::after {
			display: block;
		}

video {
	display: block;
	max-width: 100%;
	outline: 0;
	border: 0;
}

/* ZOOM */
body.zoom {
	height: 100%;
}

	.zoom header {
		position: relative;
	}

	.zoom #contentsRoot {
		display: block;
	}

		.zoom #contentsRoot main {
			height: auto;
		}

		.zoom #contentsMain,
		.zoom .manual-wrapper {
			overflow: unset;
		}

		.zoom #contentsHeader,
		.zoom #manual-common-pagetitle {
			position: relative;
		}

	.zoom footer {
		position: relative;
	}

/* PC */
@media screen and (min-width:1024px) {

	/* HEADER */
	header {
		height: 88px;
	}

		header .col-2 {
			width: 72px;
		}

		header .col-8 {
			width: calc(100% - 144px);
			padding-left: 24px;
		}

		header h1 {
			margin-left: 0;
			font-size: 1.5rem;
		}
		
		header nav,
		header > .container-fluid {
			padding: 0 !important;
		}

	#header_icon {
		height: 38px;
		width: 59px;
		margin: auto;
		background-size: contain;
	}

	#header_menuButton {
		display: none;
	}

	/* MAIN */
	#contentsRoot>main {
		display: flex;
		height: calc(100vh - 88px);
		height: calc(100dvh - 88px);
		width: 100%;
		max-width: 1320px;
		margin: auto;
	}

	#contentsMenu {
		position: relative;
		top: 0;
		height: 100%;
		max-width: 405px;
		margin: 0;
		opacity: 1;
		visibility: visible;
		box-shadow: none;
		border-right: 1px solid #000;
		flex-shrink: 0;
		transition: none;
	}
		#contentsMenu.on {
			box-shadow: none;
		}

		#contentsMenu header {
			display: none;
		}

		#contentsMenu>main {
			height: 100%;
			padding-right: 24px;
		}

			#contentsMenu .menu_list.new_window li {
				padding-left: 0;
			}

		#contentsMenu .menu_list.footer {
			display: block;
			margin-top: 24px;
		}

			#contentsMenu .menu_list.footer li:first-child a {
				font-size: 1.25rem;
				padding: 13px 24px;
			}
				#contentsMenu .menu_list.footer li:first-child a::after {
					display: none;
				}

		#contentsMenu .menu_title {
			margin-top: 32px;
			font-size: 0.9rem;
		}

	@media all and (hover: hover) {
		#contentsMenu .menu_list li a:hover {
			background-color: #f4f4f4;
		}
	}

	#contentsTop {
		margin: 0;
		padding-left: 48px;
	}

	#top_imgarea .col-6 {
		width: 41.667%;
	}

	#top_img.col-6 {
		width: 58.333%;
	}

		#top_img img {
			width: 80%;
			max-width: 400px;
			margin: auto;
		}

	#top_link {
		gap: 24px;
	}

	#top_change, #top_guide {
		font-size: 1rem;
	}
		#top_change span,
		#top_guide span {
			line-height: 46px;
		}

	#top_date {
		margin-top: 24px;
		font-size: 0.9rem;
	}

	#top_searchArea {
		margin-top: 80px;
	}

	.top-btn-search{
		margin: auto;
	}

	.top-btn {
		height: 72px;
	}
		.top-btn a {
			padding: 24px;
		}
			.top-btn a span {
				font-size: 1rem;
			}

	#contentsHeader {
		padding-left: 48px;
	}

	.manual-content-wrapper {
		padding-left: 48px;
	}

	#contentsMain {
		margin: 0;
	}

	.manual_menu ul.title-menu {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 12px;
		width: 100%;
	}
		.manual_menu ul.title-menu li {
			display: inline-block;
			width: auto;
		}

		.manual_menu .manual_index_list ul.title-menu {
			display: flex;
			flex-wrap: wrap;
			column-gap: 40px;
		}
			.manual_menu .manual_index_list ul.title-menu li {
				width: 44px;
			}

	.manual-content-wrapper img.illustTocImage.inline,
	.manual-content-wrapper figure>img.inline,
	.manual-content-wrapper figure .image-wrapper>img {
		max-height: 450px;
		max-width: 450px;
		margin: auto auto auto 0;
		object-fit: contain;
	}

	.manual-content-wrapper .sticky_content,
	.manual-content-wrapper img.inline.sticky_content,
	.manual-content-wrapper .sticky_content.active,
	.manual-content-wrapper img.inline.sticky_content.active,
	.manual-content-wrapper .sticky_content.active.full,
	.manual-content-wrapper img.inline.sticky_content.full {
		position: static;
		margin: auto auto 1rem;
		width: 100%;
		transform-origin: center;
		transition: none;
		transform: scale(1);
		box-shadow: none;
	}

	.manual-content-wrapper .table table.horizontal_scroll {
		min-width: auto;
	}

	.movie {
		max-width: 450px;
	}

	/* YOUTUBE */
	.manual_movie_items {
		grid-template-columns: 1fr 1fr;
	}

		.manual_movie_link::after {
			height: 44px;
			width: 44px;
		}

	.lity-content {
		padding: 88px 109px 48px;
	}

	.lity-close,
	.lity-close:hover,
	.lity-close:focus,
	.lity-close:active,
	.lity-close:visited {
		top: calc(44px - 12px);
		right: 48px;
	}

	/* WARNING */
	.warning-content-wrapper {
		padding-left: 48px;
	}

		.warning-content ul li {
			height: 52px;
			width: 52px;
		}

	/* VISUAL */
	#visual-select {
		display: flex;
		height: calc(94vh - 88px - 72px);
		max-height: 800px;
		min-height: 400px;
	}

	.visual_selectLink {
		height: 100%;
		max-height: none;
	}

		.visual_selectLink img {
			position: relative;
			top: auto;
			transform: none;
			object-fit: cover;
			height: 100%;
		}

		.visual_selectLink span {
			top: 32px;
			left: 32px;
		}

		#visual-select .visual_selectLink:first-child img {
			object-position: 20% center;
		}

	.visual-content-wrapper {
		padding-left: 48px;
		padding-right: 24px;
	}

	.swiper-thumnail {
		padding: 16px 0;
	}

		.swiper-thumnail .swiper-slide {
			width: 163px;
		}

	.visual-thumnail {
		padding-top: 122px;
	}

	@media all and (hover: hover) {
		.visual-thumnail:hover {
			opacity: 0.4;
		}
	}

	.hotspot,
	.hotspot.zoomin {
		height: 48px;
		width: 48px;
		transform: translate(-24px, -24px);
	}

	.hotspot_indexs {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.hotspot_index {
		position: absolute;
	}

	/* FOOTER */
	footer.navbar {
		display: none !important;
	}

	/* INDEX */
	.manual_index_layout {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
		.manual_index_layout li {
			display: block;
			width: 72px;
			height: 40px;
		}
}

/* 車載器表示調整 */
#manual-common-breadcrumb,
#manual-content-operation-button,
#manual-content-operation-button-bookmarks,
#manual-content-operation-button-readlater,
.manual_content_links.btn-group>.btn.btn-light.btn-sm.dropdown-toggle,
.manual_content_links.btn-group,
.manual-common-addinfo,
#manual-common-addinfo {
	display: none !important;
}

.manual-content-body {
	padding: 0px;
}

.shortdesc.lead>.ph {
	font-size: 1rem;
	word-break: break-all;
	font-weight: bold;
}

.manual-body-note-body dl,
.manual-body-notice-body dl,
.manual-body-warning-body dl {
	margin-bottom: 0;
	padding-left: 0;
}

.manual-body-note-body>dl>dt,
.manual-body-notice-body>dl>dt,
.manual-body-warning-body>dl>dt {
	position: relative;
	font-size: 1.1rem;
	font-weight: bold;
	color: #000;
	margin-bottom: 0.6rem;
	padding-left: 24px;
	word-break: break-all;
}
	.manual-body-note-body dl dt::before,
	.manual-body-notice-body dl dt::before,
	.manual-body-warning-body dl dt::before {
		content: "";
		position: absolute;
		top: 0.3rem;
		left: 4px;
		width: 16px;
		height: 16px;
		background-color: #000;
	}

.manual-body-note-body dd,
.manual-body-notice-body dd,
.manual-body-warning-body dd {
	margin-bottom: 1rem;
}
	.manual-body-note-body dd:last-child,
	.manual-body-notice-body dd:last-child,
	.manual-body-warning-body dd:last-child {
		margin-bottom: 0;
	}

footer nav {
	height: 100%;
}

#manual-common-pagetitle {
	position: sticky;
	top: 0;
	padding: 16px 24px;
	background: #fff;
	border-bottom: 1px solid #909090;
	z-index: 10;
}

#manual-common-pagetitle h2 {
	height: auto;
	margin: 0;
	font-weight: bold;
	transition: all 0.2s;
}

.scroll #manual-common-pagetitle h2 {
	font-size: 1rem !important;
}

#manual-common-pagetitle h2:has(+ .title-menu-btn),
#manual-common-pagetitle h2:has(+ .manual_tab_navigation) {
	margin-bottom: 4px;
}

.scroll #manual-common-pagetitle h1:has(+ .title-menu-btn),
.scroll #manual-common-pagetitle h2:has(+ .title-menu-btn) {
	display: none;
}

#manual-common-pagetitle h1:has(+ .title-menu-btn),
#manual-common-pagetitle h1:has(+ .manual_tab_navigation) {
	margin-bottom: 4px;
}

#manual-common-pagetitle h1 {
	height: auto;
	margin: 0;
	font-weight: bold;
	transition: all 0.2s;
	font-size: calc(1.325rem + .9vw);
	margin-top: 0 !important;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--bs-heading-color);
	display: block;
	font-size: 1.5em;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	unicode-bidi: isolate;
	margin-bottom: 4px !important;
}

/* PC */
@media screen and (min-width:1024px) {
	#manual-common-pagetitle h1 {
		font-size: 2rem;
	}
}

#manual-main {
	height: 100%;
	width: 100%;
	padding: 0;
	outline: 0;
}

body>main {
	height: 100%;
	width: 100%;
	padding: 0;
}

body>main>main {
	position: relative;
	display: block;
	height: calc(100% - 56px - 54px);
	outline: 0;
}

.manual-wrapper {
	height: 100%;
	width: 100%;
	padding: 0;
	outline: 0;
	overflow: overlay;
	overscroll-behavior: none;
}

.manual-body-note {
	padding-bottom: 0px;
}

#manual-content-localnav {
	width: 100%;
	max-height: 30vh;
	margin-top: 12px;
	overflow: auto;
}
	#manual-content-localnav.close {
		display: none;
	}

	#manual-content-localnav>ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#manual-content-localnav>ul>li {
			position: relative;
			padding: 0;
			margin: 0;
			white-space: normal;
		}
			#manual-content-localnav>ul>li::marker {
				content: "";
				position: absolute;
				top: 0.55rem;
				left: 6px;
				display: block;
				width: 10px;
				height: 10px;
				border: 1px solid #000;
				background-color: #000;
				border-radius: 100%;
			}
			#manual-content-localnav>ul>li>a {
				display: block;
				position: relative;
				padding: 4px 16px 4px 24px;
				font-size: 0.85rem;
				text-decoration: underline;
				color: #000;
				outline-offset: -2px;
			}
				#manual-content-localnav>ul>li>a::before {
					content: "";
					position: absolute;
					top: 0.55rem;
					left: 6px;
					display: block;
					width: 10px;
					height: 10px;
					border: 1px solid #000;
					background-color: #000;
					border-radius: 100%;
				}

#manual-content-operation-button-menu {
	cursor: pointer;
	position: relative;
	padding: 0 18px 0 0;
	font-size: 1rem;
	font-weight: bold;
	border: 0 !important;
	background-color: #fff;
	width: 82px;
}

#manual-content-operation-button-menu::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	display: block;
	width: 16px;
	height: 16px;
	margin: auto;
	background-image: url(../icon/icon_arrow.svg);
	background-size: 5.6px 9.33px;
	background-position: center;
	background-repeat: no-repeat;
	transform: rotate(90deg);
}

.scroll #manual-common-pagetitle {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.scroll #manual-common-pagetitle h1 {
	font-size: 1rem !important;
}

.scroll #manual-common-pagetitle h1:has(+ #manual-content-operation-button + .title-menu-btn) {
	display: none;
}

.ui-widget-overlay {
	pointer-events: auto;
	opacity: 1;
}

.ui-dialog .close {
	pointer-events: auto;
}

.ui-dialog .ui-dialog-content {
	overflow: hidden !important;
	position: static !important;
	padding: 0 !important;
}

ul.list-style-en-dash>li:has(> div.p)>.p {
	display: inline;
}
	ul.list-style-en-dash>li:has(> div.p)>div.p {
		display: block;
	}

#manual-copy {
	padding: 12px;
	text-align: center;
	font-size: 0.8rem;
	color: #333;
}
	footer #manual-copy {
		display: none;
	}

/* PC */
@media screen and (min-width:1024px) {

	/*　MAIN　*/
	body>main>main {
		display: flex;
		height: calc(100vh - 88px);
		height: calc(100dvh - 88px);
		width: 100%;
		max-width: 1320px;
		margin: auto;
	}

	#contentsMenu {
		position: relative;
		top: 0;
		height: 100%;
		max-width: 405px;
		margin: 0;
		opacity: 1;
		visibility: visible;
		box-shadow: none;
		border-right: 1px solid #000;
		flex-shrink: 0;
		transition: none;
		overflow-y: auto;
	}

	#manual-common-pagetitle {
		padding-left: 48px;
	}

	#manual-main {
		margin: 0;
	}

	.manual_menu ul.title-menu {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 12px;
		width: 100%;
	}

	.manual_menu ul.title-menu li {
		display: inline-block;
		width: auto;
	}

	#manual-common-pagetitle>#manual-content-localnav>ul {
		display: grid;
		flex-wrap: wrap;
		column-gap: 40px;
		grid-template-columns: 1fr 1fr 1fr;

	}
}