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



/* スクロール スライド */

.overlay,
.animate-elm.-max-width:before,
.animate-elm.-transform:before {
  background:#f5f5f5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.overlay-max-width,
.animate-elm.-max-width:before {
  max-width: 100%;
}

.overlay-transform,
.animate-elm.-transform:before {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.animate-elm {
  margin: 0 auto;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  overflow: hidden;
  
}

.animate-elm.-max-width:before,
.animate-elm.-transform:before {
  content: "";
}

.animate-elm.show.-max-width:before,
.animate-elm.show .overlay-max-width {
  max-width: 0;
}

.animate-elm.show.-transform:before,
.animate-elm.show .overlay-transform {
  -webkit-transform: translateX(101%);
          transform: translateX(101%);
}






.text-fadein span{
  display: inline-block;
  position: relative;
}
.text-fadein span:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  -webkit-transition: all .9s linear;
  -o-transition: all .9s linear;
  transition: all .9s linear;
}
.text-fadein.active span:before {
  width: 0%;
}






.lineup_mainbox_aah{
  
}


/* main_image */

.lineup_mainbox_aah #main_image{
}
.lineup_mainbox_aah #main_image ul{
  display:flex;
  justify-content:space-between;
}

.lineup_mainbox_aah #main_image ul li{
  width:50%;
  height: 70vh;
  min-height:700px;
}



.lineup_mainbox_aah #main_image ul li:nth-of-type(2){
  position:relative;
}

.lineup_mainbox_aah #main_image ul li:nth-of-type(2) img{
  position:absolute;
  width:70%;
  max-width:500px;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}

/* ep */

.lineup_mainbox_aah #ep {
  width:90%;
  max-width:1000px;
  margin:15vh auto;
  padding:10vh 8vw;
  box-sizing:border-box;
  background-color : #ffffff;
  background-image: url(../img/back_image_01.png);
}

.lineup_mainbox_aah #ep .logo{
  margin:0 auto;
}

.lineup_mainbox_aah #ep .logo dl{
  display:flex;
  justify-content:space-around;
  height:300px;
}

.lineup_mainbox_aah #ep .logo dl dd{
  position:relative;
}
.lineup_mainbox_aah #ep .logo dl dd:nth-of-type(1){
  width:35%;
}
.lineup_mainbox_aah #ep .logo dl dd:nth-of-type(2){
  width:30%;
}
.lineup_mainbox_aah #ep .logo dl dd:nth-of-type(3){
  width:35%;
}

.lineup_mainbox_aah #ep .logo dl dd img{
}

.lineup_mainbox_aah #ep .logo dl dd:nth-of-type(1) img{
  width:70%;
  max-width:150px;
  heigh:auto;
  margin:auto;
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  float:right;
}

.lineup_mainbox_aah #ep .logo dl dd:nth-of-type(2) img{
  width:50%;
  max-width:80px;
  margin:auto;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}

.lineup_mainbox_aah #ep .logo dl dd:nth-of-type(3) img{
  width:100%;
  max-width:250px;
  margin:auto;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
}


.lineup_mainbox_aah #ep .detail{
}

.lineup_mainbox_aah #ep .detail h4{
  font-size:140%;
  margin:0 0 30px 0;
  font-weight:bold;
  text-align:center;
}


.lineup_mainbox_aah #ep p{
}

/* ep */


.lineup_mainbox_aah #detail ul{
}

.lineup_mainbox_aah #detail ul li{
  padding:20vh 0;
  margin:0 0 15vh 0;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,#fff 70%,#fff 100%),url(../img/back_image_01.png) top left;
  /*background:-moz-linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,#fff 70%,#fff 100%),url(../img/back_image_01.png) top left;*/ /* Firefox */
  /*background:-ms-linear-gradient(0deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,#fff 70%,#fff 100%),url(../img/back_image_01.png) top left;*/ /* IE */
}

.lineup_mainbox_aah #detail ul li:nth-of-type(even){
  background:linear-gradient(90deg,#fff 0%,#fff 30%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%),
              url(../img/back_image_01.png) top left;
}

