/*===============================================
●画面の横幅が768px以上
===============================================*/
@media print, screen and (min-width: 768px){

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

/*  新人対象の説明　*/
/*--------------------------------------------------------*/

.newBox{
	margin-top:40px;
	margin-bottom:40px;
	width:680px;
	margin-left:auto;
	margin-right:auto;
	border-top:1px dashed #CCC;
	border-bottom:1px dashed #CCC;
	padding:10px 0;
	font-size:13px;
	color:#444;
}

/*  新人対象の★マーク　*/
/*--------------------------------------------------------*/

span.star_midashi{
	color:#F6AB00;
}

span.star{
	font-size:20px;
	color:#F6AB00;
	margin-left:6px;
}

/*  研修の説明　*/
/*--------------------------------------------------------*/

.infoBox{
	width:680px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:70px;
}

/*  見出し　*/
/*--------------------------------------------------------*/

.infoBox .titleBox{
	overflow:hidden;
}

.infoBox .titleBox .num{
	float:left;
	width:74px;
	font-size:62px;
	font-family: 'Roboto Condensed',sans-serif;
	line-height:58px;
	color:#F6AB00;
}

.infoBox .titleBox .progtitle{
	float:left;
	width:606px;
	padding-top:3px;
}

.infoBox .titleBox .progtitle .kenshu_engtit{
	font-size:13px;
	font-weight:bold;
	line-height:1.5em;
	color:#F6AB00;
	margin-bottom:0px;
}

.infoBox .titleBox .progtitle h2.kenshu_tit{
	font-size:24px;
	font-weight:bold;
	line-height:1.5em;
	color:#333;
}

/*  メッセージ　*/
/*--------------------------------------------------------*/

.infoBox h3.kenshu_message{
	margin-top:25px;
	font-size:15px;
	font-weight:normal;
	line-height:1.7em;
	color:#444;
}

/*  研修の名称と説明　*/
/*--------------------------------------------------------*/

.infoBox h4.kenshu_name{
	margin-top:25px;
	font-size:16px;
	font-weight:bold;
	line-height:1.7em;
	color:#444;
}

.infoBox p.kenshu_txt{
	margin-top:5px;
	font-size:14px;
	font-weight:normal;
	line-height:1.8em;
	color:#777;
}

/*  最後のマージン　*/
/*--------------------------------------------------------*/

#sakiyomi{
	margin-bottom:80px;
}

/*  研修プログラム　*/
/*--------------------------------------------------------*/

#programBox{
	margin-top:40px;
}

#programBox p.program_year{
	margin-top:15px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#444;
	line-height:1.8em;
}

#programBox table.tbl_program{
	margin-top:25px;
	width:100%;
	border-collapse: collapse;
}

#programBox table.tbl_program tr td{
 	border-width: 1px 1px; /* 上下左右に線を引く */
	border-color: #F6AB00; /* 線色 */
	border-style: solid; /* 線種：実線 */
	text-align:center;
	vertical-align:middle;
	padding:15px;
}

#programBox table.tbl_program tr td.td01{
	background-color:#FFF;
	width:8%;
}
#programBox table.tbl_program tr td.td02{
	background-color:#FFF8C3;
	width:23%;
}
#programBox table.tbl_program tr td.td03{
	background-color:#FCEF8A;
	width:23%;
}
#programBox table.tbl_program tr td.td04{
	background-color:#FFEA47;
	width:23%;
}
#programBox table.tbl_program tr td.td05{
	background-color:#F6DB02;
	width:23%;
}

#programBox table.tbl_program tr td.koumoku{
	color:#444;
	font-size:18px;
	font-weight:normal;
	letter-spacing:1.5px;
}

#programBox table.tbl_program tr td.koumoku br{
	display:none;
}

#programBox table.tbl_program tr td.month{
	color:#444;
	font-size:15px;
	font-weight:bold;
	letter-spacing:0px;
}

#programBox table.tbl_program tr td ul.prog_list li{
	font-size:14px;
	color:#444;
	font-weight:normal;
	line-height:1.6em;
	margin-bottom:6px;
}

#programBox table.tbl_program tr td ul.prog_list li:last-child{
	margin-bottom:0px;
}

#programBox table.tbl_program02{
	margin-top:15px;
	margin-bottom:80px;
	width:100%;
	border-collapse: collapse;
}

#programBox table.tbl_program02 tr td{
 	border-width: 1px; /* 上下左右に線を引く */
	border-color: #F6AB00; /* 線色 */
	border-style: solid; /* 線種：実線 */
	vertical-align:middle;
	padding:15px;
}

#programBox table.tbl_program02 tr td.koumoku{
	width:50%;
	background:#FFF;
	font-size:15px;
	color:#444;
	font-weight:bold;
	line-height:1.7em;
	text-align:center;
}

#programBox table.tbl_program02 tr td.other{
	width:50%;
	background:#FFF;
	text-align:left;
}

#programBox table.tbl_program02 tr td ul.other_list li{
	font-size:14px;
	color:#444;
	font-weight:normal;
	line-height:1.6em;
	margin-bottom:4px;
}

#programBox table.tbl_program02 tr td ul.other_list li:last-child{
	margin-bottom:0px;
}

}









/*===============================================
●画面の横幅が768px以下
===============================================*/
@media screen and (max-width:768px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}



