@charset "UTF-8";
/* @mixin */
#ako_tanaka_02 {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  /*
  文字エフェクト
  */
}

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

#ako_tanaka_02 .sp_none {
  display: none;
}

#ako_tanaka_02 .letter {
  opacity: 0;
}

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

#ako_tanaka_02 .letter01 {
  transition-delay: 0s;
  margin-right: -1px;
}

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

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

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

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

#ako_tanaka_02 .letter06 {
  transition-delay: 0.5s;
  margin-right: -1px;
}

#ako_tanaka_02 .letter07 {
  transition-delay: 0.6s;
  margin-right: -1px;
}

#ako_tanaka_02 .letter08 {
  transition-delay: 0.7s;
  margin-right: -1px;
}

#ako_tanaka_02 .letter09 {
  transition-delay: 0.8s;
  margin-right: -1px;
}

#ako_tanaka_02 .letter10 {
  transition-delay: 0.9s;
  margin-right: -1px;
}

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

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

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

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

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

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

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

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

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

#ako_tanaka_02 .txt {
  font-size: 3.2vw;
  line-height: 1.625;
  letter-spacing: 0.05em;
  margin: 0 calc((100vw - 600 / 750 * 100vw) /2);
}

#ako_tanaka_02 .movie_area {
  width: 80vw;
  margin: calc(48 / 750 * 100vw) auto 0;
  margin-bottom: 4vw;
}

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

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

#ako_tanaka_02 .credit li:nth-child(n+2) {
  text-indent: 0.5em;
}

#ako_tanaka_02 {
  overflow: hidden;
  padding-top: 7.46667vw;
  /*---  #1 -------------------------------*/
  /*---  #2 -------------------------------*/
  /*---  #3 -------------------------------*/
  /*---  #4 -------------------------------*/
  /*---  #5 -------------------------------*/
  /*---  #6 -------------------------------*/
  /*---  #7 -------------------------------*/
  /*---  #8 -------------------------------*/
  /*---  #9 -------------------------------*/
  /*---  #10 -------------------------------*/
  /*----- staff, button  -----*/
  /*--- dots ---*/
  /*
  animation
  */
  /*--- dot ---*/
  /*--- image ---*/
}

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

#ako_tanaka_02 .title_area .title .typ_letters .main {
  height: 8vw;
}

#ako_tanaka_02 .title_area .title .typ_letters .sub {
  height: 4.66667vw;
  margin-top: 3.73333vw;
  margin-right: 0.13333vw;
}

#ako_tanaka_02 .title_area .title .typ_letters .sub:nth-child(n+4) {
  margin-right: 0;
}

#ako_tanaka_02 .title_area .title .typ_letters .sub:nth-child(n+7) {
  margin-right: 0.13333vw;
}

#ako_tanaka_02 .title_area .title .typ_letters .sub:nth-child(n+10) {
  margin-right: 0;
}

#ako_tanaka_02 .title_area .title .typ_letters:nth-child(2) {
  margin-left: -0.66667vw;
}

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

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

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

#ako_tanaka_02 .title_area .txt {
  margin-bottom: 12vw;
}

#ako_tanaka_02 .blk01 {
  width: 80vw;
  margin: 0 auto;
  border-bottom: solid 1px #000;
  padding-bottom: calc(45 / 750 * 100vw);
}

#ako_tanaka_02 .blk01 .title_area .letter {
  height: 5.13333vw;
  margin-bottom: 2.4vw;
}

#ako_tanaka_02 .blk01 .title_area .typ_letters:nth-child(1) {
  margin-left: -1.46667vw;
}

#ako_tanaka_02 .blk01 .title_area .typ_letters:nth-child(2) .letter:nth-child(n+2) {
  margin-left: 0.13333vw;
}

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

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

#ako_tanaka_02 .blk01 .inner .img02 {
  width: 60.26667vw;
  margin: calc(50 / 750 * 100vw) auto 0;
}

#ako_tanaka_02 .blk01 .txt {
  margin: calc(24 / 750 * 100vw) 0 0 0;
}

#ako_tanaka_02 .blk01 .txt02 {
  letter-spacing: 0.038em;
}

