@media (max-width:1380px) {
  .inner {
    width: 90%;
  }

  /* footer ul li {
    width: 205px;
    margin-right: 25px;
  }

  footer ul li.contact-wrapper .bt {
    position: relative;
    padding: 17px 20px;
    border: 1px solid #eaeaea;
    border-radius: 9px;
    width: 160px;
    text-align: center;
    font-size: 14px;
  }

  footer ul li.contact-wrapper .fcw-wrap {
    margin-right: 30px;
  }

  footer ul li.contact-wrapper .fcw-wrap:first-child {
    margin-left: 30px;
  } */
}

@media (max-width:1110px) {
  .inner {
    width: 95%;
  }

  .sp-logo-wrap {
    display: none
  }

  #header .inner-header .logo {
    margin: 0 15px;
  }

  #header .global-nav {
    display: none;
  }

  .sp-nav {
    position: absolute;
    right: -250px;
    display: block;
    z-index: 999;
    transition: .3s;
  }

  .sp-nav.active {
    right: 0;
    transition: .3s;
  }

  .sp-nav .menu-wrap {
    width: 250px;
    height: 100vh;
    background-color: #fff;
    position: relative;
  }

  .sp-nav.active .menu-wrap {
    box-shadow: -1px 0px 20px #84848457;
  }

  .sp-nav .menu-wrap .navbar_toggle {
    position: absolute;
    top: 22px;
    left: -50px;
    cursor: pointer;
  }

  .sp-nav .menu-wrap>ul {
    padding: 30px 20px;
    font-size: 18px;
  }

  .sp-nav .menu-wrap>ul>li {
    padding: 15px 10px 15px 20px;
    display: block;
  }

  .sp-nav .menu-wrap ul li a {
    text-decoration: none;
    color: #3a3a3a;
    font-weight: 300;
    position: relative;
  }

  .sp-nav .menu-wrap>ul>li:before {
    content: "";
    position: absolute;
    top: 24px;
    left: -4px;
    height: 2px;
    width: 12px;
    background-color: #0089ce;
    transition: .3s;
  }

  .sp-nav .menu-wrap>ul>li.open:before {
    transform: rotate(180deg) !important;
  }

  li.set-listFolding-li .set-listFolding-toggle {
    content: "";
    position: absolute;
    top: 24px;
    left: -4px;
    transform: translateY(-50%);
    height: 0px;
    width: 12px;
    background-color: #0089ce;
    border: none;
  }

  li.set-listFolding-li .set-listFolding-toggle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(90deg);
    height: 2px;
    width: 12px;
    background-color: #0089ce;
    transition: .3s;
  }

  ul.set-listFolding-ul li {
    margin-bottom: 14px;
    padding: 0 0px 0 8px;
    position: relative;
  }

  ul.set-listFolding-ul li:last-child {
    margin-bottom: 0;
  }

  li.set-listFolding-li li:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    width: 10px;
    height: 1px;
    background-color: #e02c91;
  }

  ul.set-listFolding-ul {
    padding: 15px 10px 0;
    font-size: 15px;
  }

  .navbar_toggle_icon:nth-child(1) {
    top: 0;
  }

  .navbar_toggle_icon:nth-child(3) {
    top: 0;
  }

  .navbar_toggle_icon:nth-child(2) {
    margin: 8px 0;
  }

  .navbar_toggle.active .navbar_toggle_icon:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .navbar_toggle.active .navbar_toggle_icon:nth-child(3) {
    top: -10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .navbar_toggle.active .navbar_toggle_icon:nth-child(2) {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
  }

  /* li.set-listFolding-li .set-listFolding-toggle-up {
  transform: rotate(180deg) !important;
} */
  li.set-listFolding-li .set-listFolding-toggle-up::before {
    opacity: 0;
    transition-delay: 1s;
    transition: .3s;
  }

  .navbar_toggle_icon {
    position: relative;
    display: block;
    height: 2px;
    width: 30px;
    background: #0088ce;
    -webkit-transition: ease .5s;
    transition: ease .5s;
  }
}

@media (max-width:970px) {
  /* footer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  footer ul li {
    width: 205px;
    margin-right: 40px;
  }

  footer ul li.contact-wrapper {
    flex: 1;
    width: 100%;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: none;
    margin-top: 50px;
  } */
}

@media (max-width:768px) {
  .banner .img-wrap {
    width: 90%;
  }

  .banner {
    margin-bottom: 40px;
  }

  #pages-visual .visal {
    height: 380px;
  }

  #pages-visual .visal .pages-ttl-wrap {
    width: 55%;
  }

  #pages-visual .page-ttl .en {
    font-size: 45px;
  }

  #pages-visual .img-wrapper:before {
    padding-top: 300px;
  }

  /* footer {
    padding: 20px 0px 20px;
  } */
  footer>.inner {
    display: none;
  }

  .footer-under {
    margin: 0px 15px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #424242;
  }

  .footer-under .copy {
    padding-top: 30px;
  }
}

@media (max-width:500px) {
  #news-sec .list-wrapper {
    padding: 50px 0 40px;
  }

  .banner .img-wrap {
    width: 100%;
  }

  .banner .img-wrap img.pc {
    display: none;
  }

  .banner .img-wrap img.sp {
    display: block;
  }

  .sp-logo-wrap img {
    height: 40px;
  }

  .sp-logo-wrap {
    text-align: center;
    padding-top: 100px;
    display: block;
  }

  .sp-nav .menu-wrap>ul>li:before {
    left: 85px;
  }

  li.set-listFolding-li .set-listFolding-toggle {
    left: 85px;
  }

  .sp-nav .menu-wrap>ul {
    padding: 30px 20px 0;
    font-size: 22px;
    text-align: center;
  }

  ul.set-listFolding-ul {
    padding: 20px 10px 0;
    font-size: 15px;
  }

  li.set-listFolding-li li:before {
    display: none;
  }

  ul.set-listFolding-ul li {
    padding: 0;
  }

  .sp-nav .menu-wrap ul li ul li a {
    justify-content: center;
    color: #6b6b6b;
  }

  #header .inner-header .logo {
    width: 70px;
  }

  #header .inner-header .logo img {
    margin: 15px auto 0;
  }

  .header-contents {
    background-color: inherit;
  }

  #header .header-wrap {
    border: none;
  }

  .sp-nav {
    right: -100%;
    width: 100%;
  }

  .sp-nav .menu-wrap {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.93);
  }

  .sp-nav.active .menu-wrap {
    overflow-y: auto;
  }

  div#navbar_toggle.active {
    left: initial;
    right: 15px;
    transition: .3s;
  }

  section.pages-visual {
    padding: 60px 0 50px;
  }

  #pages-visual .visal {
    height: 240px;
  }

  #pages-visual .img-wrapper:before {
    padding-top: 200px;
  }

  #pages-visual .visal .pages-ttl-wrap {
    width: 64%;
  }

  #pages-visual .page-ttl .en {
    font-size: 35px;
  }

  #pages-visual .page-ttl .en::before {
    height: 3px;
  }

  #pages-visual .page-ttl .jp {
    font-size: 16px;
  }
}