@charset "UTF-8";
/*iPhone上下透過対策*/
@media (hover: none) and (pointer: coarse) {
  .for-status-bars {
		position: fixed;
		top: 0;
		z-index: 10000;
		pointer-events: none;
		height: 105px;
		width: 100%;
		background-color: #fff;
		mix-blend-mode: darken;
		transform: translateY(-100px);
	}
	.for-tab-bars {
		position: fixed;
		bottom: 0;
		z-index: 10000;
		pointer-events: none;
		height: 104px;
		width: 100%;
		background-color: #000;
		mix-blend-mode: lighten;
		transform: translateY(100px);
	}
}
#main-LabDAMS {
	--color_0: #333333;
	--color_1: #001741;
	--color_2: #00286E;
	--color_bg: #F5F4F4;
	--color_blue: #4472C4;
	--color_blue2: #EFF4FD;
	--color_blue3: #77A2EF;
	--color_red: #E20011;
	--color_yellow: #FDF160;
	--color_gray: #B3B9C6;
	--color_link: #0076FF;
	--fontFamily_base: 'Noto Sans JP', 'Yu Gothic UI', 'Noto Sans', sans-serif;
	--fontFamily_hitachi: 'Hitachi Sans', Verdana, sans-serif;
	font-family: var(--fontFamily_base);
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	--pd: 5vw;
	overflow-wrap: anywhere;
	word-break: normal;
	line-break: strict;
}
/* .JS body {
	background-color: #fff;
} */
body:not(#_) #Contents {
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}
body > #Contents .hht-wrap,
body > .where-not .hht-wrap {
	padding-right: 0;
	padding-left: 0;
}
body > #Contents a,
body > .where-not a {
	transition: none;
}
body > #Contents main a:focus-visible img,
body > #Contents main a:hover img {
	transform: none;
}
body > #Contents #main-LabDAMS dl,
body > #Contents #main-LabDAMS ol,
body > #Contents #main-LabDAMS ul {
	margin-bottom: 0;
}
body > #Contents #main-LabDAMS ul {
	padding-left: 0;
}
#Contents {
	padding-bottom: 0;
}
body > #Contents #main-LabDAMS h2,
body > #Contents #main-LabDAMS h3,
body > #Contents #main-LabDAMS h4 {
	display: inherit;
}
body > #Contents #main-LabDAMS .pcv,
#main-LabDAMS.popup.products .pcv {
	display: none !important;
}
body > #Contents #main-LabDAMS .fadeTrg .fadeWrap,
body > #Contents #main-LabDAMS .fadeTrg.fadeWrap {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.4s, transform 0.4s;
}
body > #Contents #main-LabDAMS .fadeTrg .fadeWrap.noMove,
body > #Contents #main-LabDAMS .fadeTrg.fadeWrap.noMove {
	transform: translateY(0);
}
body > #Contents #main-LabDAMS.start .fadeTrg.show .fadeWrap,
body > #Contents #main-LabDAMS.start .fadeTrg.show.fadeWrap {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.5s 0s, transform 0.5s 0s;
}
body > #Contents #main-LabDAMS .fadeTrg {
	opacity: 0;
	transition: opacity 0.6s;
}
body > #Contents #main-LabDAMS.start .fadeTrg.show {
	opacity: 1;
}
body > #Contents #main-LabDAMS .clear::after {
	content: '';
	clear: both;
	display: block;
}
html.scrollFixed {
	overflow: hidden;
}
body > #Contents .hht-wrap,
body > .where-not .hht-wrap {
	overflow: clip;
}
html {
	overflow-x: clip;
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS {
	position: relative;
	background: #fff;
	color: var(--color_0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: normal;
}
body > #Contents #startLoading {
	content: '';
	width: 200px;
	height: 200px;
	position: fixed;
	left: calc(50% - 100px);
	top: calc(50% - 100px);
	z-index: 1001;
	pointer-events: none;
	background: url("/assets/image/jp/ja/products/ot-solution/quality-management/icon_loading.png") center center/50px auto no-repeat;
	animation: liading_rotate 1s linear infinite, loadingStart 0s 0.4s forwards;
	opacity: 0;
	mix-blend-mode: multiply;
}
@keyframes liading_rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes loadingStart {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
body > #Contents #main-LabDAMS {
	opacity: 0;
}
body > #Contents #main-LabDAMS.start {
	opacity: 1;
}
body > #Contents #main-LabDAMS #viewContainer {
	opacity: 0;
}
body > #Contents #main-LabDAMS.start #viewContainer,
html.loading-delay body > #Contents #main-LabDAMS #viewContainer {
	opacity: 1;
	transition: opacity 0.3s;
}
body > #Contents #startLoading.hide {
	display: none;
}
body > #Contents #main-LabDAMS ul,
body > #Contents #main-LabDAMS li {
	line-height: inherit;
}
body > #Contents #main-LabDAMS p {
	font-size: inherit;
	line-height: inherit;
}
#main-LabDAMS *,
#main-LabDAMS *::before,
#main-LabDAMS *::after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body > #Contents #main-LabDAMS a {
	color: inherit;
	text-decoration: none;
	position: relative;
}
body > #Contents #main-LabDAMS section {
	position: relative;
	z-index: 1;
	overflow-x: clip;
	overflow-y: visible;
}
body > #Contents #main-LabDAMS sup {
	/* display: inline-block;
	font-size: 0.55em;
	text-indent: 0;
	top: 0;
	margin: 0 0.2em;
	vertical-align: super;
	line-height: inherit; */
	vertical-align: text-top;
	font-size: inherit;
	margin: 0;
}
body > #Contents #main-LabDAMS sub {
	display: inline-block;
	font-size: 0.7em;
	text-indent: 0;
	vertical-align: baseline;
	bottom: initial;
}
body > #Contents #main-LabDAMS i {
	font-family: var(--fontFamily_hitachi);
	font-style: normal;
	font-weight: inherit;
}
body > #Contents #main-LabDAMS .font-hitachi {
	font-family: var(--fontFamily_hitachi);
	font-style: normal;
	font-weight: inherit;
}
body > #Contents #main-LabDAMS b {
	font-weight: inherit;
}
body > #Contents #main-LabDAMS em {
	font-style: normal;
}
body > #Contents #main-LabDAMS .wrapper {
	margin: 0 auto;
	position: relative;
	z-index: 6;
	padding: 0 var(--pd);
}
body > #Contents #main-LabDAMS h1,
body > #Contents #main-LabDAMS h1 span,
body > #Contents #main-LabDAMS h2,
body > #Contents #main-LabDAMS h2 span,
body > #Contents #main-LabDAMS h3,
body > #Contents #main-LabDAMS h3 span,
body > #Contents #main-LabDAMS h4,
body > #Contents #main-LabDAMS h4 span {
	background: none;
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	border: none;
}
#main-LabDAMS .swiper-pagination {
	left: 0;
	display: flex;
	justify-content: flex-start;
	position: relative;
	bottom: inherit;
	top: inherit;
	margin-left: 8px;
}
#main-LabDAMS .swiper-pagination.swiper-pagination-lock {
	display: none !important;
}
#main-LabDAMS .swiper-pagination-bullets {
	bottom: inherit;
	height: inherit;
	padding: 8px 0;
}
#main-LabDAMS .swiper-pagination-bullets .swiper-pagination-bullet {
	background-color: var(--color_gray);
	height: 6px;
	width: 6px;
	opacity: 1;
	margin: 0 18px 0 0;
	position: relative;
}
#main-LabDAMS .swiper-pagination-bullets .swiper-pagination-bullet:last-child {
	margin-right: 0;
}
#main-LabDAMS .swiper-pagination-bullets .swiper-pagination-bullet::after {
	content: '';
	width: calc(100% + 16px);
	height: calc(100% + 16px);
	position: absolute;
	left: -8px;
	top: -8px;
	z-index: -1;
}
#main-LabDAMS .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color: var(--color_blue);
}
#main-LabDAMS .swiper .control .swiper-arrow {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 5px;
}
#main-LabDAMS .swiper .control .swiper-arrow .arrow {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--color_gray) url("/assets/image/jp/ja/products/ot-solution/quality-management/icon_link_arrow_s.svg") center center no-repeat;
	cursor: pointer;
}
#main-LabDAMS .swiper .control .swiper-arrow .arrow.left {
	transform: rotate(-90deg);
}
#main-LabDAMS .swiper .control .swiper-arrow .arrow.right {
	transform: rotate(90deg);
}
#main-LabDAMS .swiper .control .swiper-arrow .arrow.swiper-button-disabled {
	opacity: 0.3;
	pointer-events: none;
}
#main-LabDAMS .swiper .control {
	margin: 40px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
