@charset "UTF-8";

/* テーブルセル内の箇条書き（●・）のぶら下げインデント
---------------------------------------------------------------------- */
.scrollTable td .l,
.scrollTable th .l {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}

/* ======================================================
pc
====================================================== */
@media (min-width: 1001px) {

    /* about_shinryo
---------------------------------------------------------------------- */
  #about_shinryo .ch3_2_2::before {
    background: url(../../images/department_icon_01.svg) center no-repeat;
    background-size: contain;
  }

  /* 看護部について 4ボックス / 支援体制ボックス
---------------------------------------------------------------------- */
  .kangoBoxList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 50px 0;
  }
  .kangoBoxList.col2 > li {
    width: 48%;
  }
  .kangoBoxList .thumb {
    margin-bottom: 18px;
  }
  .kangoBoxList .thumb img {
    width: 100%;
    border-radius: 20px;
  }
  .kangoBoxList p {
    font-size: 1.5rem;
    line-height: 1.8;
  }

  /* 外来・手術 写真付きレイアウト
---------------------------------------------------------------------- */
  .kangoPicRow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 50px 0;
  }
  .kangoPicRow > .item {
    width: 48%;
  }
  .kangoPicRow .thumb {
    margin-bottom: 18px;
  }
  .kangoPicRow .thumb img {
    width: 100%;
    border-radius: 20px;
  }


    /* 教育体制4本柱
---------------------------------------------------------------------- */
  .edulist {
    line-height: 1.5;
  }
  .edulist h4 {
    margin-bottom: 10px;
  }


  /* 3.看護部教育体系
---------------------------------------------------------------------- */
  .ladderGoals {
    display: flex;
    justify-content: space-between;
    gap: 1.5%;
    margin-bottom: 20px;
  }
  .ladderGoals li {
    width: 32.33%;
    background: #cfe4f3;
    border: 1px solid #000000;
    border-radius: 10px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 0.7em 0.5em;
  }
  .ladderTable {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.4rem;
    line-height: 1.7;
  }
  .ladderTable th,
  .ladderTable td {
    border: 1px solid #595656;
    padding: 0.7em 0.9em;
    vertical-align: middle;
    text-align: left;
  }
  .ladderTable td {
    background: #ffffff;
  }
  /* 「・」項目のぶら下げインデント（PCは横並びを維持） */
  .ladderTable td .l {
    display: inline-block;
    vertical-align: top;
    padding-left: 1em;
    text-indent: -1em;
  }
  .ladderTable .lv_axis {
    width: 5em;
    text-align: center;
    background: #fce4ec;
    font-weight: 500;
    white-space: nowrap;
  }
  .ladderTable .lv {
    width: 6em;
    text-align: center;
    font-weight: 500;
    white-space: nowrap;
  }
  .ladderTable .lv5 { background: #f6b26b; }
  .ladderTable .lv4 { background: #ffe869; }
  .ladderTable .lv3 { background: #fffd69; }
  .ladderTable .lv2 { background: #fbfea7; }
  .ladderTable .lv1 { background: #feffdd; }
  .ladderTable .lv_step {
    width: 8em;
    text-align: center;
    background: url(../images/arrow_up_big.png) no-repeat center center;
    background-size: contain;
    font-weight: 500;
    border: none;
    border-left: 1px solid #595656;
    padding: 0;
  }
  /* 院外研修／院内研修（キャリアラダーとは別コンテンツ） */
  .ladderExtWrap {
    margin-top: 30px;
  }
  .ladderExtTable {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.4rem;
    line-height: 1.7;
  }
  .ladderExtTable th,
  .ladderExtTable td {
    border: 1px solid #595656;
    padding: 0.7em 0.9em;
    vertical-align: middle;
    text-align: left;
  }
  .ladderExtTable th {
    width: 11em;
    text-align: center;
    background: #fce4ec;
    font-weight: 500;
    white-space: nowrap;
  }
  .ladderExtTable td {
    background: #ffffff;
  }

  /* 4.新人看護師教育体制（横スクロール／「月」列固定）
     参考: https://urakata.me/blog/fixed-header-with-horizontal-scrolling-of-table/
---------------------------------------------------------------------- */
  .scrollTable {
    overflow-x: auto;
  }
  /* table-layout:fixed ＋「月」列のみ幅指定 → 残り5列（到達目標／研修／勤務形態／
     部署支援体制／部署の教育評価）は自動で均等幅になる */
  .scrollTable table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 1.4rem;
    line-height: 1.7;
  }
  .scrollTable th,
  .scrollTable td {
    border-bottom: 1px solid #595656;
    border-right: 1px solid #595656;
    padding: 0.7em 0.9em;
    vertical-align: top;
    text-align: left;
    background: #fff;
  }
  .scrollTable thead th {
    border-top: 1px solid #595656;
    background: #fee2e3;
    color: #595656;
    text-align: center;
    font-weight: 500;
  }
  .scrollTable thead th:first-child,
  .scrollTable tbody th {
    position: sticky;
    left: 0;
    z-index: 2;
    border-left: 1px solid #595656;
    width: 4em;
    min-width: 4em;
    text-align: center;
    font-weight: 500;
    white-space: nowrap;
    color: #595656;
  }
  .scrollTable thead th:first-child {
    z-index: 3;
  }
  /* 期ごとの色分け（本文セル＋「月」セル） */
  .scrollTable tbody tr.term1 td,
  .scrollTable tbody tr.term1 th { background: #fefd84; }
  .scrollTable tbody tr.term2 td,
  .scrollTable tbody tr.term2 th { background: #eef4dc; }
  .scrollTable tbody tr.term3 td,
  .scrollTable tbody tr.term3 th { background: #e3eff2; }
  .scrollTable tbody tr.term4 td,
  .scrollTable tbody tr.term4 th { background: #ece6f3; }

  /* arrow (base: /css/common_contents.css)
---------------------------------------------------------------------- */
  .guideList .arrow {
    max-width: 65px;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .guideList .arrow img {
    width: 52px;
  }

  .cflex.jc_c.pdflinkbox {
    gap: 0 20px;
  }

  /* 院内感染対策 PDFボタン
---------------------------------------------------------------------- */

#internship .pdfbtn_wrap {
  margin-top: 90px;
}
#internship .pdfbtn {
    width: 560px;
  }

}
/* End pc
---------------------------------------------------------------------- */


/* ======================================================
sp
====================================================== */
@media (max-width: 1000px) {

  /* about_shinryo
---------------------------------------------------------------------- */
  #about_shinryo .ch3_2_2::before {
    background: url(../../images/department_icon_01.svg) center no-repeat;
    background-size: contain;
  }

  /* 看護部について 4ボックス / 支援体制ボックス
---------------------------------------------------------------------- */
  .kangoBoxList {
    display: flex;
    flex-direction: column;
    gap: 8vw;
  }
  .kangoBoxList > li {
    width: 100%;
  }
  .kangoBoxList .thumb {
    margin-bottom: 3.2vw;
  }
  .kangoBoxList .thumb img {
    width: 100%;
    border-radius: 5.33334vw;
  }
  .kangoBoxList p {
    /* font-size: 1.4rem; */
    line-height: 1.3;
  }

  /* 外来・手術
---------------------------------------------------------------------- */
  .kangoPicRow {
    display: flex;
    flex-direction: column;
    gap: 8vw;
  }
  .kangoPicRow > .item {
    width: 100%;
  }
  .kangoPicRow .thumb {
    margin-bottom: 5.33334vw;
  }
  .kangoPicRow .thumb img {
    width: 100%;
    border-radius: 5.33334vw;
  }


    /* 教育体制4本柱
---------------------------------------------------------------------- */
  .edulist {
    line-height: 1.5;
  }
  .edulist h4 {
    margin-bottom: 2.66667vw;
  }


  /* 3.看護部教育体系（横スクロール）
---------------------------------------------------------------------- */
  .ladderGoals {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 4vw;
  }
  .ladderGoals li {
    width: 29.33334vw;
    background: #cfe4f3;
    border: 1px solid #000000;
    border-radius: 1.33334vw;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 400;
    padding: 0.7em 0.5em;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .ladderTableWrap {
    overflow-x: visible;
  }
  .ladderTable {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 1.1rem;
    line-height: 1.5;
  }
  .ladderTable th,
  .ladderTable td {
    border: 1px solid #595656;
    padding: 0.45em 0.4em;
    vertical-align: middle;
    text-align: left;
  }
  .ladderTable td {
    background: #ffffff;
    overflow-wrap: anywhere;
    width: 50.66667vw;
  }
  /* 「・」項目のぶら下げインデント（SPは1項目1行） */
  .ladderTable td .l {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
  }
  .ladderTable td br {
    display: none;
  }
  .ladderTable .lv_axis {
    width: 11vw;
    text-align: center;
    background: #fce4ec;
    font-weight: 500;
    overflow-wrap: anywhere;
    padding: 0;
  }
  .ladderTable .lv {
    width: 11vw;
    text-align: center;
    font-weight: 500;
    padding: 0;
  }
  .ladderTable .lv5 { background: #f6b26b; }
  .ladderTable .lv4 { background: #ffe869; }
  .ladderTable .lv3 { background: #fffd69; }
  .ladderTable .lv2 { background: #fbfea7; }
  .ladderTable .lv1 { background: #feffdd; }
  .ladderTable .lv_step {
    width: 11.2vw;
    text-align: center;
    background: url(../images/arrow_up_big_sp.png) no-repeat center center;
    background-size: cover;
    font-weight: 500;
    writing-mode: vertical-rl;
    white-space: nowrap;
    line-height: 1.4;
    border: none;
    border-left: 1px solid #595656;
  }
  /* 院外研修／院内研修（キャリアラダーとは別コンテンツ） */
  .ladderExtWrap {
    margin-top: 5.33334vw;
  }
  .ladderExtTable {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.3rem;
    line-height: 1.7;
  }
  .ladderExtTable th,
  .ladderExtTable td {
    border: 1px solid #595656;
    padding: 0.6em 0.7em;
    vertical-align: middle;
    text-align: left;
  }
  .ladderExtTable th {
    text-align: center;
    background: #fce4ec;
    font-weight: 500;
    white-space: nowrap;
  }
  .ladderExtTable td {
    background: #ffffff;
  }

  /* 4.新人看護師教育体制
     スマホ表示では「月」列を position: sticky; left:0; で固定し、
     「到達目標」以降の列を指で横スクロール。
     参考: https://urakata.me/blog/fixed-header-with-horizontal-scrolling-of-table/
---------------------------------------------------------------------- */
  .scrollTable {
    overflow-x: auto;
  }
  /* table-layout:fixed ＋「月」列のみ幅指定 → 残り5列は自動で均等幅になる */
  .scrollTable table {
    width: 100%;
    min-width: 1320px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 1.3rem;
    line-height: 1.65;
  }
  .scrollTable th,
  .scrollTable td {
    border-bottom: 1px solid #595656;
    border-right: 1px solid #595656;
    padding: 0.6em 0.7em;
    vertical-align: top;
    text-align: left;
    background: #fff;
  }
  .scrollTable thead th {
    border-top: 1px solid #595656;
    background: #fee2e3;
    color: #595656;
    text-align: center;
    font-weight: 500;
  }
  /* 先頭の「月」列を固定 */
  .scrollTable thead th:first-child,
  .scrollTable tbody th {
    position: sticky;
    left: 0;
    z-index: 2;
    border-left: 1px solid #595656;
    width: 3.5em;
    min-width: 3.5em;
    text-align: center;
    font-weight: 500;
    white-space: nowrap;
    color: #595656;
  }
  .scrollTable thead th:first-child {
    z-index: 3;
  }
  /* 期ごとの色分け（本文セル＋「月」セル） */
  .scrollTable tbody tr.term1 td,
  .scrollTable tbody tr.term1 th { background: #fefd84; }
  .scrollTable tbody tr.term2 td,
  .scrollTable tbody tr.term2 th { background: #eef4dc; }
  .scrollTable tbody tr.term3 td,
  .scrollTable tbody tr.term3 th { background: #e3eff2; }
  .scrollTable tbody tr.term4 td,
  .scrollTable tbody tr.term4 th { background: #ece6f3; }

  /* arrow
---------------------------------------------------------------------- */
  .cflex.jc_c.pdflinkbox {
    gap: 0 20px;
  }

  /* 院内感染対策 PDFボタン
---------------------------------------------------------------------- */
  #internship .pdfbtn {
    width: 90.66667vw;
    margin-top: 16vw;
  }

}

/* あるべき姿：番号付きリスト */
.list2.numlist{counter-reset:num}
.list2.numlist>li{padding-left:1.5em;counter-increment:num}
.list2.numlist>li::before{content:counter(num) ".";}