@charset "UTF-8";
*{
	box-sizing: border-box;
}
*::after{
	box-sizing: border-box;
}
*::before{
	box-sizing: border-box;
}

area{
	outline: none;
}

.sp{
	display: none;
}

.GridSet{
	width: 100%;
}
.Grid3{
	float: none;
	width: 100%;
}
@media screen and (max-width: 994px){
	.JS .Grid3{
		width: 100%;
	}
}

@media screen and (max-width: 768px){
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
//|
//| LiB 共通
//|
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#Contents h3 {
	border-left: none;
	padding: 0;
}

.inner{
	width: 965px;
	margin: 0 auto;
}

.libTopTxtL{
	font-size: 21px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 20px;
}

.libTtl{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.0;
	color: #ffffff;
	padding: 15px 30px;
	background: none;
	margin: 0!important;
}
.libTtl span{
	font-size: 18px;
	font-weight: normal;
}

.libTopImg{
	text-align: center;
	margin: 30px 0 50px;
}

.noLeadTxt section:first-child{
	margin-bottom: 45px!important;
}
.noLeadTxt .libProductInner:first-child{
	margin-top: 45px!important;
}

.right{
	text-align: right;
}

.w100{
	width: 100%!important;
}

.mt25{
	margin-top: 25px;
}

.txtIndent1{
	text-indent: -1em;
	padding-left: 1em;
}


@media screen and (max-width: 994px){
	.JS #Contents{ /* JS打ち消しのため */
		padding-right: 0;
		padding-left: 0;
	}

	.inner{
		width: 100%;
		padding: 0 15px;
	}
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
//|
//| LiBトップページ
//|
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*
＝＝＝＝＝＝＝＝＝＝＝ メインビジュアルエリア ＝＝＝＝＝＝＝＝＝ */
.mainTxt{
	font-size: 14px;
	line-height: 1.8;
}

.libTopInner{
	padding: 30px 0 45px;
}

.libTopInner ul{
	margin-top: 35px;
}
#LibTopMain .libTopInner h3{
	font-size: 21px;
	color: #000000;
	border-left: none;
	padding: 0;
	margin: 25px 0 15px;
}
#LibTopMain .libTopInner ul li:first-child h3{
	margin-top: 0;
}
#LibTopMain .libTopInner ul li p{
	font-size: 14px;
	line-height: 1.8;
}


/*
＝＝＝＝＝＝＝＝＝＝＝ ソリューションエリア ＝＝＝＝＝＝＝＝＝ */
.libSolutionInner{
	background: #ffffff;
	margin: 50px auto;
	padding: 40px 30px;
}
.libSolutionInner h3{
	font-size: 21px;
	font-weight: bold;
	line-height: 1.5;
	color: #000000;
	margin: 20px 0 20px;
}
.topInfoArea{
	padding: 35px 30px;
	margin: 30px 0 0;
}

.topInfoArea h4{
	font-size: 18px;
	font-weight: bold;
}


@media screen and (max-width: 414px){
	.libSolutionInner{
		padding: 20px;
		margin: 25px auto;
	}
}


/* ＝＝ R&D向けソリューション ＝＝ */
#LibTopRd{
	background: #e5eef6; /* R&D セクション背景色 */
	overflow: hidden;
}
#LibTopRd .libTtl{
	background-color: #005aab; /* R&D タイトル色 */
}
#LibTopRd .topInfoArea{
	background: #f2f6fa; /* R&D  infoエリア背景色 */
}

.topRdBtnArea .linkBtn > div{
	min-width: 220px;
}
.topRdBtnArea{
	display: flex;
	flex-wrap: wrap;
	margin: 15px 0 0 auto;
}
.topRdBtnArea li:first-child{
	margin: 0 0 0 auto;
}
.topRdBtnArea li{
	margin: 0 0 0 10px;
}

