@charset "UTF-8";

.inner01{
	width: 1000px;/*width*/
	/*min-width: 1000px;*/
	display: block;
	margin:0 auto;
	box-sizing: border-box;
	padding: 0 25px;
}

.inner02{
	width: 1000px;/*1230px*//*width*/
	/*min-width: 1000px;*/
	margin:0 auto;
	box-sizing: border-box;
	padding: 0 25px;
}

.headBtnBlock1{
	position: absolute;
	width: 180px;
	top: 35px;
	right: 300px;/*210*/
}

.headBtnBlock1 img.logoImg{
	width: 150px;
	margin-top: 7px;
}

.headBtnBlock2{
	position: absolute;
	width: 270px;/*180*/
	top: 40px;
	right: 40px;
}

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

.headBtnBlock2 ul li.list01{
	background: #000000;
	width: 90px;
	padding: 5px 0;
	text-align: center;
	text-shadow: -1px -2px 10px #000000,
	   1px 2px 10px #000000; /*-1px -2px 3px #808080; */
}
.headBtnBlock2 ul li.list02{
	width: 80px;
	padding: 5px 0;
	border:1px solid #FFF;
	box-sizing: border-box;
	text-align: center;
	text-shadow: -1px -2px 10px #000000,
	   1px 2px 10px #000000; /*-1px -2px 3px #808080; */
	box-shadow:0px 3px 10px 2px rgba(0,0,0,0.3) ;
}
.headBtnBlock2 ul li.list04{
	/*background: #000000;*/
	width: 80px;
	padding: 5px 0;
	border:1px solid #FFF;
	box-sizing: border-box;
	text-align: center;
	text-shadow: -1px -2px 10px #000000,
	   1px 2px 10px #000000; /*-1px -2px 3px #808080; */
	box-shadow:0px 3px 10px 2px rgba(0,0,0,0.3) ;
}
.headBtnBlock2 ul li.list03{
	background:#FFF;
	padding: 5px 0;
	text-align: center;
	width: 100%;
	display: block;
	margin-top: 10px;
	box-shadow:0px 3px 10px 2px rgba(0,0,0,0.3) ;
}

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


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

.keyvisual{
	text-align: center;
	width: 100%;
	height:65vh;/*500px 100vh*/
}

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

.keyvisual.active h1{opacity:0;}

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

