@charset "UTF-8";

/***********************************
  下層ページのみの共通パーツはここに書く
***********************************/
@media screen and (min-width: 901px) {
  .js-header {
    display: none;
  }
  .js-header02 {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
  }
}

.l-sec:first-of-type {
  padding-top: 60px;
}
@media screen and (min-width: 901px) {
  .l-sec:first-of-type {
    padding-top: 10.8rem;
  }
}

.l-page__title__wrap {
  background: url(../images/news/mv.jpg) center no-repeat;
  background-size: cover;
  height: 30.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* 病院のご案内 */
body.page-id-98 .l-page__title__wrap, body.parent-pageid-98 .l-page__title__wrap, body.page-id-141 .l-page__title__wrap {
  background-image: url(../images/page/mv-info.jpeg);
}
/* 部門紹介、医療関係者の方へ */
body.parent-pageid-106 .l-page__title__wrap {
  background-image: url(../images/page/mv-relation.jpeg);
}
/* 在宅サービス、患者さんへ */
body.page-id-138 .l-page__title__wrap, body.parent-pageid-138 .l-page__title__wrap,
body.page-id-124 .l-page__title__wrap, body.parent-pageid-124 .l-page__title__wrap, body.page-id-114 .l-page__title__wrap {
  background-image: url(../images/page/mv-homecare.jpeg);
}
body.page-id-142 .l-page__title__wrap {
  background-image: url(../images/page/mv-service.jpg);
}
/* ・外来について・外来診療案内・入院について・面会について・患者相談窓口 */
body.page-id-128 .l-page__title__wrap,
body.page-id-129 .l-page__title__wrap, body.page-id-130 .l-page__title__wrap, body.page-id-126 .l-page__title__wrap, body.page-id-3140 .l-page__title__wrap {
  background-image: url(../images/page/mv-patient.jpg);
}
/* 採用情報、お問い合わせ、診療時間・アクセス */
body.page-id-139 .l-page__title__wrap, body.parent-pageid-139 .l-page__title__wrap,
body.page-id-140 .l-page__title__wrap, body.parent-pageid-140 .l-page__title__wrap, body.page-id-104 .l-page__title__wrap, body.page-id-100 .l-page__title__wrap, body.page-id-102 .l-page__title__wrap, body.page-id-223 .l-page__title__wrap,
body.page-id-769 .l-page__title__wrap {
  background-image: url(../images/page/mv-recruit.jpg);
}
/* 部門紹介、医療関係者の方へ */
body.page-id-134 .l-page__title__wrap, body.parent-pageid-134 .l-page__title__wrap,
body.page-id-106 .l-page__title__wrap {
  background-image: url(../images/page/mv-relation.jpeg);
}
/* リハ技術部、リハビリテーションのご案内 */
body.page-id-110 .l-page__title__wrap,
body.page-id-120 .l-page__title__wrap, body.parent-pageid-120 .l-page__title__wrap {
  background-image: url(../images/page/mv-reha.jpeg);
}
.l-page__title__inner {
  background: rgb(255 255 255 / 70%);
  width: auto;
  max-width: 45rem;
  min-width: 300px;
  padding: 0 20px;
  height: 15.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-page__title {
  padding: 5rem 0 0 .07em;
  letter-spacing: .07em;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  color: #0762A8;
  position: relative;
  line-height: 1.4;
}
.l-page__title::before {
  content: "";
  position: absolute;
  display: block;
  background: url(../images/news/icon.png) center no-repeat;
  width: 4.4rem;
  height: 4.4rem;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .l-page__title__wrap {
    height: 15.2rem;
  }
  .l-page__title__inner {
    min-width: 200px;
    /* width: auto; */
    height: auto;
    padding: 20px 5px;
  }
  .l-page__title {
    padding: 40px 15px 0;
    font-size: 2rem;
    line-height: 1.2;
  }
  .l-page__title::before {
    content: "";
    position: absolute;
    display: block;
    background-size: contain;
    width: 3.4rem;
    height: 3.4rem;
    bottom: 5rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* パンクズリスト */
.l-breadcrumb {
  position: relative;
  z-index: 1;
  background: #fff;
  padding-top: 7px;
  padding-bottom: 30px;
}
.l-breadcrumb_list {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.2rem;
  font-feature-settings: "palt";
}
.l-breadcrumb_item {
  display: inline-block;
  position: relative;
}
.l-breadcrumb_item:not(:first-child):before {
  content: "/";
}
.l-breadcrumb_link {
  transition: 0.3s color ease;
}
.l-breadcrumb_link:hover {
  color: #0762A8;
}
@media screen and (max-width: 767px) {
  .l-breadcrumb {
    padding-bottom: var(--breadcrumb-margin);
  }
} /* max-width: 767px*/


.p-page__content {
  padding-bottom: 0;
}

input[type="text"], input[type="tel"], input[type="email"], textarea {
  border: 1px solid #ccc;
  width: 100%;
  padding: 3px 8px; 
}
input[type="radio"], input[type="checkbox"] {
  -webkit-appearance: auto;
  appearance: auto;
  display: unset;
}
input.w-thin {
  max-width: 4em;
}
input.w-short {
  max-width: 7em;
}
input.w-middle {
  max-width: 25em;
}

input[type=submit] {
  margin: 30px auto 0;
  width: 200px;
  background-color: #3199D5;
  padding: 1.7rem 0rem;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  transition: .2s background-color;
  border-radius: 100px;
}
@media screen and (min-width: 768px) {
  input[type=submit]:hover {
    background-color: #FFA653;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
  }
}
.wpcf7 .wpcf7-submit:disabled {
    background-color: #8b8e91;
}
.wpcf7-spinner {
    display: block;
    margin: auto;
}

.contact2 .c-th-page,
.contact3 .c-th-page,
.page-id-149 .c-th-page,
.sympathy .c-th-page,
.contact .c-th-page,
.contact4 .c-th-page {
  background-color: rgb(49 153 213 / 80%);
}

@media screen and (min-width: 768px) {
  .page-id-110 .c-td-page:nth-of-type(2n) {
    background-color: #F8F8F8;
  }
}



/* 採用情報、お問い合わせ、診療時間・アクセス */
body.page-id-108 .l-page__title__wrap,
body.page-id-110 .l-page__title__wrap, 
body.page-id-111 .l-page__title__wrap, 
body.page-id-114 .l-page__title__wrap, 
body.page-id-115 .l-page__title__wrap, 
body.page-id-141 .l-page__title__wrap,
body.page-id-116 .l-page__title__wrap {
  background-image: url(../images/page/mv-recruit.jpg);
}