@media screen and (max-width: 1540px) and (min-width: 769px) {
  .page-index .box01.type02 {
    background: #040000 url(../images/index/box01-img02.jpg) no-repeat top left;
  }
}

@media screen and (max-width: 1200px) and (min-width: 769px) {
  /* Common
  -------------------------------------------------- */
  .inner {
    padding: 0 1em;
  }
  /* Header
  -------------------------------------------------- */
  #header {
    padding: 0 1em;
  }
  #header .inner .top {
    padding: 1.5em 0 1.5em;
  }
  #header .inner .top .links ul li {
    margin-right: 0;
    display: none;
  }
  #header .inner .top .links ul li:first-child {
    display: block;
  }
  #header .inner .top .links-sp {
    display: block;
  }
  #header .inner .top .logo p img {
    max-width: 50vw;
  }
  #header .inner .top .tel {
    display: none;
  }
  #header .inner #gnavi ul {
    display: none;
  }
  #header .inner #gnavi .search {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 1em;
  }
  #header .inner #gnavi .search form {
    justify-content: center;
  }
  #header .inner #gnavi .search form input[type="text"] {
    flex: 1;
  }
  /* Page Index
  -------------------------------------------------- */
  .page-index .box01 .inner .vertical {
    padding-right: 1em;
  }
  .page-index .box01.type02 {
    background: #040000 url(../images/index/box01-img03.jpg) no-repeat top left;
  }
  .page-index .box04 .inner .left .links ul li a {
    min-width: 12em;
  }
}

@media screen and (max-width: 920px) and (min-width: 769px) {
  .page-index .box01.type02 {
    background: #040000 url(../images/index/box01-img04.jpg) no-repeat top left;
  }
}