body > #Contents #main-LabDAMS .jumpTarget {
	position: absolute;
	top: 0;
	left: 0;
}
body > #Contents #main-LabDAMS .jumpTarget#jump-about {
	top: -30px;
}
body > #Contents #main-LabDAMS .jumpTarget#jump-why_us {
	top: -30px;
}
body > #Contents #main-LabDAMS .jumpTarget#jump-case_studies {
	top: -30px;
}
body > #Contents #main-LabDAMS .jumpTarget#jump-flow {
	top: -30px;
}
body > #Contents #main-LabDAMS .jumpTarget#jump-library {
	top: 190px;
}
body > #Contents #main-LabDAMS #pageTopBtn {
	position: fixed;
	bottom: 25px;
	left: 0;
	right: 0;
	z-index: 100;
	width: 100%;
	height: 44px;
	max-width: 1305px;
	padding: 0 25px;
	margin: 0 auto;
	text-align: right;
	pointer-events: none;
}
body > #Contents #main-LabDAMS #pageTopBtn.set {
	position: absolute;
	bottom: 15px;
	transition: none;
}
body > #Contents #main-LabDAMS #pageTopBtn a {
	display: inline-block;
	width: 44px;
	height: 44px;
	background: #000 url("/assets/image/jp/ja/products/ot-solution/quality-management/arrow_top.svg") top 45% center/12px 7px no-repeat;
	border-radius: 50%;
	opacity: 0;
	transition: opacity 0.2s, transform 0.2s;
}
body > #Contents #main-LabDAMS.pageTopBtn_show #pageTopBtn a {
	pointer-events: auto;
	opacity: 1;
}
body > #Contents #main-LabDAMS.pageTopBtn_hide #pageTopBtn a {
	display: hide;
}
/*--------------------------------------------------------------------------------*/
html.spNaviOpen {
	overflow: hidden;
	/* scrollbar-gutter: stable; */
}
body > #Contents #main-LabDAMS #header-menu {
	overflow: visible;
	position: relative;
	z-index: 102;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	width: 100%;
	min-height: 60px;
}
body > #Contents #main-LabDAMS #header-menu .wrapper {
	width: 100%;
	background-color: #fff;
}
body.menu-open > #Contents #main-LabDAMS #header-menu {
	z-index: 62;
}
body > #Contents #main-LabDAMS #header-menu::after {
	content: '';
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 0;
	background: linear-gradient(to bottom, rgb(0 0 0/0.05) 0%, rgb(0 0 0/0) 100%);
}
body > #Contents #main-LabDAMS.toppage #header-menu {
	position: fixed;
	top: 0;
	left: 0;
	transform: translateY(-100%);
	transition: transform 0.2s;
	will-change: transform;
}
body > #Contents #main-LabDAMS.toppage #header-menu::after {
	transition: opacity 0.2s;
	opacity: 0;
}
body > #Contents #main-LabDAMS.toppage.is-headerMenu-show #header-menu,
html.spNaviOpen body > #Contents #main-LabDAMS #header-menu {
	transform: translateY(0);
}
body > #Contents #main-LabDAMS.toppage.is-headerMenu-show #header-menu::after {
	opacity: 1;
}
html.spNaviOpen body > #Contents #main-LabDAMS #header-menu::after {
	opacity: 0 !important;
}
body > #Contents #main-LabDAMS.subpage #header-menu {
	position: sticky;
	container-type: scroll-state;
	container-name: header-menu;
	left: 0;
	top: 0;
}
body > #Contents #main-LabDAMS.subpage.is-headerMenu-show #header-menu .wrapper {
	position: fixed;
	top: 0;
}
body > #Contents #main-LabDAMS.subpage #header-menu::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	border-top: 1px solid #DEDEDE;
}
@container header-menu scroll-state(stuck: top) {
	body > #Contents #main-LabDAMS.subpage #header-menu::before {
		border-top: none;
	}
}
body > #Contents #main-LabDAMS.subpage.is-headerMenu-show #header-menu {
	z-index: 102;
}
html.spNaviOpen body > #Contents #main-LabDAMS #header-menu,
html.spNaviOpen body > #Contents #main-LabDAMS #header-menu .wrapper {
	position: fixed;
	top: 0;
	left: 0;
}
body > #Contents #main-LabDAMS #header-menu .inner {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 60px;
}
body > #Contents #main-LabDAMS #header-menu .logo a {
	display: block;
	width: 116px;
}
body > #Contents #main-LabDAMS #header-menu .logo span {
	display: block;
	font-size: 10px;
	transform: scale(0.7);
	transform-origin: left center;
	line-height: 1;
	font-weight: 500;
	color: var(--color_blue);
	margin: 0 0 2px 2px;
	white-space: nowrap;
	pointer-events: none;
}
body > #Contents #main-LabDAMS #header-menu .logo img {
	display: block;
	width: 116px;
}
body > #Contents #main-LabDAMS #header-menu ul.main {
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	height: calc(100vh - 60px);
	padding: 40px 10vw 120px;
	opacity: 0;
	overflow-x: hidden;
	overflow-y: auto;
	pointer-events: none;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
html.spNaviOpen body > #Contents #main-LabDAMS #header-menu ul.main {
	opacity: 1;
	pointer-events: auto;
}
body::after {
	content: '';
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 120lvh;
	z-index: 101;
	background: #fff;
	color: #fff;
	pointer-events: none;
	opacity: 0;
	transform: translate3d(0, 0, -1px);
}
html.spNaviOpen body::after {
	opacity: 1;
	pointer-events: auto;
}
body > #Contents #main-LabDAMS #header-menu ul.main > li > a {
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
body > #Contents #main-LabDAMS #header-menu ul.main > li.t {
	border-top: 1px solid #DEDEDE;
}
body > #Contents #main-LabDAMS #header-menu ul.main > li.t > a {
	display: block;
	padding: 30px 10px;
	font-size: 14px;
	color: var(--color_2);
	font-weight: bold;
	line-height: 1;
	background: url("/assets/image/jp/ja/products/ot-solution/quality-management/icon_navi_arrow.svg") right 23px center no-repeat;
}
body > #Contents #main-LabDAMS #header-menu ul.main > li.t > a:active {
	background-color: rgba(0, 0, 0, 0.1);
}
body > #Contents #main-LabDAMS #header-menu ul.main > li.btn.contact {
	margin-top: 10px;
}
body > #Contents #main-LabDAMS #header-menu ul.main > li.btn.contact a {
	display: block;
	color: #fff;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	background-color: var(--color_blue);
	height: 70px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
body > #Contents #main-LabDAMS #header-menu ul.main > li.btn.contact a:active {
	background-color: var(--color_link);
}
body > #Contents #main-LabDAMS #header-menu ul.main > li.wrap-btn {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 0 5px;
	margin-top: 20px;
}
body > #Contents #main-LabDAMS #header-menu ul.main > li.wrap-btn a {
	flex: 1;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background-color: var(--color_2);
	transition: filter 0.15s;
	border-radius: 5px;
}
body > #Contents #main-LabDAMS #header-menu ul.main > li.wrap-btn a:active {
	filter: contrast(0.8) brightness(1.5);
}
body > #Contents #main-LabDAMS #header-menu ul.main > li.wrap-btn a.color2 {
	background-color: var(--color_red);
}
body > #Contents #main-LabDAMS #header-menu ul.main > li.wrap-btn a em {
	border: 1px solid #fff;
	border-radius: 3px;
	padding: 2px 3px;
	margin-right: 6px;
	font-size: 12px;
	line-height: 1;
	font-weight: 500;
}
body > #Contents #main-LabDAMS #header-menu #spMenuBtn {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
body > #Contents #main-LabDAMS #header-menu #spMenuBtn span {
	position: absolute;
	left: 15px;
	top: 30px;
	width: 30px;
	height: 1px;
	background: var(--color_blue);
	transition: transform 0.2s;
	will-change: transform;
}
body > #Contents #main-LabDAMS #header-menu #spMenuBtn span.c1 {
	transform: translateY(-9px);
}
body > #Contents #main-LabDAMS #header-menu #spMenuBtn span.c3 {
	transform: translateY(9px);
	width: 20px;
}
html.spNaviOpen body > #Contents #main-LabDAMS #header-menu #spMenuBtn span.c1 {
	transform: rotate(-225deg);
}
html.spNaviOpen body > #Contents #main-LabDAMS #header-menu #spMenuBtn span.c3 {
	transform: rotate(225deg);
	width: 30px;
}
html.spNaviOpen body > #Contents #main-LabDAMS #header-menu #spMenuBtn span.c2 {
	transform: scaleX(0);
}
/*---------------------------------------*/
body > #Contents #main-LabDAMS #fixed-link {
	position: sticky;
	left: 0;
	bottom: 0;
	z-index: 100;
	width: 100dvw;
	height: 60px;
	transform: translateY(100%);
	pointer-events: none;
	transition: transform 0.2s;
	will-change: transform;
}
body > #Contents #main-LabDAMS.start.is-fixedBtn-show #fixed-link {
	transform: translateY(0);
	pointer-events: auto;
}
body > #Contents #main-LabDAMS #fixed-link .inner {
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}
body > #Contents #main-LabDAMS #fixed-link a {
	flex: 1;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 0;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background-color: var(--color_2);
	transition: filter 0.15s;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
body > #Contents #main-LabDAMS #fixed-link a:active {
	filter: contrast(0.8) brightness(1.5);
}
body > #Contents #main-LabDAMS #fixed-link a > div {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}
body > #Contents #main-LabDAMS #fixed-link a.color2 {
	background-color: var(--color_red);
}
body > #Contents #main-LabDAMS #fixed-link a.color1 img.icon {
	width: 17px;
}
body > #Contents #main-LabDAMS #fixed-link a.color2 img.icon {
	width: 28px;
}
body > #Contents #main-LabDAMS #fixed-link a span em {
	border: 1px solid #fff;
	border-radius: 3px;
	padding: 2px 3px;
	margin-right: 6px;
	font-size: 12px;
	line-height: 1;
	font-weight: 500;
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS .btn_1 {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 315px;
	max-width: 94%;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.05em;
	position: relative;
	z-index: 1;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
body > #Contents #main-LabDAMS .btn_1::before {
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: var(--color_1) url("/assets/image/jp/ja/products/ot-solution/quality-management/btn_arrow_yellow.svg") right 20px center no-repeat;
	transition: background-color 0.15s;
}
body > #Contents #main-LabDAMS .btn_1::after {
	content: '';
	width: 70%;
	height: 70%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	z-index: -1;
	box-shadow: 0 3px 20px rgb(0 40 110/0.5);
}
body > #Contents #main-LabDAMS .btn_1 span {
	position: relative;
	z-index: 2;
}
body > #Contents #main-LabDAMS .btn_1 i {
	display: block;
	color: var(--color_yellow);
	font-size: 12px;
	line-height: 1;
	font-weight: normal;
	margin-top: 6px;
}
body > #Contents #main-LabDAMS .btn_2 {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width: 295px;
	height: 60px;
	border-radius: 5px;
	background: var(--color_1) url("/assets/image/jp/ja/products/ot-solution/quality-management/btn_arrow_yellow.svg") right 20px center no-repeat;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.05em;
	position: relative;
	transition: background-color 0.15s;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
