@charset "UTF-8";
 



/*--------------------------------------------------------------------
  「キャリア支援」固有の設定
--------------------------------------------------------------------*/
/*------------------------------------------------
  Teineラン・ラン♪♪システム
------------------------------------------------*/
/*------ 石背景 ------*/
#ranran_item{
margin:0;
background:url(../img/stone_bg.gif) repeat-y right 0;
border-bottom:2px solid #CCC;
}

/*------ 矢印背景 ------*/
#ranran_arrow{
padding:0 0 20px 0;
position:relative;
z-index:2;
}

#ranran_item UL{
margin:0 20% 0 0;
padding:0;
}
#ranran_item UL LI{
margin:0;
padding:0;
background:none;
clear:both;
}
#ranran_item UL LI+LI{
border-top:2px dashed #CCC;
}

/*------ 段階ラベル ------*/
#ranran_level01,
#ranran_level02,
#ranran_level03,
#ranran_level04,
#ranran_level05,
#ranran_level06{
padding:1.3em 1% 0.5em 0;
text-align:right;
color:#08C; /* ロゴKブルー */
float:left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#ranran_level00{
margin-right:1em;
top:4em;
right:100%;
position:absolute;
color:#08C; /* ロゴKブルー */
white-space:nowrap;
}

/*------ 内容 ------*/
#ranran_step01,
#ranran_step02,
#ranran_step03,
#ranran_step04,
#ranran_step05,
#ranran_step06{
background:url(../img/stone_bg.gif) repeat-y left top;
padding:1em 2%;
float:left;
position:relative;
text-shadow: 1px 1px 0 #FFF;	/* 影文字 横方向 縦方向 ぼかし 影の色 */
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#ranran_step01{
background-repeat:repeat;
}

#ranran_level01{	/* ～1週目 */
width:10%;
}
#ranran_step01{
width:90%;
}

#ranran_level02{	/* ～6週目 */
width:20%;
}
#ranran_step02{
width:80%;
}

#ranran_level03,	/* ～2ヶ月目 */
#ranran_level04{	/* ～6ヶ月目 */
width:30%;
}
#ranran_step03,
#ranran_step04{
width:50%;
}

#ranran_level05{	/* ～1年2ヶ月目 */
width:40%;
}
#ranran_step05{
width:60%;
}

#ranran_level06{	/* ～1年8ヶ月目 */
width:50%;
}
#ranran_step06{
width:50%;
}


/*------ 下部 矢印------*/
#ranran_item_hosoku{
margin:-20px 0 0 8%;
padding:30px 10% 15px 35%;
background:url(../img/stone_bg.gif);
position:relative;
z-index:1;
}

/*------ タイトルリンク ------*/
#ranran_item A{
font-size:128.6%;	/* 18px */
color:#EB6EA5;	/* 赤紫 */
text-decoration:none;
}
#ranran_item A:hover{
color:#666;
}
#content #ranran_item A::after{
content:" \F0A6";
after: " \F0A6";	/* IE7以下用 */
font-family: "Font Awesome 5 Free";
color:#EB6EA5;	/* 赤紫 */
font-weight:normal;
}


/*------ step03～04 新人教育プログラム吹き出し ------*/
#ranran_step03-04{
margin:0;
padding:15px;
background:#FFF;
border:1px solid #CCC;
position:absolute;
bottom:-0.5em;
left:100%;
width:50%;
font-size:90%;
z-index:3;
}




@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#ranran_item{
	background:url(../img/stone_bg.gif);
	}

	#ranran_arrow{
	padding-bottom:50px;
	}
	#ranran_item UL{
	margin:0;
	}


	#ranran_level01,
	#ranran_level02,
	#ranran_level03,
	#ranran_level04,
	#ranran_level05,
	#ranran_level06{
	padding:0.5em 0 0 10px;
	width:50%;
	float:none;
	text-align:left;
	}
	#ranran_step01,
	#ranran_step02,
	#ranran_step03,
	#ranran_step04,
	#ranran_step05,
	#ranran_step06{
	padding:0.2em 0 0.5em 20px;
	width:100%;
	float:none;
	background:none;
	}
	#ranran_step03-04{
	margin:10px 0;
	position:static;
	width:80%;
	}

	#ranran_item_hosoku{
	margin-left:0;
	padding:30px 1% 15px 30%;
	}
	#ranran_level00{
	top:-1.5em;
	left:10px;
	right:auto;
	}
}