.topInfoArea table{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 0;
}
.topInfoArea th{
	width: 22%;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8;
	vertical-align: middle;
	background: #e5eef6;
	border: none;
	padding: 25px;
}
.topInfoArea td{
	font-size: 14px;
	border: none;
	padding: 20px 25px;
}
.topInfoArea tr{
	border-bottom: solid 1px #d8d8d8;
}
.topInfoArea tr:last-child{
	border-bottom: none;
}
.tdFlexList{
	display: flex;
}
.tdFlexList ul{
	margin-right: 45px;
}

.topInfoArea .mainTxt{
	margin-top: 25px;
}


@media screen and (max-width: 768px){
	.topRdBtnArea li{
		width: 100%;
		text-align: right;
		margin: 0;
	}
	.topRdBtnArea li:not(:first-child){
		margin: 10px 0 0 0;
	}

	.topInfoArea{
		padding: 20px;
	}

	.topInfoArea .mainTxt{
		margin-top: 10px;
	}

	.topInfoArea th,
	.topInfoArea td{
		display: block;
		width: 100%;
	}
	.topInfoArea th{
		text-align: center;
	}
	.tdFlexList{
		display: block;
	}
	.tdFlexList ul{
		margin-right: 0;
	}
	.JS table th{ /* JS打ち消しのため */
		padding: 10px 15px;
		font-size: 14px;
	}
	.JS table td{ /* JS打ち消しのため */
		padding: 15px;
		font-size: 14px;
	}
}


/* ＝＝ 製造向けソリューション ＝＝ */
#LibTopMf{
	background: #e5f5f4; /* 製造 セクション背景色 */
	overflow: hidden;
}
#LibTopMf .libTtl{
	background-color: #009b94; /* 製造 タイトル色 */
}
#LibTopMf .topInfoArea {
	background: #f2faf9; /* 製造 infoエリア背景色 */
}

#LibTopMf .topInfoArea {
	margin-top: 10px;
}

#LibTopMf .libSolutionInner > .mainTxt{
	margin-bottom: 30px;
}

.topFlexMf{
	margin-top: 25px;
}
.topFlexMf ul{
	display: flex;
	flex-wrap: wrap;
}
.topFlexMf ul li{
	width: 24%;
}
.topFlexMf ul li:not(:first-child){
	margin-left: 11px;
}

.topFlexMf ul li h5{
	font-size: 14px;
	font-weight: normal;
}
.topFlexMf ul li img{
	width: 100%;
	margin-top: 10px;
}

.topFlexMf ul:nth-child(2){
	margin-top: 20px;
}
.topFlexMf ul:nth-child(2) li{
	width: auto;
}
.topFlexMf ul:nth-child(2) li:first-child{
	margin-right: 20px;
}

.btnOnly{
	display: flex;
}
.btnOnly h4{
	padding: 7px 0;
	margin-bottom: 0;
}
.btnOnly > div{
	margin: 0 0 0 auto;
}


@media screen and (max-width: 768px){
	.topFlexMf{
		margin-top: 0;
	}
	.topFlexMf ul li{
		width: 48%;
		margin-top: 20px;
	}
	.topFlexMf ul li:nth-child(2n){
		margin-left: 2%;
	}
	.topFlexMf ul li:nth-child(2n-1){
		margin-left: 0;
	}

	.topFlexMf ul:nth-child(2){
		margin-top: 0;
	}
	.topFlexMf ul:nth-child(2) li{
		margin: 20px 0 0;
	}

	.btnOnly{
		display: block;
	}
	.btnOnly > div{
		margin: 0;
		text-align: right;
	}
}

@media screen and (max-width: 414px){
	.topFlexMf ul li{
		width: 100%;
	}
	.topFlexMf ul li:nth-child(2n){
		margin-left: 0;
	}
}


/* ＝＝ 品質管理向けソリューション ＝＝ */
#LibTopQm{
	background: #fdf4e5; /* 品質管理 セクション背景色 */
	overflow: hidden;
}
#LibTopQm .libTtl{
	background-color: #f19500; /* 品質管理 タイトル色 */
}
#LibTopQm .topInfoArea {
	background: #fef9f2; /* 品質管理 infoエリア背景色 */
}

