/* @mixin */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500&display=swap");
#ako_tanaka_lp {
  font-family: 'Noto Sans JP', sans-serif;
}

#ako_tanaka_lp img, #ako_tanaka_lp video {
  max-width: 100%;
  max-height: 100%;
}

#ako_tanaka_lp .sp_none {
  display: none;
}

#ako_tanaka_lp .letter {
  opacity: 0;
}

#ako_tanaka_lp .typ_letters.onView .letter {
  opacity: 1;
}

#ako_tanaka_lp .letter01 {
  transition-delay: 0s;
}

#ako_tanaka_lp .letter02 {
  transition-delay: 0.1s;
}

#ako_tanaka_lp .letter03 {
  transition-delay: 0.2s;
}

#ako_tanaka_lp .letter04 {
  transition-delay: 0.3s;
}

#ako_tanaka_lp .letter05 {
  transition-delay: 0.4s;
}

#ako_tanaka_lp .letter06 {
  transition-delay: 0.5s;
}

#ako_tanaka_lp .letter07 {
  transition-delay: 0.6s;
}

#ako_tanaka_lp .letter08 {
  transition-delay: 0.7s;
}

#ako_tanaka_lp .letter09 {
  transition-delay: 0.8s;
}

#ako_tanaka_lp .letter10 {
  transition-delay: 0.9s;
}

#ako_tanaka_lp .letter11 {
  transition-delay: 1s;
}

#ako_tanaka_lp .letter12 {
  transition-delay: 1.1s;
}

#ako_tanaka_lp .letter13 {
  transition-delay: 1.2s;
}

#ako_tanaka_lp .letter14 {
  transition-delay: 1.3s;
}

#ako_tanaka_lp .letter15 {
  transition-delay: 1.4s;
}

#ako_tanaka_lp .letter16 {
  transition-delay: 1.5s;
}

#ako_tanaka_lp .letter17 {
  transition-delay: 1.6s;
}

#ako_tanaka_lp .letter18 {
  transition-delay: 1.7s;
}

#ako_tanaka_lp .letter19 {
  transition-delay: 1.8s;
}

#ako_tanaka_lp .letter20 {
  transition-delay: 1.9s;
}

#ako_tanaka_lp .letter21 {
  transition-delay: 2s;
}

#ako_tanaka_lp .letter22 {
  transition-delay: 2.1s;
}

#ako_tanaka_lp .typ_letters, #ako_tanaka_lp .typ_letters01, #ako_tanaka_lp .typ_letters02 {
  display: flex;
  justify-content: center;
}

#ako_tanaka_lp .main_txt {
  opacity: 0;
}

#ako_tanaka_lp .main_txt.onView {
  opacity: 1;
}

#ako_tanaka_lp .main_txt {
  transition: opacity;
  transition-delay: 1.4s;
  transition-duration: 2s;
}

#ako_tanaka_lp .txt {
  width: 80vw;
  margin: 0 auto;
  font-size: 3.2vw;
  line-height: 1.6;
}

#ako_tanaka_lp .movie_area {
  width: 80vw;
  margin: 0 auto;
  margin-bottom: 4vw;
}

#ako_tanaka_lp .credit {
  font-size: 2.66667vw;
  line-height: 1.6;
  text-align: center;
  padding-top: 2vw;
}

#ako_tanaka_lp .credit a {
  font-weight: 300;
}

#ako_tanaka_lp {
  padding-top: 7.46667vw;
  /*---  #1 -------------------------------*/
  /*---  #2 -------------------------------*/
  /*---  #3 -------------------------------*/
  /*---  #4 -------------------------------*/
  /*---  #5 -------------------------------*/
  /*--- staff, button ---*/
}

#ako_tanaka_lp .title_area .title {
  position: relative;
  /* typLetters */
  margin-bottom: 6vw;
}

#ako_tanaka_lp .title_area .title .typ_letters .main {
  height: calc(60 / 750 * 100vw);
}

