@charset "UTF-8";
/*
 * recruit.css
 *
 */

/* !TOP
---------------------------------------------------------- */
.videoWrap{
	width:100%;
	max-width:642px;
	margin:0 auto;
}
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.features {
	width:100%;
	height:380px;
	position:relative;
}
	.features div.box {
		width:100%;
		height:320px;
		padding:55px 500px 0px 50px;
		background:url(../../recruit/img/top_features_bg.gif) 0 0 repeat;
		z-index:100;
	}
		.features div.box p.featuresTit {
			font-family: 'Crimson Text', serif;
			font-size:143%;
			font-style:italic;
			letter-spacing:0.1em;
			color:#507934;
			line-height:1;
			background:url(../../recruit/img/top_features_tit_bg.gif) 0 6px no-repeat;
			background-size:20px 5px;
			padding:0 0 0 30px;
			margin-bottom:15px;
		}
		.features div.box h2 {
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
			font-size:175%;
			font-weight:bold;
			color:#33522A;
			line-height:1.5;
			letter-spacing:0.1em;
			margin-bottom:30px;
		}
	.features img.FeaturesImg {
		position:absolute;
		display:block;
		width:400px;
		top:60px;
		right:60px;
		z-index:101;
	}
	
.features2 {
	width:100%;
	height:380px;
	position:relative;
}
	.features2 div.box {
		width:100%;
		height:320px;
		padding:55px 50px 0px 500px;
		background:url(../../recruit/img/top_features_bg.gif) 0 0 repeat;
		z-index:100;
	}
		.features2 div.box p.featuresTit {
			font-family: 'Crimson Text', serif;
			font-size:143%;
			font-style:italic;
			letter-spacing:0.1em;
			color:#507934;
			line-height:1;
			background:url(../../recruit/img/top_features_tit_bg.gif) 0 6px no-repeat;
			background-size:20px 5px;
			padding:0 0 0 30px;
			margin-bottom:15px;
		}
		.features2 div.box h2 {
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
			font-size:175%;
			font-weight:bold;
			color:#33522A;
			line-height:1.5;
			letter-spacing:0.1em;
			margin-bottom:30px;
		}
	.features2 img.FeaturesImg {
		position:absolute;
		display:block;
		width:400px;
		top:60px;
		left:60px;
		z-index:101;
	}
   
.indexInterview {
	width:100%;
	background:url(../../recruit/img/index_interview_bg.gif) 50% 50% repeat;
	padding:70px 0 90px 0;
}
	.indexInterview h2 {
		font-family: 'Crimson Text', serif;
		font-size:275%;
		font-style:italic;
		text-align:center;
		letter-spacing:0.1em;
		line-height:1;
		color:#507934;
		background:url(../../recruit/img/index_interview_tit_bg.gif) bottom center no-repeat;
		background-size:40px 3px;
		padding-bottom:20px;
		margin-bottom:50px;
	}
	.indexInterviewList {
		width:100%;
		max-width:666px;
		margin:0 auto;
	}
		.indexInterviewList li {
			width:45%;
			float:left;
			margin-right:10%;
			background:#FFF;
			position:relative;
		}
			.indexInterviewList li:last-child {
				margin-right:0;
			}
			.indexInterviewList li a img {
				display:block;
				width:100%;
				max-width:300px;
				transition: all 0.5s ease;
			}
				.indexInterviewList li a:hover img {
					opacity:.7;
				}
				.indexInterviewList li a div {
					padding:20px 25px;
				}
				.indexInterviewList li a div h3 {
					font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
					font-size:112%;
					font-weight:bold;
					line-height:1.6;
					color:#111;
					letter-spacing:0.08em;
					margin-bottom:10px;
					transition: all 0.5s ease;
				}
					.indexInterviewList li a:hover div h3 {
						color:#507A35;
					}
				.indexInterviewList li a div p.name {
					color:#808080;
				}
				.indexInterviewList li a p.department {
					position:absolute;
					display:inline-block;
					font-size:14px;
					color:#FFF;
					line-height:1;
					background:#35542A;
					padding:1em 1.2em;
					top:0;
					left:0;
				}
			