/*  ※研修のページのメイン画像だけ縦幅の比率を変更　*/
/*--------------------------------------------------------*/

.mainBox{
	width:100%;
	height:120px;
}



/*  新人対象の説明　*/
/*--------------------------------------------------------*/

.newBox{
	padding:20px 15px 0;
	font-size:11px;
	line-height:1.7em;
	color:#444;
}

/*  新人対象の★マーク　*/
/*--------------------------------------------------------*/

span.star_midashi{
	color:#F6AB00;
}

span.star{
	font-size:20px;
	color:#F6AB00;
	margin-left:6px;
}

/*  研修の説明　*/
/*--------------------------------------------------------*/

.infoBox{
	border-top:1px dashed #CCC;
	padding-top:20px;
	margin-top:20px;
}

/*  見出し　*/
/*--------------------------------------------------------*/

.infoBox .titleBox{
	overflow:hidden;
	padding:0 15px;
}

.infoBox .titleBox .num{
	text-align:center;
	font-size:40px;
	font-family: 'Roboto Condensed',sans-serif;
	font-weight:bold;
	line-height:40px;
	color:#F6AB00;
}

.infoBox .titleBox .progtitle{
}

.infoBox .titleBox .progtitle .kenshu_engtit{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	line-height:1.5em;
	color:#F6AB00;
	margin-bottom:0px;
}

.infoBox .titleBox .progtitle h2.kenshu_tit{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:1.5em;
	color:#333;
}

/*  メッセージ　*/
/*--------------------------------------------------------*/

.infoBox h3.kenshu_message{
	padding:0 15px;
	margin-top:20px;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	line-height:1.7em;
	color:#444;
}

/*  研修の名称と説明　*/
/*--------------------------------------------------------*/

.infoBox h4.kenshu_name{
	margin-top:20px;
	font-size:15px;
	font-weight:bold;
	line-height:1.6em;
	color:#444;
	padding:0 15px;
}

.infoBox p.kenshu_txt{
	margin-top:4px;
	font-size:12px;
	font-weight:normal;
	line-height:1.8em;
	color:#777;
	padding:0 15px;
}

.infoBox p.kenshu_txt br{
	display:none;
}

/*  最後のマージン　*/
/*--------------------------------------------------------*/

#sakiyomi{
	margin-bottom:60px;
}

/*  研修プログラム　*/
/*--------------------------------------------------------*/

#programBox{
	margin:30px 0 80px;
}

#programBox p.program_message br{
	display:none;
}

#programBox p.program_year{
	margin-top:20px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#444;
	line-height:1.7em;
	padding:0 15px;
}

#programBox table.tbl_program{
	margin-top:25px;
	width:100%;
	border-collapse: collapse;
}

#programBox table.tbl_program tr td{
 	border-width: 1px 1px; /* 上下左右に線を引く */
	border-color: #F6AB00; /* 線色 */
	border-style: solid; /* 線種：実線 */
	text-align:center;
	vertical-align:middle;
}

#programBox table.tbl_program tr td.td01{
	background-color:#FFF;
	padding:10px 3px;
	width:6%;
}
#programBox table.tbl_program tr td.td02{
	background-color:#FFF8C3;
	width:23%;
	padding:10px;
}
#programBox table.tbl_program tr td.td03{
	background-color:#FCEF8A;
	width:23%;
	padding:10px;
}
#programBox table.tbl_program tr td.td04{
	background-color:#FFEA47;
	width:23%;
	padding:10px;
}
#programBox table.tbl_program tr td.td05{
	background-color:#F6DB02;
	width:25%;
	padding:10px;
}

#programBox table.tbl_program tr td.koumoku{
	color:#444;
	font-size:14px;
	font-weight:normal;
	letter-spacing:1.0px;
	line-height:1.5em;
}

#programBox table.tbl_program tr td.month{
	background:#FFF;
	color:#444;
	font-size:14px;
	font-weight:bold;
	line-height:1.2em;
	letter-spacing:0px;
}

#programBox table.tbl_program tr td ul.prog_list li{
	font-size:11px;
	color:#444;
	font-weight:normal;
	line-height:1.6em;
	margin-bottom:6px;
}

#programBox table.tbl_program tr td ul.prog_list li:last-child{
	margin-bottom:0px;
}

#programBox table.tbl_program02{
	margin-top:15px;
	width:100%;
	border-collapse: collapse;
}

#programBox table.tbl_program02 tr td{
 	border-width: 1px; /* 上下左右に線を引く */
	border-color: #F6AB00; /* 線色 */
	border-style: solid; /* 線種：実線 */
	vertical-align:middle;
	padding:10px;
}

#programBox table.tbl_program02 tr td.koumoku{
	width:50%;
	background:#FFF;
	font-size:12px;
	color:#444;
	font-weight:bold;
	line-height:1.7em;
	text-align:center;
}

#programBox table.tbl_program02 tr td.other{
	width:50%;
	background:#FFF;
	text-align:left;
}

#programBox table.tbl_program02 tr td ul.other_list li{
	font-size:11px;
	color:#444;
	font-weight:normal;
	line-height:1.6em;
	margin-bottom:4px;
}

#programBox table.tbl_program02 tr td ul.other_list li:last-child{
	margin-bottom:0px;
}


}