.lineup_mainbox_aah #detail ul li dl{
  width:96%;
  max-width:1200px;
    margin:auto;
    position:relative;
}

.lineup_mainbox_aah #detail ul li dl dt{
   width:100%;
   display:flex;
   justify-content:space-between;
}
.lineup_mainbox_aah #detail ul li dl dt figure{
   width:33%;
   height:500px;;
   padding:0;
   margin:0;
}


.lineup_mainbox_aah #detail ul li:nth-of-type(odd) dl dt figure:nth-of-type(1){
    background-size:cover;
    background-position: center;
}

.lineup_mainbox_aah #detail ul li:nth-of-type(odd) dl dt figure:nth-of-type(2){
  margin-top:200px;
    background-size:cover;
    background-position: center;
}

.lineup_mainbox_aah #detail ul li:nth-of-type(odd) dl dt figure:nth-of-type(3){
  margin-top:400px;
    background-size:cover;
    background-position: center;
}


.lineup_mainbox_aah #detail ul li:nth-of-type(even) dl dt figure:nth-of-type(1){
    background-size:cover;
    background-position: center;
  margin-top:400px;
}

.lineup_mainbox_aah #detail ul li:nth-of-type(even) dl dt figure:nth-of-type(2){
    background-size:cover;
    background-position: center;
  margin-top:200px;
}
.lineup_mainbox_aah #detail ul li:nth-of-type(even) dl dt figure:nth-of-type(3){
    background-size:cover;
    background-position: center;
}

.lineup_mainbox_aah #detail ul li dl dd{

}
.lineup_mainbox_aah #detail ul li dl dd h5{
  color:#000;
  font-family: 'Playfair Display', serif;
  font-size:17px;
  letter-spacing:0.2em;
  position:absolute;
}

.lineup_mainbox_aah #detail ul li dl dd div{
  height:400px;
  box-sizing:border-box;
  position:absolute;
    -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

.lineup_mainbox_aah #detail ul li:nth-of-type(odd) dl dd h5{
  bottom:0;
  left:0;
}

.lineup_mainbox_aah #detail ul li:nth-of-type(odd) dl dd div{
  top:-80px;
  right:0;
}

.lineup_mainbox_aah #detail ul li:nth-of-type(even) dl dd h5{
  bottom:0;
  right:0;
}

.lineup_mainbox_aah #detail ul li:nth-of-type(even) dl dd div{
  top:-80px;
  left:0px;
}
.lineup_mainbox_aah #detail ul li dl dd div h4{
  font-size:24px;
  font-weight:bold;
  margin:0 10px 0 20px;

}
.lineup_mainbox_aah #detail ul li dl dd div p{

}


/* img_gridbox*/

#img_gridbox {
	margin-top:10vh;
	padding:15vh 0;
	  background:linear-gradient(90deg,#fff 0%,#fff 20%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 100%),
	             linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%,#fff 80%,#fff 100%),
                  url(../img/back_image_01.png) top left;
}

#img_gridbox ul{
  width:96%;
  max-width:1200px;
  margin:0 auto;
}

#img_gridbox ul li{
  height:700px;
  display:flex;
  justify-content:space-between;
  margin-bottom:15vh;
}
#img_gridbox ul li:nth-of-type(even){
  flex-flow: row-reverse;
}
#img_gridbox ul li:last-of-type{
  margin-bottom:0;
}
#img_gridbox ul li dl{
  width:48%;
}
#img_gridbox ul li dl:nth-of-type(2){
}
#img_gridbox ul li dl:nth-of-type(2) dt{
  height:50%;
  margin-bottom:50px;
}
#img_gridbox ul li dl:nth-of-type(2) dd{
  height:300px;
  margin:auto;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

#img_gridbox ul li dl:nth-of-type(2) dd h5{
  font-size:140%;
  font-weight:bold;
  margin:0 20px 0 20px;
}

#img_gridbox ul li:nth-of-type(odd) dl:nth-of-type(2){
}

#img_gridbox ul li:nth-of-type(even) dl:nth-of-type(1){
}

#img_gridbox ul li:nth-of-type(1) dl:nth-of-type(1){
  background:url(../img/img_01.jpg);
  background-size:cover;
  background-position:center;
}

