@charset "UTF-8";

/* video */
/*#video-background{opacity:0;transition: all .25s ease;}
#video-background.active{opacity:1;}

#video-background,
#video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

#video-background {z-index: -2;}

#video-overlay {
  z-index: 0;
}*/



.inner{
	width: 1000px;
	display: block;
	margin:0 auto;
	box-sizing: border-box;
	padding: 0 25px;
}

.headBtnBlock{
	position: absolute;
	width: 180px;
	top: 40px;
	right: 40px;
}

.headBtnBlock ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 14px;
}

.headBtnBlock ul li.list01{
	background: #000000;
	width: 90px;
	padding: 5px 0;
	text-align: center;
}
.headBtnBlock ul li.list02{
	width: 80px;
	padding: 5px 0;
	border:1px solid #FFF;
	box-sizing: border-box;
	text-align: center;
}
.headBtnBlock ul li.list03{
	background:#FFF;
	padding: 5px 0;
	text-align: center;
	width: 100%;
	display: block;
	margin-top: 10px;
}

.headBtnBlock ul li.list01 a{color: #FFF; text-decoration: none; display: block;}
.headBtnBlock ul li.list02 a{color: #FFF; text-decoration: none; display: block;}
.headBtnBlock ul li.list03 a{color: #000; text-decoration: none; display: block;}


/* keyvisual ---------------------------------------*/

.keyvisual{
	text-align: center;
	width: 100%;
	height:100vh;
}

.keyvisual h1{
	width: 100%;
	min-height:100%;
	opacity:1;
	background: url(../img/kv2019d.png) no-repeat center top;/*kv*/
	background-size: cover;
	text-indent:-999em;
	overflow: hidden;
}

.keyvisual.active h1{opacity:0;}

.kvInner img{
	position: absolute;
	top: 10vw;
	left: 0;
	right: 0;
	display: block;
	width: 35%;/*54*/
	max-width: 750px;
	margin: 0 auto;
	transition: all .75s ease;
}

.kvInner p{
	position: absolute;
	top: 28.8vw;
	left: 0;
	right: 0;
	font-size: 1.6vw;
	color: #FFF;
	display: block;
	width: 80%;
	margin:0 auto;
	line-height: 2em;
	transition: all .75s ease;
  /*font-weight: bold;*/
  text-shadow: -1px -2px 10px #000000,
	   1px 2px 10px #000000; /*-1px -2px 3px #808080; */
}

	
}

.kvInner span.videoBtn,
.kvInner span.videoBtnStop{
	background: url(../img/btn_video_on.png) no-repeat 0 0;
	position: absolute;
	background-size: 100%;
	z-index: 2;
	top: 25vw;
	margin-left: -43px;
	left: 50%;
	height: 87px;
	width: 87px;
	cursor:pointer;
}
.kvInner span.videoBtnStop{display: none;}

.kvInner.active img,
.kvInner.active p{
	opacity:0;
}
.kvInner.active span.videoBtnStop{
	background-image: url(../img/btn_video_stop.png);
}

.kvbottom{
	padding: 38px 0;
	overflow: hidden;
}
.kvbottom .logoBlock{
	width: 216px;
	display: inline-block;
	vertical-align: top;
}
.kvbottom .logoBlock img{
	display: block;
	margin: 0 auto;
}

.kvbottom .txtBlock{
	display: inline-block;
	width: 720px;
}

.kvbottom .logoBlock img.logoImg{
	width: 150px;
	margin-top: 7px;
}
.kvbottom .txtBlock ul{float: left;}
.kvbottom .txtBlock ul.left{margin-right: 25px;}


.kvbottom .txtBlock .leftBox{
	width: 350px;
	float: left;
}
.kvbottom .txtBlock .rightBox{
	width: 365px;
	float: left;
}
.kvbottom .txtBlock table tr{
	color: #FFF;
	font-size: 14px;
	line-height: 26px;
	padding-bottom: 3px;
	vertical-align: top;
}
.kvbottom .txtBlock table tr th{
	width: 100px;/*84px*/
}
.kvbottom .txtBlock table tr td{}

.kvbottom .txtBlock .linkBtn{
	text-indent: 0;
	padding: 7px 0 0;
}
.kvbottom .txtBlock .linkBtn a{
	display: block;
	width: 154px;
	height: 28px;
	background:url(../img/btn_en_touroku.png) no-repeat top center;
	background-size: 100%;
}

.kvbottom .txtBlock .linkBtn a:hover{
	background:url(../img/btn_en_touroku_on.png) no-repeat top center;
	background-size: 100%;
}

.exhibitArea{
	margin-bottom: 57px;
	border-bottom: 2px solid #504e4e;/*add201909*/
}
.exhibitArea ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;/*space-between*//*201909*/
	padding-bottom: 37px;/**/
	/*border-bottom: 3px solid #FFF;*/
}
.exhibitArea ul li{
	height:160px;
	width:312px;
	overflow: hidden;
}

/**/
.exhibitArea ul.tab li.innovationItem, .exhibitArea ul.tab li.energyItem,
.exhibitArea ul.tab li.societyItem {
	margin-right:7px; 
}

.exhibitArea ul li .menu01,.exhibitArea ul li .menu02,.exhibitArea ul li .menu03,
.exhibitArea ul li .menu04,.exhibitArea ul li .menu05{
	position: relative;
	height:100%;
}

.exhibitArea ul li .menu01:after,.exhibitArea ul li .menu02:after,.exhibitArea ul li .menu03:after,
.exhibitArea ul li .menu04:after,.exhibitArea ul li .menu05:after{
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.exhibitArea ul li .menu01::before,.exhibitArea ul li .menu02::before,.exhibitArea ul li .menu03::before,
.exhibitArea ul li .menu04::before,.exhibitArea ul li .menu05::before{
	background-color: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
	transition: all .25s ease;
}
.exhibitArea ul li:hover .menu01::before,.exhibitArea ul li:hover .menu02::before,.exhibitArea ul li:hover .menu03::before,
.exhibitArea ul li:hover .menu04::before,.exhibitArea ul li:hover .menu05::before{
	background-color: rgba(0,0,0,0);
}

.exhibitArea ul li .menu01 .box,.exhibitArea ul li .menu02 .box,.exhibitArea ul li .menu03 .box,
.exhibitArea ul li .menu04 .box,.exhibitArea ul li .menu05 .box{
	height: 160px;
	width: 312px;
	text-align: center;
	color: #FFF;
	position: relative;
}
.exhibitArea ul li .menu01 .box img,.exhibitArea ul li .menu02 .box img,.exhibitArea ul li .menu03 .box img,
.exhibitArea ul li .menu04 .box img,.exhibitArea ul li .menu05 .box img{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
kvInner
.exhibitArea ul li .menu01{
}
.exhibitArea ul li .menu02{
}
.exhibitArea ul li .menu03{
}
.exhibitArea ul li .menu04{
}
.exhibitArea ul li .menu05{
}

.exhibitArea ul li > div{
	position: relative;
}

.exhibitArea ul li .menu01 .box img{width:232px;}
.exhibitArea ul li .menu02 .box img{width:185px;}
.exhibitArea ul li .menu03 .box img{width:190px;}
.exhibitArea ul li .menu04 .box img{width:232px;}
.exhibitArea ul li .menu05 .box img{width:232px;}

.exhibitArea ul li .bg{
	position: absolute;
	left:0px;
	top:0px;
	width:312px;
	margin-right:5px; 
}

.exhibitArea ul li .bg img{
	width:100%;
	transition: all .25s ease;
	opacity:0.5;
}

.exhibitArea ul li > div:hover .bg img{
	transform:scale(1.1,1.1);
	opacity:1;
}

.exhibitArea ul li.active > div .bg img{
	transform:scale(1.1,1.1);
	opacity:1;
}


/* タブ */

.tab{}

.tab li{cursor:pointer;}

.tabBoxWrapper{
	position: relative;
}

.tabBox{
	display: none;
	overflow: hidden;
	background:#FFF;
}

/**/
.tabBox .tabConte{
	display: flex;
    justify-content: space-between; } 
/*.tabBox .tabConte > div { flex; 0 0 45%;}*/

.tabBoxWrapper .tabBox .tabConte .itemCloseBtnBlock{padding: 10px 0 20px;}
.tabBoxWrapper .tabBox .tabConte .itemCloseBtnBlock a{}
.tabBoxWrapper .tabBox .tabConte .itemCloseBtnBlock a img{
	/*display: inline;*/
	margin: 5px 15px auto auto;/*auto*/
	width: 30px;
	padding: 0;
}/*addd201909*/ 


.tabBoxWrapper .tabBox.innovation{}
.tabBoxWrapper .tabBox.innovation:before{
	content: "";
	position: absolute;
	top: -22px;/*25*/
	left: 144px;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
	border-width: 0px 16px 22px 16px;
}
.tabBoxWrapper .tabBox.energy{}
.tabBoxWrapper .tabBox.energy:before{
	content: "";
	position: absolute;
	top: -22px;
	left: 461px;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
	border-width: 0px 16px 22px 16px;
}


.tabBoxWrapper .tabBox.mobility{}
.tabBoxWrapper .tabBox.mobility:before{
	content: "";
	position: absolute;
	top: -22px;
	left: 771px;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
	border-width: 0px 16px 22px 16px;
}

.tabBoxWrapper .tabBox.society{}
.tabBoxWrapper .tabBox.society:before{
	content: "";
	position: absolute;
	top: -22px;
	left: 299px;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
	border-width: 0px 16px 22px 16px;
}

.tabBoxWrapper .tabBox.aso{}
.tabBoxWrapper .tabBox.aso:before{
	content: "";
	position: absolute;
	top: -22px;
	left: 616px;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
	border-width: 0px 16px 22px 16px;
}

.tabBoxWrapper .tabBox.innovation h4 img{
	width: 420px;
	padding: 35px 35px 20px;
}
.tabBoxWrapper .tabBox.energy h4 img{
	width: 290px;
	padding: 35px 35px 20px;
}
.tabBoxWrapper .tabBox.mobility h4 img{
	width: 290px;
	padding: 35px 35px 20px;
}
.tabBoxWrapper .tabBox.society h4 img{
	width: 440px;
	padding: 35px 35px 20px;
}
.tabBoxWrapper .tabBox.aso h4 img{
	width: 465px;
	padding: 35px 35px 20px;
}

.tabBoxWrapper .tabBox{}
.tabBoxWrapper .tabBox img{
	width: 148px;
	padding: 35px 35px;
}

.tabBoxWrapper .innerConte{
	box-sizing: border-box;
	padding: 20px 20px;
	position: relative;
	background:#f5f5f5;
}


.tabBoxWrapper .innerConte h5{
	background: url(../img/inner_title_bg.png) no-repeat top center;
	background-size: 100%;
	color: #FFF;
	padding: 9px 20px;
	font-size: 14px;
	letter-spacing: 3px;
}


.tabBoxWrapper .innerConte ul{
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 20px 0 0 0;
	border-bottom: none;
}
.tabBoxWrapper .innerConte ul li{
	width: 212px;
	background: #FFF;
	border: 1px solid #b8b8b8;
	box-sizing: border-box;
	padding: 8px;
	height: auto;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
}
.tabBoxWrapper .innerConte ul li:nth-child(4n){margin-right: 0;}
.tabBoxWrapper .innerConte ul li img{
	padding: 0;
	width: 100%;
}
.tabBoxWrapper .innerConte ul li .txtBlock{
	padding: 10px 0;
	margin-left: -8px;
}
.tabBoxWrapper .innerConte ul li .txtBlock strong{
	display: block;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -0.2px;
	line-height: 20px;
	background: url(../img/item_line.png) no-repeat left bottom;
	background-size: 60px;
	padding: 0 0 7px 13px;
	margin-bottom: 5px;
}
.tabBoxWrapper .innerConte ul li .txtBlock p{
	font-size: 11px;
	padding: 0 0 0 13px;
	line-height: 17px;
}

.tabBoxWrapper .innerConte ul li a{
	text-decoration: none;
	color: #000;
	display: block;
	cursor:pointer;
}
.tabBoxWrapper .innerConte ul li a:hover img{
	opacity: 0.7;
}
/*
.tabBoxWrapper .innerConte .itemCloseBtnBlock{padding: 10px 0 20px;}
.tabBoxWrapper .innerConte .itemCloseBtnBlock a{}
.tabBoxWrapper .innerConte .itemCloseBtnBlock a img{
	display: block;
	margin: 5px auto;
	width: 30px;
	padding: 0;
}*/

.tabBoxWrapper .innerConte ul li img.icon{
	position: absolute;
	width: 45px;
	margin: -8px 0 0 -8px;
	z-index: 9999;
	opacity: 1 !important;
}

.tabBoxWrapper .innerConte ul li .txtBlock strong.referenceItem{
	background: url(../img/item_line.png) no-repeat left bottom,url(../img/txt_icon_reference.png) no-repeat bottom 10px right 10px;
	background-size: 60px,50px;
}

/*タブの中メニュー*/
.tabInnerMenu{
	padding: 20px;
}
.tabInnerMenu ul{
	display: flex;
	justify-content:space-between;
	padding: 0 0 10px;
}
.tabInnerMenu ul li{
	height: auto;
	box-sizing: border-box;
}
.tabInnerMenu ul.list4 li{width: 24%;}
.tabInnerMenu ul.full li{width: 100%;}
.tabInnerMenu ul.list2 li{width: 49.3%;}
.tabInnerMenu ul.list3 li{width: 33%;} /*add201909*/

.tabInnerMenu ul li a{
	border: 1px solid #000;
	box-sizing: border-box;
	display: block;
	position: relative;
	padding: 5px;
	text-indent: -12px;
	text-align: center;
	text-decoration: none;
	font-size: 17px;
	color: #3e3a39;
	font-weight: bold;
	line-height: 1.5em;
}

.tabInnerMenu ul li a span.small{
	font-size: 14px;
}/*201910*/

.tabInnerMenu ul li a small{font-size: 14px; font-weight: normal;}

.tabInnerMenu ul li a:after {
	display: inline-block;
	content: " ";
	position: absolute;
	top: 10px;
	width: 0px;
	margin-left: 10px;
	margin-top: 0px;
	border: 8px solid transparent;
	border-left: 8px solid #3e3a39;
}

.tabInnerMenu ul li a:hover{
	border:1px solid #FFF;
	background: linear-gradient(90deg,#42ca9f, #185b9a);
	color: #FFF;
}
.tabInnerMenu ul li a:hover:after{
	border: 8px solid transparent;
	border-top: 8px solid #FFF;
	top: 14px;
	margin-left: 5px;
}


/* special movie */
/**/
.specialMovieArea{
	box-sizing: border-box;
	display: block;
	padding: 0 25px;
}

.specialMovieArea h3{
	margin-bottom: 40px;
}
.specialMovieArea h3 img{
	display: inline-block;
	width: 345px;
}
.specialMovieArea h3 p{
	display: inline-block;
	font-size: 21px;
	letter-spacing: 5px;
	vertical-align: top;
	padding: 19px 0 0 25px;
	color: #FFF;
}

.specialMovieArea ul{
	width: 900px;
	background:#3e3a39;
	box-sizing: border-box;
	padding: 23px;
	overflow: hidden;
	margin-bottom: 45px;
}

.specialMovieArea ul li{
	background: url(../img/icon_arrow.png) no-repeat top 62px right 3px;
	background-size: 14px;
	width: 270px;
	float: left;
	padding-right: 22px;
}

.specialMovieArea ul li:last-child{
	background: none;
	padding-right: 0;
}

.specialMovieArea ul li img{
	width: 100%;
	margin-bottom: 15px;
}

.specialMovieArea ul li p{
	color: #FFF;
	font-size: 12px;
	vertical-align: top;
}
.specialMovieArea ul li p span{
	background: #c2c3c4;
	color: #3e3a39;
	box-sizing: border-box;
	padding: 3px 5px;
	display: inline-block;
	vertical-align: top;
}

.specialMovieArea ul li p strong{
	display: inline-block;
	font-size: 15px;
	padding: 0px 0 0 5px;
	line-height: 22px;
	margin-top: -1px;
}

.specialMovieArea .iframeBlock{
	padding-bottom: 45px;
}
.specialMovieArea .iframeBlock h4{
	margin-bottom: 25px;
}
.specialMovieArea .iframeBlock h4 span{
	display: block;
	border-bottom: 2px solid #FFF;
	width: 300px;
	height: 2px;
	margin-left: -25px;
}

.specialMovieArea .iframeBlock iframe{
	width: 100%;
	min-height: 510px;
	border:2px solid #939393;
}

/*.specialMovieArea .iframeBlock h4.automotive img{
	padding-bottom: 15px;
	width: 160px;
}

.specialMovieArea .iframeBlock h4.industrial img{
	padding-bottom: 15px;
	width: 360px;
}*/

/*201910*/
.specialMovieArea .iframeBlock h4.ax01 img{
	padding-bottom: 15px;
	width: 160px;
}

.specialMovieArea .iframeBlock.last{
	border-bottom: 2px solid #504e4e;
}
/**/

/* footer ---------------------------------------*/

footer{padding:40px 0 50px 0;}

.footerInner{
	width:1000px;
	color: #FFF;
	box-sizing: border-box;
	padding: 0 50px;
	margin:0 auto;
}

footer .footerInner strong{
	font-size: 14px;
	display: block;
	margin-bottom: 8px;
}
footer .footerInner p{
	font-size: 10px;
	line-height: 16px;
	margin-bottom: 8px;
}
footer .footerInner .copyright{
	display: block;
	font-size: 10px;
	color:#FFF;
}

/* title ---------------------------------------*/

.sectionTitle{
	background:url(../img/icon_gray.png) no-repeat left top;
	background-size: 20px;
	padding-left: 30px;
	font-size: 21px;
	color: #FFF;
	letter-spacing: 5px;
	margin-bottom: 25px;
}


@media screen and (max-width: 768px){
	.headBtnBlock{display: none;}
	#video-background{display: none;}
	#video-overlay{display: none;}
	.keyvisual{
		text-align: center;
		height: 500px;/*276*/
		padding-top: 52px;
		background: url(../img/kv_sp2019d.png) no-repeat top 52px left;
		background-size: 100%;
	}
	.kvInner img{
		opacity: 1;
		top: 20vw;/*25*/
		width: 50%;/*67*/
	}
	.kvInner span.videoBtn,
	.kvInner span.videoBtnStop{display: none !important;}
	.kvInner p{
		top: 46vw;/*46*/
		font-size: 1.9vw;
		width: 90%;/*100*/
	}

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

	.kvbottom{padding: 15px 20px 25px;}
	.kvbottom .txtBlock{width: 100%;}
	.kvbottom .logoBlock img.logoImg{
		width: 170px;
		margin: 10px 0 20px;
	}

	.kvbottom .txtBlock .leftBox{
		float: none;
		width: 100%;
	}
	.kvbottom .txtBlock .rightBox{
		float: none;
		width: 100%;
	}

	.sectionTitle{
		padding: 0 0 0 20px;
		background-size: 12px;
		font-size: 13px;
		margin: 0 0 10px 20px;
	}

	.exhibitArea {
		margin-bottom: 10%;
		border-bottom: 1px solid #FFF;
		padding: 0 0 5%;
	}
	.exhibitArea ul{
		display: block;
		padding: 0;
		border-bottom: none;
	}
	.exhibitArea ul li{
		height: 22vw;
		margin-bottom: 2%;
		width: 100%;
		overflow: hidden;
	}
	.exhibitArea ul li .menu01 .box, .exhibitArea ul li .menu02 .box, .exhibitArea ul li .menu03 .box,
	.exhibitArea ul li .menu04 .box, .exhibitArea ul li .menu05 .box{
		display: none;
	}
	.exhibitArea ul li .menu01::before, .exhibitArea ul li .menu02::before,	.exhibitArea ul li .menu03::before,
	.exhibitArea ul li .menu04::before, .exhibitArea ul li .menu05::before{
		display: none;
	}
	.exhibitArea ul li .bg img{
		opacity: 1;
	}
	.exhibitArea ul li .bg{
		width: 100%;
	}

	.tabBoxWrapper .tabBox{margin-top: 7%;}
	.tabBoxWrapper .tabBox.innovation:before, .tabBoxWrapper .tabBox.energy:before, .tabBoxWrapper .tabBox.mobility:before,
	.tabBoxWrapper .tabBox.society:before, .tabBoxWrapper .tabBox.aso:before{
		display: none;
	}

	.tabBoxWrapper{
		padding: 0 10px 0;
	}
	.tabBoxWrapper .tabBox img{
		width: 70px;
		margin: 20px;
		padding: 0;
		box-sizing: border-box;
	}

	.tabBoxWrapper .innerConte{padding: 10px;}

	.tabBoxWrapper .innerConte h5{
		background: url(../img/inner_title_bg_sp.png) repeat-y top center;
		background-size: 100%;
		padding: 2%;
		font-size: 2.2vw;
		letter-spacing: 2px;
		margin: 0;
	}

	.tabBoxWrapper .innerConte ul{
		justify-content: space-between;
		padding: 10px 0 5px;
	}
	.tabBoxWrapper .innerConte ul li{
		width: 48.4%;
		margin: 0 0 2.6%;
		min-height: 210px;
	}
	.tabBoxWrapper .innerConte ul li img{
		margin: 0;
	}
	.tabBoxWrapper .innerConte ul li img.icon{
		z-index: 9;
	}

	.tabBoxWrapper .innerConte ul li .txtBlock{padding: 0;}
	.tabBoxWrapper .innerConte ul li .txtBlock strong{
		font-size: 2.6vw;
		line-height: 1.5em;
		padding: 5px 0 7px 10px;
		background-size: 11.2vw;
	}
	.tabBoxWrapper .innerConte ul li .txtBlock p {
		font-size: 2.4vw;
		padding: 0 0 0 13px;
		line-height: 1.3em;
	}
/*
	.tabBoxWrapper .innerConte .itemCloseBtnBlock{padding: 0;}
	.tabBoxWrapper .innerConte .itemCloseBtnBlock a img{
		width: 24px;
	}
	
	.tabBoxWrapper .itemCloseBtnBlock{padding: 0;}
	.tabBoxWrapper .itemCloseBtnBlock a img{
		width: 24px;
	}add201909*/

	.tabBoxWrapper .innerConte ul li .txtBlock strong.referenceItem{
		background: url(../img/item_line.png) no-repeat left bottom,url(../img/txt_icon_reference.png) no-repeat bottom 2.3vw right 10px;
		background-size: 11.2vw,10vw;
	}

	.specialMovieArea{
		padding: 0 20px;
	}

	.specialMovieArea h3{margin-bottom: 7%;}
	.specialMovieArea h3 img{width: 53vw;}
	.specialMovieArea h3 p{
		display: block;
		font-size: 3.3vw;
		letter-spacing: 1px;
		padding: 3.5% 0 0;
	}
	.specialMovieArea ul{
		width: 100%;
		padding: 3% 0% 3% 3%;
		display: flex;
		justify-content: space-between;
		margin: 0 0 10%;
	}

	.specialMovieArea ul li{
		background: url(../img/icon_arrow.png) no-repeat top 6vw right 0.5vw;
		background-size: 1.2vw;
		width: 33%;
		float: none;
		padding-right: 3%;
	}
	.specialMovieArea ul li img{margin-bottom: 10%;}
	.specialMovieArea ul li:last-child img{
		width: 91%;
	}

	.specialMovieArea ul li p span{
		font-size: 2vw;
		padding: 2% 4%;
	}
	.specialMovieArea ul li p strong{
		display: block;
		font-size: 2.4vw;
		padding: 0;
		line-height: 1.5em;
		margin-top: 3%;
	}

	/*.specialMovieArea .iframeBlock h4.automotive img{
		padding-bottom: 3%;
		width: 114px;
	}*/
	.specialMovieArea .iframeBlock h4.ax01 img{
		padding-bottom: 3%;
		width: 114px;
	}
	.specialMovieArea .iframeBlock h4 span{
		width: 150px;
		border-bottom: 1px solid #FFF;
		margin-left: -20px;
	}
	.specialMovieArea .iframeBlock iframe{
		min-height: auto;
	}

	.specialMovieArea .iframeBlock .spMovieBlock{
		position: relative;
		padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
		height: 0;
		overflow: hidden;
	}
	.specialMovieArea .iframeBlock .spMovieBlock iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.specialMovieArea .iframeBlock h4{margin-bottom: 5%;}
	.specialMovieArea .iframeBlock{padding-bottom: 6%;}

	/*.specialMovieArea .iframeBlock h4.industrial img{
		width: 240px;
	}*/

	footer{padding: 20px 0;}
	.footerInner{
		width: 100%;
		color: #FFF;
		box-sizing: border-box;
		padding: 0 20px;
		margin: 0 auto;
	}
	footer .footerInner strong{
		font-size: 3.6vw;
		display: block;
		margin-bottom: 2%;
	}
	footer .footerInner p{
		font-size: 2.5vw;
		line-height: 1.4em;
		margin-bottom: 2%;
	}
	footer .footerInner .copyright{
		font-size: 2vw;
	}

	.tabInnerMenu {
		padding: 10px;
	}
	.tabInnerMenu ul{
		display: flex;
	}
	.tabInnerMenu ul li{
		height: auto;
	}
	.tabInnerMenu ul li a{
		font-size: 2.2vw;
		text-indent: 0;
		padding: 5px 0 15px;
	}

	.tabInnerMenu ul li a span.small{
		font-size: 1.5vw;
	}/*201910*/
	
	.tabInnerMenu ul.list4 li a:after{
		display: block;
		content: " ";
		position: absolute;
		top: 4.8vw;
		left: 50%;
		width: 0px;
		margin-left: 0;
		margin-top: 0px;
		border: 4px solid transparent;
		border-left: 4px solid #3e3a39;
	}
	.tabInnerMenu ul.list2 li a{
		text-indent: -10px;
		padding: 5px 0 5px;
	}
	.tabInnerMenu ul.list2 li a:after{
		margin-left: 5px;
		margin-top: 1px;
		border: 4px solid transparent;
		border-left: 4px solid #3e3a39;
		top: 5px;
	}
	
	.tabInnerMenu ul.list3 li a{
		text-indent: -10px;
		padding: 5px 0 5px;
	}
	.tabInnerMenu ul.list3 li a:after{
		margin-left: 5px;
		margin-top: 1px;
		border: 4px solid transparent;
		border-left: 4px solid #3e3a39;
		top: 5px;
	}
	
	
	.tabInnerMenu ul li a small{
		font-size: 2.2vw;
	}
	.tabInnerMenu ul.full li a{
		text-indent: -10px;
		padding: 5px 0 5px;
	}
	.tabInnerMenu ul.full li a:after{
		margin-left: 5px;
		margin-top: 1px;
		border: 5px solid transparent;
		border-left: 5px solid #3e3a39;
		top: 5px;
	}
	.tabBoxWrapper .tabBox.innovation h4 img {
		width: 250px;
		padding: 0px 0px 0px;
		margin: 20px 20px 10px;
	}
	.tabBoxWrapper .tabBox.energy h4 img {
		width: 200px;
		padding: 0px 0px 0px;
		margin: 20px 20px 10px;
	}
	.tabBoxWrapper .tabBox.mobility h4 img {
		width: 200px;
		padding: 0px 0px 0px;
		margin: 20px 20px 10px;
	}
	.tabBoxWrapper .tabBox.society h4 img{
		width: 250px;
		padding: 0px 0px 0px;
		margin: 20px 20px 10px;
	}
	.tabBoxWrapper .tabBox.aso h4 img {
		width: 250px;
		padding: 0px 0px 0px;
		margin: 20px 20px 10px;
	}
	
}


/*201910*/
@media screen and (max-width: 600px){
	.keyvisual{
		text-align: center;
		height: 300px;/*25*/
		padding-top: 52px;
		background: url(../img/kv_sp2019d.png) no-repeat top 52px left;
		background-size: 100%;
	}
	.kvInner img{
		opacity: 1;
		top: 15vw;/*25*/
		width: 40%;/*67*/
	}

	.kvInner p{
		top: 32vw;/*46*/
		font-size: 1.9vw;
		width: 90%;/*100*/
	}
}

/*@media screen and (max-width: 380px){
	.specialMovieArea .iframeBlock img{
		width: 240px;
		height: 180px;
	}
}*/



/*english*/
#english .headBtnBlock ul li.list01{
	width: 80px;
	padding: 5px 0;
	border:1px solid #FFF;
	box-sizing: border-box;
	text-align: center;
	background: none;
}
#english .headBtnBlock ul li.list02{
	background: #000000;
	width: 90px;
	padding: 5px 0;
	border: 1px solid #000;
	text-align: center;
}
.kvbottom .txtBlock table tr{font-size: 13px;}
#english .kvbottom .txtBlock table{table-layout: fixed;}
#english .kvbottom .txtBlock .leftBox{width: 334px;}
#english .kvbottom .txtBlock .leftBox table tr th{
	width: 150px;
}
#english .kvbottom .txtBlock .rightBox table tr th{
	width: 90px;
}
#english .specialMovieArea h3 p {
	display: inline-block;
	font-size: 23px;
	letter-spacing: 1px;
	vertical-align: top;
	padding: 18px 0 0 30px;
	color: #FFF;
}

