@charset "UTF-8";
/* ===================================================================
CSS information

file name  : service.css
author     : Ability Consultant
style info : サービス
=================================================================== */
_::-webkit-full-page-media, _:future, :root #htlSide-A {
  margin-top: -180px;
}

.con_ser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 100px;
}

.box_link .item a {
  max-height: 250px !important;
}
@media all and (-ms-high-contrast: none) {
  .box_link .item a {
    max-height: 250px !important;
  }
}

.con_ser_bath {
  margin-top: 125px;
}

.con_ser_fac .box_bath {
  margin-top: 35px;
  width: 100%;
}
.con_ser_fac .box_bath .tit {
  font-weight: bold;
  font-size: 139%;
}
.con_ser_fac .box_bath .txt {
  margin-top: 3px;
}
.con_ser_fac .box_area {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.con_ser_fac .box_area .box_text {
  width: 50%;
}
.con_ser_fac .box_area .box_text .inner:not(:first-child) {
  margin-top: 35px;
}
.con_ser_fac .box_area .box_text .inner .tit {
  font-size: 108%;
  font-weight: bold;
}
.con_ser_fac .box_area .box_text .inner .txt {
  margin-top: 10px;
  line-height: 2;
}
.con_ser_fac .box_area .box_about {
  max-width: 420px;
  margin-right: 0;
  margin-left: auto;
}
.con_ser_fac .box_area .box_about dl {
  width: 100%;
}
.con_ser_fac .box_area .box_about dl .tit {
  font-size: 108%;
  font-weight: bold;
  padding-bottom: 10px;
}
.con_ser_fac .box_area .box_about dl div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.con_ser_fac .box_area .box_about dl dt {
  width: 28%;
  color: #888;
}
.con_ser_fac .box_area .box_about dl dd {
  width: 72%;
}
.con_ser_fac .box_area .box_about dl:not(:first-of-type) {
  border-top: 1px solid #888;
  padding-top: 20px;
  margin-top: 20px;
}
.con_ser_fac .box_area .box_about p {
  margin-top: 25px;
  line-height: 1.7;
}
.con_ser_fac.facility .box_area {
  margin-top: 90px;
}
.con_ser_fac.facility .box_area .box_text {
  width: 48%;
}
.con_ser_fac.facility .box_area .box_text:not(:nth-child(2n)) {
  margin-right: 4%;
}
.con_ser_fac .tmp_btn {
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
}

.con_ser_other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 100px;
}
.con_ser_other .item {
  width: 450px;
}
.con_ser_other .item:not(:nth-child(2n)) {
  margin-right: 50px;
}
.con_ser_other .item .tit {
  font-size: 139%;
  margin-top: 30px;
}
.con_ser_other .item .txt {
  letter-spacing: .12em;
  margin-top: 10px;
}
.con_ser_other .item .link {
  margin-top: 10px;
  margin-right: 0;
  margin-left: auto;
  max-width: 180px;
}
.con_ser_other .item .link a {
  display: block;
  color: #888;
  border-bottom: 1px solid #888;
  text-align: right;
  padding-bottom: 10px;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.con_ser_other .item .link a:hover {
  opacity: 0.7;
}

#cus_footer {
  margin-top: 180px;
}

.con_gl_wrp {
  margin-top: 50px;
  height: 1000px;
}
@media all and (-ms-high-contrast: none) {
  .con_gl_wrp {
    height: 1000px;
  }
}
.con_gl_wrp iframe {
  width: 100%;
  height: 100%;
}

.con_gl .txt {
  margin-bottom: 10px;
}

.box_art {
  margin-top: 0px !important;
}

.mfp-arrow.mfp-arrow-right {
  right: 10% !important;
}