@import url(mobie-common.css);
@media screen and (max-width: 768px) {
  .text {
    text-indent: 32px;
    text-align: left; }
    .text br {
      display: none; }
  .page1 .text {
    text-align: center;
    text-indent: unset; }
  .page3 .page-cont, .page4 .page-cont, .page4 .page-cont, .page5 .page-cont {
    padding: 15px;
    padding-top: 15%; }
  .page3 .page-title, .page4 .page-title, .page5 .page-title {
    margin-bottom: 30px; }
  .page2 .page-title, .page2 .text {
    margin-bottom: 30px; }
  .page1 .page-title {
    margin-bottom: 30px; }
  .page3 .card-box {
    display: flex;
    flex-direction: column; }
    .page3 .card-box .card {
      width: 100%;
      margin-bottom: 20px;
      padding: 15px; }
  .page4 .bl-wrap {
    display: flex;
    flex-direction: column; }
    .page4 .bl-wrap .bl-box {
      width: 100%;
      margin-bottom: 20px;
      padding: 15px; }
      .page4 .bl-wrap .bl-box .quotation {
        top: 20px; }
  .page5 .step-wrap {
    display: flex;
    flex-direction: column; }
    .page5 .step-wrap .step {
      width: 100%;
      padding: 15px; }
    .page5 .step-wrap .arrow {
      margin: 10px 0; }
  .page6 .blue-btn {
    padding: 0 15px;
    height: 35px;
    line-height: 35px;
    font-size: 12px; } }
