@media screen and (min-width: 960px) {
  .view--pc {
    display: block;
  }
  .view--sp {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .view--pc {
    display: none;
  }
  .view--sp {
    display: block;
  }
}
.gbss {
  /*=== kv ===*/
  /*=== hero ===*/
  /*=== main ===*/
  /*=== greenbuilding ===*/
}
.gbss .kv {
  background-image: url("../img/certification/kv_bg.jpg");
}
@media screen and (max-width: 959px) {
  .gbss .kv {
    height: min(318px, 66.3vw);
    background-image: url("../img/certification/kv_bg-sp.jpg");
  }
}
@media screen and (max-width: 959px) {
  .gbss .kv .kv__inner {
    padding: min(48px, 10vw) min(36px, 7.5vw) min(67.2px, 14vw);
  }
}
@media screen and (min-width: 960px) {
  .gbss .hero {
    padding-bottom: 240px;
    z-index: 2;
  }
  .gbss .hero .hero__img {
    z-index: 1;
  }
  .gbss .hero .hero__text {
    position: relative;
    z-index: 2;
  }
}
@media screen and (min-width: 960px) {
  .gbss .main {
    padding: 130px 0 78px;
  }
}
.gbss .main .main__heading {
  margin: 0 0 10px;
}
@media screen and (max-width: 959px) {
  .gbss .main .main__heading {
    margin: 0 0 min(12px, 2.5vw);
  }
}
.gbss .main .main__text {
  text-align: left;
  line-height: 1.5;
}
.gbss .greenbuilding .greenbuilding__box {
  margin: 0 auto 50px;
  font-size: 16px;
  line-height: 1.875;
}
@media screen and (max-width: 959px) {
  .gbss .greenbuilding .greenbuilding__box {
    margin: 0 auto min(48px, 10vw);
    font-size: min(19.2px, 4vw);
  }
}
@media screen and (max-width: 959px) {
  .gbss .greenbuilding .greenbuilding__box.greenbuilding__box--row .main__row__item {
    margin-bottom: min(48px, 10vw);
  }
  .gbss .greenbuilding .greenbuilding__box.greenbuilding__box--row .main__row__item:last-child {
    margin-bottom: 0;
  }
}
.gbss .greenbuilding .greenbuilding__box.greenbuilding__box--row .greenbuilding__img {
  width: 100%;
  height: 306px;
  text-align: center;
}
@media screen and (max-width: 959px) {
  .gbss .greenbuilding .greenbuilding__box.greenbuilding__box--row .greenbuilding__img {
    height: min(300px, 62.5vw);
  }
}
.gbss .greenbuilding .greenbuilding__box.greenbuilding__box--row .greenbuilding__img img {
  width: auto;
  max-width: initial;
  height: 100%;
  max-height: 100%;
}
.gbss .greenbuilding .greenbuilding__box.greenbuilding__box--column {
  max-width: 800px;
}
@media screen and (min-width: 960px) {
  .gbss .greenbuilding .greenbuilding__box.greenbuilding__box--column .main__box--bg-white {
    padding-left: 10px;
  }
}
@media screen and (min-width: 960px) {
  .gbss .greenbuilding .greenbuilding__box.greenbuilding__box--column .main__heading {
    text-align: left;
  }
}
.gbss .greenbuilding .greenbuilding__box.greenbuilding__box--column .greenbuilding__img {
  width: 220px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 15px;
}
@media screen and (max-width: 959px) {
  .gbss .greenbuilding .greenbuilding__box.greenbuilding__box--column .greenbuilding__img {
    width: 100%;
    height: min(180px, 37.5vw);
    margin: 0 auto;
    text-align: center;
  }
  .gbss .greenbuilding .greenbuilding__box.greenbuilding__box--column .greenbuilding__img img {
    width: auto;
    max-width: initial;
    height: 100%;
    max-height: 100%;
  }
}
.gbss .greenbuilding .greenbuilding__box.greenbuilding__box--column .greenbuilding__text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}