/*------ ranran詳細 ------*/
#ranran01 DT,
#ranran02 DT{
background:#F199C0;	/* 赤紫70% */
}
#ranran03 DT,
#ranran04 DT{
background:#EF8BB7;	/* 赤紫80% */
}
#ranran05 DT{
background:#ED7CAE;	/* 赤紫90% */
}
#ranran0601 DT,
#ranran0602 DT{
background:#EB6EA5;	/* 赤紫 */
}

#ranran01-02 DD,
#ranran03-05 DD,
#ranran06 DD{
background:#FBE2ED;	/* 赤紫20% */
}
#ranran01-02 IMG,
#ranran03-05 IMG,
#ranran06 IMG{
margin:auto;
display:block;
width:auto !important;
}




/*------------------------------------------------
  継続教育
------------------------------------------------*/
#content UL.training{
padding:0;
}
#content .training LI{
padding:15px 1%;
line-height:1.2;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background-image:url(../img/training_arrow.png);
background-repeat:no-repeat;
background-position:right center;
vertical-align:middle;

background-size:28px 100%;
-webkit-background-size:28px 100%;
-moz-background-size:28px 100%;
-o-background-size:28px 100%;
-ms-background-size:28px 100%;
}
/*------ タイトルリンク ------*/
#content UL.training A,
#content UL.training A:visited{
color:#000;
text-decoration:none;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#content UL.training A:hover{
color:#FFF;
}

#content UL.training A::after{
font-size:128.6%;	/* 18px */
content:" \F0A6";
after: " \F0A6";	/* IE7以下用 */
font-family: "Font Awesome 5 Free";
font-weight:normal;
color:#000;
}


/*------ 院内 ------*/
#training_in{
border-left:5px solid #08C; /* ロゴKブルー */
background:url(../img/training_in.gif) no-repeat 2% top;
}
#training_in UL{
margin:0 0 0 8%;
}
#content #t_in01{
margin-left:60%;
background-color:#F5B6D2; /* 赤紫50% */
}
#content #t_in02{
margin-left:40%;
background-color:#A3CC00;	/* 緑 */
}
#content #t_in03{
margin-left:40%;
background-color:#D8BFD8;	/* Thistle */
}
#content #t_in04{
margin-left:40%;
background-color:#E3E548; /* Chartreuse Yellow */
}
#content #t_in05{
background-color:#B2CBE4;	/* light blue  */
}


/*------ 院外 ------*/
#training_out{
border-left:5px solid #71686C; /* 紫鼠 */
background:url(../img/training_out.gif) no-repeat 2% center;
}
#training_out UL{
margin:0 0 0 8%;
}

#content #t_out01{
margin-left:16%;
background-color:#B2CBE4;	/* light blue  */
}
#content #t_out02{
margin-left:32%;
background-color:#E3E548; /* Chartreuse Yellow */
}
#content #t_out03{
margin-left:48%;
background-color:#A3CC00;	/* 緑 */
}
#content #t_out04{
margin-left:64%;
background-color:#F5B6D2; /* 赤紫50% */
}
#content #t_out05{
margin-left:64%;
background-color:#F7B977;	/* apricot */
}
#content #t_out06{
margin-left:64%;
background-color:#98CBE4;/* 薄いブルー */
}


/*------ グループ ------*/
#training_group{
margin-top:100px;
padding:10px 0 0 0;
border-left:5px solid #DE427C; /* 赤紫170％ */
background:url(../img/training_group.gif) no-repeat 2% top;
}
#training_group>P{
margin:40px 0 0 12%;
}
#training_group UL.training{
margin:0 0 0 3%;
width:97%;
}
#training_group .extrasmall{
margin:0 auto 0 1em;
line-height:1.2;
display:block;
}


/*------ グループ 並列 ------*/
#training_group UL.training#t_group01-02{
width:97%;
display:table;
}
#training_group UL.training#t_group04-05{
margin-left:25.3%;
width:44%;
display:table;
background:navy;
}
UL.training#t_group01-02 LI,
UL.training#t_group04-05 LI{
display:table-cell;
}
#content #t_group01{
background-color:#98CBE4;/* 薄いブルー */
width:23%;
}
#content #t_group02{
background-color:#4CB2E5;/* 明るいブルー */
width:77%;
}
/*------ グループ コミュニケーションスキル研修 ------*/
#content #t_group03{
background-color:#98CBE4;/* 薄いブルー */
margin-left:23%;
width:46%;
}
#content #t_group04{
background-color:#98CBE4;/* 薄いブルー */
width:50%;
}
#content #t_group05{
background-color:#98CBE4;/* 薄いブルー */
width:50%;
}


#content #t_group06,
#content #t_group07,
#content #t_group08{
margin-left:70%;
background-color:#A3CC00;	/* 緑 */
}
#content #t_group09{
margin-left:70%;
background-color:#E3E548; /* Chartreuse Yellow */
}