.contentsInTraining {
	width:auto;
	max-width:1000px;
	margin:130px auto;
}	
.indexTraining {
	width:auto;
	position:relative;
}
	.indexTraining ul.indexTrainingImg {
		position:absolute;
		width:60%;
		top:-50px;
		right:0;
	}
		.indexTraining ul.indexTrainingImg li {
			width:50%;
			float:left;
		}
	.indexTraining div.box {
		width:auto;
		height:400px;
		background:#ECF3E7;
		padding:60px 50px 0 50px;
	}
		.indexTraining div.box p.indexTrainingTit {
			font-family: 'Crimson Text', serif;
			font-size:143%;
			font-style:italic;
			letter-spacing:0.1em;
			color:#507934;
			line-height:1;
			background:url(../../recruit/img/top_features_tit_bg.gif) 0 6px no-repeat;
			background-size:20px 5px;
			padding:0 0 0 30px;
			margin-bottom:15px;
		}
		.indexTraining div.box h2 {
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
			font-size:175%;
			font-weight:bold;
			color:#33522A;
			line-height:1.5;
			letter-spacing:0.1em;
			margin-bottom:155px;
		}
		.indexTraining div.box a {
			position: relative;
			display:block;
			width:160px;
			padding: .6em 0;
			border: 1px solid #507934;
			color: #507933;
			text-align: center;
			text-decoration: none;
			outline: none;
			transition: all .3s;
		}
			.indexTraining div.box a::before,
			.indexTraining div.box a::after, 
			.indexTraining div.box a span::before, 
			.indexTraining div.box a span::after {
				position: absolute;
				z-index: 2;
				content: '';
				width: 0;
				height: 0;
				border: 1px solid transparent;
				transition: all .3s;
			}
			.indexTraining div.box a::before {
				top: -1px;
				left: -1px;
				border-left-color: #A0C489;
			}
			.indexTraining div.box a::after {
				bottom: -1px;
				right: -1px;
				border-right-color: #A0C489;
			}
			.indexTraining div.box a span::before {
				bottom: -1px;
				left: -1px;
				border-bottom-color: #A0C489;
			}
			.indexTraining div.box a span::after {
				top: -1px;
				right: -1px;
				border-top-color: #A0C489;
			}
			.indexTraining div.box a:hover {
				color: #A0C489;
				background:#FFF;
			}
			.indexTraining div.box a:hover::before,
			.indexTraining div.box a:hover::after {
				height: 100%;
				visibility: visible;
			}
			.indexTraining div.box a:hover span::before,
			.indexTraining div.box a:hover span::after {
				width: 100%;
				visibility: visible;
			}
			
.entryBox {
	width:100%;
	background:url(../../recruit/img/entry_box_bg.jpg) 50% 50% no-repeat;
	background-size:cover;
	padding:80px 0 100px 0;
}
	.entryBox div.inner {
		width:auto;
		max-width:1000px;
		margin:0 auto;
	}
		.entryBox div.inner p.cap {
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
			font-size:162%;
			font-weight:bold;
			color:#FFF;
			line-height:1.6;
			letter-spacing:0.06em;
			text-align:center;
			margin-bottom:60px;
		}
			.entryBox div.inner p.cap br {
				display:none;
			}
		.entryBox div.inner ul {
			width:100%;
		}
			.entryBox div.inner ul li {
				width:48%;
				float:left;
				margin-right:4%;
			}
				.entryBox div.inner ul li:last-child {
					margin-right:0;
				}
				.entryBox div.inner ul li a {
					display:block;
					width:100%;
					height:180px;
					
					border-top:1px solid #C0CFB6;
					border-bottom:1px solid #C0CFB6;
					transition: all 0.3s ease;
				}
					.entryBox div.inner ul li a:hover {
						height:170px;
						margin:5px 0;
					}
					.entryBox div.inner ul li a p.en {
						font-family: 'Crimson Text', serif;
						font-size:275%;
						font-style:italic;
						letter-spacing:0.1em;
						color:#91AB7F;
						text-align:center;
						line-height:1;
						padding-top:40px;
						margin-bottom:15px;
					}
					.entryBox div.inner ul li a p.tit {
						text-align:center;
						font-size:125%;
						color:#FFF;
						position:relative;
					}
						.entryBox div.inner ul li a p.tit::after {
							content: url(../../recruit/img/icon_entry.png);
							display:inline-block;
							vertical-align:top;
							margin-left:20px;
							transition: all 0.3s ease;
						}
							.entryBox div.inner ul li a:hover p.tit:after {
								margin-left:10px;
							}
		.entryBox div.inner div.bnr {
			width:700px;
			display:flex;
			flex-wrap:wrap;
			justify-content: space-between;
			margin:0 auto;
		}
			.entryBox div.inner div.bnr div {
				width:320px;
			}

