@charset "utf-8";

/*content*/
h1	{
  font-size: 30px;
  color: #666666;
  font-weight: 700;
  line-height: 1;

}




/*about*/
#index_about{max-width: 1000px;margin: 59px auto 0 auto;padding: 15px;}
#index_about .title{color: #004B6D; font-weight: bold; }
#index_about p{color: #7B7B7B;line-height: 2; margin-top: -16px;}
#index_about .title img:first-child{}
#index_about .text{color: #585341; font-size: 16px; padding: 0 15px; width: 100%; letter-spacing: 0px; font-weight: 100;}
#index_about .text p {
    line-height: 1.8;
}

.dib-mr .text > p {
    color: #7B7B7B;
    line-height: 2;
}
.more {
  text-align: right;
}
.more a {
    color: #449EC7;
    text-decoration: none;
}
.more a:hover {
  filter: saturate(0%);
  -webkit-filter: saturate(0%);
  -moz-filter: saturate(0%);
  -o-filter: saturate(0%);
  -ms-filter: saturate(0%);
}

.more .w1 {font-size: 20px;margin-right: 7px;font-weight: 600;}

}
.more .w2 {
    font-weight: 600;
}
#index_about .business{
    width: 100%;
}
#index_about .business .business01,#index_about .business .business02{
  display: flex;
    flex-direction:row;
    align-content: center;
    flex-wrap: wrap;
}
#index_about .business .business-bimg{
  width: 55%;
}
#index_about .business .business-simg{
  width: 45%;text-align: center;
}
#index_about .business .business-bimg, #index_about .business .business-simg {

}
#index_about .business .business01 .business-simg{
  margin-top: 70px;
}
#index_about .business .business02 .business-simg{margin-bottom: 69px;}
#index_about .business .business02 .business-bimg{
  order: 2;
}
#index_about .business .business02 .business-simg{
  order: 1;
  align-self: flex-end;
}
#index_about .business .business02{
  margin-top: -191px;
}
#index_about .business .title-01{
  font-size: 30px;
  font-weight: bolder;
  color: #999999;
}
#index_about .business .business-title{
  font-size: 20px;
  font-weight: bolder;
  color: #999999;
  margin-left: 9px;
}
/*products*/
#index_products-bg {
    background: url(../images/backgromap.jpg);
    padding: 51px 0px;
    margin: 60px 0;
    text-align: center;
}
.productsmap {
    margin: 0 0 23px 0;
}
.productsmap .dib-prod{  margin-right: 18px;}
.productsmap .dib-prod{  margin-right: 18px;}
.productsmap .dib-prod{
    animation:myfirst 6.5s ease-out;
    transition:.5s ease;
    background: url(../images/opopop.png) repeat-x 37px 0;
    width:118px;
    height:47px;
    background-size:41%;}
@keyframes myfirst
{
0% {background-position:37px 0;}
100%  { background-position:327px 0; }
}
.productsmap .dib-prod img{ visibility: hidden; }

.prodtext {font-size: 30px;color: #666666;font-weight: bold;max-width: calc(100% - 118px - 23px);}
#index_products > .title{margin-bottom: 30px;}
#index_products .dib-prod {display: inline-block;vertical-align: middle;}
#index_products a:hover{text-decoration: none;}
#index_products a span.img img{    max-width: calc(100% - 40px););margin: auto;}
#index_products a .title{margin-top: 10px;
  margin-top: 10px;
  background: #00AAAA;
  position: relative;
  padding: 4px 10px;
  display: inline-block;
  min-width: 56%;
  color: #FFFFFF;
  font-size: 18px;
  border-radius: 4px;
  max-width: calc(100% - 51px);
  line-height: 1.2;
}
#index_products a .text{font-size:14px;color:#333333;margin-top: 10px;}
#index_products #owl-carousel2 {margin: auto; width: calc(100% - 96px);}
#index_products .owl-theme .owl-nav [class*=owl-] {font-size: 12px;filter: Alpha(Opacity=50);opacity: 0.5;position: absolute;width: 35px;height: 36px;text-indent: 9999999px;overflow:hidden;background-color:transparent;background-repeat: no-repeat;background-position: center center;margin: 0;top: calc(50% - 16px);}
#index_products .owl-theme .owl-nav [class*=owl-]:hover {opacity:0.7;}
#index_products .owl-carousel .owl-nav .owl-next{left: -48px;background-image: url(../images/banner_pref.png);}
#index_products .owl-carousel .owl-nav .owl-prev{right: -48px;background-image: url(../images/banner_next.png);}
#index_products .owl-carousel.owl-drag .owl-item > div{position: relative;text-align: center;}
#index_products .owl-carousel.owl-drag .owl-item > div:before{content: "";
    border: 1px solid white;
    position: absolute;
    width: calc(100% - 2px );
    height: calc(100% - 46px);
    left: 0;
    top: 0;
    margin-top: 31px;
    z-index: -1;
}
#index_products-bg .more {
    text-align: center;
    margin-top: 43px;
    margin-bottom: -45px;
}

