@charset "utf-8";

html, body {
height: 100%;
}

/*header*/

header{
	
width:100%;
padding-top:40px; 
box-sizing:border-box;
position:fixed;
top:0;
z-index:200;

height:104px;
transition: 0.4s all;
}

header.hbgc{
transition: 0.4s all;
background-color:rgba(0,0,0,0.6);
}

#logo_box{
	
float:left;
padding-left:40px;
cursor:pointer;
position:relative;
z-index:100;
max-width:17vw;

}

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

header{
	
padding-top:20px; 

}

#logo_box{
	
float:left;
padding-left:20px;
cursor:pointer;
position:relative;
z-index:100;
max-width:50vw;

}

}

/*mv*/

#mv_wrapper{
height:100vh;
width:100%;
background-image:url(../images/mv1.jpg);
background-size:cover;
position:relative;
	background-position:center;
}

#catch_copy{
	font-family: "a-otf-futo-min-a101-pr6n";
	line-height:150px;
	color:#fff;	
	font-size:70px;
	
height: 100vh;

display: table-cell; /* IE8から使用可能 */
 vertical-align: middle;
 padding-left:80px;
 
  text-shadow: 0px 0px 4px #000; 
	
}

#catch_copy span{
	font-size:120px;	
}

#movie_box{
	border: solid 3px #fff;
	width:192px;
	height:108px;
	margin-bottom:40px;
}

.news_box_list{
	border: solid 3px #fff;
	background-image:url(../images/newsbox_bg.png);
	background-size:cover;
/*	padding:20px;*/
	color:#fff;
	line-height:30px;
	cursor:pointer;
}

.news_box_list a{
	display:block;
	padding:20px;
	color:#fff;
}

#btn_set2{
	position:absolute;	
	z-index:100;
	right:40px;
	bottom:40px;
	overflow:hidden;	
}

.news_box_list .imgbox{
	float:left;
	margin-right:20px;
	max-width:90px;
	height:60px;
}

.news_box_list .imgbox img{

	width:90px;
	height:60px;
}

.news_box_list .title{
	float:left;
	margin-right:20px;
}

.news_box_list .arr{
	float:right;
}

#mv_wrapper2{

width:100%;
background-size:cover;
position:relative;
background-position:center;
	overflow:hidden;
}

#mv_wrapper2 .blue_back{
	background-color:#0583c9;
	position:absolute;
	top:-200px;
	left:-20%;
	overflow:hidden;
	width:160vw;
	min-height:400px;
	z-index:10;

transform: rotate(6deg);
	
}

#mv_wrapper2 h1{
	font-size:48px;
	line-height:48px;
	text-align:center;
	border-bottom:#fff solid 2px;
	padding-bottom:30px;
	padding-top:160px;
}

#mv_wrapper2 h1 span{
	font-size:28px;
}

.con_wrap{
	width:100%;	
}

.con_box{
	padding-left:80px;
	padding-right:80px;
	padding-top:65px;
	padding-bottom:65px;
	z-index:11;
	overflow:hidden;
	position:relative;
}

.con_box2{
	padding-left:80px;
	padding-right:80px;

	z-index:11;
	overflow:hidden;
	position:relative;
}

.con_box3{
	padding-left:80px;
	padding-right:80px;
	padding-top:65px;
	padding-bottom:30px;
	z-index:11;
	overflow:hidden;
	position:relative;
}

.img_cover{
	background-image:url(../images/img_cover.png);
	position:absolute;
	width:100%;
	height:100%;
	z-index:9;
	top:0px;
}

.mv_linkset{
	display:table;
	width:100%;
	font-size:18px;
	border-right:#fff solid 3px;
	font-weight:bold;
}

.mv_linkset a{
	display:table-cell;
	border:#fff solid 3px;
	padding:20px;
	width:20%;
	border-right:none;
	background-color:rgba(0,0,0,0.2);
}

.mv_linkset a.active{
	display:table-cell;
	border:#fff solid 3px;
	padding:20px;
	width:20%;
	border-right:none;
	background-color:rgba(255,255,255,0.4);
}

.mv_linkset2{
	display:table;
	width:100%;
	font-size:18px;
	border-right:#0583c9 solid 3px;
	font-weight:bold;
}

.mv_linkset2 a{
	display:table-cell;
	border:#0583c9 solid 3px;
	padding:20px;
	width:20%;
	border-right:none;
	background-color:rgba(255,255,255,0.2);
}

.mv_linkset2 a.active{
	display:table-cell;
	border:#0583c9 solid 3px;
	padding:20px;
	width:20%;
	border-right:none;
	background-color:rgba(5,131,201,0.2);
}

.mv_linkset3{
	display:table;
	width:100%;
	font-size:18px;
	border-right:#fff solid 3px;
	font-weight:bold;
}

