@charset "utf-8";

.concept{
  margin:2rem 0 3.5rem;
  padding-bottom:4rem;
  border-bottom:1px solid #E4E4E4;
}

.concept img{
  width:80%;
  margin:0 auto 3.5rem;
  max-width:700px;
}

.concept p{
  width:80%;
  margin:0 auto;
  max-width:1080px;
}

.feature{
  margin:7.5rem 0 5rem;
}

.feature .lower-title + p{
  margin-bottom:3.5rem;
}

.feature-bg{
  padding:4rem 0;
}

.feature-bg.yellow{
  background:#FEF5E4;
}

.feature-bg .lower-service-wrap{
  width:80%;
  margin:0 auto;
  max-width:1080px;
}

body:has(.lower-service) .feature-bg .yellow-btn{
  margin:1.5rem 0 0;
}

.access{
  margin:7.5rem 0 5rem;
}

@media screen and (max-width: 1280px) {

}


@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 960px) {
body:has(.lower-service) .feature-bg .yellow-btn {
    margin: 1.5rem auto 0;
}
}

@media screen and (max-width: 767px) {
  .concept img {
    width: 90%;
    margin: 0 auto 1.5rem;
  }
  .concept p {
    width: 90%;
  }
  .concept {
    margin: 2rem 0 2.5rem;
    padding-bottom: 2rem;
  }
  body:has(.feature) .lower-service {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
  }
  .feature {
    margin: 3rem 0 3rem;
  }
  .feature-bg {
    padding: 2rem 0;
  }
  .feature-bg .lower-service-wrap {
    width: 90%;
  }
  .access {
    margin: 3rem 0 5rem;
  }

}