/*  Layout Expantion
-----------------------------------------------------------------------------*/
.over-tablet-wide {
  display: block !important;
}

@media screen and (max-width: 1024px) {
  .over-tablet-wide {
    display: none !important;
  }
}

.under-tablet-wide {
  display: none !important;
}

@media screen and (max-width: 1024px) {
  .under-tablet-wide {
    display: block !important;
  }
}

.over-tablet {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .over-tablet {
    display: none !important;
  }
}

.under-tablet {
  display: none;
}

@media screen and (max-width: 768px) {
  .under-tablet {
    display: block;
  }
}

body {
  min-width: auto;
}

#wrapper {
  overflow: hidden;
}

#wrapper-bg {
  background-image: url("/-/media/advantec/jp/top/advant-top/img/bg_header.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: auto;
  height: 100%;
  width: 100%;
  position: absolute;
  top: -480px;
  right: -35%;
  z-index: 0;
  min-height: 1200px;
}

@media screen and (max-width: 1024px) {
  #wrapper-bg {
    right: -60%;
  }
}

#contents {
  background-color: #fff;
  position: relative;
}

#contents > * {
  position: relative;
}

#contents .content_inner {
  max-width: 1000px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  #contents .content_inner {
    width: 94%;
  }
}

#contents .content_01 {
  max-width: 1000px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  #contents .content_02 {
    margin: 0 auto;
    width: 94%;
  }
}

#contents #left_content {
  max-width: 730px;
  width: 73%;
}

@media screen and (max-width: 768px) {
  #contents #left_content {
    max-width: 100%;
    width: 100%;
  }
}

#contents #center_content {
  margin: 0 auto;
  max-width: 730px;
  width: 73%;
}

@media screen and (max-width: 768px) {
  #contents #center_content {
    max-width: 94%;
    width: 94%;
  }
}

@media screen and (max-width: 480px) {
  #contents #center_content {
    padding: 5% 0 0;
  }
}

#contents #sidebar {
  max-width: 230px;
  width: 23%;
}

@media screen and (max-width: 768px) {
  #contents #sidebar {
    display: none;
  }
}

#contents #sidebar .box_link img {
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  #contents .box_link {
    display: block;
  }
  #contents .box_link ul li {
    margin: 2% !important;
    text-align: center;
    width: 46%;
  }
}