@charset "UTF-8";
/*================================================================================

common

================================================================================*/
/* clearfix micro */
.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

/*IE6,7対策 （haslayout対策）*/
.cf {
  *zoom: 1;
}

.pcOnly {
  display: block;
}

.spOnly {
  display: none;
}

/*lp_contents*/
/*fadein*/
.fDAnime {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: fDAnime;
  animation-name: fDAnime;
  visibility: visible !important;
}

@-webkit-keyframes fDAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fDAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/*--------------------------------------------------*/
@media screen and (max-width: 768px) {
  .pcOnly {
    display: none;
  }

  .spOnly {
    display: block;
  }
}
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*================================================================================

▼▼▼▼▼今回のLP固有のスタイル▼▼▼▼▼

================================================================================*/
#body {
  font-family: futura-pt, "A-OTF UD新ゴNT Pro L", "Hiragino Kaku Gothic ProN", "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, "M+ 1p", sans-serif;
  line-height: 2;
  overflow-x: hidden;
  letter-spacing: 0.6px;
  color: #3D3D3D;
}

.pcOnly {
  display: block !important;
}

.spOnly {
  display: none !important;
}

#ui-tabs .wrap ul {
  letter-spacing: 0px;
}

#ui-tabs .wrap ul li {
  width: 33.333%;
}

.lp_contents {
  padding-bottom: 60px;
}
#ui-tabs .wrap {
  width: 1200px;
  margin: 0 auto;
}

.MV {
  position: relative;
  color: #fff;
  background-color: #fff;
}
.MV__wrapper {
  max-width: 1280px;
  margin: auto;
}
.MV__bg {
  width: 100%;
  height: auto;
  position: relative;
}
.MV__bg img {
  max-width: 100%;
  width: 100%;
}


@media screen and (max-width: 768px) {
  .pcOnly {
    display: none !important;
  }

  .spOnly {
    display: block !important;
  }

  .lp_contents {
    padding-bottom: 40px;
  }
  #ui-tabs {
    padding: 0;
  }
  #ui-tabs .wrap {
    width: 96%;
  }

  #ui-tabs .wrap ul li {
    width: 33.33%;
  }

  #body {
    overflow-x: hidden;
  }

  .MV {
    position: relative;
    color: #fff;
  }
  .MV__wrapper {
    max-width: 100%;
    margin: auto;
  }
  .MV__bg {
    width: 100%;
    height: auto;
    position: relative;
  }
  .MV__bg img {
    max-width: 80%;
    width: 100%;
  }
  .MV__box {
    max-width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    width: 85%;
    margin: auto;
    margin-top: 42px;
  }


}
/*# sourceMappingURL=lp.css.map */