/*----------------------------------------------------------------------------------*/
/*                                                                                  */
/*  SECURITY OFFICER SOGO STYLE                                                     */
/*                                                                                  */
/*----------------------------------------------------------------------------------*/

/* ================================================================================ */
/*  1.INDEX                                                                         */  
/* ================================================================================ */

.officer--catch{
	height:45px;
	background-image:url(/security_officer_sogo/img/catch_security_officer_sogo.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin-top:20px;
	}

.officer--card{
	width:630px;
	margin:0 auto;
	}

.officer--card li{
	float:left;
	width:300px;
	text-align:center;
	}

.officer--card li:first-child{
	margin-right:30px;
	}

@media screen and (max-width: 640px) {
		.officer--catch{
			height:auto;
			position:static;
			background:none;
			font-size:1.8rem;
			font-weight:bold;
			margin-bottom:20px;
			border-bottom:dotted 1px #000;
			padding:15px 0;	
			color:#485baf;
			}
	
		.officer--card{
			width:100%;
			}
	
		.officer--card li{
			width:100%;
			}
	
		.officer--card li:first-child{
			margin-right:0;
			margin-bottom:30px;
			}
}

.officerMagazine{
	margin-top: 70px;
}

.officerMagazine-new a{
	font-size:1.6rem;
	/*color: #333;*/
	text-decoration: none;
}

.officerMagazine-new__ico{
	font-size: 1.4rem;
	color: #fff;
	background-color: #1a5cbe;
	text-decoration: none;
	margin-right: 8px;
	padding-left: 8px;
	padding-right: 8px;
	position: relative;
	top: -2px;
}

.officerMagazine-new__heading{
	text-decoration: underline;
}

.officerMagazine-bk{	
	margin-top: 30px;
}

.officerMagazine-bk__heading{
	border-top: solid 1px #d9dce0;
	margin-bottom: 25px;	
	position: relative;
}	

.officerMagazine-bk__heading span{
	display: block;
	font-size: 1.2rem;	
	background-color: #fff;
	padding-right: 10px;
	position: absolute;
	top: -10px;
	left: 0;
}

.officerMagazine-bk li{
	margin-top: 8px;
}





/* ================================================================================ */
/*  2.KOSHIN TETSUDUKI                                                              */  
/* ================================================================================ */

.img--koshin--henko{
	margin-left:15px;
	}

@media screen and (max-width: 640px) {
	.img--koshin--henko{
		margin-left:0;
		}
}


/* ================================================================================ */
/*  3.SOGO BOHAN SETSUBISHI SHIKEN                                                  */  
/* ================================================================================ */

.area--shiken{
	border-top:solid 5px #454da3;
	padding-top:30px;
	}

.mgShiken{
	margin-bottom:130px;
	}

@media screen and (max-width: 640px) {
	
	/* sogo shikaku ***************************************************************/
	
	.tbl--sogoshikaku--sp tr:first-child {
		display:none;
		}	
	
	.tbl--sogoshikaku--sp th:nth-child(1)::before,
	.tbl--sogoshikaku--sp td:nth-child(2)::before,
	.tbl--sogoshikaku--sp td:nth-child(3)::before{
		display:block;		
		width:40%;
		float:left;
		text-align:left;
		font-weight:bold;
		color:#fff;
	}
	
	.tbl--sogoshikaku--sp th:nth-child(1)::before{content:"荳€谺｡隧ｦ鬨薙�蛹ｺ蛻�";}
	.tbl--sogoshikaku--sp td:nth-child(2)::before{content:"荳€谺｡隧ｦ鬨灘女鬨楢ｳ��ｼ";}
	.tbl--sogoshikaku--sp td:nth-child(3)::before{content:"莠梧ｬ｡隧ｦ鬨灘女鬨楢ｳ��ｼ";}
	
	.tbl--sogoshikaku--sp th:nth-child(1),
	.tbl--sogoshikaku--sp td:nth-child(2),
	.tbl--sogoshikaku--sp td:nth-child(3){
		background-image:url(../../security_officer_sogo/img/sp/bg_thema.gif);
		background-repeat:repeat-y;
		background-size:40%;
	}
	
	.tbl--sogoshikaku--sp th::after , .tbl--sogoshikaku--sp td::after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}
	
	.tbl--sogoshikaku--sp td span{
		display:block;
		float:right;
		width:60%;
		}
	
	
	/* sogo yoko *******************************************************************/
	
	.tbl--sp--sogoyoko th:nth-child(1){
		background-color:#3f4d5a;
		color:#fff;
	}
	
	.tbl--sp--sogoyoko td.sp--yoko--td{
		background-color:#edeef2;
	}
	
	
	/* sogo kamoku *****************************************************************/
	
	.tbl--kamoku--sp tr:first-child {
		display:none;
		}	
	
	.tbl--kamoku--sp th:nth-child(1)::before,
	.tbl--kamoku--sp td:nth-child(2)::before,
	.tbl--kamoku--sp td:nth-child(3)::before,
	.tbl--kamoku--sp td:nth-child(4)::before,
	.tbl--kamoku--sp td:nth-child(5)::before{
		display:block;		
		width:30%;
		float:left;
		text-align:left;
		font-weight:bold;
		color:#fff;
	}
	
	.tbl--kamoku--sp th:nth-child(1)::before{content:"蛹ｺ蛻�";}
	.tbl--kamoku--sp td:nth-child(2)::before{content:"遘醍岼";}
	.tbl--kamoku--sp td:nth-child(3)::before{content:"蜃ｺ鬘梧焚";}
	.tbl--kamoku--sp td:nth-child(4)::before{content:"轤ｹ謨ｰ";}
	.tbl--kamoku--sp td:nth-child(5)::before{content:"譎る俣";}
	
	.tbl--kamoku--sp th:nth-child(1),
	.tbl--kamoku--sp td:nth-child(2),
	.tbl--kamoku--sp td:nth-child(3),
	.tbl--kamoku--sp td:nth-child(4),
	.tbl--kamoku--sp td:nth-child(5){
		background-image:url(../../security_officer_sogo/img/sp/bg_thema.gif);
		background-repeat:repeat-y;
		background-size: 30%;
		text-align:left;
	}
	
	.tbl--kamoku--sp th::after , .tbl--kamoku--sp td::after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}

	
	.tbl--kamoku--sp th div.tbl--sp--kamoku--div,
	.tbl--kamoku--sp td div.tbl--sp--kamoku--div{
		display:block;
		float:right;
		width:70%;
		}
	
}