.mv_linkset3 a{
	display:table-cell;
	border:#fff solid 3px;
	padding:20px;
	width:16%;
	border-right:none;
	background-color:rgba(0,0,0,0.2);
}

.mv_linkset3 a.active{
	display:table-cell;
	border:#fff solid 3px;
	padding:20px;
	width:16%;
	border-right:none;
	background-color:rgba(255,255,255,0.4);
}

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

#mv_wrapper{
height:100vh;
}

#mv_wrapper2 h1{
	font-size:6vw;
	line-height:7vw;
	text-align:center;
	border-bottom:#fff solid 2px;
	padding-bottom:30px;
	padding-top:60px;
}

#mv_wrapper2 h1 span{
	font-size:6vw;
}

#mv_wrapper2 .blue_back{
	background-color:#0583c9;
	position:absolute;
	top:-320px;
	left:-20%;
	overflow:hidden;
	width:160vw;
	min-height:400px;
	z-index:10;

transform: rotate(6deg);
	
}

.mv_linkset,.mv_linkset3{
	display:block;
	border:none;
}

.mv_linkset a,.mv_linkset3 a{
	display:block;
	margin-bottom:20px;
	border:#fff solid 3px;
	width:100%;
	box-sizing:border-box;
}

.mv_linkset a.active,.mv_linkset3 a.active{
	display:block;
	border:#fff solid 3px;
	width:100%;
	box-sizing:border-box;
}

.mv_linkset2{
	
	display:block;
	border:none;	
	
}

.mv_linkset2 a{
	display:block;
	margin-bottom:20px;
	border:#0583c9 solid 3px;
	width:100%;
	box-sizing:border-box;
}

.mv_linkset2 a.active{
	display:block;
	border:#0583c9 solid 3px;
	width:100%;
	box-sizing:border-box;
}

#catch_copy{

	line-height:16vw;

	font-size:8vw;
	
 padding-left:8vw;
 
  text-shadow: 0px 0px 4px #000; 
	
}

#catch_copy span{
	font-size:16vw;	
}

#catch_copy{
	
height: 72vh;
padding-left:20px;
	
}

#movie_box{
	width:100%;

	margin-bottom:20px;
	box-sizing:border-box;

}

#btn_set2{
	position:absolute;
	z-index:100;
	width:100%;
	box-sizing:border-box;
	right:0px;
	bottom:20px;
	padding-left:20px;
	padding-right:20px;

}

.news_box_list{
	width:100%;
	padding-bottom:20px;
}


.news_box_list .imgbox{
	float:none;
	margin-right:0px;
	width:100%;
	text-align:center;
	max-width:100%;
	display:none;
}

.news_box_list .title{
	float:none;
	margin-right:0px;
	text-align:center;
}

.news_box_list .arr{
	float:none;
	text-align:center;
	transform: rotate(90deg);
	height:18px;
	display:none;
}

.news_box_list a{
	padding-bottom:0px;	
}

.con_box{
	padding-left:20px;
	padding-right:20px;
	padding-top:40px;
	padding-bottom:40px;
}

.con_box2{
	padding-left:20px;
	padding-right:20px;
}

.con_box3{
	padding-left:20px;
	padding-right:20px;
	padding-top:40px;
	padding-bottom:40px;
}

}

/**/

#gnav1{
 
/* background-color:#fff;*/
 color:#fff;
 float:right;
 margin-bottom:25px;
 font-size:14px;
 padding-right:40px; 
 
}

#gnav1 ul {

    text-align: center;
    display: table;
    table-layout: fixed;
	
}
 
#gnav1 ul li {

    display: table-cell;
	vertical-align: middle;
	cursor:pointer;
 text-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}

#gnav1 ul li a{
color:#fff;
text-decoration:none;
	
}

#gnav1 ul li.act{	

background-color:#fff000;
cursor:default;

}

.btn_set1{
	
}

.btn_set1 p{
	border: solid 3px #fff;
	height:50px;
	background-color:rgba(0,0,0,0.4);
	font-size:14px;
	line-height:50px;
	text-align:center;
	font-weight:bold;
}

.btn_set1 p a{
	color:#fff;
	text-decoration:none;
}

.btn_set1 .box1{
	width:50px;
}

.btn_set1 .box2{
	width:234px;
}

.btn_set1 .box3{
	width:50px;
	border-left:none;
}

.btn_set1 .set{
	color:#000;
	background-color:rgba(255,255,255,0.8);
}

/* ハンバーガーメニュー */

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position:fixed;
  width: 40px;
  height: 34px;
  z-index:1000;
  top:40px;
  right:40px;
  cursor:pointer;
}

.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;

}
.menu-trigger span:nth-of-type(1) {
  top: 2px;
}
.menu-trigger span:nth-of-type(2) {
  top: 17px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: -2px;
}