.kvInner p{
	position: absolute;
	top: 25vw;/*20,12,28.8*/
	left: 0;
	right: 0;
	font-size: 2.6vw;/*1.6*/
	color: #FFF;
	display: block;
	width: 80%;/*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.active img,
.kvInner.active p{
	opacity:0;
}

.kvbottom{
	padding: 38px 0;
	overflow: hidden;
}

/*.kvbottom p{
	color: #FFF;
	font-size: 14px;
	line-height: 26px;
}*/

.ctcBlock00{
	border: 1px solid #FFF;
    margin: 10px 0 0 0 ;
	padding: 0;
}
.kvbottom .txtBlock1{
	display: inline-block;
	width: 100%;/*936px*/
	color: #FFF;
	font-size: 14px;
	line-height: 26px;
}

.kvbottom .logoBlock{
	width: 300px;/*230 216*/
	display: inline-block;
	vertical-align: top;
}
.kvbottom .logoBlock img{
	display: block;
	margin: 0 auto;
}

.kvbottom .txtBlock2{
	display: inline-block;
	width: 636px;/*720*/
}

.kvbottom .logoBlock img.logoImg{
	width: 230px;/*280 150*/
	margin-top: 7px;
	margin-left: 20px;/*70*/
}
.kvbottom .txtBlock2 ul{float: left;}
.kvbottom .txtBlock2 ul.left{margin-right: 25px;}


.kvbottom .txtBlock2 .leftBox{
	width: 636px;/*350px*/
	float: left;
}

.kvbottom .txtBlock2 table tr{
	color: #FFF;
	font-size: 14px;
	line-height: 26px;
	padding-bottom: 3px;
	vertical-align: top;
}
.kvbottom .txtBlock2 table tr th{
	width: 100px;
}
.kvbottom .txtBlock2 table tr td{}


.kvbottom .txtBlock2 table tr td p{
	margin-top:20px; 	
}

.kvbottom .txtBlock2 table tr td span a {font-size: 12px; color:#FFF;}
.kvbottom .txtBlock2 table tr td span a:hover {opacity:0.8;}/*0.75*/
.kvbottom .txtBlock2 table tr td span a:active {opacity:0.6;}/*0.5*/


.kvbottom .txtBlock2 table tr td p span.date{
	vertical-align: super;
	font-size: 1.6vw;/*2.1*/
}


.kvbottom .txtBlock2 .linkBtn{
	text-indent: 0;
	padding: 7px 0 0;
}

.exhibitArea{
	margin-bottom: 10px;/*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:100px;/*160px*/
	width:312px;
	overflow: hidden;
}

/*メニュー*/
.exhibitArea ul.tab li.societyItem, .exhibitArea ul.tab li.mobilityItem, .exhibitArea ul.tab li.asoItem {
	margin-right:7px; 
}

.exhibitArea ul.tab li.asoItem, .exhibitArea ul.tab li.technologyItem {
	margin-top:17px; 
}

.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.5);
	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 .bg{
	position: absolute;
	left:0px;
	top:0px;
	width:312px;
	margin-right:5px; 
}

.exhibitArea ul li .bg img{
	width:100%;
	transition: all .25s ease;
	opacity:1;/*0.3 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:#000;/*333 FFF*//*color*/
}

/**/
.tabBox .tabConte{
	display: flex;
    justify-content: space-between; } 

.tabBoxWrapper .tabBox.society h4 img{
	width: 440px;
	padding: 35px 35px 20px;
}
.tabBoxWrapper .tabBox.mobility h4 img{
	width: 290px;
	padding: 35px 35px 20px;
}
.tabBoxWrapper .tabBox.innovation h4 img{
	width: 465px;
	padding: 35px 35px 20px;
}
.tabBoxWrapper .tabBox.aso h4 img{
	width: 465px;
	padding: 35px 35px 20px;
}
.tabBoxWrapper .tabBox.technology h4 img{
	width: 440px;/*290*/
	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:#000;/*333 f5f5f5*//*color*/
}

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

.tabBoxWrapper .innerConte h6{
	/*background-size: 100%;*/
	border-bottom: dashed 1px #999;
	width:200px;
	color: #FFF;
	padding: 9px 20px;
	font-size: 12px;
	letter-spacing: 3px;
}

.tabBoxWrapper .innerConte h6.long{
	/*background-size: 100%;*/
	border-bottom: dashed 1px #999;
	width:350px;
	color: #FFF;
	padding: 9px 20px;
	font-size: 12px;
	letter-spacing: 3px;
}

.tabBoxWrapper .innerConte span.ctc-h7{
	/*background-size: 100%;*/
	color: #FFF;
	padding: 9px 20px;
	font-size: 10px;
	letter-spacing: 3px;
}

.tabBoxWrapper .innerConte span.ctc-h7-cn{
	/*background-size: 100%;*/
	color: #FFF;
	padding: 9px 20px;
	font-size: 11px;
	letter-spacing: 3px;
}

.inner_prdct{
	display: inline-block;
	width: 995px;/*720*/
}

.inner_prdct ul{float: left;}
.inner_prdct ul.left{margin-right: 5px;}

.inner_prdct .leftBox{
	width: 465px;/*350px*/
	float: left;
}
.inner_prdct .rightBox{
	width: 470px;
	float: left;
}



/*基本*/

.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: #333;/*FFF*//*color*/
	border: 1px solid #333;/*b8b8b8*//*color*/
	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;}/*4n*//*width*/

.tabBoxWrapper .innerConte ul li img{
	padding: 0;
	width: 100%;
}

.tabBoxWrapper .innerConte ul li.ctlg img{
	padding: 0;
	width:120px;/* 160 60%*/
	height:169px;/*226*/
	margin-left: 35px;
}
.tabBoxWrapper .innerConte ul li.ctlg-wide img{
	padding: 0;
	width:169px;
	height:120px;
	margin-left: 13px;
}


