/*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;  }
 
  }

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

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

  }

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

  }

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

  }

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

  }


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

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


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





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


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

  }


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

  }


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

  }

















  #products-end000 {
    background: url(../images2020/20-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;

  }