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

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

#ako_tanaka_03 .sp_none {
  display: none;
}

#ako_tanaka_03 .letter {
  opacity: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#ako_tanaka_03 .credit a {
  font-weight: 200;
}

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

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

#ako_tanaka_03 .title_area .title .typ_letters .main {
  height: 8.15vw;
}

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

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

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

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

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

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

#ako_tanaka_03 .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: 5.33333vw;
  font-weight: 500;
}

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

#ako_tanaka_03 .title_area .txt {
  margin-bottom: 12.53333vw;
}

#ako_tanaka_03 .section_wrap {
  position: relative;
}

#ako_tanaka_03 .section_wrap .title_area {
  margin-bottom: 3.86667vw;
}

#ako_tanaka_03 .section_wrap .typ_letters:nth-child(1) {
  margin-bottom: 2.4vw;
}

#ako_tanaka_03 .section_wrap .letter {
  height: 5.2vw;
}

#ako_tanaka_03 .section_wrap::after {
  content: '';
  display: block;
  width: 80vw;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: -0.26667vw;
  left: 50%;
  transform: translateX(-50%);
}

#ako_tanaka_03 .blk01 {
  padding-bottom: calc(45 / 750 * 100vw);
}

#ako_tanaka_03 .blk01 .title_area {
  margin-left: -0.13333vw;
}

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

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

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

#ako_tanaka_03 .blk01 .inner .img01 {
  width: 80vw;
  margin: 0 auto;
}

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

#ako_tanaka_03 .blk01 .inner .credit {
  padding-top: 2.6vw;
}

#ako_tanaka_03 .blk01 .txt {
  width: 80vw;
  margin: calc(24 / 750 * 100vw) auto 0;
  text-align: initial;
  letter-spacing: 0.03em;
}

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

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

#ako_tanaka_03 .blk02 {
  margin-top: 7.06667vw;
  padding-bottom: calc(44 / 750 * 100vw);
}

#ako_tanaka_03 .blk02 .title_area {
  margin-left: -0.13333vw;
}

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

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

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

#ako_tanaka_03 .blk02 .inner .img01 {
  width: 80vw;
  margin: 0 auto;
}

#ako_tanaka_03 .blk02 .inner .img01 .img_blk {
  margin-bottom: 0.8vw;
}

#ako_tanaka_03 .blk02 .inner .img02 {
  width: 80vw;
  margin: calc(30 / 750 * 100vw) auto 0;
}

#ako_tanaka_03 .blk02 .inner .img02 .img_blk {
  margin-top: -0.8vw;
  margin-bottom: 0.8vw;
}

#ako_tanaka_03 .blk02 .txt {
  width: 80vw;
  margin: calc(20 / 750 * 100vw) auto 0;
  letter-spacing: 0.03em;
  text-align: initial;
}

#ako_tanaka_03 .blk03 {
  margin-top: 8.5vw;
  padding-bottom: calc(46/ 750 * 100vw);
}

#ako_tanaka_03 .blk03 .title_area {
  margin-left: -0.4vw;
}

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

#ako_tanaka_03 .blk03 .inner .img02 {
  width: 80vw;
  margin: 0 auto calc(25 / 750 * 100vw);
}

#ako_tanaka_03 .blk03 .txt {
  width: 80vw;
  margin: 0 auto;
  letter-spacing: 0.04em;
}

#ako_tanaka_03 .blk03 .txt01 {
  letter-spacing: 0.05em;
  text-align: initial;
}

#ako_tanaka_03 .blk03 .txt02 {
  text-align: initial;
}

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

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

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

#ako_tanaka_03 .blk04 {
  margin-top: calc(50 / 750 * 100vw);
  padding-bottom: calc(15 / 750 * 100vw);
}

#ako_tanaka_03 .blk04 .title_area {
  margin-left: -0.13333vw;
}

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

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

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

#ako_tanaka_03 .blk04 .inner .img01 {
  width: 80vw;
  margin: 0 auto;
}

#ako_tanaka_03 .blk04 .inner .img01 .img_blk {
  margin-bottom: calc(5 / 750 * 100vw);
}

#ako_tanaka_03 .blk04 .inner .img02 {
  width: 80vw;
  margin: calc(23 / 750 * 100vw) auto 0;
}

#ako_tanaka_03 .blk04 .inner .img02 .credit {
  padding-top: 2.7vw;
}

#ako_tanaka_03 .blk04 .txt {
  width: 80vw;
  margin: calc(20 / 750 * 100vw) auto 0;
  letter-spacing: 0.03em;
  text-align: initial;
}

#ako_tanaka_03 .blk05 {
  margin-top: 6.8vw;
  padding-bottom: calc(45 / 750 * 100vw);
}

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

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

#ako_tanaka_03 .blk05 .inner .img02 {
  width: 80vw;
  margin: 0 auto calc(25 / 750 * 100vw);
}

#ako_tanaka_03 .blk05 .txt {
  width: 80vw;
  line-height: 1.6;
  letter-spacing: 0.025em;
  text-align: initial;
}

#ako_tanaka_03 .blk05 .txt02 {
  letter-spacing: 0.04em;
}

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

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

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

#ako_tanaka_03 .blk05 .credit.pdt {
  padding-top: 1.73333vw;
}

#ako_tanaka_03 .blk06 {
  margin-top: calc(52 / 750 * 100vw);
  padding-bottom: calc(42 / 750 * 100vw);
}

#ako_tanaka_03 .blk06 .title_area {
  margin-left: -0.13333vw;
}

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

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

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