/* 基本のスタイル */
   .slideLeft.delighter {
      transition: all .8s ease;
      transform: translateX(-100%);
      opacity: 0;
   }						
/* スタート時のスタイル */
   .slideLeft.delighter.started {
      transform: none;
      opacity: 1;
   }
/* エンド時のスタイル */
   .slideLeft.delighter.started.ended {
      opacity: 1;
   }
   
/* 基本のスタイル */
   .slideRight.delighter {
      transition: all .8s ease;
      transform: translateX(100%);
      opacity: 0;
   }
/* スタート時のスタイル */
   .slideRight.delighter.started {
      transform: none;
      opacity: 1;
   }
/* エンド時のスタイル */
   .slideRight.delighter.started.ended {
      opacity: 1;
   }
   
/* 基本のスタイル */
   .moveLeft.delighter {
      transition: all .8s ease-out;
      transform: translateX(-200px);
      opacity: 0;
   }						
/* スタート時のスタイル */
   .moveLeft.delighter.started {
      transform: none;
      opacity: 1;
   }
/* エンド時のスタイル */
   .moveLeft.delighter.started.ended {
      opacity: 1;
   }
   
/* 基本のスタイル */
   .moveRight.delighter {
      transition: all .8s ease-out;
      transform: translateX(200px);
      opacity: 0;
   }						
/* スタート時のスタイル */
   .moveRight.delighter.started {
      transform: none;
      opacity: 1;
   }
/* エンド時のスタイル */
   .moveRight.delighter.started.ended {
      opacity: 1;
   }
   
/* 基本のスタイル */
   .moveTop.delighter {
      transition: all .8s ease-out;
      transform: translateY(-200px);
      opacity: 0;
   }						
/* スタート時のスタイル */
   .moveTop.delighter.started {
      transform: none;
      opacity: 1;
   }
/* エンド時のスタイル */
   .moveTop.delighter.started.ended {
      opacity: 1;
   }
   
/* 基本のスタイル */
   .moveBtm.delighter {
      transition: all .8s ease-out;
      transform: translateY(200px);
      opacity: 0;
   }						
/* スタート時のスタイル */
   .moveBtm.delighter.started {
      transform: none;
      opacity: 1;
   }
/* エンド時のスタイル */
   .moveBtm.delighter.started.ended {
      opacity: 1;
   }
   
/* 基本のスタイル */
   .curtain.delighter {
		display: block;
		transition: all 0.6s ease-out;
		opacity: 0;
		padding: 0;
		width: 1px;
		overflow: hidden;
   }
		a:hover img.curtain.delighter{
			opacity:.7;
		}
/* スタート時のスタイル */
   .curtain.delighter.started {
		width: 100%;
		opacity: 1;
   }

