@charset "utf-8";
/* CSS Document */
/*/////////////////リセットcss/////////////////
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*/////////////////リセットcssおわり/////////////////*/



/*/////////////////基本設定//////////////////////*/
body {
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", ”Tw Cen MT BOLD”, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;/*基本12px*/
	text-align: center;
}
a {
	text-decoration: none;
	font-style: normal;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	　color: #000000;
	　text-decoration: none;
}
a:hover {
	color: #000000;
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
a:active {
	color: #000000;
	text-decoration: none;
}
/*/////////////////基本設定おわり//////////////////////*/



/*/////////////////ヘッダー//////////////////////*/
/*メインメッセージ*/
/*#header {
　position: relative;
   width:100%;
  height:500px;
   margin: 0 auto;
 	
}
#header #calnecoad {
	position: absolute;
	  width:100%;
	height: 500px;
	background-image: url(../img/top_parallaximg.png);
	background-position: 50% 50%;
	background-size:cover;
}

#header h1 {
	position: absolute;
	top:50px;
	width: 100%;
	margin: auto;
}
*/
nav {
	width: 100%;
	height: 80px;
	background-color: #fff;
	margin: 0 auto;
}
#mddNav {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 80px;
	background: #ffffff;
}
#mddNav > ul {
	display: flex; /*グローバルナビゲーションを横並びに*/
	margin: 0 auto;
	width: 1024px;
	height: 80px;
	text-align: center;
}
#mddNav > ul > li {
	width: 170px;
	height: 80px;
	color: #000;
	box-sizing: border-box;
	padding-top: 25px;
	font-size: 14px;
	line-height: 18px;
	margin-right: 10px;
}
#mddNav > ul > li:first-child {
	margin-right: 30px;
}
#mddNav > ul > li:nth-of-type(2) {
	margin-left: 30px;
	margin-right: 0px;
}
#mddNav > ul > li .s {
	font-size: 14px;
	padding-top: 10px;
	font-family: "Tw Cen MT";
}
#mddNav > ul > li > a {
	display: block;
 width;
30px;
	height: 45px;
	text-align: center;
	transition: all 0.2s linear;
	color: #000;
	font-size: 14px;
}
#mddNav > ul > li> .title {
	font-weight: bold;
	font-size: 8px;
	padding-top: 3px;
}
#mddNav > ul > li a:hover {
	border-bottom: 1px solid #969696;
}
#mddNav > ul > li:first-child a:hover {
	border: none;
}
/* mddWrap
------------------------------------- */
#mddNav .mddWrap {
	display: none;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 100;
	overflow: hidden;
	/*display: none;*/
	width: 100%;
	height: 150px;
	text-align: center;
	background: #fff;
	background: linear-gradient(to bottom, #fff 0%, #efefef 100%);
	box-shadow: 0 2px 2px #eee;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #fafafa;
	　　z-index: 9999;
}
#mddNav .mddWrap .mddInner {
	margin: 0 auto;
	padding-top: 20px;
	width: 1024px;
	height: 80px;
	line-height: 1.5em;
	text-align: left;
}
#mddNav .mddWrap .mddInner > .dropContent {
	display: flex;
}
#mddNav .mddWrap .mddInner > .dropContent > div {
	margin-right: 15px;
	width: 250px;
	text-align: left;
	line-height: 20px;
	font-size: 14px;
	color: #000;
	text-decoration: none;/*  float: left;*/
}
#mddNav .mddWrap .mddInner > .dropContent > div span a:hover {
	text-decoration: none;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_promotion {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_promotion.png);
	text-decoration: none;
	border: none;
	font-size: 0px;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_promotion:hover {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_promotion_hover.png);
	text-decoration: none;
	border: none;
	transition: 0.5s;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_performance {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_performance.png);
	text-decoration: none;
	border: none;
	font-size: 0px;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_performance:hover {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_performance_hover.png);
	text-decoration: none;
	border: none;
	transition: 0.5s;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_operation {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_operation.png);
	text-decoration: none;
	border: none;
	font-size: 0px;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_operation:hover {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_operation_hover.png);
	text-decoration: none;
	border: none;
	transition: 0.5s;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_platform {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_platform.png);
	text-decoration: none;
	border: none;
	font-size: 0px;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_platform:hover {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_platform_hover.png);
	text-decoration: none;
	border: none;
	transition: 0.5s;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_tool {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_tool.png);
	text-decoration: none;
	border: none;
	font-size: 0px;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_tool:hover {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_tool_hover.png);
	text-decoration: none;
	border: none;
	transition: 0.5s;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_env {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_env.png);
	text-decoration: none;
	border: none;
	font-size: 0px;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_env:hover {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_env_hover.png);
	text-decoration: none;
	border: none;
	transition: 0.5s;
}
#mddNav .mddWrap .mddInner > .dropContent > div .title a {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
}
#mddNav .mddWrap .mddInner > .dropContent > div .title a:hover {
	border: none;
}
#mddNav .mddWrap .mddInner > .dropContent > div .title2 {
	display: block;
	width: 150px;
	height: 50px;
	background-color: #f2f2f2;
}
#mddNav .mddWrap .mddInner > div span {
	margin-bottom: 5px;
}
#header a {
	text-decoration: none;
	font-style: normal;
}
#header a:link {
	color: #000000;
	text-decoration: none;
}
#header a:visited {
	color: #000000 !important;
	background-color: #000000;
	　text-decoration: none;
}
#header a:hover {
	color: #000000;
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
#header a:active {
	color: #000000;
	text-decoration: none;
}
nav a {
	text-decoration: none;
	font-style: normal;
}
nav a:link {
	color: #000000;
	text-decoration: none;
}
nav a:visited {
	color: #000000 !important;
	background-color: #000000;
	　text-decoration: none;
}
nav a:hover {
	color: #000000;
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
nav a:active {
	color: #000000;
	text-decoration: none;
}
.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
}
/*/////////////////ヘッダーおわり//////////////////////*/
/*メイン*/

.main .mainbox {
	height: 320px;
	text-align : center;
	color: #323232;
	position: relative;
	background-position: 50% 50%;
	background-size: cover;/*background: #000;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.10);*/
}
/*.main .mainbox:hover{
	color:#000;
		  opacity: 0.6;
  filter: alpha(opacity=80);
  -moz-opacity: 0.6;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}*/


