@media screen and (max-width: 1500px){
  header {height: 60px;}
  header nav ul {gap: 30px;}
  header nav ul li a {font-size: 17px;}
  header .logo {width: 157px;}
  .visual {height: calc(100vh - 60px); margin-top: 60px;}
  .visual .txt-box .sub {margin-bottom: 7px; font-size: 17px;}
  .visual .txt-box .tit {margin-bottom: 20px; font-size: 37px;}
  .visual .txt-box .txt {margin-bottom: 20px; font-size: 15px;}
  .visual .txt-box .kv_link_btn a {width: 137px; height: 47px; font-size: 15px;}
  
  section {padding: 70px 0;}
  
  .sec1 .txt-box .sub {margin-bottom: 10px; font-size: 17px;}
  .sec1 .txt-box .tit {margin-bottom: 20px; font-size: 27px;}
  .sec1 .txt-box .txt {margin-bottom: 20px; font-size: 15px;}
  .sec1 .txt-box .name {margin-bottom: 30px; font-size: 15px;}
  .sec1 .txt-box .name span {font-size: 16px;}
  .sec1 .txt-box .more {width: 120px; height: 47px; font-size: 15px;}
  .sec1 .img-box {width: 327px;}

  .tit-box {margin-bottom: 47px;}
  .tit-box .sub {margin-bottom: 10px; font-size: 17px;}
  .tit-box .tit {font-size: 27px;}

  .sec2_ct .card_list ul li .child-box .txt-box .tit {margin-bottom: 10px; font-size: 17px;}
  .sec2_ct .card_list ul li .child-box .txt-box .sub {font-size: 15px;}

  .sub_kv {height: 300px; margin-top: 60px;}
  .sub_kv .kv_tit .tit {font-size: 30px;}
  .tab_btns {margin-top: -47px;}
  .tab_btns ul li a {height: 47px; font-size: 17px;}

  .about_sec .sub_tit {margin-bottom: 20px; font-size: 22px;}
  .about_sec .left-box .txt-box .txt {font-size: 17px;}
  .about_sec .img-box {width: 360px;}

  .sec_list .sec_list_tit-box p {height: 45px; font-size: 17px;}
  .sec_list .dl_box dl {height: 45px;}
  .sec_list .dl_box dl dt {min-width: 207px; width: 207px; padding: 0 10px; font-size: 16px;}
  .sec_list .dl_box dl dd {padding: 0 10px; font-size: 16px;}

  .sec_list2 ul {gap: 7px;}
  .sec_list2 ul li p {height: 60px; border: 5px solid var(--wt_f8); font-size: 17px;}

  .tg_ct .txt-box .tg_tit {margin-bottom: 20px; font-size: 22px;}
  .tg_ct .txt-box .tg_txt dl dt {font-size: 17px;}
  .tg_ct .txt-box .tg_txt dl dd {font-size: 15px;}
  .tg_ct .img-box {width: 337px;}

  .house .txt-box .tit {margin-bottom: 20px; font-size: 22px;}
  .house .txt-box .txt {font-size: 17px; word-break: keep-all;}
  .house .txt-box .description {font-size: 15px;}

  .tit-box .sub2 {font-size: 17px;}

  .notice2 .notice_btns {gap: 10px;}
  .notice2 .notice_btns a {width: 100px; height: 37px; font-size: 15px;}
  .table-area {margin-top: 30px;}
  .table-area table {table-layout: fixed;}
  .table-area table th {font-size: 16px;}
  .table-area table td {height: 60px; font-size: 15px;}
  .table-area table th:first-of-type {width: 77px;}
  .table-area table th:last-of-type {width: 117px;}
  .table-area table td:nth-child(2) {padding: 0 10px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .table-area table td p {width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
}

@media screen and (max-width: 1326px) {
  .container {max-width: 100%; padding: 0 20px;}
  footer {padding: 30px 0;}
  footer .f_links ul {gap: 17px;}
  footer .f_links ul li a {height: 30px;}
  footer .select_box {margin-bottom: 57px;}
  footer .address p {word-break: keep-all;}
}

@media screen and (max-width: 1024px) {
  header.open {background: rgba(0, 0, 0, 0.5);}
  header nav ul {gap: 15px;}
  header nav ul li a {font-size: 19px;}
  nav {position: fixed; top: 0; left: -300px; width: 300px; height: 100vh; transition: all .5s;}
  header.open nav {left: 0;}
  nav ul {flex-flow: column; align-items: center; justify-content: center; width: 100%; height: 100%; background: var(--wt);}
  header nav ul li a {font-size: 17px;}
  .mo_btn {width: 35px; height: auto; aspect-ratio: 1/1; background: url(./../img/menu_btn.png)no-repeat 50% 50%; background-size: cover;}
  .mo_btn.on {width: 25px; background: url(./../img/close.png)no-repeat 50% 50%; background-size: cover;}
  .dim {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 7;;}

  .visual .txt-box .sub {font-size: 15px;}
  .visual .txt-box .tit {margin-bottom: 17px; font-size: 27px;}

  .sec1 .txt-box .sub  {font-size: 15px;}
  .sec1 .txt-box .tit {margin-bottom: 17px; font-size: 20px;}
  .sec1 .txt-box .more {width: 100px; height: 37px; font-size: 15px;}

  .sec2_ct .card_list ul {margin: 0 -7px;}
  .sec2_ct .card_list ul li {padding: 0 7px;}
  .sec2_ct .card_list ul li .child-box .txt-box .tit {margin-bottom: 7px;}

  footer .container {flex-flow: column; align-items: flex-start; gap: 20px;}
  footer .select_box {justify-content: flex-start; margin-bottom: 30px;}

  .about_sec .d-flex {flex-flow: column-reverse; gap: 20px;}
  .about_sec .img-box {width: 100%;}
  .about_sec .d-flex .left-box {width: 100%;}
  .sec_list .sec_list_tit-box p {font-size: 16px;}
  .sec_list .dl_box dl dt {font-size: 15px;}
  .sec_list .dl_box dl dd {font-size: 15px;}

  .sub_kv {height: 250px;}
  .sub_kv .kv_tit .tit {font-size: 27px;}

  .tab_btns .container {padding: 0;}

  .tg_ct .d-flex {flex-flow: column-reverse; gap: 30px;}
  .tg_ct .txt-box {max-width: 100%;}
  .tg_ct .img-box {max-width: 500px; width: 100%;}
  .sec_list3 ul {gap: 10px;}
  .sec_list3 ul li .child-box {padding: 15px; box-sizing: border-box;}
  .sec_list3 ul li .child-box .lb {width: 157px; height: 35px; margin-bottom: 10px; font-size: 17px;}
  .sec_list3 ul li .child-box .txt {font-size: 15px;}

  .house .txt-box .txt {font-size: 15px;}

  .table-area table th:first-of-type {width: 50px;}
  .table-area table th:last-of-type {width: 90px;}
}

@media screen and (max-width: 737px) {
  .sec1 .d-flex {gap: 30px; flex-flow: column-reverse; align-items: center;}
  .sec1 .txt-box {text-align: center;}
  .sec1 .txt-box .more {margin: 0 auto;}
  .sec2_ct .card_list ul li .child-box .txt-box {margin-top: 10px;}
  .sec2_ct .card_list ul li .child-box .txt-box .tit {font-size: 16px;}

  .sec_list2 ul li p {height: auto; padding: 15px ; font-size: 15px; word-break: keep-all; box-sizing: border-box; text-align: center;}
  
  .about_sec .left-box .txt-box .txt {word-break: keep-all; font-size: 15px;}
  .about_sec .left-box .txt-box .txt br.mo_none {display: none;}
  .sec_list .dl_box dl {word-break: keep-all; height: auto;}
  .sec_list .dl_box dl dt {min-width: 107px; width: 107px;}
  .sec_list .dl_box dl dd {padding: 10px; box-sizing: border-box;}
  .sec_list .dl_box dl dt {padding: 10px; box-sizing: border-box;}

  .og_img {max-width: 100%; width: 100%; overflow: auto; overflow-y: hidden;}
  .og_img img {width: 700px; height: auto;}

  .map_box {aspect-ratio: 16 / 9;}
}

@media screen and (max-width: 637px) {
  .sec2_ct .card_list ul {flex-wrap: wrap;}
  .sec2_ct .card_list ul li {width: calc(100% / 2);}
  .sec2_ct .card_list ul li .child-box .txt-box .sub {word-break: keep-all;}
  .sec2_ct .card_list ul li .child-box .txt-box .sub br {display: none;}
  .og_img img {width: 650px; height: auto;}

  .tit-box .sub2 {word-break: keep-all;}
  .tit-box .sub2 br {display: none;}
}

@media screen and (max-width: 500px) {
  .visual .txt-box .tit {font-size: 23px; word-break: keep-all;}
  .visual .txt-box .txt {word-break: keep-all;}
  .visual .txt-box .txt br {display: none;}
  .visual .txt-box .kv_link_btn a {width: 100%;}

  .sec1 .img-box {width: 100%;}
  .sec2_ct .card_list ul li {width: calc(100% / 1);}

  footer .f_links ul {gap: 7px;}
  footer .f_links ul li a {height: 26px;}

  .og_img img {width: 450px; height: auto;}
}