.menu-trigger.active {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(15px) rotate(-45deg);
  transform: translateY(15px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: translateY(0px) rotate(45deg);
  transform: translateY(0px) rotate(45deg);  
}
.menu-trigger.active span:nth-of-type(3) {
  opacity: 0;
}

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

.menu-trigger {
  top:20px;
  right:20px;
}

}

/* ハンバーガーメニュー */

.box_border{
	border:solid 3px #fff;
}

.box_border2{
	border:solid 3px #111;
	padding:20px;
}

.btn1{
	width:234px;
	border:solid 3px #fff;
	font-size:18px;
	padding:20px;
	text-align:center;
	background-color:rgba(0,0,0,0.4);
	cursor:pointer;
}

.btn2{
/*	width:234px;*/
	border:solid 3px #0583c9;
	font-size:18px;
	padding:20px;
	text-align:center;
/*	background-color:rgba(5,131,201,0.4);*/
	cursor:pointer;
	color:#0583c9;
}

#copy{
	font-size:10px;
	padding:40px;
	border-top:1px solid #fff;
	text-align:right;
}

#footer_wrapper{

}

#footer_box1{
	margin-right:120px;
	float:left;
}

#add_box{
	border:3px solid #fff;
	padding:20px;
	float:left;
	margin-bottom:50px;
}

#footer_box2{
	float:left;
}

#footer_box2 ul{
	float:left;
}

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



#footer_box1{
	float:none;
	margin-right:0px;		
}

#footer_box2 .hover_ani1{
	display:none;
}


.btn1{
	width:100%;
	box-sizing:border-box;
}

#add_box{
	box-sizing:border-box;
	float:none;
	width:100%;
	margin-bottom:0px;
}

#btn_pagetop_wrap{
	display:none;	
}

#footer_box2 .hover_ani2{
	margin-top:20px;
}
	
}

/**/

#btn_pagetop_wrap{	

/*	width:960px;*/

	border:3px solid #fff;
	height:50px;
}

#btn_pagetop{
	
}

/**/

#menu_wrap{
	position:fixed;
	top:0;
	background-color:rgba(17,17,17,0.9);
/*	border:#fff solid 10px;*/
	width:100%;
	height:100vh;
	z-index:200;
	box-sizing:border-box;
	left:-100%;
	transition: 0.6s all;
	overflow:auto;

	}
	

#menu_wrap.active {
/*  -webkit-transform: left(0%);
  transform: left(0%);*/
  transition: 0.6s all;
  	left:0%;

}


#menu_wrap .link_list{
	display:table;
	margin:0 auto;
	padding-top:20vh;
}

#menu_wrap .link_list ul{
	display:btable-cell;
	float:left;
}

#menu_wrap .link_list ul li{
	padding-bottom:10px;
}

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

#menu_wrap{
	padding:40px;
	text-align:center;
	font-size:18px;
}

#menu_wrap .fs14{
	font-size:18px;
}

#menu_wrap .link_list{
	display:block;
	padding-top:10vh;
}

#menu_wrap .link_list ul{
	display:block;
	margin-bottom:20px;
	border-bottom:2px solid #fff;
	float:none;
}

.link_list .pr30{
	padding-right:0px !important;
}

}

/**/

.hover_ani1 a{
  position: relative;
  display: inline-block;
  text-decoration:none;
  color:#fff;
  overflow:hidden;
  padding-bottom:10px;
}

.hover_ani1 a:before{
  position: absolute;
  bottom: 5px;
  left: -100%;
  content: "";
  display: inline-block;
  width: 100%;
  height: 3px;
  background: #fff;

}

.hover_ani1 a:hover:before{
  left: 100%;
  transition: 0.4s all;
}

.hover_ani2 a{
  position: relative;
  display: inline-block;
  text-decoration:none;
  color:#fff;
  overflow:hidden;
}

.hover_ani2 a:before{
  position: absolute;
  bottom: 0px;
  left: -100%;
  content: "";
  display: inline-block;
  width: 50%;
  height: 100%;
  background-color:rgba(255,255,255,0.6);

}

.hover_ani2 a:hover:before{
  left: 100%;
  transition: 0.4s all;
}

.hover_ani3{
  position: relative;
  display: inline-block;
  text-decoration:none;
  color:#fff;
  overflow:hidden;
}

.hover_ani3 a{
	color:#fff;
	text-decoration:none;	
}

.hover_ani3:before{
  position: absolute;
  bottom: 0px;
  left: -100%;
  content: "";
  display: inline-block;
  width: 50%;
  height: 100%;
  background-color:rgba(255,255,255,0.6);

}

.hover_ani3:hover:before{
  left: 100%;
  transition: 0.6s all;
}


.hover_ani4{
  position: relative;
  display: inline-block;
  text-decoration:none;
  color:#0583c9;
  overflow:hidden;
}

