@charset "UTF-8";

/* index */
#mainvisual { 
	/* margin-bottom:70px;  */
	margin-bottom:67px; 
}
.col1 { width: 300px; float: left; }
.Interview .col1 { height:466px; }
.box { background: #f8f8f8; }
.icon01 { background: url(../imgdir/common/ar02.png) no-repeat 0 45%; padding-left: 17px; }
.shopDetail { border-top: 1px solid #eaeaea; padding: 20px; }

/* message */
.message_entry_block {
	margin-bottom: 75px;
}

/* interview02 */
.interview02_interview_list {
	margin-bottom: 82px;
}

/* interview03 */
.interview03_wrapper {
	padding-bottom: 1px;
}

/* interview04 */
.interview04_interview_list {
	padding-bottom: 7px;
}

/* regular-employee */
.informatin-area .r_employee_inner {
	margin-bottom: 43px;
}
body .r_emp_slider {
	margin-top: 22px;
}

/* employment */
body .emp_slider {
	margin-top: 22px;
}

@media (max-width: 768px){
	#mainvisual { 
		margin-bottom:31px;
		/* margin-bottom:35px; */
	}
	#mainvisual .flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -15px 0 0;
	}
	#mainvisual .flex-direction-nav .flex-prev {
		background-size: auto 100%;
	}
	#mainvisual .flex-direction-nav .flex-next {
		background-size: auto 100%;
    background-position-x: right;
	}
	#mainvisual .flex-control-nav {
		bottom: 8px;
		/* bottom: 15px; */
	}
	.col1 {
		width: 100%;
		float: none;
		margin-bottom: 40px;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.Interview .col1 { height:auto; }
	.col1:last-child { margin-bottom: 0;}
	.col1 a { display: block;}
	.col1 .btn_detail { text-align: center;}
	.col1 .btn_detail img { width: 60%;}
}


.dlList01 dt {
	float: left;
	width: 77px;
	text-align: right;
	font-size: 115%;
}
.dlList01 dd {
	padding-left: 20px;
	overflow: hidden;
	font-size: 115%;
}
@media (max-width: 768px){
	.dlList01 dt {
		float: left;
		width: auto;
		padding-right: 20px;
		text-align: left;
		font-size: 115%;
	}
	.dlList01 dd {
		padding-left: 0px;
		overflow: visible;
		font-size: 115%;
	}
}

.tb01 { width: 100%; }
.tb01 tr td {
	text-align: center;
	padding: 9px;
	border: 20px solid #fff;
}

.tb01 .gray01 { background: #d6d6d6; }
.tb01 .gray02 { background: #efefef; }
.tb01 .gray03 { background: #efefef; padding: 0px; }
.tb01 .padding { padding: 0px 9px; line-height: 1px; }

.box02 { width: 384px; }
.underLine { background: url(../imgdir/interview/line01.gif) no-repeat bottom; padding-bottom: 17px; margin-bottom: 33px; }

@media (max-width: 768px){
	.box02 { width: 100%; }
	.flow .inner, .Profile .inner {
		/*padding-left: 30px;
		padding-right: 30px;*/
	}
	.flow .acc-btn {
		padding-bottom: 15px;
		margin-bottom: 25px;
		background: url(../imgdir/common/acc-btn_down.png) no-repeat top 5px right 10px;
		-webkit-transition: all .4s;
    transition: all .4s;
		border-bottom: 1px solid #bcbcbc;
	}
	.flow .acc-btn.acc-on {
		background: url(../imgdir/common/acc-btn_up.png) no-repeat top 5px right 10px;
		-webkit-transition: all .4s;
    transition: all .4s;
	}
	.flow .acc-box {
		margin-bottom: 30px;
	}
	.flow .flowBox {
		overflow: hidden;
/*		line-height: 1;*/
	}
	.flow .times {
		float: left;
		padding: 10px 0;
		width: 30%;
	}
	.flow .activity {
		width: 70%;
    float: left;
	}
	.flow .activity p {
		text-align: center;
	}
	.flow .flowBox .activity .activity01 {
		padding: 10px;
	}
	.flow .flowBox .activity .activity01 {
		background: #efefef;
	}
	.flow .flowBox .activity .activity01.gray01 {
		background: #d6d6d6;
	}
	.flow .flowBox .activity .activity02 {
		padding: 25px 0;
	}
	.flow .acc-close {
		width: 175px;
		line-height: 40px;
		border: 1px solid #000;
		margin: 0px auto 50px;
		text-align: center;
	}
	.flow .acc-close span {
		display: inline-block;
		padding-right: 20px;
		background: url(../imgdir/common/btn_close.png) no-repeat center right;
		background-size: 10px;
	}
	.Profile img {
		width: 30%;
	}
	.Profile .StaffProfile {
		margin-bottom: 30px;
	}
}

/* tab */
.tab {}
.tab li { padding: 10px 15px; min-width: 300px; margin-right: 20px; text-align: center; float: left; background: #f0f0f0; border-bottom: 10px solid #fff; }
.tab li.last { margin-right: 0px; }
.tab li:hover { cursor: pointer; background: #f0f0f0; }
.tab.top li.current {
	background: #d2d2d2;
	border-bottom: 10px solid #f8f8f8;
}
.tab-content { }
.tab-content > div { background: #f8f8f8; padding: 60px; }

.tab-content dl {
	background: url(../imgdir/employment/line01.gif) repeat-x bottom;
	padding-bottom: 40px;
	margin-bottom: 40px;
	display: table;
	width: 100%;
}
.tab-content dl.last {
	background: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.tab-content dl dt,
.tab-content dl dd {
	display: table-cell;
	vertical-align: middle;
}
.tab-content dl dt {
	width: 210px;
	border-right: 1px solid #d2d2d2;
	padding-right: 40px;
	text-align: center;
	font-size: 129%;
}
.tab-content dl dd {
	padding-left: 19px;
}
.tab-content dl dd a {
	font-weight: bold;
	text-decoration: underline;
}

@media (max-width: 768px){
	p.fs17, h2, .dlList01 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.Profile .mr75.ml75.clearfix {
		margin-left: 0px;
		margin-right: 0px;
	}
	.tab-content > div {
		padding: 30px 20px;
	}
	.tab-content dl dt {
		width: 35%;
		border-right: 1px solid #d2d2d2;
		padding-right: 20px;
		text-align: left;
		font-size: 115%;
	}
	.tab-content dl dd {
		padding-left: 20px;
	}
}