@charset "UTF-8";

#index.page-header-container {
  background: url(../img/company/mv-company.png) repeat center;
  background-size: cover;
}

#p01.page-header-container {
  background: url(../img/company/mv-about.png) repeat center;
  background-size: cover;
}

#p02.page-header-container {
  background: url(../img/company/mv-vision.png) repeat center;
  background-size: cover;
}

#p03.page-header-container {
  background: url(../img/company/mv-greeting.png) repeat center;
  background-size: cover;
}

.xlarge-margin-top {
  margin-top: 64px !important;
}

.base-margin-bottom {
  margin-bottom: 24px !important;
}

.base-margin-bottom span {
  font-size: 3.0rem;
}

.xlarge-margin-bottom {
  margin-bottom: 64px !important;
}

.b-flow-fw .right-arrow {
  right: -24px;
}

dl.table-style02 {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #A7A8AA;
}

#googlemap-container {
  width: 100%;
  height: 500px;
  margin: 120px auto 0;
  overflow: hidden;
}

#googlemap-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 1000px) {
  .b-flow-fw.d-lg-flex {
    display: block;
  }

  .b-flow-fw .b-flow-elm {
    margin-bottom: 40px;
  }

  .b-flow-fw  .right-arrow {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    width: 20px;
    height: 15px;
    background: #006FCF;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    bottom: -25px;
  }
}

@media only screen and (max-width: 767px) {
  .xlarge-margin-top {
    margin-top: 40px !important;
  }

  .base-margin-bottom span {
    font-size: 1.8rem;
  }

  .xlarge-margin-bottom {
    margin-bottom: 40px !important;
  }
}