.tp_bgpic{width:100%;height:560px;background-size:100% 100%;background-repeat:no-repeat;z-index:1;}.child_list{height:60px;line-height:60px;background-color:#FFFFFF;}.child_list ul{margin:0;padding:0;width:100%;display:flex;justify-content:space-between;}.child_list ul li{margin:0;padding:0;float:left;list-style:none;font-family:"NotoSansHans-Regular";font-size:16px;color:#555555;}.child_list ul li:hover{cursor:pointer;color:#c4102a;}.now_pist{align-items:center;z-index:1;}.pist_card{padding:60px 0px 35px 0px;background-color:#f2f2f2;}.pist_text{font-family:"NotoSansHans-Regular";font-size:32px;color:#333333;}.pist_line{width:50px;height:5px;margin:20px 0px 30px 0px;background-color:#c4102a;}.pis_ic{width:150px;height:150px;}.pis_list{width:100%;justify-content:space-between;}.sin_pis{width:360px;background-color:#f2f2f2;}.in_sin_pic{width:300px;margin:0px auto;padding:20px 0px;align-items:center;}.sin_pis:hover{cursor:pointer;-webkit-box-shadow:0 0px 8px 1px rgba(0,0,0,0.3);box-shadow:0 0px 8px 1px rgba(0,0,0,0.3);transition:all .3s ease;}.pis_title{margin:20px 0px;font-family:"NotoSansHans-Bold";font-size:18px;color:#555555;}.pis_desc{line-height:30px;font-family:"NotoSansHans-Medium";font-size:14px;color:#666666;}.stan_card{position:relative;width:100%;height:480px;}.stan_bg{width:50%;height:480px;position:absolute;right:0;background-image:url(/asset/img/slope1.png);background-size:100% 100%;background-repeat:no-repeat;z-index:0;}.standard_list{width:95%;display:grid;grid-template-columns:35% 45%;}.sin_row_dard{margin-bottom:30px;}.sin_list_dard{width:100%;}.point_d{width:10px;height:10px;margin-top:5px;background-color:#c4102a;border-radius:50%;}.point_des{margin-left:5px;font-family:"NotoSansHans-DemiLight";font-size:14px;color:#666666;}.conten_card{width:100%;padding-bottom:40px;background-image:url(/asset/img/banner-bg.png);background-size:100% 100%;background-repeat:no-repeat;z-index:0;}.table_pa{width:100%;border-bottom:1px solid;border-color:rgba(77,131,194,.5);}.table_pa table{width:100%;text-indent:2rem;border-collapse:collapse;}.table_pa table tr{width:100%;border-bottom:1px solid;}.table_pa table tr:nth-last-of-type(odd){background:rgba(77,131,194,.3);}.table_pa table tr:nth-last-of-type(even){background:rgba(87,153,230,.3);}.table_pa table tr:first td{font-family:"NotoSansHans-Bold";font-size:16px;}.table_pa table tr td{height:50px;line-height:50px;border:1px solid;border-color:rgba(77,131,194,.3);font-family:"NotoSansHans-DemiLight";line-height:25px;font-size:14px;color:#fefefe;}.topu_card{padding-bottom:100px;background-color:#f2f2f2;}.topu_list{margin-left:30px;}.sin_topu{margin-bottom:30px;}.tp_pot{margin-top:10px;}.topu_desc{width:88%;line-height:30px;margin-left:10px;font-family:"NotoSansHans-DemiLight";font-size:14px;color:#666666;}.auto_card{background-image:url(/asset/img/white-bg.png);background-size:100% 100%;background-repeat:no-repeat;}.auto_pa{width:859px;height:534px;}.auto_pa img{width:100%;height:100%;}.pis_top_til{margin-top:40px;}.platform_card{padding-bottom:70px;}.plat_pa{display:grid;grid-template-columns:25% 25% 25% 25%;}.out_platsin{width:100%;display:flex;margin-top:70px;}.flex-end{justify-content:flex-end;}.flex-start{justify-content:flex-start;}.just-cen{justify-content:center;}.sin_plat{width:80%;align-items:center;}.plat_text{margin:10px 0px;font-family:"NotoSansHans-Bold";font-size:18px;color:#333333;}.plat_desc{font-family:"NotoSansHans-Regular";font-size:14px;line-height:30px;color:#555555;}.plat_ic{width:100px;height:65px;display:flex;justify-content:center;align-items:center;}.vantage ol li{font-family:"NotoSansHans-Regular";font-size:14px;color:#fefefe;line-height:35px;text-indent:0;}

@media (max-width: 768px) {
  .tp_bgpic {
    height: calc(29.1667vw + 64px);
    background-color: #073568;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
  }

  .child_list {
    height: auto;
    line-height: 1.5;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .child_list ul {
    width: max-content;
    min-width: 100%;
    gap: 24px;
    padding: 14px 16px;
    justify-content: flex-start;
    box-sizing: border-box;
  }

  .child_list ul li {
    flex: 0 0 auto;
    float: none;
    font-size: 15px;
  }

  .pist_card {
    padding: 40px 0 28px;
  }

  .pist_text {
    font-size: 26px;
    line-height: 1.35;
    text-align: center;
  }

  .pist_line {
    margin: 16px 0 24px;
  }

  .pis_list,
  .topu_pa {
    flex-direction: column;
    gap: 20px;
  }

  .sin_pis,
  .in_sin_pic {
    width: 100%;
  }

  .in_sin_pic {
    padding: 20px 16px;
    box-sizing: border-box;
  }

  .pis_title {
    margin: 16px 0 12px;
    line-height: 1.4;
    text-align: center;
  }

  .pis_desc {
    line-height: 1.8;
  }

  .stan_card {
    height: auto;
    padding-bottom: 32px;
    overflow: hidden;
  }

  .stan_bg {
    display: none;
  }

  .standard_list {
    width: 100%;
    grid-template-columns: 1fr;
  }

  .sin_row_dard {
    margin-bottom: 18px;
  }

  .point_des {
    min-width: 0;
    line-height: 1.7;
  }

  .conten_card {
    padding-bottom: 32px;
    background-size: cover;
    background-position: center;
  }

  .table_pa {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table_pa table {
    min-width: 720px;
    text-indent: 0;
  }

  .table_pa table tr td {
    height: auto;
    padding: 12px 10px;
    line-height: 1.6;
    vertical-align: middle;
  }

  .topu_card {
    padding-bottom: 48px;
  }

  .topu_ico,
  .topu_ico img {
    width: 100%;
  }

  .topu-ic {
    height: auto;
    display: block;
    object-fit: contain;
  }

  .topu_list {
    width: 100%;
    margin-left: 0;
  }

  .sin_topu {
    margin-bottom: 18px;
  }

  .topu_desc {
    width: auto;
    min-width: 0;
    line-height: 1.8;
  }

  .auto_card {
    background-size: cover;
    background-position: center;
  }

  .auto_pa {
    width: 100%;
    height: auto;
  }

  .auto_pa img {
    height: auto;
    display: block;
  }

  .pis_top_til {
    margin-top: 32px;
  }

  .platform_card {
    padding-bottom: 48px;
  }

  .plat_pa {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 16px;
  }

  .out_platsin {
    margin-top: 0;
    justify-content: center;
  }

  .sin_plat {
    width: 100%;
  }

  .plat_text {
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
  }

  .plat_desc {
    line-height: 1.7;
    overflow-wrap: anywhere;
  }

  .vantage ol {
    padding-left: 18px;
  }

  .vantage ol li {
    line-height: 1.8;
  }
}

@media (max-width: 420px) {
  .plat_pa {
    grid-template-columns: 1fr;
  }
}