/* ---------------------------------------

	about/index.html

--------------------------------------- */
#about .about__txt {
  width: 40%;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
}

#about .about__txt .tate-num {
  -webkit-text-orientation: mixed;
          text-orientation: mixed;
}

#about .about__txt01 {
  width: 40%;
  margin: 190px 60px auto 0;
  text-align: left;
}

@media (max-width: 767px) {
  #about .about__txt01 {
    width: 55%;
    margin: 0;
    height: 240px;
    text-align: left;
    position: absolute;
    top: 60%;
    left: 72%;
    -webkit-transform: translate(-50%, -70%);
            transform: translate(-50%, -70%);
  }
}

#about .about__txt02 {
  width: 40%;
  margin: 100px 60px auto 0;
}

@media (max-width: 767px) {
  #about .about__txt02 {
    width: 60%;
    top: -30%;
    left: 40%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

#about .about__txt03 {
  width: 40%;
}

@media (max-width: 767px) {
  #about .about__txt03 {
    width: 60%;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

#about .about__txt04 {
  width: 60%;
  left: 50px;
}

@media (max-width: 767px) {
  #about .about__txt04 {
    width: 60%;
    top: -20%;
    left: 70%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}