@charset "UTF-8";

#main .btnArea {
	max-width: 1200px;
	margin: 0 auto 40px;
}

#main .btnArea ul {
	display: flex;
	justify-content: space-between;
	border-bottom: 5px solid #284b8c;
}

#main .btnArea ul li {
	width: 32%;
	background-color: #7a9ec7;
	text-align: center;
	font-size: 0.875rem;
	line-height: 2.4;
}

#main .btnArea ul li:nth-child(1) {
	line-height: 1.2;
}

#main .btnArea ul li.active {
	background-color: #284b8c;
}

#main .btnArea ul li a {
	display: block;
	padding: 5px 0;
}

#main .btnArea ul li a:link,
#main .btnArea ul li a:visited {
	color: #fff;
	text-decoration: none;
}

#main .btnArea ul li a span {
	display: none;
}


			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				#main .btnArea ul li a span {
					display: inline-block;
				}
				#main .btnArea ul li {
					font-size: 1rem;
				}
				#main .btnArea ul li:nth-child(1) {
					line-height: 2.4;
				}
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1200px) {
				#main .btnArea ul li {
					font-size: 1.5rem;
				}
			}

.recruitmentIndexLayout #main #c02 .flex ul:nth-child(1) {
	padding: 0;
}

.recruitmentIndexLayout #main #c02 .flex ul li span {
	color: #284b8c;
	display: inline-block;
	padding: 0 5px 0 0;
}


			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.recruitmentIndexLayout #main #c02 .flex {
					display: flex;
				}
				.recruitmentIndexLayout #main #c02 .flex ul:nth-child(1) {
					padding: 0 50px 0 0;
				}
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1200px) {
				.recruitmentIndexLayout #main #c02 .flex ul:nth-child(1) {
					padding: 0 100px 0 0;
				}
			}


.recruitmentCareerLayout #main #c01 .cassette .read {
	text-align: center;
	font-size: 1.75rem;
	line-height: 1.2;
}

.recruitmentCareerLayout #main #c01 .cassette h5 {
	background: url(../img/h5_line01.png) no-repeat left center;
	padding: 0 0 0 30px;
	margin: 0 0 20px;
	font-weight: bold;
}

.recruitmentCareerLayout #main #c01 .cassette .tableBox {
	overflow-x: scroll;
	font-size: 0.875rem;
	margin: 0 0 50px;
}

.recruitmentCareerLayout #main #c01 .cassette .tableBox table {
	width: 760px;
	border-top: 1px solid #c5c7ca;
}

.recruitmentCareerLayout #main #c01 .cassette .tableBox table tr {
	border-bottom: 1px solid #c5c7ca;
}

.recruitmentCareerLayout #main #c01 .cassette .tableBox table tr.blue {
	background-color: #f2fcff;
}

.recruitmentCareerLayout #main #c01 .cassette .tableBox table tr.width th {
	width: 22%;
	box-sizing: border-box;
}

.recruitmentCareerLayout #main #c01 .cassette .tableBox table tr.width td {
	width: 13%;
	box-sizing: border-box;
}

.recruitmentCareerLayout #main #c01 .cassette .tableBox table tr th {
	background-color: #d6e9f7;
	color: #284b8c;
	display: table-cell;
	padding: 15px 10px;
	border-right: 1px solid #c5c7ca;
	vertical-align: middle;
}

.recruitmentCareerLayout #main #c01 .cassette .tableBox table tr th:last-child {
	border: none;
}

.recruitmentCareerLayout #main #c01 .cassette .tableBox table tr td {
	display: table-cell;
	padding: 15px 10px;
	border-right: 1px solid #c5c7ca;
	vertical-align: middle;
}

.recruitmentCareerLayout #main #c01 .cassette .tableBox table tr td:last-child {
	border: none;
}



			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.recruitmentCareerLayout #main #c01 .cassette .tableBox {
					overflow: auto;
					font-size: 1rem;
				}
				.recruitmentCareerLayout #main #c01 .cassette .tableBox p {
					display: none;
				}
				.recruitmentCareerLayout #main #c01 .cassette .tableBox table {
					width: 100%;
				}
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1200px) {
				.recruitmentCareerLayout #main #c01 .cassette .tableBox table tr th,
				.recruitmentCareerLayout #main #c01 .cassette .tableBox table tr td {
					padding: 20px 25px;
					text-align: center;
				}
			}

.recruitmentFaqLayout #main #c01 .cassette dl {
	line-height: 2;
	margin: 0 0 30px;
}

.recruitmentFaqLayout #main #c01 .cassette dl dt {
	background-image: url(../img/faq_icon01.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px auto;
	padding: 0 0 15px 40px;
	font-weight: bold;
}

.recruitmentFaqLayout #main #c01 .cassette dl dd {
	background-image: url(../img/faq_icon02.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px auto;
	padding: 0 0 15px 40px;
	border-bottom: 1px solid #cbcbcb;
	margin: 0 0 20px;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.recruitmentFaqLayout #main #c01 .cassette dl dt {
					background-position: 15px top;
					padding: 0 15px 20px 60px;
				}
				.recruitmentFaqLayout #main #c01 .cassette dl dd {
					background-position: 15px top;
					padding: 0 15px 20px 60px;
					margin: 0 0 25px;
				}
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1200px) {
			}



/* clearfix
------------------------------------*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow:hidden;
}

.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html .clearfix {
height: 1%
}

.clearfix {
display:block;
}
/* end MacIE5 */