@media screen and (max-width: 640px) {
	.flow--sogo--shiken , .flow--sogo--shiken2{
		height:0;			
		background-repeat:no-repeat;
		background-size: contain;
		}
	
	.flow--sogo--shiken{
		padding-top:116%;	
		background-image:url(/security_officer_sogo/img/sp/flow_shiken_a.gif);
		}
	
	.flow--sogo--shiken2{
		padding-top:140%;	
		background-image:url(/security_officer_sogo/img/sp/flow_shiken_b.gif);
		}
	
	.flow--sogo--shiken img , .flow--sogo--shiken2 img{
		display:none;
		}
}






@media screen and (max-width: 768px) {
    .test--howto--movie {
         position: relative;
         padding-bottom: 56.25%; /*繧｢繧ｹ繝壹け繝域ｯ� 16:9縺ｮ蝣ｴ蜷医�邵ｦ蟷�*/
         height: 0;
         overflow: hidden;
         border-left: none;
         border-right: none;
         border-top: none;
    }
    
    .test--howto--movie iframe {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
    }
}




/* ================================================================================ */
/*  4.SEMINOR                                                                       */  
/* ================================================================================ */

@media screen and (max-width: 640px) {
	.tbl--hurikomi--sp th{
		width:30%;
	}
	
	/* seminor tbl ****************************************************************/
	.tbl--seminor--sp tr:first-child {
		display:none;
		}	
	
	.tbl--seminor--sp td:nth-child(2)::before,
	.tbl--seminor--sp td:nth-child(3)::before,
	.tbl--seminor--sp td:nth-child(4)::before{
		display:block;		
		width:30%;
		float:left;
		text-align:left;
		font-weight:bold;
		color:#fff;
	}
	
	.tbl--seminor--sp td:nth-child(2)::before{content:"髢句ぎ譌･";}
	.tbl--seminor--sp td:nth-child(3)::before{content:"蜍滄寔莠ｺ蜩｡";}
	.tbl--seminor--sp td:nth-child(4)::before{content:"蜍滄寔譛滄俣";}
	
	
	.tbl--seminor--sp td:nth-child(2),
	.tbl--seminor--sp td:nth-child(3),
	.tbl--seminor--sp td:nth-child(4){
		background-image:url(../../security_officer_sogo/img/sp/bg_thema.gif);
		background-repeat:repeat-y;
		background-size:30%;
	}
	
	.tbl--seminor--sp td::after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}
	
	.tbl--seminor--sp td span{
		display:block;
		float:right;
		width:70%;
		}
	
	
	
	/* thema tbl ****************************************************************/
	
	.tbl--thema--sp tr:first-child {
		display:none;
		}
	
	.tbl--thema--sp td:nth-child(1)::before,
	.tbl--thema--sp td:nth-child(2)::before,
	.tbl--thema--sp td:nth-child(3)::before,
	.tbl--thema--sp td:nth-child(4)::before{
		display:block;		
		width:30%;
		float:left;
		text-align:left;
		font-weight:bold;
		color:#fff;
	}
	
	.tbl--thema--sp td:nth-child(1)::before{content:"繝��繝�";}
	.tbl--thema--sp td:nth-child(2)::before{content:"蜀�ｮｹ";}
	.tbl--thema--sp td:nth-child(3)::before{content:"譎る俣";}
	.tbl--thema--sp td:nth-child(4)::before{content:"謨呎攝";}
	
	.tbl--thema--sp td{
		background-image:url(../../security_officer_sogo/img/sp/bg_thema.gif);
		background-repeat:repeat-y;
		background-size:30%;}
	
	.tbl--thema--sp td::after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}
	
	.tbl--thema--sp td:nth-child(1){
		background-color:#fdffe4;
		}
	
	.tbl--thema--sp td span{
		display:block;
		float:right;
		width:70%;
		}
	
	/* kyozai tbl ****************************************************************/

	.tbl--kyozai--sp tr:first-child,	
	.tbl--kyozai--sp td:nth-child(3){
		display:none;
		}
	
}