body > #Contents #main-LabDAMS .btn_2.small {
	font-size: 13px;
	letter-spacing: normal;
	padding-right: 18px;
	background-position: right 18px center;
}
body > #Contents #main-LabDAMS .btn_1:active::before,
body > #Contents #main-LabDAMS .btn_2:active {
	background-color: var(--color_link2)!important;
}
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS #mainVisual {
	background-color: var(--color_blue);
	color: #fff;
	overflow: hidden;
	padding: 70px 0 50px;
}
body > #Contents #main-LabDAMS #mainVisual::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	background: url("/assets/image/jp/ja/products/ot-solution/quality-management/mv_bg_sp.jpg") center center/cover no-repeat;
	transform: scale(1.4);
	filter: brightness(1.5);
}
body > #Contents #main-LabDAMS.start #mainVisual::after {
	transform: scale(1);
	filter: none;
	transition: transform ease-out 2s;
}
body > #Contents #main-LabDAMS #mainVisual .wrap-logo span,
body > #Contents #main-LabDAMS #mainVisual .wrap-logo img.logo {
	transform: translateX(100px);
	opacity: 0;
	will-change: transform;
}
body > #Contents #main-LabDAMS.start #mainVisual .wrap-logo span,
body > #Contents #main-LabDAMS.start #mainVisual .wrap-logo img.logo {
	transform: translateX(0);
	opacity: 1;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
body > #Contents #main-LabDAMS.start #mainVisual .wrap-logo span {
	transition-delay: 0.2s;
}
body > #Contents #main-LabDAMS.start #mainVisual .wrap-logo img.logo {
	transition-delay: 0.3s;
}
body > #Contents #main-LabDAMS #mainVisual .t1,
body > #Contents #main-LabDAMS #mainVisual .btn_1 {
	transform: translateY(50px);
	opacity: 0;
	will-change: transform;
}
body > #Contents #main-LabDAMS.start #mainVisual .t1,
body > #Contents #main-LabDAMS.start #mainVisual .btn_1 {
	transform: translateY(0);
	opacity: 1;
	transition-property: transform, opacity;
	transition-duration: 0.6s;
}
body > #Contents #main-LabDAMS.start #mainVisual .t1 {
	transition-delay: 0.8s;
}
body > #Contents #main-LabDAMS.start #mainVisual .btn_1:nth-child(1) {
	transition-delay: 0.9s;
}
body > #Contents #main-LabDAMS.start #mainVisual .btn_1:nth-child(2) {
	transition-delay: 1.0s;
}
body > #Contents #main-LabDAMS #mainVisual .wrapper {
	max-width: calc(1165px + var(--pd) * 2);
	height: 100%;
}
body > #Contents #main-LabDAMS #mainVisual nav.navi-main {
	display: none;
}
body > #Contents #main-LabDAMS #mainVisual .main .wrap-logo {
	margin: 0 6vw;
}
body > #Contents #main-LabDAMS #mainVisual .main .wrap-logo span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 12px;
	color: #fff;
	margin-left: 1px;
}
body > #Contents #main-LabDAMS #mainVisual .main .wrap-logo img.logo {
	filter: drop-shadow(1px 0px 20px rgb(1 5 26 / 0.38));
	max-width: 263px;
	width: 90%;
}
body > #Contents #main-LabDAMS #mainVisual .main .t1 {
	font-size: 22px;
	line-height: 36px;
	font-weight: bold;
	letter-spacing: 0.043em;
	margin: 30px 6vw 45px;
}
body > #Contents #main-LabDAMS #mainVisual .main .wrap-btn {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 0 10px;
}
body > #Contents #main-LabDAMS #mainVisual .btn_1 {
	height: 65px;
	font-size: 13px;
}
body > #Contents #main-LabDAMS #mainVisual .btn_1::before {
	background: var(--color_1);
}
body > #Contents #main-LabDAMS #mainVisual .btn_1 i {
	font-size: 11px;
}
body > #Contents #main-LabDAMS #mainVisual .demo_banner {
	position: relative;
	z-index: 10;
	padding: 0 var(--pd);
	margin-top: 40px;
}
body > #Contents #main-LabDAMS #mainVisual .demo_banner .inner {
	width: fit-content;
	transition: transform 0.6s 1.3s, opacity 0.6s 1.3s;
	transform: scale(1.5);
	opacity: 0;
	will-change: transform;
	pointer-events: auto;
}
body > #Contents #main-LabDAMS.start #mainVisual .demo_banner .inner {
	transform: scale(1);
	opacity: 1;
}
body > #Contents #main-LabDAMS #mainVisual .demo_banner a {
	display: block;
}
body > #Contents #main-LabDAMS #mainVisual .demo_banner a:active {
	filter: contrast(0.9) brightness(1.1);
}
body > #Contents #main-LabDAMS #mainVisual .demo_banner a img {
	display: block;
	width: 100%;
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS #sec-topics {
	z-index: 11;
	box-shadow: 0 3px 30px rgb(1 5 26 / 0.16);
	background: #fff;
}
body > #Contents #main-LabDAMS #sec-topics::after {
	content: '';
	width: 100%;
	height: 55px;
	position: absolute;
	left: 0;
	top: 55px;
	z-index: 0;
}
body > #Contents #main-LabDAMS #sec-topics .wrapper {
	padding: 0;
}
body > #Contents #main-LabDAMS #sec-topics .outer {
	padding: 35px 8vw 35px;
	position: relative;
}
body > #Contents #main-LabDAMS #sec-topics .hd {
	margin-top: 0;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	letter-spacing: 0.06em;
	margin-bottom: 15px;
	color: var(--color_blue3);
}
body > #Contents #main-LabDAMS #sec-topics .inner {
	flex: 1;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	overflow: hidden;
}
body > #Contents #main-LabDAMS #sec-topics .inner ul li {
	position: relative;
}
body > #Contents #main-LabDAMS #sec-topics .inner ul li .date {
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: normal;
	margin-top: 3px;
}
body > #Contents #main-LabDAMS #sec-topics .inner ul li .text {
	font-size: 15px;
	line-height: 1.5;
	margin-top: 6px;
}
body > #Contents #main-LabDAMS #sec-topics .inner ul li .text a {
	color: var(--color_link);
}
body > #Contents #main-LabDAMS #sec-topics .inner ul li .text a:active {
	text-decoration: underline;
}
body > #Contents #main-LabDAMS #sec-topics .inner ul li .text a[target='_blank'] {
	padding-right: 22px;
	background: url("/assets/image/jp/ja/products/ot-solution/quality-management/icon_blank.svg") right 5px center no-repeat;
}
body > #Contents #main-LabDAMS #sec-topics .control {
	width: 120px;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	margin-left: 40px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	right: 5vw;
	top: 36px;
}
body > #Contents #main-LabDAMS #sec-topics .control .page {
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-right: 10px;
	white-space: nowrap;
	color: #666666;
}
body > #Contents #main-LabDAMS #sec-topics .control .page span {
	margin: 0 2px;
}
body > #Contents #main-LabDAMS #sec-topics .control .arrow {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
body > #Contents #main-LabDAMS #sec-topics .control .arrow.left {
	transform: scaleX(-1);
}
body > #Contents #main-LabDAMS #sec-topics .control .arrow.right {
	border-left: 1px solid #ccc;
}
body > #Contents #main-LabDAMS #sec-topics .control .arrow span {
	display: block;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: url("/assets/image/jp/ja/products/ot-solution/quality-management/slide_arrow_blue.svg") left 55% center no-repeat;
	margin: 0 5px;
	opacity: 0.2;
}
body > #Contents #main-LabDAMS #sec-topics .control .arrow span:not(.swiper-button-disabled) {
	cursor: pointer;
	opacity: 1;
}
body > #Contents #main-LabDAMS #sec-topics .control .arrow span:not(.swiper-button-disabled):active {
	background-color: #fff;
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS #sec-intro {
	background: #DEDEDE url("/assets/image/jp/ja/products/ot-solution/quality-management/intro_bg_sp.jpg") center center/cover no-repeat;
}
body > #Contents #main-LabDAMS #sec-intro .wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}
body > #Contents #main-LabDAMS #sec-topics + #sec-intro .wrapper {
	padding: 40px 0;
}
body > #Contents #main-LabDAMS #sec-intro .wrapper #intro-text {
	color: var(--color_1);
	font-size: 22px;
	line-height: 34px;
	font-weight: bold;
	text-align: center;
}
body > #Contents #main-LabDAMS #sec-intro .wrapper #intro-text b {
	color: var(--color_red);
}
body > #Contents #main-LabDAMS #sec-intro .wrapper #intro-text .char {
	opacity: 0;
	display: inline-block;
	transform: translateY(10px);
}
body > #Contents #main-LabDAMS #sec-intro .wrapper #intro-text.fadeTrg {
	opacity: 1 !important;
}
body > #Contents #main-LabDAMS #sec-intro .wrapper #intro-text.fadeTrg.show .char {
	animation: intro-text-fadeUp 0.3s ease forwards;
}
@keyframes intro-text-fadeUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS h2.heading {
	text-align: center;
	color: var(--color_2);
	width: fit-content;
	margin: 0 auto;
	letter-spacing: 0.05em;
}
body > #Contents #main-LabDAMS h2.heading .t1 {
	display: block;
	min-width: 220px;
	width: fit-content;
	margin: 0 auto;
	position: relative;
	font-size: 20px;
	line-height: 1.3;
	font-weight: bold;
	padding-bottom: 10px;
}
body > #Contents #main-LabDAMS h2.heading .t1::after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
	background-color: var(--color_2);
}
body > #Contents #main-LabDAMS h2.heading .t2 {
	display: block;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	margin-top: 12px;
}
body > #Contents #main-LabDAMS h2.heading .t3 {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 0 10px;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: normal;
	margin-top: 20px;
	margin-left: 0.2em;
}
body > #Contents #main-LabDAMS h2.heading .t3:has(.border) {
	text-align: left;
}
body > #Contents #main-LabDAMS h2.heading .t3.small {
	font-size: 25px;
}
body > #Contents #main-LabDAMS h2.heading .t3 .border {
	border: 1px solid var(--color_2);
	font-size: 16px;
	line-height: 1;
	font-weight: normal;
	border: 1px solid var(--color_2);
	border-radius: 3px;
	padding: 7px 6px;
	white-space: nowrap;
	margin-top: 5px;
}
body > #Contents #main-LabDAMS h2.heading.fadeTrg .t1 em {
	display: block;
	opacity: 0;
	transform: translateY(20px);
}
body > #Contents #main-LabDAMS h2.heading.fadeTrg .t1::after {
	transform-origin: left bottom;
	transform: scaleX(0);
}
body > #Contents #main-LabDAMS h2.heading.fadeTrg .t2 {
	opacity: 0;
	transform: translateY(-20px);
}
body > #Contents #main-LabDAMS h2.heading.fadeTrg .t3 {
	opacity: 0;
	transform: translateY(0);
}
body > #Contents #main-LabDAMS.start h2.heading.fadeTrg.show .t1 em,
body > #Contents #main-LabDAMS.start h2.heading.fadeTrg.show .t2 {
	transition: opacity 0.6s, transform 0.6s;
	transform: none;
	opacity: 1;
}
body > #Contents #main-LabDAMS.start h2.heading.fadeTrg.show .t1::after {
	transition: transform ease-in 0.6s 0.2s;
	transform: none;
	opacity: 1;
}
body > #Contents #main-LabDAMS.start h2.heading.fadeTrg.show .t3 {
	transition: opacity 0.6s 0.4s, transform 0.6s 0.4s;
	transform: none;
	opacity: 1;
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS #sec-about {
	padding: 60px 0;
}
body > #Contents #main-LabDAMS #sec-about .intro {
	margin: 40px auto 0;
}
body > #Contents #main-LabDAMS #sec-about .intro .text-hd {
	font-size: 18px;
	line-height: 30px;
	font-weight: 500;
	color: var(--color_blue);
	margin-bottom: 25px;
}
body > #Contents #main-LabDAMS #sec-about .intro .flex > .wrap {
	position: relative;
}
body > #Contents #main-LabDAMS #sec-about .intro .flex > .wrap + .wrap {
	margin-top: 40px;
}
body > #Contents #main-LabDAMS #sec-about .intro .flex > .wrap img.image {
	display: block;
	width: 100%;
	height: 130px;
	border-radius: 5px;
	object-fit: cover;
}
body > #Contents #main-LabDAMS #sec-about .intro .flex > .wrap .text {
	margin: 12px auto 0;
}
body > #Contents #main-LabDAMS #sec-about .intro .flex > .wrap .text .t {
	color: var(--color_2);
	font-size: 14px;
	line-height: 1.6;
	font-weight: bold;
}
body > #Contents #main-LabDAMS #sec-about .intro .flex > .wrap .text .t b {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: var(--color_red);
	margin-top: 5px;
}
body > #Contents #main-LabDAMS #sec-about .content {
	margin-top: 70px;
	padding-top: 60px;
	background: url("/assets/image/jp/ja/products/ot-solution/quality-management/dot_line.svg") left top repeat-x;
}
body > #Contents #main-LabDAMS #sec-about .content .inner {
	max-width: 1165px;
	margin: 0 auto;
}
body > #Contents #main-LabDAMS #sec-about .content h3 > span.s1 {
	background: var(--color_blue) url("/assets/image/jp/ja/products/ot-solution/quality-management/about_c_hd.png") center center/cover no-repeat;
	color: #fff;
	height: 102px;
	border-radius: 5px;
	padding: 0 8vw;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 15px;
}
body > #Contents #main-LabDAMS #sec-about .content h3 > span.s1 > span {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0.04em;
}
body > #Contents #main-LabDAMS #sec-about .content h3 > span.s1 > span small {
	display: block;
	font-size: 13px;
	line-height: 1.2;
}
body > #Contents #main-LabDAMS #sec-about .content h3 > span.s1 i {
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin-top: 3px;
}
body > #Contents #main-LabDAMS #sec-about .content h3 > span.s2 {
	font-size: 18px;
	line-height: 30px;
	font-weight: 500;
	letter-spacing: 0.05em;
	color: var(--color_blue);
}
body > #Contents #main-LabDAMS #sec-about .content .c1_benefits > .wrap {
	margin-top: 40px;
}
body > #Contents #main-LabDAMS #sec-about .content .c1_benefits > .wrap .circle {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-shadow: 0 0 40px rgb(119 162 239/0.29);
	letter-spacing: 0.05em;
	color: var(--color_blue);
	margin: 0 auto 15px;
}
body > #Contents #main-LabDAMS #sec-about .content .c1_benefits > .wrap .circle .t1 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	gap: 0 10px;
}
body > #Contents #main-LabDAMS #sec-about .content .c1_benefits > .wrap .circle .t1 i {
	font-size: 20px;
	font-weight: normal;
}
body > #Contents #main-LabDAMS #sec-about .content .c1_benefits > .wrap .circle img {
	display: block;
	margin: 10px auto -2px;
}
body > #Contents #main-LabDAMS #sec-about .content .c1_benefits > .wrap .circle .t2 {
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
}
body > #Contents #main-LabDAMS #sec-about .content .c1_benefits > .wrap .text {
	color: var(--color_2);
}
body > #Contents #main-LabDAMS #sec-about .content .c1_benefits > .wrap .text .t {
	text-align: center;
}
body > #Contents #main-LabDAMS #sec-about .content .c1_benefits > .wrap .text .t1 {
	display: inline;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	background: linear-gradient(to right, var(--color_yellow)) left bottom/100% 0.6em no-repeat;
	padding: 0 0.3em;
}
body > #Contents #main-LabDAMS #sec-about .content .c1_benefits > .wrap .text .t2 {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid var(--color_blue);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
}
body > #Contents #main-LabDAMS #sec-about .content .c1_benefits > .wrap .text ul {
	margin-top: 20px;
}
body > #Contents #main-LabDAMS #sec-about .content .c1_benefits > .wrap .text ul li {
	background-color: var(--color_blue2);
	border-radius: 3px;
	padding: 5px 10px 5px 30px;
	position: relative;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
}
body > #Contents #main-LabDAMS #sec-about .content .c1_benefits > .wrap .text ul li::before {
	content: '・';
	width: 20px;
	height: 100%;
	position: absolute;
	left: 10px;
	top: 5px;
	z-index: 0;
	color: var(--color_red);
	font-weight: bold;
}
body > #Contents #main-LabDAMS #sec-about .content .c1_benefits > .wrap .text ul li + li {
	margin-top: 3px;
}
body > #Contents #main-LabDAMS #sec-about .content .c2_workflow {
	overflow-x: auto;
	overflow-y: hidden;
	margin: 30px calc(var(--pd) * -1) 0;
	padding-bottom: 20px;
}
body > #Contents #main-LabDAMS #sec-about .content .c2_workflow ul {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0 25px;
	width: fit-content;
	margin: 0 auto;
	position: relative;
	padding-left: var(--pd);
}
body > #Contents #main-LabDAMS #sec-about .content .c2_workflow ul::after {
	content: '';
	position: absolute;
	top: 0;
	left: 100%;
	width: var(--pd);
	height: 1px;
}
body > #Contents #main-LabDAMS #sec-about .content .c2_workflow ul > li .f {
	width: 140px;
	height: 140px;
	border: 1px solid var(--color_blue);
	border-radius: 5px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
