@charset "utf-8";

/* body font
_____________________________________________________________________ */

body{
  font-family:Roboto, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  color: #000;
font-size:15px;
  font-weight: normal;
  line-height: 2rem;
}

@media only screen and (max-width: 576px) {
	body, p{
		font-size:14px;
}
}


h1, h2, h3{
     font-family:Roboto, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    color: #000;
	font-weight: bold;
}



.l-bloc{
	color: inherit;
}





/*PCでは無効（改行しない）
____________________________ */
.sma{
    display: none;
}

/*スマートフォンでは有効（改行する）
____________________________ */
@media screen and (max-width:767px) {
    .sma{
        display: block;
    }
}



/* table ta-schedule
_____________________________________________________________________ */


table.ta-schedule {
  margin : 10px 0 20px 0;
  border-collapse : collapse;
  border : 1px solid #28AAE2;
  width:99%;
	text-align:center;
}

table.ta-schedule th {
  padding : 10px 10px;
  color:#222;
  background-color:#f0f0f0;
  border : 1px solid #28AAE2;
  font-weight:bold;
  text-align:center;
}

table.ta-schedule th.ta-tit2 {
  padding : 10px 10px;
  color:#222;
  border : 1px solid #28AAE2;
  text-align:center;
  vertical-align:middle;
  background-color:#b2dffa;
}


table.ta-schedule td {
  padding : 10px 10px;
  border : 1px solid #28AAE2;
  background-color:#fff;
  vertical-align: middle;
  padding: 0.4rem 0.8rem;
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
	color: #28AAE2;
}

/* table ta-type1
_____________________________________________________________________ */

table.ta-type1 {
  margin : 10px 0 20px 0;
  border-collapse : collapse;
  border : 1px solid #b4b4b4;
  width:99%;
	text-align: left;
}

table.ta-type1 th {
  padding : 10px 10px;
  color:#222;
  background-color:#edf5f9;
  border : 1px solid #b4b4b4;
  font-weight:bold;
  text-align:left;
}

table.ta-type1 th.ta-tit2 {
  padding : 10px 10px;
  color:#222;
  border : 1px solid #b4b4b4;
  text-align:left;
  vertical-align:middle;
  background-color:#edf5f9;
}

table.ta-type1 td {
line-height: 180%;
  padding : 10px 10px;
  border : 1px solid #b4b4b4;
	background-color:#fff;
}



/* = Table
-------------------------------------------------------------- */
table.ta-line{
    font-size: 16px;
	width: 100%;
	border-top: 1px solid #dcdcdc!important;
}
@media (max-width: 500px){
    table.ta-line{
        font-size: 14px;
    }
}

.ta-line tr th,
.ta-line tr td{
	color: #282828!important;	
    border-bottom: 1px solid #dcdcdc!important;
	line-height: 180%;
	padding: 20px 0!important;
}


/* list
_____________________________________________________________________ */
ol li {
  padding-top:5px;
  padding-bottom:5px;
	line-height: 180%;
  }

ul li {
  padding-top:5px;
	line-height: 180%;
}


/* dropdown
_____________________________________________________________________ */
.dropdown:hover .dropdown-menu {
    display: block;
}


/* ie11 card内の画像を使った時に縦に伸びるバグ修正
_____________________________________________________________________ */
.card{
display: block;
}



/* ------------------------------------------------ */
/* 動画
/* ------------------------------------------------ */
.movie {
position: relative;
width:100%;
padding-top: 56.25%;
}

.movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

.embed-responsive-2by1::before {
 padding-top:50%;
}




/*=======================================================================
  Listnews
=======================================================================*/

ul.listnews {
margin: 3em 0 3em;
padding: 0;
text-align: left;
 list-style-type:none;
}
ul.listnews li a{
color:#000;
padding: 8px 5px;
display: block;
border-bottom: solid 1px #C2C2C2;
}

