.main {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  font-family: "Noto Sans JP", sans-serif;
}

.cp_container {
  margin: 0 auto;
}

.cp_container.header-top {
  margin-top: 90px;
}

@media screen and (max-width: 400px) {
  .cp_container.header-top {
    margin-top: 130px;
  }
}

#contact_cp .header-top {
  width: 100%;
  background-color: #000;
}

#contact_cp .header-top .header-top-inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

#contact_cp .header-top .header-top-inner:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 26.8333%;
}

@media screen and (max-width: 767px) {
  #contact_cp .header-top .header-top-inner:before {
    padding-top: 43.4667%;
  }
}

#contact_cp .header-top .header-top-inner .bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/3d_hologram_cp/header-top.png);
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 767px) {
  #contact_cp .header-top .header-top-inner .bg {
    background-image: url(../img/3d_hologram_cp/header-top-sp.png);
  }
}