.main .mainbox a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	/*height: 100%;
	background: rgba(255,255,255,0.4);*/
}
.main .mainbox a:hover {
	height: 100%;
	background: rgba(255,255,255,0.0);
}
/* ////////20180111追加/////////*/
.main {
/*margin-top: 80px;*/
}
.main .mainarea {
	height: 540px;
	text-align : center;
	color: #323232;
	position: relative;
	padding: 40px 0;
	background-image: url(../img/wrapper_bgimg.png);
}
.main .mainarea a {
}
.main .mainarea a:hover {
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
.main .mainarea #message {
	padding: 40px 0;
	width: 1024px;
	margin: auto;
	background: #fff;
	/*border: 10px solid #f00000;*/
	border-radius: 20px;
	margin-bottom: 40px;
}
.main .mainarea .mainmessage {
	font-size: 1.8em;
	line-height: 1.5em;
	font-weight: bold;
}
.main .mainarea .mainmessage2 {
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
}
.main .mainarea .text {
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 20px 40px 0;
	text-align: left;
}
.main .mainarea .banner {
	width: 1024px;
	height: 400px;
	margin: auto;
}
.main .mainarea .banner h3 {
	/*margin-top:70px;
	margin-bottom:15px;*/
	text-align: left;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: "Tw Cen MT";
}
.main .mainarea .banner ul {
	height: 202px;
	width: 1024px;
	margin-bottom: 50px;
}
.main .mainarea .banner li {
	height: 260px;
	width: 340px;
	margin-bottom: 2px;
	margin-right: 2px;
	float: left;
	color: #000;
}
.main .mainarea .banner li img {
	width: 320px;
}
.main .mainarea .banner li .bnrtitle {
	padding: 20px 0 0;
	color: #000;
	font-weight: bold;
}
.main .mainarea .banner li .bnrtext {
    font-size: 0.8em;
    line-height: 1.5em;
    padding: 10px;
    text-align: left;
    color: #000;
}
.main .mainarea .banner li.a {
	text-decoration: none;
	font-style: normal;
}
.main .mainarea .banner li.a:link {
	color: #000000;
	text-decoration: none;
}
.main .mainarea .banner li.a:visited {
	　color: #000000;
	　text-decoration: none;
}
.main .mainarea .banner li.a:hover {
	color: #000000;
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
.main .mainarea .banner li.a:active {
	color: #000000;
	text-decoration: none;
}
.main .mainarea .banner li:nth-of-type(3n) {
	margin-right: 0px;
}
/* ////////20180111追加/////////*/






.main .promotion {
	background-image: url(../img/top_promotion.png);
}
.op a {
	/* 背景画像の透過用css */
	height: 100%;
	background: rgba(255,255,255,0.4);
}
.main .promotion a,.main .performance a,.main .operation a,.main .platform a{
	height: 100%;
	background: rgba(255,255,255,0.4);
}
.main .promotion a:hover{
	height: 100%;
	background: rgba(255,255,255,0.0);
}

.main .performance {
	background-image: url(../img/top_performance.png);
}
/*.main .performance:hover{
	background-image:url(../img/bkhover_performance.png);
	  opacity: 0.6;
  filter: alpha(opacity=80);
  -moz-opacity: 0.6;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}*/


.main .operation {
	background-image: url(../img/bkhover_operation.png);
}
/*.main .operation:hover{
	background-image:url(../img/bkhover_operation.png);
	  opacity: 0.6;
  filter: alpha(opacity=80);
  -moz-opacity: 0.6;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}*/


.main .platform {
	background-image: url(../img/top_platform.png);
}
/*.main .platform:hover{
	background-image:url(../img/bkhover_platform.png);
	  opacity: 0.6;
  filter: alpha(opacity=80);
  -moz-opacity: 0.6;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}*/

.main .promotion .maintitle,.main .performance .maintitle,.main .operation .maintitle,.main .platform .maintitle{
	position: relative;
}
.main .mainbox .maintitle {
	width: 450px;
	height: 88px;
	padding-top: 45px;
	/*border-bottom:2px solid #fff;*/
	margin: auto;
	z-index: 9999;
}
.main .promotion .maintitle a,.main .performance .maintitle a,.main .operation .maintitle a,.main .platform .maintitle a,.main .promotion .maintext a,.main .performance .maintext a,.main .operation .maintext a,.main .platform .maintext a{
	z-index: 0;
}
.main .mainbox .maintitle p {
	margin: auto;
	font-size: 14px;
	padding-bottom: 7px;
	font-weight: bold;
}
.main .mainbox .maintitle h2 {
	font-size: 48px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	font-weight: bold;
	margin: auto;
	padding-bottom: 15px;
}
.main .mainbox .maintitle hr {
	display: block;
	height: 1px;
	background-color: #969696;
	border: 0;
}
.main .mainbox .maintext {
	width: 480px;
	height: 190px;
	padding-top: 15px;
	margin: auto;
	z-index: 9999;
}
.main .mainbox .maintext h3 {
	padding-top: 20px;
	padding-bottom: 14px;
	font-size: 17px;
	font-weight: bold;
	z-index: 9999;
}
.main .mainbox .maintext .maindetail {
	text-align: left;
	font-size: 14px;
	line-height: 24px;
}
/*ここからwrapper*/

#wrapper {
	overflow: hidden;
	text-align: center;
	padding-bottom: 40px;
	background-image: url(../img/wrapper_bgimg.png);
}
/*toollineup & environmental ploicy*/
	