.hover_ani4 a{
	color:#0583c9;
	text-decoration:none;	
}

.hover_ani4:before{
  position: absolute;
  bottom: 0px;
  left: -100%;
  content: "";
  display: inline-block;
  width: 50%;
  height: 100%;
  background-color:rgba(255,255,255,0.6);

}

.hover_ani4:hover:before{
  left: 100%;
  transition: 0.6s all;
}

.hover_ani5 a{
  position: relative;

  text-decoration:none;
  color:#fff;
  overflow:hidden;
}

.hover_ani5 a:before{
  position: absolute;
  bottom: 0px;
  left: -100%;
  width:100%;
  content: "";

  height: 100%;
  background-color:rgba(255,255,255,0.6);

}

.hover_ani5 a:hover:before{
  left: 100%;
  transition: 0.4s all;
}

.hover_ani6 a{
  position: relative;

  text-decoration:none;
  color:#0583c9;
  overflow:hidden;
}

.hover_ani6 a:before{
  position: absolute;
  bottom: 0px;
  left: -100%;
  width:100%;
  content: "";

  height: 100%;
  background-color:rgba(255,255,255,0.6);

}

.hover_ani6 a:hover:before{
  left: 100%;
  transition: 0.4s all;
}

.hover_ani7{
  position: relative;

  text-decoration:none;
  color:#fff;
  overflow:hidden;
}

.hover_ani7 a{
	color:#fff;
	text-decoration:none;	
}

.hover_ani7:before{
  position: absolute;
  bottom: 0px;
  left: -100%;
  content: "";
  display: inline-block;
  width: 50%;
  height: 100%;
  background-color:rgba(255,255,255,0.6);

}

.hover_ani7:hover:before{
  left: 100%;
  transition: 0.6s all;
}


.ofh{
	overflow:hidden;	
}

/**/

.bg_img1{
	background-image:url(../images/saitama_photo6.jpg);
		
}

.bg_img2{
	background-image:url(../images/bg2.jpg);
		
}

.bg_en_img{
	background-image:url(../images/mv_qr.jpg);
}

.bg_kou_img1{
	background-image:url(../images/saitama_photo1.jpg);
		
}

.bg_kou_img1_1{
	background-image:url(../images/saitama_photo1.jpg);		
}
.bg_kou_img1_2{

		background-image:url(../images/saitama_photo3.jpg);	
	background-position:center;	
}

.bg_kou_img1_3{
	background-image:url(../images/saitama_photo2.jpg);
	background-position:right;
}

.bg_kou_img1_4{
	background-image:url(../images/saitama_photo4.jpg);		
}
.bg_kou_img1_5{
	background-image:url(../images/saitama_photo5.jpg);		
}

.bg_kou_img2{
	background-image:url(../images/yamagata_photo1_1.jpg);
		
}

.bg_kou_img2_1{
	background-image:url(../images/yamagata_photo1_1.jpg);		
}
.bg_kou_img2_2{

	background-image:url(../images/yamagata_photo1_2.jpg);	
	background-position:right;
}

.bg_kou_img2_3{
	background-image:url(../images/yamagata_photo1_3.jpg);
}

.bg_kou_img2_4{
	background-image:url(../images/yamagata_photo1_4.jpg);		
		background-position:center;	
}
.bg_kou_img2_5{
	background-image:url(../images/yamagata_photo1_5.jpg);		
}

.bg_kou_img3{
	background-image:url(../images/yamagata_photo2_1.jpg);		
}

.bg_kou_img3_1{
	background-image:url(../images/yamagata_photo2_1.jpg);
}
.bg_kou_img3_2{

	background-image:url(../images/yamagata_photo2_2.jpg);	
}

.bg_kou_img3_3{
	background-image:url(../images/yamagata_photo2_3.jpg);
}

.bg_kou_img3_4{
	background-image:url(../images/yamagata_photo2_4.jpg);		
}
.bg_kou_img3_5{
	background-image:url(../images/yamagata_photo2_5.jpg);		
}

.bg_pro_img1{
	background-image:url(../images/process_bg.jpg);
}

.bg_pro_img2{
	background-image:url(../images/k_sum1.jpg);
}

.bg_pro_img3{
	background-image:url(../images/technology_sum1.png);
}

.bg_pro_img4{
	background-image:url(../images/technology_sum2.png);
}

.bg_pro_img5{
	background-image:url(../images/technology_sum3.png);
}

.bg_pro_img6{
	background-image:url(../images/technology_sum4.png);
}

.bg_equ_img1{
	background-image:url(../images/equ1.jpg);	
}

.bg_equ_img2{
	background-image:url(../images/13.jpg);	
}

.bg_news_img1{
	background-image:url(../images/news_bg2.jpg);	
}

.bg_rec_img1{
	background-image:url(../images/news_bg.jpg);	
}

