/*=======================================================
SP SET
=======================================================*/
@media screen and (max-width:768px){
/* common set */
	.box_set{
		width:95%;
		margin:30px auto;
	}
/* header set */
	header{
		background:url(../img/head_back.png) no-repeat;
		background-size:cover;
	}
	
	header .head_box{
		width:95%;
		margin:0 auto 0 auto;
		padding:50px 0;
	}
	
	header .sub_te{
		display:block;
		font-size:18px;
		text-align:center;
		font-weight:bold;
		color:#fff;
		text-shadow:#041577 1px 0px,  #041577 -1px 0px,
		    #041577 0px -1px, #041577 0px 1px,
		    #041577 1px 1px , #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px;
		-ms-text-shadow:#041577 1px 0px,  #041577 -1px 0px,
		    #041577 0px -1px, #041577 0px 1px,
		    #041577 1px 1px , #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px;
		-webkit-text-shadow:#041577 1px 0px,  #041577 -1px 0px,
		    #041577 0px -1px, #041577 0px 1px,
		    #041577 1px 1px , #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px;
	}
	
	header h1{
		font-size:32px;
		text-align:center;
		color:#fff;
		letter-spacing:4px;
		text-shadow:#041577 1px 0px,  #041577 -1px 0px,
		    #041577 0px -1px, #041577 0px 1px,
		    #041577 1px 1px , #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px;
		-ms-text-shadow:#041577 1px 0px,  #041577 -1px 0px,
		    #041577 0px -1px, #041577 0px 1px,
		    #041577 1px 1px , #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px;
		-webkit-text-shadow:#041577 1px 0px,  #041577 -1px 0px,
		    #041577 0px -1px, #041577 0px 1px,
		    #041577 1px 1px , #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px;
	}
	
	header .sub_tj{
		display:block;
		font-size:20px;
		text-align:center;
		font-weight:bold;
		color:#fff;
		text-shadow:#041577 1px 0px,  #041577 -1px 0px,
		    #041577 0px -1px, #041577 0px 1px,
		    #041577 1px 1px , #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px;
		-ms-text-shadow:#041577 1px 0px,  #041577 -1px 0px,
		    #041577 0px -1px, #041577 0px 1px,
		    #041577 1px 1px , #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px;
		-webkit-text-shadow:#041577 1px 0px,  #041577 -1px 0px,
		    #041577 0px -1px, #041577 0px 1px,
		    #041577 1px 1px , #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px,
		    #041577 1px 1px,  #041577 -1px 1px,
		    #041577 1px -1px, #041577 -1px -1px;
	}
/* contents set */
	.contents{
		padding:20px 0;
	}
	
	.contents h2{
		font-size:22px;
		text-align:center;
		margin-bottom:30px;
		letter-spacing:3px;
		position:relative;
	}
	
	.contents .industry p{
		font-size:16px;
		line-height:160%;
		letter-spacing:2px;
		width:90%;
		margin:0 auto 30px auto;
	}
	
	.contents .industry .glap span{
		display:block;
	}
	
	.contents .industry .glap img{
		display:block;
		width:100%;
		margin:0 auto 15px auto;
	}
	
	.contents .industry .glap .g_t{
		font-size:16px;
		text-align:center;
		margin-bottom:5px;
	}
	
	.contents .industry .glap .age{
		width:100%;
		text-align:center;
	}
	
	.contents .industry .glap .gender{
		width:100%;
		text-align:center;
	}
	
	.contents .industry .glap .siryou{
		text-align:center;
		font-size:14px;
	}
	
	.contents .occupation .ocu_box{
		width:100%;
		margin:0 0 20px 0;
		border:1px solid #9e9d9d;
		border-radius:6px;
		-ms-border-radius:6px;
		-webkit-border-radius:6px;
	}
	
	.contents .occupation .ocu_box img{
		display:block;
		width:100%;
		margin-bottom:10px;
		border-radius:6px 6px 0 0;
		-ms-border-radius:6px 6px 0 0;
		-webkit-border-radius:6px 6px 0 0;
	}
	
	.contents .occupation .ocu_box h3{
		font-size:20px;
		letter-spacing:4px;
		margin:0 0 10px 10px;
	}
	
	.contents .occupation .ocu_box h3 span{
		padding-left:20px;
		font-size:12px;
	}
	
	.contents .occupation .ocu_box p{
		width:95%;
		margin:0 auto 15px auto;
	}
	
	.contents .jobs h2 span{
		display:block;
		width:80px;
		font-size:10px;
		color:#fff;
		background:#dd0505;
		padding:3px 5px;
		transform:rotate(-45deg);
		position:absolute;
		left:0;
		top:0;
	}
	
	.contents .jobs ul{
		margin-bottom:40px;
	}
	
	.contents .jobs ul li{
		list-style:none;
		margin-bottom:15px;
		width:100%;
		border:1px solid #9e9d9d;
		border-radius:6px;
		-ms-border-radius:6px;
		-webkit-border-radius:6px;
	}
	
	.contents .jobs ul li a{
		text-align:center;
	}
	
	.contents .jobs ul li img{
		width:100%;
		border-radius:6px 6px 0 0;
		-ms-border-radius:6px 6px 0 0;
		-webkit-border-radius:6px 6px 0 0;

	}
	
	.contents .jobs ul li p{
		font-size:16px;
		padding:5px;
		margin:0 auto;
	}
	
	.contents .jobs .bt_bpro{
		display:block;
		width:90%;
		margin:0 auto;
		background:#e00213;
		font-size:16px;
		color:#fff;
		text-align:center;
		text-decoration:none;
		padding:20px;
		border-radius:6px;
		-ms-border-radius:6px;
		-webkit-border-radius:6px;
		box-shadow:3px 3px 3px rgb(77,0,0,0.7);
	}
	
	.contents .jobs .bt_bpro:hover{opacity:0.6;}
	
	.contents .jobs .bt_bpro span{
		display:block;
		font-size:14px;
		text-align:center;
	}
	
	footer{
		background:#040a2b;
		text-align:center;
		font-size:12px;
		color:#fff;
		padding:20px 0;
	}
}