@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 .pc_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 .typ_letters .letter, #ako_tanaka_lp .typ_letters01 .letter, #ako_tanaka_lp .typ_letters02 .letter {
  opacity: 0;
}

#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 {
  font-size: 16px;
  line-height: 1.625;
}

#ako_tanaka_lp .movie_area {
  width: 600px;
  margin: 0 auto;
  margin-bottom: 30px;
}

#ako_tanaka_lp .credit {
  font-size: 12px;
  line-height: 1.9;
  text-align: center;
  padding-top: 22px;
}

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

#ako_tanaka_lp {
  width: 750px;
  margin: 0 auto;
  padding-top: 28px;
  /*---  #1 -------------------------------*/
  /*---  #2 -------------------------------*/
  /*---  #3 -------------------------------*/
  /*---  #4 -------------------------------*/
  /*---  #5 -------------------------------*/
}

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

#ako_tanaka_lp .title_area .title .typ_letters .main {
  height: 60px;
}

#ako_tanaka_lp .title_area .title .typ_letters .sub {
  height: 35px;
  margin-top: 28px;
}

#ako_tanaka_lp .title_area .title:after {
  content: "";
  width: 44px;
  height: 2px;
  background-color: #000;
  position: absolute;
  bottom: -21px;
  left: 47.5%;
}

#ako_tanaka_lp .title_area .main_txt {
  font-size: 24px;
  letter-spacing: 0.02em;
  line-height: 1.33333;
  text-align: center;
  margin-bottom: 40px;
  font-weight: 500;
}

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

#ako_tanaka_lp .title_area .txt {
  width: 600px;
  margin: 0 auto;
  margin-bottom: 75px;
}

#ako_tanaka_lp .blk01 .title_area .letter {
  height: 38.5px;
  margin-bottom: 18px;
}

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

#ako_tanaka_lp .blk01 .inner .img01 {
  width: 600px;
  margin: 10px auto 30px;
}

#ako_tanaka_lp .blk01 .inner .img02 {
  width: 472px;
}

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

#ako_tanaka_lp .blk01 .txt {
  width: 600px;
  margin: 0 auto;
  padding-top: 20px;
}

#ako_tanaka_lp .blk01 .img03, #ako_tanaka_lp .blk01 .img04 {
  width: 600px;
  margin: 50px auto 0;
}

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

#ako_tanaka_lp .blk02 {
  padding-top: 95px;
}

#ako_tanaka_lp .blk02 .title_area .letter {
  height: 38.5px;
  margin-bottom: 18px;
}

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

#ako_tanaka_lp .blk02 .inner .img01 {
  width: 600px;
  margin: 10px auto 30px;
}

#ako_tanaka_lp .blk02 .inner .img02 {
  width: 472px;
  margin-left: auto;
}

#ako_tanaka_lp .blk02 .inner .bg {
  width: 100vw;
  height: 1184px;
  position: absolute;
  left: 0;
  top: 280px;
  z-index: -1;
  margin-left: calc(-1 * (100vw - 750px) / 2);
  background-color: #b09e66;
}

#ako_tanaka_lp .blk02 .txt {
  width: 600px;
  margin: 0 auto;
  padding-top: 20px;
}

#ako_tanaka_lp .blk02 .img03, #ako_tanaka_lp .blk02 .img04 {
  width: 600px;
  margin: 50px auto 0;
}

#ako_tanaka_lp .blk02 .movie_area {
  padding-top: 100px;
}

#ako_tanaka_lp .blk03 .title_area .letter {
  height: 38.5px;
  margin-bottom: 18px;
}

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

#ako_tanaka_lp .blk03 .inner .img01 {
  width: 600px;
  margin: 10px auto 30px;
}

#ako_tanaka_lp .blk03 .inner .img02 {
  width: 750px;
}

#ako_tanaka_lp .blk03 .inner .bg {
  width: calc(100vw - ((100vw - 750px) / 2) + 60px);
  height: 1151px;
  position: absolute;
  right: 222px;
  top: 330px;
  z-index: -1;
  background-color: #c29e74;
}

#ako_tanaka_lp .blk03 .txt {
  width: 600px;
  margin: 0 auto;
  padding-top: 20px;
}

#ako_tanaka_lp .blk03 .img03, #ako_tanaka_lp .blk03 .img04 {
  width: 600px;
  margin: 50px auto 0;
}

#ako_tanaka_lp .blk04 {
  padding-top: 100px;
}

#ako_tanaka_lp .blk04 .title_area .letter {
  height: 38.5px;
  margin-bottom: 18px;
}

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

#ako_tanaka_lp .blk04 .inner .img01 {
  width: 600px;
  margin: 10px auto 30px;
}

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

#ako_tanaka_lp .blk04 .inner .img03 {
  width: 470px;
  position: relative;
  margin-left: 280px;
  margin-top: -60px;
}

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

#ako_tanaka_lp .blk04 .txt {
  width: 600px;
  margin: 0 auto;
  padding-top: 20px;
}

#ako_tanaka_lp .blk04 .img04, #ako_tanaka_lp .blk04 .img05 {
  width: 600px;
  margin: 50px auto 0;
}

#ako_tanaka_lp .blk05 {
  padding-top: 95px;
}

#ako_tanaka_lp .blk05 .title_area .letter {
  height: 38.5px;
  margin-bottom: 18px;
}

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

#ako_tanaka_lp .blk05 .inner .img01 {
  width: 600px;
  margin: 10px auto 30px;
}

#ako_tanaka_lp .blk05 .inner .img02 {
  width: 510px;
  margin-bottom: 5px;
}

#ako_tanaka_lp .blk05 .inner .bg {
  width: calc(100vw - ((100vw - 750px) / 2) - 260px);
  height: 1232px;
  position: absolute;
  top: 212px;
  left: 260px;
  z-index: -1;
  background-color: #e1c3ad;
}

#ako_tanaka_lp .blk05 .txt {
  width: 600px;
  margin: 0 auto;
  padding-top: 20px;
}

#ako_tanaka_lp .blk05 .img03, #ako_tanaka_lp .blk05 .img04 {
  width: 600px;
  margin: 50px auto 0;
}

#ako_tanaka_lp .staff {
  margin: 90px 0 95px;
  text-align: center;
  font-size: 12px;
  line-height: 1.875;
  font-weight: 300;
}

#ako_tanaka_lp .btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 380px;
  height: 100px;
  border: 1px solid #000;
  margin: 0 auto;
  font-size: 22px;
  letter-spacing: 0.1em;
  font-weight: 300;
  margin-bottom: 140px;
}

#ako_tanaka_lp .blk01 .mgl, #ako_tanaka_lp .blk02 .mgl, #ako_tanaka_lp .blk03 .mgl, #ako_tanaka_lp .blk04 .mgl, #ako_tanaka_lp .blk05 .mgl {
  margin-left: 68px;
}