@charset "UTF-8";
/* CSS Document */

/*RESET*/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*{ box-sizing: border-box;}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
  margin: 0;
}
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration { display: none;}
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus { outline: none;}


/*basic*/

body{
  background: #fff;
  color: #000;
  text-align: center;
}
a{
  transition: .3s all ease;
  text-decoration: none;
  color: inherit;
}
a img,
input[type="submit"]
input[type="reset"],
input[type="button"]{
  transition: .4s all ease;
}
a:hover img,
input[type="submit"]:hover
input[type="reset"]:hover,
input[type="button"]:hover{
  transform: translateY(-5px);
}

img{
  max-width: 100%;
}


/*============================
#container
============================*/
#container{
  max-width: 1600px;
  margin: 0 auto;
  overflow-x: hidden;
}

/*============================
#mv
============================*/
#mv{
  width: 100%;
  height: 638px;
  background: url(img/mv.png) center center no-repeat;
  background-size: cover;
}
.wrap{
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
}
#mv .wrap{
  position: relative;
}
#mv h1{
  text-align: left;
  padding-top: 25px;
}
.tel-btn{
  position: absolute;
  top: 0;
  right: 0;
}
.cta{
  padding: 18px 0 23px;
  background: url(img/cta-bg.png) center center;
  background-size: cover;
}
.cta .wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.btn1,
.btn2{
  filter: drop-shadow(3px 3px 3px rgba(0,0,0,.6));
}

/*============================
#sec1
============================*/
#sec1{
  padding: 70px 0 60px;
}

/*============================
#sec2
============================*/
#sec2{
  width: 100%;
  height: 790px;
  background: url(img/sec2.png) center center no-repeat;
  background-size: cover;
}

/*============================
#sec3
============================*/
#sec3{
  padding: 80px 0 65px;
}

/*============================
#sec4
============================*/
#sec4{
  width: 100%;
  height: 2573px;
  background: url(img/sec4.png) center center no-repeat;
  background-size: cover;
}

/*============================
#sec5
============================*/
#sec5{
  width: 100%;
  height: 772px;
  background: url(img/sec5.png) center center no-repeat;
  background-size: cover;
}

/*============================
#sec6
============================*/
#sec6{
  width: 100%;
  height: 817px;
  background: url(img/sec6.png) center center no-repeat;
  background-size: cover;
}

/*============================
#sec7
============================*/
#sec7{
  width: 100%;
  height: 2647px;
  background: url(img/sec7.png) center center no-repeat;
  background-size: cover;
}

/*============================
#sec8
============================*/
#sec8{
  padding-top: 60px;
}
.img-center{
  margin-left: calc(50% - 800px)
}
.map{
  width: 100%;
  height: 440px;
  position: relative;
}
.map iframe{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/*============================
#sec9
============================*/
#sec9{
  padding: 40px 0 45px;
  border-bottom: 1px solid #A2A2A2;
}

/*============================
#sec10
============================*/
#sec10{
  padding: 90px 0 85px;
}

/*============================
#sec11
============================*/
#sec11{
  width: 100%;
  height: 472px;
  background: url(img/sec11.png) center center no-repeat;
  background-size: cover;
}

/*============================
#sec12
============================*/
#sec12{
  padding: 75px 0;
}

@media (max-width: 1100px){
  /*============================
  #mv
  ============================*/
  #mv{
    height: 63.8vw;
  }
  .wrap{
    max-width: 95vw;
  }
  #mv h1{
    padding-top: 2.5vw;
  }
  .cta{
    padding: 1.8vw 0 2.3vw;
  }
  
  /*============================
  #sec1
  ============================*/
  #sec1{
    padding: 7vw 0 6vw;
  }
  
  /*============================
  #sec2
  ============================*/
  #sec2{
    height: 79vw;
  }
  
  /*============================
  #sec3
  ============================*/
  #sec3{
    padding: 8vw 0 6.5vw;
  }
  
  /*============================
  #sec4
  ============================*/
  #sec4{
    height: 257.3vw;
  }
  
  /*============================
  #sec5
  ============================*/
  #sec5{
    height: 77.2vw;
  }
  
  /*============================
  #sec6
  ============================*/
  #sec6{
    height: 72.7vw;
  }
  
  /*============================
  #sec7
  ============================*/
  #sec7{
    height: 264.7vw;
  }
  
  /*============================
  #sec8
  ============================*/
  #sec8{
    padding-top: 6vw;
  }
  .img-center{
    width: 1600px;
    max-width: unset;
  }
  .map{
    height: 44vw;
  }
  
  /*============================
  #sec9
  ============================*/
  #sec9{
    padding: 4vw 0 4.5vw;
  }
  
  /*============================
  #sec10
  ============================*/
  #sec10{
    padding: 9vw 0 8.5vw;
  }
  
  /*============================
  #sec11
  ============================*/
  #sec11{
    height: 47.2vw;
  }
  
  /*============================
  #sec12
  ============================*/
  #sec12{
    padding: 7.5vw 0;
  }

}

@media (max-width: 750px){
  /*============================
  #mv
  ============================*/

  #mv{
    height: 131.73vw;
    background: url(img/sp/mv.png) center top no-repeat;
    background-size: cover;
  }
  .wrap{
    max-width: 90vw;
  }
  #mv h1 img{
    width: 27vw;
  }
  .tel-btn{
    width: 36vw;
  }
  .btn1, .btn2{
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,.6));
  }
  
  /*============================
  #sec1
  ============================*/
  #sec1 picture{
    margin-left: -2.6vw;
  }
  #sec1 img{
    width: 105.2vw;
    max-width: unset;
    margin-left: -2.6vw;
  }
  
  /*============================
  #sec2
  ============================*/
  #sec2{
    height: 129.33vw;
    background: url(img/sp/sec2.png) center center no-repeat;
    background-size: cover;
  }
  
  /*============================
  #sec3
  ============================*/
  
  
  /*============================
  #sec4
  ============================*/
  #sec4{
    height: 600.8vw;
    background: url(img/sp/sec4.png) center center no-repeat;
    background-size: cover;
  }
  
  /*============================
  #sec5
  ============================*/
  #sec5{
    height: 179.86vw;
    background: url(img/sp/sec5.png) center center no-repeat;
    background-size: cover;
  }
  
  
  /*============================
  #sec6
  ============================*/
  #sec6{
    height: 193.733vw;
    background: url(img/sp/sec6.png) center center no-repeat;
    background-size: cover;
    margin-top: 9.33vw;
  }
  
  /*============================
  #sec7
  ============================*/
  #sec7{
    height: 450vw;
    background: url(img/sp/sec7.png) center center no-repeat;
    background-size: cover;
  }
  
  
  /*============================
  #sec8
  ============================*/
  #sec8{
    padding-top: 8vw;
  }
  .img-center{
    width: 100%;
    margin: 0;
  }
  .map{
    height: 45.6vw;
  }
  
  /*============================
  #sec9
  ============================*/
  #sec9{
    padding: 6vw 0 6.66vw;
  }
  
  /*============================
  #sec10
  ============================*/
  #sec10 .wrap{
    max-width: 100vw;
    padding: 8vw 0 6.66vw;
  }
  
  /*============================
  #sec11
  ============================*/
  #sec11{
    height: 62.9vw;
    background: url(img/sp/sec11.png) center center no-repeat;
    background-size: cover;
  }
  
  /*============================
  #sec12
  ============================*/
  #sec12 .wrap{
    max-width: 100vw;
  }

}