@charset "UTF-8";
/* Zen Kaku Gothic Antique */
/* Montserrat */
/* 【ホバーアクション】下線が出てくる
  ・aタグにhov_lineをつける
  ・白線の場合hov_line_white
---------------------------------------------------------- */
.hov_line, .hov_line_white {
  position: relative;
  display: inline-block;
}
.hov_line::before, .hov_line_white::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: #3D434E;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}
@media (hover: hover) {
  .hov_line:hover::before, .hov_line_white:hover::before {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: left top;
            transform-origin: left top;
  }
}

.hov_line_white::before {
  background-color: #fff;
}

/* ==========================================================================//
//
// サービス
//
// ========================================================================== */
/* 共通
---------------------------------------------------------- */
section {
  padding: 45px 0;
  border-top: 1px solid #D0D3CE;
}
@media all and (min-width: 751px) {
  section {
    padding: 40px 0 120px;
  }
}
section .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 751px) and (max-width: 979px) {
  section .wrap {
    display: block;
  }
}
@media all and (min-width: 980px) {
  section .wrap .detail_contents {
    width: 45%;
  }
}
section .wrap .detail_contents .sec_ttl {
  margin-bottom: 20px;
}
@media all and (min-width: 751px) {
  section .wrap .detail_contents .sec_ttl {
    margin-bottom: 32px;
  }
}
section .wrap .detail_contents .btn_wrap {
  margin: 20px 0 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
@media all and (min-width: 751px) {
  section .wrap .detail_contents .btn_wrap {
    margin: 60px 0 0;
  }
}
@media screen and (min-width: 751px) and (max-width: 979px) {
  section .wrap .detail_contents .btn_wrap {
    margin: 40px 0 32px;
  }
}
section .wrap .detail_contents .btn_wrap .more_btn {
  padding: 18px 77px 18px 32px;
  width: min(180px, 100%);
}
@media all and (min-width: 751px) {
  section .wrap .detail_contents .btn_wrap .more_btn {
    padding: 22px 80px 22px 50px;
    width: min(226px, 100%);
  }
}
@media all and (min-width: 980px) {
  section .wrap .image {
    width: 45%;
  }
}
section .wrap .image img {
  border-radius: 10px;
}

/* 養護老人ホーム
---------------------------------------------------------- */
.sec_nursing_home .ico_image {
  width: min(78px, 100%);
}
@media all and (min-width: 751px) {
  .sec_nursing_home .ico_image {
    width: min(126px, 100%);
  }
}

/* 特別養護老人ホーム
---------------------------------------------------------- */
.sec_special .ico_image {
  width: min(60px, 100%);
}
@media all and (min-width: 751px) {
  .sec_special .ico_image {
    width: min(107px, 100%);
  }
}

/* ショートステイ
---------------------------------------------------------- */
.sec_short .ico_image {
  width: min(66px, 100%);
}
@media all and (min-width: 751px) {
  .sec_short .ico_image {
    width: min(122px, 100%);
  }
}

/* デイサービス
---------------------------------------------------------- */
.sec_day .ico_image {
  width: min(53px, 100%);
}
@media all and (min-width: 751px) {
  .sec_day .ico_image {
    width: min(105px, 100%);
  }
}

/* 居宅介護支援・特定相談支援
---------------------------------------------------------- */
.sec_support .ico_image {
  width: min(57px, 100%);
}
@media all and (min-width: 751px) {
  .sec_support .ico_image {
    width: min(103px, 100%);
  }
}

/* 共生会の取組
---------------------------------------------------------- */
.sec_activity .ico_image {
  width: min(56px, 100%);
}
@media all and (min-width: 751px) {
  .sec_activity .ico_image {
    width: min(101px, 100%);
  }
}
/*# sourceMappingURL=services.css.map */