@media screen and (max-width: 768px) {
  #service_list .itemlists.unit li .imagebox picture {
    aspect-ratio: 4/3;
  }
}

#service-detail_lead {
  padding-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  #service-detail_lead {
    padding-bottom: 5rem;
  }
  #service-detail_lead .flex .imagebox {
    width: 100%;
    margin-bottom: 2rem;
  }
  #service-detail_lead .flex .textbox {
    width: 100%;
  }
}
#service-detail_q {
  padding: 2em;
  background: #f7f7f7;
  border-radius: 6px;
}
@media screen and (max-width: 768px) {
  #service-detail_q {
    padding: 2rem;
  }
  #service-detail_q .flex .imagebox {
    width: 100%;
    margin-bottom: 2rem;
  }
  #service-detail_q .flex .textbox {
    width: 100%;
  }
}
#service-detail_a .alternatebox .flex + .flex {
  margin-top: 4rem;
}
#service-detail_a .alternatebox .flex:nth-child(2n) .textbox {
  order: 1;
}
#service-detail_a .alternatebox .flex:nth-child(2n) .imagebox {
  order: 2;
}
@media screen and (max-width: 768px) {
  #service-detail_a .alternatebox .flex .imagebox {
    width: 100%;
    margin-bottom: 2rem;
  }
  #service-detail_a .alternatebox .flex .textbox {
    width: 100%;
  }
  #service-detail_a .alternatebox .flex:nth-child(2n) .imagebox {
    order: 1;
  }
  #service-detail_a .alternatebox .flex:nth-child(2n) .textbox {
    order: 2;
  }
}
#service-detail_case .top3 {
  margin-bottom: 5rem;
}
#service-detail_case .top3 .flex + .flex {
  margin-top: 2rem;
  border-top: 1px dotted #1e1e1e;
  padding-top: 2rem;
}
@media screen and (max-width: 768px) {
  #service-detail_case .top3 .flex .imagebox {
    width: 100%;
    margin-bottom: 2rem;
  }
  #service-detail_case .top3 .flex .textbox {
    width: 100%;
  }
}/*# sourceMappingURL=service.css.map */