.stage {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.stage .layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

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

.videoArea {
  overflow: hidden;
}
.videoArea .videoBox {
  align-items: center;
  padding: 18% 0;
}
@media (max-width: 1700px) {
  .videoArea .videoBox {
    padding: 16% 0;
  }
}
@media (max-width: 1500px) {
  .videoArea .videoBox {
    padding: 14% 0;
  }
}
@media (max-width: 991px) {
  .videoArea .videoBox {
    padding: 52% 0;
  }
}
.videoArea .videoBox img {
  display: block;
  margin: 0 auto 2rem auto;
  width: 480px;
}
@media (max-width: 991px) {
  .videoArea .videoBox img {
    width: 310px;
  }
}
.videoArea .videoBox .Txt {
  z-index: 2;
  color: #fff;
  text-align: center;
  font-style: italic;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.424);
}
.videoArea .videoBox .Txt h2 {
  font-weight: 500;
  font-size: 3rem;
}
@media (max-width: 991px) {
  .videoArea .videoBox .Txt h2 {
    font-size: 2rem;
  }
}
.videoArea .videoBox .Txt b {
  font-weight: 700;
  font-size: 4rem;
  margin-left: -16px;
}
@media (max-width: 991px) {
  .videoArea .videoBox .Txt b {
    font-size: 2.5rem;
    letter-spacing: 1px;
    margin-left: -16px;
  }
}

.page {
  padding-top: 5%;
}
.page .Txt {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
@media (max-width: 991px) {
  .page .Txt {
    padding: 1rem 0;
  }
}
.page .Txt small {
  color: #96afff;
  display: block;
  font-style: italic;
  padding-bottom: 5px;
  border-bottom: 2px solid #4b7dff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 991px) {
  .page .Txt small {
    position: relative;
  }
}
.page .Txt .title {
  color: #000064;
}
@media (max-width: 991px) {
  .page .Txt .title {
    margin-top: 13%;
  }
}
.page .Txt .title h2 {
  font-weight: 700;
  font-size: 3rem;
}
@media (max-width: 1600px) {
  .page .Txt .title h2 {
    font-size: 2.5rem;
  }
}
@media (max-width: 991px) {
  .page .Txt .title h2 {
    font-size: 1.8rem;
  }
}
.page .Txt .title h3 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 1.4;
}
@media (max-width: 1600px) {
  .page .Txt .title h3 {
    font-size: 2rem;
  }
}
@media (max-width: 991px) {
  .page .Txt .title h3 {
    font-size: 1.5rem;
  }
}
.page .Txt .title h3 span {
  font-weight: 400;
}
.page .Txt h4 {
  color: #646464;
  margin-top: 15%;
  line-height: 1.7;
  font-size: 1.8rem;
}
@media (max-width: 1600px) {
  .page .Txt h4 {
    font-size: 1.5rem;
  }
}
@media (max-width: 991px) {
  .page .Txt h4 {
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: 11%;
  }
}
.page .Txt p {
  color: #646464;
  line-height: 1.8;
}
@media (max-width: 991px) {
  .page .Txt p {
    text-align: justify;
  }
}
@media (max-width: 991px) {
  .page .Txt p br {
    display: none;
  }
}
.page .Img {
  margin-top: 3%;
}

.page01 {
  overflow: hidden;
}
@media (max-width: 991px) {
  .page01 {
    margin-top: -6px;
  }
}

.page02 .Txt .title h2 {
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  max-width: 359px;
  margin: 0 auto;
}
@media (max-width: 1600px) {
  .page02 .Txt .title h2 {
    max-width: 318px;
  }
}
@media (max-width: 991px) {
  .page02 .Txt .title h2 {
    max-width: 239px;
  }
}
.page02 .Txt p {
  text-align: center;
}
@media (max-width: 991px) {
  .page02 .Txt p br {
    display: block;
  }
}

.page03 .Txt .title h2 {
  letter-spacing: 4px;
  padding-left: 4px;
}

.page06 .Txt h3 {
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  max-width: 433px;
  margin: 0 auto;
}
@media (max-width: 1600px) {
  .page06 .Txt h3 {
    max-width: 388px;
  }
}
@media (max-width: 991px) {
  .page06 .Txt h3 {
    max-width: 289px;
  }
}

.page03 .Txt p, .page04 .Txt p, .page05 .Txt p, .page06 .Txt p, .page07 .Txt p, .page08 .Txt p, .page09 .Txt p, .page10 .Txt p {
  max-width: 85%;
  margin: 0 auto;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
}
@media (max-width: 991px) {
  .page03 .Txt p, .page04 .Txt p, .page05 .Txt p, .page06 .Txt p, .page07 .Txt p, .page08 .Txt p, .page09 .Txt p, .page10 .Txt p {
    max-width: 100%;
  }
}

.page09 .Txt .title h3 span {
  font-weight: 900;
  font-size: 2rem;
}
@media (max-width: 1600px) {
  .page09 .Txt .title h3 span {
    font-size: 1.75rem;
  }
}
@media (max-width: 991px) {
  .page09 .Txt .title h3 span {
    font-size: 1.32rem;
  }
}/*# sourceMappingURL=style.css.map */