@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

header ul li.nav-information a {
	background-color: #d8feff;
	border-radius: 5px;
}

#page-tit {
	background: url(../../images/recruit/information-images/page-bg.jpg) 100% 50% no-repeat;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

/*募集要項*/

#recruitment dl {
	overflow: hidden;
	padding: 20px;
}
#recruitment dl:nth-child(odd) {
	background-color: #fff;
}
#recruitment dl dt {
	float: left;
	font-weight: bold;	
	width: 20%;
}
#recruitment dl dd {
	float: right;
	width: 80%;
}
#recruitment dl dd table {
	width: 100%;
}
#recruitment dl dd table tr {
	border-bottom: dotted 1px #ccc;
}
#recruitment dl dd table th {
	width: 20%;
	font-weight: normal;
	text-align: center;
	vertical-align: middle!important;
	background-color: #dffeff;
	padding: 15px;
}
#recruitment dl dd table td {
	vertical-align: top!important;
	padding: 15px;
}
#recruitment dl dd table tr:last-child {
	border-bottom: none;
}

/*採用スケジュール*/

#schedule img {
	display: block;
	width: 80%;
	margin: 0 auto 30px auto;	
}
#schedule h3 {
	color: #17498c;
	font-size: 2.8rem;
	text-align: center;
}
#schedule h3:before {
	content: "/";
	margin-right: 5px;
}
#schedule h3:after {
	content: "/";
	margin-left: 5px;
}
#schedule table th {
	color: #fff;
	text-align: center;
	background-color: #17498c;
	padding: 15px;
}
#schedule table td {
	background-color: #fff;
	border-top: solid 1px #17498c;
	border-bottom: solid 1px #17498c;
	padding: 15px;
}
#schedule table td.tit {
	font-weight: bold;
	text-align: center;
	background-color: #fdff66;
}
#schedule table td.place {
	border-right: solid 1px #17498c;
}

/*エントリー*/

.entry-bt {
	overflow: hidden;
	width: 48%;
	margin: 0 auto 50px auto;
}
.entry-bt li {
	width: 100%;
}
.entry-bt li a {
	display: block;
	font-size: 1.7rem;
	color: #fff;
	font-weight: bold;
	background: linear-gradient(to right, #397fba, #29ccd1);
	border-radius: 50px;
	text-align: center;
	padding: 25px 0;
}
.entry-bt li a span {
	background: url(../../images/recruit/information-images/icon.png) 100% 50% no-repeat;
	background-size: 20px;
	padding-right: 37px;
	-webkit-transition: 0.4s ease-in-out;  
		 -moz-transition: 0.4s ease-in-out;  
			 -o-transition: 0.4s ease-in-out;  
					transition: 0.4s ease-in-out;  
}
.entry-bt li a:hover span {
	background: url(../../images/recruit/information-images/icon.png) 100% 50% no-repeat;
	background-size: 20px;
	padding-right: 28px;
}

/*サポート*/

#support li {
	font-weight: bold;
	margin-bottom: 50px;
}
#support li img {
	display: block;
	margin-bottom: 20px;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

@media screen and (max-width:1024px){

.entry-bt {
	width: 100%;
}
.entry-bt li a {
	font-size: 1.5rem;
}

/*採用スケジュール*/

#schedule img {
	width: 100%;
}
#schedule h3 {
	font-size: 2.2rem;
}
#schedule table th {
	font-size: 90%;
	padding: 10px;
}
#schedule table td {
	font-size: 90%;
	padding: 10px;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

@media screen and (max-width: 640px) {

/*募集要項*/

#recruitment dl {
	padding: 15px;
}
#recruitment dl dt {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
#recruitment dl dt:before {
	content: "- ";
}
#recruitment dl dd {
	float: none;
	width: 100%;
}
#recruitment dl dd table tr {
	border-bottom: none;
}
#recruitment dl dd table th {
	display: block;
	width: 100%;
	padding: 10px;
}
#recruitment dl dd table td {
	display: block;
	width: 100%;
	padding: 10px 10px 20px 10px;
}

/*採用スケジュール*/

#schedule h3 {
	font-size: 2rem;
}

/*SCROLL*/

.scroll {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}
/*スクロールバー全体の高さ*/
.scroll::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.scroll::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.scroll::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.scroll table {
  width: 100%;
  min-width: 700px;
	letter-spacing: 0;
}
/*エントリー*/

.entry-bt {
	margin-bottom: 20px;
}
.entry-bt li {
	float: none;
	width: 90%;
	margin: 0 auto 20px auto;
}
.entry-bt li a span {
	background-size: 20px;
	padding-right: 35px;
}
.entry-bt li a:hover span {
	background-size: 20px;
	padding-right: 35px;
}

/*サポート*/

#support li {
	font-weight: bold;
	margin-bottom: 50px;
}
#support li img {
	display: block;
	margin-bottom: 20px;
}


}