#ako_tanaka_02 .blk01 .credit.pdt20 li:nth-child(1) {
  text-indent: 0.4em;
}

#ako_tanaka_02 .blk02 {
  width: 80vw;
  margin: 0 auto;
  margin-top: 6.66667vw;
  padding-bottom: calc(46 / 750 * 100vw);
  border-bottom: 1px solid #000;
}

#ako_tanaka_02 .blk02 .title_area .letter {
  height: 5.13333vw;
  margin-bottom: 2.4vw;
}

#ako_tanaka_02 .blk02 .title_area .typ_letters:nth-child(1) {
  margin-left: -1.46667vw;
}

#ako_tanaka_02 .blk02 .title_area .typ_letters:nth-child(2) {
  margin-left: -4.66667vw;
}

#ako_tanaka_02 .blk02 .title_area .typ_letters:nth-child(2) .letter:nth-child(n+2) {
  margin-left: 0.13333vw;
}

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

#ako_tanaka_02 .blk02 .inner .img01 {
  width: 80vw;
  margin: calc(12 / 750 * 100vw) auto 0;
}

#ako_tanaka_02 .blk02 .txt {
  margin: calc(20 / 750 * 100vw) 0 0 0;
}

#ako_tanaka_02 .blk02 .txt01 {
  letter-spacing: 0.03em;
}

#ako_tanaka_02 .blk03 {
  width: 80vw;
  margin: 0 auto;
  margin-top: 6.4vw;
  padding-bottom: calc(46/ 750 * 100vw);
  border-bottom: 1px solid #000;
}

#ako_tanaka_02 .blk03 .title_area .letter {
  height: 5.13333vw;
  margin-bottom: 2.4vw;
}

#ako_tanaka_02 .blk03 .title_area .typ_letters:nth-child(1) {
  margin-left: -1.46667vw;
}

#ako_tanaka_02 .blk03 .title_area .typ_letters:nth-child(2) {
  margin-left: -0.66667vw;
  margin-top: -0.26667vw;
}

#ako_tanaka_02 .blk03 .title_area .typ_letters:nth-child(2) .letter:nth-child(n+2) {
  margin-left: 0.13333vw;
}

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

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

#ako_tanaka_02 .blk03 .inner .img02 {
  width: 80vw;
}

#ako_tanaka_02 .blk03 .txt {
  margin: calc(20 / 750 * 100vw) 0 0 0;
  letter-spacing: 0.04em;
}

#ako_tanaka_02 .blk03 .img03 {
  width: 60.26667vw;
  margin: calc(47 / 750 * 100vw) auto 0;
}

#ako_tanaka_02 .blk03 .credit {
  padding-top: calc(16 / 750 * 100vw);
}

#ako_tanaka_02 .blk03 .credit.pdt20 {
  padding-top: calc(16 / 750 * 100vw);
}

#ako_tanaka_02 .blk04 {
  width: 80vw;
  margin: 0 auto;
  margin-top: calc(48 / 750 * 100vw);
  padding-bottom: calc(47 / 750 * 100vw);
  border-bottom: 1px solid #000;
}

#ako_tanaka_02 .blk04 .title_area .letter {
  height: 5.13333vw;
  margin-bottom: 2.4vw;
}

#ako_tanaka_02 .blk04 .title_area .typ_letters:nth-child(1) {
  margin-left: -1.46667vw;
}

#ako_tanaka_02 .blk04 .title_area .typ_letters:nth-child(2) {
  margin-left: -2vw;
}

#ako_tanaka_02 .blk04 .title_area .typ_letters:nth-child(2) .letter:nth-child(n+2) {
  margin-left: 0.13333vw;
}

#ako_tanaka_02 .blk04 .inner .img01 {
  width: 80vw;
  margin: calc(12 / 750 * 100vw) auto 0;
}

#ako_tanaka_02 .blk04 .txt {
  margin: calc(20 / 750 * 100vw) 0 0 0;
  letter-spacing: 0.05em;
}

#ako_tanaka_02 .blk05 {
  width: 80vw;
  margin: 0 auto;
  margin-top: 6.8vw;
  padding-bottom: calc(45 / 750 * 100vw);
  border-bottom: 1px solid #000;
}