@media screen and (max-width:1039px){
.features {
	width:100%;
	height:299px;
	position:relative;
	background:url(../../recruit/img/top_features_bg.gif) 0 0 repeat;
}
	.features div.box {
		width:50%;
		height:auto;
		padding:40px 0 0px 35px;
		background:none;
		float:left;
	}
		.features div.box h2 {
			font-size:160%;
		}
	.features img.FeaturesImg {
		position:inherit;
		display:block;
		width:280px;
		top:40px;
		right:35px;
		float:right;
	}
	
.features2 {
	width:100%;
	height:299px;
	position:relative;
	background:url(../../recruit/img/top_features_bg.gif) 0 0 repeat;
}
	.features2 div.box {
		width:50%;
		height:auto;
		padding:40px 35px 0px 0;
		background:none;
		float:right;
	}
		.features2 div.box h2 {
			font-size:160%;
		}
	.features2 img.FeaturesImg {
		position:inherit;
		display:block;
		width:280px;
		top:40px;
		left:35px;
		float:left;
	}
	
.indexInterview {
	padding:60px 0 70px 0;
}
	.indexInterview h2 {
		font-size:250%;
		margin-bottom:40px;
	}
	.indexInterviewList {
		width:100%;
		max-width:600px;
		margin:0 auto;
	}
		.indexInterviewList li {
			width:45%;
			margin-right:10%;
		}
				.indexInterviewList li a div {
					padding:20px 20px;
				}
				.indexInterviewList li a img {
					transition: none;
				}
				.indexInterviewList li a:hover img {
					opacity:1;
				}
				.indexInterviewList li a div h3 {
					font-size:110%;
					letter-spacing:0.06em;
					transition: none;
				}
				.indexInterviewList li a:hover div h3 {
					color:#111;
				}
					.indexInterviewList li a div h3 br {
						display:none;
					}
				.indexInterviewList li a p.department {
					font-size:14px;
					padding:0.8em 1em;
				}

.contentsInTraining {
	margin:70px 20px 70px 20px;
	background:#ECF3E7;
	position:relative;
}	
.indexTraining {
	width:auto;
	position:inherit;
}
	.indexTraining ul.indexTrainingImg {
		position:inherit;
		width:50%;
		top:0;
		right:0;
		float:right;
	}
	.indexTraining div.box {
		width:auto;
		height:auto;
		padding:50px 50px 0 50px;
	}
		.indexTraining div.box h2 {
			font-size:160%;
			margin-bottom:85px;
		}
		.indexTraining div.box a {
			transition: none;
		}
			.indexTraining div.box a::before,
			.indexTraining div.box a::after, 
			.indexTraining div.box a span::before, 
			.indexTraining div.box a span::after {
				display:none;
			}
			.indexTraining div.box a::before {
				display:none;
			}
			.indexTraining div.box a::after {
				display:none;
			}
			.indexTraining div.box a span::before {
				display:none;
			}
			.indexTraining div.box a span::after {
				display:none;
			}
			.indexTraining div.box a:hover {
				color: #507933;
				background:none;
			}
			
.entryBox {
	padding:60px 0 90px 0;
}
	.entryBox div.inner {
		margin:0 20px;
	}
		.entryBox div.inner p.cap {
			font-size:150%;
			margin-bottom:50px;
		}
				.entryBox div.inner ul li a {
					height:150px;
					transition: none;
				}
					.entryBox div.inner ul li a:hover {
						height:150px;
						margin: 0;
					}
					.entryBox div.inner ul li a p.en {
						padding-top:35px;
					}
						.entryBox div.inner ul li a p.tit::after {
							transition: none;
						}
							.entryBox div.inner ul li a:hover p.tit:after {
								margin-left:20px;
							}
		.entryBox div.inner div.bnr {
			width:680px;
		}
			
}

