body {
  margin:0 0;
  padding:0 0;
}

.max-width {
  max-width:1192px; margin:0 auto;
}

.i_navbar {
  width:100%; height:70px;
  display:flex; align-items:center;
  box-sizing:border-box; padding:0 48px;
}
  .i_na_logo {
    width:180px; height:42px;
  }

.i_first {
  width:100%; height:560px;
  display:flex; justify-content:center; align-items:center; flex-direction:column;
  position:relative;
  overflow:hidden;
}
  .i_fi_title {
    font-size:36px; color:rgba(255, 255, 255, 1); margin:0 0 10px 0;
    position:relative;
    z-index:10;
  }
  .i_fi_textarea {
    width:calc(50% - 220px); font-size:20px; color:rgba(255, 255, 255, 1); text-align:center;
    position:relative;
    z-index:10;
  }
  .i_fi_view {
    width:calc(50% + 60px - 1px); height:100%;
    display:flex; align-items:center; flex-direction:column;
    box-sizing:border-box; padding:160px 0 0 0;
    transform:skewX(-10deg);
    overflow:hidden;
  }
    .i_fi_view._view01 {
      position:absolute; top:0; left:-60px;
    }
      .i_fi_view._view01 .i_fi_vi_bg {
        height:100%;
        position:absolute; top:0; left:-160px;
        transform:skewX(10deg);
      }
    .i_fi_view._view02 {
      position:absolute; top:0; right:-60px;
    }
      .i_fi_view._view02 .i_fi_vi_bg {
        height:100%;
        position:absolute; top:0; left:-160px;
        transform:skewX(10deg);
      }
    .i_fi_vi_title {
      font-size:36px; color:rgba(255, 255, 255, 1);
      transform:skewX(10deg);
      position:relative;
      z-index:10;
    }
    .i_fi_vi_textarea {
      width:calc(100% - 220px); font-size:20px; color:rgba(255, 255, 255, 1); text-align:center;
      position:relative;
      transform:skewX(10deg);
      z-index:10;
    }

.i_second {
  background-image:radial-gradient(circle farthest-side at center bottom, #009cde, #003087 125%);
  width:100%;
}
  .i_se_box {
    display:flex;
    box-sizing:border-box; padding:40px 0;
  }
  .i_se_view {
    width:calc(100% / 3);
    box-sizing:border-box; padding:0 6px;
  }
    .i_se_vi_title {
      widith:100%; font-size:20px; color:rgba(255, 255, 255, 1); text-align:center; margin:0 0 6px 0;
    }
    .i_se_vi_textarea {
      widith:100%; font-size:16px; color:rgba(255, 255, 255, 1); text-align:center;
    }

/* .i_third {
  background:rgba(245, 247, 250, 1);
  width:100%;
}
  .i_thi_box {
    display:flex;
    box-sizing:border-box; padding:60px 0;
  }
  .i_thi_left {
    width:50%;
  }
    .i_thi_le_title {
      font-size:40px; color:rgba(74, 74, 74, 1); margin:0 0 30px 0;
    }
    .i_thi_le_textarea {
      font-size:16px; color:rgba(44, 46, 47, 1); margin:0 0 50px 0;
    }
    .i_thi_le_line {
      margin:0 0 40px 0;
      display:flex;
    }
      .i_thi_le_li_point {
        width:50px; height:50px; margin:0 20px 0 0;
        display:inline-flex; justify-content:center; align-items:center;
        box-sizing:border-box;
        border-radius:50%;
        border:1px solid #cbd2d6;
      }
        .i_thi_le_li_content {
        }
          .i_thi_le_li_co_name {
            font-size:18px; color:rgba(44, 46, 47, 1); margin:0 0 6px 0;
          }
          .i_thi_le_li_co_value {
            font-size:16px; color:rgba(44, 46, 47, 1);
          }
  .i_thi_right {
    width:50%;
    box-sizing:border-box; padding:140px 0 0 0;
  }
    .i_thi_ri_gif {
      height:400px;
    }

.i_fourth {
  width:100%;
}
  .i_fou_box {
    display:flex; justify-content:center; flex-wrap:wrap;
    box-sizing:border-box; padding:40px 0;
  }
  .i_fou_title {
    width:100%; font-size:40px; margin:0 0 30px 0; text-align:center;
  }
  .i_fou_view {
    width:280px; height:132px; margin:0 0 20px 0;
    display:inline-flex; justify-content:center; flex-wrap:wrap;
    box-sizing:border-box; padding:0px 40px;
  }
    .i_fou_view._img {
      width:100%; height:100%;
    }

.i_fifth {
  background:rgba(245, 247, 250, 1);
  width:100%;
}
  .i_fif_box {
    display:flex; justify-content:center; flex-wrap:wrap;
    box-sizing:border-box; padding:40px 0;
  }
  .i_fif_title {
    width:100%; font-size:40px; margin:0 0 20px 0; text-align:center;
  }
  .i_fif_textarea {
    width:100%; font-size:16px; color:rgba(44, 46, 47, 1); text-align:center;
  } */

.i_sixth {
  width:100%;
}
  .i_six_box {
    display:flex; justify-content:center; flex-wrap:wrap;
    box-sizing:border-box; padding:40px 0;
  }
  .i_six_top {
    width:100%; margin:0 0 10px 0;
    display:inline-flex; justify-content:center;
  }
    .i_six_to_view {
      font-size:16px; color:rgba(44, 46, 47, 1); font-weight:bold; margin:0 40px 0 0;
    }
  .i_six_border {
    background:rgba(0, 0, 0, .15);
    width:100%; height:1.2px; margin:0 0 16px 0;
  }
  .i_six_bottom {
    width:100%;
  }
    .i_six_bo_view {
      width:fit-content; font-size:14px; color:rgba(67, 153, 252, 1); margin:0 auto;
      text-decoration:underline;
      cursor:pointer;
    }