#LibTopQm .topInfoArea:not(:first-child) {
	margin-top: 10px;
}

#LibTopQm .libSolutionInner > p.mainTxt{
	margin-bottom: 30px;
}

#LibTopQm .topInfoArea ul{
	margin-top: 25px;
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
}
#LibTopQm .topInfoArea ul li:not(:first-child){
	margin-left: 30px;
}
#LibTopQm .topInfoArea li a{
	color: #e8001c;
	text-decoration: none;
}
#LibTopQm .topInfoArea li a:hover{
	opacity: 0.8;
}
.linkBtnMt{
	margin-top: 15px;
}
#LibRdProduct.listType01 .productFlexArea{
	padding-bottom: 20px;
	border-bottom: 1px dotted #656565;
}
#LibRdProduct.listType01 .productFlexArea:nth-child(4){
	border-bottom: none;
	padding-bottom: 0;
}
.productExImg.wSmall{
	width: 80%!important;
    margin-left: auto!important;
    margin-right: auto;
	margin-bottom: 50px!important;
}
.productEx.ea8000{
	margin-top: 20px;
}
@media screen and (max-width: 768px){
	#LibTopQm .topInfoArea ul{
		display: block;
	}
	#LibTopQm .topInfoArea ul li:not(:first-child){
		margin-left: 0;
	}
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
//|
//| LiB下層
//|
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*
＝＝＝＝＝＝＝＝＝＝＝ 共通 ＝＝＝＝＝＝＝＝＝ */
.productWrap{
	overflow: hidden;
}
.productWrap img{
	width: 100%;
}
.libProductInner{
	background: #ffffff;
	margin: 15px auto 0;
	padding: 40px 30px;
}
.libProductInner:first-child{
	margin-top: 90px;
}
.libProductInner:last-child{
	margin-bottom: 90px;
}
.productFlexArea{
	display: flex;
	flex-wrap: wrap;
}
.productFlexInfo{
	width: 58%;
}
.productFlexImg{
	width: 40%;
	margin-left: 2%;
	margin-top: 25px;
    border: 1px solid #e2e2e2;
	display: flex;
	align-items: center;
    max-height: 270px;
}
.productFlexImg p{
	margin: 5% 18%;
}
.productNameSubGray{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.0;
	color: #ffffff;
	padding: 5px 10px;
	background: #656565;
}
.productNameSub{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.0;
	color: #ffffff;
	padding: 5px 10px;
	background: #003567;
}
.productFlexInfo h2{
	font-size: 36px;
	font-weight: bold;
	line-height: 1.25;
	color: #003567;
	background: none;
	margin: 20px 0 0;
}
#Contents .productSubTxtL{
	font-size: 17px;
	font-weight: bold;
	color: inherit;
	line-height: 1.8;
	margin: 5px 0 0;
	padding: 0;
}
.productFlexInfo .mainTxt{
	margin: 20px 0;
}

