@charset "UTF-8";

/* ==========================================================

  BLD Group About Us SP Styles

========================================================== */
.interval .simpleParallax { height: auto; }

/* Page Header
--------------------------------------------------------- */
.page-header { margin: 0 0 24%; /* 180/750 */ }
.page-header > div:last-of-type figure { height: auto; }
.page-header > div:last-of-type figure img { height: auto; }
.page-header > div:last-of-type p {
  font-size: 4.8vw; /* 36/750 */
  line-height: 1.5;
  margin: 5.333333vw 0; /* 40px 0 */
}

/* Greeting
--------------------------------------------------------- */
.greeting .inner { padding: 16% 5.333333%; }
.greeting h3 {
  font-size: 5.333333vw; /* 40/750 */
  margin: 0 0 4.666666%; /* 0 0 35px */
}
.greeting p {
  font-size: 3.2vw; /* 24/750 */
  line-height: 1.666666;
  margin: 0 0 6.666666%; /* 0 0 50px */
}
.greeting span {
  font-size: 3.2vw; /* 24/750 */
  line-height: 1.666666;
}

/* About Content
--------------------------------------------------------- */
.about-content { padding: 0 0 5.333333%; }
.about-content figure { width: 100%; }
.about-content > div {
  position: relative;
  z-index: 1;
  top: -5.333333vw;
  transform: translateY(0);
  right: 0;
  width: 90%;
  padding: 8% 10% 9.333333%;
  margin: 0 0 0 10%;
}
.about-content > div.fadeInLeft {
  opacity: 1;
  transform: translate(0);
  -webkit-transform: translate(0);
}
.about-content > div.fadeInLeft.scrollIn {
  opacity: 1;
  transform: translate(0);
  -webkit-transform: translate(0);
}
.about-content > div h3 {
  font-size: 5.333333vw; /* 40/750 */
  margin: 0 0 4.666666%;
}
.about-content > div p {
  font-size: 3.2vw; /* 24/750 */
  margin: 0 0 6.666666%;
}
.profile { margin: 26.666666% 0 5.333333%; /* 200px 0 40px */ }
.history { margin: 24% 0 16%; /* 180px 0 120px */ }

/* Slick Slider Overwrite
--------------------------------------------------------- */
/* Dots */
.slick-dots2 { padding: 0 4.666666% 0 0; }

/* bxSlider Overwrite
--------------------------------------------------------- */
.bx-wrapper .bx-pager {
  right: 4.666666%;
  bottom: -30px;
}
.slider-container { overflow: hidden; }
.slider-unit {
  position: relative;
  left: 15vw;
  overflow: visible !important;
}
.slider-unit img {
  max-width: 70vw;
  height: auto;
}