/*------ 中途・新人 ------*/
#content #training_step01,	/* 中途 */
#content #training_step02{	/* 新人 */
background-image:url(../img/pink_gradation.png);
background-repeat:repeat-x;
background-size:200% auto;
-moz-background-size:200% auto;
-webkit-background-size:200% auto;
-o-background-size:200% auto;
-ms-background-size:200% auto;
}
#content #training_step01{	/* 中途 */
margin:20px 39% 20px 18.5%;
background-position:50% center;
}
#content #training_step02{	/* 新人 */
margin:20px 68% 2.5em 3%;
background-position:left center;
}
#content #training_step01 LI,	/* 中途 */
#content #training_step02 LI{	/* 新人 */
margin:0;
padding:15px 10% 15px 2%;
background:url(../img/training_arrow.png) no-repeat right center;
position:relative;
}
#content #training_step02 .small{	/* （Teineラン･ラン♪♪システム）を欄外に */
position:absolute;
top:120%;
left:-15%;
display:block;
width:18em;
}


/*------ レベル ------*/
#content #training_level_g,
#content #training_level{
margin:20px auto 20px 3%;
color:#FFF;
background:url(../img/pink_gradation.png) repeat-x left;
background-size:100% auto;
-moz-background-size:100% auto;
-webkit-background-size:100% auto;
-o-background-size:100% auto;
-ms-background-size:100% auto;
width:97%;
display:table;
}
#content #training_level_g LI,
#content #training_level LI{
margin:0;
text-align:center;
vertical-align:middle;

display:table-cell;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
}
#content #training_level_g LI:not(.level_end),
#content #training_level LI:not(.level_end){
background:none;
}
#content #training_level LI{
width:16.0%;
}
#content #training_level_g LI{
width:24.0%;
}
#content #training_level_g LI.level_end,
#content #training_level LI.level_end{
width:4%;
}

/*------ 一番右の矢印 ------*/
#content #training_level_g LI.level_end,
#content #training_level LI.level_end{
a background:url(../img/training_arrow.png) no-repeat right center;
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#content .training LI{
	padding:0.5em 2.8% 0.5em 10px;
	}
	#content #training_level LI{
	width:15.0%;
	}
	#content #training_level_g LI{
	width:22.5%;
	}
	#content #training_level_g LI.level_end,
	#content #training_level LI.level_end{
	width:10%;
	}
	#training_in,
	#training_out,
	#training_group{
a	background-position:0 5px;
	background-size:150px auto;
	-webkit-background-size:150px auto;
	-moz-background-size:150px auto;
	-o-background-size:150px auto;
	-ms-background-size:150px auto;
	}
	#training_in{
	background-position:4% 5%;
	width:96%;
	}
	#training_out{
	background-position:4% 25%;
	}
	#training_group{
	background-position:4% 1%;
	}

	#training_group .extrasmall{
	margin:0 auto;
	}


	#content #training_step01 LI,
	#content #training_step02 LI,
	#content #training_level_g LI.level_end,
	#content #training_level LI.level_end{
/*
	background-size:30px 200px;
	-webkit-background-size:30px 200px;
	-moz-background-size:30px 200px;
	-o-background-size:30px 200px;
	-ms-background-size:30px 200px;
*/
	}
	#content #t_step02 .small{
	top:98%;
	}

	#content #training_level LI SPAN{
	margin:auto;
	width:1.5em;
	display:block;
	}
	#content UL.training A{
	position:relative;
	}
	#content UL.training A::after{
	position:absolute;
	bottom:-0.2em;
	right:-1.3em;
	}


}
@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	#content #ranran03-05{
	margin-top:20px;
	}

	#content #training_step01 LI,
	#content #training_step02 LI{
	padding-right:5%;
	padding-left:10px;
	}
	#training_group{
	background-image:url(../img/training_group_tablet.gif);
	}

}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#content #training_step01 LI,
	#content #training_step02 LI{
	padding:0.5em 5% 0.5em 10px;
	}
	#training_group{
	background-image:url(../img/training_group_sp.gif);
	}
	.rotate{
	display:block;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	}

}


/*------------------------------------------------
  継続教育
  「看護管理研修」～「中途採用看護師サポート研修」
------------------------------------------------*/
/*------ 見出しH4設定 ------*/
H4.training_item{
padding:50px 0 0 0;
color:#000;
background:#FFF;
font-family: "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif;
}
H4.training_item SPAN{
padding:5px 15px;
display:block;
}
H4#management SPAN{
background:#F5B6D2; /* 赤紫50% */
}
H4#special SPAN{
background:#A3CC00;	/* 緑 */
}
H4#stepup SPAN{
background:#D8BFD8;	/* Thistle */
}
H4#leader SPAN{
background:#E3E548; /* Chartreuse Yellow */
}
H4#basic SPAN{
background:#B2CBE4;	/* light blue  */
}
H4#careersupport SPAN{
background:#EF8BB7;	/* 赤紫80% */
}

