@charset "UTF-8";
/**
  * Theme Name: contents.css
  * Description: トップページ以外の見出しデザイン
  * #008278  濃い緑
  * #ebf7f3  薄い緑
  * [トップ、研修医の方へ(tmpl T-1)、看護師の方へ(tmpl T-2)、採用情報(tmpl T-3)] は別デザイン
  */
/* 見出し */
.col-main h2:not(:first-child) {
  margin-top: 7rem;
}
.col-main h3:not(:first-child), .col-main h4:not(:first-child), .col-main h5:not(:first-child), .col-main h6:not(:first-child) {
  margin-top: 5rem;
}
.col-main h2 + h3 {
  margin-top: 3.5rem!important;
}
.col-main h2:not([class]) {
  border-left: 2.2rem solid #008278;
  color: #008278;
  font-size:2.8rem;
  margin-bottom: 2.5rem;
  padding-left: 1rem;
  position: relative;
  font-weight: normal;
}
.col-main h2:not([class])::after {
  background-color: #008278;
  content: "";
  height: 4px;
  position: absolute;
  left: -2.2rem;
  bottom: -.6rem;
  width: calc(100% - -2.2rem);
}
.col-main h3:not([class]) {
  background: #F6FFFC;
  border: .2rem solid #008278;
  border-radius: .5rem;
  color: #008278;
  font-size: 2.4rem;
  margin-bottom: 1.5rem;
  padding: .5rem 1rem 0.5rem 1.5rem;
  font-weight: normal;
}
.col-main h4:not([class]) {
  /* background: #f7fefc; */
  color: #008278;
  font-size: 2rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 1.25rem;
  font-weight: normal;
  border-bottom: 0.2rem dashed;
  border-top: 0.2rem dashed;
}
.col-main h5:not([class]) {
  border-bottom: 1px dashed #008278;
  color: #008278;
  font-size: 1.8rem;
  margin-bottom: 1.75rem;
  padding: 1rem 1.5rem 0.3rem 1rem;
  font-weight:normal;
}

/* テキスト カラー */
.col-main .c-brown {color: #990000;}


/* テーブル */
table.unstyled, table.unstyled th,table.unstyled td {border: none;vertical-align: top;}table.unstyled th {white-space: nowrap;}
.col-main table:not(.unstyled) {color: #333;margin-bottom: 1rem;width: 100%;}
.col-main table:not(.unstyled) th, .col-main table:not(.unstyled) td {font-weight: 500;padding: 1rem 1.5rem;vertical-align: top;}
.col-main table:not(.unstyled) th {text-align: left;}
.col-main table:not(.unstyled) td {background-color: #fff;}
.col-main caption {padding-bottom: .5rem;color: #333;caption-side: top;}
@media (min-width: 768px) {
  .col-main table:not(.unstyled) {border: 1px solid #d0d0d0;}
  .col-main table:not(.unstyled) th, .col-main table:not(.unstyled) td {border: 1px solid #d0d0d0;}
  .col-main table:not(.unstyled) th {background-color: #f2f2f2;text-align: center;width: 33.333%;}
}
@media only screen and (max-width: 767px) {
  .col-main table:not(.unstyled) th, .col-main table:not(.unstyled) td {display: block;}
  .col-main table:not(.unstyled) th {font-weight: bold;padding-top: 0;padding-bottom: 0;}
  .col-main table:not(.unstyled) td {padding-top: 0;padding-left: 2em;}
}

/* リスト */
.col-main ol>li:not(:last-child),
.col-main ul>li:not(:last-child) {margin-bottom: 1rem;}

/* リンク */
.col-main a,
.col-main a:link,
.col-main a:active {
  color: #0066cc;
  text-decoration: underline;
} 
.col-main a:hover {
  color: #00adbf;
  text-decoration: underline;
}
.col-main a:visited {
  color: #002d9e;
  text-decoration: underline;
}

/* 画像 */
.col-main img:not(.unstyled) {border-radius: 1rem;margin-bottom: 1rem;}
figure[class]>img {border-radius: 0;margin-bottom: 0;}

/* アコーディオンメニュー */
.body:not(.faq) .ac-container {border-bottom: 2px solid #008278;}
.ac-toggle {cursor: pointer;color: #002d9e;padding:0 1.5rem;position: relative;transition: opacity .35s;}
.ac-toggle:hover {opacity: .7;}
.body:not(.faq) .ac-toggle::after {
  content: '\FF0B';
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  position: absolute;
  top: 6px;
  right: 18px;
}
.body:not(.faq) .ac-toggle.selected::after {
  content: '\2212';
  right: 20px;
}
.body:not(.faq) .ac-toggle span::after {background-color: #008278;border-radius: 100%;content: "";height: 20px;margin: auto;width: 20px; position: absolute;top: 0;right: 1.5rem;bottom: 0;}
.ac-content {padding:.5rem 1.5rem 0;}
.body:not(.faq) .ac-content li {margin-bottom: 0!important;}
/** example tag
  * <dl class="ac-container">
  *   <dt class="ac-toggle"><span>label</span></dt>
  *   <dd class="ac-content">contents</dd>
  * </dl>
  * Jqueryで動かしてます。参照：js/site.js
  */

@media only screen and (max-width: 576px) {
  .col-main h2:not([class]) {font-size: 2.8rem;}
  .col-main h3:not([class]) {font-size: 2.4rem;}

  dl.float {margin-left: -1.25rem;padding-left: 0;}
  .flow-title {font-size: 2.2rem;}
  .flow-container [class^=flow-item] {padding-left: 1.5rem;padding-right: 1.5rem;}
  .col-sidebar {margin-bottom: 2.5rem;}
}