#wrapper .linkimg .middlebnr {
	height: 345px;
	text-align : center;
	color: #323232;
	background-position: 50% 50%;
	background-size: cover;
	margin-bottom: 50px;
	background-color: #fff;
}
#wrapper .linkimg .middlebnr p.mbnrtext{
	width: 944px;
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 20px auto 0;
	text-align: center;
	color: #000;
}
#wrapper .linkimg .middlebnr a:hover p.mbnrtext{
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
#wrapper .linkimg .middlebnr a{
	
}
#wrapper .linkimg .middlebnr a{
	
}
#wrapper .linkimg .middlebnr a{
	
}
#wrapper .linkimg .middlebnr .toolbnr {
	height: 260px;
	width: 100%;
	background-image: url(../img/tool_enviroment.png);
	background-position: center;
	z-index: 1
}
#wrapper .linkimg .middlebnr .toolbnr .bannerlink {
	width: 1024px;
	height: 260px;
	position: relative;
	margin: auto;
}
#wrapper .linkimg .middlebnr .toolbnr .bannerlink .tooljump a {
	position: absolute;
	display: block;
	width: 400px;
	height: 260px;
	top: 0;
	left: 0;
	text-indent: -9999px;
	z-index: 3
}
#wrapper .linkimg .middlebnr .toolbnr .bannerlink .evijump a {
	position: absolute;
	display: block;
	width: 400px;
	height: 260px;
	top: 0;
	right: 0;
	text-indent: -9999px;
	z-index: 3
}
#wrapper .linkimg .middlebnr .toolbnr .bannerlink .toolfukidashi {
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 4;
}
#wrapper .linkimg .middlebnr .toolbnr .bannerlink .toolfukidashi:hover {
	display: inline-block;
	animation: hurueru .1s infinite;
}
#wrapper .linkimg .middlebnr .toolbnr .bannerlink .envfukidashi {
	position: absolute;
	top: 20px;
	right: 0px;
	z-index: 4;
}
#wrapper .linkimg .middlebnr .toolbnr .bannerlink .envfukidashi:hover {
	display: inline-block;
	animation: hurueru .1s infinite;
}
@keyframes hurueru {
 0% {
transform: translate(0px, 0px) rotateZ(0deg)
}
 25% {
transform: translate(2px, 2px) rotateZ(1deg)
}
 50% {
transform: translate(0px, 2px) rotateZ(0deg)
}
 75% {
transform: translate(2px, 0px) rotateZ(-1deg)
}
 100% {
transform: translate(0px, 0px) rotateZ(0deg)
}
}
/*	
	height:260px;
 display: flex;
  justify-content: center;
  align-items: center;
     margin-bottom:50px;
}
 */

 /*コンテンツ*/
 
#wrapper .linkimg {
/*padding-top: 40px;*/
}
#wrapper .linkimg .topword {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: "Tw Cen MT";
}
#wrapper .linkimg p {
	margin: 0 auto;
	height: 30px;
	width: 1024px;
	text-align: left;
}
/*whatscalneco*/
	
#wrapper .linkimg .middlebnr .whatsbnr {
	height: 260px;
	width: 100%;
	background-image: url(../img/whatscalneco.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1
}
#wrapper .linkimg .middlebnr .whatsbnr .bannerlink {
	width: 100%;
	height: 260px;
	position: relative;
	margin: auto;
}
#wrapper .linkimg .middlebnr .whatsbnr .bannerlink .whatsjump a {
	position: absolute;
	display: block;
	width: 100%;
	height: 260px;
	top: 0;
	left: 0;
	text-indent: -9998px;
	z-index: 3
}
/*customervoice*/
	
#wrapper .linkimg .middlebnr .customervoicebnr {
	height: 256px;
	width: 100%;
	border: 4px solid #fff;
	background-image: url(../img/kiitatop.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1
}
#wrapper .linkimg .middlebnr .customervoicebnr .bannerlink {
	width: 100%;
	height: 260px;
	position: relative;
	margin: auto;
}
#wrapper .linkimg .middlebnr .customervoicebnr .bannerlink .customervoicejump a {
	position: absolute;
	display: block;
	width: 100%;
	height: 260px;
	top: 0;
	left: 0;
	text-indent: -9998px;
	z-index: 3
}

#wrapper .linkimg .middlebnr .customervoicebnr a:link {
	color: #000000;
	text-decoration: none;
}
#wrapper .linkimg .middlebnr .customervoicebnr a:visited {
	　color: #000000;
	　text-decoration: none;
}
#wrapper .linkimg .middlebnr  a:hover {
	/* 背景画像の透過用css */
	height: 100%;
	background: rgba(255,255,255,0.7);
}
#wrapper .linkimg .middlebnr .customervoicebnr a:active {
	color: #000000;
	text-decoration: none;
}
/*pintocalneco*/
	
#wrapper .linkimg .middlebnr .pintobnr {
	height: 260px;
	width: 100%;
	background-image: url(../img/pintocalneco_0.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1
}
#wrapper .linkimg .middlebnr .pintobnr .bannerlink {
	width: 100%;
	height: 260px;
	position: relative;
	margin: auto;
}
#wrapper .linkimg .middlebnr .pintobnr .bannerlink .pintojump a {
	position: absolute;
	display: block;
	width: 100%;
	height: 260px;
	top: 0;
	left: 0;
	text-indent: -9998px;
	z-index: 3
}
/*promogoroku*/
	
#wrapper .linkimg .middlebnr .gorokubnr {
	height: 260px;
	width: 100%;
	background-image: url(../img/promogoroku.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1
}
#wrapper .linkimg .middlebnr .gorokubnr .bannerlink {
	width: 100%;
	height: 260px;
	position: relative;
	margin: auto;
}
#wrapper .linkimg .middlebnr .gorokubnr .bannerlink .gorokujump a {
	position: absolute;
	display: block;
	width: 100%;
	height: 260px;
	top: 0;
	left: 0;
	text-indent: -9998px;
	z-index: 3
}
/*#wrapper .linkimg .pin{
	height:260px;
 display: flex;
  justify-content: center;
  align-items: center;
     margin-bottom:50px;
}
#wrapper .linkimg .goroku{
	height:260px;
 display: flex;
  justify-content: center;
  align-items: center;
	text-align:center;
}
*/

#wrapper #container {
	margin: 0 auto;
	width: 1024px;
	text-align: left;
}
/*///////////////////NEWS TOPICS////////////////////*/
#container .newstopics {
	margin-bottom: 50px;
	margin-top: 50px;
}
#container .newstopics .topword .linkword a {
	text-decoration: none;
	color: #000;
	vertical-align: text-bottom;
}
#container .newstopics .topword .headtitle {
	font-family: "Tw Cen MT";
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 5px;
	float: left;
}
#container .newstopics .blankbox {
	clear: both;
	display: block;
	width: 100%;
	height: 20px;
	background-color: #fff;
}
#container .newstopics .newsbox {
	background-color: #fff;
}
#container .newstopics .newsbox .news {
	width: 300px;
	height: 90px;
	padding: 0 20px;
	border-right: 2px solid #e6e6e6;
	font-size: 14px;
	background-color: #fff;
	float: left;
	position: relative;
}
#container .newstopics .newsbox .news:nth-of-type(3) {
	border-right: none;
}
#container .newstopics .hr .border {
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
	height: 2px;
	width: 300px;
	float: left;
	background-color: #e6e6e6;
}
#container .newstopics .hr .border_side {
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
	height: 2px;
	width: 20px;
	float: left;
	background-color: #fff;
}
#container .newstopics .hr .border_middle {
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
	height: 2px;
	width: 42px;
	float: left;
	background-color: #fff;
}
#container .newstopics .newsbox .news p .oshirase {
	display: inline-block;
	line-height: 20px;
	width: 60px;
	background-color: #000;
	color: #fff;
	font-size: 12px;
	text-align: center;
	vertical-align: baseline;
}
#container .newstopics .newsbox .news p .event {
	display: inline-block;
	line-height: 20px;
	width: 60px;
	background-color: #000;
	color: #fff;
	font-size: 12px;
	text-align: center;
	vertical-align: baseline;
}
#container .newstopics .newsbox .news p .date {
	display: inline-block;
	width: 150px;
	padding-left: 20px;
	line-height: 20px;
	vertical-align: bottom;
}
#container .newstopics .newsbox .news .comment {
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
}
#container .newstopics .newsbox .news p .more {
	position: absolute;
	display: block;
	line-height: 20px;
	padding: 1px 2px;
	background-image: url(../img/more.png);
	background-color: #D8D8D8;
	text-align: center;
	right: 25px;
	top: 70px;
}
#container .newstopics .newsbox .news .small {
	position: absolute;
	display: block;
	line-height: 20px;
	padding: 1px 2px;
	background-image: url(../img/more.png);
	background-color: #D8D8D8;
	text-align: center;
	right: 25px;
	top: 70px;
	font-size: 12px;
}
#container .newstopics .linkword a {
	display: block;
	font-size: 12px;
	text-align: right;
	padding: 0px 15px 5px 0px;
}
#container .newstopics .news a {
	text-decoration: none;
	color: #000;
}
/*///////////////////BANNER////////////////////*/