#img_gridbox ul li:nth-of-type(1) dl:nth-of-type(2) dt{
  background:url(../img/img_02.jpg);
  background-size:cover;
  background-position:center;
}

#img_gridbox ul li:nth-of-type(2) dl:nth-of-type(1){
  background:url(../img/img_03.jpg);
  background-size:cover;
  background-position:center;
}

#img_gridbox ul li:nth-of-type(2) dl:nth-of-type(2) dt{
  background:url(../img/img_04.jpg);
  background-size:cover;
  background-position:center;
}

#img_gridbox ul li:nth-of-type(3) dl:nth-of-type(1){
  background:url(../img/img_05.jpg);
  background-size:cover;
  background-position:center;
}

#img_gridbox ul li:nth-of-type(3) dl:nth-of-type(2) dt{
  background:url(../img/img_06.jpg);
  background-size:cover;
  background-position:center;
}
#img_gridbox ul li:nth-of-type(4) dl:nth-of-type(1){
  background:url(../img/img_07.jpg);
  background-size:cover;
  background-position:center;
}
#img_gridbox ul li:nth-of-type(4) dl:nth-of-type(2) dt{
  background:url(../img/img_08.jpg);
  background-size:cover;
  background-position:center;
}

#img_gridbox ul li:nth-of-type(5) dl:nth-of-type(1){
  background:url(../img/img_09.jpg);
  background-size:cover;
  background-position:center;
}
#img_gridbox ul li:nth-of-type(5) dl:nth-of-type(2) dt{
  background:url(../img/img_10.jpg);
  background-size:cover;
  background-position:center;
}

#offer{
  margin:15vh 0;
  background:linear-gradient(90deg,#fff 0%,#fff 35%,rgba(255,255,255,0) 35%,rgba(255,255,255,0) 100%),
                  url(../img/back_image_01.png) top left;
}

/*greenandhouse*/

#greenandhouse {
  background:#f5f5f5;
  padding:10vh;
  margin:10vh 0;
}
#greenandhouse ul{
  width:96%;
  max-width:1200px;
  padding:0;
  margin:auto;
  display:flex;
  justify-content:space-between;
}
#greenandhouse ul li:nth-of-type(1){
  width:40%;
}
#greenandhouse ul li:nth-of-type(1) div{
  background-size:70%;
  background-position:center;
}
#greenandhouse ul li:nth-of-type(2){
  width:55%;
}

#greenandhouse ul li:nth-of-type(2) h5{
  color:#000;
  font-family: 'Playfair Display', serif;
  letter-spacing:0.2em;
}
#greenandhouse ul li:nth-of-type(2) h4{
  font-size:150%;
  font-weight:bold;
  margin:10px 0;  
}

#greenandhouse ul li:nth-of-type(2) .btn{
  width:40%;
  min-width:230px;
  text-align:center;
  margin:auto;
}
#greenandhouse ul li:nth-of-type(2) .btn a{
  font-size:90%;
  padding:2px;
  margin-top:20px;
}


/*offer*/

#offer ul{
  width:96%;
  max-width:1200px;
  padding:15vh 0 !important;
  margin:auto;
  display:flex;
  justify-content:space-between;
}

#offer ul li:nth-of-type(1){
  width:50%;
  margin:-7vh 0;
  background:url(../img/img_02.jpg);
  background-size:cover;
  background-position:center;
}
#offer ul li:nth-of-type(2){
  width:45%;
}
#offer ul li:nth-of-type(2) h4{
  color:#000;
  font-family: 'Playfair Display', serif;
  font-size:17px;
  letter-spacing:0.2em;
  margin-bottom:20px;
}
#offer ul li:nth-of-type(2) h5{
  font-size:140%;
  font-weight:bold;
  margin-bottom:10px;
}