ul.listnews li span {
display: block;
font-size: 15px;
}

ul.listnews li a,
ul.listnews li a:visited {
color:#000!important;
text-decoration: none;
}
ul.listnews li a:hover {
background-color:#f4f4f4;
color: #000;
}



/* 初期臨床研修の特徴 矢印
_____________________________________________________________________ */
.scroll-arrow {
  display: block;
  text-align: center;
}

.scroll-arrow .fas {
  color: rgba(215,82,155,1.00);
  font-size: 2.4rem;
  display: inline-block;
}




/* ----------------------------
   サイドナビ
----------------------------- */

.side-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e2e2e2; /* 上線 */
}

.side-nav li {
  border-bottom: 1px solid #e2e2e2; /* 下線 */
  margin: 0;
  padding: 0;
}

/* リンク部分 */
.side-nav li a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  text-decoration: none;   /* 下線なし */
  color: rgba(2, 66, 123, 1.00)!important;
  font-size: 15px;
  transition: color .2s ease;
}

/* ホバー時 */
.side-nav li a:hover {
  color: rgba(2, 66, 123, 1.00);
  background-color: #f2f2f2;
}

/* Font Awesome の矢印（fa-caret-right） */
.side-nav li a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; /* solid */
  content: "\f0da"; /* fa-caret-right */
  color: rgba(2, 66, 123, 1.00);
  font-size: 0.9em;
  display: inline-block;
  width: 1em;
  text-align: center;
}

/* ----------------------------
   パンくず
----------------------------- */
.yoast-breadcrumb{
  font-size: 0.875rem;
}
.yoast-breadcrumb a{
  text-decoration: none;
}


/* =========================
   サイトマップ（固定ページ用）
   ========================= */
.sotsugo-sitemap{
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}

.sotsugo-sitemap ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* 第1階層 */
.sotsugo-sitemap > ul > li{
  margin: 0 0 1rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 10px;
  background: #fff;
}

/* 第2階層以降のブロック */
.sotsugo-sitemap li > ul{
  margin-top: .6rem;
  padding-left: 1rem;
  border-left: 3px solid rgba(0,0,0,.08);
}

/* 第2階層の項目 */
.sotsugo-sitemap li > ul > li{
  margin: .45rem 0;
}

/* 第3階層以降は少し詰める */
.sotsugo-sitemap li > ul > li > ul{
  margin-top: .4rem;
  padding-left: 1rem;
}
.sotsugo-sitemap li > ul > li > ul > li{
  margin: .35rem 0;
}

/* リンク装飾 */
.sotsugo-sitemap a{
  display: inline-block;
  text-decoration: none;
  line-height: 1.6;
  padding: .2rem 0;
}

.sotsugo-sitemap a:hover,
.sotsugo-sitemap a:focus{
  text-decoration: underline;
}

/* 「リンクじゃない見出し」（初期研修プログラム等）が目立つように */
.sotsugo-sitemap > ul > li{
  font-weight: 600;
}
.sotsugo-sitemap > ul > li > ul{
  font-weight: 400;
}

/* スマホで詰める */
@media (max-width: 575.98px){
  .sotsugo-sitemap > ul > li{
    padding: .75rem .85rem;
  }
}
/* =========================
   第2階層を2カラム表示
   ========================= */

/* 第1階層直下の ul（＝第2階層） */
.sotsugo-sitemap > ul > li > ul{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 1.5rem;
  row-gap: .25rem;
}

/* 第2階層の li はカード化しない（自然に） */
.sotsugo-sitemap > ul > li > ul > li{
  break-inside: avoid;
}

/* 第3階層以降は通常の縦並びに戻す */
.sotsugo-sitemap > ul > li > ul > li > ul{
  display: block;
  margin-top: .4rem;
}

/* スマホでは1カラム */
@media (max-width: 575.98px){
  .sotsugo-sitemap > ul > li > ul{
    grid-template-columns: 1fr;
  }
}