.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 0px 14px;/*0 0 7px 14px*/
	margin-bottom: 5px;
	color:#FFF;/*color*/
}
.tabBoxWrapper .innerConte ul li .txtBlock p{
	font-size: 11px;
	padding: 0 0 0 13px;
	/*line-height: 17px;*/
	color:#FFF;/*color*/
	margin:0;
}

.tabBoxWrapper .innerConte ul li .txtBlock p a {font-size: 12px; color:#FFF;}/*color*/
.tabBoxWrapper .innerConte ul li .txtBlock p a:hover {opacity:0.8;}/*0.75*/
.tabBoxWrapper .innerConte ul li .txtBlock p a:active {opacity:0.6;}/*0.5*/

.tabBoxWrapper .innerConte ul li .txtBlock p a.related::before {
	content: url(../img/link_chain.png);
	/*display:inline-block;
    width:15px;
	height:15px;*/
	vertical-align: middle;
}

.tabBoxWrapper .innerConte ul li .txtBlock p a.related {
    margin:0;
}

.tabBoxWrapper .innerConte ul li a{
	text-decoration: none;
	color: #000;
	display: block;
	cursor:pointer;
}
.tabBoxWrapper .innerConte ul li a:hover img{
	opacity: 0.5;/*0.7*/
}

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

.tabBoxWrapper .innerConte ul li img.icon_play{
	position: absolute;
	width: 40px;/*45*/
	margin: 25% 0 0 36%;/*53px 0 0 74px*/
	z-index: 10;
	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;
}

/**/
.btn-square00 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色　青*/
  color: #FFF;
  border-bottom: solid 3px #627295;/*4*/
  border-radius: 3px;
  margin:0 0 5px 0 ;
}

/*資料ダウンロード*/

.btn-square01 {
  display: inline-block;
  padding: 0.3em 0.8em;/*0.5em 1em*/
  text-decoration: none;
  background: #e6d900;/*ボタン色 黄*/
  color: #000;
  border-bottom: solid 2px #627295;/*4*/
  border-radius: 3px;
  margin: 0 0 5px 0 ;/*0*/	
}
.btn-square02 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色　青*/
  color: #FFF;
  border-bottom: solid 3px #627295;/*4*/
  border-radius: 3px;
}
.btn-square01:active,
.btn-square02:active{
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}


.wtchvmyk{
	/*width: 100px;*/
	position: absolute;
	margin: 0;
		/*bottom: 0px;*/
	right: 0px;
    padding: 0em 0em 0em 0em;
	z-index: 15;
	opacity: 1;
	text-align: right;
	vertical-align: bottom;
}

.wtchvm{
	/*width: 100px;*/
	position: absolute;
	/*margin-top: 5px;
		bottom: 0px;*/
	right: 0px;
    padding: 0.5em 0em 0em 0em;
	z-index: 15;
	opacity: 1;
	text-align: right;
	vertical-align: bottom;
}

.wtchyk{
	/*width: 100px;*/
	position: absolute;
    padding: 0.5em 0em 0em 0em;
	z-index: 15;
	opacity: 1;
	text-align: left;
	vertical-align: bottom;
}


.wtchvm span, .wtchyk span, .wtchvmyk span{
	color: #FFF;
	font-size: 10px;
}


/*.wtchvm{
	position: absolute;
	margin-top: 5px;
	right: 0px;
	bottom: 0px;
	z-index: 15;
	opacity: 1;
	text-align: right;
	vertical-align: bottom;
}
.wtchvm span{
	color: #FFF;
	font-size: 10px;
}*/





.tabBoxWrapper .innerConte .society03 ul li,
.tabBoxWrapper .innerConte .mobility03 ul li,
.tabBoxWrapper .innerConte .innovation03 ul li,
.tabBoxWrapper .innerConte .aso03 ul li,
.tabBoxWrapper .innerConte .technology03 ul li{
	width: 435px;/*435px*/
	background: #000;/*FFF*//*color*/
	border: 0px solid #000; /* 333 b8b8b8 color*/
	box-sizing: border-box;
	padding: 0px;/*8*/
	height: 100px;/*auto*/
	margin-right: 20px;
	margin-bottom: 0px;/*20*/
	position: relative;
}

.tabBoxWrapper .innerConte .society03 ul li,
.tabBoxWrapper .innerConte .mobility03 ul li:nth-child(2n){margin-right: 20;}/*4n*//*width*/

