@media screen and (max-width: 1320px){
  .container {max-width: 100%; padding: 0 20px; box-sizing: border-box;}

  .sec1 .sec1_ct ul {margin: 0 -8px;}
  .sec1 .sec1_ct ul li {padding: 0 8px;}
  .sec1 .sec1_ct ul li .child-box .txt-box {padding: 15px;}
  .sec1 .sec1_ct ul li .child-box .txt-box .tit {margin-bottom: 5px; font-size: 16px;}
  .sec1 .sec1_ct ul li .child-box .txt-box .txt {font-size: 15px;}
  .sec1 .sec1_ct ul li .child-box .txt-box button {width: 100%; height: 35px; font-size: 15px;}

  .tab_btn {gap: 10px; margin: 110px 0 80px;}
  .process_ct ul {margin: 0 -8px;}
  .process_ct ul li {padding: 0 8px;}
  .process_ct ul li .child-box {padding: 30px;}
  .process_ct ul li .child-box .top .icon {width: 30px;}
  .process_ct ul li .child-box .txt-box p {font-size: 15px;}
  .process_ct ul li .child-box .top .num {font-size: 18px;}
  .process_ct ul li .child-box .top .num span {width: 35px; font-size: 14px;}
}

@media screen and (max-width: 1130px) {
  .about_sec2 {padding: 70px 0;}
  .about_sec2 .about_sec2_ct ul {flex-flow: column; gap: 20px;}
  .about_sec2 .about_sec2_ct ul li .child-box {align-items: flex-start;}
  .about_sec2 .about_sec2_ct:before {width: 2px; height: 100%; top: 12px; left: 8px;}
  .about_sec2 .about_sec2_ct ul li .child-box {position: relative; gap: 8px; padding-left: 23px;}
  .about_sec2 .about_sec2_ct ul li .child-box span {position: absolute; top: 8px; left: 0; width: 15px;}
  .about_sec2 .about_sec2_ct ul li .child-box .tit {font-size: 22px;}
  .about_sec2 .about_sec2_ct ul li .child-box .history_txt dl {gap: 8px;}
  .about_sec2 .about_sec2_ct ul li .child-box .history_txt dl dd {font-size: 15px;}

  .process_ct ul li .child-box {padding: 20px;}
}

@media screen and (max-width: 1020px) {
  .sec1 .sec1_ct ul {flex-wrap: wrap; gap: 20px 0;}
  .sec1 .sec1_ct ul li {width: calc(100% / 2);}
  .sec1 .sec1_ct ul li .child-box .txt-box {bottom: 0 !important;}
}

@media screen and (max-width: 900px) {
  section {padding: 70px 0;}

  .fixed_btn {gap: 5px;}
  .fixed_btn a {width: 40px;}
  .fixed_btn a:last-of-type {display: block;}

  header {height: 65px;}
  header .tell_link {display: none;}
  header nav ul {gap: 10px;}
  header nav ul li a {font-size: 16px;}
  header .logo {width: 137px;}

  .visual {height: calc(100vh - 65px); margin-top: 65px;}
  .visual .txt-box {text-align: center; width: 100%; word-break: keep-all;}
  .visual .txt-box .tit {margin-bottom: 15px; font-size: 34px;}
  .visual .txt-box .sub {font-size: 16px; margin-bottom: 60px;}
  .visual .txt-box .kv_link {margin: 0 auto;}

  section {padding: 70px 0;}
  .tit-box .tit {font-size: 28px;}

  .sec2 .rolling-item2 {gap: 10px;}
  .sec2 .rolling-item2 ul {gap: 10px;}
  .sec2 .rolling-item2 ul li {width: 250px;}
  .sec2 .rolling-item2 ul li .child-box .txt-box {bottom: 0 !important; padding: 15px;}
  .sec2 .rolling-item2 ul li .child-box .txt-box .tit {margin-bottom: 4px; font-size: 16px;}
  .sec2 .rolling-item2 ul li .child-box .txt-box .sub {font-size: 14px; word-break: keep-all;}

  footer {padding: 30px 0;}
  footer .container {flex-flow: column; align-items: flex-start; gap: 20px;}
  footer .f_logo {width: 137px;}
  footer .address {gap: 10px;}

  .fixed_btn {bottom: 20px; right: 20px;}

  .about_ct {flex-flow: column; margin-top: 40px;}
  .about_ct .txt-box .tit {margin-bottom: 10px; font-size: 28px;}
  .about_ct .txt-box .sub {margin-bottom: 30px; font-size: 18px;}
  .about_ct .txt-box .txt {font-size: 16px;}
  .about_ct .txt-box {word-break: keep-all; white-space: initial;}
  .sub_kv {height: 250px;}
  .sub_kv .txt-box .tit {margin-bottom: 10px; font-size: 30px;}
  .about_sec3 .map_ct .map_box {aspect-ratio: 1280/645;}
  .about_sec3 .map_ct .address {gap: 0;}
  .about_sec3 .map_ct .address dl {flex-flow: column; gap: 10px; height: auto; padding: 20px 0;}

  .tab_btn {margin: 110px 0 30px;}
  .process_ct ul {gap: 16px 0;}
  .process_ct ul li {width: calc(100% / 2);}
  .process_ct ul li:first-of-type {width: 100%;}
  .process_ct ul li:first-of-type .child-box {height: auto;}
  .process_ct ul li .child-box {height: 197px; word-break: keep-all;}
  .process_ct ul li .child-box .txt-box p br {display: none;}
  .process_ct ul li .child-box .top {margin-bottom: 15px;}

  .tab_btn {width: 100%; padding: 0 10px; box-sizing: border-box;}
  .tab_btn a {width: 100%;}

  .contact_sec {margin-top: 50px;}
  .tit-box .sub {margin-bottom: 7px; font-size: 17px;}
  .form-box {padding: 20px 10px;}
  .form-box form {gap: 20px;}
  .form-box .input-box {gap: 7px;}
  .form-box .input-box input {height: 50px; font-size: 15px;}
  .form-box .input-box .tit {font-size: 17px;}
  .form-box .input-box.radio {gap: 10px; margin-top: 25px;}
  .form-box .input-box .radio-box2 {gap: 10px; margin-bottom: 20px;}
  .form-box .input-box .radio-box2 label {gap: 4px;}
  .form-box .input-box .radio-box {gap: 20px 0; margin: 0 -8px;}
  .form-box .input-box .radio-box label .txt-box {flex-wrap: wrap; gap: 5px;}
  .form-box .input-box .radio-box label .txt-box p {font-size: 15px;}
  .form-box .input-box .radio-box label {width: calc(100% / 3); padding: 0 8px;}
  .form-box .input-box .radio-box label:before {width: 17px;}
  .form-box .submit-btn {height: 50px; margin-top: 30px;}
}