#banner6 {
	height: 575px;
	width: 1024px;
	margin: 0 auto;
}
#banner6 .topword {
	font-family: "Tw Cen MT";
	font-size: 25px;
	font-weight: bold;
	text-align: left;
    margin-bottom: 10px;
}
#banner6 li {
	height: 240px;
	width: 328px;
	margin-right: 20px;
	margin-bottom: 30px;
	float: left;
}

#banner6 li img{
	width: 328px;
}

#banner6 li.nomgn {
	margin-right: 0;
	margin-bottom: 30px;
}

#banner6 li .bnrtitle {
	padding: 20px 0 0;
	color: #000;
	font-weight: bold;
    text-align: center;
}
#banner6 li .bnrtext {
    font-size: 0.8em;
    line-height: 1.5em;
    padding: 10px 0;
    text-align: left;
    color: #000;
}
#banner6 li  a:hover p.bnrtitle,#banner6 li  a:hover p.bnrtext{
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
/*///////////////////CONTACT US////////////////////*/
#inquiry {
	background-color: #fff;
	height: 260px;
	text-align: center;
}
#inquiry:hover {
	color: #000;
}
#inquiry:visited {
	　color: #000000;
	　text-decoration: none;
}
#inquiry .contactusmain {
	width: 1024px;
	height: 80px;
	margin: 0 auto;
	text-align: center;
}
#inquiry .contactussub {
	width: 1024px;
	height: 150px;
	margin: 0 auto;
	text-align: center;
}
#inquiry .contactussub .cutext {
	display: block;
	width: 143px;
	height: 150px;
	float: left;
}
#inquiry .contactussub .cutext:nth-of-type(4) {
	display: block;
	width: 143px;
	height: 150px;
	float: left;
}
#inquiry .contactussub .cutext:nth-of-type(5) {
	display: block;
	width: 143px;
	height: 150px;
	float: left;
}
#inquiry .contactussub .cu_border {
	display: block;
	height: 130px;
	width: 2px;
	margin: 10px 5px 10px 15px;
	float: left;
	background-color: #e6e6e6;
}
#inquiry .contactussub .download figure {
	display: block;
	width: 143px;
	height: 150px;
	float: left;
	position: relative;
	overflow: hidden;
}
#inquiry .contactussub .download figure figcaption {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 106px;
	height: 90px;
	padding: 30px 20px;
	background-image: url(../img/wrapper_bgimg.png);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;/*text-shadow:2px 2px 3px ffffff;*/
}
#inquiry .contactussub .download figure:hover figcaption {
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
#inquiry .contactussub .download figure figcaption p {
	padding-top: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #969696;
}
#inquiry .contactussub .cutext .mark a {
	height: 65px;
	margin-bottom: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#inquiry .contactussub .cutext .comment a {
	height: 80px;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}
#inquiry .contactussub .cutext .comment a:visited {
	color: #000000;
}
/*///////////////////CONTACT USおわり////////////////////*/



/*///////////////////フッター////////////////////*/
#footer {
	width: auto;
	height: 450px;
	background-color: #464646;
	clear: both;
}
#footer .contents {
	width: 1024px;
	height: 350px;
	margin: auto;
	padding-top: 60px;
	text-align: left;
	color: #969696;
}
#footer .contents .footerlogo {
	width: 300px;
	height: 350px;
	float: left;
}
#footer .contents .hoshin {
	width: 200px;
	height: 350px;
	float: left;
}
#footer .contents .joho {
	width: 200px;
	height: 350px;
	float: left;
}
#footer .contents .rinen {
	width: 202px;
	height: 350px;
	float: left;
}
#footer .contents .recruit {
	width: 122px;
	height: 350px;
	float: left;
}
#footer .contents h4 {
	font-size: 16px;
	padding-bottom: 15px;
}
#footer .contents h4 a {
	color: #969696;
}
#footer .contents li {
	border-left: 1px solid #969696;
}
#footer .contents li a {
	color: #969696;
	font-size: 12px;
	line-height: 40px;
	padding-left: 25px;
}
#footer .navi {
	width: 1024px;
	height: 40px;
	margin: auto;
	text-align: left;
	font-size: 12px;
}
#footer .navi .privacy {
	width: 300px;
	height: 40px;
	float: left;
}
#footer .navi .copyright {
	width: 724px;
	height: 40px;
	float: right;
	text-align: right;
	color: #969696;
}
#footer .navi .privacy p {
	display: inline-block;
	color: #969696;
	text-align: left;
	padding-right: 20px;
}
#footer .navi a {
	color: #969696;
	border-left: 1px solid #919191;
	padding-left: 20px;
}


/*///////////////////フッターおわり////////////////////*/


/*///////////////////ページトップ////////////////////*/
#page-top {
	position: fixed;
	z-index:1;  /*20160727*/
	bottom: 30px;
	right: 30px;
	font-size: 77%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
#page-top a {
	background:#969696;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 8px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background:#969696;
}
/*///////////////////ページトップおわり////////////////////*/

	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*/////////////////リセットcssおわり/////////////////*/