body > #Contents #main-LabDAMS #sec-about .content .c2_workflow ul > li:not(:last-child) .f::after {
	content: '';
	width: 25px;
	height: 20px;
	position: absolute;
	left: calc(100% + 1px);
	top: 0;
	bottom: 0;
	margin: auto 0;
	z-index: 0;
	background: var(--color_blue3) url("/assets/image/jp/ja/products/ot-solution/quality-management/about_c2_flow.svg") center center no-repeat;
}
body > #Contents #main-LabDAMS #sec-about .content .c2_workflow ul > li .f .n {
	display: block;
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 5px;
	color: var(--color_blue);
}
body > #Contents #main-LabDAMS #sec-about .content .c2_workflow ul > li .f .t {
	font-size: 16px;
	font-weight: bold;
	color: var(--color_2);
}
body > #Contents #main-LabDAMS #sec-about .content .c2_workflow ul > li .arrow {
	width: 140px;
}
body > #Contents #main-LabDAMS #sec-about .content .c2_workflow ul > li .arrow img {
	display: block;
	margin: 8px auto;
}
body > #Contents #main-LabDAMS #sec-about .content .c2_workflow ul > li .arrow .t {
	background-color: var(--color_blue2);
	color: var(--color_2);
	min-height: 80px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	font-weight: 500;
}
body > #Contents #main-LabDAMS #sec-about .content .c2_workflow ul > li .arrow .t span {
	display: block;
	font-size: 12px;
}
body > #Contents #main-LabDAMS #sec-about .content .c3_function {
	margin: 20px auto 0;
}
body > #Contents #main-LabDAMS #sec-about .content .c3_function > .wrap {
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	background-color: var(--color_blue2);
	padding: 20px 4vw;
	color: var(--color_2);
}
body > #Contents #main-LabDAMS #sec-about .content .c3_function > .wrap + .wrap {
	margin-top: 20px;
}
body > #Contents #main-LabDAMS #sec-about .content .c3_function > .wrap::before,
body > #Contents #main-LabDAMS #sec-about .content .c3_function > .wrap::after {
	content: '';
	width: 173px;
	height: 173px;
	position: absolute;
	z-index: 0;
	background-color: var(--color_blue3);
	opacity: 0.25;
}
body > #Contents #main-LabDAMS #sec-about .content .c3_function > .wrap::before {
	left: 0;
	top: 0;
	clip-path: polygon(0 0, 100% 0, 0 100%);
}
body > #Contents #main-LabDAMS #sec-about .content .c3_function > .wrap::after {
	right: 0;
	bottom: 0;
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
body > #Contents #main-LabDAMS #sec-about .content .c3_function > .wrap.w2 {
	background-color: #E5F8F3;
}
body > #Contents #main-LabDAMS #sec-about .content .c3_function > .wrap.w2::before,
body > #Contents #main-LabDAMS #sec-about .content .c3_function > .wrap.w2::after {
	background-color: #87DCE0;
}
body > #Contents #main-LabDAMS #sec-about .content .c3_function > .wrap .hd {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 20px;
}
body > #Contents #main-LabDAMS #sec-about .content .c3_function > .wrap ul {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 6px;
	position: relative;
	z-index: 1;
}
body > #Contents #main-LabDAMS #sec-about .content .c3_function > .wrap ul li {
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: calc((100% - 6px) / 2);
	height: 51px;
	border: 1px solid rgb(68 114 196/0.27);
	font-size: 13px;
	line-height: 1.4;
	font-weight: 500;
	position: relative;
}
body > #Contents #main-LabDAMS #sec-about .content .c3_function > .wrap ul li::before,
body > #Contents #main-LabDAMS #sec-about .content .c3_function > .wrap ul li::after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 0;
	border: solid var(--color_blue);
}
body > #Contents #main-LabDAMS #sec-about .content .c3_function > .wrap ul li::before {
	left: -1px;
	top: -1px;
	border-width: 1px 0 0 1px;
}
body > #Contents #main-LabDAMS #sec-about .content .c3_function > .wrap ul li::after {
	right: -1px;
	bottom: -1px;
	border-width: 0 1px 1px 0;
}
body > #Contents #main-LabDAMS #sec-about .content .c4_ui {
	margin: 15px auto 0;
}
body > #Contents #main-LabDAMS #sec-about .content .c4_ui > .text .text-hd {
	font-size: 14px;
	line-height: 26px;
}
body > #Contents #main-LabDAMS #sec-about .content .c4_ui > .text ul {
	margin-top: 40px;
}
body > #Contents #main-LabDAMS #sec-about .content .c4_ui > .text ul li {
	display: flex;
	justify-content: start;
	align-items: center;
}
body > #Contents #main-LabDAMS #sec-about .content .c4_ui > .text ul li .t1 {
	color: var(--color_blue3);
	font-size: 10px;
	line-height: 1;
	font-weight: normal;
	text-align: center;
	width: fit-content;
}
body > #Contents #main-LabDAMS #sec-about .content .c4_ui > .text ul li .t1 span {
	display: block;
	font-size: 20px;
	letter-spacing: 0.05em;
	margin-top: 3px;
}
body > #Contents #main-LabDAMS #sec-about .content .c4_ui > .text ul li .t2 {
	border-left: 1px solid rgb(0 40 110/0.2);
	padding-left: 15px;
	margin-left: 15px;
	min-height: 50px;
	font-size: 16px;
	font-weight: bold;
	color: var(--color_2);
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
body > #Contents #main-LabDAMS #sec-about .content .c4_ui > .text ul li + li {
	margin-top: 20px;
}
body > #Contents #main-LabDAMS #sec-about .content .c4_ui > img.image {
	display: block;
	width: 100%;
	max-width: 540px;
	margin: 25px auto 0;
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS #sec-download {
	background: var(--color_blue) url("/assets/image/jp/ja/products/ot-solution/quality-management/s_download_bg_sp.jpg") center center/cover no-repeat;
	color: #fff;
	padding: 60px 0;
}
body > #Contents #main-LabDAMS #sec-download .wrapper .wrap-1 {
	flex: 1;
}
body > #Contents #main-LabDAMS #sec-download .wrapper .wrap-1 .t {
	max-width: 380px;
	margin: 0 auto;
}
body > #Contents #main-LabDAMS #sec-download .wrapper .wrap-1 .t1 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
}
body > #Contents #main-LabDAMS #sec-download .wrapper .wrap-1 .t2 {
	font-size: 14px;
	line-height: 1.4;
	font-weight: 500;
	margin-top: 5px;
}
body > #Contents #main-LabDAMS #sec-download .wrapper ul.wrap-2 {
	flex: 1;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 25px;
}
body > #Contents #main-LabDAMS #sec-download .wrapper ul.wrap-2 > li {
	width: calc((100% - 10px) / 2);
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 8px;
}
body > #Contents #main-LabDAMS #sec-download .wrapper ul.wrap-2 > li::before {
	content: '';
	width: 26px;
	min-width: 26px;
	height: 26px;
	background: #fff url("/assets/image/jp/ja/products/ot-solution/quality-management/icon_check.svg") center center no-repeat;
	border-radius: 3px;
}
body > #Contents #main-LabDAMS #sec-download .wrapper a.btn_1 {
	margin-top: 30px;
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS #sec-before_lims {
	background-color: var(--color_bg);
	padding: 60px 0 0;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame {
	background-color: #EDEDED;
	border-radius: 10px;
	margin-top: 30px;
	overflow: hidden;
	text-align: center;
	color: var(--color_2);
	font-weight: 500;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1 {
	background: url("/assets/image/jp/ja/products/ot-solution/quality-management/before_bg.png") center top/150px auto repeat;
	padding: 20px var(--pd) 0;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1 .t1 {
	font-size: 13px;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1 .t1 b {
	font-size: 15px;
	font-weight: bold;
	color: var(--color_red);
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1 .t2 {
	margin-top: 20px;
	position: relative;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1 .t2 img.p {
	width: 70px;
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1 .t2 picture {
	display: block;
	position: relative;
	padding-bottom: 2px;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1 .t2 picture img {
	width: 100%;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1 .t2 picture.b1 {
	width: 209px;
	z-index: 2;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1 .t2 picture.b2 {
	width: 170px;
	margin-top: -25px;
	margin-left: auto;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1 .t2 picture.b3 {
	width: 234px;
	margin: 0 auto;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1 .t2 picture.b4 {
	width: 196px;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1 .t2 picture.b5 {
	width: 235px;
	margin-top: -14px;
	margin-left: auto;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1.fadeTrg .t2 picture {
	opacity: 0;
	transform: translateY(30px);
	will-change: transform;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1.fadeTrg.show .t2 picture {
	animation: before_lims_fuki-fadeUp 0.6s ease forwards;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1.fadeTrg.show .t2 picture.b1 {
	animation-delay: 0.2s;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1.fadeTrg.show .t2 picture.b2 {
	animation-delay: 0.4s;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1.fadeTrg.show .t2 picture.b3 {
	animation-delay: 0.6s;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1.fadeTrg.show .t2 picture.b4 {
	animation-delay: 0.8s;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f1.fadeTrg.show .t2 picture.b5 {
	animation-delay: 1.0s;
}
@keyframes before_lims_fuki-fadeUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f2 {
	padding: 20px 0 40px;
	margin: 0 auto;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f2 .t1 {
	padding-bottom: 35px;
	border-bottom: 1px solid rgb(0 40 110/0.2);
	font-size: 13px;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f2 .t1 em {
	display: block;
	font-size: 16px;
	margin-top: 10px;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f2 .t1 b {
	color: var(--color_red);
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f2 .t2 {
	margin-top: 30px;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f2 .t2 a.jump {
	font-size: 14px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 10px;
}
body > #Contents #main-LabDAMS #sec-before_lims .frame .f2 .t2 a.jump::before {
	content: '';
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--color_blue) url("/assets/image/jp/ja/products/ot-solution/quality-management/icon_arrow_jump.svg") center center no-repeat;
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS #sec-why_us {
	background-color: var(--color_bg);
	padding: 60px 0;
}
body > #Contents #main-LabDAMS #sec-why_us .content {
	margin: 60px auto 0;
	padding-top: 60px;
	background: url("/assets/image/jp/ja/products/ot-solution/quality-management/dot_line.svg") left top repeat-x;
}
body > #Contents #main-LabDAMS #sec-why_us .content > .outer > img.image {
	border-radius: 5px;
	margin-bottom: 20px;
}
body > #Contents #main-LabDAMS #sec-why_us .content h3.hd {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 15px;
	margin-bottom: 25px;
}
body > #Contents #main-LabDAMS #sec-why_us .content h3.hd span.t1 {
	width: 60px;
	height: 84px;
	background: var(--color_blue) url("/assets/image/jp/ja/products/ot-solution/quality-management/whi_hd.png") left center/cover no-repeat;
	color: #fff;
	padding: 8px;
	border-radius: 5px;
	text-align: center;
}
body > #Contents #main-LabDAMS #sec-why_us .content h3.hd span.t1 em {
	display: block;
	font-size: 10px;
	line-height: 1.2;
	font-weight: bold;
}
body > #Contents #main-LabDAMS #sec-why_us .content h3.hd span.t1 i {
	display: block;
	font-size: 22px;
	line-height: 1;
	font-weight: bold;
	margin-top: 10px;
}
body > #Contents #main-LabDAMS #sec-why_us .content h3.hd span.t2 {
	flex: 1;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	color: var(--color_2);
}
body > #Contents #main-LabDAMS #sec-why_us .content h3.hd span.t2 b {
	display: inline;
	background: linear-gradient(to right, var(--color_yellow)) left bottom/100% 0.6em no-repeat;
}
@media screen and (max-width: 1200px) {
	body > #Contents #main-LabDAMS #sec-why_us .content h3.hd span.t2 b br {
		display: none;
	}
}
body > #Contents #main-LabDAMS #sec-why_us .content .inner {
	color: var(--color_2);
}
body > #Contents #main-LabDAMS #sec-why_us .content ul.check li {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0 8px;
}
body > #Contents #main-LabDAMS #sec-why_us .content ul.check li::before {
	content: '';
	width: 26px;
	min-width: 26px;
	height: 26px;
	background: #fff url("/assets/image/jp/ja/products/ot-solution/quality-management/icon_check.svg") center center no-repeat;
	border-radius: 3px;
	margin-top: -2px;
}
body > #Contents #main-LabDAMS #sec-why_us .content ul.check li + li {
	margin-top: 12px;
}
body > #Contents #main-LabDAMS #sec-why_us .content .voice {
	margin-top: 35px;
	position: relative;
	background: #fff;
	padding: 15px 15px;
	border-radius: 5px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 12px;
	box-shadow: 10px 10px 30px rgb(0 0 0/0.06);
}
body > #Contents #main-LabDAMS #sec-why_us .content .voice .hd {
	position: absolute;
	left: 15px;
	top: -0.7em;
	font-size: 15px;
	line-height: 1;
	font-weight: bold;
}
body > #Contents #main-LabDAMS #sec-why_us .content .voice img.user {
	width: 40px;
}
body > #Contents #main-LabDAMS #sec-why_us .content .voice .t {
	font-size: 13px;
	line-height: 1.6;
	font-weight: 500;
	letter-spacing: normal;
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS #sec-case_studies {
	padding: 60px 0;
}
body > #Contents #main-LabDAMS #sec-case_studies h2.heading {
	margin-bottom: 40px;
}
body > #Contents #main-LabDAMS #sec-case_studies .wrap-1 .text {
	font-size: 14px;
	margin-top: 40px;
}
body > #Contents #main-LabDAMS #sec-case_studies .wrap-1 .text a {
	color: var(--color_link);
	font-weight: 500;
	text-decoration: underline;
}
body > #Contents #main-LabDAMS #sec-case_studies .wrap-1 .text a:active {
	text-decoration: none;
}
body > #Contents #main-LabDAMS #sec-case_studies #slide-case {
	margin: 40px calc(var(--pd) * -1) 0;
	padding: 0 var(--pd);
}
body > #Contents #main-LabDAMS #sec-case_studies #slide-case li.swiper-slide {
	width: 290px;
	max-width: 90%;
	color: var(--color_2);
	height: auto;
}
body > #Contents #main-LabDAMS #sec-case_studies #slide-case li.swiper-slide a {
	cursor: pointer;
}
body > #Contents #main-LabDAMS #sec-case_studies #slide-case li.swiper-slide .image {
	position: relative;
	margin-bottom: 7px;
}
body > #Contents #main-LabDAMS #sec-case_studies #slide-case li.swiper-slide .image .wrap {
	border-radius: 5px;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
