/*=============================
　main
===============================*/

.logo-b {
  opacity: 1;
}

.all-wrap {
  height: auto;
  margin: 0 auto;
}

.w1200 , .w1200-w {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 1440px) {

  .w1200 {
    width: 80%;
  }

}

@media screen and (max-width: 959px) {

  .middle-area .flex,
  .middle-area-g .flex {
    width: 100%;
    flex-direction: column;
  }

  .middle-area table {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {

  .table-area dl {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 519px) {

  .h1-area p {
    font-size: 1.2rem;
  }

  .w1200 {
    width: 85%;
  }

  .middle-area table {
    width: 95%;
  }

}