@charset "shift_jis";
/* CSS Document */

.posR{
	position:relative;
}

.rssBox{
	/*position:absolute;*/
	right:10px;
	top:15px;	
	z-index:405;
}

.newProdBoxWrapper{
	position:relative;	
}
.newProdLinkBtn{
	position:absolute;
	top:15px;
	right:10px;	
	z-index:8000;
}


#site,#press,#info{
}
.updownBtn,.updownBtn2{
	display:none;
	background:#efefef;
	/*background:#ebeef9;*/
	
}


.topNewsList{
	display:block;
	height:288px;
	overflow:auto;
	font-size:88%;
}

#tabCont dl{
	display:block;
	height:240px;
	overflow:auto;
	font-size:88%;
}

.topNewsList dt,
#tabCont dt{
	padding-left:8px;
	padding-top:12px;
}

.topNewsList dd a{
	/*text-decoration:none;*/
	
}

.topNewsList dd:nth-child(2){
	border-top:1px dotted #CCC !important;
}

.topNewsList dd,
#tabCont dd{
	border-bottom:1px dotted #CCC;
	padding-top:12px;
	padding-bottom:12px;
	
}



#newProdSw{
	display:none;	
}



.hmDO{
	background: url(../../images/icon_important_al.png) no-repeat 0.1em 50%;
	padding-left:1.2em;
}

.hmRSS{
	background: url(../../images/mod_ico_rss_01.gif) no-repeat 0.1em 50%;
	padding-left:1.2em;
}


.newProdPic{
	width:58px;
	line-height:1;
	float:left;	
}


.newProdPicTip{
	border:1px solid #D6D6D6;
}

.newProdTex{
	padding-left:64px;
	display:block;
	line-height:1.5;
	color:#333;
}

.mainWaku div{
	width:734px;
	padding:5px;
	margin:0 auto;
	background:#fff;
}

.mainWaku div img{
	width:100%;
	height:auto;
}


.ttlA{
display:block;
padding:10px 5px;
font-weight:bold;
background:#00a7ff;
box-shadow:inset 0 -10px 6px -4px rgba(66,66,66,0.2);
}
.ttlB{
display:block;
padding:10px 5px;
font-weight:bold;
background:#1253a5;
box-shadow:inset 0 -10px 6px -4px rgba(66,66,66,0.2);
}

.ttlC{
display:block;
padding:10px 5px;
font-weight:bold;
background:#79b234;
box-shadow:inset 0 -10px 6px -4px rgba(66,66,66,0.2);
}

.hmSTop{
	background:url(../../images/icon_link_small.gif) no-repeat 0.1em 0.4em;
	padding-left:1.2em;
}

.fuguList{
	width:640px;
}

.newProdBox2V{
	height:270px;
	overflow:auto;
}

.newProdBoxWrapper{
	
}

.newProdTip{
	border-right:1px dotted #ccc;
	
}

