@charset "UTF-8";

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

  BLD Group Sustainability PC Styles

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

/* Page Header
---------------------------------------------------------- */
.page-header { margin: 0 0 120px; }
.page-header > div:last-of-type figure { height: 480px; }
.page-header > div:last-of-type figure img {
  height: 480px;
  object-fit: cover;
}
.page-header > div:last-of-type p {
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.6;
  letter-spacing: 0.15em;
  margin: 40px 0 0;
}

/* Interval
---------------------------------------------------------- */
.interval {
  height: 400px;
  overflow: hidden;
}
.interval > img {
  position: relative;
  width: 100%;
  height: auto;
}

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

  Our Actions

---------------------------------------------------------- */
.actions { padding: 180px 0 200px; }
.actions h3 {
  font-size: 46px;
  font-size: 4.6rem;
  font-weight: 400;
  letter-spacing: 0.15em;
  line-height: 1.5;
}
.actions h3 small {
  font-size: 0.326086956em;
  color: #d8d8d8;
  letter-spacing: 0.2em;
  display: block;
}
.actions p {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.15em;
  line-height: 1.875;
  margin: 50px 0 0;
}
.actions p a { color: #000000; }
.act-inner {
  max-width: 100%;
  display: flex;
}
.act-summary {
  position: relative;
  background-color: #ffffff;
  display: inline-block;
  padding: 60px;
}

.intro {
  text-align: center;
  margin: 0 0 100px;
}
.intro h3 { line-height: 1.3; }
.intro p {
  text-align: center;
  margin: 40px 0 0;
}

.act {
  position: relative;
  width: 100%;
}

/* act01 */
.act01 {
  position: relative;
  margin: 0 0 160px;
}
.act01 > figure {
  padding: 0 0 0 25.333333%;
  overflow: hidden;
}
.act01 > figure img {
  width: 100%;
  height: auto;
}
.act01 .act-inner {
  padding: 0 10%;
  align-items: flex-start;
}
.act01 .act-inner > div { width: 50%; }
.act01 .act-summary { top: -100px; }
.act01 .act-inner > div:last-of-type { padding: 0 4% 0 0; }
.act01 .act-inner > div:last-of-type img {
  position: relative;
  top: 65px;
  width: 100%;
  height: auto;
}

/* act02 */
.act02 {
  padding: 120px 0 0 0;
  margin: 0 0 235px;
}
.act02 .act-inner  {
  align-items: center;
  justify-content: space-between;
}
.act02 .act-inner figure { width: 50%; }
.act02 .act-inner figure img {
  position: relative;
  width: 50%;
  height: auto;
}
.act02 .act-inner figure img:first-of-type { top: -120px; }
.act02 .act-inner > div {
  width: 50%;
  padding: 0 10% 0 0;
}

/* act03 */
.act03 { margin: 0 0 180px; }
.act03 > figure { padding: 0 25.333333% 0 0; }
.act03 > figure img {
  width: 100%;
  height: auto;
}
.act03 .act-inner {
  justify-content: flex-end;
}
.act03 .act-inner > div {
  width: 50%;
  padding: 0 10% 0 0;
}
.act03 .act-summary {
  top: -100px;
}

/* act04 */
.act04 {
  padding: 120px 0 0 0;
  margin: 0 0 235px;
}
.act04 .act-inner  {
  align-items: center;
  justify-content: space-between;
}
.act04 .act-inner figure { width: 50%; }
.act04 .act-inner figure img {
  position: relative;
  width: 50%;
  height: auto;
}
.act04 .act-inner figure img:first-of-type { top: -120px; }
.act04 .act-inner > div {
  width: 50%;
  padding: 0 0 0 10%;
}

/* act05 */
.act05 > figure { padding: 0 0 0 25.333333%; }
.act05 > figure img {
  width: 100%;
  height: auto;
}
.act05 .act-inner {
  justify-content: flex-start;
}
.act05 .act-inner > div {
  width: 50%;
  padding: 0 0 0 10%;
}
.act05 .act-summary {
  top: -100px;
}