/* ------------------------------------------------------------- */
/* biz_header                                                        */
/* ------------------------------------------------------------- */

#header_biz {
  position: relative;
  top: 0;
  z-index: 100;
  width: 100%;
}

@media print {
  #header_biz {
    display: none;
  }
}

#header_biz .header-band {
  width: 100%;
  height: 60px;
  background: url(/asset/img/header_bg.png) no-repeat left/cover;
  background-color: #193164;
  padding: 0 25px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  #header_biz .header-band {
    height: 50px;
    padding: 0 6.6666666667vw 0 5.3333333333vw;
    background: url(/asset/img/header_bg.png) no-repeat 35%/cover;
    position: relative;
    z-index: 99;
  }
}

#header_biz .header-band a:hover {
  opacity: 1 !important;
}

#header_biz .header-band__bizlogo {
  width: auto;
  height: 40px;
}

@media only screen and (max-width: 767px) {
  #header_biz .header-band__bizlogo {
    width: auto;
    height: 40px;
  }

  #header_biz .header-band a {
    display: flex;
    align-items: center;
  }
}

header {
  position: absolute;
}

@media only screen and (max-width: 767px) {
  .sp-nav-wrap nav {
    top: 0;
  }
}

.page .mv {
  padding-top: 0;
}

.top header .inner,
header .btn-menu {
  top: 0;
  position: absolute;
  transition: 0s;
}

.top header.invert .inner,
header.invert .btn-menu,
.page header.page-invert .inner {
  top: 0;
  position: fixed;
}

.page header .inner {
  top: 0;
  position: absolute;
}

.page header .btn-menu {
  top: 0;
  position: absolute;
}

.top header.invert .btn-menu,
.page header.page-invert .btn-menu {
  top: 0;
  position: fixed;
}

.page article {
  margin-top: 80px;
}

@media only screen and (max-width: 767px) {
  .page article {
    margin-top: 50px;
  }
}

.page .mv h1.copy-in.service-copy-in {
  top: 53%;
}

.mv .mv-txt {
  bottom: 110px;
}

@media only screen and (max-width: 767px) {
  .mv .mv-txt {
    bottom: 30px;
  }
}

/* BiZ Header を追加したらサービス詳細ページでパンくずが表示されなくなったので対応 #355 */
.page .mv.aimv.pcsolution,
.page .mv.aimv.spsolution {
	background-position: center 0px !important; 
}