@media screen and (max-width: 1300px) {
  .container {max-width: 100%; height: auto;}
  .sec_film2 .container {padding: 0 16px; box-sizing: border-box;}
  .sec_film .click-btn {left: 50%; transform: translateX(-50%); width: calc(100% - 32px);}
  .sec_film .film_view .img-box {min-width: 674px; width: 674px; height: auto; aspect-ratio: 16 / 9;}
}

@media screen and (max-width: 900px){
  header {height: 112px; gap: 27px; padding: 35px 25px 16px; box-sizing: border-box;}
  header .logo {width: 128px;}
  header nav ul {gap: 24px;}
  header nav ul li a {font-size: 16px;}

  .main .main-logo {width: 82px;}
  @keyframes cut1 {
    0% {width: 100%; height: 100%;}
    30% {width: 98%; height: 98%;}
    40% {width: 100%; height: 100%;}
    100% {width: 82px; height: 105px;}
  }
  .main .main-logo > img {width: 61px;}

  footer.main_f {margin-bottom: 22px; height: 24px; padding: 6px 0; font-size: 12px;}

  .sec_film {padding-top: 144px;}

  .sec_film .film_list {width: 100%; padding: 0 16px; box-sizing: border-box;}
  .sec_film .film_list ul li .child-box {gap: 24px;}
  /* .sec_film .film_list ul li .child-box .img-box {height: auto; aspect-ratio: 16/9;} */
  .sec_film .film_list ul li .child-box .txt-box .tit {font-size: 16px;}

  .sec_film .film_view {flex-flow: column; gap: 32px; width: 100%;}
  .sec_film .film_view .img-box {min-width: 100%; width: 100%; height: auto;}
  .sec_film .film_view .txt-box .tit {margin-bottom: 32px; font-size: 22px;}
  .sec_film .film_view .txt-box .txt {font-size: 13px;}
  .sec_film:before {background: var(--rgba_8);}

  .sec_film .click-btn {top: 24px; justify-content: flex-end; width: calc(100% - 48px);}
  .sec_film2 .container {align-items: flex-start; padding: 72px 0 0;}
  .full-btn {display: none;}
  .sec_film .film_view .txt-box {padding: 0 16px; box-sizing: border-box;}

  .address ul {flex-flow: column; gap: 12px;}
  .address ul li a img {width: 24px;}
  .address ul li a span {font-size: 18px;}
}