@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:900&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Lato:900&display=swap");
.bg-service {
  background: url("/wp/wp-content/themes/goodlife/resources/img/service/bg_service.png") 100% 0 no-repeat;
  background-size: 100% 257.0833333333vw;
}

@media screen and (max-width: 767px) {
  .bg-service {
    background: url("/wp/wp-content/themes/goodlife/resources/img/service/bg_service_sp.png") 100% 0 no-repeat;
    background-size: 100% 1367.6vw;
  }
}
.bg-robot {
  position: absolute;
  right: 0;
  background: url("/wp/wp-content/themes/goodlife/resources/img/robot/bg_mv.png") 100% 0 no-repeat;
  width: 58.75vw;
  height: 41.1111111111vw;
  background-size: contain;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .bg-robot {
    position: absolute;
    right: 0;
    background: url("/wp/wp-content/themes/goodlife/resources/img/robot/bg_mv_sp.png") 100% 0 no-repeat;
    width: 91.3333333333vw;
    height: 44.2666666667vw;
    background-size: contain;
    z-index: -1;
  }
}
.goodrobot {
  background: url("/wp/wp-content/themes/goodlife/resources/img/robot/bg_goodrobot.png") 50% 50% no-repeat;
  width: 100%;
  height: 0;
  min-height: 680px;
  padding-bottom: 49.8611111111%;
  background-size: cover;
  overflow: hidden;
}
.goodrobot__title {
  width: 410px;
  margin: 4.5138888889vw auto 3.1944444444vw;
}
.goodrobot__lead {
  color: #FFF;
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
  margin-bottom: 3.4722222222vw;
}

.goodrobot-community {
  margin-top: 4.1666666667vw;
  padding: 2.6388888889vw;
  border: 2px solid #FFF;
  text-align: center;
}
.goodrobot-community__title {
  font-size: 2.8rem;
  font-weight: bold;
  color: #FFF;
  margin-bottom: 2.0833333333vw;
}
.goodrobot-community__lead {
  color: #FFF;
  margin-bottom: 2.0833333333vw;
}

@media screen and (max-width: 767px) {
  .goodrobot {
    background: url("/wp/wp-content/themes/goodlife/resources/img/robot/bg_goodrobot_sp.png") 50% 50% no-repeat;
    width: 100%;
    height: 1px;
    min-height: inherit;
    padding-bottom: 212%;
    background-size: cover;
    overflow: hidden;
  }
  .goodrobot__title {
    width: 81.6vw;
    margin: 16vw auto 7.3333333333vw;
  }
  .goodrobot__lead {
    text-align: center;
    margin-bottom: 6.6666666667vw;
    padding: 0 10.6666666667vw;
  }
  .goodrobot-community {
    width: 87.2vw;
    margin: 9.3333333333vw auto 0;
    padding: 8vw 4vw;
    border: 1px solid #FFF;
  }
  .goodrobot-community__title {
    font-size: 2rem;
    margin-bottom: 8vw;
  }
  .goodrobot-community__lead {
    color: #FFF;
    margin-bottom: 7.3333333333vw;
  }
}