#ako_tanaka_lp .title_area .title .typ_letters .sub {
  height: calc(35 / 750 * 100vw);
  margin-top: 3.73333vw;
}

#ako_tanaka_lp .title_area .title:after {
  content: "";
  width: 5.86667vw;
  height: calc(2 / 750 * 100vw);
  background-color: #000;
  position: absolute;
  bottom: calc(-1 * 21 / 750 * 100vw);
  left: 47.5%;
}

#ako_tanaka_lp .title_area .main_txt {
  font-size: 3.46667vw;
  letter-spacing: 0.02em;
  line-height: 1.23077;
  text-align: center;
  margin-bottom: 4vw;
  font-weight: 500;
}

#ako_tanaka_lp .title_area .main_txt span {
  display: block;
  margin-bottom: 2.66667vw;
  font-weight: 500;
}

#ako_tanaka_lp .title_area .txt {
  margin-bottom: 12vw;
  padding-left: 2px;
}

#ako_tanaka_lp .blk01 .title_area .letter {
  height: calc(38.5 / 750 * 100vw);
  margin-bottom: 2.4vw;
}

#ako_tanaka_lp .blk01 .inner {
  position: relative;
}

#ako_tanaka_lp .blk01 .inner .img01 {
  width: 80vw;
  margin: calc(10 / 750 * 100vw) auto calc(30 / 750 * 100vw);
}

#ako_tanaka_lp .blk01 .inner .img02 {
  width: 62.93333vw;
}

#ako_tanaka_lp .blk01 .inner .bg {
  width: 100vw;
  height: calc(1105 / 750 * 100vw);
  position: absolute;
  left: 0;
  top: calc(340 / 750 * 100vw);
  z-index: -1;
  background-color: #bd9285;
}

#ako_tanaka_lp .blk01 .txt {
  padding-top: 2.66667vw;
}

#ako_tanaka_lp .blk01 .img03, #ako_tanaka_lp .blk01 .img04 {
  width: 80vw;
  margin: calc(50 / 750 *100vw) auto 0;
}

#ako_tanaka_lp .blk01 .img04 {
  margin-bottom: 0;
}

#ako_tanaka_lp .blk02 {
  padding-top: 12vw;
}

#ako_tanaka_lp .blk02 .title_area .letter {
  height: calc(38.5 / 750 * 100vw);
  margin-bottom: 2.4vw;
}

#ako_tanaka_lp .blk02 .inner {
  position: relative;
}

#ako_tanaka_lp .blk02 .inner .img01 {
  width: 80vw;
  margin: calc(10 / 750 * 100vw) auto calc(30 / 750 * 100vw);
}

#ako_tanaka_lp .blk02 .inner .img02 {
  width: 62.93333vw;
  margin-left: auto;
}

#ako_tanaka_lp .blk02 .inner .bg {
  width: 100vw;
  height: calc(1007 / 750 * 100vw);
  position: absolute;
  top: calc(440 / 750 * 100vw);
  z-index: -1;
  background-color: #b09e66;
}

#ako_tanaka_lp .blk02 .txt {
  padding-top: calc(20 / 750 * 100vw);
}

#ako_tanaka_lp .blk02 .img03, #ako_tanaka_lp .blk02 .img04 {
  width: 80vw;
  margin: calc(50 / 750 * 100vw) auto 0;
}

#ako_tanaka_lp .blk02 .movie_area {
  padding-top: 13.33333vw;
}

#ako_tanaka_lp .blk03 .title_area .letter {
  height: calc(38.5 / 750 * 100vw);
  margin-bottom: 2.4vw;
}

#ako_tanaka_lp .blk03 .inner {
  position: relative;
}

#ako_tanaka_lp .blk03 .inner .img01 {
  width: 80vw;
  margin: calc(10 / 750 * 100vw) auto calc(30 / 750 * 100vw);
}

#ako_tanaka_lp .blk03 .inner .img02 {
  width: 100vw;
}