@media screen and (max-width: 681px) {
  .tab_btn {flex-wrap: wrap; gap: 6px 0; margin: 110px -3px 30px;}
  .tab_btn a {width: calc(100% / 2); padding: 0 3px; font-size: 15px; box-sizing: border-box; background: transparent !important;}
  .tab_btn a span {display: flex; align-items: center; justify-content: center; width: 100%; padding: 10px 16px; border-radius: 6px; background: var(--wt_f2); box-sizing: border-box;}
  .tab_btn a.active span {background: var(--pr);}
  .sub_kv .txt-box {word-break: keep-all;}
  .sub_kv .txt-box .sub br {display: none;}
}

@media screen and (max-width: 550px) {
  .sec1 .sec1_ct ul {gap: 10px 0; margin: 0 -5px;}
  .sec1 .sec1_ct ul li {width: calc(100% / 2); padding: 0 5px;}
  .sec1 .sec1_ct ul li .child-box .txt-box {position: initial !important; height: 179px;}
  .sec1 .sec1_ct ul li .child-box .txt-box .txt {font-size: 14px; word-break: keep-all;}
  .sec1 .sec1_ct ul li .child-box .txt-box .txt br {display: none;}
  .sec1 .sec1_ct ul li .child-box .txt-box button {position: absolute; width: calc(100% - 30px); bottom: 15px; left: 50%; transform: translateX(-50%);}
  .sec1 .sec1_ct ul li .child-box .img-box {height: 150px;}
  .sec1 .sec1_ct ul li .child-box .img-box img {height: 100%; object-fit: cover;}
  /* .sec1 .sec1_ct ul li .child-box .txt-box {position: initial;}
  .sec1 .sec1_ct ul li .child-box .img-box {height: 160px; border-radius: 20px 20px 0 0; overflow: hidden;}
  .sec1 .sec1_ct ul li .child-box .img-box img {width: 100%; height: 100%; object-fit: cover;}
  .sec1 .sec1_ct ul li .child-box .txt-box .txt br {display: none;} */

  .process_ct ul li .child-box {height: 237px;}

  .form-box .input-box .radio-box label {width: calc(100% / 2);}
  .form-box .input-box .radio-box2 {flex-flow: column; align-items: flex-start;}

  .visual:before {animation: kv_move 5s linear alternate infinite;}
  @keyframes kv_move {
    0% {transform: scale(1.5);}
    100% {transform: scale(1);}
  }
}

@media screen and (max-width: 450px) {
  .visual .txt-box .tit {font-size: 27px;}
  .visual .txt-box .sub {font-size: 15px; line-height: 1.3;}

  header nav ul {gap: 5px;}

  .about_sec3 .map_ct .map_box {aspect-ratio: 1280/800;}

  footer .address {gap: 7px;}
  footer .address dl dt img {width: 13px;}
  footer .address dl dd {font-size: 15px;}
  footer .copyright {font-size: 12px;}
  .about_sec2 .about_sec2_ct ul li .child-box {gap: 4px;}
  .about_sec2 .about_sec2_ct ul li .child-box .history_txt dl {flex-flow: column; align-items: flex-start; gap: 4px;}
  .about_sec2 .about_sec2_ct ul li .child-box .history_txt dl dt {}

  .process_ct ul li .child-box {height: 257px;}
}

@media screen and (max-width: 439px) {
  .process_ct ul {gap: 10px;}
  .process_ct ul li {width: calc(100% / 1);}
  .process_ct ul li .child-box {height: auto;}
}

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

@media screen and (max-width: 366px) {
  header nav ul li a {font-size: 15px; white-space: nowrap;}
  header .logo {width: 127px;}
  header .container {gap: 5px;}
  .visual .txt-box .tit br {display: none;}
  footer .address dl dd {font-size: 14px;}

  .sec1 .sec1_ct ul li {width: calc(100% / 1);}
}

@media screen and (max-width: 322px) {
  .tab_btn a span {font-size: 14px;}
}