@charset "UTF-8";
#mainimg {
	position: relative;
	margin: 0px;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: url(../img/recruit-main.jpg) no-repeat center 92px;
	background-size: cover;
	padding-top: 92px;
}
#mainimg-body{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	overflow: hidden;
	padding: 92px 5% 0;
}
#mainimg h2{width: 83.588519438349%;padding-top: 16.075102880658%;}
.mbYTP_wrapper{z-index: 888!important;}
.YTPOverlay.raster {background: url(../img/raster.png);}
@media (max-width: 960px) {
	#mainimg h2{width: 100%;padding-top: 30%;}
}

#contents{padding: 80px 0 120px;}

h2 img{display: block;}

#recruit-01{
	padding: 0 0 80px;
	background: url(../img/recruit-01.jpg) no-repeat right center;
	background-size: 95%;
}
#recruit-01 h2{margin-bottom: 40px;}
#recruit-01-txt{position: relative;width: 60%;background-color: rgba(255,255,255,1); padding: 60px;}
#recruit-01-txt p{line-height: 2;}
@media (max-width: 960px) {
	#recruit-01-txt{width: 85%;padding: 60px 30px;}
}
@media (max-width: 767px) {
	#recruit-01{padding: 60px 0;background-position: right top;}
	#recruit-01-txt{width: 100%;padding: 40px 15px;}
	#recruit-01-txt p{line-height: 1.8;}
}

#recruit-02{padding: 80px 0 40px;background: #fff;}
#recruit-02 h2{margin-bottom: 60px;}
#r02-title{width: 35%;padding-right: 40px;}
#r02-img{width: 65%;}
#r02-img img{width: 100%;display: block;}
#recruit-02 li{width: 30.769230769231%;}
#recruit-02 li .btn{width: 100%;letter-spacing: 0.06em;max-width: 320px;display: block;border: none;border-bottom: 1px solid #468ac8;font-size: 14px;font-size: 1.4rem;padding-right: 15px;text-align: left;background-image: url(../img/recruit-02-check.svg);background-repeat: no-repeat;background-position: left center;}
#recruit-02 li:nth-child(1) .btn{background-image: url(../img/recruit-02-c01.svg);}
#recruit-02 li:nth-child(2) .btn{background-image: url(../img/recruit-02-c02.svg);}
#recruit-02 li:nth-child(3) .btn{background-image: url(../img/recruit-02-c03.svg);}
#recruit-02 li:nth-child(4) .btn{background-image: url(../img/recruit-02-c04.svg);}
#recruit-02 li:nth-child(5) .btn{background-image: url(../img/recruit-02-c05.svg);}
#recruit-02 li:nth-child(6) .btn{background-image: url(../img/recruit-02-c06.svg);}
#recruit-02 li:nth-child(7) .btn{background-image: url(../img/recruit-02-c07.svg);}
#recruit-02 li:nth-child(8) .btn{background-image: url(../img/recruit-02-c08.svg);}
#recruit-02 li:nth-child(9) .btn{background-image: url(../img/recruit-02-c09.svg);}

