@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC&display=swap");
.index_illustrate {
  justify-content: space-between;
  position: relative;
  min-height: 75vh;
  align-items: center; }
  @media (max-width: 1024) {
    .index_illustrate {
      flex-wrap: wrap;
      text-align: center; } }
  .index_illustrate .index-pic1 {
    position: relative;
    width: 25%;
    text-align: right;
    max-width: 300px;
    margin-left: 2%; }
    @media (max-width: 1199px) {
      .index_illustrate .index-pic1 {
        width: 100%;
        margin: auto;
        margin-bottom: 2rem; } }
  .index_illustrate .index-pic2 {
    max-width: 1055px;
    margin: auto;
    margin-left: -2%; }
    @media (max-width: 1024px) {
      .index_illustrate .index-pic2 {
        width: 100%;
        margin: auto;
        margin-right: -6%; } }
    @media (max-width: 991px) {
      .index_illustrate .index-pic2 {
        margin: auto; } }
  .index_illustrate .illustrate {
    font-family: 'Noto Serif TC', serif;
    font-weight: 900;
    margin-left: -10%; }
    @media (max-width: 1024px) {
      .index_illustrate .illustrate {
        margin-left: 0;
        width: 100%;
        text-align: center; } }
    .index_illustrate .illustrate h2 {
      color: #415A92;
      font-weight: 900;
      margin-bottom: 3rem;
      font-size: 1.8rem;
      white-space: nowrap; }
      @media (max-width: 991px) {
        .index_illustrate .illustrate h2 {
          font-size: 1.5rem; } }
      @media (max-width: 767px) {
        .index_illustrate .illustrate h2 {
          white-space: inherit;
          margin-bottom: 2rem; } }
    .index_illustrate .illustrate h3 {
      font-weight: 900;
      line-height: 1.5;
      font-size: 1.5rem; }
      @media (max-width: 991px) {
        .index_illustrate .illustrate h3 {
          font-size: 1.3rem; } }

/*# sourceMappingURL=index.css.map */