@media screen and (max-width:767px){
.features {
	width:100%;
	max-width:320px;
	height:auto;
	position:inherit;
	background:url(../../recruit/img/top_features_bg.gif) 0 0 repeat;
	margin-left:auto;
	margin-right:auto;
}
	.features div.box {
		width:100%;
		height:auto;
		padding:30px 15px 30px 15px;
		background:none;
		float:none;
	}
		.features div.box p.featuresTit {
			margin-bottom:10px;
		}
		.features div.box h2 {
			font-size:130%;
			margin-bottom:25px;
		}
		.features div.box p.txt br {
			display:none;
		}
	.features img.FeaturesImg {
		display:block;
		width:100%;
		float:none;
	}
	
.features2 {
	width:100%;
	max-width:320px;
	height:auto;
	position:inherit;
	background:url(../../recruit/img/top_features_bg.gif) 0 0 repeat;
	margin-left:auto;
	margin-right:auto;
}
	.features2 div.box {
		width:100%;
		height:auto;
		padding:30px 15px 30px 15px;
		background:none;
		float:none;
	}
		.features2 div.box p.featuresTit {
			margin-bottom:10px;
		}
		.features2 div.box h2 {
			font-size:130%;
			margin-bottom:25px;
		}
		.features2 div.box p.txt br {
			display:none;
		}
	.features2 img.FeaturesImg {
		display:block;
		width:100%;
		float:none;
	}
	
.indexInterview {
	padding:50px 0 60px 0;
}
	.indexInterview h2 {
		font-size:220%;
		background-size:34px 3px;
		margin-bottom:40px;
	}
	.indexInterviewList {
		width:auto;
		max-width:700px;
		margin:0 15px;
	}
		.indexInterviewList li {
			width:100%;
			max-width:300px;
			float:none;
			margin:0 auto 20px auto;
		}
			.indexInterviewList li:last-child {
				margin:0 auto 0 auto;
			}
				.indexInterviewList li a div h3 {
					font-size:112%;
					letter-spacing:0.08em;
				}
				
.contentsInTraining {
	margin:50px 20px 50px 20px;
	background:none;
	position:relative;
}	
.indexTraining {
	width:auto;
	max-width:300px;
	margin:0 auto;
	background:#ECF3E7;
}
	.indexTraining ul.indexTrainingImg {
		width:100%;
		float:none;
		margin-bottom:0;
	}
		.indexTraining ul.indexTrainingImg li {
			width:50%;
		}
	.indexTraining div.box {
		width:auto;
		height:auto;
		padding:30px 20px;
	}
		.indexTraining div.box p.indexTrainingTit {
			margin-bottom:10px;
		}
		.indexTraining div.box h2 {
			font-size:130%;
			margin-bottom:30px;
		}
		.indexTraining div.box a {
			width:140px;
		}

.entryBox {
	padding:50px 0 80px 0;
}
	.entryBox div.inner {
		margin:0 0px;
	}
		.entryBox div.inner p.cap {
			font-size:120%;
			margin-bottom:30px;
		}
			.entryBox div.inner p.cap br {
				display:block;
			}
		.entryBox div.inner ul {
			width:100%;
		}
			.entryBox div.inner ul li {
				width:47%;
				float:left;
				margin-right:6%;
			}
				.entryBox div.inner ul li a {
					height:120px;
				}
					.entryBox div.inner ul li a:hover {
						height:120px;
					}
					.entryBox div.inner ul li a p.en {
						font-size:200%;
						padding-top:30px;
						margin-bottom:10px;
					}
					.entryBox div.inner ul li a p.tit {
						font-size:106%;
					}
						.entryBox div.inner ul li a p.tit::after {
							margin-left:15px;
						}
							.entryBox div.inner ul li a:hover p.tit:after {
								margin-left:15px;
							}
		.entryBox div.inner div.bnr {
			width:320px;
			display:flex;
			flex-wrap:wrap;
			justify-content: space-between;
			margin:0 auto;
		}
			.entryBox div.inner div.bnr div {
				width:300px;
				margin:0 auto 20px auto;
			}
}

/* !インタビュー
---------------------------------------------------------- */
.interviewTit {
	margin-bottom:100px;
}

.staffBox {
	max-width:1000px;
	position:relative;
}
	.staffBox h3 {
		position:absolute;
		font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
		display:inline-block;
		font-size:175%;
		color:#FFF;
		line-height:1.5;
		font-weight:bold;
		background:#507A35;
		padding:0.8em 1em;
		top:-40px;
		right:0;
	}
		.staffBox h3 br {
			display:none;
		}
		.staffBox img.tri1 {
			display:block;
			width:340px;
			height:340px;
			float:right;
			margin-bottom:40px;
		}
		.staffBox img.tri2 {
			display:block;
			width:340px;
			height:340px;
			float:right;
			margin-bottom:240px;
		}
		.staffBox img.tri3 {
			display:block;
			width:340px;
			height:340px;
			float:right;
			margin-bottom:370px;
		}
		.staffBox div.article {
			position:relative;
		}
			.staffBox div.article div.txt{
				position:absolute;
				display:block;
				width:530px;
				padding:50px 40px 40px 40px;
				background:#FFF;
				top:-130px;
				left:50px;
			}
				.staffBox div.article div.txt p.question{
					color:#507934;
					font-weight:bold;
					background:url(../../recruit/img/icon_bar.png) 0 13px no-repeat;
					background-size:12px 3px;
					padding-left:25px;
					margin-bottom:15px;
				}
		.staffBox div.article div.profile{
			position:absolute;
			top:30px;
			right:30px;
		}
			.staffBox div.article div.profile p.department{
				display:inline-block;
				line-height:1.4;
				color:#094A58;
				text-align:right;
				padding:0.3em 0.6em;
				background:#FFF;
				margin-bottom:10px;
			}
			.staffBox div.article div.profile p.post{
				line-height:1.5;
				text-align:right;
				color:#FFF;
				margin-bottom:5px;
			}
			.staffBox div.article div.profile p.name{
				font-size:137%;
				color:#FFF;
				line-height:1.5;
				text-align:right;
			}
				.staffBox div.article div.profile p.name span{
					display:block;
					font-family: 'Crimson Text', serif;
					font-style:italic;
					font-size:15px;
					letter-spacing:0.1em;
				}
		.staffBox div.article2 {
			width:100%;
			clear:both;
		}
			.staffBox div.article2 div.left {
				width:45%;
				float:left;
			}
			.staffBox div.article2 div.right {
				width:45%;
				float:right;
			}
			.staffBox div.article2 p.question {
				color:#507934;
				font-weight:bold;
				background:url(../../recruit/img/icon_bar.png) 0 13px no-repeat;
				background-size:12px 3px;
				padding-left:25px;
				margin-bottom:15px;
			}
		.staffBox div.article img.interviewImg {
			display:block;
			width:100%;
		}

