/*2020.css   */


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

.text-top {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
 
 
  
 

 
	
.center-col {text-align: center;}

  
  
   

   
  /* 文字サイズ 変換2020年　 */

 
@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;  }
  
  }

  
  
  @media (min-width: 971px) { 
  .text-top h1,.text-top h3 {    font-size: 4em;    color: #fff;  }
 
  }

   
   #haikei2021-11{
    background: url(../images2021/21-1-2-1.svg) no-repeat center center fixed;

    display: table;
    width: 100%;
    height: 100%;
   position: relative;

   background-size: contain;


  }

  
  
  
  
  
  
 
 
 
 
    #haikei2021-2{
    background: url(../images2021/21-2-1-1.svg) no-repeat center center;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    background-size: contain;

  }

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

  }

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

  }

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

  }


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

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


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





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


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

  }


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

  }


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

  }

















  #products-end000 {
    background: url(../images2021/21-1-1-3.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;

  }