@charset "Shift_JIS";


h1{
	width:100%;
	height:53px;
	background:url(../images/title.gif) no-repeat top left ;
	margin-bottom:10px;
	border-right:1px #d8d9d7 solid;
	box-sizing:border-box;
	padding:10px 0 0 20px;
}

h2{
	margin-bottom:20px;
}

.requirementsSection{
	margin:0 auto 60px;
}

/*
ul#tabindex {
	width: 900px;
	height:39px;
	margin-right: -10px;
}

ul#tabindex li{
	float:left;
	height:39px;
	cursor:pointer;
}

li#tab1{
	background:url(../images/tab1_on.gif) no-repeat top left ;
	margin-right:11px;
}

li#tab2{
	background:url(../images/tab3_on.gif) no-repeat top left ;
}
*/
li.active img,
li:hover img{
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
	-khtml-opacity: 0;
	zoom:1;
}
ul#tabindex li.active{
	cursor:default;
}

.section{
	padding:30px 20px;
	background:#eee;
}

.table1{
	width:800px;
	margin:auto;
	background:#fff;
}
.table1 th,.table1 td{
	padding:10px;
	line-height:140%;
	border:1px #ccc solid;
}
.table1 th{
	white-space:nowrap;
	font-weight:normal;
}
.table1 td p{
	margin:5px 0 0 0;
}
ul.ultype1{}
ul.ultype1 li{
	margin:5px 0;
}

dl.dltype1{}
dl.dltype1 dt{
	margin:5px 0 5px 0;
	font-weight:bold;
}

dl.dltype1 dd{
	margin:0 0 20px;
}

dl.dltype1 dd.last{
	margin:0 0 10px;
}

dl.dltype1 dd p{
	margin:10px 0 0 0;
}
	
	

table.tab_info1{
	border-top:1px #ccc solid;
	margin:auto;
	line-height:160%;
	max-width:780px;
	background:#fff;
}


table.tab_info1 th,
table.tab_info1 td{
	padding:10px 13px;
	border:1px #ccc solid;
}

table.tab_info1 th{
	font-weight:noraml;
	white-space:nowrap;
	color:#FFF;
	font-size:118%;
	background:#330066;background:#666;
}
table.tab_info1 td p{
	margin-bottom:5px;
}
table.tab_info1 td p.note{
	margin-bottom:0px;
}

table.tab_info2{
	width:100%;
	border:1px #ccc solid;
}

table.tab_info2 th,
table.tab_info2 td{
	border:1px #ccc solid;
	padding:10px 10px;
	border-width:1px 0 1px 0px;
	font-size:100%;
}

table.tab_info2 th{
	width:11em;
	text-align:left;
	background:#eee;
	color:#000;
}

table.tab_info2 th.type,
table.tab_info2 td.type{
	text-align:center;
	width:auto;
}

table.tab_info2 th.w100{
	width:auto;
}

table.tab_info2 td.excell{
	background:#EEE;
}

table.tab_info1 ul.list_note{
	margin:5px 0 -3px 0;
	font-size:93%;
}

table.tab_info1 ul.list_note li{
	margin:3px 0;
}

table.data01,table.data01sub01{
	border:1px #ddd solid;
	line-height:140%;
	margin:10px auto;
	border-collapse: collapse;
}

table.data01sub01{margin:0 0 0px 0;}
.data01 th{
	color:#FFF;
	padding:10px;
	background-color:#666;
	border-bottom:1px #ddd solid;
}

.data01 td,.data01sub01 td{
	padding:10px;
	border-bottom:1px #ddd solid;
}

.data01sub01 th{
	color:#000;
	padding:10px;
	background-color:#EEE;
	border-bottom:1px #ddd solid;
	
	width:11em;
}
.data01sub01 td{
}


table.data01 td,table.data01 th,
table.data01sub01 td,table.data01sub01 th{
	border-width:1px 0 1px 0px;
}


/*****ƒtƒbƒ^*****/
.pagetopanc{
	clear:both;
	width:100%;
	margin:0 0 10px 0;
	text-align:right;
	color:#81c449;
	
	font-size:93%;
}

#footer{
	clear:both;
	padding-top:20px;
	text-align:center;
	color:#004599;
}

#footer .pagetopanc{
	margin:10px 0;
	padding-bottom:10px;
	border-bottom:#aaa 1px solid;
}

#footer #fnav {
	float: left; display: inline;
	background: url(../images/ft_dotline_v.gif) no-repeat left center;
	margin:0 0 25px 0;
}
#footer #fnav li {
	zoom: 1;
	float: left; display: inline;
	padding: 0 7px 0 8px;
	font-size: 10px;
	line-height: 25px;
	white-space:nowrap;
	background: url(../images/ft_dotline_v.gif) no-repeat right center;
	
	margin:0 0 0px 0;
}
#footer #copyright {
	text-align: right;
	float: right; display: inline;
	margin:5px 0 0 10px;
	font-size: 10px;
	line-height: 36px;
	color: #999999;
}


/*ƒpƒ“‹û*/
#path{
	clear:both;
	margin: 0;
	padding: 5px 0 5px 0;
	text-align:left;
	font-size: 85%;
}
#path a{text-decoration:none;}

#topimg{
	margin:10px 0 30px;
}

/*******/
#container{
	position:relative;
}
/*
#nav.stuck,.stuck{
	position:fixed;
	top:0;
}

#nav.sticky,.sticky{
	position:fixed;
	top:0;
}*/

.my-element{
	position:relative;
	width:885px;
}
.sticky{
	position:fixed;
	top:0;
}
.sticky #nav{
	margin-top:0px;
}