/*/////////////////基本設定//////////////////////*/
body {
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", ”Tw Cen MT BOLD”, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;/*基本12px*/
	text-align: center;
}
a {
	text-decoration: none;
	font-style: normal;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	　color: #000000;
	　text-decoration: none;
}
a:hover {
	color: #000000;
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
a:active {
	color: #000000;
	text-decoration: none;
}
/*/////////////////基本設定おわり//////////////////////*/



/*/////////////////ヘッダー//////////////////////*/
/*メインメッセージ*/
/*#header {
　position: relative;
   width:100%;
  height:500px;
   margin: 0 auto;
 	
}
#header #calnecoad {
	position: absolute;
	  width:100%;
	height: 500px;
	background-image: url(../img/top_parallaximg.png);
	background-position: 50% 50%;
	background-size:cover;
}

#header h1 {
	position: absolute;
	top:50px;
	width: 100%;
	margin: auto;
}
*/
nav {
	width: 100%;
	height: 80px;
	background-color: #fff;
	margin: 0 auto;
}
#mddNav {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 80px;
	background: #ffffff;
}
#mddNav > ul {
	display: flex; /*グローバルナビゲーションを横並びに*/
	margin: 0 auto;
	width: 1024px;
	height: 80px;
	text-align: center;
}
#mddNav > ul > li {
	width: 170px;
	height: 80px;
	color: #000;
	box-sizing: border-box;
	padding-top: 25px;
	font-size: 14px;
	line-height: 18px;
	margin-right: 10px;
}
#mddNav > ul > li:first-child {
	margin-right: 30px;
}
#mddNav > ul > li:nth-of-type(2) {
	margin-left: 30px;
	margin-right: 0px;
}
#mddNav > ul > li .s {
	font-size: 14px;
	padding-top: 10px;
	font-family: "Tw Cen MT";
}
#mddNav > ul > li > a {
	display: block;
 width;
30px;
	height: 45px;
	text-align: center;
	transition: all 0.2s linear;
	color: #000;
	font-size: 14px;
}
#mddNav > ul > li> .title {
	font-weight: bold;
	font-size: 8px;
	padding-top: 3px;
}
#mddNav > ul > li a:hover {
	border-bottom: 1px solid #969696;
}
#mddNav > ul > li:first-child a:hover {
	border: none;
}
/* mddWrap
------------------------------------- */
#mddNav .mddWrap {
	display: none;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 100;
	overflow: hidden;
	/*display: none;*/
	width: 100%;
	height: 150px;
	text-align: center;
	background: #fff;
	background: linear-gradient(to bottom, #fff 0%, #efefef 100%);
	box-shadow: 0 2px 2px #eee;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #fafafa;
	　　z-index: 9999;
}
#mddNav .mddWrap .mddInner {
	margin: 0 auto;
	padding-top: 20px;
	width: 1024px;
	height: 80px;
	line-height: 1.5em;
	text-align: left;
}
#mddNav .mddWrap .mddInner > .dropContent {
	display: flex;
}
#mddNav .mddWrap .mddInner > .dropContent > div {
	margin-right: 15px;
	width: 250px;
	text-align: left;
	line-height: 20px;
	font-size: 14px;
	color: #000;
	text-decoration: none;/*  float: left;*/
}
#mddNav .mddWrap .mddInner > .dropContent > div span a:hover {
	text-decoration: none;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_promotion {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_promotion.png);
	text-decoration: none;
	border: none;
	font-size: 0px;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_promotion:hover {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_promotion_hover.png);
	text-decoration: none;
	border: none;
	transition: 0.5s;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_performance {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_performance.png);
	text-decoration: none;
	border: none;
	font-size: 0px;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_performance:hover {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_performance_hover.png);
	text-decoration: none;
	border: none;
	transition: 0.5s;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_operation {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_operation.png);
	text-decoration: none;
	border: none;
	font-size: 0px;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_operation:hover {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_operation_hover.png);
	text-decoration: none;
	border: none;
	transition: 0.5s;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_platform {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_platform.png);
	text-decoration: none;
	border: none;
	font-size: 0px;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_platform:hover {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_platform_hover.png);
	text-decoration: none;
	border: none;
	transition: 0.5s;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_tool {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_tool.png);
	text-decoration: none;
	border: none;
	font-size: 0px;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_tool:hover {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_tool_hover.png);
	text-decoration: none;
	border: none;
	transition: 0.5s;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_env {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_env.png);
	text-decoration: none;
	border: none;
	font-size: 0px;
}
#mddNav .mddWrap .mddInner > .dropContent > div span .gnav1_env:hover {
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(../img/gnav1_env_hover.png);
	text-decoration: none;
	border: none;
	transition: 0.5s;
}
#mddNav .mddWrap .mddInner > .dropContent > div .title a {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
}
#mddNav .mddWrap .mddInner > .dropContent > div .title a:hover {
	border: none;
}
#mddNav .mddWrap .mddInner > .dropContent > div .title2 {
	display: block;
	width: 150px;
	height: 50px;
	background-color: #f2f2f2;
}
#mddNav .mddWrap .mddInner > div span {
	margin-bottom: 5px;
}
#header a {
	text-decoration: none;
	font-style: normal;
}
#header a:link {
	color: #000000;
	text-decoration: none;
}
#header a:visited {
	color: #000000 !important;
	background-color: #000000;
	　text-decoration: none;
}
#header a:hover {
	color: #000000;
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
#header a:active {
	color: #000000;
	text-decoration: none;
}
nav a {
	text-decoration: none;
	font-style: normal;
}
nav a:link {
	color: #000000;
	text-decoration: none;
}
nav a:visited {
	color: #000000 !important;
	background-color: #000000;
	　text-decoration: none;
}
nav a:hover {
	color: #000000;
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
nav a:active {
	color: #000000;
	text-decoration: none;
}
.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
}
/*/////////////////ヘッダーおわり//////////////////////*/
/*メイン*/

.main .mainbox {
	height: 320px;
	text-align : center;
	color: #323232;
	position: relative;
	background-position: 50% 50%;
	background-size: cover;/*background: #000;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.10);*/
}
/*.main .mainbox:hover{
	color:#000;
		  opacity: 0.6;
  filter: alpha(opacity=80);
  -moz-opacity: 0.6;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}*/


