.tp_bgpic{width:100%;height:560px;background-image:url(/asset/img/workPartner1.png);background-size:100% 100%;background-repeat:no-repeat;z-index:1}.mid_bgpic{width:100%;height:560px;background-image:url(/asset/img/workli.png);background-size:100% 100%;background-repeat:no-repeat}.mid_content{padding:70px 0}.mid_gro{width:40%;padding-top:60px}.gro_tt{font-family:"NotoSansHans-Bold";font-size:28px;color:#aaa}.gro_tex{margin-top:10px;font-family:"NotoSansHans-Bold";font-size:28px;color:#555}.gro_line{width:50px;height:5px;margin:30px 0;background-color:#c4102a}.gro_desc{line-height:40px;font-family:"NotoSansHans-Regular";font-size:18px;color:#666}.gro_list{justify-content:space-between}.sin_gro_ca{width:360px;height:420px;position:relative;background-color:#f6f6f6}.gro_title{display:flex;justify-content:center;margin:40px 35px 10px 35px;font-family:"NotoSansHans-Medium";font-size:24px;color:#333}.gro_desct{margin:0 35px 0 35px;line-height:30px;font-family:"NotoSansHans-Regular";font-size:16px;color:#666}.gro_num{position:absolute;top:46%;left:42%;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px solid #c4102a;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.gro_innum{width:42px;height:42px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-family:"NotoSansHans-Bold";font-size:24px;color:#fff;background-color:#c4102a}.imp_text{color:#c4102a}

@media (max-width: 768px) {
  .tp_bgpic,
  .mid_bgpic {
    height: 240px;
    background-size: cover;
    background-position: center;
  }

  .mid_content {
    padding: 40px 0;
  }

  .mid_gro {
    width: 100%;
    padding-top: 32px;
  }

  .gro_tt,
  .gro_tex {
    font-size: 24px;
    line-height: 1.35;
  }

  .gro_line {
    margin: 20px 0;
  }

  .gro_desc {
    line-height: 1.8;
    font-size: 16px;
  }

  .gro_list {
    flex-direction: column;
    gap: 20px;
  }

  .sin_gro_ca {
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .tp_gro_ic,
  .gro_ic {
    width: 100%;
  }

  .gro_ic {
    height: auto;
    display: block;
  }

  .gro_num {
    position: relative;
    top: -25px;
    left: auto;
    margin: 0 auto -14px;
    transform: none;
  }

  .gro_title {
    margin: 10px 24px;
    font-size: 22px;
    line-height: 1.35;
    text-align: center;
  }

  .gro_desct {
    margin: 0 24px 28px;
    line-height: 1.7;
    font-size: 15px;
  }
}

@media (max-width: 420px) {
  .gro_tt,
  .gro_tex {
    font-size: 22px;
  }

  .gro_title {
    font-size: 20px;
  }
}