.br_mo {display: none;}
@media screen and (max-width: 1300px){
  header {max-width: calc(100% - 40px); height: 70px;}
  header .logo {width: 77px;}
  header .rolling_v {width: 220px; height: 37px;}
  header .rolling_v ul li p {font-size: 17px;}
  header .link_btn a {gap: 3px; width: 120px; height: 47px; font-size: 16px;}
  header .link_btn a img {width: 17px;}
  
  
  .container {max-width: 100%; padding: 0 20px;}

  .visual {padding: 135px 0;}
  .visual .txt-box .sub {margin-bottom: 20px; font-size: 20px;}
  .visual .txt-box .tit {margin-bottom: 20px; font-size: 37px;}
  .visual .txt-box .txt {font-size: 19px;}
  .visual .kv_btn {gap: 7px; width: 175px; height: 50px; margin: 20px auto 0; font-size: 16px;}
  .visual .kv_btn img {width: 6px;}

  .banner {padding: 50px 0;}
  .banner .txt-box .txt {margin-bottom: 20px; font-size: 23px; line-height: 1.3;}
  .banner .txt-box .txt2 span {font-size: 27px;}

  section {padding: 100px 0;}
  .sec1_ct .d-flex {gap: 20px;}
  .sec1_ct .txt-box .sub {margin-bottom: 7px; font-size: 17px;}
  .sec1_ct .txt-box .tit {margin-bottom: 17px; font-size: 30px; word-break: keep-all;}
  .sec1_ct .txt-box .tit2 {margin-bottom: 17px; font-size: 19px; word-break: keep-all;}
  .sec1_ct .txt-box .txt {margin-bottom: 10px; font-size: 17px; word-break: keep-all;}
  .sec1_ct .img-box {max-width: 500px; width: 100%;}
  .sec1_ct .line {gap: 10px; margin: 30px 0 10px;}
  .sec1_ct .line p {font-size: 20px;}
  .sec1_ct .list_box ul li .child-box {height: 70px;}
  .sec1_ct .list_box ul li .child-box p {gap: 7px; font-size: 20px;}
  .sec1_ct .list_box ul li .child-box p img {width: 27px;}
  .sec1_ct .list_box ul {gap: 10px;}
  
  .tit-box {margin-bottom: 50px;}
  .tit-box .sub {margin-bottom: 7px; font-size: 17px;}
  .tit-box .tit {font-size: 37px;}

  .sec2_ct ul {gap: 20px 0; margin: 0 -10px;}
  .sec2_ct ul li {padding: 0 10px;}
  .sec2_ct ul li .child-box {height: 165px; padding: 20px;}
  .sec2_ct ul li .child-box .txt-box .num {margin-bottom: 7px; font-size: 20px;}
  .sec2_ct ul li .child-box .txt-box .tit {margin-bottom: 5px; font-size: 20px;}
  .sec2_ct ul li .child-box .txt-box .txt {font-size: 17px;}
  .sec2_ct ul li .child-box .list_icon {width: 50px;}

  .sec3_ct {gap: 50px;}
  .sec3_ct .item_box {gap: 77px; height: 455px;}
  .sec3_ct .item_box .left-box {padding: 30px;}
  .sec3_ct .item_box .left-box .top .lb {width: 150px; height: 47px; font-size: 17px;}
  .sec3_ct .item_box .left-box .top .tit_b {gap: 10px;}
  .sec3_ct .item_box .left-box .top .tit {font-size: 27px;}
  .sec3_ct .item_box .left-box .icon {width: 55px;}
  .sec3_ct .item_box .left-box .txt-box .txt {font-size: 17px;}
  .sec3_ct .item_box .right-box ul li .child-box {height: 73px; padding: 10px 20px;}
  .sec3_ct .item_box .right-box ul li .child-box .tit {font-size: 15px;}
  .sec3_ct .item_box .right-box ul li .child-box .txt {font-size: 14px;}
  .sec3_ct .item_box .right-box ul:before {height: calc(100% - 73px);}

  .sec4_ct ul {gap: 20px 0; margin: 0 -10px;}
  .sec4_ct ul li {padding: 0 10px;}
  .sec4_ct ul li .child-box .txt-box {bottom: 20px; left: 20px; gap: 7px;}
  .sec4_ct ul li .child-box .txt-box .txt {font-size: 15px;}
  .sec4_ct ul li .child-box .txt-box .lb {width: 185px; height: 45px; font-size: 17px;}

  .form_item {gap: 15px;}
  .input-box > input {height: 45px; padding: 0 15px; font-size: 17px;}
  .input-box textarea {padding: 15px; font-size: 17px;}
  .input-box > .tit {min-width: 117px; width: 117px; font-size: 17px;}
  .input-box .ckd_box label:before {width: 20px;}
  .input-box .ckd_box label {gap: 7px; font-size: 17px;}
  .input-box .ckd_box {gap: 20px;}
  .agree_box label {gap: 5px; font-size: 17px;}
  .agree_box label:before {width: 17px;}
  .submit_btns button {gap: 10px; width: 210px; height: 50px; font-size: 17px;}
  
  footer {padding: 30px 0;}
  footer .f_logo {width: 107px; margin-bottom: 17px;}
  footer .address {margin-bottom: 30px;}
}