.main .mainbox a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	/*height: 100%;
	background: rgba(255,255,255,0.4);*/
}
.main .mainbox a:hover {
	height: 100%;
	background: rgba(255,255,255,0.0);
}
/* ////////20180111追加/////////*/
.main {
/*margin-top: 80px;*/
}
.main .mainarea {
	height: 700px;
	text-align : center;
	color: #323232;
	position: relative;
	padding: 40px 0;
	background-image: url(../img/wrapper_bgimg.png);
}
.main .mainarea a {
}
.main .mainarea a:hover {
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
.main .mainarea #message {
	padding: 40px 0;
	width: 1024px;
	margin: auto;
	background: #fff;
	/*border: 10px solid #f00000;*/
	border-radius: 20px;
	margin-bottom: 40px;
}
.main .mainarea .mainmessage {
	font-size: 1.8em;
	line-height: 1.5em;
	font-weight: bold;
}
.main .mainarea .mainmessage2 {
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
}
.main .mainarea .text {
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 20px 40px 0;
	text-align: left;
}
.main .mainarea .banner {
	width: 1024px;
	height: 400px;
	margin: auto;
}
.main .mainarea .banner h3 {
	/*margin-top:70px;
	margin-bottom:15px;*/
	text-align: left;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: "Tw Cen MT";
}
.main .mainarea .banner ul {
	height: 202px;
	width: 1024px;
	margin-bottom: 50px;
}
.main .mainarea .banner li {
	height: 260px;
	width: 340px;
	margin-bottom: 2px;
	margin-right: 2px;
	float: left;
	color: #000;
}
.main .mainarea .banner li img {
	width: 320px;
}
.main .mainarea .banner li .bnrtitle {
	padding: 20px 0 0;
	color: #000;
	font-weight: bold;
}
.main .mainarea .banner li .bnrtext {
    font-size: 0.8em;
    line-height: 1.5em;
    padding: 10px;
    text-align: left;
    color: #000;
}
.main .mainarea .banner li.a {
	text-decoration: none;
	font-style: normal;
}
.main .mainarea .banner li.a:link {
	color: #000000;
	text-decoration: none;
}
.main .mainarea .banner li.a:visited {
	　color: #000000;
	　text-decoration: none;
}
.main .mainarea .banner li.a:hover {
	color: #000000;
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
.main .mainarea .banner li.a:active {
	color: #000000;
	text-decoration: none;
}
.main .mainarea .banner li:nth-of-type(3n) {
	margin-right: 0px;
}
/* ////////20180111追加/////////*/






.main .promotion {
	background-image: url(../img/top_promotion.png);
}
.op a {
	/* 背景画像の透過用css */
	height: 100%;
	background: rgba(255,255,255,0.4);
}
.main .promotion a,.main .performance a,.main .operation a,.main .platform a{
	height: 100%;
	background: rgba(255,255,255,0.4);
}
.main .promotion a:hover{
	height: 100%;
	background: rgba(255,255,255,0.0);
}

.main .performance {
	background-image: url(../img/top_performance.png);
}
/*.main .performance:hover{
	background-image:url(../img/bkhover_performance.png);
	  opacity: 0.6;
  filter: alpha(opacity=80);
  -moz-opacity: 0.6;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}*/


.main .operation {
	background-image: url(../img/bkhover_operation.png);
}
/*.main .operation:hover{
	background-image:url(../img/bkhover_operation.png);
	  opacity: 0.6;
  filter: alpha(opacity=80);
  -moz-opacity: 0.6;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}*/


.main .platform {
	background-image: url(../img/top_platform.png);
}
/*.main .platform:hover{
	background-image:url(../img/bkhover_platform.png);
	  opacity: 0.6;
  filter: alpha(opacity=80);
  -moz-opacity: 0.6;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}*/

.main .promotion .maintitle,.main .performance .maintitle,.main .operation .maintitle,.main .platform .maintitle{
	position: relative;
}
.main .mainbox .maintitle {
	width: 450px;
	height: 88px;
	padding-top: 45px;
	/*border-bottom:2px solid #fff;*/
	margin: auto;
	z-index: 9999;
}
.main .promotion .maintitle a,.main .performance .maintitle a,.main .operation .maintitle a,.main .platform .maintitle a,.main .promotion .maintext a,.main .performance .maintext a,.main .operation .maintext a,.main .platform .maintext a{
	z-index: 0;
}
.main .mainbox .maintitle p {
	margin: auto;
	font-size: 14px;
	padding-bottom: 7px;
	font-weight: bold;
}
.main .mainbox .maintitle h2 {
	font-size: 48px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	font-weight: bold;
	margin: auto;
	padding-bottom: 15px;
}
.main .mainbox .maintitle hr {
	display: block;
	height: 1px;
	background-color: #969696;
	border: 0;
}
.main .mainbox .maintext {
	width: 480px;
	height: 190px;
	padding-top: 15px;
	margin: auto;
	z-index: 9999;
}
.main .mainbox .maintext h3 {
	padding-top: 20px;
	padding-bottom: 14px;
	font-size: 17px;
	font-weight: bold;
	z-index: 9999;
}
.main .mainbox .maintext .maindetail {
	text-align: left;
	font-size: 14px;
	line-height: 24px;
}
/*ここからwrapper*/

#wrapper {
	overflow: hidden;
	text-align: center;
	padding-bottom: 40px;
	background-image: url(../img/wrapper_bgimg.png);
}
/*toollineup & environmental ploicy*/
	
#wrapper .linkimg .middlebnr {
	height: 345px;
	text-align : center;
	color: #323232;
	background-position: 50% 50%;
	background-size: cover;
	margin-bottom: 50px;
	background-color: #fff;
}
#wrapper .linkimg .middlebnr p.mbnrtext{
	width: 944px;
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 20px auto 0;
	text-align: center;
	color: #000;
}
#wrapper .linkimg .middlebnr a:hover p.mbnrtext{
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
#wrapper .linkimg .middlebnr a{
	
}
#wrapper .linkimg .middlebnr a{
	
}
#wrapper .linkimg .middlebnr a{
	
}
#wrapper .linkimg .middlebnr .toolbnr {
	height: 260px;
	width: 100%;
	background-image: url(../img/tool_enviroment.png);
	background-position: center;
	z-index: 1
}
#wrapper .linkimg .middlebnr .toolbnr .bannerlink {
	width: 1024px;
	height: 260px;
	position: relative;
	margin: auto;
}
#wrapper .linkimg .middlebnr .toolbnr .bannerlink .tooljump a {
	position: absolute;
	display: block;
	width: 400px;
	height: 260px;
	top: 0;
	left: 0;
	text-indent: -9999px;
	z-index: 3
}
#wrapper .linkimg .middlebnr .toolbnr .bannerlink .evijump a {
	position: absolute;
	display: block;
	width: 400px;
	height: 260px;
	top: 0;
	right: 0;
	text-indent: -9999px;
	z-index: 3
}
#wrapper .linkimg .middlebnr .toolbnr .bannerlink .toolfukidashi {
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 4;
}
#wrapper .linkimg .middlebnr .toolbnr .bannerlink .toolfukidashi:hover {
	display: inline-block;
	animation: hurueru .1s infinite;
}
#wrapper .linkimg .middlebnr .toolbnr .bannerlink .envfukidashi {
	position: absolute;
	top: 20px;
	right: 0px;
	z-index: 4;
}
#wrapper .linkimg .middlebnr .toolbnr .bannerlink .envfukidashi:hover {
	display: inline-block;
	animation: hurueru .1s infinite;
}
@keyframes hurueru {
 0% {
transform: translate(0px, 0px) rotateZ(0deg)
}
 25% {
transform: translate(2px, 2px) rotateZ(1deg)
}
 50% {
transform: translate(0px, 2px) rotateZ(0deg)
}
 75% {
transform: translate(2px, 0px) rotateZ(-1deg)
}
 100% {
transform: translate(0px, 0px) rotateZ(0deg)
}
}
/*	
	height:260px;
 display: flex;
  justify-content: center;
  align-items: center;
     margin-bottom:50px;
}
 */

 /*コンテンツ*/
 