body > #Contents #main-LabDAMS #sec-case_studies #slide-case li.swiper-slide .image img {
	display: block;
	width: 100%;
	height: 140px;
	object-fit: cover;
	transition: transform 0.3s, filter 0.3s;
	will-change: contents;
}
body > #Contents #main-LabDAMS #sec-case_studies #slide-case li.swiper-slide .image .m {
	width: 78px;
	height: 78px;
	border-radius: 50%;
	background-color: var(--color_yellow);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	position: absolute;
	z-index: 1;
	right: 15px;
	bottom: -10px;
	text-align: center;
}
body > #Contents #main-LabDAMS #sec-case_studies #slide-case li.swiper-slide .image .m b {
	color: var(--color_red);
}
body > #Contents #main-LabDAMS #sec-case_studies #slide-case li.swiper-slide .t1 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 15px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--color_blue3);
}
body > #Contents #main-LabDAMS #sec-case_studies #slide-case li.swiper-slide .t1 i {
	font-size: 18px;
	font-weight: normal;
	color: var(--color_blue);
	white-space: nowrap;
}
body > #Contents #main-LabDAMS #sec-case_studies #slide-case li.swiper-slide .t1 span {
	font-size: 13px;
	font-weight: 500;
}
body > #Contents #main-LabDAMS #sec-case_studies #slide-case li.swiper-slide .t2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
}
body > #Contents #main-LabDAMS #sec-case_studies #slide-case li.swiper-slide a:active .image img {
	transform: scale(1.08);
	filter: brightness(1.15);
}
body > #Contents #main-LabDAMS #sec-case_studies #slide-case li.swiper-slide a:active .t2 {
	color: var(--color_link);
}
body > #Contents #main-LabDAMS .wrap-case-download {
	padding: 40px 5vw 22px;
	background: var(--color_blue) url("/assets/image/jp/ja/products/ot-solution/quality-management/case_btn_bg_sp.jpg") center center/cover no-repeat;
	color: #fff;
	margin-top: 40px;
}
body > #Contents #main-LabDAMS .wrap-case-download .text {
	font-size: 15px;
	line-height: 1.6;
	font-weight: bold;
	margin-bottom: 25px;
}
body > #Contents #main-LabDAMS .wrap-case-download .btn_1 {
	max-width: 100%;
}
body > #Contents #main-LabDAMS.subpage .wrap-case-download {
	margin: 0 0 70px;
}
body > #Contents #main-LabDAMS.subpage .wrap-case-download .text {
	font-size: 15px;
	line-height: 1.8;
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS #sec-flow {
	padding: 60px 0;
	background-color: var(--color_bg);
}
body > #Contents #main-LabDAMS #sec-flow h2.heading {
	margin-bottom: 40px;
}
body > #Contents #main-LabDAMS #sec-flow .text {
	font-size: 13px;
	font-weight: 500;
	line-height: 2;
	text-align: center;
	color: var(--color_2);
	margin-bottom: 40px;
}
body > #Contents #main-LabDAMS #sec-flow .text b {
	color: var(--color_red);
	font-weight: bold;
}
body > #Contents #main-LabDAMS #sec-flow .wrap-step {
	overflow-x: auto;
	overflow-y: hidden;
	margin: 0 calc(var(--pd) * -1);
	padding: 0 0 20px var(--pd);
}
body > #Contents #main-LabDAMS #sec-flow .wrap-step ul {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 3px 30px rgb(0 0 0/0.06);
	padding: 40px 8vw;
	display: flex;
	justify-content: space-between;
	gap: 0 30px;
	width: 800px;
	position: relative;
}
body > #Contents #main-LabDAMS #sec-flow .wrap-step ul::after {
	content: '';
	position: absolute;
	top: 0;
	left: 100%;
	width: var(--pd);
	height: 1px;
}
body > #Contents #main-LabDAMS #sec-flow .wrap-step ul li {
	flex: 1;
	position: relative;
	text-align: center;
}
body > #Contents #main-LabDAMS #sec-flow .wrap-step ul li:not(:last-child)::after {
	content: url("/assets/image/jp/ja/products/ot-solution/quality-management/flow_step_arrow.svg");
	position: absolute;
	left: 100%;
	top: 52px;
	z-index: 0;
}
body > #Contents #main-LabDAMS #sec-flow .wrap-step ul li .circle {
	max-width: 136px;
	aspect-ratio: 1/1;
	background-color: var(--color_blue2);
	border-radius: 50%;
	padding: 10px 0 0;
	margin: 0 auto;
}
body > #Contents #main-LabDAMS #sec-flow .wrap-step ul li .circle .s {
	display: block;
	font-weight: normal;
	font-size: 11px;
	color: var(--color_blue);
}
body > #Contents #main-LabDAMS #sec-flow .wrap-step ul li .circle b {
	font-size: 18px;
	margin-left: 5px;
}
body > #Contents #main-LabDAMS #sec-flow .wrap-step ul li .circle img.icon {
	display: block;
	margin: 0 auto;
	max-width: 60%;
}
body > #Contents #main-LabDAMS #sec-flow .wrap-step ul li .t {
	background-color: var(--color_blue);
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	height: 32px;
	margin-top: -12px;
}
body > #Contents #main-LabDAMS #sec-flow .list {
	margin-top: 40px;
}
body > #Contents #main-LabDAMS #sec-flow .list .wrap + .wrap {
	margin-top: 40px;
}
body > #Contents #main-LabDAMS #sec-flow .list .wrap .hd {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
	background: url("/assets/image/jp/ja/products/ot-solution/quality-management/icon_m.svg") left top 3px no-repeat;
	padding-left: 27px;
}
body > #Contents #main-LabDAMS #sec-flow .list .wrap ul {
	margin-top: 18px;
	border-top: 1px solid var(--color_blue);
	padding-top: 10px;
}
body > #Contents #main-LabDAMS #sec-flow .list .wrap ul li {
	background: #fff url("/assets/image/jp/ja/products/ot-solution/quality-management/icon_check.svg") left 10px top 12px no-repeat;
	color: var(--color_2);
	font-size: 14px;
	font-weight: 500;
	padding: 5px 15px 5px 32px;
	border-radius: 3px;
}
body > #Contents #main-LabDAMS #sec-flow .list .wrap ul li + li {
	margin-top: 5px;
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS #sec-library {
	padding: 0 0 60px;
}
body > #Contents #main-LabDAMS #sec-library .hd-image {
	height: 220px;
	background: url("/assets/image/jp/ja/products/ot-solution/quality-management/library_bg_sp.jpg") center bottom/cover no-repeat;
}
body > #Contents #main-LabDAMS #sec-library .wrapper {
	padding-top: 60px;
}
body > #Contents #main-LabDAMS #sec-library h2.heading {
	margin-bottom: 30px;
}
body > #Contents #main-LabDAMS #sec-library .text {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0 15px;
	width: fit-content;
	margin: 0 auto 15px;
}
body > #Contents #main-LabDAMS #sec-library .text .circle {
	background-color: var(--color_blue);
	color: var(--color_yellow);
	border-radius: 50%;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 72px;
	height: 72px;
	transform: rotate(-8deg);
}
body > #Contents #main-LabDAMS #sec-library .text .circle b {
	font-size: 17px;
}
body > #Contents #main-LabDAMS #sec-library .text .t {
	flex: 1;
}
body > #Contents #main-LabDAMS #sec-library #slide-library {
	margin: 0 calc(var(--pd) * -1);
	padding: 0 var(--pd);
}
body > #Contents #main-LabDAMS #sec-library #slide-library li.swiper-slide {
	width: 295px;
	height: auto;
}
body > #Contents #main-LabDAMS #sec-library #slide-library li.swiper-slide a {
	cursor: pointer;
}
body > #Contents #main-LabDAMS .library-heading .image {
	max-height: 180px;
	aspect-ratio: 295/180;
	position: relative;
	margin-bottom: 12px;
}
body > #Contents #main-LabDAMS #modal .library-heading .image {
	width: 295px;
}
body > #Contents #main-LabDAMS .library-heading .image::after {
	content: '';
	width: 100%;
	height: 22px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
	background-color: rgb(119 162 239/0.77);
	border-radius: 0 0 5px 5px;
}
body > #Contents #main-LabDAMS .library-heading .image .m {
	border-radius: 5px;
	overflow: hidden;
}
body > #Contents #main-LabDAMS .library-heading .image .m img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s, filter 0.3s;
	will-change: contents;
}
body > #Contents #main-LabDAMS .library-heading .image .person {
	width: 70px;
	height: 70px;
	position: absolute;
	z-index: 2;
	right: 10px;
	bottom: -13px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 0 15px rgb(0 0 0/0.16);
}
body > #Contents #main-LabDAMS .library-heading .image .person img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
body > #Contents #main-LabDAMS .library-heading .image .person::after {
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	border: 4px solid #fff;
}
body > #Contents #main-LabDAMS .library-heading i.t1 {
	font-size: 18px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 3px;
	color: var(--color_blue);
	margin-bottom: 3px;
}
body > #Contents #main-LabDAMS .library-heading i.t1 span {
	font-size: 16px;
}
body > #Contents #main-LabDAMS .library-heading i.t1::after {
	content: '';
	width: 100%;
	height: 1px;
	background-color: var(--color_blue3);
	flex: 1;
	margin-left: 7px;
}
body > #Contents #main-LabDAMS .library-heading .t2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	color: var(--color_2);
}
body > #Contents #main-LabDAMS #sec-library #slide-library li.swiper-slide a:active .image .m img {
	transform: scale(1.08);
	filter: brightness(1.15);
}
body > #Contents #main-LabDAMS #sec-library #slide-library li.swiper-slide a:active .t2 {
	color: var(--color_link);
}
body > #Contents #main-LabDAMS #sec-library #slide-library li.swiper-slide .t3 {
	font-size: 10px;
	line-height: 1;
	color: var(--color_blue);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0 8px;
	margin-top: 5px;
}
body > #Contents #main-LabDAMS #sec-library #slide-library li.swiper-slide .t3::after {
	content: '┼';
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background-color: var(--color_blue3);
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS #sec-contact {
	padding: 60px 0;
	background: var(--color_blue) url("/assets/image/jp/ja/products/ot-solution/quality-management/s_contact_bg_sp.jpg") center center/cover no-repeat;
	color: #fff;
}
body > #Contents #main-LabDAMS #sec-contact .wrapper {
	max-width: calc(1165px + var(--pd) * 2);
}
body > #Contents #main-LabDAMS #sec-contact .text-hd {
	text-align: center;
	margin-bottom: 25px;
}
body > #Contents #main-LabDAMS #sec-contact .text-hd .t1 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
}
body > #Contents #main-LabDAMS #sec-contact .text-hd .t2 {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.8;
	margin-top: 10px;
}
body > #Contents #main-LabDAMS #sec-contact ul li {
	background-color: #fff;
	color: var(--color_2);
	flex: 1;
	border-radius: 10px;
	padding: 20px 5vw;
}
body > #Contents #main-LabDAMS #sec-contact ul li + li {
	margin-top: 20px;
}
body > #Contents #main-LabDAMS #sec-contact ul li > .inner {
	margin: 0 auto;
}
body > #Contents #main-LabDAMS #sec-contact ul li .t1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: 15px;
	text-align: center;
	border-bottom: 1px solid var(--color_blue);
	color: var(--color_1);
}
body > #Contents #main-LabDAMS #sec-contact ul li .t2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0 12px;
	margin: 20px 0 15px;
}
body > #Contents #main-LabDAMS #sec-contact ul li .t2 .t {
	flex: 1;
	font-size: 14px;
	line-height: 1.6;
}
body > #Contents #main-LabDAMS #sec-contact ul li .t2 img.icon {
	width: 80px;
}
body > #Contents #main-LabDAMS #sec-contact ul li .wrap-btn {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 0 5px;
}
body > #Contents #main-LabDAMS #sec-contact ul li .wrap-btn a {
	flex: 1;
}
@media screen and (max-width: 1240px) and (min-width: 1101px) {
	body > #Contents #main-LabDAMS #sec-contact ul li {
		padding-left: 20px;
		padding-right: 20px;
	}
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS #sec-banner {
	padding: 60px 0;
	background: var(--color_bg);
}
body > #Contents #main-LabDAMS #sec-banner .flex {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}
body > #Contents #main-LabDAMS #sec-banner a {
	max-width: 230px;
	background: #ccc;
}
body > #Contents #main-LabDAMS #sec-banner a img {
	display: block;
	width: 100%;
}
body > #Contents #main-LabDAMS #sec-banner2 {
	padding: 40px 0 80px;
}
body > #Contents #main-LabDAMS #sec-banner2 .secBg {
	background: #FFF;
}
body > #Contents #main-LabDAMS #sec-banner2 .wrapper {
	padding: 0 15px;
}
body > #Contents #main-LabDAMS #sec-banner2 .flex {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 30px;
}
body > #Contents #main-LabDAMS #sec-banner2 a {
	max-width: 467px;
}
body > #Contents #main-LabDAMS #sec-banner2 a img {
	display: block;
	width: 100%;
}
body > #Contents #main-LabDAMS #sec-banner a,
body > #Contents #main-LabDAMS #sec-banner2 a {
	transition: filter 0.15s;
}
body > #Contents #main-LabDAMS #sec-banner a:active,
body > #Contents #main-LabDAMS #sec-banner2 a:active {
	filter: contrast(0.7) brightness(1.25);
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS #sec-banner-text {
	padding: 50px 0;
	background: var(--color_bg);
}
body > #Contents #main-LabDAMS #sec-banner-text .heading {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 40px;
}
body > #Contents #main-LabDAMS #sec-banner-text ul.flex {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	margin: 0 auto;
}
body > #Contents #main-LabDAMS #sec-banner-text ul.flex > li {
	text-align: center;
}
body > #Contents #main-LabDAMS #sec-banner-text ul.flex > li .t1 {
	font-size: 12px;
	line-height: 1.3;
	margin-bottom: 8px;
}
body > #Contents #main-LabDAMS #sec-banner-text ul.flex > li .t2 {
	font-size: 13px;
	line-height: 1.3;
	font-weight: bold;
	margin-top: 8px;
}
body > #Contents #main-LabDAMS #sec-banner-text ul.flex > li a {
	display: block;
	position: relative;
}
body > #Contents #main-LabDAMS #sec-banner-text ul.flex > li a::after {
	content: '';
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 1px solid var(--color_1);
	opacity: 0;
	transition: opacity 0.15s;
}
body > #Contents #main-LabDAMS #sec-banner-text ul.flex > li a img {
	height: 80px;
	transition: filter 0.15s;
}
body > #Contents #main-LabDAMS #sec-banner-text ul.flex > li a:active::after {
	opacity: 0.4;
}
body > #Contents #main-LabDAMS #sec-banner-text ul.flex > li a:active img {
	filter: contrast(0.7) brightness(1.25);
}
/*--------------------------------------------------------------------------------*/
html.is-modal {
	overflow: hidden;
	scrollbar-gutter: stable;
}
body::before {
	content: '';
	position: fixed;
	z-index: 1100;
	left: 0;
	top: 0;
	width: 100%;
	height: 120lvh;
	background-color: rgb(0 0 0/0.7);
	pointer-events: none;
	opacity: 0;
	transform: translate3d(0, 0, -1px);
}
html.is-modal body::before {
	opacity: 1;
	transition: opacity 0.3s;
}
body > #Contents #main-LabDAMS #modal {
	position: fixed;
	z-index: 1101;
	left: 0;
	top: 0;
	width: 100%;
	height: 100dvh;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	pointer-events: none;
	padding-top: 50px;
	padding-bottom: 15px;
}
body > #Contents #main-LabDAMS #modal .bg {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
body > #Contents #main-LabDAMS #modal .closeBtn_x {
	position: absolute;
	z-index: 2;
	right: 10px;
	top: 10px;
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	transform: rotate(45deg);
	cursor: pointer;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}
