@charset "utf-8";
/* ***************************
[Service] head title
*************************** */
.l-main__service__head {
  display: table;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
}

.l-main__service-remote__head {
  background-image: url("/service/monitoring/images/remote_head_bg.jpg");
  background-position: right bottom;
}
@media screen and (max-width: 600px) {
  .l-main__service-remote__head{
    background-image: url("/service/monitoring/images/remote_head_bg_sp.jpg");
    background-position: right bottom 20%;
  }
}

.l-main__service-version__head {
  background-image: url("/service/upgrade/images/version_head_bg.jpg");
  background-position: right 40% bottom;
}
@media screen and (max-width: 600px) {
  .l-main__service-version__head {
    background-image: url("/service/upgrade/images/version_head_bg_sp.jpg");
    background-position: right bottom;
  }
}

.l-main__service-overhaul__head {
  background-image: url("/service/overhaul/images/overhaul_head_bg.jpg");
  background-position: right 60% center;
}

.l-main__service-maintenance__head {
  background-image: url("/service/maintenance/images/maintenance_head_bg.jpg");
  background-position: right 30% center;
}
@media screen and (max-width: 600px) {
  .l-main__service-maintenance__head {
    background-image: url("/service/maintenance/images/maintenance_head_bg_sp.jpg");
  }
}

.c-servicePageTitle {
  display: table-cell;
  height: 220px;
  text-align: center;
  vertical-align: middle;
  font-size: 214.28571%;
  line-height: 150%;
  color: #fff;
}

.c-servicePageTitle__text {
  text-shadow: 0px 0px 7.36px rgba(0, 0, 0, 0.75);
}


/* ***************************
[Service] content img
*************************** */
.p-serviceImg__center {
  margin-top: 28px;
  text-align: center;
}

.c-column__item img {
  width: 100%;
}

/* ***************************
[Service] content Notice
*************************** */
.p-serviceNotice {
  margin-top: 65px;
  padding-left: 1em;
  font-size: 18px;
  text-indent: -1em;
  color: #222222;
}
.p-btn--contact {
  margin-top: 26px;
}

/* ***************************
[Service] Map
*************************** */
img[usemap] {
  max-width: 100%;
  height: auto;
}

.c-service-map-img {
  width: 100%;
  background: url(/images/img_mainte_map.jpg) left top no-repeat;
  background-size: 100% auto;
}

.mapModal .modaal-container {
  padding-bottom: 0;
}
.modaal-content-container {
  padding: 40px 45px;
}
@media screen and (max-width: 374px) {
  .modaal-content-container {
    padding: 40px 15px;
  }
}
.p-mapModa__title {
  font-size: 20px;
  line-height: 28px;
}
.p-mapModa__title::before {
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 8px;
  background-color: #4A99F6;
}
.p-mapModa__title.p-mapModa__honsya::before {
  background-color: #E40138;
}
.p-mapModa__title.p-mapModa__factory::before {
  background-color: #33a44a;
}
.p-mapModa__address {
  margin-top: 10px;
}
.p-mapModal__access ul > li {
  margin-top: 25px;
  padding-left: 0;
  font-weight: 700;
}
.p-mapModal__access ul > li:before {
  content: none;
}
.p-mapModal__access ol {
  margin-left: 7px;
}
.p-mapModal__access ol li:before {
  content: "[" counter(count-number) "]";
}
.p-mapModal__access ol.list-type__no li:before {
  content: none;
}
.p-mapModal__access ol.list-type__no li {
  padding-left: 0;
}
.p-mapModal__access ol li {
  font-weight: 400;
}
.p-mapModal__access ol li+li {
  margin-top: 2px;
}
.p-mapModal__access .c-btn {
  margin-top: 50px;
}
.mapModal .modaal-close {
  width: 30px;
  height: 30px;
  margin: 0;
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: auto;
  left: auto;
  color: #999999;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.mapModal .modaal-close:hover {
  background-color: transparent;
}
.mapModal .modaal-close span {
  display: none;
}
.mapModal .modaal-close:before,
.mapModal .modaal-close:after {
  content: '';
  top: 0;
  bottom: 0;
  left: -8px;
  margin: auto;
  width: 30px;
  height: 2px;
  background-color: #999;
}