/* ================================================================================ */
/*  5.SHINSEI                                                                       */  
/* ================================================================================ */

.send--kyokai{
	font-size:1.1rem;
	margin-left:20px;
	}


/* ================================================================================ */
/*  6.SKILLUPSEMINAR                                                                       */  
/* ================================================================================ */
.skillup__DateCatch{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background-image: url(../../common/img/bg_04.gif);
	padding: 12px 0px;
	margin-bottom: 15px;
}

.skillup__DateTbl{
	border-top:solid 1px #d2d5da;
	border-right:solid 1px #d2d5da;
	margin-bottom: 40px;
}

.skillup__DateTbl th, .skillup__DateTbl td{
	border-left: solid 1px #d2d5da;
	border-bottom: solid 1px #d2d5da;
	padding: 10px 15px;
}

.skillup__moshikomiKigen{
	display: flex;
}

@media screen and (max-width: 640px) {	
	.skillup__DateTbl th, .skillup__DateTbl td{
		display: block;
	}
	
	.skillup__DateTbl th{
		text-align: left;
		border-bottom: none;
		padding-bottom: 0;
	}	
	
	.skillup__moshikomiKigen{
		display: block;
	}
}




/* ================================================================================ */
/*  9.CLEAR                                                                         */  
/* ================================================================================ */

.officer--card::after , .bunpu--list::after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}


/* ================================================================================ */
/*  10.IMG                                                                          */  
/* ================================================================================ */

.officer--catch{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}

@media screen and (max-width: 640px) {
	.officer--catch{
		text-indent:inherit;
		white-space:normal;
		overflow:visible;
	}
}