@charset "utf-8";


/* ******************** component ******************** */

/* input */ 
@import "../../component/input-style";

/* title-style */ 
@import "../../component/title-style.scss";


/* ******************** sub-common ******************** */ 

/* sub-banner */ 
@import "../common/_sub-banner";

/* sub-tab */ 
@import "../common/_sub-tab";

/* sub-cont */ 
@import "../common/_sub-cont";



/* ******************** RISE ******************** */

/* banner */ 
@import "./banner";





.top-txt {
  text-align: center; padding: 40px 0; border: 8px solid #d3d9dd; color: #212a5b;
  .tit1 {
    font-size: 1.8rem;
  }
  .tit2 {
    font-size: 3.2rem; font-weight: 900; padding-top: 20px;
  }
  .tit3 {
    font-size: 1.6rem; padding-top: 20px; color: #75798d;
  }
}

.txt-area {
  padding: 30px; margin-top: 20px; background: #f5f5f5;
  .txt {
    font-size: 1.5rem; line-height: 1.9; color: #444;
  }
  .sign {
    font-size: 1.7rem; padding-top: 50px; color: #333;
    b {
      font-size: 2rem; font-weight: 600;
    }
  }
}

.point {
  color: #e5651f;
}

@media (max-width: 1024px) {
  .top-txt {
    .tit1 {
      font-size: 1.7rem;
    }
    .tit2 {
      font-size: 2.9rem;
    }
    .tit3 {
      font-size: 1.5rem;
    }
  }
  .txt-area {
    .txt {
      font-size: 1.4rem;
    }
    .sign {
      font-size: 1.6rem;
      b {
        font-size: 1.9rem;
      }
    }
  }
}

@media (max-width: 620px) {
  .top-txt {
    padding: 20px 0 30px; border: 0; 
    .tit1 {
      font-size: 1.5rem;
    }
    .tit2 {
      font-size: 2.1rem; padding-top: 15px;
    }
    .tit3 {
      font-size: 1.4rem; padding-top: 15px;
    }
  }
  .txt-area {
    margin-top: 0; padding: 20px;
    .txt {
      font-size: 1.3rem;
    }
    .sign {
      font-size: 1.4rem; padding-top: 30px;
      b {
        font-size: 1.7rem;
      }
    }
  }
}