#english .kvbottom .txtBlock .linkBtn a{
	display: block;
	width: 154px;
	height: 28px;
	background: url(../img/en/btn_en_touroku.png) no-repeat top center;
	background-size: 100%;
}
#english .kvbottom .txtBlock .linkBtn a:hover{
	background: url(../img/en/btn_en_touroku_on.png) no-repeat top center;
	background-size: 100%;
}

#english .tabBoxWrapper .innerConte ul li .txtBlock strong.referenceItem{
	background: url(../img/item_line.png) no-repeat left bottom,url(../img/en/txt_icon_reference.png) no-repeat bottom 10px right 10px;
	background-size: 60px,50px;
}

#english .tabBoxWrapper .tabBox.energy h4 img{
	width: 290px;
	padding: 35px 35px 20px;
}


@media screen and (max-width: 768px){
	#english .kvbottom .txtBlock .leftBox{width: 100%;}
	#english .kvbottom .txtBlock .leftBox table tr th {width: 134px;}
	#english .specialMovieArea h3 p{
		display: block;
		font-size: 3.3vw;
		letter-spacing: 1px;
		padding: 3.5% 0 0;
	}
	#english .tabBoxWrapper .tabBox img {
		width: 450px;
		margin: 20px 20px 15px;
		padding: 0;
		box-sizing: border-box;
	}
	#english .tabBoxWrapper .tabBox.innovation h4 img{
		width: 250px;
		padding: 0px 0px 0px;
		margin: 20px 20px 10px;
	}
	#english .tabBoxWrapper .tabBox.energy h4 img{
		width: 200px;
		padding: 0px 0px 0px;
		margin: 20px 20px 10px;
	}
	#english .tabBoxWrapper .tabBox.mobility h4 img{
		width: 200px;
		padding: 0px 0px 0px;
		margin: 20px 20px 10px;
	}
	#english .tabBoxWrapper .tabBox.society h4 img {
		width: 250px;
		padding: 0px 0px 0px;
		margin: 20px 20px 10px;
	}
	#english .tabBoxWrapper .tabBox.aso h4 img{
		width: 250px;
		padding: 0px 0px 0px;
		margin: 20px 20px 10px;
	}

	#english .tabBoxWrapper .innerConte ul li img {
		padding: 0;
		width: 100%;
		margin: 0;
	}
	#english .tabBoxWrapper .innerConte ul li img.icon {
		position: absolute;
		width: 45px;
		margin: -8px 0 0 -8px;
		z-index: 9;
	}
	/*#english .tabBoxWrapper .innerConte .itemCloseBtnBlock a img {
		display: block;
		margin: 3px auto;
		width: 30px;
		padding: 0;
	}*/

	#english .tabBoxWrapper .tabBox .tabConte .itemCloseBtnBlock{padding: 10px 0 20px;}
	#english .tabBoxWrapper .tabBox .tabConte .itemCloseBtnBlock a{}
	#english .tabBoxWrapper .tabBox .tabConte .itemCloseBtnBlock a img{
	/*display: inline;*/
	margin: 5px 15px auto auto;/*auto*/
	width: 30px;
	padding: 0;
}/*addd201910*/ 
	
	#english .tabBox.mobility .tabInnerMenu ul li a.text-narrow{letter-spacing: -0.8px;}
	#english .tabInnerMenu ul.list2 li a:after{top: 4.8vw;}

	#english .tabBoxWrapper .innerConte ul li .txtBlock strong.referenceItem{
		background: url(../img/item_line.png) no-repeat left bottom,url(../img/en/txt_icon_reference.png) no-repeat bottom 2.3vw right 10px;
		background-size: 11.2vw,10vw;
	}

	#english .spGnavLanguage ul li a{}
	#english .spGnavLanguage ul li.active a{}
}