/*for Ctop*/
.ctopProdBox{
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.ctopProdBoxP{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

.ctopPBinner{
	position:relative;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	background: url(../../images/bg_glaygr.gif) repeat-x bottom;
	zoom:1;
}
.ctopPBinner a{
}
.ctopPBinnerNew{
	background:#fff3f7;
}
.ctopPBinner span.prdBtnTit{
	position:absolute;
	top:0;
	left:0;
	color:#333 !important;
	font-size:108%;
	font-weight:bold;
	background: url(../../images/icon_link_small.gif) no-repeat 6px 0.85em;
	
	padding:8px;
	padding-top:10px;
	padding-left:1.3em;
	line-height:1.2;
}

.ctopPBimgBox{
	max-width:180px;
	*width:180px;
	position:absolute;
	bottom:0;
	right:0;
}

.perAkari{
	background:url(../../images/personal/bg_akarisekkei.jpg) right top no-repeat #fff;
	
}

.perCata{
	background:url(../../images/personal/bg_catalog.jpg) right bottom no-repeat #fff;
	
}

@media screen and (max-width: 900px) {
	.h-3rCtop,.h-3rBtop,.bgBtopColab,.bgBtopSisetu,.bgBtopEco,.bgBtopPcb{
		font-size:88%;
		
	}
}
@media screen and (max-width: 760px) {
	.infoBox li a.hmJuyou{
		border-bottom:1px solid #D9D9D9;
		border-right:none !important;
		
	}
}

@media screen and (max-width: 480px) {
	.ctopPBimgBox{
		max-width:110px;
	}
}

.jukuBox li{
	border-top:1px dotted #666;	
	
}
.jukuBox li a{
	padding-top:10px;
	padding-bottom:10px;
}
.jukuBox li a:hover{
	background:#f3f3f3;
	
}

.jukuBox li:last-child{
	border-bottom:1px dotted #666;	
}

.infoBox li{
	background: #f2f2f2;
	font-size:120%;
}

@media screen and (max-width: 1200px) {
	.infoBox li{
		font-size:1.6vw;
	}
}
@media screen and (max-width: 760px) {
	.infoBox li{
		font-size:2.5vw;
	}
}

@media screen and (max-width: 480px) {
	.infoBox li{
		font-size:4vw;
	}
}
.infoBox li a{
	border-bottom:3px solid #f2f2f2;
	
}

	


.infoBox li a:hover{
	background: rgba(0,91,172,0.05);
	border-bottom:3px solid #005bac;
}

.infoBox li a{
	font-weight:bold;
	display:inline-table;
	text-decoration:none;
	color:#333;
	padding: 25px 30px 25px 20px;
	line-height:1.2;
	position:relative;
	width:100%;
	transition:         all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.infoBox li a:before{
	content:"";
	height:80%;
	width:1px;
	display:block;
	background:#808080;
	position:absolute;
	
	top:10%;
	right:1px;
	

}


@media screen and (max-width: 760px) {
	.infoBox li:nth-child(2) a:before{
		height:0;
	}
}
@media screen and (max-width: 480px) {
	.infoBox li a:before{
		height:0;
	}
	.infoBox li a{
		border-bottom: 1px solid #808080
	}
	
	
}
.infoBox li:last-child a:before{
	height:0;
}


.infoBox li a span{
	display:table-cell;
	height:100%;
	vertical-align:middle;	

	
}



.infoBox li a.hmJuyou{
	color:#fff;
	padding: 15px 30px 15px 38px;
	background: url('../../images/mod_ico_important_01.gif') no-repeat scroll 12px 50% #808080;	

	border-bottom:3px solid #808080;

}

.infoBox li a.hmJuyou:hover{
	background: url('../../images/mod_ico_important_01.gif') no-repeat scroll 12px 50% #999;	
	border-bottom:3px solid #005bac;
}



.infoBox li a:after{
	content: "\f0da";
	font-family: FontAwesome;
	font-size: 1.33333333em;
	line-height: 0.75em;
	vertical-align: -15%;
	
	position:absolute;
	top:50%;
	right:0.6em;
	transform:translateY(-60%);
	-webkit-transform: translateY(-60%);
	color:#005bac;
}

.infoBox li a.hmJuyou:after{
	color:#fff;
}

.perBtnSide01{
	background: url('../../images/mod_bnr_cm_01r.jpg') no-repeat scroll right top #eee;	 
}

.perBtnSide02{
	background: url('../../images/mod_bnr_led_01r.jpg') no-repeat scroll right top #eee;	 
}

.tsW01{
	text-shadow:-1px -1px #fff,
				1px -1px #fff,
				-1px 1px #fff,
				1px 1px #fff;
}

/*bTop*/
.h-3rBtop{
	border:none;
	padding-bottom:0;
}

.h-3rBtop:before{
	z-index:390;
	position:absolute;
	background:#0037a4;
	content: "";
	display: block;
	width: 30%;
	height: 3px;
	top:0;
	left:0;
}

.h-3rBtop2{
	border:none;
	padding-bottom:0;
}

.h-3rBtop2:before{
	z-index:390;
	position:absolute;
	background:none;
	content: "";
	display: block;
	width: 30%;
	height: 3px;
	top:0;
	left:0;
}

.campaignBtn{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dcecf7+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #dcecf7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dcecf7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#dcecf7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcecf7',GradientType=0 ); /* IE6-9 */

	box-shadow:rgba(141, 179, 204, 0.65098) 0px 0px 6px 2px;
	-webkit-box-shadow:rgba(141, 179, 204, 0.65098) 0px 0px 6px 2px;
	-moz-box-shadow:rgba(141, 179, 204, 0.65098) 0px 0px 6px 2px;
}


.titHubA{
	padding-bottom:10px;
	
}
.titHubA2{
	padding-top:5px;
	padding-bottom:5px;
}


.titHubB{
	position:relative;
	padding:13px 2em 10px 10px;
}

.titHubB:after{
	z-index:390;
	position:absolute;
	background: url(../../images/ico_bigkakko_wh.png) no-repeat;
	content: " ";
	display: block;
	width: 10px;
	height: 15px;
	top:50%;
	right:1em;
	margin-top:-7px;
}


#busSearchBox{
	border:#dadff3 solid 1px;
	background:#eff3ff;
}

#busSearchBox h2 span{
	font-weight:normal;
	
}

.boxTypeG01Input input{
	width:100%;
	height:35px;
	line-height:28px;
	border:#c6cde9 solid 1px;
	border-right:none;
	background:url(../../images/business/input_bg.jpg) no-repeat 3px center #fff;
}
.boxTypeG01Input input.noBg{
	background:#fff;
}
.boxTypeG01Btn input{
	-webkit-appearance: none;
	width:100%;
	height:35px;
	border:#c6cde9 solid 1px;
	background:#0037a4;
	color:#fff;
	font-weight:bold;
}
.boxTypeG01Btn input:hover{
	background: #06F;
	cursor:pointer;

}

.btopToolBox div a{
	background: url(../../images/icon_link_small.gif) 5px 0.7em no-repeat #eef2ff;
	margin-bottom:10px;
	padding:8px 8px 8px 1.5em ;
}

.busCataBox{
	background: url(../../images/business/bg_catalog.jpg) right top no-repeat #fff;
}

.busCataBox ul li{
	background:#fff;
}

.busLedPlus{
	background:url(../../images/business/bg_ledplus.jpg) no-repeat right top;
}

.bgBtopSisetu{
	background: url(../../images/business/bg_sisetu.jpg) no-repeat right top; 
}

.bgBtopColab{
	background: url(../../images/business/bg_colab.jpg) no-repeat right top; 
}

.bgBtopEco{
	background: url(../../images/business/bg_econet.jpg) no-repeat right top; 
}
.tcR2{
	color:#991f1e;
	
}

.hmSST{
	background:url(../../images/mod_ico_arrow_red_02.gif) no-repeat 0.1em 50%;
	padding-left:1.2em;
}

.hmST{
	background:url(../../images/icon_link_small.gif) no-repeat 0.1em 50%;
	padding-left:1.2em;
}

.hmDT{
	background:url(../../images/icon_link_d.gif) no-repeat 0.1em 50%;
	padding-left:1.2em;
}
.hmUT{
	background:url(../../images/icon_link_u.gif) no-repeat 0.1em 50%;
	padding-left:1.2em;
}


.etcSrcExBox{
	display:none;
}

.crbg{
	max-width:2400px;
	max-height:570px;
	margin:0 auto;
	line-height:0;
}

.bgELg{
	/*background:url(../../images/carousel/bg_gray_earthline.jpg) center top no-repeat;*/
	background-size:100% auto;

}

.curImgWrapper{
	max-width:1180px;
	width:calc(100% - 20px);
	margin:0 auto;
	position:relative;
	line-height:1.0;
	color:#333;
	text-decoration:none !important;	
}

.curImgWrapper img{
	width:100%;
	height:auto;	
}



div.centerSrcWrapper{
	margin-top:-100px;
	min-height:100px;
	z-index:900;
	position:relative;
	background:rgba(52,49,47,0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B334312f,endcolorstr=#B334312f, gradienttype=0);
	transition:         all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


div.centerSrcWrapper.act{
	background:rgba(52,49,47,1);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF34312f,endcolorstr=#FF34312f, gradienttype=0);
}

.crMesRight{
	line-height:1.2;
	position: absolute;
	top:calc(50% - 50px);
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	left:55.5%;
	width:37.5%;
	
}

.crFontMin{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.crMesRight2{
	line-height:1.2;
	position: absolute;
	top:calc(50% - 50px);
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	left:63.5%;
	width:32.5%;
	
}

.crMesRight3{
	line-height:1.2;
	position: absolute;
	top:calc(50% - 50px);
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	left:50%;
	width:45%;
	
}

.crMesRight4{
	line-height:1.2;
	position: absolute;
	top:calc(50% + 40px);
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	left:57.5%;
	width:32.5%;
	
}

.crMesLeft{
	line-height:1.2;
	position: absolute;
	top:calc(50% - 50px);
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	right:50.5%;
	width:40.5%;
	
}

.crMesLeft2{
	line-height:1.2;
	position: absolute;
	top:calc(50% - 50px);
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	right:38%;
	width:55%;
	
}

.crMesLeft3{
	line-height:1.2;
	position: absolute;
	top:calc(50% - 50px);
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	right:60.5%;
	width:30.5%;
	
}

.crMesLeft4{
	line-height:1.2;
	position: absolute;
	top:calc(50% - 50px);
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	right:65%;
	width:28.5%;
	
}

.crMesLeft5{
	line-height:1.2;
	position: absolute;
	top:calc(40% + 10px);
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	right:33%;
	width:35%;
	
}

.crMesCenter{
	line-height:1.2;
	position: absolute;
	top:10%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	left:50%;
	width:80%;
	
}

.crMesCenter2{
	line-height:1.2;
	position: absolute;
	bottom:30%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	left:50%;
	width:80%;
	
}


.crMainTitle{
	font-size:36px;
	font-weight:bold;
}

.crMainTitle2{
	font-size:30px;
	font-weight:bold;
}
.crMainTitle3{
	font-size:30px;
	font-weight:bold;
}
.crDS1{
	text-shadow:1px 1px 0px #fff;	
}

.crDS2{
	text-shadow:1px 1px 0px #333;	
}


.crBtn{
	padding:8px 20px;
	background:rgba(0,91,172,1.00);
	color:#fff;
	width:40%;
	transition:         all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.crBtn{
	color:#fff;	
}
.crBtn:hover{
	background:rgba(75,167,243,1.00);
}

.crBtn2{
	width:60%;
}

.crText10 { font-size:10px;}
.crText11 { font-size:11px;}
.crText12 { font-size:12px;}
.crText13 { font-size:13px;}
.crText14 { font-size:14px;}
.crText15 { font-size:15px;}
.crText16 { font-size:16px;}
.crText17 { font-size:17px;}
.crText18 { font-size:18px;}
.crText19 { font-size:19px;}

.crText18 { font-size:18px;}
.crText19 { font-size:19px;}
.crText20 { font-size:20px;}
.crText21 { font-size:21px;}
.crText22 { font-size:22px;}
.crText23 { font-size:23px;}
.crText24 { font-size:24px;}
.crText25 { font-size:25px;}
.crText26 { font-size:26px;}
.crText27 { font-size:27px;}
.crText28 { font-size:28px;}
.crText29 { font-size:29px;}
.crText30 { font-size:30px;}
.crText31 { font-size:31px;}
.crText32 { font-size:32px;}
.crText33 { font-size:33px;}
.crText34 { font-size:34px;}
.crText35 { font-size:35px;}
.crText36 { font-size:36px;}
.crText37 { font-size:37px;}
.crText38 { font-size:38px;}
.crText39 { font-size:39px;}
.crText40 { font-size:40px;}
.crText41 { font-size:41px;}
.crText42 { font-size:42px;}
.crText43 { font-size:43px;}
.crText44 { font-size:44px;}
.crText45 { font-size:45px;}
.crText46 { font-size:46px;}
.crText47 { font-size:47px;}
.crText48 { font-size:48px;}
.crText49 { font-size:49px;}
.crText50 { font-size:50px;}



@media screen and (max-width: 960px) {

	.crMesRight,.crMesRight2,.crMesRight3,.crMesLeft,.crMesLeft2{
		top:calc(50% - 40px);
	}

	.crMesRight4{
		top:calc(50% + 40px);
	}

	div.centerSrcWrapper{
	margin-top:-80px;
	min-height:80px;
	}
	div.centerSrcWrapper > div.grdW{
	padding-top:20px;

	}
	.crMainTitle{
		font-size:3.39vw;
	}
	
	.crMainTitle2{
		font-size:3.05vw;
	}

	.crMainTitle3{
		font-size:3.05vw;
	}
.crText10 { font-size:1.04vw;}
.crText11 { font-size:1.15vw;}
.crText12 { font-size:1.25vw;}
.crText13 { font-size:1.35vw;}
.crText14 { font-size:1.46vw;}
.crText15 { font-size:1.56vw;}
.crText16 { font-size:1.67vw;}

.crText17 { font-size:1.77vw;}
.crText18 { font-size:1.88vw;}
.crText19 { font-size:1.98vw;}
.crText20 { font-size:2.08vw;}
.crText21 { font-size:2.19vw;}
.crText22 { font-size:2.29vw;}
.crText23 { font-size:2.4vw;}
.crText24 { font-size:2.5vw;}
.crText25 { font-size:2.6vw;}
.crText26 { font-size:2.71vw;}
.crText27 { font-size:2.81vw;}
.crText28 { font-size:2.92vw;}
.crText29 { font-size:3.02vw;}
.crText30 { font-size:3.13vw;}
.crText31 { font-size:3.23vw;}
.crText32 { font-size:3.33vw;}
.crText33 { font-size:3.44vw;}
.crText34 { font-size:3.54vw;}
.crText35 { font-size:3.65vw;}
.crText36 { font-size:3.75vw;}
.crText37 { font-size:3.85vw;}
.crText38 { font-size:3.96vw;}
.crText39 { font-size:4.06vw;}
.crText40 { font-size:4.17vw;}
.crText41 { font-size:4.27vw;}
.crText42 { font-size:4.38vw;}
.crText43 { font-size:4.48vw;}
.crText44 { font-size:4.58vw;}
.crText45 { font-size:4.69vw;}
.crText46 { font-size:4.79vw;}
.crText47 { font-size:4.9vw;}
.crText48 { font-size:5vw;}
.crText49 { font-size:5.1vw;}
.crText50 { font-size:5.21vw;}


	.crBtn{
		width:20vw;
	}
}

@media screen and (max-width: 760px) {

	.crMesRight,.crMesRight2,.crMesRight3,.crMesLeft,.crMesLeft2{
		top:20px;
		transform:none;
		-webkit-transform:none;
	}

	.crMesRight4{
		top:calc(45% + 40px);
	}

	div.centerSrcWrapper{
		margin-top:0px;
	}
	
	.crBtn{
		display:inline-block;
		width:auto;
		padding:4px 20px;
	
	}

	
}
@media screen and (max-width: 480px) {

	.crMesRight4{
		top:calc(40% + 40px);
	}

	.crCont p {
		margin-bottom:0;
		
	}
	
}

a.topBtnC,a.topBtnB,a.topBtnT{
	height:150px;
	display:block;
	position:relative;
	transition-duration: 0.3s;
	letter-spacing: -0.35em;
	word-spacing: -0.4em;
	color:#fff;
}

.topBtnC div,.topBtnB div,.topBtnT div{
	display:inline-table;
	height:100%;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align:bottom;
	font-weight:bold;
 	font-size:150%;
}


.topBtnC{
	background: url(../../images/home2017/top_btn_personal.jpg) no-repeat center top;

}

.topBtnC:hover{
	box-shadow:inset 0 0 0 4px #bcc100, 0 0 1px transparent;
}

.topBtnC:before{
	content: "";
	display: block;
	height:6px;
	width:100%;
	background:#bcc100;
	position: absolute;
	bottom:0;
	left:0;
}

.topBtnB{
	background: url(../../images/home2017/top_btn_business.jpg) no-repeat center top;
}

.topBtnB:hover{
	box-shadow:inset 0 0 0 4px #00a7ea, 0 0 1px transparent;
}

.topBtnB:before{
	content: "";
	display: block;
	height:6px;
	width:100%;
	background:#00a7ea;
	position: absolute;
	bottom:0;
	left:0;
}

.topBtnT{
	background: url(../../images/home2017/top_btn_company.jpg) no-repeat center top;
}

.topBtnT:hover{
	box-shadow:inset 0 0 0 4px #75a342, 0 0 1px transparent;
}

.topBtnT:before{
	content: "";
	display: block;
	height:6px;
	width:100%;
	background:#75a342;
	position: absolute;
	bottom:0;
	left:0;
}




.btnT{
	display:table-cell;
	vertical-align:middle;
	height:100%;
	
}


@media screen and (max-width: 960px) {
	.topBtnC,.topBtnB,.topBtnT{
		height:100px;
	}
	.topBtnC div,.topBtnB div,.topBtnT div{
		font-size:2.5vw;
	}
	
	.topBtnT,.topBtnC,.topBtnB{
		background-size: cover;
		background-position: center center;
	}

}

@media screen and (max-width: 480px) {
	.topBtnC,.topBtnB,.topBtnT{
		height:100px;
	}
	.topBtnC div,.topBtnB div,.topBtnT div{
		font-size:125%;
	}
}


.topIdeaBWrapper,.topIdeaCWrapper{
	overflow:hidden;
	
}

.topIdeaBWrapper .box,.topIdeaCWrapper .box{
	height:260px;
}

.topIdeaBWrapper{
	background: url(../../images/home2017/top_bg_omoi_b.jpg) no-repeat center center #5691b0;	
}



.topIdeaBmes{
	position:absolute;
	width:40%;
	left:60%;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.topIdeaCWrapper{
	display:none;
	background: url(../../images/home2017/top_bg_omoi_c.jpg) no-repeat center center #d9d9d9;	
}



.topIdeaCmes{
	position:absolute;
	width:40%;
	left:10%;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
}

.topIdeaCmes h2,.topIdeaBmes h2{
	font-size:180% ;
	
}
.topIdeaCmes p,.topIdeaBmes p{
	font-size:115% ;

}
.topIdeaCmes a,.topIdeaBmes a,.topIdeaCmes .crBtn,.topIdeaBmes .crBtn{
	font-size:115% ;

}
@media screen and (max-width: 960px) {
	
	.topIdeaCmes h2,.topIdeaBmes h2{
	font-size:150% ;
	
	}
	.topIdeaCmes p,.topIdeaBmes p{
		font-size:100% ;
	
	}
	.topIdeaCmes a,.topIdeaBmes a{
		font-size:100% ;
	
	}
	.topIdeaBmes{
		left:50%;
		width:50%;
	}
	.topIdeaCmes{
		left:10%;
		width:60%;
	}
	.topIdeaBWrapper{
		background-position:-140px center;
	}
	
	.topIdeaCWrapper{

	}
}


@media screen and (max-width: 480px) {
	.topIdeaCmes,.topIdeaBmes{
		text-align:center;
		left:10%;
		width:80%;
		padding:20px;
		background:rgba(0,0,0,0.2);
	}
	
	.topIdeaBmes{
	}
	.topIdeaCmes h2,.topIdeaBmes h2{
		font-size:130% ;
		
	}
	.topIdeaCmes p,.topIdeaBmes p{
		font-size:90% ;
	
	}
	
	.topIdeaCmes p,.topIdeaBmes{
	}
	
}



.topQbtnS{
	padding-right:1.4em;
	position:relative;
	border:2px solid #999999;

}

.topQbtnS:after{
	content: "\f0da";
	font-family: FontAwesome;
	font-size: 1.33333333em;
	line-height: 0.75em;
	vertical-align: -15%;
	
	position:absolute;
	top:50%;
	right:0.4em;
	transform:translateY(-50%);
	color:#005bac;
}


.topNewLineup{
	background:#F2F2F2;
	
}
.topNewLineup a{
	text-decoration:none;
}
.nLUtit{
	font-size:14.88px;
	position: relative;
	height: 44px;
	overflow: hidden;
	line-height: 22px;
}

.nLUtit:before, .nLUtit:after {
	position: absolute;
	background: #fff;
}

.nLUtit:before {
	content: "…";
	padding-left:3px;
	bottom: 0;
	right: 0;
}

.nLUtit:after {
	content: "";
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 480px) {
	.nLUtit{
		font-size:14.88px;
		position: relative;
		height: 66px;
		overflow: hidden;
		line-height: 22px;
	}
}


a.contBtn{
	padding:13px 60px;
	background:rgba(0,91,172,1.00);
	color:#fff !important;
	text-decoration:none;
	display:inline-block;
	border-radius:3px;
	transition:         all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
a.contBtn:hover{
	background:rgba(75,167,243,1.00);
}

a.infoContBtn{
	position:absolute;
	bottom:-100px;
	left:50%;
	transform:translateX(-50%);
	text-align:center;
}


a.topTabList{
	border-top:1px solid #fff;
	position:relative;
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:22px;
	font-weight:bold;
	line-height:1.0;
	padding-top:20px;
	padding-bottom:10px;
	border-bottom:8px solid #999;
	color:#333;
	transition:         all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);

}
a.topTabList.act,a.topTabList:hover{
	color:#005bac;
	border-bottom:8px solid #005bac;
	
}

a.topTabList.act{
	border-bottom:8px solid #005bac;
	background:#E0E7EC;
	background:rgba(0,91,172,0.05);
	border-top:1px solid #005bac;

}

a.topTabList:after{
	height:20px;
	content: "";
	position: absolute;
	bottom: -4px;
	border: 4px solid transparent;
	border-top: 8px solid #999;
	left:50%;
	margin-left:-4px;
}

a.topTabList.act:after,a.topTabList:hover:after{
	height:40px;
	content: "";
	position: absolute;
	bottom: -53px;
	border: 8px solid transparent;
	border-top: 16px solid rgba(0,91,172,1.00);
	left:50%;
	margin-left:-8px;
}
@media screen and (max-width: 480px) {

	a.topTabList{
		font-size:14px;
	
	}
}


.fBtnTex{
	font-size:18px;
}


@media screen and (max-width: 960px) {

	.fBtnTex{
		font-size:15px;
	}
}

@media screen and (max-width: 760px) {
	.fBtnTex{
		font-size:18px;
	}
}

@media screen and (max-width: 480px) {
	.fBtnTex{
		font-size:15px;
	}
}


a.pbBox,a.pbBoxN,a.pbBoxC,a.pbBoxP{
	display:block;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	color:#333;
	position:relative;
	transition:         all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	background-position:right bottom;
	background-repeat:no-repeat;
}

a.pbBox{
	font-size:130%;
	font-weight: bold;
	background-color:#fff;
}

.ctopProdBox2 a.pbBox{
	font-size:105%;
	font-weight: normal;
}

a.pbBox:hover{
	background-color:#cedeee;
}

a.pbBoxP{
	background: linear-gradient( rgba(226,226,226,1) 3%, rgba(240,240,240,1) 100%);
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

a.pbBoxP:hover{
background: linear-gradient( rgba(206,222,238,1) 3%, rgba(250,250,250,1) 100%);

}


a.pbBoxN,a.pbBoxC{
	font-size:160%;
	font-weight: normal;
}

a.pbBoxN{
	background-color:#fff3f7;
}

a.pbBoxN:hover{
	background-color:#ff85ad;
	color:#fff
}

a.pbBoxC{
	background-color:#def6ff;
}

a.pbBoxC:hover{
	background-color:#0165b3;
	color:#fff
}

a.pbBoxN .hovImg,a.pbBoxC .hovImg{
	display:none;
}
a.pbBoxN:hover .hovImg,a.pbBoxC:hover .hovImg{
	display: block;
	position:absolute;
	top:0;
	right:0;
}


.pbTex{
	position:absolute;
	display:block;
	padding:8px 17px;
	line-height:1.3;
	top:50%;
	transform:translateY(-50%);
}
.pbnotice{
	display:block;
	width:100%;
	padding:3px 10px;
	font-size:6px;
	position:absolute;
	bottom:0;
	left:0;
	
	background:rgba(255,255,255,0.6)
}

.pbImgM{
	display:none;
}

@media screen and (max-width: 1200px) {
	a.pbBox {
		font-size:2vw;
	}
	.ctopProdBox2 a.pbBox{
		font-size:1.4vw;
	}
}


@media screen and (max-width: 760px) {
	.pbImgL{
		display:none;
	}
	.pbImgM{
		display:inline;
	}
	a.pbBox {
		font-size:100%;
		height:100px;
		overflow:hidden;
	}
	.ctopProdBox2 a.pbBox{
		font-size:100%;
	}
	.pbBox img.fit{
		height:100%;
		width:auto;
		max-width:4000%;
		float:right;
	}
	
}

@media screen and (max-width: 480px) {
	.pbBox img.fit{
		margin-right:0;
	}
}


.prodBtnBox {
	background:#def6ff;
}

.toolBox{

	background:#2196f3;
	display: flex;
	flex-direction: column!important;
	justify-content: flex-end!important;
}

.toolBox::before {
	display: block;
    content: "";
    padding-top: 30%;
}

.toolBoxTit{
	bottom: 0;
	width: 100%;
	padding: 0 18px;
	min-height: 3em;
	font-size: 130%;
	text-decoration: none!important;
	color: #333;
	background: #e9ecef;
	display: flex;
    flex-direction: row!important;
	align-items: center!important;
	line-height: 1.1;
	z-index:20;
	transition:         all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media screen and (max-width: 1200px) {
	.toolBoxTit{
		font-size: 1.6vw;
	}
}

@media screen and (max-width: 760px) {
	.toolBoxTit{
		font-size: 2.4vw;
	}
}
@media screen and (max-width: 480px) {
	.toolBoxTit{
		font-size: 4vw;
	}
}

.toolBoxImg{
	position: absolute;
	top:-20px;
	left:50%;
	max-width:70%;
	z-index:10;
	transform: translateX(-50%) rotate(5deg);
	transition:         all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);

}
@media screen and (max-width: 480px) {
	.toolBoxImg{
		max-width:60%;
	}
}


.toolBox:hover{
	background: #77bcf3;
}
.toolBox:hover .toolBoxImg{
	top:-60px;
	transform: translateX(-50%) rotate(0deg);
	max-width:80%;

}
.toolBoxTit:hover{
	color: #333;
	background: #e6e6e6;

}
.toolBoxTit:visited {
	color: #333;
}

.qlinkTex{
	line-height:1.5;
	width:100%;
	padding:8px 14px;
	position:absolute;
	background:rgba(0,0,0,0.6);
	top:0;
	left:0;
	
	color:#fff;
}

.toolBoxSub a{
	padding:18px!important;
	font-size:120%;
	min-height: 3em;
}

@media screen and (max-width: 1200px) {
	.toolBoxSub a{
		font-size:1.6vw;
	}
}
@media screen and (max-width: 760px) {
	.toolBoxSub a{
		font-size:2.5vw;
	}
}
@media screen and (max-width: 480px) {
	.toolBoxSub a{
		font-size: 4vw;
	}
}


.caseImg01{
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position:50% 70%;
}
.caseImg02{
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position:50% 70%;
}

.caseCateTip{
	position: absolute;
	right:10px;
	top:10px;
	color:#fff;
	font-size:140%;
	font-weight: bold;
	z-index: 1000;
}

.caseBox {
	height: 200px;
	overflow: hidden;
}

.caseBox img{
	transition:         all 1600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.caseBox a:hover img{
	transform: scale(1.2);
}

.caseLink{
	height:40%;
	display: flex;
	align-items: center!important;
	width: 100%;
	color:#fff!important;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	background: rgba(0,0,0,0.53);
	line-height: 1.2;
	text-decoration: none!important;
	padding:0 18px;
	font-size:120%;
}



.caseLinkD{
	font-size:175%;
}
@media screen and (max-width: 1200px) {
	.caseLink{
		font-size:1.6vw;
	}
	.caseLinkD{
		font-size:2.4vw;
	}
}
@media screen and (max-width: 760px) {
	.caseLink{
		font-size:2.5vw;
	}
	.caseLinkD{
		font-size:4vw;
	}

}
@media screen and (max-width: 480px) {
	.caseLink{
		font-size: 4vw;
	}
	.caseLinkD{
		font-size: 4.1vw;
	}

}

.caseMbtn{
	font-size:120%;
	display: flex;
	align-items: center!important;
	text-decoration: none!important;
	color:#333!important;

}
.caseMbtn:hover,.caseMbtn:visited{
	color:#333!important;
}
.caseMbtn:hover{
	background:#e6e6e6;
}
.caseMpBox{
	overflow: hidden;
}


.caseMbtn img{
	transition:         all 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	object-fit: cover;
	object-position:50% 70%;
}

.caseMbtn:hover img{
	transform: scale(1.2);
}

@media screen and (max-width: 1200px) {
	.caseMbtn{
		font-size:1.6vw;
	}
}
@media screen and (max-width: 760px) {
	.caseMbtn{
		font-size:2.5vw;
	}
}
@media screen and (max-width: 480px) {
	.caseMbtn{
		font-size: 4vw;
	}
}



.caseBbtn{
	font-size:120%;
	display: flex;
	flex-direction: column!important;
	text-decoration: none!important;
	color:#333!important;
}

.caseBbtn:hover,.caseBbtn:visited{
	color:#333!important;
}

.caseBpBox{
	height: 180px;
	margin-bottom: 10px;
	overflow: hidden;
}


.caseBbtn .caseBpBox img{
	transition:         all 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	object-fit: cover;
	object-position:50% 50%;
}

.caseBbtn:hover .caseBpBox img{
	transform: scale(1.2);
}




.qlinkTex:after{
	content: "\f0da";
	font-family: FontAwesome;
	font-size: 2em;
	line-height: 0.75em;
	vertical-align: -15%;
	
	position:absolute;
	top:50%;
	right:0.6em;
	transform:translateY(-50%);
	color:#fff;
}


.newImageTip{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ababab+0,d9d9d9+100 */
background: #ababab; /* Old browsers */
background: linear-gradient(to bottom, #ababab 0%,#d9d9d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
}

.crCont .tcW{
	color:#f6f6f6;	
}