@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 ===*/
}
.gbss .kv {
  background-image: url("../img/survey/kv_bg.jpg");
}
@media screen and (max-width: 959px) {
  .gbss .kv {
    background-image: url("../img/survey/kv_bg-sp.jpg");
  }
}
.gbss .hero {
  z-index: 2;
}
.gbss .main {
  padding: 130px 0 90px;
}
.gbss .main__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 2.3;
  text-align: center;
}
@media screen and (max-width: 959px) {
  .gbss .main__text {
    width: 94.1%;
    margin: 0 auto;
    font-size: min(19.2px, 4vw);
    text-align: left;
    line-height: 2.5;
  }
}
.gbss .main__section--hyouka p {
  margin-bottom: 10px;
}
.gbss .main__section--hyouka .main__contents {
  margin-bottom: 30px;
}
.gbss .main__section--hyouka .main__img.main__imgBg.main__imgBg--grd::before {
  background: -webkit-gradient(linear, left top, right top, from(#298cd5), color-stop(#59c7e6), to(#12b5aa));
  background: -webkit-linear-gradient(left, #298cd5, #59c7e6, #12b5aa);
  background: linear-gradient(to right, #298cd5, #59c7e6, #12b5aa);
}