#recruit-02 li .btn::after{right: -5px;}
.r02-i-c{background-color: #fff;padding: 30px 20px;width: 300px;}
.r02-i-c img{display: block;margin: 0 auto 15px;}
.r02-i-c h3{font-weight: bold;color: #468ac8;line-height: 1.25;border-bottom: 1px solid #ccc;margin-bottom: 10px;text-align: center;padding-bottom: 10px;}
@media (max-width: 960px) {
	#recruit-02 h2{margin-bottom: 40px;}
	#recruit-02 li{width: 32%;}
}
@media (max-width: 767px) {
	#r02-title{width: 100%;padding-right: 0;margin-bottom: 30px;}
	#r02-img{width: 100%;}
	#recruit-02 li{width: 100%;}
}

#recruit-03{padding: 40px 0 80px;background: #fff;}
#recruit-03 h2{margin-bottom: 40px;}
.r03-c{width: 48.611111111111%;}
.r03-c img{display: block;margin: auto;}
img.r03-c-img{width: 100%;margin-bottom: 15px;}
.r03-c h3{margin-bottom: 15px;}
.r03-t{line-height: 80px;padding: 0 15px 2px;border: 1px solid #468ac8;}
@media (max-width: 767px) {
	#recruit-03{padding: 30px 0 60px;}
	.r03-c{width: 100%;margin-bottom: 30px;}
	.r03-c:last-child{margin-bottom: 0;}
	.r03-t{line-height: 60px;}
}

#recruit-spacial{padding: 80px 0;}

#recruit-04{padding: 80px 0;}
#recruit-04 h2{margin-bottom: 40px;}
#recruit-04 li{width: 49.038461538462%;position: relative;background-color: #fff;border: 1px solid #ccc;padding: 25px;margin-bottom: 10px;}
#recruit-04 li h3{padding-bottom: 15px;border-bottom: 1px solid #ccc;margin-bottom: 15px;}
@media (max-width: 767px) {
	#recruit-04 li{width: 100%;padding: 20px 15px;margin-bottom: 5px;}
	#recruit-04 li h3{margin-bottom: 10px;}
	#recruit-04 li:last-child{margin-bottom: 0;}
}

#voice-link {padding: 80px 0 0;}
#voice-link a {
	color: #fff;
	text-decoration: none;
	position: relative;
	display: block;
	width: 100%;
	background: url(../img/voice-banner.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 97px 20px 96px;
}
#voice-link a h2{margin-bottom: 30px;position: relative;color: #fff;}
#voice-link a h2 img{margin: 0 auto;}
#voice-link a p{line-height: 1.5;font-size: 21px;font-size: 2.1rem;margin-bottom: 40px;letter-spacing: 0.09em;position: relative;}
#voice-link a p img{display: block;margin: auto;}
#voice-link a img{position: relative;}
#voice-link a::before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.65;background-color: #468AC8;}
#voice-link a:hover::before{opacity: 0.8;}
@media (max-width: 960px) {
	#voice-link a{padding: 60px 15px 60px;}
	#voice-link a p{font-size: 18px;font-size: 1.8rem;}
}

#voice-link {padding: 80px 0 0;}
#voice-link a {
	color: #fff;
	text-decoration: none;
	position: relative;
	display: block;
	width: 100%;
	background: url(../img/voice-banner.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 97px 20px 96px;
}
#voice-link a h2{margin-bottom: 30px;position: relative;color: #fff;}
#voice-link a h2 img{margin: 0 auto;}
#voice-link a p{line-height: 1.5;font-size: 21px;font-size: 2.1rem;margin-bottom: 40px;letter-spacing: 0.09em;position: relative;}
#voice-link a p img{display: block;margin: auto;}
#voice-link a img{position: relative;}
#voice-link a::before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.65;background-color: #468AC8;}
#voice-link a:hover::before{opacity: 0.8;}
@media (max-width: 960px) {
	#voice-link a{padding: 60px 15px 60px;}
}

#talk-link {padding: 30px 0 0;}
#talk-link a {
	color: #fff;
	text-decoration: none;
	position: relative;
	display: block;
	width: 100%;
	background: url(../img/talk-banner.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 104px 20px 102px;
}
#talk-link a h2{margin-bottom: 30px;position: relative;color: #fff;}
#talk-link a h2 img{margin: 0 auto;}
#talk-link a p{line-height: 1.5;font-size: 21px;font-size: 2.1rem;margin-bottom: 40px;letter-spacing: 0.09em;position: relative;}
#talk-link a p img{display: block;margin: auto;}
#talk-link a img{position: relative;}
#talk-link a::before {content: '';display: block;position: absolute;left: 33.3333333333%;top: 0;width: 33.3333333333%;height: 100%;opacity: 0.65;background-color: #468AC8;}
#talk-link a:hover::before{opacity: 0.8;width: 100%;left: 0;}
@media (max-width: 960px) {
	#talk-link a{padding: 30px 15px;}
	#talk-link a::before{width: 100%;left: 0;}
}
@media (max-width: 767px) {
	#talk-link a{padding: 60px 15px;}
}

#recruit-05{padding: 100px 0 60px;}
.recruit-05-title{width: 32.692307692308%;}
#recruit-05 h2{margin-bottom: 40px;}
#recruit-05 .keywords{width: 32.692307692308%;background-color: #fff;padding: 30px 35px;border: 1px solid #ccc;margin-bottom: 10px;}
#recruit-05 h3{font-size: 21px;font-size: 2.1rem;text-align: center;letter-spacing: 0.12em;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ccc;line-height: 1.5;color: #468AC8;font-weight: bold;}
@media (max-width: 1100px) {
	.recruit-05-title{width: 100%;margin-bottom: 40px;}
	#recruit-05 .keywords{width: 49%;}
}
@media (max-width: 767px) {
	#recruit-05 .keywords{width: 100%;padding: 20px 15px}
}

#faq{padding: 20px 0;}
#faq h2{font-size: 28px;font-size: 2.8rem;letter-spacing: 0.09em;margin-bottom: 40px;}
#faq-panel{background-color: #fff;padding: 60px 40px;}
#faq dl{margin-bottom: 20px;width: 47.916666666667%;}
#faq dl:last-child{margin-bottom: 0;}
#faq dt{min-height: 45px;background: url(../img/recruit-faq-q.svg) no-repeat left top;padding-top: 9px;padding-left: 50px;font-weight: bold;}
#faq dd{min-height: 40px;background: url(../img/recruit-faq-a.svg) no-repeat left top;padding-top: 9px;padding-left: 50px;}
@media (max-width: 960px) {
	#faq dl{margin-bottom: 20px;width: 100%;}
	#faq-panel{padding: 60px 20px;}
}

#photo{padding: 80px 0;}
#photo h2{margin-bottom: 40px;}
ul#photolist{width: 100%;padding: 0;}
ul#photolist li{width: 32.692307692308%;margin-bottom: 10px;}
ul#photolist li a{position: relative;display: block;overflow: hidden;}
ul#photolist li a img{width: 100%;}
ul#photolist li a:after{
	display: block;
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
ul#photolist li a:hover:after{background-color: rgba(70,138,200,0.6);}
ul#photolist li a img{
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
ul#photolist li a:hover img {
	-ms-transform: scale3d(1.1, 1.1, 1);
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
}
@media (max-width: 767px) {
	#photo{padding: 60px 0;}
	ul#photolist li{width: 50%;padding: 2px;}
	ul#photolist li:first-child,ul#photolist li:last-child{width: 100%;}
}

#movie a {
	color: #fff;
	text-decoration: none;
	position: relative;
	display: block;
	width: 100%;
	background: url(../img/recruit-movie.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 102px 20px 101px;
}

#movie a h2{margin-bottom: 30px;position: relative;color: #fff;}
#movie a h2 img{margin: 0 auto;}
#movie a p{line-height: 1.5;font-size: 21px;font-size: 2.1rem;margin-bottom: 40px;letter-spacing: 0.09em;position: relative;}
#movie a p img{display: block;margin: auto;}
#movie a img{position: relative;}
#movie a::before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.65;background-color: #003F8D;}
#movie a:hover::before{opacity: 0.8;}
@media (max-width: 960px) {
	#movie a{padding: 60px 15px 60px;}
	#movie a p{font-size: 18px;font-size: 1.8rem;}
}

.btns{padding: 60px 0 0;text-align: center;}
.btns h2{margin-bottom: 40px;position: relative;}
.btns h2 img{margin: auto;}
.btns h2::after{content: "";display: block;width: 54px;height: 4px;background-color: #468ac8;margin: 40px auto 0;}
.btns p a{margin: 5px 10px;}



#recruit-09{
	padding: 80px 0;
	background: url(../img/req-banner.jpg) no-repeat center center;
	background-size: cover;
}
#recruit-09 .h2-b::before{background-color: #fff;}
#recruit-09 li{width: 48%;position: relative;background-color: #fff;border: 1px solid #022eac;text-align: center;padding-bottom: 20px;}
#recruit-09 li h3{padding: 20px;width: 100%;font-weight: bold;font-size: 18px;font-size: 1.8rem;line-height: 1.25;border-bottom: 1px solid #022eac;color: #022eac;letter-spacing: 0.12em;}
#recruit-09 li p{padding: 20px 15px;}
@media (max-width: 960px) {
	#recruit-09{padding: 60px 0;}
	#recruit-09 li{width: 100%;margin-bottom: 10px;}
	#recruit-09 li:last-child{margin-bottom: 0;}
}

#recruit-10{padding: 80px 0;}
#recruit-10 li{margin: 10px;}
#recruit-10 .btn{display: block;width: 260px;}
#recruit-10 li a:hover{opacity: 0.6;}
@media (max-width: 767px) {
	#recruit-10{padding: 60px 0;}
	#recruit-10 li:last-child{margin-bottom: 0;}
}