/*-------------------------------------------------
 recruit
-------------------------------------------------*/
#recruit01 {
	background:url(img/mainvisual_recruit01.jpg) center top fixed;
	background-size:contain;
	padding:50px 0;
	min-height:300px;
}

#recruit02 {
	background:url(img/recruit_bg1.jpg) 50% 100% repeat no-repeat fixed;
	background-size:cover;
	padding:180px 0 100px 0;
}

h2.lead-title{
	text-align:center;
	color:#444;
	font-size:3em;
}
h2.lead-title span.col1{
	display:inline;
	color:#4fb9b8;
	font-size:2em;
}
h2.lead-title span.col2{
	display:inline;
	color:#f6846e;
	font-size:2em;
}
h2 span.year{
	display:inline;
}

h3.lead-title{
	color:#444;
	font-size:1.5em;
	border:none;
	padding:0;
	margin-bottom:10px;
}
h3.lead-title span.col1{
	display:block;
	color:#4fb9b8;
	font-size:1.2em;
}
h3.lead-title span.col2{
	display:block;
	color:#f6846e;
	font-size:1.3em;
	margin-bottom:30px;
}

.frame.arrow{
	text-align:center;
	background:#f4f4f4 url(img/arrow-down.png) no-repeat bottom center;
}

.frame.arrow a{
	color:#4fb9b8;
}

article.bg{
	background:#f4f4f4;
	padding:20px 0;
}
.mt60{
	padding:15px;
	margin-top:-60px;
}
table.table.recruit th,
table.table.recruit td{
	padding:9px 0;
}

/* 吹き出し本体 - 普通の吹き出し */
.balloon1{
  position: relative;
  padding: 10px 20px;
  background-color:#3aabd2;
  border-radius: 10px;   
  margin-bottom:20px;      /* 角丸を指定 */
}
/* 三角アイコン - 普通の吹き出し */
.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 30px;
  border-right: 15px solid #3aabd2;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.balloon1 h3.lead-title span.col1{
	display:inline;
	color:#FFF;
	font-size:1.8em;
}
.balloon1 h3.lead-title span.col2{
	display:inline;
	color:#FFF;
	font-size:1.1em;
}

.staff_s{
	position:relative;
}

.staff_s .staffnum{
	position:absolute;
	top:0;
	right:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:45px;
}
.staff_s img{
	transition:all linear 0.2s;
}
.staff_s:hover img{
	transform:scale(1.2,1.2);
}

@media(max-width:768px){
#recruit01 {
	background:url(img/mainvisual_recruit01_sp.jpg) center top no-repeat fixed;
	background-size:contain;
	min-height:360px;
}
#recruit02 {
	padding:100px 0 100px 0;
}
}
@media(min-width:961px){
	#recruit01 {
	background-size:2000px 800px;
	min-height:500px;
}
}