@media screen and (max-width: 1024px) {
  .sec4_ct ul li .child-box {height: 360px;}
  .sec4_ct ul li .child-box .txt-box .txt {word-break: keep-all;}
}

@media screen and (max-width: 900px) {
  header {height: 60px;}
  header .logo {width: 70px;}
  header .rolling_v {width: 210px; min-width: 210px;}
  header .rolling_v ul li p {font-size: 15px;}
  header .link_btn a {width: 100px; height: 37px; font-size: 15px;}
  header .link_btn a img {width: 15px;}

  section {padding: 70px 0;}

  .visual {padding: 120px 0 70px;}
  .visual .txt-box .sub {margin-bottom: 10px; font-size: 17px;}
  .visual .txt-box .tit {margin-bottom: 10px; font-size: 27px;}
  .visual .txt-box .txt {font-size: 16px;}
  .visual .kv_btn {width: 155px; height: 45px; font-size: 15px;}

  .banner {padding: 30px 0;}
  .banner .txt-box .txt {margin-bottom: 15px; font-size: 17px;}
  .banner .txt-box .txt2 span {padding: 7px 5px; font-size: 20px;}
  .banner .txt-box .txt2 {gap: 5px;}

  .sec1_ct .d-flex {flex-flow: column-reverse; align-items: flex-start;}
  .sec1_ct .img-box {max-width: 100%;}
  .sec1_ct .list_box ul li .child-box p {gap: 5px; font-size: 17px;}
  .sec1_ct .list_box ul li .child-box {height: 55px;}
  .sec1_ct .list_box ul li .child-box p img {width: 20px;}

  .tit-box .sub {margin-bottom: 5px;}
  .tit-box .tit {font-size: 27px;}

  .sec2_ct ul {gap: 14px 0; margin: 0 -7px; word-break: keep-all;}
  .sec2_ct ul li {padding: 0 7px;}
  .sec2_ct ul li .child-box {height: 147px;}
  .sec2_ct ul li .child-box .txt-box .num {font-size: 17px;}
  .sec2_ct ul li .child-box .txt-box .tit {font-size: 17px;}
  .sec2_ct ul li .child-box .txt-box .txt {font-size: 15px;}
  .sec2_ct ul li .child-box .list_icon {width: 35px;}

  .sec3_ct .item_box {flex-flow: column; gap: 20px; height: auto;}
  .sec3_ct .item_box .left-box:before,
  .sec3_ct .item_box .right-box ul:before,
  .sec3_ct .item_box .right-box ul li .child-box:before {display: none !important;}
  .sec3_ct .item_box .left-box .top .lb {width: 107px; height: 37px; font-size: 15px;}
  .sec3_ct .item_box .left-box .top .tit {font-size: 20px;}
  .sec3_ct .item_box .left-box .txt-box .txt {font-size: 15px;}
  .sec3_ct .item_box .right-box {word-break: keep-all;}
  .sec3_ct .item_box .right-box ul {gap: 7px;}
  .sec3_ct .item_box .right-box ul li .child-box {height: auto;}
  .sec3_ct .item_box .right-box ul li .child-box .tit {font-size: 17px;}
  .sec3_ct .item_box .right-box ul li .child-box .txt {font-size: 15px;}

  .sec4_ct ul {gap: 10px 0; margin: 0 -5px;}
  .sec4_ct ul li {width: calc(100% / 2); padding: 0 5px;}
  .sec4_ct ul li .child-box .txt-box {left: 0; width: 100%; padding: 0 10px; box-sizing: border-box;}
  .sec4_ct ul li .child-box .txt-box .lb {width: 147px; height: 37px; font-size: 15px;}

  .form_item {gap: 30px;}
  .input-box {flex-flow: column; align-items: flex-start; gap: 10px;}
  .input-box > input {height: 45px; padding: 0 10px; font-size: 15px;}
  .input-box .ckd_box label {height: auto;}
  .input-box .ckd_box label:before {width: 15px;}
  .input-box .ckd_box label {gap: 5px; font-size: 16px;}
  .input-box .ckd_box {gap: 10px 15px;}
  .input-box textarea {padding: 15px; font-size: 15px;}
}