.tabBoxWrapper .innerConte .society03 ul li img,
.tabBoxWrapper .innerConte .mobility03 ul li img,
.tabBoxWrapper .innerConte .innovation03 ul li img,
.tabBoxWrapper .innerConte .aso03 ul li img,
.tabBoxWrapper .innerConte .technology03 ul li img{
	padding: 0;
	width: 100%;
}

.tabBoxWrapper .innerConte .technology03 ul li.dlcntnt{
	width: 435px;/*430px*/
	background: #000;/*FFF*//*color*/
	border: 0px solid #000; /* 333 b8b8b8 color*/
	box-sizing: border-box;
	padding: 0px;/*8*/
	height: auto;
	margin-right: 20px;
	margin-bottom: 20px;/**/
	position: relative;
}

.tabBoxWrapper .innerConte ul li.dlcntnt img{
	padding: 0;
	width: 50%;
}


/*タブの中メニュー*/
.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 #FFF;/*000*//*color*/
	box-sizing: border-box;
	display: block;
	position: relative;
	padding: 5px;
	text-indent: -12px;
	text-align: center;
	text-decoration: none;
	font-size: 17px;
	color: #FFF;/*3e3a39*//*color*/
	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;
}


/*モーダル*/
.c-modal .c-modal__body iframe{
	displey: none;
}



/*SNS*/
.snsArea{
	margin-top: 50px;
}
.snsArea ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.snsArea ul li{
	height:30px;
	width:30px;
	overflow: hidden;
	margin-right:10px;  
}
.snsArea ul li img{
	width:100%;
}



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

footer{padding:10px 0 50px 0;}/*40px 0 50px 0*/

.footerInner{
	width:1000px;
	color: #FFF;
	box-sizing: border-box;
	padding: 0 50px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
}
.footerInner1{
	width:70%;/*600px*/
}

.footerInner2{
	width:30%;/*250px*/
}

footer .footerInner .footerInner1 {
}

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


footer .footerInner .footerInner2{
	margin-bottom: 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}
footer .footerInner .footerInner2 p{
	font-size: 10px;
	line-height: 16px;
}