@media screen and (max-width:1039px){
.interviewTit {
	margin-bottom:90px;
}
	.staffBox h3 {
		font-size:162%;
	}
		.staffBox img.tri1 {
			width:200px;
			height:200px;
			margin-bottom:0;
		}
		.staffBox img.tri2 {
			width:200px;
			height:200px;
			margin-bottom:0px;
		}
		.staffBox img.tri3 {
			width:200px;
			height:200px;
			margin-bottom:0px;
		}
		.staffBox div.article {
			position:inherit;
		}
			.staffBox div.article div.txt{
				position:inherit;
				display:block;
				width:77%;
				padding:0;
				background:#FFF;
				z-index:2;
				top:0;
				left:0;
				margin-bottom:50px;
			}
				.staffBox div.article div.txt p.question{
					background:url(../../recruit/img/icon_bar.png) 0 12px no-repeat;
					background-size:12px 3px;
					padding-left:23px;
				}
		.staffBox div.article div.profile{
			position:inherit;
			padding:0 0 0 30px;
			margin-bottom:90px;
		}
			.staffBox div.article div.profile p.department{
				color:#FFF;
				text-align:left;
				color:#FFF;
				padding:0.6em 0.6em;
				background:#35542A;
			}
			.staffBox div.article div.profile p.post{
				text-align:left;
				color:#35542A;
			}
			.staffBox div.article div.profile p.name{
				font-size:142%;
				color:#35542A;
				text-align:left;
			}
		.staffBox div.article2 {
			width:100%;
			clear:both;
		}
			.staffBox div.article2 div.left {
				width:45%;
				float:left;
			}
			.staffBox div.article2 div.right {
				width:45%;
				float:right;
			}
			.staffBox div.article2 p.question {
				background:url(../../recruit/img/icon_bar.png) 0 12px no-repeat;
				background-size:12px 3px;
				padding-left:23px;
			}
}

@media screen and (max-width:767px){
.interviewTit {
	margin-bottom:90px;
}

.staffBox {
	max-width:1000px;
	position:relative;
}
	.staffBox h3 {
		font-size:120%;
		text-align:right;
		padding:0.6em 1em;
		top:-50px;
		right:0;
	}
		.staffBox h3 br {
			display:block;
		}
		.staffBox img.tri1 {
			width:100px;
			height:100px;
		}
		.staffBox img.tri2 {
			width:100px;
			height:100px;
		}
		.staffBox img.tri3 {
			width:100px;
			height:100px;
		}
			.staffBox div.article div.txt{
				width:100%;
				margin-bottom:40px;
			}
				.staffBox div.article div.txt p.question{
					background:url(../../recruit/img/icon_bar.png) 0 12px no-repeat;
					background-size:12px 3px;
					padding-left:23px;
				}
		.staffBox div.article div.profile{
			margin-bottom:80px;
		}
			.staffBox div.article div.profile p.name{
				font-size:126%;
			}
		.staffBox div.article2 {
			width:100%;
			clear:both;
		}
			.staffBox div.article2 div.left {
				width:100%;
				float:none;
				margin-bottom:40px;
			}
			.staffBox div.article2 div.right {
				width:100%;
				float:none;
			}
			.staffBox div.article2 p.question {
				color:#507934;
				font-weight:bold;
				background:url(../../recruit/img/icon_bar.png) 0 12px no-repeat;
				background-size:12px 3px;
				padding-left:23px;
				margin-bottom:15px;
			}
		.staffBox div.article img.interviewImg {
			display:block;
			width:100%;
		}
}