#wrapper .linkimg {
/*padding-top: 40px;*/
}
#wrapper .linkimg .topword {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: "Tw Cen MT";
}
#wrapper .linkimg p {
	margin: 0 auto;
	height: 30px;
	width: 1024px;
	text-align: left;
}
/*whatscalneco*/
	
#wrapper .linkimg .middlebnr .whatsbnr {
	height: 260px;
	width: 100%;
	background-image: url(../img/whatscalneco.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1
}
#wrapper .linkimg .middlebnr .whatsbnr .bannerlink {
	width: 100%;
	height: 260px;
	position: relative;
	margin: auto;
}
#wrapper .linkimg .middlebnr .whatsbnr .bannerlink .whatsjump a {
	position: absolute;
	display: block;
	width: 100%;
	height: 260px;
	top: 0;
	left: 0;
	text-indent: -9998px;
	z-index: 3
}
/*customervoice*/
	
#wrapper .linkimg .middlebnr .customervoicebnr {
	height: 256px;
	width: 100%;
	border: 4px solid #fff;
	background-image: url(../img/kiitatop.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1
}
#wrapper .linkimg .middlebnr .customervoicebnr .bannerlink {
	width: 100%;
	height: 260px;
	position: relative;
	margin: auto;
}
#wrapper .linkimg .middlebnr .customervoicebnr .bannerlink .customervoicejump a {
	position: absolute;
	display: block;
	width: 100%;
	height: 260px;
	top: 0;
	left: 0;
	text-indent: -9998px;
	z-index: 3
}

#wrapper .linkimg .middlebnr .customervoicebnr a:link {
	color: #000000;
	text-decoration: none;
}
#wrapper .linkimg .middlebnr .customervoicebnr a:visited {
	　color: #000000;
	　text-decoration: none;
}
#wrapper .linkimg .middlebnr  a:hover {
	/* 背景画像の透過用css */
	height: 100%;
	background: rgba(255,255,255,0.7);
}
#wrapper .linkimg .middlebnr .customervoicebnr a:active {
	color: #000000;
	text-decoration: none;
}
/*pintocalneco*/
	
#wrapper .linkimg .middlebnr .pintobnr {
	height: 260px;
	width: 100%;
	background-image: url(../img/pintocalneco_0.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1
}
#wrapper .linkimg .middlebnr .pintobnr .bannerlink {
	width: 100%;
	height: 260px;
	position: relative;
	margin: auto;
}
#wrapper .linkimg .middlebnr .pintobnr .bannerlink .pintojump a {
	position: absolute;
	display: block;
	width: 100%;
	height: 260px;
	top: 0;
	left: 0;
	text-indent: -9998px;
	z-index: 3
}
/*promogoroku*/
	
#wrapper .linkimg .middlebnr .gorokubnr {
	height: 260px;
	width: 100%;
	background-image: url(../img/promogoroku.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1
}
#wrapper .linkimg .middlebnr .gorokubnr .bannerlink {
	width: 100%;
	height: 260px;
	position: relative;
	margin: auto;
}
#wrapper .linkimg .middlebnr .gorokubnr .bannerlink .gorokujump a {
	position: absolute;
	display: block;
	width: 100%;
	height: 260px;
	top: 0;
	left: 0;
	text-indent: -9998px;
	z-index: 3
}
/*#wrapper .linkimg .pin{
	height:260px;
 display: flex;
  justify-content: center;
  align-items: center;
     margin-bottom:50px;
}
#wrapper .linkimg .goroku{
	height:260px;
 display: flex;
  justify-content: center;
  align-items: center;
	text-align:center;
}
*/

#wrapper #container {
	margin: 0 auto;
	width: 1024px;
	text-align: left;
}
/*///////////////////NEWS TOPICS////////////////////*/
#container .newstopics {
	margin-bottom: 50px;
	margin-top: 50px;
}
#container .newstopics .topword .linkword a {
	text-decoration: none;
	color: #000;
	vertical-align: text-bottom;
}
#container .newstopics .topword .headtitle {
	font-family: "Tw Cen MT";
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 5px;
	float: left;
}
#container .newstopics .blankbox {
	clear: both;
	display: block;
	width: 100%;
	height: 20px;
	background-color: #fff;
}
#container .newstopics .newsbox {
	background-color: #fff;
}
#container .newstopics .newsbox .news {
	width: 300px;
	height: 90px;
	padding: 0 20px;
	border-right: 2px solid #e6e6e6;
	font-size: 14px;
	background-color: #fff;
	float: left;
	position: relative;
}
#container .newstopics .newsbox .news:nth-of-type(3) {
	border-right: none;
}
#container .newstopics .hr .border {
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
	height: 2px;
	width: 300px;
	float: left;
	background-color: #e6e6e6;
}
#container .newstopics .hr .border_side {
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
	height: 2px;
	width: 20px;
	float: left;
	background-color: #fff;
}
#container .newstopics .hr .border_middle {
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
	height: 2px;
	width: 42px;
	float: left;
	background-color: #fff;
}
#container .newstopics .newsbox .news p .oshirase {
	display: inline-block;
	line-height: 20px;
	width: 60px;
	background-color: #000;
	color: #fff;
	font-size: 12px;
	text-align: center;
	vertical-align: baseline;
}
#container .newstopics .newsbox .news p .event {
	display: inline-block;
	line-height: 20px;
	width: 60px;
	background-color: #000;
	color: #fff;
	font-size: 12px;
	text-align: center;
	vertical-align: baseline;
}
#container .newstopics .newsbox .news p .jyuyou {
	display: inline-block;
	line-height: 20px;
	width: 60px;
	background-color:#FF0004;
	color: #fff;
	font-size: 12px;
	text-align: center;
	vertical-align: baseline;
}
#container .newstopics .newsbox .news p .date {
	display: inline-block;
	width: 150px;
	padding-left: 20px;
	line-height: 20px;
	vertical-align: bottom;
}
#container .newstopics .newsbox .news .comment {
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
}
#container .newstopics .newsbox .news p .more {
	position: absolute;
	display: block;
	line-height: 20px;
	padding: 1px 2px;
	background-image: url(../img/more.png);
	background-color: #D8D8D8;
	text-align: center;
	right: 25px;
	top: 70px;
}
#container .newstopics .newsbox .news .small {
	position: absolute;
	display: block;
	line-height: 20px;
	padding: 1px 2px;
	background-image: url(../img/more.png);
	background-color: #D8D8D8;
	text-align: center;
	right: 25px;
	top: 70px;
	font-size: 12px;
}
#container .newstopics .linkword a {
	display: block;
	font-size: 12px;
	text-align: right;
    padding: 13px 25px 0px 0px;
}
#container .newstopics .news a {
	text-decoration: none;
	color: #000;
}
/*///////////////////BANNER////////////////////*/

