.pc-only {
  display: none;
}

.pc-navi {
  display: none;
}

@media screen and (min-width: 768px) {
  .pc-only {
    display: block;
  }

  body > * {
    min-width: 960px;
    max-width: 100%;
  }

  .limit-width {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }

  header {
    display: flex;
    align-items: center;
  }
  header .logo {
    width: 20%;
  }
  header .logo img {
    max-width: 100%;
    padding-left: 8px;
    vertical-align: top;
  }
  header .pc-navi {
    width: 80%;
    display: block;
    text-align: right;
  }
  header .pc-navi span {
    padding-left: 1.5%;
    padding-right: 1.5%;
    border-left: solid 1px;
  }
  header .pc-navi span:last-child {
    border-right: solid 1px;
  }

  footer {
    display: free;
    max-width: 100% !important;
  }
  footer > * {
    display: flex;
    max-width: 1080px;
    margin: auto;
  }
  footer > * > * {
    width: 50%;
  }
  footer > * > *:last-child {
    text-align: right;
  }
  footer > * > *:last-child > * {
    padding-left: 12px;
    padding-right: 12px;
    border-left: solid 1px;
  }
  footer > * > *:last-child > *:last-child {
    border-right: solid 1px;
  }

  .pc-split-8-2 {
    display: flex;
  }
  .pc-split-8-2 > *:first-child {
    width: 80%;
  }
    .pc-split-7-3 {
    display: flex;
  }
  .pc-split-7-3 > *:first-child {
    width: 70%;
  }
  .pc-split-7-3 > *:last-child {
    width: 30%;
  }
    .pc-split-6-4 {
    display: flex;
  }
  .pc-split-6-4 > *:first-child {
    width: 60%;
  }
  .pc-split-6-4 > *:last-child {
    width: 40%;
  }

    .pc-split-5-5 {
    display: flex;
  }
  .pc-split-5-5 > *:first-child {
    width: 50%;
  }
  .pc-split-5-5 > *:last-child {
    width: 50%;
  }

  .pc-split-4-6 {
    display: flex;
  }
  .pc-split-4-6 > *:first-child {
    width: 40%;
  }
  .pc-split-4-6 > *:last-child {
    width: 60%;
  }

  .pc-split-3-7 {
    display: flex;
  }
  .pc-split-3-7 > *:first-child {
    width: 30%;
  }
  .pc-split-3-7 > *:last-child {
    width: 70%;
  }

  .pc-split-2-8 {
    display: flex;
  }
  .pc-split-2-8 > *:first-child {
    width: 20%;
  }
  .pc-split-2-8 > *:last-child {
    width: 80%;
  }
  
  .pc-split-1-9 {
    display: flex;
  }
  .pc-split-1-9 > *:first-child {
    width: 10%;
  }
  .pc-split-1-9 > *:last-child {
    width: 90%;
  }

  .pc-grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;

    margin-bottom: 14px;
  }
  .pc-grid-quarter {
    display: flex;

    width: 25%;
  }

  .banner-box {
    text-align: right;
    margin-bottom: 12px;
  }
}