@charset "utf-8";
/* CSS Document */
body{
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	font-size: 100%;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
/*"Times New Roman","游明朝", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; ;
  font-weight:bold;*/  
}
.pc{display:block;}
.pc2{display:none;}
.tab{display:none;}
.sp{display:none;}
.sp_none{display:block;}

a{color:#111;}
li{list-style:none;}

.sp{display:none;}

a:hover{
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  -o-opacity: 0.7;
  -webkit-opacity: 0.7;
  -khtml-opacity: 0.7;
  transition-property: all;
  transition: 0.3s linear;
}
/*___common_____________*/

.header{
  width:100%;
  height:auto;
  background:#f39818;
  position:fixed;
  top:0;
  left:0;
  z-index:2;
}
.innner{
  max-width:1000px;
  height:auto;
  display:block;
  margin:0 auto;
}
.innner2{
  max-width:1600px;
  height:auto;
  display:block;
  margin:0 auto;
}
.innner3{
  max-width:1400px;
  height:auto;
  display:block;
  margin:0 auto;
}
h1{
  background:#fff;
  padding-top:8%;
  padding-bottom:1%;
  width:10%;
  position:fixed;
  top:0;
  left:5em;
  box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2);}
h1 img{
  width:70%;
  display:block;
  margin:0 20% 0 10%;
}
.nav{
  width:52%;
  font-size:90%;
  margin:0 auto;
  padding:3% 0 2%;
  float:right;
}
.nav li{
  float:left;
  font-weight:bold;
  padding-left:5%;
}
.nav li a{
  width:100%;
  height:100%;
  color:#fff;
}
.nav li a:hover{
  border-bottom:2px solid #fff;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  -moz-opacity: 1;
  -o-opacity: 1;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  transition: 0.1s linear;
}.nav li span{
  font-size:50%;
  font-weight:100;
}
.nav2{
  width:20%;
  font-size:90%;
  float:right;
  padding:2% 0 2%;
}
.nav2 .textLink{
  width:100%;
  font-size:80%;
  margin-bottom:1%;
  color:#fff;
  text-align:left;
}
.nav2 a{
  color:#f39818;
}
.nav2 .textLink a{
  color:#fff;
}
.nav2 .contact{
  background:#fff;
  width:50%;
  padding:2%;
  font-weight:bold;
  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */
  -o-border-radius: 10px;   /* Firefox用 */
  -ms-border-radius: 10px;   /* Firefox用 */
}
.nav2 .contact:hover{
  background:#575454;
  transition: 0.3s linear;
}
.nav2 .contact img{
  margin-right:5%;
  margin-bottom:1%
}
.box{
  background:#f39818;
  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */
  -o-border-radius: 10px;   /* Firefox用 */
  -ms-border-radius: 10px;   /* Firefox用 */
  color:#fff;
}
.news{
  width:49%;
  height:20em;
  float:left;
  padding:1.5% 2% 6%;
  margin:1.5% 0% 1.5% 1%;
  text-align:left;
}
.newsTitle{
  font-size:120%;
  border-bottom:#fff dotted 5px;
  padding:0 0 1% 3%;
}
.news ul{
  height:14em;
  margin:2% 0;
  padding:3% 0 1% 3%;
  overflow-y: scroll;
}
.news li{
  margin-bottom:2%;
}
.news span{
  background:#fff;
  color:#f39818;
  text-align:center;
  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */
  -o-border-radius: 10px;   /* Firefox用 */
  -ms-border-radius: 10px;   /* Firefox用 */
}
.bannerInner{
  float:right;
  width:50%;
  padding:1%;
}
.banner{
  width:100%;
  margin:1% 1% 0;
  padding:2% 1%;
  height:9.75em;
}
.banner a{
  width:100%;
  height:100%;
  color:#fff;
}
.banner:hover{
  background:#575454;
  transition: 0.3s linear;
}
.banner img{
  width:auto;
  height:100%;
  float:right;
  padding-right:1%;
  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */
  -o-border-radius: 10px;   /* Firefox用 */
  -ms-border-radius: 10px;   /* Firefox用 */
}
.banner p{
  font-size:120%;
  float:left;
  margin-top:4%;
  margin-left:10%;
}
.banner p span{
  font-size:70%;  
}
h2 span{
  font-size:100%;
  font-weight:100;
}
h2 img{
  margin-bottom:0.5%;
}