#ako_tanaka_02 .blk05 .title_area .letter {
  height: 5.13333vw;
  margin-bottom: 2.4vw;
}

#ako_tanaka_02 .blk05 .title_area .typ_letters:nth-child(1) {
  margin-left: -1.33333vw;
}

#ako_tanaka_02 .blk05 .title_area .typ_letters:nth-child(2) {
  margin-left: -0.93333vw;
  margin-top: -0.26667vw;
}

#ako_tanaka_02 .blk05 .title_area .typ_letters:nth-child(2) .letter:nth-child(n+2) {
  margin-left: 0.13333vw;
}

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

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

#ako_tanaka_02 .blk05 .inner .img02 {
  width: 80vw;
}

#ako_tanaka_02 .blk05 .txt {
  margin: calc(20 / 750 * 100vw) 0 0 0;
  line-height: 1.6;
}

#ako_tanaka_02 .blk05 .txt01 {
  letter-spacing: 0.03em;
}

#ako_tanaka_02 .blk05 .txt02 {
  letter-spacing: 0.075em;
}

#ako_tanaka_02 .blk05 .img03 {
  width: 60.26667vw;
  margin: calc(47 / 750 * 100vw) auto 0;
}

#ako_tanaka_02 .blk05 .credit {
  padding-top: 2vw;
}

#ako_tanaka_02 .blk05 .credit li:nth-child(1) {
  text-indent: 0.5em;
}

#ako_tanaka_02 .blk06 {
  width: 80vw;
  margin: 0 auto;
  margin-top: calc(52 / 750 * 100vw);
  padding-bottom: calc(47 / 750 * 100vw);
  border-bottom: 1px solid #000;
}

#ako_tanaka_02 .blk06 .title_area .letter {
  height: 5.13333vw;
  margin-bottom: 2.4vw;
}

#ako_tanaka_02 .blk06 .title_area .typ_letters:nth-child(1) {
  margin-left: -1.46667vw;
}

#ako_tanaka_02 .blk06 .title_area .typ_letters:nth-child(2) {
  margin-left: -1.06667vw;
}

#ako_tanaka_02 .blk06 .title_area .typ_letters:nth-child(2) .letter:nth-child(n+2) {
  margin-left: 0.13333vw;
}

#ako_tanaka_02 .blk06 .inner .img01 {
  width: 80vw;
  margin: calc(12 / 750 * 100vw) auto 0;
}

#ako_tanaka_02 .blk06 .txt {
  margin: calc(20 / 750 * 100vw) 0 0 0;
  letter-spacing: 0.05em;
}

#ako_tanaka_02 .blk06 .credit {
  padding-top: 2.4vw;
}

#ako_tanaka_02 .blk07 {
  width: 80vw;
  margin: 0 auto;
  margin-top: calc(50 / 750 * 100vw);
  border-bottom: solid 1px #000;
  padding-bottom: calc(46 / 750 * 100vw);
}

#ako_tanaka_02 .blk07 .title_area .letter {
  height: 5.13333vw;
  margin-bottom: 2.4vw;
}

#ako_tanaka_02 .blk07 .title_area .typ_letters:nth-child(1) {
  margin-left: -0.93333vw;
}

#ako_tanaka_02 .blk07 .title_area .typ_letters:nth-child(2) {
  margin-left: -0.26667vw;
}

#ako_tanaka_02 .blk07 .title_area .typ_letters:nth-child(2) .letter:nth-child(n+2) {
  margin-left: 0.06667vw;
}

#ako_tanaka_02 .blk07 .inner {
  position: relative;
}

#ako_tanaka_02 .blk07 .inner .img01 {
  width: 80vw;
  margin: calc(10 / 750 * 100vw) auto 0;
}

#ako_tanaka_02 .blk07 .inner .img02 {
  width: 60.26667vw;
  margin: calc(50 / 750 * 100vw) auto 0;
}

#ako_tanaka_02 .blk07 .txt {
  margin: calc(20 / 750 * 100vw) 0 0 0;
}

#ako_tanaka_02 .blk07 .txt01 {
  letter-spacing: 0.035em;
  text-align: initial;
}

#ako_tanaka_02 .blk07 .txt02 {
  letter-spacing: 0.04em;
}