@media screen and (max-width: 850px) {
  .sec2_ct ul li .child-box {flex-flow: column-reverse; gap: 10px; height: 200px; justify-content: flex-end;}
}

@media screen and (max-width: 600px) {
  header {transform: initial; left: 0; max-width: 100%; background: transparent; padding: 0 15px;}
  header .h_container {background: var(--wt); padding: 0 15px; box-sizing: border-box; border-radius: 30px;}
  header .link_btn {position: fixed; bottom: 20px; right: 20px; z-index: 5;}
  header .link_btn a {flex-flow: column; width: 70px; height: 70px; border-radius: 100%; line-height: 1.2;}
  .br_mo {display: block;}
  header .link_btn a img {display: none;}

  .sec2_ct ul {gap: 7px;}
  .sec2_ct ul li {width: calc(100% / 1);}
  .sec2_ct ul li .child-box {flex-flow: row; justify-content: space-between; height: auto; gap: 20px; padding: 15px;}
  .sec2_ct ul li .child-box .list_icon {width: 30px;}
  .sec2_ct ul li .child-box .txt-box .num {margin-bottom: 0; font-size: 15px;}
  .sec2_ct ul li .child-box .txt-box .tit {margin-bottom: 0; font-size: 16px;}

  .sec4_ct ul li .child-box .txt-box .lb {width: 100%;}

  .sec1_ct .list_box ul li .child-box {height: auto; padding: 10px 20px; box-sizing: border-box; word-break: keep-all;}
  .sec1_ct .list_box ul li .child-box p {flex-flow: column;}

  footer .address p {word-break: keep-all;}
  .tit-box .txt {font-size: 17px; word-break: keep-all;}
}

@media screen and (max-width: 500px) {
  .sec4_ct ul li {width: calc(100% / 1);}
  .sec4_ct ul li .child-box {height: auto; aspect-ratio: 16 / 9;}

  .tit-box {word-break: keep-all;}
}

@media screen and (max-width: 435px) {
  .visual .txt-box {word-break: keep-all;}
  .visual .txt-box br {display: none;}
}

@media screen and (max-width: 352px) {
  .banner .txt-box .txt2 span {font-size: 17px;}
  .banner .txt-box .txt {word-break: keep-all;}
  .banner .txt-box .txt br {display: none;}
}