.bg_rec_img2{
	background-image:url(../images/rec_bg_img1.jpg);	
}

.bg_rec_img3{
	background-image:url(../images/rec_bg_img2.jpg);	
}

.bg_rec_img4{
	background-image:url(../images/rec_bg_img3.jpg);	
}

.bg_oth_img1{
	background-image:url(../images/rec_bg_img.jpg);	
}

/*pan*/

.pan{
	font-size:14px;
	margin-bottom:100px;
	padding-top:40px;
}

.pan li{
	float:left;
	margin-right:5px;
}

.pan a{
	color:#fff;

}

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

.pan{
	margin-bottom:40px;
	padding-top:20px;
}
	
}

/**/

#contents_wrap{
	color:#111;
	background-color:#fff;
}

#contents_wrap h2{
	font-size:52px;
	line-height:52px;
	color:#0583c9;
}

#contents_wrap h3{
	font-size:28px;
	line-height:28px;
	color:#111;
}

.con_img_box{
	position:relative;
	overflow:hidden;
	height:300px;
}

.img_back{
	background-color:#0583c9;
	position:absolute;
	top:-240px;
	left:-20%;
	overflow:hidden;
	width:160vw;
	min-height:400px;
	z-index:10;
transform: rotate(6deg);
}

.con_img{
	top:240px;
	left:0px;
	position:absolute;
	width:100%;
	height:100%;
	z-index:9;
transform: rotate(-6deg);
background-position:center;
background-size:cover;
}

.con_img_cover{
	background-image:url(../images/img_cover.png);
	top:240px;
	left:0px;
	position:absolute;
	width:100%;
	height:100%;
	z-index:9;
transform: rotate(-6deg);
}

.mt_title{
	margin-top:-140px;
	position:relative;
	z-index:12;
}

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

#contents_wrap h2{
	font-size:5vw;
	line-height:5vw;
	color:#0583c9;
}

#contents_wrap h3{
	font-size:4vw;
	line-height:4vw;
	color:#111;
}

.img_back{
	background-color:#0583c9;
	position:absolute;
	top:-300px;
	left:-20%;
	overflow:hidden;
	width:160vw;
	min-height:400px;
	z-index:10;
transform: rotate(6deg);	
}

.mt_title{
	margin-top:-160px;
}

.pt60{
	padding-top:40px;
}

.pb60{
	padding-bottom:40px;
}

.pb40{
	padding-bottom:20px;	
}

.pb80{
	padding-bottom:40px;	
}

}

/*map_box*/

#map_box{
	background-color:#fff;
	color:#111;
	position:relative;
	overflow:hidden;
}

#map{
	width:100%;
	height:540px;
}

#map_box .text{
	margin-top:50px;
	padding:80px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#ccc;
	text-align:center;
}

#map_wrap{
	padding-top:50px;	
}

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

#map_box .equipment_btnset{
	padding-left:20px;
	padding-right:20px;

}

#map_box .text{
	margin-top:40px;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
}

#map_box .pt50{
	padding-top:40px;
}

#map_wrap{
	padding-top:20px;	
}
	
}

/**/

.cor_table{
	text-align:left;
}

.cor_table a{
	color:#111;
	text-decoration:none;
}

.cor_table th{
	font-weight:normal;
	width:160px;
	padding-bottom:10px;
	padding-left:40px;
}

.cor_table td{
	padding-bottom:10px;
	padding-right:40px;
}

.cor_table .s1{
	
	font-size:28px;
	line-height:28px;

	padding-top:70px;
	padding-bottom:40px;
}


.cor_table2{
	text-align:left;
	font-size:14px;
	margin-left:60px;
	width:60%;
	
}

.cor_table2 a{
	color:#111;
	text-decoration:none;
}

.cor_table2 th{
	font-weight:normal;
	padding-top:10px;	
	padding-bottom:10px;

	border-left:solid 2px #111;
	box-sizing:border-box;
	width:10%;
	position:relative;
}

.cor_table2 td{
	padding-top:10px;	
	padding-bottom:10px;

	box-sizing:border-box;
position:relative;
transition: 0.4s all;
padding-left:40px;	

}


.cor_table2 tr{
position:relative;

}

.cor_table2 .pointer{

width:0px;
height:0px;
	
background-color:#0583c9;
border:0px solid #055582;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
box-sizing:border-box;
position:absolute;
top:50%;
margin-top:0px;
margin-left:-1px;

transition: 0.4s all;

}

.cor_table2 .active td{
	
	font-size:28px;
	line-height:28px;

	padding-top:30px;
	padding-bottom:30px;
	background-color:rgba(5,131,201,0.2);
	background-size:50%;
transition: 0.4s all;
		
}