a.linkBtn,
a.linkBtn:visited,
a.linkBtn:link{
	text-decoration: none;
}
.linkBtn{
	text-align: center;
	margin: 0;
}
.linkBtn:hover{
	opacity: 0.8;
}
.linkBtn > div{
	position: relative;
	display: inline-block;
	padding: 6px 45px 6px 40px;
	background: #e8001c;
}
.linkBtn span{
	position: relative;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
.linkBtn > div::after{
	content: "";
	display: block;
	position: absolute;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #ffffff;
	top: 39%;
	right: 10px;
}
.productEx{
	margin-top: 40px;
	padding: 30px;
	background: #f1f1f1;
}
.productEx:nth-child(3){
	margin-top: 15px;
}
.productExFlex{
	display: flex;
	flex-wrap: wrap;
}
/* .productEx .mainTxt{
	margin-top: 15px;
} */
.productExInfo{
	width: 65%;
}
.productExImg{
	width: 32%;
	margin-left: 3%;
}
.productEx.noFlex .productExInfo,
.productEx.noFlex .productExImg{
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
#Contents .productEx h3{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 10px;
	background: #656565;
	margin-bottom: 15px;
	line-height: 1.3;

}
.contactBtnWrap{
	text-align: center;
	padding: 30px 0 0;
}
.contactBtnWrap .linkBtn > div{
	padding: 6px 40px 6px 30px;
}

.contactBtnWrap li{
	display: inline-block;
	margin-bottom: 10px;
	background-color: #e9001d;
	background-image: none;
	font-weight: bold;
	margin-right: 5px;
	position: relative;
	padding: 10px 35px;
}
.contactBtnWrap li::after{
	content: "";
	display: block;
	position: absolute;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #ffffff;
	top: 33%;
	right: 10px;
}
.contactBtnWrap li:hover{
	opacity: 0.8;
}
.contactBtnWrap li a{
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	background-image: none;
	text-align: center;
	height: auto;
	width: 155px;
}
.contactBtnWrap li a:hover{
	opacity: 1.0;
}

img.pc80per{
	width: 80%;
	margin-top: 15px;
}
img.pc30per{
	width: 30%;
	margin-top: 15px;
}
img.backWhite{
	background: #fff;
	padding: 10px;
}

.center{
	text-align: center!important;
}
.imgAreaType01{
	margin-top: 40px;
}
@media screen and (max-width: 768px){
	.productFlexArea{
		flex-wrap: wrap-reverse;
	}
	.productFlexInfo{
		width: 100%;
		margin-top: 25px;
	}
	.productFlexImg{
		width: 100%;
		margin-top: 0;
		margin-left: 0;
		max-height: inherit!important;
	}

	.linkBtn > div {
		width: 100%;
		padding: 10px 25px 10px 20px;
	}

	.productBtnWrap{
		text-align: center;
	}

	.productEx{
		margin-top: 25px;
	}
	.productExInfo{
		width: 100%;
	}
	.productExImg{
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
	}

	.contactBtnWrap li{
		width: 100%;
		padding: 10px;
	}
	.contactBtnWrap li a{
		margin: auto;
	}
	.contactBtnWrap li::after{
		top: 38%;
	}

	img.pc80per{
		width: 100%;
		margin-top: 0;
	}
	img.pc30per{
		width: 100%;
		margin-top: 0;
	}


}


/*
＝＝＝＝＝＝＝＝＝＝＝ R&Dページ ＝＝＝＝＝＝＝＝＝ */
#RAndD #LibRdTop .libTtl{
	background-color: #005aab;
}

#RAndD #LibRdProduct{
	background: #e5eef6;
}
#RAndD #LibRdProduct .inner{
	background: #e5eef6;
}
#RAndD #LibRdProduct .libTtl{
	background-color: #005aab;
}


/*
＝＝＝＝＝＝＝＝＝＝＝ 製造 ＝＝＝＝＝＝＝＝＝ */
#MANUFACTURING #LibRdTop .libTtl{
	background-color: #009b94;
}

#MANUFACTURING #LibRdProduct{
	background: #e5f5f4;
}
#MANUFACTURING #LibRdProduct .inner{
	background: #e5f5f4;
}
#MANUFACTURING #LibRdProduct .libTtl{
	background-color: #005aab;
}


.charaList li{
	position: relative;
	padding-left: 1em;
}
.charaList li::before{
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #003567;
	top: 5px;
	left: 0;
}
.charaListArea h3{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 10px!important;
	background: #656565;
	margin-bottom: 15px;
	line-height: 1.3;
}
.charaListBox .charaSubTit{
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #003567;
}
.charaListArea{
	margin-bottom: 20px
}
.attention{
	font-size: 12px;
}

.mh400{
	max-height: 400px;
}


/*
＝＝＝＝＝＝＝＝＝＝＝ 品質管理ページ ＝＝＝＝＝＝＝＝＝ */
#QUALITYMANAGEMENT #LibRdTop .libTtl{
background-color: #f19500;
}

