.mo_br {display: none;}
.copyright.mo {display: none;}
.quick-menu {display: none;}
@media screen and (max-width: 1260px){
  header .container {max-width: 100%; padding: 0 16px; box-sizing: border-box;}
  .container {max-width: 100%;}

  .visual .kv-tit {padding: 0 16px; box-sizing: border-box;}

  .description-box {width: calc(100% - 32px); margin: 0 auto;}

  .img-list img {border-radius: 0 !important;}

  footer .container {padding: 0 16px; box-sizing: border-box;}

  .img-list ul li .txt {padding: 0 16px; box-sizing: border-box; font-size: 15px;}
}

@media screen and (max-width: 900px) {
  header {height: 60px;}
  header .logo {width: 124px;}
  header nav {gap: 0;}
  header nav ul {gap: 20px;}
  header nav .copy-btn {display: none;}

  .visual {height: 400px; overflow: hidden;}
  .visual .kv-tit p {font-size: 28px;}
  .mo_br {display: block;}
  .intro {width: 100%; height: 400px; overflow: hidden;}
  .intro .img-box {width: 100%;}
  .intro .img-box img {width: 100%; height: 100%;}
  @keyframes bg_xy {
    0%{object-position: 0px 0px}
    40% {object-position: 10% 10%;}
    80% {object-position: 30% 30%;}
    100% {object-position: 40% 40%;}
  }
  .intro .intro-logo {width: 150px;}


  section:not(:last-of-type) {padding: 75px 0 85px;}
  .tit-box {margin-bottom: 30px;}
  .tit-box img {width: 173px;}
  .tit-box .sub {margin-top: 7px; font-size: 20px;}
  .description-box .tit {font-size: 15px;}
  .description-box .tit img {width: 16px;}

  .description-box .description-list {padding: 25px 20px;}
  .description-box .description-list li .child-box dt {font-size: 16px;}
  .description-box .description-list li .child-box dd {font-size: 16px;}
  .description-box .description-list {gap: 11px;}

  .img-list {margin-top: 10px; gap: 10px;}
  .img-list ul {gap: 10px 0; margin: 0 -5px;}
  .img-list ul li {padding: 0 5px;}
  .img-list ul.item1 li {gap: 10px;}
  .img-list ul li .item2 {gap: 10px;}
  .img-list ul.item4 li {gap: 10px 0; flex-wrap: wrap; width: auto !important; margin: 0 -5px;}
  .img-list ul.item4 li span {width: calc(100% / 2); flex: 0 0 50%; padding: 0 5px; box-sizing: border-box;}

  footer {padding: 70px 0; margin-top: 80px;}
  footer .f-logo {justify-content: center;}
  .copyright.mo {display: block;}
  .copyright.pc {display: none;}
  footer .address {width: 293px; margin: 0 auto 20px; font-size: 15px;}
  footer .copyright {margin-bottom: 40px; font-size: 13px; text-align: center;}
  footer .copy-btn {height: 40px; font-size: 16px;}

  header nav ul li a {font-size: 15px;}
  header nav ul li a span {display: none;}

  /* quick-menu */
  .quick-menu {animation: heartbeat 1.5s ease-in-out infinite both; display: block; position: fixed; bottom: 25px; right: 15px; width: 70px; height: auto; z-index: 9; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.55); border-radius: 100%; overflow: hidden;}
  @keyframes heartbeat {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    10% {
      -webkit-transform: scale(0.91);
              transform: scale(0.91);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {
      -webkit-transform: scale(0.87);
              transform: scale(0.87);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  .quick-menu img {width: 100%; height: auto;}

  
  .img-list ul li .txt {bottom: 16px; font-size: 13px;}
}

@media screen and (max-width: 600px) {
  .img-list ul:not(.item1) li {width: 100%;}
  .img-list ul.item1 li {flex-flow: column;}
  .img-list ul {margin: 0;}
  .img-list ul li {padding: 0;}

  .description-box .tit {justify-content: center;}
}

@media screen and (max-width: 355px) {
  header nav ul {gap: 10px;}
  header .logo {width: 120px;}
  .visual .kv-tit p {font-size: 24px;}
  .description-box .tit {font-size: 13px;}
}

@media screen and (max-width: 320px) {
  header nav ul li a {font-size: 13px;}
}