#nav{
	display:flex;
	/*position:absolute;
	top:62px;
	right:0;*/
	float:right;
	margin-top:-23px;
	z-index:100;
}
#nav li{
	margin-left:1px;
}
#nav li a{
	display:block;
	padding:6px 25px;
	background:#666;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
}
#nav li a:hover{
	background:#6464c0;
}
#container h2{
	color:#687bd1;
	color:#6464c0;
	font-size:24px;
	font-weight:bold;
	padding:4px 0;
	border-bottom:3px #687bd1 solid;
	border-bottom:3px #6464c0 solid;
}
.senpaisection{
	border-bottom:1px #666 dotted;
	margin-bottom:40px;
	padding-bottom:40px;
}
/*
.senpaisection.lastitem{
	border:none;

}
*/
.senpaileft{
	float:left;
	width:300px;
}
.senpairight{
	float:right;
	width:555px;
	width: calc( 100% - 330px );
}

.profile{
	width:100%;
	font-size:18px;
	line-height:160%;
	font-family: 'ƒqƒ‰ƒMƒm–¾’© Pro W3','Hiragino Mincho Pro','‚l‚r ‚o–¾’©','MS PMincho',serif;
	margin:0 0 20px;
}
.profile img{
	width:100%;
}
.profile span.name{
	display:block;
	font-size:26px;
	font-weight:bold;
	margin:10px auto 5px;
}

.topcopy{
	font-family: 'ƒqƒ‰ƒMƒm–¾’© Pro W3','Hiragino Mincho Pro','‚l‚r ‚o–¾’©','MS PMincho',serif;
	font-size:25px;
	line-height:160%;
	font-weight:bold;
	margin-bottom:1em;
	/*
	font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", serif;
	font-weight: 700;
	*/
 }
 
 .senpaisubsection p{
	 font-size:14px;
	 line-height:160%;
	 margin-bottom:1.5em;
 }

/*ƒXƒPƒWƒ…�[ƒ‹*/
.scheduleblock img{
	width:100%;
}

.workday{
	border:3px #6464c0 solid;
}

.workday h3{
	background:#6464c0;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	padding:7px 10px 10px;
	margin-bottom:10px;
}

.workday img.photo{
	max-width:330px;
}

table.timetab{
	padding:10px;
	line-height:160%;
	margin-bottom:5px;
}

table.timetab th{
	white-space:nowrap;
	text-align:right;
	color:#6464c0;
	vertical-align:top;
	padding:5px 10px;
}

table.timetab td{
	text-align:left;
	padding:5px 10px 5px 0;
}

table.timetab td img{
	display:block;
	width:100%;
	margin-top:8px;
}

table.timetab td a{
	display:block;
	margin:6px 0 0;
}

#sp_menu{
	display:none;
}

@media screen and (max-width: 768px) {
	img{
		max-width:100%;
		height:auto;
	}
	
	#wrapper {
		width:auto;
		margin:0 10px;
	}
	
	#olink{
		display:none;
	}
	
	.senpaileft{
		width:260px;
	}
	.senpairight{
		width: calc( 100% - 290px );
	}
	
	#tabindex{
		display:none;
	}
	.tab1{
		margin-bottom:25px;
	}
	.tab2{
		display:block;
	}
	
	#handicap h3{
		display:block;
		color:#fff;
		background:#687bd1;
		text-align:center;
		padding:10px;
		font-size:18px;
		letter-spacing:2px;
	}
	
	.entrysection{
		padding:40px 0px 0px;
	}

	.careercontact .btnright{
		float:none;
		margin:5px auto 20px;
		text-align:center;
	}
	
	#sp_menu{
		display:block;
	}
	
	#sp_b_menu{
		display:block;
		position:fixed;
		top:10px;
		right:10px;
		z-index:200;
	}
	
	#sp_fmenu{
		display:none;
		position:fixed;
		top:63px;
		left:0px;
		top:0;
		width:100%;
		height:100%;
		background:rgba(255,255,255,1);
		
		padding-top:30px;	
	}

	#sp_fmenu li {
		display: block;
		text-align:center;
		width:100%;
		margin: 40px auto 40px;
	}
	#sp_fmenu li a {
		line-height: 1em;
		color: #000;
		font-size: 20px;
		text-align: center;
		text-decoration: none;
		position: relative;
		padding-left: 22px;
	
		display:block;
		/*max-width: 5em;*/
		margin:auto;
	
		max-width: 8em;
	}
	#sp_fmenu li a::before {
		content: '';
		width: 12px;
		height: 12px;
		border: 0px;
		border-top: solid 2px #687bd1;
		border-right: solid 2px #687bd1;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -6px;
	}


	.my-element{
		display:none;
	}

}

@media screen and (max-width: 480px) {
	#logo{
		margin-right:0;
	}
	
	.senpaileft{
		width:auto;
		float:none;
	}
	.senpairight{
		width:auto;
		float:none;
	}
	.profile{
		width:100%;
	}
	.profile img{
		width:100%;
	}
	.topcopy{
		font-size:22px;
	}
	
	.workday{
		margin-bottom:25px;
	}
	
	table.tab_info1 th,
	table.tab_info1 td{
		 display:block;
		 width:auto;
		 border:1px #ccc solid;
		 border-top:none;
	}
	
	table.tab_info1 table{
		border:none;
		border-top:1px #ccc solid;
	}
	
	.careercontact .telno{
		font-size:32px;
		letter-spacing:0px;
	}

	
}