body > #Contents #main-LabDAMS #modal .panel {
	position: relative;
	z-index: 1;
	background-color: #fff;
	border-radius: 20px;
	width: 860px;
	max-width: 95dvw;
	max-height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	transform: scale(0.9);
}
html.is-modal body > #Contents #main-LabDAMS #modal {
	opacity: 1;
	transition: opacity 0.2s 0.05s;
	pointer-events: auto;
}
html.is-modal body > #Contents #main-LabDAMS #modal .panel {
	transform: scale(1);
	transition: transform 0.2s 0.05s;
}
body > #Contents #main-LabDAMS #modal .panel-inner {
	flex: 1;
	overflow-x: hidden;
	overflow-y: auto;
}
body > #Contents #main-LabDAMS #modal .panel-bottom {
	min-height: 60px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
body > #Contents #main-LabDAMS #modal .panel-bottom .closeBtn {
	color: var(--color_2);
	font-size: 14px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 10px;
	cursor: pointer;
}
body > #Contents #main-LabDAMS #modal .panel-bottom .closeBtn:active {
	opacity: 0.7;
}
body > #Contents #main-LabDAMS #modal .panel-bottom .closeBtn::before {
	content: '╋';
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--color_blue);
	color: #fff;
	transform: rotate(45deg);
	display: flex;
	justify-content: center;
	align-items: center;
}
body > #Contents #main-LabDAMS #modal .page {
	display: none;
	padding: var(--pd);
}
body > #Contents #main-LabDAMS #modal .page.active {
	display: block;
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS #modal .page .library-heading {
	margin-bottom: 35px;
}
body > #Contents #main-LabDAMS #modal .page .library-heading .image {
	width: 100%;
	max-height: none;
}
body > #Contents #main-LabDAMS #modal .page .library-heading .heading-text {
	flex: 1;
}
body > #Contents #main-LabDAMS #modal .page .library-heading .heading-text i.t1 {
	font-size: 24px;
	gap: 0 5px;
	margin-bottom: 7px;
}
body > #Contents #main-LabDAMS #modal .page .library-heading .heading-text i.t1 span {
	font-size: 21px;
}
body > #Contents #main-LabDAMS .library-heading i.t1::after {
	margin-left: 10px;
}
body > #Contents #main-LabDAMS #modal .page .library-heading .t2 {
	font-size: 20px;
	line-height: 1.4;
}
body > #Contents #main-LabDAMS #modal .page .library-heading .t3 {
	color: var(--color_2);
	margin-top: 15px;
}
body > #Contents #main-LabDAMS #modal .page .library-heading .t3_1 {
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 7px;
}
body > #Contents #main-LabDAMS #modal .page .library-heading .t3_2 {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
}
body > #Contents #main-LabDAMS #modal .page h3.hd {
	padding: 10px 15px;
	background-color: var(--color_blue2);
	border-radius: 5px;
	font-size: 15px;
	line-height: 1.4;
	font-weight: bold;
	color: var(--color_2);
	margin: 30px 0 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 10px;
}
body > #Contents #main-LabDAMS #modal .page h3.hd::before {
	content: url("/assets/image/jp/ja/products/ot-solution/quality-management/icon_m.svg");
	margin-top: 5px;
}
body > #Contents #main-LabDAMS #modal .page .text {
	font-size: 14px;
	line-height: 1.8;
}
body > #Contents #main-LabDAMS #modal .page .text b {
	color: var(--color_red);
}
body > #Contents #main-LabDAMS #modal .page .text .t1 {
	font-size: 15px;
	line-height: 1.6;
	font-weight: bold;
	color: var(--color_2);
	margin: 12px 0 12px;
}
body > #Contents #main-LabDAMS #modal .page .text * + .t1 {
	margin-top: 20px;
}
body > #Contents #main-LabDAMS #modal .page .text ul {
	color: var(--color_2);
}
body > #Contents #main-LabDAMS ul.dot li {
	position: relative;
	padding-left: 1.5em;
	line-height: 1.6;
}
body > #Contents #main-LabDAMS ul.dot li + li {
	margin-top: 0.6em;
}
body > #Contents #main-LabDAMS ul.dot li::before {
	content: '';
	position: absolute;
	left: 0.55em;
	top: 0.67em;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--color_2);
}
body > #Contents #main-LabDAMS #modal .page .bottom {
	border-top: 1px solid var(--color_blue);
	margin-top: 40px;
	padding-top: 25px;
}
body > #Contents #main-LabDAMS #modal .page .bottom a.link {
	display: block;
	width: fit-content;
	color: var(--color_link);
	font-size: 12px;
	text-decoration: underline;
}
body > #Contents #main-LabDAMS #modal .page .bottom a.link:active {
	text-decoration: none;
}
body > #Contents #main-LabDAMS #modal .page .bottom * + a.link {
	margin-top: 10px;
}
body > #Contents #main-LabDAMS #modal .page .bottom a.link[target="_blank"] {
	padding-right: 22px;
	background: url("/assets/image/jp/ja/products/ot-solution/quality-management/icon_blank.svg") right 5px center no-repeat;
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS #modal .page.dialog {
	padding-bottom: 0;
}
body > #Contents #main-LabDAMS #modal .page.dialog .inner {

	padding-top: 20px;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--color_blue);
}
body > #Contents #main-LabDAMS #modal .page.dialog .inner .t1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 0.02em;
	color: var(--color_2);
}
body > #Contents #main-LabDAMS #modal .page.dialog .inner .t2 {
	font-size: 14px;
	line-height: 2;
}
body > #Contents #main-LabDAMS #modal .page.dialog .inner .t1 + .t2 {
	margin-top: 20px;
}
body > #Contents #main-LabDAMS #modal .page.dialog .inner a.btn_1 {
	margin: 35px auto 0;
}
body > #Contents #main-LabDAMS #modal:has(.page.dialog.active) .panel-bottom {
	min-height: 100px;
}
/*--------------------------------------------------------------------------------*/
body > #Contents #main-LabDAMS #subpage-mainVisual {
	background: var(--color_blue) url("/assets/image/jp/ja/products/ot-solution/quality-management/subpage_mv_bg_sp.jpg") center center/cover no-repeat;
	height: 233px;
	color: #fff;
	overflow: hidden;
	position: relative;
}
body > #Contents #main-LabDAMS #subpage-mainVisual .wrapper {
	padding-top: 90px;
}
body > #Contents #main-LabDAMS #subpage-mainVisual .left {
	position: absolute;
	left: var(--pd);
	top: 18px;
	min-width: 107px;
}
body > #Contents #main-LabDAMS #subpage-mainVisual .left .t1 {
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 1px;
}
body > #Contents #main-LabDAMS #subpage-mainVisual .left .t2 {
	font-size: 10px;
	line-height: 1;
	font-weight: bold;
}
body > #Contents #main-LabDAMS #subpage-mainVisual .wrap-logo {
	width: fit-content;
	margin: 0 auto;
}
body > #Contents #main-LabDAMS #subpage-mainVisual .wrap-logo span {
	display: block;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	margin-left: 2px;
}
body > #Contents #main-LabDAMS #subpage-mainVisual .wrap-logo img.logo {
	display: block;
	width: 227px;
	margin-top: 6px;
}
body > #Contents #main-LabDAMS #subpage-mainVisual .wrap-logo em {
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	margin-top: 20px;
	text-align: center;
}
body > #Contents #main-LabDAMS #subpage-contents-outer {
	padding-top: 60px;
	padding-bottom: 60px;
}
body > #Contents #main-LabDAMS #contents-sidemenu {
	width: 315px;
}
body > #Contents #main-LabDAMS #contents-sidemenu .inner {
	position: sticky;
	left: 0;
	top: 140px;
}
body > #Contents #main-LabDAMS #contents-sidemenu a {
	display: block;
	border-left: 5px solid #DEDEDE;
	padding-left: 20px;
	transition: border-color 0.1s, color 0.1s;
}
body > #Contents #main-LabDAMS #contents-sidemenu a:active {
	color: var(--color_link);
}
body > #Contents #main-LabDAMS #contents-sidemenu a + a {
	margin-top: 30px;
}
body > #Contents #main-LabDAMS #contents-sidemenu a .t1 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 15px
}
body > #Contents #main-LabDAMS #contents-sidemenu a .t1 i {
	font-size: 14px;
	line-height: 1;
	font-weight: normal;
}
body > #Contents #main-LabDAMS #contents-sidemenu a .t1 span {
	font-size: 13px;
	line-height: 1;
}
body > #Contents #main-LabDAMS #contents-sidemenu a .t2 {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
	margin-top: 10px;
}
body > #Contents #main-LabDAMS #contents-menu-sp {
	position: fixed;
	top: 60px;
	left: 0;
	z-index: 105;
	width: 100%;
	border-top: 1px solid #DEDEDE;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	background-color: #fff;
	margin: 0 (var(--pd) * -1);
	display: none;
}
body.menu-open > #Contents #main-LabDAMS #contents-menu-sp {
	z-index: 65;
}
html.spNaviOpen body > #Contents #main-LabDAMS #contents-menu-sp {
	z-index: 40;
}
body > #Contents #main-LabDAMS #contents-menu-sp.show {
	display: flex;
}
body > #Contents #main-LabDAMS #contents-menu-sp::after {
	content: '';
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 0;
	background: linear-gradient(to bottom, rgb(0 0 0/0.05) 0%, rgb(0 0 0/0) 100%);
}
body > #Contents #main-LabDAMS #contents-menu-sp a {
	flex: 1;
	height: 50px;
	border-bottom: 3px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
