/* made squareworks */
/* section */
/* movie */
.hero {
  position: relative;
  background-color: black;
  height: 100vh; /* 75vh */
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}
.hero video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.hero .container {
  position: relative;
  z-index: 2;
}
.hero .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}
@media (pointer: coarse) and (hover: none) {
  .hero {
    background: url('//www.manabe-k.co.jp/images/parts/hero/hero01.jpg') black no-repeat center center scroll;
  }
  .hero video {
    display: none;
  }
  .hero .display-3 {
    font-size: 2.5rem;
  }
}
/* section header */
.logo a {
  font-size: xx-large !important;
}
#sp-header {
  height: 4.5em;
}
div.logo a::after {
  color: #007bb7;
  margin-left: .25em;
  content: '株式会社 眞辺工業';
  white-space: pre;
  line-height: initial !important;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  font-size: inherit !important;
}
/* module */
/* module - title */
h2.sp-module-title {
  color: #007bb7;
  background: none;
  border-top: .25em solid #007bb7;
  border-bottom: .25em solid #007bb7;
}
.sp-module-title {
  position: relative;
  padding: 1em 0;
  background: #007bb7;
  color: #fff;
  text-align: center;
}
/* page */
#sp-main-body {
  background-color: rgba(255, 255, 255, 0.6);
  background-blend-mode: lighten;
}
.article-header h1 {
  color: #007bb7;
  background: none;
  border-top: .25em solid #007bb7;
  border-bottom: .25em solid #007bb7;
  position: relative;
  padding: 1em 0;
  text-align: center;
}
h2.article-header {
  position: relative;
  padding: 1em 0;
  background: #007bb7;
  color: #fff;
  text-align: center;
}
#services-title {
  background: url(https://www.manabe-k.co.jp/images/parts/services/services.jpg);
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: lighten;
}
#aboutus-title {
  background: url(https://www.manabe-k.co.jp/images/parts/aboutus/20220503.jpg);
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: lighten;
}
#access-title {
  background: url(https://www.manabe-k.co.jp/images/parts/access/2022050302.jpg);
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: lighten;
}

/* job-information */
#jobinformation-title {
  background: url(https://www.manabe-k.co.jp/images/parts/recruit/2022050303.jpg);
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: lighten;
}
.recruit h5.card-title {
  background: #007bb7;
  color: #fff;
  padding: .5em;
  text-align: center;
}
.accordion .card-header button[data-toggle="collapse"].collapsed::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f078"; /* chevron-down */
}
.accordion .card-header button[data-toggle="collapse"]::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f077"; /* chevron-up */
}
/* Small devices (landscape phones, 768px and up)*/
@media (max-width: 768px) { 
  .card-deck {
    flex-direction: column;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (max-width: 991.98px) {
  .card-group > .card {
    flex: initial;
    margin-bottom: 0;
  }
}
/* contact */ /* 4/21 あとで消す */
.sp-page-title {
  background: #007bb7 !important;
}