footer .footerInner .footerInner2 p a {font-size: 12px; color:#FFF;}
footer .footerInner .footerInner2 p a:hover {opacity:0.8;}
footer .footerInner .footerInner2 p a:active {opacity:0.6;}


/* 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: 1400px){
	.headBtnBlock1 {display: none;} 
*/

	

@media screen and (max-width: 768px){
	.headBtnBlock1, .headBtnBlock2 {display: none;}
	/*#video-background{display: none;}
	#video-overlay{display: none;}*/
	
.keyvisual{
	text-align: center;
	width: 100%;
	height:350px;
	}

.keyvisual h1{
	width: 100%;
	min-height:350px;
	padding-top: 52px;
	opacity:1;
	background: url(../img/kv_sp2021.png) no-repeat top 52px left;
	background-size: cover;
	text-indent:-999em;
	overflow: hidden;
	}
	
.kvInner img{
		opacity: 1;
		top: 20vw;/*25*/
		width: 50%;/*67*/
	}

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

.inner01{
		width: 100%;/*width*/
		padding: 0;
	}
.inner02{
		width: 100%;/*width*/
		padding: 0;
	}
	
	.kvbottom{padding: 15px 20px 25px;}
	.kvbottom .txtBlock{width: 100%;}
	.kvbottom .logoBlock img.logoImg{
		width: 170px;
		margin: 10px 0 20px;
	}
	
.kvbottom .txtBlock1{
	display: inline-block;
	width: 100%;/*700px*/
	color: #FFF;
	font-size: 14px;
	line-height: 26px;
}

.kvbottom .txtBlock .leftBox{
	float: none;
	width: 100%;
}
	
/*.kvbottom .txtBlock .rightBox{
		float: none;
		width: 100%;
	}*/
	
.kvbottom .txtBlock2 table tr td p{
	margin-top:0px; 	
}

.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{
	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 img.icon_play{
	position: absolute;
	width: 60px;/*45*/
	margin: 28% 0 0 37%;/*25% 0 0 36%*/
	z-index: 9;/*10*/
	opacity: 1 !important;
}	

.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 h6{
	/*background-size: 100%;*/
	border-bottom: dashed 1px #999;
	width:300px;
	color: #FFF;
	padding: 9px 20px;
	font-size: 12px;
	letter-spacing: 3px;
}

.tabBoxWrapper .innerConte h6.long{
	/*background-size: 100%;*/
	border-bottom: dashed 1px #999;
	width:450px;
	color: #FFF;
	padding: 9px 20px;
	font-size: 12px;
	letter-spacing: 3px;
}	
	
	
.tabBoxWrapper .innerConte ul li.ctlg img{
	padding: 0;
	/*width: 30%;
	height: 55%;*/
	margin-right: 30%;
	margin-left: 30%;
}
	
.tabBoxWrapper .innerConte .society03 ul,
.tabBoxWrapper .innerConte .mobility03 ul,
.tabBoxWrapper .innerConte .innovation03 ul,
.tabBoxWrapper .innerConte .aso03 ul,
.tabBoxWrapper .innerConte .technology03 ul{
	justify-content: space-between;
	padding: 10px 0 0 0 ;/*10px 0 5px*/
	margin:0px;
}
		
.tabBoxWrapper .innerConte .society03 ul li,
.tabBoxWrapper .innerConte .mobility03 ul li,
.tabBoxWrapper .innerConte .innovation03 ul li,
.tabBoxWrapper .innerConte .aso03 ul li,
.tabBoxWrapper .innerConte .technology03 ul li{
	width: 49.0%;
	margin: 0;/*0 0 2.6%*/
	padding: 0;
	height: 70px;
    min-height: 70px;
}

	
	
.tabBoxWrapper .innerConte .society03 ul li img,
.tabBoxWrapper .innerConte .mobility03 ul li img,
.tabBoxWrapper .innerConte .innovation03 ul li img,
.tabBoxWrapper .innerConte .aso03 ul li img,
.tabBoxWrapper .innerConte .technology03 ul li img{
	margin: 0;
}

	
.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;
}
	

.inner_prdct{
	display: inline-block;
	width: 100%;/*995px*/
}

.inner_prdct ul{float: left;}
.inner_prdct ul.left{margin-right: 5px;}

.inner_prdct .leftBox{
	width: 100%;/*465px*/
	float: left;
}
.inner_prdct .rightBox{
	width: 100%;/*470px*/
	float: left;
}
	
	
	
footer .footerInner00 .policyArea{
	margin-top: 10px;
	margin-left: 20px;
}	
footer .policyArea ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;/*center*/
}
footer .policyArea ul li.policy1{
	width:160px;
	overflow: hidden;
}
footer .policyArea ul li.policy2{
	width:260px;
	overflow: hidden;
}


/*SNS*/	
.snsArea{
	margin-top: 57px;
}
.snsArea ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.snsArea ul li{
	height:25px;
	width:25px;
	overflow: hidden;
	margin-right:10px;  
}
.snsArea ul li img{
	width:100%;
}
	
	
	
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.society h4 img{
	width: 250px;
	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.innovation 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;
	}
.tabBoxWrapper .tabBox.technology h4 img {
	width: 200px;
	padding: 0px 0px 0px;
	margin: 20px 20px 10px;
	}

}




@media screen and (max-width: 600px){
	
	.keyvisual{
		text-align: center;
		width: 100%;
		height:250px;
	}

	.keyvisual h1{
		width: 100%;
		min-height:250px;
		padding-top: 52px;
		opacity:1;
		background: url(../img/kv_sp2021.png) no-repeat top 52px left;
		background-size: cover;
		text-indent:-999em;
		overflow: hidden;
	}
	
	.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 .headBtnBlock2 ul li.list01{
	width: 80px;
	padding: 5px 0;
	border:1px solid #FFF;
	box-sizing: border-box;
	text-align: center;
	background: none;
}
#english .headBtnBlock2 ul li.list02{
	background: #000000;
	width: 90px;
	padding: 5px 0;
	border: 1px solid #000;
	text-align: center;
}
#english .headBtnBlock2 ul li.list04{
	width: 80px;
	padding: 5px 0;
	border:1px solid #FFF;
	box-sizing: border-box;
	text-align: center;
	background: none;
}
#english .kvbottom .txtBlock table tr{font-size: 13px;}
#english .kvbottom .txtBlock table{table-layout: fixed;}
#english .kvbottom .txtBlock .leftBox{width: 334px;}
#english .kvbottom .txtBlock2 .leftBox table tr th{
	width: 130px;/*150 200*/
}
/*#english .kvbottom .txtBlock2 .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.mobility h4 img{
	width: 200px;
	padding: 35px 35px 20px;
}


#english .wtchvmyk{
	/*width: 100px;*/
	position: absolute;
	margin: 0;
		/*bottom: 0px;*/
	right: 0px;
    padding: 0em 0em 0em 0em;
	z-index: 15;
	opacity: 1;
	text-align: right;
	vertical-align: bottom;
}