.cor_table2 .active .pointer{
width:24px;
height:24px;
	
background-color:#0583c9;
border:8px solid #055582;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
box-sizing:border-box;
position:absolute;
top:50%;
margin-top:-12px;
margin-left:-13px;

transition: 0.4s all;

}

/*
.cor_table2 tr:hover td{
	
	font-size:28px;
	line-height:28px;

	padding-top:30px;
	padding-bottom:30px;
	
transition: 0.4s all;	
		
}

.cor_table2 tr:hover .pointer{
width:24px;
height:24px;
	
background-color:#0583c9;
border:8px solid #055582;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
box-sizing:border-box;
position:absolute;
top:50%;
margin-top:-12px;
margin-left:-13px;

transition: 0.4s all;

}
*/


.cor_table3{
	text-align:left;
}

.cor_table3 a{
	color:#111;
	text-decoration:none;
}

.cor_table3 th{
	font-weight:normal;
	width:160px;
	padding-bottom:10px;
	padding-left:0px;
		padding-top:10px;
}

.cor_table3 td{
	padding-bottom:10px;
	padding-right:40px;
	padding-top:10px;
}

.cor_table3 tr{
	border-bottom:dotted 1px #ccc;
}

.cor_table3 .s1{
	
	font-size:28px;
	line-height:28px;

	padding-top:70px;
	padding-bottom:40px;
}

/**/

.cor_table4{
	text-align:left;
}

.cor_table4 a{
	color:#111;
	text-decoration:none;
}

.cor_table4 th{
	font-weight:normal;
	width:280px;
	padding-bottom:10px;
	padding-left:0px;
		padding-top:10px;
}

.cor_table4 td{
	padding-bottom:10px;
	padding-right:40px;
	padding-top:10px;
}

.cor_table4 tr{
	border-bottom:dotted 1px #ccc;
}

.cor_table4 .s1{
	
	font-size:28px;
	line-height:28px;

	padding-top:70px;
	padding-bottom:40px;
}


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

.cor_table th{
	padding-bottom:10px;
	padding-left:20px;
	width:30%;
}

.cor_table td{
	padding-bottom:10px;
	padding-right:20px;
}

.cor_table .s1{
	
	font-size:5vw;
	line-height:5vw;

	padding-top:40px;
	padding-bottom:20px;
}

.cor_table3 th{
	padding-bottom:10px;
	padding-left:20px;
	width:30%;
}

.cor_table3 td{
	padding-bottom:10px;
	padding-right:20px;
}

.cor_table3 .s1{
	
	font-size:5vw;
	line-height:5vw;

	padding-top:40px;
	padding-bottom:20px;
}

.cor_table2{
	margin-left:5%;
	width:95%;
	
}

.cor_table2 td{

padding-left:10px;	

}

.cor_table4 th{
	padding-bottom:10px;
	padding-left:20px;
	width:30%;
}

.cor_table4 td{
	padding-bottom:10px;
	padding-right:20px;
}

.cor_table4 .s1{
	
	font-size:5vw;
	line-height:5vw;

	padding-top:40px;
	padding-bottom:20px;
}

}

/**/
.kou_box{
	margin-top:-200px;
	position:relative;
	z-index:12;
}

.kou_box p a{
	color:#111;
	text-decoration:none;
}

.kou_box p:nth-child(2){
	float:left;
	margin-bottom:20px;
}

.kou_box div:nth-child(3){
	float:right;
}

.kou_box div:nth-child(3) div{
	float:left;
	margin-right:40px;
}

.kou_photo1{
	width:100%;
	height:70vh;
	margin-bottom:2%;
	background-size:cover;

}

.kou_photo2{
	float:left;
	width:58%;
	margin-bottom:2%;
	margin-right:2%;
	box-sizing:border-box;
	height:40vh;
	background-size:cover;
}

.kou_photo3{
	float:left;
	width:40%;
	margin-bottom:2%;
	box-sizing:border-box;
	height:40vh;
	background-size:cover;
}

.kou_photo4{
	float:left;
	width:40%;
	margin-bottom:2%;
	margin-right:2%;
	box-sizing:border-box;
	height:40vh;
	background-size:cover;
}

.kou_photo5{
	float:left;
	width:58%;
	margin-bottom:2%;
	box-sizing:border-box;
	height:40vh;
	background-size:cover;
}

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

.kou_box p:nth-child(2){
	float:none;
	margin-bottom:20px;
}

.kou_box div:nth-child(3){
	float:none;
}

.kou_box div:nth-child(3) div{
	float:none;
	margin-right:0px;
}

.kou_photo1{
	height:40vh;
}

.kou_photo2{
	height:20vh;
}

.kou_photo3{
	height:20vh;
}

.kou_photo4{
	height:20vh;
}

.kou_photo5{
	height:20vh;
}


}

/**/

.gi_h3{
	color:#111;
	font-size:28px;	
}