#ako_tanaka_lp .blk03 .inner .bg {
  width: 100vw;
  height: calc(1105 / 750 * 100vw);
  position: absolute;
  left: 0;
  top: calc(350 / 750 * 100vw);
  z-index: -1;
  background-color: #c29e74;
}

#ako_tanaka_lp .blk03 .txt {
  padding-top: calc(20 / 750 * 100vw);
}

#ako_tanaka_lp .blk03 .img03, #ako_tanaka_lp .blk03 .img04 {
  width: 80vw;
  margin: calc(50 / 750 * 100vw) auto 0;
}

#ako_tanaka_lp .blk04 {
  padding-top: 12.66667vw;
}

#ako_tanaka_lp .blk04 .title_area .letter {
  height: calc(38.5 / 750 * 100vw);
  margin-bottom: 2.4vw;
}

#ako_tanaka_lp .blk04 .inner {
  position: relative;
}

#ako_tanaka_lp .blk04 .inner .img01 {
  width: 80vw;
  margin: calc(10 / 750 * 100vw) auto calc(30 / 750 * 100vw);
}

#ako_tanaka_lp .blk04 .inner .img02 {
  width: 68vw;
  position: relative;
  z-index: 1;
}

#ako_tanaka_lp .blk04 .inner .img03 {
  width: 62.66667vw;
  position: relative;
  margin-left: 37.33333vw;
  margin-top: calc(-1 * 60 / 750 * 100vw);
}

#ako_tanaka_lp .blk04 .inner .bg {
  width: 100vw;
  height: calc(1675 / 750 * 100vw);
  position: absolute;
  left: 0;
  top: calc(395 / 750 * 100vw);
  z-index: -1;
  background-color: #909794;
}

#ako_tanaka_lp .blk04 .txt {
  padding-top: calc(20 / 750 * 100vw);
}

#ako_tanaka_lp .blk04 .credit {
  padding-top: 2.66667vw;
}

#ako_tanaka_lp .blk04 .img04, #ako_tanaka_lp .blk04 .img05 {
  width: 80vw;
  margin: calc(50 / 750 * 100vw) auto 0;
}

#ako_tanaka_lp .blk05 {
  padding-top: 13.06667vw;
}

#ako_tanaka_lp .blk05 .title_area .letter {
  height: calc(38.5 / 750 * 100vw);
  margin-bottom: 2.4vw;
}

#ako_tanaka_lp .blk05 .inner {
  position: relative;
}

#ako_tanaka_lp .blk05 .inner .img01 {
  width: 80vw;
  margin: calc(10 / 750 * 100vw) auto calc(30 / 750 * 100vw);
}

#ako_tanaka_lp .blk05 .inner .img02 {
  width: 62.93333vw;
}

#ako_tanaka_lp .blk05 .inner .bg {
  width: 100vw;
  height: calc(938 / 750 * 100vw);
  position: absolute;
  top: calc(540 / 750 * 100vw);
  left: 0;
  z-index: -1;
  background-color: #e1c3ad;
}

#ako_tanaka_lp .blk05 .txt {
  padding-top: 4vw;
  padding-top: calc(20 / 750 * 100vw);
}

#ako_tanaka_lp .blk05 .img03, #ako_tanaka_lp .blk05 .img04 {
  width: 80vw;
  margin: calc(50 / 750 * 100vw) auto 0;
}

#ako_tanaka_lp .staff {
  margin: calc(90 / 750 * 100vw) 0 calc(100 / 750 * 100vw);
  text-align: center;
  font-size: 2.66667vw;
  line-height: 1.6;
  font-weight: 300;
}

#ako_tanaka_lp .btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 89.86667vw;
  height: calc(205 / 750 * 100vw);
  border: 1px solid #000;
  margin: 0 auto;
  margin-bottom: 13.33333vw;
  font-size: 5.33333vw;
  letter-spacing: 0.1em;
  font-weight: 300;
}