body > #Contents #main-LabDAMS #contents-menu-sp a:not(:last-child)::after {
	content: '';
	width: 1px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	z-index: 0;
	background-color: #DEDEDE;
}
body > #Contents #main-LabDAMS #contents-menu-sp a.current {
	border-bottom-color: var(--color_blue);
	color: var(--color_blue);
}
body > #Contents #main-LabDAMS #contents-menu-sp a:active {
	color: var(--color_link);
}
body > #Contents #main-LabDAMS #contents-menu-sp a > div {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 5px
}
body > #Contents #main-LabDAMS #contents-menu-sp a i {
	font-size: 13px;
	line-height: 1;
	font-weight: normal;
	margin-top: 2px;
}
body > #Contents #main-LabDAMS #contents-menu-sp a span {
	font-size: 13px;
	line-height: 1;
}
body > #Contents #main-LabDAMS #contents-menu-sp a.current i,
body > #Contents #main-LabDAMS #contents-menu-sp a.current span {
	font-weight: bold;
}
body > #Contents #main-LabDAMS #contents-main {
	margin-top: 70px;
}
body > #Contents #main-LabDAMS #contents-main .jumpTarget {
	top: -150px;
}
body > #Contents #main-LabDAMS #contents-main section {
	font-size: 14px;
}
body > #Contents #main-LabDAMS #contents-main .wrap-heading {
	background: var(--color_blue3) url("/assets/image/jp/ja/products/ot-solution/quality-management/case_grid.png") left top repeat;
	width: 100%;
	border-radius: 5px;
	position: relative;
}
body > #Contents #main-LabDAMS #contents-main .wrap-heading img.image {
	display: block;
	width: 100%;
	height: 140px;
	z-index: 0;
	object-fit: cover;
	border-radius: 0 0 5px 5px;
}
body > #Contents #main-LabDAMS #contents-main .wrap-heading .text {
	color: #fff;
	position: relative;
	z-index: 1;
}
body > #Contents #main-LabDAMS #contents-main .wrap-heading .text .m {
	background-color: var(--color_yellow);
	color: var(--color_2);
	width: 79px;
	height: 79px;
	border: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	right: 12px;
	top: -8px;
	z-index: 1;
}
body > #Contents #main-LabDAMS #contents-main .wrap-heading .text .m b {
	color: var(--color_red);
}
body > #Contents #main-LabDAMS #contents-main .wrap-heading .t1 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 15px;
	padding: 25px 100px 20px calc(4vw + 5px);
	border-bottom: 1px solid #fff;
}
body > #Contents #main-LabDAMS #contents-main .wrap-heading .t1 i {
	font-size: 14px;
	line-height: 1;
	margin-top: 2px;
}
body > #Contents #main-LabDAMS #contents-main .wrap-heading .t1 span {
	font-size: 12px;
	line-height: 1;
	font-weight: 500;
}
body > #Contents #main-LabDAMS #contents-main .wrap-heading .t2 {
	font-size: 16px;
	line-height: 1.8;
	font-weight: bold;
	padding: 18px 4vw;
}
body > #Contents #main-LabDAMS #contents-main section + section {
	margin-top: 70px;
}
body > #Contents #main-LabDAMS #contents-main .content-text {
	font-size: 14px;
	line-height: 1.6;
}
body > #Contents #main-LabDAMS #contents-main .content-text b {
	color: var(--color_red);
	font-weight: bold;
}
body > #Contents #main-LabDAMS #contents-main .content-text h3.hd {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
	background: url("/assets/image/jp/ja/products/ot-solution/quality-management/icon_m.svg") left top 3px no-repeat;
	padding-left: 27px;
	padding-bottom: 15px;
	margin: 30px 0 16px;
	border-bottom: 1px solid var(--color_blue3);
}
body > #Contents #main-LabDAMS #contents-main .content-text ul.check li {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
	position: relative;
	padding-left: 1.5em;
}
body > #Contents #main-LabDAMS #contents-main .content-text ul.check li::before {
	content: '';
	width: 1em;
	height: 1em;
	background: url("/assets/image/jp/ja/products/ot-solution/quality-management/icon_check.svg") center center no-repeat;
	position: absolute;
	left: 0.1em;
	top: 0.3em;
}
body > #Contents #main-LabDAMS #contents-main .content-text ul.check li + li {
	margin-top: 12px;
}
body > #Contents #main-LabDAMS #contents-main .content-text li a {
	color: var(--color_link);
	text-decoration: underline;
}
body > #Contents #main-LabDAMS #contents-main .content-text li a:active {
	text-decoration: none;
}
/*--------------------------------------------------------------------------------*/