/* !教育 / 研修
---------------------------------------------------------- */
.contentsInTrainingSub {
	width:auto;
	max-width:1000px;
	margin:80px auto 0 auto;
}

.trainingTit {
	margin-bottom:100px;
}

.training {
	width:100%;
}
	.training li {
		width:50%;
		float:left;
		position:relative;
	}
		.training li img {
			display:block;
			width:100%;
		}
			.training li h3 {
				position:absolute;
				display:inline-block;
				font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
				font-size:150%;
				color:#FFF;
				line-height:1;
				letter-spacing:0.1em;
				border-bottom:1px solid #FFF;
				padding-bottom:0.8em;
			}
				.training li.training01 h3 {
					text-align:right;
					bottom:30%;
					right:8%;
				}
				.training li.training02 h3 {
					bottom:30%;
					left:8%;
				}
				.training li.training03 h3 {
					text-align:right;
					top:11%;
					right:8%;
				}
				.training li.training04 h3 {
					top:11%;
					left:8%;
				}
			.training li p {
				position:absolute;
				color:#FFF;
			}
				.training li p br.tbIn {
					display:none;
				}
				.training li.training01 p {
					text-align:right;
					bottom:10%;
					right:7%;
				}
				.training li.training02 p {
					bottom:10%;
					left:8%;
				}
				.training li.training03 p {
					text-align:right;
					top:27%;
					right:7%;
				}
				.training li.training04 p {
					top:27%;
					left:8%;
				}
				
@media screen and (max-width:1039px){
.contentsInTrainingSub {
	background:#FFF;
	margin:80px 20px 0 20px;
}

.trainingTit {
	margin-bottom:80px;
}
				.training li.training01 h3 {
					bottom:45%;
					right:8%;
				}
				.training li.training02 h3 {
					bottom:45%;
					left:8%;
				}
				.training li.training03 h3 {
					top:11%;
					right:8%;
				}
				.training li.training04 h3 {
					top:11%;
					left:8%;
				}
				.training li p br.tbIn {
					display:inherit;
				}
				.training li.training01 p {
					bottom:10%;
					right:8%;
				}
				.training li.training02 p {
					bottom:10%;
					left:8%;
				}
				.training li.training03 p {
					top:31%;
					right:8%;
				}
				.training li.training04 p {
					top:31%;
					left:8%;
				}
}

@media screen and (max-width:767px){
.contentsInTrainingSub {
	margin:60px 15px 0 15px;
}
.trainingTit {
	margin-bottom:60px;
}
	.training li {
		width:100%;
	}
			.training li h3 {
				font-size:130%;
				padding-bottom:1em;
			}
				.training li.training01 h3 {
					text-align:left;
					bottom:46%;
					left:8%;
					right:auto;
				}
				.training li.training02 h3 {
					bottom:46%;
					right:8%;
					left:auto;
				}
				.training li.training03 h3 {
					text-align:left;
					top:12%;
					left:8%;
					right:auto;
				}
				.training li.training04 h3 {
					text-align:right;
					top:12%;
					right:8%;
					left:auto;
				}
			.training li p {
				position:absolute;
				color:#FFF;
			}
				.training li p br.tbIn {
					display:inherit;
				}
				.training li.training01 p {
					text-align:left;
					bottom:10%;
					left:8%;
					right:auto;
				}
				.training li.training02 p {
					text-align:right;
					bottom:10%;
					right:8%;
					left:auto;
				}
				.training li.training03 p {
					text-align:left;
					top:32%;
					left:8%;
					right:auto;
				}
				.training li.training04 p {
					text-align:right;
					top:32%;
					right:8%;
					left:auto;
				}
}