#banner6 {
	height: 575px;
	width: 1024px;
	margin: 0 auto;
}
#banner6 .topword {
	font-family: "Tw Cen MT";
	font-size: 25px;
	font-weight: bold;
	text-align: left;
    margin-bottom: 10px;
}
#banner6 li {
	height: 240px;
	width: 328px;
	margin-right: 20px;
	margin-bottom: 30px;
	float: left;
}

#banner6 li img{
	width: 328px;
}

#banner6 li.nomgn {
	margin-right: 0;
	margin-bottom: 30px;
}

#banner6 li .bnrtitle {
	padding: 20px 0 0;
	color: #000;
	font-weight: bold;
    text-align: center;
}
#banner6 li .bnrtext {
    font-size: 0.8em;
    line-height: 1.5em;
    padding: 10px 0;
    text-align: left;
    color: #000;
}
#banner6 li  a:hover p.bnrtitle,#banner6 li  a:hover p.bnrtext{
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
/*///////////////////CONTACT US////////////////////*/
#inquiry {
	background-color: #fff;
	height: 260px;
	text-align: center;
}
#inquiry:hover {
	color: #000;
}
#inquiry:visited {
	　color: #000000;
	　text-decoration: none;
}
#inquiry .contactusmain {
	width: 1024px;
	height: 80px;
	margin: 0 auto;
	text-align: center;
}
#inquiry .contactussub {
	width: 1024px;
	height: 150px;
	margin: 0 auto;
	text-align: center;
}
#inquiry .contactussub .cutext {
	display: block;
	width: 143px;
	height: 150px;
	float: left;
}
#inquiry .contactussub .cutext:nth-of-type(4) {
	display: block;
	width: 143px;
	height: 150px;
	float: left;
}
#inquiry .contactussub .cutext:nth-of-type(5) {
	display: block;
	width: 143px;
	height: 150px;
	float: left;
}
#inquiry .contactussub .cu_border {
	display: block;
	height: 130px;
	width: 2px;
	margin: 10px 5px 10px 15px;
	float: left;
	background-color: #e6e6e6;
}
#inquiry .contactussub .download figure {
	display: block;
	width: 143px;
	height: 150px;
	float: left;
	position: relative;
	overflow: hidden;
}
#inquiry .contactussub .download figure figcaption {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 106px;
	height: 90px;
	padding: 30px 20px;
	background-image: url(../img/wrapper_bgimg.png);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;/*text-shadow:2px 2px 3px ffffff;*/
}
#inquiry .contactussub .download figure:hover figcaption {
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
#inquiry .contactussub .download figure figcaption p {
	padding-top: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #969696;
}
#inquiry .contactussub .cutext .mark a {
	height: 65px;
	margin-bottom: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#inquiry .contactussub .cutext .comment a {
	height: 80px;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}
#inquiry .contactussub .cutext .comment a:visited {
	color: #000000;
}
/*///////////////////CONTACT USおわり////////////////////*/



/*///////////////////フッター////////////////////*/
#footer {
	width: auto;
	height: 450px;
	background-color: #464646;
	clear: both;
}
#footer .contents {
	width: 1024px;
	height: 350px;
	margin: auto;
	padding-top: 60px;
	text-align: left;
	color: #969696;
}
#footer .contents .footerlogo {
	width: 300px;
	height: 350px;
	float: left;
}
#footer .contents .hoshin {
	width: 200px;
	height: 350px;
	float: left;
}
#footer .contents .joho {
	width: 200px;
	height: 350px;
	float: left;
}
#footer .contents .rinen {
	width: 202px;
	height: 350px;
	float: left;
}
#footer .contents .recruit {
	width: 122px;
	height: 350px;
	float: left;
}
#footer .contents h4 {
	font-size: 16px;
	padding-bottom: 15px;
}
#footer .contents h4 a {
	color: #969696;
}
#footer .contents li {
	border-left: 1px solid #969696;
}
#footer .contents li a {
	color: #969696;
	font-size: 12px;
	line-height: 40px;
	padding-left: 25px;
}
#footer .navi {
	width: 1024px;
	height: 40px;
	margin: auto;
	text-align: left;
	font-size: 12px;
}
#footer .navi .privacy {
	width: 300px;
	height: 40px;
	float: left;
}
#footer .navi .copyright {
	width: 724px;
	height: 40px;
	float: right;
	text-align: right;
	color: #969696;
}
#footer .navi .privacy p {
	display: inline-block;
	color: #969696;
	text-align: left;
	padding-right: 20px;
}
#footer .navi a {
	color: #969696;
	border-left: 1px solid #919191;
	padding-left: 20px;
}


/*///////////////////フッターおわり////////////////////*/


/*///////////////////ページトップ////////////////////*/
#page-top {
	position: fixed;
	z-index:1;  /*20160727*/
	bottom: 30px;
	right: 30px;
	font-size: 77%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
#page-top a {
	background:#969696;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 8px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background:#969696;
}
/*///////////////////ページトップおわり////////////////////*/





/*20190830追加*/
.bnr_sdgs{
  margin: 20px auto;
}