#english .tabBoxWrapper .innerConte ul li .txtBlock p a.related {
	font-size: 10px;
    margin:0;
}



@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.society h4 img {
		width: 250px;
		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.innovation 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 .tabBox.technology h4 img{
		width: 200px;
		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 ul li img.icon_play {
		position: absolute;
		width: 60px;
		margin: 28% 0 0 37%;
		z-index: 9;
	}
	
	#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{}
	
	#english .tabBoxWrapper .innerConte ul li.ctlg img{
	padding: 0;
	width:120px;
	height:169px;
	margin-right: 30%;
	margin-left: 30%;}	
}
	
	
/*chinese*/
	
/*#chinese .headBtnBlock1 {
	position: absolute;
	width: 180px;
	top: 35px;
	right: 300px;
}
	
#chinese .headBtnBlock1 img.logoImg{
	width: 150px;
	margin-top: 7px;
}*/	

#chinese .headBtnBlock2{
	position: absolute;
	width: 90px;/*270px*/
	top: 40px;
	right: 40px;
}	
/*
#chinese .headBtnBlock2 ul li.list01{
	background-color:transparent;
	width: 80px;
	padding: 5px 0;
	border:1px solid #FFF;
	box-sizing: border-box;
	text-align: center;
}
#chinese .headBtnBlock2 ul li.list02{
	width: 80px;
	padding: 5px 0;
	border:1px solid #FFF;
	box-sizing: border-box;
	text-align: center;
}
#chinese .headBtnBlock2 ul li.list04{
	background: #000000;
	width: 90px;
	padding: 5px 0;
	border:0px;
	text-align: center;
}
#chinese .headBtnBlock2 ul li.list03{
	background:#FFF;
	padding: 5px 0;
	text-align: center;
	width: 100%;
	margin-top: 10px;
}*/

#chinese .headBtnBlock2 ul li.list05{
	background:#FFF;
	width: 90px;
	padding: 5px 0;
	border:0px;
	text-align: center;
}

/*
#chinese .headBtnBlock2 ul li.list01 a{color: #FFF; text-decoration: none; display: block;}
#chinese .headBtnBlock2 ul li.list02 a{color: #FFF; text-decoration: none; display: block;}
#chinese .headBtnBlock2 ul li.list04 a{color: #FFF; text-decoration: none; display: block;}
#chinese .headBtnBlock2 ul li.list03 a{color: #000; text-decoration: none; display: block;}*/
#chinese .headBtnBlock2 ul li.list05 a{color: #000; text-decoration: none; display: block;}	


#chinese .tabBoxWrapper .tabBox.society h4 img {
	width: 440px;
	padding: 0px 0px 0px;
	margin: 20px 20px 10px;
}
#chinese .tabBoxWrapper .tabBox.mobility h4 img{
	width: 290px;
	padding: 0px 0px 0px;
	margin: 20px 20px 10px;
}
#chinese .tabBoxWrapper .tabBox.innovation h4 img{
	width: 465px;
	padding: 0px 0px 0px;
	margin: 20px 20px 10px;
}

.tabBoxWrapper .innerConte ul li .txtBlock p a.yk_related::before {
	content: url(../img/cn/link_youku.png);
	/*display:inline-block;
    width:15px;
	height:15px;*/
	vertical-align: middle;
}

.tabBoxWrapper .innerConte ul li .txtBlock p a.yk_related {
    margin:0;
}



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