.problem_box{
	width:80%;
	margin:0 auto;
/*	border:4px solid #ff3232;*/
	background-color:rgba(255,50,50,0.2);
	padding:20px;
}

.problem_box h4{
	font-size:18px;

}

.movie_box2{
	border: solid 3px #111;
	width:48vw;
	height:27vw;
	margin:0 auto;
}

.graph_wrap{
	border:#ccc solid 3px;
	padding:20px;
	box-sizing:border-box;
	width:32%;
	float:left;
}

.graph_wrap h4{
	font-size:18px;
}

.graph_wrap_mr{
	margin-right:2%;
}

.graph_table{
	width:100%;
	text-align:left;
}

.graph_table th{
	width:35%;
	border-bottom:1px solid rgba(0,0,0,0.4);
	margin-bottom:10px;
	text-align:center;
}

.graph_table td{
	width:65%;
/*	background-color:#0583c9;*/
	margin-bottom:10px;
		border-bottom:1px solid rgba(0,0,0,0.4);

}

.graph_table td span{
	display:block;	
	width:20%;
	height:10px;
	float:left;
	border:2px solid rgba(0,0,0,0.4);
	border-right:none;
	box-sizing:border-box;	
}

.graph1 td span{
	background-color:#ff3232;
}

.graph2 td span{
	background-color:#0583c9;
}

.graph3 td span{
	background-color:#ffb931;
}

.graph_table td .rb{

	border-right:2px solid rgba(0,0,0,0.4);
}

.graph_table td .half{

	width:10%;
}

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

.gi_h3{
	font-size:4vw;	
}	

.movie_box2{
	border: solid 3px #111;
	width:80vw;
	height:45vw;
	margin:0 auto;
}

.graph_wrap{

	width:100%;
	float:none;
}

.graph_wrap_mr{
	margin-right:0%;
	margin-bottom:20px;
}

}

/*technology_box*/

#technology_box{
	position:relative;
	overflow:hidden;
	text-align:center;
}

#technology_box h2{

}

#tec_list2{

}

#tec_list2 .item1,.item2,.item3,.item4,.item5,.item6,.item{
	width:22%;
	height:240px;
	background-size:cover;
	background-position:center;
	text-align:left;
	position:relative;
	overflow:hidden;
}

#tec_list2 .item1{
	background-image:url(../images/kana_1.jpg);
	margin-right:4%;
}

#tec_list2 .item2{
	background-image:url(../images/kana_2.jpg);
	margin-right:4%;
}

#tec_list2 .item3{
	background-image:url(../images/kana_3.jpg);
	margin-right:4%;
}

#tec_list2 .item4{
	background-image:url(../images/kana_4.jpg);
}

#tec_list2 .item5{
	background-image:url(../images/kana_5.jpg);
	margin-right:4%;
}

#tec_list2 .item6{
	background-image:url(../images/kana_6.jpg);
	margin-right:4%;
}

#tec_list2 .text_box{
	background-color:rgba(0,0,0,0.6);
	position:absolute;
	width:100%;
	bottom:0px;
	padding-top:20px;
padding-bottom:20px;
cursor:pointer;

    transition: 0.4s all;
	font-size:14px;
}

.h_box{
padding-left:20px;
padding-right:20px;
}

#tec_list2 a {
	color:#fff;
	text-decoration:none;
}

#tec_list2 a div .text_box p{

padding-left:20px;
padding-right:20px;

    transition: 0.4s all;
    max-height: 0;

}

#tec_list2 a:hover > div .text_box{
	
    transition: 0.8s all;
	background-color:rgba(5,131,201,0.8);
	
}

#tec_list2 a:hover > div .text_box p {
    /*transition: 0s all;
    opacity: 0;
    max-height: 0;*/
	
    transition: 0.8s all;
    max-height: 200px;	
	
}

#technology_box .blue_back{
	background-color:#0583c9;
	position:absolute;
	top:60%;
	left:-20%;
	overflow:hidden;
	width:160vw;
	height:100%;
	z-index:10;

transform: rotate(10deg);
	
}

.common_blue_back{
	
	background-color:#0583c9;
	position:absolute;
	top:60%;
	left:-20%;
	overflow:hidden;
	width:160vw;
	height:100%;
	z-index:-10;

transform: rotate(6deg);
	
}

.common_blue_back2{
	
	background-color:#0583c9;
	position:absolute;
	top:-60%;
	left:-20%;
	overflow:hidden;
	width:160vw;
	height:100%;
	z-index:-10;

transform: rotate(6deg);
	
}

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

#technology_box{
	text-align:left;
}

#technology_box .con_box{
	padding-bottom:20px;
}


#tec_list2 .item1,.item2,.item3,.item4,.item{
	width:100%;
	height:400px;
	text-align:left;
	margin-bottom:20px;
}