#ako_tanaka_02 .blk07 .credit.pdt20 {
  padding-top: 2.4vw;
}

#ako_tanaka_02 .blk07 .credit.pdt20 li:nth-child(1) {
  text-indent: 0.4em;
}

#ako_tanaka_02 .blk08 {
  width: 80vw;
  margin: 0 auto;
  margin-top: calc(48 / 750 * 100vw);
  padding-bottom: calc(47 / 750 * 100vw);
  border-bottom: 1px solid #000;
}

#ako_tanaka_02 .blk08 .title_area .letter {
  height: 5.13333vw;
  margin-bottom: 2.4vw;
}

#ako_tanaka_02 .blk08 .title_area .typ_letters:nth-child(1) {
  margin-left: -1.46667vw;
}

#ako_tanaka_02 .blk08 .title_area .typ_letters:nth-child(2) {
  margin-left: -0.66667vw;
}

#ako_tanaka_02 .blk08 .title_area .typ_letters:nth-child(2) .letter:nth-child(n+2) {
  margin-left: 0.13333vw;
}

#ako_tanaka_02 .blk08 .inner .img01 {
  width: 80vw;
  margin: calc(12 / 750 * 100vw) auto 0;
}

#ako_tanaka_02 .blk08 .txt {
  margin: calc(20 / 750 * 100vw) 0 0 0;
}

#ako_tanaka_02 .blk09 {
  width: 80vw;
  margin: 0 auto;
  margin-top: calc(51 / 750 * 100vw);
  padding-bottom: calc(48 / 750 * 100vw);
  border-bottom: 1px solid #000;
}

#ako_tanaka_02 .blk09 .title_area .letter {
  height: 5.13333vw;
  margin-bottom: 2.4vw;
}

#ako_tanaka_02 .blk09 .title_area .typ_letters:nth-child(1) {
  margin-left: -1.33333vw;
}

#ako_tanaka_02 .blk09 .title_area .typ_letters:nth-child(2) {
  margin-left: -0.93333vw;
  margin-top: calc(-2 / 750 * 100vw);
}

#ako_tanaka_02 .blk09 .title_area .typ_letters:nth-child(2) .letter:nth-child(n+2) {
  margin-left: 0.13333vw;
}

#ako_tanaka_02 .blk09 .inner {
  position: relative;
}

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

#ako_tanaka_02 .blk09 .inner .img02 {
  width: 80vw;
}

#ako_tanaka_02 .blk09 .txt {
  margin: calc(20 / 750 * 100vw) 0 0 0;
}

#ako_tanaka_02 .blk09 .txt01 {
  letter-spacing: 0.05em;
}

#ako_tanaka_02 .blk09 .txt02 {
  letter-spacing: 0.03em;
  text-align: justify;
}

#ako_tanaka_02 .blk09 .img03 {
  width: 60.26667vw;
  margin: calc(47 / 750 * 100vw) auto 0;
}

#ako_tanaka_02 .blk09 .credit {
  padding-top: 2.93333vw;
}

#ako_tanaka_02 .blk09 .credit.pdt20 {
  padding-top: 2.66667vw;
}

#ako_tanaka_02 .blk10 {
  width: 80vw;
  margin: 0 auto;
  margin-top: calc(50 / 750 * 100vw);
  padding-bottom: calc(43 / 750 * 100vw);
  border-bottom: 1px solid #000;
}

#ako_tanaka_02 .blk10 .title_area .letter {
  height: 5.13333vw;
  margin-bottom: 2.4vw;
}

#ako_tanaka_02 .blk10 .title_area .typ_letters:nth-child(1) {
  margin-left: -1.46667vw;
}

#ako_tanaka_02 .blk10 .inner .img01 {
  width: 80vw;
  margin: calc(12 / 750 * 100vw) auto 0;
}

#ako_tanaka_02 .blk10 .txt {
  margin: calc(20 / 750 * 100vw) 0 0 0;
  letter-spacing: 0.064em;
}

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

#ako_tanaka_02 .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;
}

#ako_tanaka_02 .blk01 {
  position: relative;
}

#ako_tanaka_02 .blk01 .bg {
  width: 90.4vw;
  height: 90.4vw;
  border-radius: 50%;
  background-color: #caa79c;
  position: absolute;
  left: calc(86 / 750 * 100vw);
  top: calc(-45 / 750 * 100vw);
  z-index: -10;
}