#ako_tanaka_03 .blk06 .inner .img01 {
  width: 80vw;
  margin: 0 auto;
}

#ako_tanaka_03 .blk06 .inner .img02 {
  width: 80vw;
  margin: calc(23 / 750 * 100vw) auto 0;
}

#ako_tanaka_03 .blk06 .txt {
  width: 80vw;
  margin: calc(20 / 750 * 100vw) auto 0;
  letter-spacing: 0.03em;
  text-align: initial;
}

#ako_tanaka_03 .blk06 .credit {
  padding-top: 3.46667vw;
}

#ako_tanaka_03 .blk07 {
  margin-top: calc(52 / 750 * 100vw);
  padding-bottom: calc(45 / 750 * 100vw);
}

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

#ako_tanaka_03 .blk07 .inner .img01 {
  width: 80vw;
  margin: 0 auto;
}

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

#ako_tanaka_03 .blk07 .inner .mov_area {
  margin-top: 6vw;
}

#ako_tanaka_03 .blk07 .txt {
  width: 80vw;
  margin: calc(24 / 750 * 100vw) auto 0;
  text-align: initial;
  letter-spacing: 0.05em;
}

#ako_tanaka_03 .blk07 .txt02 {
  letter-spacing: 0.038em;
}

#ako_tanaka_03 .blk07 .credit.pdt20 {
  padding-top: 2.2vw;
}

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

#ako_tanaka_03 .blk08 {
  margin-top: calc(52 / 750 * 100vw);
  padding-bottom: calc(42 / 750 * 100vw);
}

#ako_tanaka_03 .blk08 .title_area {
  margin-left: -0.4vw;
}

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

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

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

#ako_tanaka_03 .blk08 .inner .img01 {
  width: 80vw;
  margin: 0 auto;
}

#ako_tanaka_03 .blk08 .inner .img02 {
  width: 80vw;
  margin: calc(23 / 750 * 100vw) auto 0;
}

#ako_tanaka_03 .blk08 .txt {
  width: 80vw;
  margin: calc(20 / 750 * 100vw) auto 0;
  letter-spacing: 0.03em;
  text-align: initial;
}

#ako_tanaka_03 .blk08 .credit {
  padding-top: 3.46667vw;
}

#ako_tanaka_03 .blk09 {
  margin-top: 6.4vw;
  padding-bottom: calc(46/ 750 * 100vw);
}

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

#ako_tanaka_03 .blk09 .inner .img02 {
  width: 80vw;
  margin: 0 auto calc(22 / 750 * 100vw);
}

#ako_tanaka_03 .blk09 .txt {
  width: 80vw;
  margin: 0 auto;
  letter-spacing: 0.04em;
}

#ako_tanaka_03 .blk09 .txt01 {
  letter-spacing: 0.05em;
  text-align: initial;
}

#ako_tanaka_03 .blk09 .txt02 {
  text-align: initial;
  margin-bottom: 0.53333vw;
}

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

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

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

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

#ako_tanaka_03 .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_03 .blk01 {
  position: relative;
}

#ako_tanaka_03 .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_03 .blk02 {
  position: relative;
}

#ako_tanaka_03 .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_03 .blk03 {
  position: relative;
}

#ako_tanaka_03 .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_03 .blk04 {
  position: relative;
}

#ako_tanaka_03 .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_03 .blk05 {
  position: relative;
}

#ako_tanaka_03 .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_03 .blk06 {
  position: relative;
}

#ako_tanaka_03 .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_03 .blk07 {
  position: relative;
}

#ako_tanaka_03 .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_03 .blk08 {
  position: relative;
}

#ako_tanaka_03 .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_03 .blk09 {
  position: relative;
}

#ako_tanaka_03 .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_03 .blk10 {
  position: relative;
}

#ako_tanaka_03 .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_03 .blk02 {
  position: relative;
}

#ako_tanaka_03 .blk02 .obj_wrap {
  position: absolute;
  left: -48px;
  z-index: -10;
  top: -715.2vw;
}

#ako_tanaka_03 .blk02 .obj_wrap .bg {
  width: 10.66667vw;
  height: 2133.33333vw;
  background-color: #c8a9ae;
  transform: rotate(37.7deg);
}

#ako_tanaka_03 .blk04 {
  position: relative;
}

#ako_tanaka_03 .blk04 .obj_wrap {
  position: absolute;
  left: -48px;
  z-index: -10;
  top: -945.33333vw;
}

#ako_tanaka_03 .blk04 .bg {
  width: 10.66667vw;
  height: 2133.33333vw;
  background-color: #ccdca8;
  transform: rotate(-41.4deg);
}

#ako_tanaka_03 .blk06 {
  position: relative;
}

#ako_tanaka_03 .blk06 .obj_wrap {
  position: absolute;
  left: -42px;
  z-index: -10;
  top: -777.06667vw;
}

#ako_tanaka_03 .blk06 .obj_wrap .bg {
  width: 10.66667vw;
  height: 2133.33333vw;
  background-color: #eaa0a7;
  transform: rotate(39deg);
}

#ako_tanaka_03 .blk08 {
  position: relative;
}

#ako_tanaka_03 .blk08 .obj_wrap {
  position: absolute;
  left: -48px;
  z-index: -10;
  top: -1027.73333vw;
}

#ako_tanaka_03 .blk08 .obj_wrap .bg {
  width: 10.66667vw;
  height: 2133.33333vw;
  background-color: #b4afa4;
  transform: rotate(-37.4deg);
}

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

#ako_tanaka_03 .obj_wrap.active {
  opacity: 1;
  transform: translateY(0);
}

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

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