/*------ 枠設定 ------*/
#content H4+DIV.training_item{
margin-top:0;
padding:10px 20px 40px 20px;
border-style:solid;
border-width:1px;
position:relative;
}
/*------ 隣接時のマージン ------*/
#content DIV.training_item+H4{
margin-top:10px;
}

/*------ 枠・見出しH5 線の色 ------*/
H4#management+DIV H5,
H4#management+DIV{
border-color:#F5B6D2; /* 赤紫50% */
}
H4#special+DIV H5,
H4#special+DIV{
border-color:#A3CC00;	/* 緑 */
}

H4#stepup+DIV H5,
H4#stepup+DIV{
border-color:#D8BFD8;	/* Thistle */
}
H4#leader+DIV H5,
H4#leader+DIV{
border-color:#E3E548; /* Chartreuse Yellow */
}
H4#basic+DIV H5,
H4#basic+DIV{
border-color:#B2CBE4;	/* light blue  */
}
H4#careersupport+DIV H5,
H4#careersupport+DIV{
border-color:#EF8BB7;	/* 赤紫80% */
}


/*------ 見出しH5設定 ------*/
#content DIV.training_item H5{
margin-left:-11px;
padding:10px 6px;
clear:both;
border-style:solid;
border-width:5px;
border-top:none;
border-right:none;
border-bottom:none;
color:#000;
line-height:1.1;
}
.training_item H5 .small{
vertical-align:top;
}

/*------ 継続教育一覧に戻るリンク ------*/
.training_item A.link_small{
position:absolute;
bottom:15px;
left:50%;
transform:translate(-50%,0);
}
@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#content H4.training_item,
	#content DIV.training_item+H4{
	margin-top:20px;
	padding-top:0;
	}
	#content H4+DIV.training_item{
	padding-bottom:10px;
	}

	.training_item A.link_small{
	margin:40px -10px 0 -10px;
	padding-right:0;
	padding-left:0;
	position:static;
	transform:translate(0,0);
	display:block;
	}


}
/*------------------------------------------------
  基礎コース研修
------------------------------------------------*/
#content #basic+UL.item{
margin-top:-10px;
}

/*------------------------------------------------
  学術・研究支援 タブ切り替え仕様
------------------------------------------------*/
.tab_wrap{
width:auto;
}
input[type="radio"]{
display:none;
}

/*------ タブの書式 ------*/
.tab_area{
/* font-size:0; */
text-align:center;
}

.tab_area label{
margin:0 0.1em;
padding:0.5em 2em;
display:inline-block;
color:#CCC;
background:#71686C;
text-align:center;
cursor:pointer;
transition:ease 0.5s ALL;
}
.tab_area label:hover{
background-color:#F199C0;	/* 赤紫70% */
color:#FFF;
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.tab_area label{
	margin:0 0.1em;
	padding:0.75em;
	line-height:1.2;
	}
	.tab_area label .small{
	display:block;
	}

}

/*------ タブの書式（アクティブ時） ------*/
#tab8:checked ~ .tab_area .tab8_label,
#tab7:checked ~ .tab_area .tab7_label,
#tab6:checked ~ .tab_area .tab6_label,
#tab5:checked ~ .tab_area .tab5_label,
#tab4:checked ~ .tab_area .tab4_label,
#tab3:checked ~ .tab_area .tab3_label,
#tab2:checked ~ .tab_area .tab2_label,
#tab1:checked ~ .tab_area .tab1_label{
background:#EB6EA5;	/* 赤紫 */
color:#FFF;
}

#tab8:checked ~ .panel_area #panel8,
#tab7:checked ~ .panel_area #panel7,
#tab6:checked ~ .panel_area #panel6,
#tab5:checked ~ .panel_area #panel5,
#tab4:checked ~ .panel_area #panel4,
#tab3:checked ~ .panel_area #panel3,
#tab2:checked ~ .panel_area #panel2,
#tab1:checked ~ .panel_area #panel1{
display:block;
}


/*------ 表示コンテンツ ------*/
.panel_area H4{
margin-top:-0.9em !important;
padding-top:2.0em !important;
border-top:1px solid #EF8BB7;	/* 赤紫80% */
}
.tab_panel{
display:none;
}