.text_box p{
    max-height: 200px !important;
	    transition: 0.8s all;
}

.text_box{
	
    transition: 0.8s all;
	background-color:rgba(5,131,201,0.8) !important;
	
}

#technology_box .blue_back{

	top:60%;
	left:-20%;

	width:160vw;
	height:100%;


transform: rotate(30deg);
	
}

.common_blue_back{
	
	top:60%;
	left:-20%;

	width:160vw;
	height:100%;


transform: rotate(6deg);
	
}

}

.syoukai_img_box{
	width:48vw;
	min-height:27vw;
	background-size:cover;
	position:relative;
	margin:0 auto;
	border:4px solid #0583c9;
}

.syoukai_img_box h3{
	color:#0583c9 !important;
}

.syoukai_img_box .dis_text_box{
	background-color:rgba(255,255,255,0.6);
	padding:20px;
	position:absolute;
	bottom:0px;
}

.sankaku{
	width: 0;
	height: 0;
	border: 2vw solid transparent;
	border-top: 2vw solid #0583c9;
	margin:0 auto;
}

.sankaku2{
	width: 0;
	height: 0;
	border: 2vw solid transparent;
	border-bottom: 2vw solid #0583c9;
	margin:0 auto;
}

.syoukai_img_box.item1{
	background-image:url(../images/k_sum1.jpg);
}

.syoukai_img_box.item2{
	background-image:url(../images/k_sum2.jpg);
}

.syoukai_img_box.item3{
	background-image:url(../images/k_sum3.jpg);
}

.syoukai_img_box.item4{
	background-image:url(../images/k_sum4.jpg);
}

.syoukai_img_box.item5{
	background-image:url(../images/k_sum5.jpg);
}

.syoukai_img_box.item6{
	background-image:url(../images/k_sum6.jpg);
}

.syoukai_img_box.item7{
	background-image:url(../images/k_sum7.jpg);
}

.syoukai_img_box.item8{
	background-image:url(../images/k_sum8.jpg);
}

.syoukai_img_box.item9{
	background-image:url(../images/k_sum9.jpg);
}

.syoukai_img_box.item10{
	background-image:url(../images/k_sum10.jpg);
}

.syoukai_img_box.item11{
	background-image:url(../images/k_sum11.jpg);
}


@media screen and (max-width: 960px){
	
.syoukai_img_box{
	width:80vw;
	min-height:80vw;
	background-size:cover;
	position:relative;
	margin:0 auto;
	border:4px solid #0583c9;
}

.syoukai_img_box .text_box{
	background-color:rgba(255,255,255,0.6);

}
	
}

/**/

.newsitem1{
/*	background-image:url(../images/news_170203_photo1.jpg);*/
	margin-right:4%;
}

.newsitem2{
/*	background-image:url(../images/news_170203_photo1.jpg);*/
}

.photoBox{
	text-align:center;
	margin-top:60px;
}

.photoBox img{
	border:solid #0583c9 3px;
	width:1200px;
}

.article{
	width:800px;
	margin:0 auto;
	margin-top:60px;
}

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

	
.article{
	width:auto;
}

}

/**/

.form_att{
	background-color:#ff3232;
/*	border:#ff3232 solid 2px;*/
color:#fff;
	font-weight:bold;
	padding:2px;
	padding-bottom:0px;
}

.table_box1 th{
	vertical-align:top !important;
}

.table_box1 .w10{
	width:10%;
	/*max-width:60px;*/
	padding: 10px;
}

.table_box1 .w20{
	width:20%;
	/*max-width:60px;*/
	padding: 10px;
}

.table_box1 .w30{
	width:30%;
	/*max-width:60px;*/
	padding: 10px;
}

.table_box1 .w40{
	width:40%;
	/*max-width:60px;*/
	padding: 10px;
}

.table_box1 .w50{
	width:50%;
	/*max-width:60px;*/
	padding: 10px;
}

.table_box1 .w100{
	width:100%;	
	padding: 10px;
}

@media screen and (max-width: 640px){
	
.table_box1 .w10{
	width:50%;
	/*max-width:60px;*/
	padding: 10px;
}

.table_box1 .w20{
	width:50%;
	/*max-width:60px;*/
	padding: 10px;
}

.table_box1 .w30{
	width:50%;
	/*max-width:60px;*/
	padding: 10px;
}

.table_box1 .w40{
	width:50%;
	/*max-width:60px;*/
	padding: 10px;
}

.table_box1 .w50{
	width:50%;
	/*max-width:60px;*/
	padding: 10px;
}

.table_box1 .w100{
	width:100%;	
	padding: 10px;
}

.table_box1 th{
	display: block;
	padding-left: 0px;
	padding-bottom: 0px;
}

.table_box1 td{
	display: block;
}

.cor_table4 th{
	width: 100%;
}
	
}