/* ２０２５－5－17　  index4-H 変更
-------------------------------------------------- */









/* index html  
-------------------------------------------------- */
html, body {   height: 100%;
  width: 100%;
}
 
.text-top {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
 
@media (max-width: 970px) {
 
  .text-top h1{
    font-size: 2.5em;
    color: #fff;
  }
  .text-top h3 {
    font-size: 1.5em;
    color: #fff;
    margin-top: -10px;
  }
 
  .text-top > .btn{
    margin-bottom: 20px;
  }
 
  
  
  
  
  
  
  
    #indexc4-H {
    background: url(../images11/16-12-5-14.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  
  
    
    #index4-H {

    background: url(https://lh3.googleusercontent.com/pw/AP1GczOI2AdwjyH7mETj8hYAVWiNvGbnWYAaylyrVmALmrzHEHPBB2NZ_-JLZn-8tyH17hhDwcEYUp3LkCU7SKBA9M2oszIfpQZRLBbNEUUzo1fc8xYuXh0=w2000) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  
   
  #index3-H {
    background: url(../images11/16-11-16-11.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  
  #index2-H {
    background: url(../images11/16-11-16-10.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

 


  
  
  #index1-H {
    background: url(../images11/16-12-3-13.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

 

  
  
    #karenda-2016y {
    background: url(../images2017/16-1-3-1.jpg)  no-repeat center center  fixed;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


  
  
  
   
 
   #karenda-2015y {
      background: url(../images2017/13-10-17-12.jpg) no-repeat center center  fixed;

    display: table;
    height: 100%;
    position: relative;
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

   }

 

  
  
  
  
  
  
  
  
  
  
  #karenda-home {
    background: url(../images2017/17-1-1-0.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

 
 
 
 
  #home2017 {
    background: url(../images2017/17-1-1-0.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
 
 
 
 
 
   #haikei2017-1{
    background: url(../images2017/17-1-1-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
 
 
 
    #haikei2017-2{
    background: url(../images2017/17-2-1-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

 
 
 
 
    #haikei2017-3{
    background: url(../images2017/17-3-1-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

 
 
  
    #haikei2017-4{
    background: url(../images2017/17-4-1-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

 
 
    #haikei2017-5{
    background: url(../images2017/17-5-1-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


    #haikei2017-6{
    background: url(../images2017/17-6-1-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

 
 
 
     #haikei2017-7{
    background: url(../images2017/17-7-1-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


 
 
 
     #haikei2017-8{
    background: url(../images2017/17-8-1-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


 
 
 
     #haikei2017-9{
    background: url(../images2017/17-9-1-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


 
     #haikei2017-10{
    background: url(../images2017/17-10-1-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


 
 
 
     #haikei2017-11{
    background: url(../images2017/17-11-1-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


     #haikei2017-12{
    background: url(../images2017/17-12-1-1.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


  #products-end000 {
    background: url(../images4/16-11-14-3.jpg ) no-repeat center center;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

  }








 
}






















@media (min-width: 971px) {
 
  .text-top h1,.text-top h3 {
    font-size: 4em;
    color: #fff;
  }
 
 
 
 
    #indexc4-H {
   background: url(../images11/16-12-5-14.jpg) no-repeat center center  fixed;

    display: table;
    height: 100%;
    position: relative;
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

   }


 
 
 
/* 背景画像#index4-H */	

  
    #index4-H {
    background: url(https://lh3.googleusercontent.com/pw/AP1GczOI2AdwjyH7mETj8hYAVWiNvGbnWYAaylyrVmALmrzHEHPBB2NZ_-JLZn-8tyH17hhDwcEYUp3LkCU7SKBA9M2oszIfpQZRLBbNEUUzo1fc8xYuXh0=w2000) no-repeat center center
    fixed;
   display: table;
    width: 100%;
    height: 100%;
    position: relative;
 
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


 
 
 
 
 

 
 
 
   
   #index3-H {
   background: url(../images11/16-11-16-11.jpg) no-repeat center center  fixed;

    display: table;
    height: 100%;
    position: relative;
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

   }

 
   
   #index2-H {
   background: url(../images11/16-11-16-10.jpg) no-repeat center center  fixed;

    display: table;
    height: 100%;
    position: relative;
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

   }

 
 
 
 
 
  
   #index1-H {
   background: url(../images11/16-12-3-13.jpg) no-repeat center center  fixed;

    display: table;
    height: 100%;
    position: relative;
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

   }

    #karenda-2016y {
      background: url(../images2017/16-1-3-1.jpg) no-repeat center center  fixed;

    display: table;
    height: 100%;
    position: relative;
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

   }

 

 
 
 
   #karenda-2015y {
      background: url(../images2017/13-10-17-12.jpg) no-repeat center center  fixed;

    display: table;
    height: 100%;
    position: relative;
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

   }

 
 
 
     #karenda-home {
      background: url(../images2017/17-1-1-0.jpg) no-repeat center center  fixed;

    display: table;
    height: 100%;
    position: relative;
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

   }

 
 
 
 
 
 
 
 
  #home2017 {
      background: url(../images2017/17-1-1-0.jpg) no-repeat center center  fixed;

    display: table;
    height: 100%;
    position: relative;
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
 
 
  #haikei2017-1{
    background: url(../images2017/17-1-1-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
 
 
   #haikei2017-2{
    background: url(../images2017/17-2-1-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

   #haikei2017-3{
    background: url(../images2017/17-3-1-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

   #haikei2017-4{
    background: url(../images2017/17-4-1-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

 
   #haikei2017-5{
    background: url(../images2017/17-5-1-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

 
    #haikei2017-6{
    background: url(../images2017/17-6-1-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


 
 
     #haikei2017-7{
    background: url(../images2017/17-7-1-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

 
 
 
 
     #haikei2017-8{
    background: url(../images2017/17-8-1-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

 
 
 
     #haikei2017-9{
    background: url(../images2017/17-9-1-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

 
 
 
 
 
     #haikei2017-10{
    background: url(../images2017/17-10-1-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

 
 
 
 
     #haikei2017-11{
    background: url(../images2017/17-11-1-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

 
 
 
 
     #haikei2017-12{
    background: url(../images2017/17-12-1-1.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

 
    #products-end000 {
    background: url(../images4/16-11-14-3.jpg ) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

  }

 
 
 
 
 
 
}
 
 
 
 
 
 
 
 
/* Bootstrap Navigation styles
-------------------------------------------------- */
 
.navbar-default .navbar-nav > .active{
    color: #000;
   background: #BBDDFF;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
      color: #000;
      background: #BBDDFF;
}
 
 
/* Sticky footer styles
-------------------------------------------------- */
 
.footer {
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  background-color: #f5f5f5;
  padding: 20px 0;
}
 
 
/* Content styles
-------------------------------------------------- */
/* Products */
#products {
  background-color: #306d9f;
  color: #ffffff;
  padding-bottom: 20px;
}
 
#products-detail .panel {
  margin-top: 50px;
  margin-bottom: 50px;
  opacity: 0.85;
}
 
h3 ,h2,.p-center{
text-align: center;
}
 
.service > p{
text-align: center;
}
 
.enimg{
  border-radius: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width:200px;
}
 
.section{
  margin-top: 50px;
  margin-bottom: 50px;
}
 
.center-block{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
 
.video{
  margin-top: 50px;
}
 
.content-img{
  width:80%;
  height:auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}