#offer ul li:nth-of-type(2) a{
  margin-top:40px;
  font-weight:bold;
  text-align:center;
}


 @media screen and (max-width: 959px) {


 }
 @media screen and (max-width: 768px) {
   .lineup_mainbox_aah #main_image ul{
    display:unset;
    justify-content:unset;
    }
   .lineup_mainbox_aah #main_image ul li{
    width:100%;
    height: 60vh;
    min-height:0;
    }

    .lineup_mainbox_aah #main_image ul {
        display: block;
    }
    .lineup_mainbox_aah #main_image ul li:nth-of-type(2) {
      height:0;
      min-height:unset;
      text-align:center;
    }
    .lineup_mainbox_aah #main_image ul li:nth-of-type(2) img{
      position:unset;
      width:70%;
      max-width:unset;
      top:unset;
      bottom:unset;
      left:unset;
      right:unset;
      margin:5% auto;
    }

   .lineup_mainbox_aah #ep {
     margin:15vh auto 5vh;
     padding:4vh 8vw;
  }
  .lineup_mainbox_aah #detail ul li dl dd div{
    height:auto;
    box-sizing:border-box;
    position:unset;
    -webkit-writing-mode:unset;
      -ms-writing-mode:unset;
          writing-mode:unset;
  }
  .lineup_mainbox_aah #detail ul li dl dd div h4{
    font-size:24px;
    font-weight:bold;
    margin:0;
  }

  .lineup_mainbox_aah #detail ul li dl dd h5{
    bottom:unset;
    left:unset;
    position:unset;
  }
  .lineup_mainbox_aah #detail ul li  dl dd div{
    top:unset;
    right:unset;
  }
  .lineup_mainbox_aah #detail ul li dl dt figure{
   width:33%;
    height:450px;
    padding:0;
    margin:0;
  }

  .lineup_mainbox_aah #detail ul li:nth-of-type(odd) dl dt figure:nth-of-type(2),
  .lineup_mainbox_aah #detail ul li:nth-of-type(odd) dl dt figure:nth-of-type(3),
  .lineup_mainbox_aah #detail ul li:nth-of-type(even) dl dt figure:nth-of-type(1),
  .lineup_mainbox_aah #detail ul li:nth-of-type(even) dl dt figure:nth-of-type(2){
    margin-top:0;
  }

  .lineup_mainbox_aah #detail ul li{
    padding:10vh 0 5vh 0;
    margin:0 0 5vh 0;
  }

  .lineup_mainbox_aah #detail ul li:nth-of-type(even){
    background:linear-gradient(90deg,#fff 0%,#fff 30%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%),
              url(../img/back_image_01.png) top left;
  }
  .lineup_mainbox_aah #detail ul li dl dd{
    margin:30px 0;
  }
  .lineup_mainbox_aah #detail ul li dl dd h5{
    margin:20px 0;
  }
  .lineup_mainbox_aah #detail ul li dl dd div h4{
    margin:20px 0;
  }
  #img_gridbox ul{
   width:%;
    max-width:1200px;
    margin:0 auto;
  }
  #img_gridbox {
	padding:10vh 0;
  }
  #img_gridbox {
    margin-top:5vh;
  }

  #img_gridbox ul li{
    height:unset;
    display:block;
    justify-content:unset;
    margin-bottom:3vh;
  }
  #img_gridbox ul li dl:nth-of-type(1){
    width:100%;
    height:400px;
    margin:0 0 20px 0;
  }
  #img_gridbox ul li dl:nth-of-type(2){
    width:100%;
    display:flex;
    justify-content:space-between;
  }
    #img_gridbox ul li:nth-of-type(even) dl:nth-of-type(2){
      flex-flow: row-reverse;
  }
  #img_gridbox ul li dl:nth-of-type(2) dt{
    width:49%;
    height:400px;
    margin-bottom:0;
  }
  #img_gridbox ul li dl:nth-of-type(2) dd{
    width:45%;
    margin:unset;
  }
  #img_gridbox ul li dl:nth-of-type(2) dd h5{
   margin:20px 0;
  }

  #img_gridbox ul li:nth-of-type(even) dl:nth-of-type(1){
  }
  #img_gridbox ul li dl:nth-of-type(2) dd{
  height:100%;
  margin:auto;
  -webkit-writing-mode:unset;
      -ms-writing-mode:unset;
          writing-mode:unset;
  }

  #greenandhouse {
    padding:5vh 5vw;
    margin:10vh 0;
  }

  #offer{
  margin:5vh 0 ;
  }

}

 @media screen and (max-width: 599px) {
     .lineup_mainbox_aah #main_image ul li:nth-of-type(2) img{
      width:90%;
      margin:6vh 0;
    }
    .lineup_mainbox_aah #ep {
      width:96%;
     margin:20vh auto 5vh;
     padding:7vh 6% 7vh 6%;
    }
    .lineup_mainbox_aah #ep .logo{
      padding:50px 0;
    }
    .lineup_mainbox_aah #ep .logo dl{
      display:flex;
      justify-content:space-around;
      height:auto;
    }
    
    .lineup_mainbox_aah #ep .detail h4{
      font-size:120%;
      margin:1.5em 0;
    }
    .lineup_mainbox_aah #detail ul li{
      position:relative;
      padding:15vh 0 5vh 0;
    }
    .lineup_mainbox_aah #detail ul li dl{
      position:unset;
    }
    .lineup_mainbox_aah #detail ul li dl dd h5{
      font-size:115%;
      letter-spacing:0.1em;
      position:absolute;
      top:1em;
    }
    .lineup_mainbox_aah #detail ul li:nth-of-type(odd) dl dd h5{
      left:2em;
    }
    .lineup_mainbox_aah #detail ul li:nth-of-type(even) dl dd h5{
      left:2em;
      right:unset;
    }
    .lineup_mainbox_aah #detail ul li dl dt{
      width:100%;
      display:block;
      justify-content:unset;
    }
    .lineup_mainbox_aah #detail ul li:nth-of-type(even)  dl dt{
      padding:0;
    }
    .lineup_mainbox_aah #detail ul li dl dt figure{
      width:100%;
      height:250px;
      margin-bottom:7px;
    }
    .lineup_mainbox_aah #detail ul li dl dd{
       margin:0 0;
    }
    .lineup_mainbox_aah #detail ul li dl dd div h4{
      font-size:150%;
    }

   #img_gridbox ul li{
      margin-bottom:8vh;
    }
   #img_gridbox ul li dl:nth-of-type(1){
      width:100%;
      height:40vh;
      margin:0 0 5px 0;
    }
   #img_gridbox ul li dl:nth-of-type(2){
      width:100%;
      display:unset;
      justify-content:unset;
    }
   #img_gridbox ul li dl:nth-of-type(2) dt{
      width:100%;
      height:40vh;
      margin-bottom:0;
    }
    #img_gridbox ul li dl:nth-of-type(2) dd{
      width:100%;
      margin:unset;
    }
    #greenandhouse {
      padding:5vh 5vw;
      margin:5vh 0;
    }

    #greenandhouse ul{
      width:96%;
      max-width:unset;
      padding:0;
      margin:unset;
      display:unset;
      justify-content:unset;
    }
    #greenandhouse ul li:nth-of-type(1){
      width:100%;
      height:150px;
    }
    #greenandhouse ul li:nth-of-type(2){
      width:96%;
      max-width:unset;
      padding:0;
      display:unset;
    }
    #greenandhouse ul li:nth-of-type(1) div{
      background-size:70%;
      background-position:center;
    }
    #greenandhouse ul li:nth-of-type(2){
      width:100%;
    }
    #greenandhouse ul li:nth-of-type(2) h4{
      text-align:center;
    }
    #greenandhouse ul li:nth-of-type(2) h5{
      text-align:center;
    }

    #offer{
      margin:5vh 0;
      position:relative;
    }

    #offer ul{
      width:96%;
      max-width:unset;
      padding:5vh 0 !important;
      margin:auto;
      display:block;
      justify-content:unset
    }
    #offer ul li:nth-of-type(1){
      width:100%;
      height:200px;
      margin:0;
    }
    #offer ul li:nth-of-type(2){
      width:96%;
      margin:auto;
    }
    #offer ul li:nth-of-type(2) h4{
      font-size:100%;
      margin:1em 0;
      letter-spacing:0.1em;
    }
    #offer ul li:nth-of-type(2) h5{
      font-size:120%;
      margin:0.5em 0;
    }
    #offer ul li:nth-of-type(2) a{
      margin-top:20px;
    }

}