.footer{
  width:100%;
  height:auto;
  background:#f39818;
  padding:2em 0 3em;
  line-height:2;
  color:#fff;
}
.footer a{
  color:#fff;
}

.Handling img{
	max-width:98%;
	height:auto;
	padding:0.5%;
}
.tel a{
  color:#f39818;
}
.w50{
  width:50%;
  height:auto;
  float:left;
}


/*___index_____________*/
.mainImg{
  width:100%;
  height:auto;
	max-height: 100vh;
	overflow: hidden;
}
.mainImg video{
  width:100%;
  height:auto;
  background:#fff;
}
/*
.bxslider{
  z-index:1;
}

.bxslider img{
  width:100%;
  height:auto;
}*/
.vision{
  width:100%;
  height:57em;
  background: url(../img/index/backImg.jpg)  repeat center center fixed;
  color:#f39818;
}
.cont1{
  padding-bottom:5em;
}
.link{
  padding:5em 0;
  width:80%;
  display:block;
  margin:0 auto;
}
.link h2{
  margin-bottom:2%;
}
.link img{
  margin:0.5% 1%;
}
.vision h2 img{
  margin-top:-2.5%;
}
.vision h2{
  color:#fff;
}
.vision h3{
  color:#f39818;
  font-size:150%;
  padding:3% 0 2%;
}
.vision .text{
	color:#000;
	font-size:90%;
	width:70%;
	display:block;
	margin:0 auto 1em;
}
.visionBox{
  width:30%;
  height:auto;
  padding:5% 0;
  float:left;
  margin:1.5333333333%;
  background:#fff;
  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */
  -o-border-radius: 10px;   /* Firefox用 */
  -ms-border-radius: 10px;   /* Firefox用 */
  box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.visionBox img{
	max-width:98%;
	padding:1%;
	height:auto;
}
.visionBox2,.visionBox3{
  width:48%;
  height:18em;
  float:left;
  margin:1%;
  background:#fff;
  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */
  -o-border-radius: 10px;   /* Firefox用 */
  -ms-border-radius: 10px;   /* Firefox用 */
  box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.visionBox2{
  padding:1%;
}
.visionBox3{
  padding:0;
}
.comImg img{
	width:auto;
	height:auto;
	max-height:100%;
	max-width:100%;
}
.visionBox3 iframe{
  width:100%;
  height:100%;
  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */
  -o-border-radius: 10px;   /* Firefox用 */
  -ms-border-radius: 10px;   /* Firefox用 */
}


/*___  _____________*/

.com h1{
  background:#fff;
  padding-top:2.3%;
  padding-bottom:2.3%;
  width:10%;
  float:left;
  position: static;
}

.nav{
  width:52%;
  font-size:90%;
  margin:0 auto;
  padding:3% 0 2%;
  float:right;
}
.nav2{
  width:20%;
  font-size:90%;
  float:right;
  padding:2% 0 2%;
}
.mainImg img{
  width:100%;
  height:auto;
  padding-top:7%;
}
.com h2{
  color:#f39818;
  text-align:center;
  width:100%;
  font-size:160%;
  margin:2em 0 1em; 
}
.title{
  margin:2em auto -3.3em;
}
.title img{
  width:auto;
  display:block;
  margin:0 auto;
}
.title2{
  margin:-2em auto 0;
  background:#f39818;
}
/*.title2{
  margin:-5.5em auto 0;
  width:100%;
  height:auto;
}*/
.title2 img{
  width:auto;
  display:block;
  margin:0 auto;
}
.cont_og{
  width:100%;
  height:auto;
  background:#f39818;
  padding-bottom:4em;
}
.cont_wt{
  width:100%;
  height:auto;
  background:#fff;
  margin-top:-1em;
  padding-bottom:4em;
}

.cont_og h2{
  color:#fff;
  padding:1.5em 0 2em;
}
.plan{
  width:32.333333333%;
  margin:0.5%;
  padding:0.5%;
  height:auto;
  float:left;
}
.plan img{
  width:100%;
  height:auto;
}
.plan h3{
  color:#fff;
  padding:1em 0 0.3em 0.3em;
  border-bottom:2px solid #fff;
  width:95%;
  text-align:left;
  font-size:130%;
  display:block;
  margin:0 auto;
}
.cont_wt .plan h3{
  color:#f39818;
  border-bottom:2px solid #f39818;
}

.plan .heightLine{
  width:95%;
  text-align:left;
  display:block;
  margin:0 auto 3em;
  padding:0.5em 0;
}
.contact_btn{
  background:#fff;
  width:80%;
  display:block;
  padding:0.7em;
  margin:0 auto;
  font-size:160%;
  font-weight:bold;
  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */
  -o-border-radius: 10px;   /* Firefox用 */
  -ms-border-radius: 10px;   /* Firefox用 */
}
.contact_btn a{
  width:100%;
  height:100%;
}
.contact_btn:hover{
  background:#575454;
  transition: 0.3s linear;
  color:#fff;
}

.com .vision{
  width:100%;
  height:30em;
  padding:6em 0;
  background: url(../img/index/backImg.jpg)  repeat center center fixed;
  color:#f39818;
}
/*.greeting{
  margin-top:3em;
}*/
.greeting_text{
  text-align:left;
  margin-top:1em;
}
.greeting_text h3{
  color:#f39818;
  font-size:125%;
  margin-bottom:1em;
}
.greeting_text .name{
  text-align:right;
  font-weight:bold;
  font-size:120%;
  margin-top:1.5em;
  padding-right:1em;
  }
/*.greeting img{
  width:98%;
  height:auto;
  margin:0 1%;
}*/
.date{
  width:100%;
  padding-bottom:4em;
}
.date dl{
  border-bottom:5px dotted #999999;
  width:100%;
  padding:2em 0;
}

.date dt{
  width:30%;
  float:left;
}
.date dd{
  width:70%;
  float:left;
  text-align:left;
}
.access{
  width:100%;
  padding:0em 0 1em;
  height:40em;
}
.access iframe{
  width:100%;
  height:100%;
  border-radius: 20px;        /* CSS3草案 */  
  -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 20px;   /* Firefox用 */
  -o-border-radius: 20px;   /* Firefox用 */
  -ms-border-radius: 20px;   /* Firefox用 */
  box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.bb{
  border-bottom:1px solid #fff;
}
.industry_photo,
.industry_textarea2{
  width:48%;
  margin:0 1.5% 0 0.5%;
  float:left;
}
.greeting_text{
  width:48%;
  margin:0 0.5% 0 1.5%;
  float:left;
}
.greeting_photo{
  width:48%;
  margin:0 1.5% 0 0.5%;
  float:right;
}
.industry_textarea,
.industry_photo2{
  width:48%;
  margin:0 0.5% 0 1.5%;
  float:right
}
.industry_photo img,
.industry_photo2 img,
.greeting_photo img{
  width:100%;
  height:auto;
}
.greeting_photo,
.greeting_text{
  margin-top:3em;
  text-align:left;
}

.industry_textarea,
.industry_textarea2{
  text-align:left;
}
.industry_textarea .case,
.industry_textarea2 .case{
  font-size:300%;
  font-weight:bold;
  color:#fff;
}
.industry_textarea h2,
.industry_textarea2 h2{
  padding: 1em 0 1em;
  margin:0;
  text-align:left;
}
.case_type{
  width:32.33333333%;
  margin:3% 0.5% 10%;
  padding:1% 2%;
  height:auto;
  float:left;
  background:#fff;
  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */
  -o-border-radius: 10px;   /* Firefox用 */
  -ms-border-radius: 10px;   /* Firefox用 */
}
.case_type h3{
  color:#f39818;
  padding:0.3em 0 0.3em 0.3em;
  border-bottom:3px solid #f39818;
  width:95%;
  font-size:130%;
  display:block;
  margin:0 auto 1em;
}
.case_type p{
  text-align:left;
}
.policy{
  text-align:left;
  margin-bottom:4em;
}
.policy h3{
  font-size:110%;
  font-weight:bold;
  margin-bottom:0.5em;
}
.policy p{
  margin-left:1em;
}

@media only screen and (max-width: 1400px) {
.nav{
  width:55%;
  padding:3% 0 2%;
}
.nav2{
  width:25%;
  font-size:90%;
  float:right;
  padding:2% 0 2%;
}
.nav2 .contact{
  width:60%;
}
.bxslider{
	padding-top:5%;
}
.banner p{
  font-size:110%;
  margin-top:4%;
  margin-left:4%;
}
/*.greeting{
  width:95%;
  margin:0 2.5%;
}*/
}
@media only screen and (max-width: 1250px) {
.nav{
  font-size:80%;
}
.nav li{
  padding-left:3%;
}
.nav2{
  width:20%;
}
.nav2 .contact{
  width:70%;
  font-size:90%;
}
.news{
  font-size:90%;
  width:98%;
  height:15em;
  float:none;
  margin:1.5% 1% 1.5% 1%;
}
.news ul{
  height:10em;
  margin:1% 0;
  overflow-y: scroll;
}
.bannerInner{
  float:right;
  width:98%;
  padding:0;
  margin:0.5% 1% 1.5% 1%;
}
.banner{
  width:49%;
  margin:0 0.5% ;
  padding:1.5% 1%;
  height:9em;
  float:left;
}
.banner:hover{
  background:#f39818;
}
.banner p{
  margin-left:2%;
  font-size:105%;
}
.vision{
  font-size:90%;
}
}
@media only screen and (max-width: 1100px) {
.pc{display:none;}
.pc2{display:block;}
.tab{display:none;}
.sp{display:none;}
.banner p{
  margin-left:8%;
}
.nav{
  width:60%;
}
.kojin h1{
  padding-top:2.5%;
  padding-bottom:2.5%;
}

}
@media only screen and (max-width: 980px) {
h1,.com h1{
  padding-top:2%;
  padding-bottom:2%;
  margin-left:2%;
  width:15%;
  position: static;
  float:left;
  box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.nav2{
	width:83%;
	display:block;
  padding-bottom:0;
}
.nav2 .textLink{
	text-align:right;
	padding-right:3%;
	
}
.nav2 .contact{
	margin:0 3% 0 auto;
	padding:1%;
	width:25%;
}
.nav{
  width:100%;
}
.nav li{
	width:20%;
	padding:0;
}
.bxslider{
	padding-top:15%;
}
.newsTitle{
  font-size:100%;
  border-bottom:#fff dotted 2px;
  padding:0 0 1% 3%;
}
.footer{
	font-size:90%;
}

.mainImg img{
  padding-top:18%;
}
.industry_photo,
.industry_textarea2,
.industry_textarea,
.industry_photo2{
  width:90%;
  margin:0 auto 0 ;
  float:none;
  padding-bottom:3%;
  padding-top:3%;
}
.industry_photo img,
.industry_photo2 img{
  max-width:400px;
}
.industry_photo,
.industry_photo2{
  padding-top:0;
}

/*.industry_photo,
.industry_photo2{
  padding-top:17%;
}*/
}

@media only screen and (max-width: 880px) {
.banner p{
  margin-left:3%;
  font-size:100%;
}
.Handling{
	width:100%;
}
.contact_btn{
  width:90%;
  padding:0.7em;
  margin:0 auto;
  font-size:130%;
}

.contact_btn:hover{
  background:#fff;
  transition: none;
  color:#000;
}
.greeting_text,
.greeting_photo{
  width:90%;
  display:block;
  margin:5% 5% 0;
}
.greeting_photo img{
  width:100%;
  max-width:400px;
  display:block;
  margin:0 auto;
}

}

@media only screen and (max-width: 808px) {
.pc{display:none;}
.pc2{display:none;}
.tab{display:block;}
.sp{display:none;}
.nav li a:hover{
  border-bottom:none;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  -moz-opacity: 1;
  -o-opacity: 1;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
}
.banner{
  width:49%;
  margin:0 0.5% ;
  padding:1.5% 1%;
  height:auto;
  float:left;
}

.banner p{
  width:100%;
  margin-left:2%;
  font-size:105%;
}
.banner img{
  width:98%;
  height:auto;
  float:none;
  padding:5% 1% 1%;
  margin:1%;
  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */
  -o-border-radius: 10px;   /* Firefox用 */
  -ms-border-radius: 10px;   /* Firefox用 */
}

.visionBox2 .w50{
	width:95%;
	margin:0 2.5%;
}
h2 span{
  font-size:80%;
}
.mainImg img{
  padding-top:19.3%;
}
.com{
  font-size:90%;
}
.main_text{
  width:90%;
  margin:0 5%;
}

}
@media only screen and (max-width: 657px) {
.pc{display:none;}
.pc2{display:none;}
.tab{display:none;}
.sp{display:block;}
.sp_none{display:none;}
h1,.com h1{
  padding-top:3%;
  padding-bottom:3%;
  margin-left:2%;
  width:20%;
  position: static;
  float:left;
}
.nav2{
	width:78%;
}

.nav li span{
  display:none;
}
.nav2 .contact{
	width:45%;
}
.link{
  padding:3em 0;
  width:90%;
}
.Handling img{
	padding:2%;
}
.mainImg img{
  padding-top:21%;
}
.plan{
  width:98%;
  max-width:400px;
  margin:0.5% auto;
  padding:0.5% 1%;
  float:none;
  display:block;
}
.plan img{
  width:100%;
  max-width:400px;
  height:auto;
}
.plan h3{
  color:#fff;
  padding:1em 0 0.3em 0.3em;
  border-bottom:2px solid #fff;
  width:95%;
  text-align:left;
  font-size:130%;
  display:block;
  margin:0 auto;
}
.com h2{
  font-size:130%;
}

.case_type{
  width:85%;
  margin:3% auto ;
  padding:1% 2%;
  height:auto;
  float:none;
  background:#fff;
  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */
  -o-border-radius: 10px;   /* Firefox用 */
  -ms-border-radius: 10px;   /* Firefox用 */
}
.case_type h3{
  color:#f39818;
  padding:0.3em 0 0.3em 0.3em;
  border-bottom:3px solid #f39818;
  width:95%;
  font-size:130%;
  display:block;
  margin:0 auto 1em;
}
.case_type p{
  text-align:left;
}
.industry_photo,
.industry_photo2{
  padding-top:10%;
}
.mt_n{
  margin-top:-4em;
}
.vision h3{
  font-size:90%;
}

}
@media only screen and (max-width: 500px) {
.visionBox2{
	font-size:95%;
  height:19em;
}
.mainImg img{
  padding-top:22.5%;
}

}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
  z-index:2;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
  border:#223BCD 1px solid;
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #287728;
}
.bx-pager {
  display:none;

}
  
   
/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
  left:5px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

/*:::::::::::::::
　 問い合わせ
:::::::::::::::
.contact{
  position:fixed;
  top:0;
  right:4em;
  z-index:10;
}
@media only screen and (max-width: 700px) {
.contact{
  position:fixed;
  top:0;
  right:0;
  max-width:70px;
  height:auto;
}
.contact img{
  width:100%;
  height:auto;
}
}*/

/*:::::::::::::::
　　フォーム
:::::::::::::::*/
.w1100{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	display:block;
}

.form{
  width:100%;
  padding:3% 0;
  line-height:2em;
}
.form .w1100 img{
  width:90%;
  padding:0 0 1%;
  margin:0 5% 0;
}
.form table{
	max-width:1100px;
	width: 90%;
	text-align: left;
	margin-right: 5%;
	margin-left: 5%;
	border:2px solid #fff;
  background:#eaeaea;
}
.form table .abs {
	margin-left: 3px;
	color: #f00;
}
.form table th, .form table td{
	width:100%;
	margin-bottom:0.5em;
	padding: 0.2em 1em;
	vertical-align: center;
	text-align: left;
	border-bottom:2px solid #fff;
}

input,
textarea{
  line-height:1em;
  max-width:1000px;
  margin:0.2em auto 0.2em 0;
  padding:0.2em 1em;
  font-size: 100%;
  border:1px solid #9A9A9A;
  background:#fff;}

.form table th {
	background: #f39818;
  color:#fff;
	width: 40%;
  font-weight:100;
}

.form table td {
	width: 60%;
  margin:2% 2.5%;
}
.form table td.submit {
	border: 0;
	text-align: center;
}
.form table td.submit input{
  line-height:1em;
  margin:5% 0.5%;
  padding:1% 2%;
  background:#eee;
  }
  
@media only screen and (max-width: 959px){
.form {
	width: 100%;
  display:block;
  margin:0 auto;
}
.form table {
	width: 94%;
	margin-right: 3%;
	margin-left: 3%;
}
.form table .abs {
	margin-left: 3px;
	color: #f00;
}
.form table th {
	width: 40%;
}
.form table td {
	width: 60%;
}
}

@media only screen and (max-width: 620px){
.form {
	width: 100%;
  display:block;
  margin:0 auto;
}
.form table {
	width: 98%;
	margin-left: 1%;
}
.form table .abs {
	margin-left: 3px;
	color: #f00;
}
.form table th {
	width: 30%;
}
.form table td {
	width: 70%;
}
}
.w900{
    max-width: 900px;
    padding: 0 3%;
    margin: 0 auto;
}
.flex{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.flex a{
    width: 31%;
    margin-left: 3.5%;
    margin-bottom: 15px;
}
.flex a:nth-of-type(3n+1){
    margin-left: 0;
}

@media only screen and (max-width: 900px){
    
.flex a{
    width: 48%;
    margin-left: 4%;
    margin-bottom: 20px;
}
.flex a:nth-of-type(3n+1){
    margin-left: 4%;
}
.flex a:nth-of-type(2n+1){
    margin-left: 0%;
}
}
@media only screen and (max-width: 480px){
.flex a{
    width: 95%;
    margin-left: 0%;
    margin-bottom: 30px;
}
.flex a:nth-of-type(3n+1){
    margin-left: 0%;
}
    
}
.small img{
    width: 85%;
}

.kpi{
  margin: 50px 0;
}

.kpi h4{
  margin: 30px 0 15px;
  font-size: 21px;
  text-align: center;

}
.kpi table{
  width: 100%;
}
.kpi th,.kpi td{
  border: solid 1px #000;
  padding: 5px 15px;
}
.kpi tr:first-child{
  background-color: #efefef;
}
.accident_contact h3{
  margin: 30px 0 15px;
  font-size: 27px;
  text-align: center;
}
.accident_contact h4{
  margin: 30px 0 15px;
  font-size: 21px;
  text-align: center;
}
.accident_contact table{
  width: 100%;
}
.accident_contact th,.accident_contact td{
  border: solid 1px #000;
  padding: 5px 15px;
}
.accident_contact tr:first-child{
  background-color: #efefef;
}
.accident_contact .inner{
  max-width: 1000px;
    margin: 0 auto;
    padding: 0 10px;
}
.accident_contact table th{
  text-align: left;
}
.accident_contact table tr:first-of-type th{
  text-align: center;
}
.news a{
  color:#fff;
}
@media only screen and (max-width: 480px){
.kpi th,.kpi td{
  border: solid 1px #000;
  padding: 5px 10px;
}
.inner {
    max-width: 1000px;
    padding: 0 10px;
}
.accident_contact h3{
  margin: 30px 0 15px;
  font-size: 21px;
  text-align: center;
}
.accident_contact h4{
  margin: 30px 0 15px;
  font-size: 18px;
  text-align: center;
}
.overflow_table{
  overflow-y: scroll;
}
.accident_contact table{
  font-size: 11px;
}
.accident_contact th,.accident_contact td{
  padding: 5px;
}
}

.r{
  text-align: right;
}