.where-container{
  padding: 2rem 10%;
  background-image: url(./../../web/img/service/where_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.where-wrap{
  display: flex;
  justify-content: space-between;
}
.where-left{
  padding-left: 8.5%;
  padding-top: 2.5rem;
}
.where-title{
  font-weight: 500;
  font-size: 1.5rem;
  color: #000000;
  line-height: 2rem;
}
.where-content{
  margin-top: 0.4rem;
  font-weight: 400;
  font-size: 0.6rem;
  color: #4D4D4D;
  line-height: 0.9rem;
}
.where-btn {
  margin-top: 1.2rem;
}
.where-right{
  width: 38%;
  line-height: 0;
}
.where-right-image{
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1000px) {
  .where-container{
    background-image: url(./../../web/img/service/where_bg_m.png);
    background-size: contain;
    background-position: center bottom; 
  }
  .banner-container{
    height: 0;
    overflow: hidden;
  }
  .where-wrap{
    flex-direction: column;
    align-items: center;
  }
  .where-left{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1rem;
    padding-left: initial;
    order: 1;
  }
  .where-right{
    width: 77%;
    align-self: flex-end;
  }
  .where-title {
    font-size: calc(28rem / 26);
  }
  .where-content{
    font-size: calc(14rem / 26);
  }
}

@media screen and (max-width: 500px) {
  .where-container {
    padding: 1rem 5%;
  }
  
}