/* index html  
-------------------------------------------------- */
html, body {   height: 100%;
  width: 100%;
}

.text-top {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
 
 
 
 
 
 
 
 /* 「下から」10%　　*/

.figu-07 {position: relative;
	overflow: hidden;
	width: auto;

	
}

.figcapti-07 {position: absolute;
	top: 79%;
	left: 0%;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .4s;
	transition: .4s;
	opacity: 1;color: #fff;
    padding: 4px 4px 4px 4px;
	line-height: 129%;font-size: 100%;
	text-align: justify; /* 両端揃え */
   text-justify: inter-ideograph; /* 両端揃えの種類 */


	
}



.boxseriaru {display: inline-block;}





figure:hover figcaption { TOP:0;left	: 0;}







	
	
 
 
 
 
 
 
 
 
 
 
 
 
@media (max-width: 970px) {
 
  .text-top h1{
    font-size: 2.5em;
    color: #fff;
  }
.center-col {text-align: center;

  
}
  .text-top h3 {
    font-size: 1.5em;
    color: #fff;
    margin-top: -10px;
  }
 
  .text-top > .btn{
    margin-bottom: 20px;
  }
 
  
  
  
  
  
  

  
  
  
  
  
  
  
  
 
 
   #haikei2016-1{
    background: url(../images11/16-1-1-1.svg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
   background-size: contain;

  }
 
 
 
    #haikei2016-2{
    background: url(../images11/16-2-1-1.svg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    background-size: contain;

  }

 
 
 
 
    #haikei2016-3{
    background: url(../images11/16-3-1-1.svg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    background-size: contain;

  }

 
 
  
    #haikei2016-4{
    background: url(../images11/16-4-1-1.svg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    background-size: contain;

  }

 
 
    #haikei2016-5{
    background: url(../images11/16-5-1-1.svg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    background-size: contain;

  }


    #haikei2016-6{
    background: url(../images11/16-6-1-1.svg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    background-size: contain;
  }

 
 
 
     #haikei2016-7{
    background: url(../images11/16-7-1-1.svg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
     background-size: contain;
  }


 
 
 
     #haikei2016-8{
    background: url(../images11/16-8-1-1.svg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    background-size: contain;
  }













 
 
 
     #haikei2016-9{
    background: url(../images11/16-9-1-1.svg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
     background-size: contain;
  }


 
     #haikei2016-10{
    background: url(../images11/16-10-1-1.svg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    background-size: contain;

  }


 
 
 
     #haikei2016-11{
    background: url(../images11/16-11-1-1.svg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    background-size: contain;

  }


     #haikei2016-12{
    background: url(../images11/16-12-1-1.svg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
     background-size: contain;

  }

  #products-end000 {
    background: url(../images2019/19-1-3-4.svg ) 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;
  }
 
 
 
 
 
  #haikei2016-1{
    background: url(../images11/16-1-1-1.svg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    background-size: contain;
  }
 
 
   #haikei2016-2{
    background: url(../images11/16-2-1-1.svg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    background-size: contain;
  }

   #haikei2016-3{
    background: url(../images11/16-3-1-1.svg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    background-size: contain;

  }

   #haikei2016-4{
    background: url(../images11/16-4-1-1.svg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;   
    background-size: contain;
  }

 
   #haikei2016-5{
    background: url(../images11/16-5-1-1.svg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;   
    background-size: contain;
  }

 
    #haikei2016-6{
    background: url(../images11/16-6-1-1.svg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    background-size: contain;

  }


 
 
     #haikei2016-7{
    background: url(../images11/16-7-1-1.svg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;	

    width: 100%;
    background-size: contain;
  }

 
 
 
 
     #haikei2016-8{
    background: url(../images11/16-8-1-1.svg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
 background-size: contain;
 
  }

 
 
 
 
 
 
 
 
 
 
 
 
     #haikei2016-9{
    background: url(../images11/16-9-1-1.svg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    background-size: contain;
  }

 
 
 
 
 
     #haikei2016-10{
    background: url(../images11/16-10-1-1.svg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    background-size: contain;
  }

 
 
 
 
     #haikei2016-11{
    background: url(../images11/16-11-1-1.svg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    background-size: contain;

  }

 
 
 
 
     #haikei2016-12{
    background: url(../images11/16-12-1-1.svg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    background-size: contain;

  }

 
   #products-end000 {
    background: url(../images2019/19-1-3-4.svg ) 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;

  }


 
 
 
 
 
}