.About {
  max-width: 1040px;
  padding: 0 20px;
  margin: 0 auto;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .About {
    padding: 0 3.2%;
  }
}

@media screen and (max-width: 640px) {
  .About {
    padding: 0;
    margin: 26vw auto 0;
  }
}

.About__head {
  width: 31.2%;
  margin: 0 auto 5%;
}

@media screen and (max-width: 640px) {
  .About__head {
    width: 59.9%;
    margin: 0 auto 7%;
    padding: 0 2.9% 0 0;
  }
}

.AboutMain__img {
  margin: 0 0 6.4%;
  opacity: 0;
}

.AboutAnimation {
  margin: 0 0 0 35.3%;
}

@media screen and (max-width: 640px) {
  .AboutAnimation {
    margin: 0;
  }
}

.AboutAnimation--Outer {
  position: relative;
  padding: 0 0 37.4%;
  margin: 0 0 16.4%;
}

@media screen and (max-width: 640px) {
  .AboutAnimation--Outer {
    padding: 65.1% 0 57.1%;
  }
}

.AboutAnimation__text {
  margin: 0 0 6.1%;
  opacity: 0;
  line-height: 2.35;
}

@media screen and (max-width: 640px) {
  .AboutAnimation__text {
    line-height: 2.25;
    margin: 0 0 9.1%;
  }
}

.AboutAnimation__text--anime {
  opacity: 0;
}

.AboutAnimation__img {
  position: absolute;
  opacity: 0;
}

.AboutAnimation__img--01 {
  left: 15%;
  top: 0.8%;
  width: 8.6%;
}

@media screen and (max-width: 640px) {
  .AboutAnimation__img--01 {
    left: 41%;
    top: 0%;
    width: 16.9%;
  }
}

.AboutAnimation__img--02 {
  left: 7.4%;
  top: 34%;
  width: 20.2%;
}

@media screen and (max-width: 640px) {
  .AboutAnimation__img--02 {
    left: 3.2%;
    bottom: 8.3%;
    top: auto;
    width: 36.2%;
  }
}

.AboutAnimation__img--03 {
  right: 0;
  bottom: 15%;
  width: 37.6%;
}

@media screen and (max-width: 640px) {
  .AboutAnimation__img--03 {
    right: 4%;
    bottom: 0%;
    width: 48.6%;
  }
}

.AboutAnimation__img--04 {
  left: 15%;
  bottom: 0;
  width: 22.4%;
}

@media screen and (max-width: 640px) {
  .AboutAnimation__img--04 {
    display: none;
  }
}

.AboutAnimation__img--anime {
  -webkit-transition: 1.2s;
  transition: 1.2s;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 0;
}

.AboutTab {
  margin: 0 auto 25%;
}

@media screen and (max-width: 640px) {
  .AboutTab {
    margin: 0 auto 35%;
  }
}

.AboutTab__items {
  display: flex;
  justify-content: space-between;
  margin: 0 0 92px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .AboutTab__items {
    margin: 0 0 9.2vw;
  }
}

@media screen and (max-width: 640px) {
  .AboutTab__items {
    margin: 0 0 18.6%;
  }
}

.AboutTab__item {
  flex: 0 1 47.05882352941176%;
}

.AboutTabBox--01 {
  display: block;
}

.AboutTabBox--02 {
  display: none;
}

.AboutTabBox__ttl {
  margin: 0 0 6.2%;
}

@media screen and (max-width: 640px) {
  .AboutTabBox__ttl {
    margin: 0 0 9.3%;
  }
}

.About__text {
  margin: 0 0 4.6%;
  line-height: 2.35;
  text-align: center;
}

@media screen and (max-width: 640px) {
  .About__text {
    margin: 0 0 9.1%;
    line-height: 2.25;
    text-align: justify;
  }
}

.About__text--02 {
  margin: 0 0 11.3%;
}

@media screen and (max-width: 640px) {
  .About__text--02 {
    margin: 0 0 20%;
  }
}

.About__text--03 {
  margin: 0 0 9.6%;
}

.About__img {
  margin: 0 0 4.6%;
}

@media screen and (max-width: 640px) {
  .About__img {
    margin: 0 0 6.6%;
  }
}

.AboutPromise {
  margin: 0 0 8.6%;
}

@media screen and (max-width: 640px) {
  .AboutPromise {
    margin: 0 0 12.6%;
  }
}

.AboutPromise__ttl {
  color: #78c1b2;
  font-size: 1.375rem;
  text-align: center;
  line-height: 2.1;
  margin: 0 0 0.9%;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .AboutPromise__ttl {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 640px) {
  .AboutPromise__ttl {
    font-size: 6.1vw;
    line-height: 1.5;
    margin: 0 0 3.6%;
  }
}

.AboutPromise__ttlIcon {
  display: block;
  width: 9.288235%;
  margin: 0 auto 1.9%;
}

@media screen and (max-width: 640px) {
  .AboutPromise__ttlIcon {
    width: 21.7%;
    margin: 0 auto 3.1%;
  }
}

.AboutPromise__data {
  line-height: 2.35;
  text-align: center;
}

@media screen and (max-width: 640px) {
  .AboutPromise__data {
    text-align: justify;
    line-height: 2.08;
  }
}

.animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fadeIn {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  opacity: 1;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*# sourceMappingURL=about.css.map */