.content{
  padding: 0 0 70px 0;
}
.about-container {
  padding: 66px 0 107px;
  background-repeat: no-repeat;
  background-size: 1740px;
  min-height: 524px;
}
.about-container1 {
  background-image: url(/facilities/haneda-chronogate/about/images/bg_about_01.png);
  background-position: calc(50% - 871px) -58px;
  padding: 126px 0 90px 0;
}
.about-container2 {
  background-image: url(/facilities/haneda-chronogate/about/images/bg_about_02.png);
  background-position: calc(50% + 850px) 26px;
  padding: 86px 0 110px 0;
}
.about-container3 {
  background-image: url(/facilities/haneda-chronogate/about/images/bg_about_03.png);
  background-position: calc(50% - 830px) -73px;
  padding: 100px 0 120px 0;
}
.about-container4 {
  background-image: url(/facilities/haneda-chronogate/about/images/bg_about_04.png);
  background-position: calc(50% + 879px) 55px;
  padding: 86px 0 130px 0;
}
.about-container-inner {
  width: 960px;
  margin: 0 auto;
}
.about-body {
  width: 420px;
  margin-left: auto;
}
.about-container2 .about-body,
.about-container4 .about-body {
  width: 400px;
}
.about-container-reverse .about-body {
  margin: 0 auto 0 0;
}
.about-title {
  font-size: 3.2rem;
  line-height: 1.5;
}
.about-text {
  margin-top: 5px;
}
.js-scroll-fade-in {
  overflow: hidden;
}
.js-scroll-fade-in > * {
  opacity: 0;
}
.js-scroll-fade-in.is-active > * {
  animation: scroll-fade-in ease 0.8s forwards;
}
@keyframes scroll-fade-in {
  0% {
    opacity: 0;
    transform: scale(0.97);
  }
  40% {
    opacity: 1;
    transform: scale(1.02);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width:1px) and (max-width: 750px) {
  .content {
    padding: 30px 0 70px 0;
  }
  .about-container {
    min-height: 0;
  }
  .about-container1 {
    background-position: 94% bottom;
    padding: 0px 0 318px;
    background-size: 1560px;
  }
  .about-container2 {
    background-position: 6.5% 115%;
    padding-left: 100px;
    padding: 82px 0 420px 0px;
    background-size: 1390px;
  }
  .about-container3 {
    background-position: 93% bottom;
    padding-left: 100px;
    padding: 12px 0 427px 0px;
    background-size: 1480px;
  }
  .about-container4 {
    background-position: 7% 137%;
    padding-left: 100px;
    padding: 82px 0 390px 0px;
    background-size: 1390px;
  }
  .about-container-inner {
    width: 100%;
    padding: 0 8%;
  }
  .about-body,
  .about-container2 .about-body,
  .about-container4 .about-body {
    width: 100%;
  }
  .about-title {
    font-size: 2.2rem;
  }
  .about-text {
    margin-top: 5px;
  }
}