@charset "utf-8";
/* CSS Document */


.career-table{
	border-collapse:collapse;
	background-color:#FFF;
	width:100%;
}
.career-table td{
	border-collapse:collapse;
	border-bottom:#CCC solid 1px;
	padding:10px;
	font-size:14px;
	line-height:25px;
}


.tab{
	overflow:hidden;
}

.tab .tab-in{
	background:#ccc; 
	padding:5px 40px; 
	float:left; 
	margin-right:1px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:20px;
	line-height:30px;
	height:50px;
	color:#FFF;
	text-align:center;
	display:block;
	text-decoration:none;
	cursor:pointer;
}

.tab .tab-in:hover{
	opacity:0.9;
}



.tab .tab-in.select{
}

.content .content-in{
	padding:0px;
}
	
.hide{
	display:none;
}



.content-title{
	text-align:left;
	font-size:20px;
	line-height:30px;
	padding-left:10px;
}
.orange-1 .content-title{
	border-left:#F90 solid 5px;
	color:#F90;
}

.blue-2 .content-title{
	border-left:#5dcdde solid 5px; 
	color:#5dcdde;
}

.green-3 .content-title{
	border-left:#b3d465 solid 5px; 
	color:#b3d465;
}

.pink-4 .content-title{
	border-left:#f19ec2 solid 5px; 
	color:#f19ec2;
}

.content-setsumei{
	color:#000;
	font-size:16px;
	margin:10px 0 30px 30px;
}

.table-out{
	box-sizing:border-box;
	width:100%;
}

#career .bold{
	font-weight:bold;
	white-space: nowrap;
}

p.normal{
}

p.main{
	
}

p.sub{
	
}


.chuuto-kind{
	background-color:#FFA4D1; color:#fff; font-weight:bold; padding:10px 20px;
}

.chuuto-detail{
	background:#FFF; padding:0 20px 20px 20px;
	margin:10px 0 30px 0;
}

.year{
	display:block;
	font-size:15px;
	line-height:20px;
}

.for-sptub{
	display:none;
}

.chuuto-link{
	color:#FF8CC6;
	line-height:30px;
	display:inline-block;	
}

.chuuto-link i{
	color:#999;
	display:inline-block;
	padding-left:5px;
	font-size:15px;
}

.chuuto-link:hover{
	color:#ccc;
}

#call{
	width:47%;
	margin-right:6%;
	float:left;
	font-family:"Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#mail{
	width:47%;
	float:left;
	font-family:"Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



#call .call{
	background-color:#5dcdde;
	line-height:40px;
	font-size:18px;
	color:#FFF;
	padding:0 20px;
}

#mail .mail{
	background-color:#b3d465;
	line-height:40px;
	font-size:18px;
	color:#FFF;
	padding:0 20px;
}


#call i,#mail i{
	font-size:40px;
	display:inline-block;
	float:left;
	margin-right:20px;
}

.no{
	font-size:50px;
	line-height:80px;
	float:left;
	color:#2b2b2b;
}
.no2{
	font-size:27px;
	line-height:80px;
	float:left;
	color:#2b2b2b;
}

@media screen and (min-width:0px) and ( max-width:959px) {

.tab .tab-in{
	background:#ccc; 
	padding:5px 10px; 
	float:left; 
	margin-right:1px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:18px;
	line-height:30px;
	height:50px;
	color:#FFF;
	text-align:center;
	display:block;
	text-decoration:none;
	cursor:pointer;
	max-width:25%;
}



.table-out{
	box-sizing:border-box;
	width:100%;
	padding:20px;
	border-radius:10px;
}

.content .content-in{
	padding:0px;
}


#call{
	width:100%;
	margin-right:0;
	float:none;
	font-family:"Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:30px;
}

#mail{
	width:100%;
	float:none;
	font-family:"Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:30px;
}



#call .call{
	background-color:#5dcdde;
	line-height:40px;
	font-size:16px;
	color:#FFF;
	padding:0 20px;
}

#mail .mail{
	background-color:#b3d465;
	line-height:40px;
	font-size:14px;
	color:#FFF;
	padding:0 20px;
}


#call i,#mail i{
	font-size:30px;
	display:inline-block;
	float:left;
	margin-right:10px;
}

.no{
	font-size:30px;
	line-height:80px;
	float:left;
	color:#2b2b2b;
}
.no2{
	font-size:16px;
	line-height:80px;
	float:left;
	color:#2b2b2b;
}


}



@media screen and (min-width:0px) and ( max-width:599px) {

.tab .tab-in{
	background:#ccc; 
	padding:5px; 
	float:left; 
	margin-right:1px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:12px;
	line-height:15px;
	height:40px;
	color:#FFF;
	text-align:center;
	display:block;
	text-decoration:none;
	cursor:pointer;
	max-width:25%;
	box-sizing:border-box;
}

.none-for-s{
	display:none;
}

.year{
	display:block;
	font-size:12px;
	line-height:15px;
}

.content-title{
	text-align:left;
	font-size:18px;
	line-height:25px;
	padding-left:10px;
}

.content-setsumei{
	color:#000;
	font-size:14px;
	margin:10px 0 20px 30px;
}


.career-table{
	border-collapse:collapse;
	background-color:#FFF;
	width:100%;
}
.career-table td{
	border-collapse:collapse;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	padding:5px;
	font-size:12px;
	line-height:20px;
}

.bold{
	font-weight:bold;
	width:25%;
}

.for-sptub{
	display:inline;
}

.chuuto-detail{
	background:#FFF; padding:0 0px 20px 0px;
	margin:10px 0 30px 0;
}


}