#ako_tanaka_02 .blk02 {
  position: relative;
}

#ako_tanaka_02 .blk02 .bg {
  width: 60vw;
  height: 60vw;
  border-radius: 50%;
  background-color: #9fb78f;
  position: absolute;
  right: calc(320 / 750 * 100vw);
  top: 0;
  z-index: -10;
}

#ako_tanaka_02 .blk03 {
  position: relative;
}

#ako_tanaka_02 .blk03 .bg {
  width: 79.73333vw;
  height: 79.73333vw;
  border-radius: 50%;
  background-color: #9ca2a2;
  position: absolute;
  left: calc(230 / 750 * 100vw);
  top: 0;
  z-index: -10;
}

#ako_tanaka_02 .blk04 {
  position: relative;
}

#ako_tanaka_02 .blk04 .bg {
  width: 58.13333vw;
  height: 57.86667vw;
  border-radius: 50%;
  background-color: #ead9c6;
  position: absolute;
  left: calc(-55 / 750 * 100vw);
  top: calc(-10 / 750 * 100vw);
  z-index: -10;
}

#ako_tanaka_02 .blk05 {
  position: relative;
}

#ako_tanaka_02 .blk05 .bg {
  width: 49.06667vw;
  height: 49.06667vw;
  border-radius: 50%;
  background-color: #e2e1e7;
  position: absolute;
  left: calc(346 / 750 * 100vw);
  top: 0;
  z-index: -10;
}

#ako_tanaka_02 .blk06 {
  position: relative;
}

#ako_tanaka_02 .blk06 .bg {
  width: 92.53333vw;
  height: 92.53333vw;
  border-radius: 50%;
  background-color: #a99ac2;
  position: absolute;
  right: calc(75 / 750 * 100vw);
  top: 0;
  z-index: -10;
}

#ako_tanaka_02 .blk07 {
  position: relative;
}

#ako_tanaka_02 .blk07 .bg {
  width: 83.46667vw;
  height: 83.46667vw;
  border-radius: 50%;
  background-color: #201b1b;
  position: absolute;
  left: calc(240 / 750 * 100vw);
  top: calc(245 / 750 * 100vw);
  z-index: -10;
}

#ako_tanaka_02 .blk08 {
  position: relative;
}

#ako_tanaka_02 .blk08 .bg {
  width: 71.73333vw;
  height: 71.73333vw;
  border-radius: 50%;
  background-color: #baa492;
  position: absolute;
  left: calc(38 / 750 * 100vw);
  top: calc(8 / 750 * 100vw);
  z-index: -10;
}

#ako_tanaka_02 .blk09 {
  position: relative;
}

#ako_tanaka_02 .blk09 .bg {
  width: 78.4vw;
  height: 78.4vw;
  border-radius: 50%;
  background-color: #a1bbd4;
  position: absolute;
  left: calc(195 / 750 * 100vw);
  top: calc(-3 / 750 * 100vw);
  z-index: -10;
}

#ako_tanaka_02 .blk10 {
  position: relative;
}

#ako_tanaka_02 .blk10 .bg {
  width: 75.73333vw;
  height: 75.73333vw;
  border-radius: 50%;
  background-color: #ddcd65;
  position: absolute;
  right: calc(198 / 750 * 100vw);
  top: calc(-10 / 750 * 100vw);
  z-index: -10;
}

#ako_tanaka_02 .bg {
  opacity: 0;
  transition: opacity 1000ms, transform 1000ms;
  transform: translateY(200px);
}

#ako_tanaka_02 .bg.active {
  opacity: 1;
  transform: translateY(0);
}

#ako_tanaka_02 .fade, #ako_tanaka_02 .fade_top {
  opacity: 0;
  transition: opacity 1000ms, transform 1000ms;
  transform: translateY(200px);
}

#ako_tanaka_02 .fade.delay, #ako_tanaka_02 .fade_top.delay {
  transition-delay: 500ms;
}

#ako_tanaka_02 .fade.active, #ako_tanaka_02 .fade_top.active {
  opacity: 1;
  transform: translateY(0);
}