@charset "UTF-8";
/*
 * 27-medical.css … 医療関係者の方へ・採用
 * css/ のファイルは番号の順に全ページで読み込む（functions.php）。後のファイルが優先されるので、番号（順番）を変えないこと
 */

/* ---------------------------------------
    医療関係者の方へ

    基本スタイル（青色に設定）
--------------------------------------- */
body.medical-child section.content a:link,
body.medical-child section.content a:visited {
  color: var(--cl-sub);
}
body.medical-child section.content h2,
body.medical-child section.content h3 {
  color: var(--cl-sub);
}
body.medical-child section.content ol li::after, body.medical-child section.content ol li::before,
body.medical-child section.content ul li::after,
body.medical-child section.content ul li::before {
  color: var(--cl-sub);
}
body.medical-child section.content dl dt {
  color: var(--cl-sub);
}
body.medical-child div.breadcrumbs span a {
  color: var(--cl-sub);
}
body.medical-child div.breadcrumbs span::before {
  color: var(--cl-sub);
}
/* 先頭のみホームアイコン表示 */
body.medical-child div.breadcrumbs span:first-child::before {
  color: var(--cl-sub);
}

/* ---------------------------------------
    治験情報
--------------------------------------- */
body.trial .key {
  position: relative;
  background: url(../img/medical/trial-bg.jpg) no-repeat top center/cover;
}
/* ---------------------------------------
    学術実績
--------------------------------------- */
body.academic .key {
  position: relative;
  background: url(../img/bg/academic.jpg) no-repeat top center/cover;
}
body.academic section.content .tab_content {
  display: none;
}
body.academic section.content .row {
  align-items: stretch;
}
body.academic section.content aside {
  width: 190px;
  order: 2;
  margin-top: 70px;
}
body.academic section.content aside ul {
  background: var(--cl-bg);
  border-radius: 10px;
  padding: 1.2em 0 0.5em;
  border: 3px solid #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  position: sticky;
  top: 100px;
}
body.academic section.content aside ul li {
  font-size: 18px;
  margin-bottom: 0.5em;
  font-weight: 600;
  position: relative;
  text-align: center;
  margin-left: 0;
}
body.academic section.content aside ul li:before {
  display: none;
}
body.academic section.content aside ul li a {
  color: #666;
}
body.academic section.content aside ul li.active a {
  color: var(--cl-sub);
}
body.academic section.content aside ul li.active:before {
  content: "\f30b";
  color: var(--cl-sub);
  font-size: 1em;
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
  z-index: 1;
  position: absolute;
  top: 0%;
  left: 12%;
  display: inline-block;
}
body.academic section.content main {
  order: 1;
  width: calc(100% - 250px);
}
body.academic section.content main h2 {
  margin-top: 2em;
}
body.academic section.content main h3.no-ls {
  letter-spacing: 0;
}
body.academic section.content main dl {
  background: #fff;
  border: none;
  display: block;
  padding: 0;
  /* 学術実績　日付 */
}
body.academic section.content main dl dt {
  font-weight: 200;
  color: #666;
  width: 100%;
  text-align: left;
  position: relative;
  padding-left: 1.4em;
}
body.academic section.content main dl dt:before {
  content: "\f133";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  top: 0%;
  left: 0%;
  font-weight: 300;
}
body.academic section.content main dl dd {
  font-weight: 600;
  color: var(--cl-sub);
  width: 100%;
}
body.academic section.content main dl dd ul {
  margin: 0 0 2.6em 3em;
}
body.academic section.content main dl dd ul li {
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 1.4em;
  color: var(--cl-sub);
}
body.academic section.content main dl dd ul li:before {
  content: "\e123";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  top: 0%;
  left: 0%;
  font-weight: 300;
}
body.academic section.content main .wrap-in {
  margin: 0;
}
@media screen and (max-width: 800px) {
  body.academic section.content .row {
    display: flex;
    flex-wrap: wrap;
  }
  body.academic section.content aside {
    width: 100%;
    order: 3;
    margin-top: 1em;
    margin-bottom: 4em;
  }
  body.academic section.content aside ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  body.academic section.content aside ul li {
    width: 50%;
  }
  body.academic section.content aside ul li.active:before {
    left: 9%;
  }
  body.academic section.content main {
    width: 100%;
    order: 2;
  }
  body.academic section.content main dl dd ul {
    margin-left: 0;
  }
}

/* ---------------------------------------
    地域医療連携室
--------------------------------------- */
body.local section.content ol.local_flow li ul {
  margin: 2em 0 2em 3em;
}
body.local section.content ol.local_flow li ul li::before {
  content: "\f1c1";
  top: -7px;
}
body.local section.content ol.local_flow li ul li:first-child::before {
  content: "\f1c3";
}
@media screen and (max-width: 800px) {
  body.local section.content ol.local_flow li ul {
    margin: 1.5em 0;
  }
}
@media screen and (max-width: 800px) {
  body.local section.content .renkei_mado dl dd {
    margin-left: 3.1em;
  }
}

/* ---------------------------------------
    求人情報
--------------------------------------- */
body.recruit section.content table tbody tr th {
  white-space: nowrap;
  width: 11em;
  color: var(--cl-sub);
  font-size: 17px;
  padding: 0.5em 0;
  line-height: 1.8;
  vertical-align: middle;
}
body.recruit section.content table tbody tr td {
  text-align: left;
  font-size: 17px;
  padding: 0.5em 1em;
  line-height: 1.8;
}
body.recruit section.content table tbody tr td p {
  margin: 0;
  line-height: 1.8;
}
body.recruit section.content table tbody tr td ul {
  margin: 0;
  margin: 0.7em 0;
}
body.recruit section.content table tbody tr td ul li {
  margin-bottom: 0;
}
body.recruit section.content table tbody tr td h4 {
  padding: 0.3em;
  margin-top: 0.8em;
  font-weight: 600;
}
body.recruit section.content table tbody tr td h4:first-child {
  margin-top: 0;
}
body.recruit section.content table tbody tr td.tel a {
  font-size: 22px;
  font-weight: 600;
}
@media screen and (max-width: 800px) {
  body.recruit section.content table tbody tr th,
  body.recruit section.content table tbody tr td {
    display: block;
    width: 100%;
  }
  body.recruit section.content table tbody tr th {
    border-bottom: 1px dashed #ccc;
  }
  body.recruit section.content table tbody tr td {
    margin-bottom: 1em;
    border-top: 0;
  }
  body.recruit section.content table tbody tr td.tel a {
    display: block;
    text-align: center;
    font-size: 6vw;
  }
}
body.recruit .tab_content {
  display: none;
}
body.recruit ul#select_year {
  display: flex;
  justify-content: center;
}
body.recruit ul#select_year li {
  margin: 0 0.5em;
}
body.recruit ul#select_year li a {
  display: block;
  background-color: var(--cl-bg);
  color: var(--cl-sub);
  text-align: center;
  padding: 0.5em 1em;
  border-radius: 6px;
}
body.recruit ul#select_year li:before {
  display: none;
}
body.recruit ul#select_year li.active a {
  background-color: var(--cl-sub);
  color: #fff;
}
@media screen and (max-width: 800px) {
  body.recruit ul#select_year {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2em 0 0;
  }
  body.recruit ul#select_year li {
    margin: 0.4em 0;
    width: 48%;
  }
  body.recruit ul#select_year li:first-child {
    width: 100%;
  }
  body.recruit ul#select_year li:before {
    display: none;
  }
  body.recruit ul#select_year li.active a {
    background-color: var(--cl-sub);
    color: #fff;
  }
}