@charset "UTF-8";

/* CSS Document */

/*==================================================

contents
=================================================*/

.recruit-head {
	margin-top: 5%;
}
.recruit-head ul {
	width: 100%;
	display: table;
	color: #FFF;
	background-color: #10218b;
}
.recruit-head ul li {
	width: 50%;
	display: table-cell;
	font-size: 120%;
	line-height: 220%;
	color: #FFF;
	text-align: center;
	vertical-align: top;
	padding: 4%;
}
.recruit-head ul li.full {
	width: 100%;
	display: block;
}
.recruit-cont {
	margin-top: 5%;
}
.recruit-cont dl {
	margin-top: 5%;
}
.recruit-cont dt {
	font-size: 120%;
	font-weight: 600;
	color: #10218b;
	padding: 1% 0;
}
.recruit-cont dd {
	text-indent: -3em;
	padding: 1% 0;
	padding-left: 3em;
}
.senior-alone .recruit-cont dd {
	text-indent: 0;
	padding: 1% 0;
	padding-left: 0;
}
.recruit-cont .photo {
	margin-top: 4%;
}

.r-tstyle {
	width: 100%;
	max-width: 960px;
	letter-spacing: 0;
	line-height: 180%;
	margin-top: 5%;
}
.r-tstyle th {
	width: 200px;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	background-color: #10218b;
	border-bottom: 1px solid #FFF;
	padding: 1% 2%;
}
.r-tstyle td {
	text-align: left;
	background-color: #efefef;
	border-bottom: 1px solid #FFF;
	padding: 1% 2%;
}

.recruit-data {
	margin-top: 5%;
}

.recruit-data .career-list {
	width: 100%;
	display: table;
	font-size: 110%;
	background-color: #ebebeb;
	border-bottom: 1px solid #FFF;
	margin: 0 auto;
}
.recruit-data .career-list dt {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	padding: 2%;
}
.recruit-data .career-list dt {
	width: 25%;
	display: table-cell;
	vertical-align: middle;
	padding: 2%;
}
.recruit-data .career-list dt span {
	color: #021064;
}
.recruit-data .career-list dd {
	display: table-cell;
	vertical-align: middle;
	padding: 2%;
}
.recruit-data .career-list dd .button {
	color: #FFF;
	background-color: #021064;
	border-color: #021064;
	margin: 0 auto;
}
.recruit-data .career-list dd .button:hover {
	color: #021064;
	opacity: 1;
	background: #FFF;
}
.navi-icon {
	width: 210px;
	display: inline-block;
	margin-top: 5%;
}

.r-flow {
	width: 100%;
	font-size: 120%;
	margin-top: 5%;
}
.r-flow dt {
	color: #10218b;
	background-color: #ebebeb;
	padding: 2%;
}
.r-flow dd {
	color: #10218b;
	text-align: center;
	padding: 1%;
}

/* cf */
.recruit-photo:after {
    content:" ";
    display:block;
    clear:both;
}

/* img */

.recruit-head img,.recruit-cont img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width: 768px) {
	
	.recruit-head ul li {
		font-size: 100%;
		padding: 2%;
	}
	.r-flow {
		font-size: 100%;
	}
	.recruit-data .career-list {
		width: 100%;
		font-size: 100%;
		margin: 5% auto 0;
	}
	.recruit-data .career-list dt {
		width: 100%;
		display: block;
		text-align: center;
		padding: 2% 2% 0;
	}
	.recruit-data .career-list dd {
		width: 100%;
		display: block;
		text-align: center;
		padding: 0 2%;
	}
	.recruit-data .career-list dd:nth-last-of-type(1) {
		padding: 2% 2%;
	}
}

@media only screen and (max-width: 568px) {
	
	.recruit-head ul {
		width: 100%;
		display: block;
	}
	.recruit-head ul li {
		width: 100%;
		display: block;
	}
	.r-tstyle th {
		width: 100px;
	}
}
	
@media only screen and (max-width: 480px) {
	
	
}