@charset "utf-8";
/* CSS Document */

@media (max-width: 768px) {
  .r-flex{
    flex-flow: column;
  }
  .r-flex .col-md-4{
    width: 100%;
    margin-right: 0;
  }
  .ttl-img{
    width: 360px;
    left: calc(50% - 350px / 2);
  }
}

@media (max-width: 500px){
  .ttl-img {
    width: 337px;
    left: calc(50% - 338px / 2);
  }
  .faq,
  .faq2 {
    position: relative;
    padding: 155px 10px 20px;
    border: 3px solid #e2e2e2;
    border-radius: 30px;
    margin-top: 140px;
}
.faq2{
  margin-bottom: 30px;
}
}

@media (max-width: 375px){
.ttl-img {
    width: 299px;
    left: calc(50% - 300px / 2);
}
.faq, .faq2 {
    position: relative;
    padding: 130px 10px 20px;
    border: 3px solid #e2e2e2;
    border-radius: 30px;
    margin-top: 140px;
}
}