#QUALITYMANAGEMENT #LibRdProduct{
background: #fdf4e5;
}
#QUALITYMANAGEMENT #LibRdProduct .inner{
background: #fdf4e5;
}
#QUALITYMANAGEMENT #LibRdProduct .libTtl{
background-color: #005aab;
}


.bgGray{
	background: #f1f1f1;
	padding: 20px;
}
.charaListArea {
	margin-top: 10px;
	margin-bottom: 20px;
}
.column2{
	display: flex;
}

.column2 .charaListArea{
	width: 49%;
	margin-right: 1%;
}
.charaListArea .column2 .charaListBox{
	width: 49%;
	margin-right: 3%;
}


.column2 .charaListArea:last-child,
.charaListArea .column2 .charaListBox:last-child{
	margin-right: 0;
}
.charaListBox .charaSubTit {
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #003567;
}
.charaList li {
	position: relative;
	padding-left: 1em;
	font-size: 14px;
}

@media screen and (max-width: 768px){
	.column2{
		display: block;
	}
	.column2 .charaListArea{
		width: 100%;
		margin-right: 0;
	}
	.column2 .charaListArea:last-child{
		margin-bottom: 0;
	}
	.charaListBox:not(:first-child){
		margin-top: 15px;
	}
	.charaListArea .column2 .charaListBox {
		width: 100%;
		margin-right: 0;
	}
}

/* 200327追記 */
#LibRdProduct .libTopTxtL.jtlSubTtl{
	margin-top: 45px;
	font-size: 24px;
}

/* 200416追記 */
.linkBtn.linkBtnWhite > div{
	background: #ffffff;
	border: solid 1px #e8001c;
}
.linkBtn.linkBtnWhite > div::after {
	border-left: 8px solid #e8001c;
}
.linkBtn.linkBtnWhite span{
	color: #e8001c;
}

/* 201117追記
ライフサイクル マネジメントソリューション
 */

#LibTopLc .libTtl {
    background-color: #ff817b;
}

#LibTopLc {
    background: #ffd4d2;
    overflow: hidden;
}

/* 210114_動画中央寄せ*/
.movie_center {
	margin: 0 auto;
}

/* 211014_width → max-width */
.FloatContent2 .GridSet{
	max-width: 965px;
}


.over_float_wrap .rd {
	position: absolute;
	left: 68px;
	top: 0;
	background: rgba(255, 255, 255, 0.9);
	width: 200px;
	padding-top: 80px;
	display: none;
	z-index: 5;
}

.over_float_wrap .rd .unit_wrap {
	padding-left: 15px;
	padding-right: 10px;
	box-sizing: border-box;
	padding-bottom: 10px;
}

.over_float_wrap .mf {
	position: absolute;
	left: 122px;
	top: 0;
	background: rgba(255, 255, 255, 0.9);
	width: 220px;
	padding-top: 80px;
	display: none;
	z-index: 5;
}

.over_float_wrap .mf .unit_wrap {
	padding-left: 15px;
	padding-right: 10px;
	box-sizing: border-box;
	padding-bottom: 10px;
}

.over_float_wrap .qm {
	position: absolute;
	left: 171px;
	top: 0;
	background: rgba(255, 255, 255, 0.9);
	width: 240px;
	padding-top: 80px;
	display: none;
	z-index: 5;
}

.over_float_wrap .qm .unit_wrap {
	padding-left: 15px;
	padding-right: 10px;
	box-sizing: border-box;
	padding-bottom: 10px;
}



.FloatContent2 {
	background-color: #fff !important;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.FloatContent2.floatingHeadMenu {
	box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.6);
}

.over_float_wrap.global .mf{
	left: 114px;
}

.over_float_wrap.global .qm{
	left: 214px;
}

.over_float_wrap.cn .mf{
	left:141px;
}

.over_float_wrap.cn .qm{
	left:190px;
}
/* 211014_非表示 */
/* .FloatingMenu.afm .right_navi{
	display: none;
} */