#index_products .owl-carousel.owl-drag .owl-item:hover > div:before {
    border: 1px solid #00AAAA;
}



/**news*/
.productsmap div {vertical-align: middle;}
#index_news{width:calc(48% - 25px);margin: 15px auto;padding: 15px;}
#index_news > .title{font-size: 16px;color:pink;margin-bottom: 30px;font-weight: bold;}
#index_news a {padding: 5px 0;display: block;}
#index_news a:hover {text-decoration: none;}
#index_news a:hover span{text-decoration: underline;}
#index_news ul li{list-style: none;}
#index_news a .date{font-size: 14px;color:#666;margin-right: 5px;}
#index_news a .title{font-size: 15px;color:#333;max-width: calc(100% - 87px);
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;}
#index_news a .date,#index_news a .title{display: inline-block;vertical-align: top;margin-bottom: 5px;}

.newsmap .themenewsa ul{

}
.newsmap {
    z-index: 2;
    position: relative;
}
.newsmap .themenewsa ul li{
  list-style: none;
}
.themenewsa ul li span{
  font-size: 22px;margin-right: 17px;
}
.newsmap .themenewsa ul li a {
    background: #888888;
    padding: 17px 35px;
    min-width: 100px;
    display: block;
    color: #fff;
    margin: 10px 0px;
    text-decoration: none;
}
.newsmap .themenewsa ul li a:hover {
  color: #cfd4d6;
}
.newsmap .more {
    margin-top: 36px;
    margin-right: 10px;
}
/*new*/


.water {margin-top: -236px;}





/*products*/
@media print, screen and (max-width: 1280px){
#index_about {padding: 34px;}
.water{margin-top: -182px;}
}

@media print, screen and (max-width: 1060px){
.newsmap .productsmap  {
margin-bottom: 0;}
}
@media print, screen and (max-width:999px){
#index_about .business .business01 .business-simg{margin: 42px 0 0 0;}
#banner .owl-theme .owl-nav.disabled+.owl-dots{top: initial;bottom: -37;}
#banner .owl-theme .owl-dots .owl-dot.active span {background: #c5c0c0;}
#banner .owl-theme .owl-dots .owl-dot span {
background: rgba(212, 208, 208, 0.4);}
}
@media print, screen and (max-width:900px){
  #index_about .business .business02
  .business-simg{margin: 19px 0 0 0;}
  .newsmap .more{margin-bottom: 37px;}
}
@media print, screen and (max-width: 838px){
  #index_about .business .business01
  .business-simg {margin: 16px 0 0 0;}
}
@media print, screen and (max-width: 768px){
  #index_about .business .title-01{font-size: 19px;font-weight: bolder;color: #999999;
  .water {margin-top: -134px;
}
}
#index_about .business .business-title {
font-size: 16px;font-weight: bolder;color: #999999;
}
}
@media print, screen and (max-width: 684px){
#index_about .business .business02 .business-bimg {order: 2;margin-top: 34px;.newsmap .}

}
@media only screen and (max-width: 640px) {
.water {margin-top: -40px;}
}
@media print, screen and (max-width: 590px){
#index_about .business .business02 .business-bimg {order: 2;margin-top: 71px;}

/*banner*/
#banner	div.bg	{height: 500px;}
#banner	.owl-carousel .owl-item img {min-height: inherit;}

/*about*/
#index_about {margin-top: 30px;}
#index_about table{margin:15px;}
#index_about table tr td{display: block;}
#index_about{background:none;}
#index_about .text{border-left: 0; padding:30px 0; display:block; }
#index_about .title img{display:block;}


/*products*/
#index_products{width: calc(100% - 0px);margin-top: 30px;padding: initial;}
#index_products .title{font-size: 16px;}
#index_products ul li{width:96%;margin: 15px auto;text-align:center;}

}

@media only screen and (max-width: 768px) {
  #index_about .business .business02 .business-bimg {
  order: 2;
  margin-top: 68px;
}
#index_products a span.img img {
margin: auto;
}
}

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

#banner	div.bg	{height: 300px;}

}

@media only screen and (max-width: 500px) {
  #index_about .business .business02 .business-bimg {
      order: 2;
      margin-top: 110px;
  }
  #index_about .business .business02 .business-simg{

  }
  }



@media only screen and (max-width: 450px) {
  #banner	div.bg	{height: 200px;}
  #index_about .business .business01, #index_about .business .business02{
  display: block;
}
  #index_about .business .business-bimg{
  width: 100%;
}
  #index_about .business .business02 .business-bimg{

  margin-top: 215px;
}
  .business-simg >img{

  display: none;
}
  #index_about .business .business-simg{
  text-align: -webkit-auto;
}
#index_about .business .business02 .business-simg {
    width: 100%;
}


}

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

}