@-webkit-keyframes scroll_effect {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 8px);
    opacity: 0;
  }
}
@keyframes scroll_effect {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 8px);
    opacity: 0;
  }
}

body{
	width: 100%;
	overflow: hidden;
}

.bg_top_white{
	background: #FFF;
}
.video-background {
    background: #000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -99;
    width: 100%;
    min-height: 640px;
}

.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 110%;
    height: 110%;
    pointer-events: none;
    /*min-width: 940px;*/
    min-height: 640px;
}
.video-foreground {
    width: 300%;
    left: -115%;
}
.opacityBg {
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    width: 5000px;
    height: 2000px;
    position: fixed;
    top: 0;
    left: 0;
}
.title_eng{
	opacity: .2;
	position: relative;
	z-index: 2;
	font-size: 120px;
	color: #7e98df;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 5px;
}
.top_mv .mv_content{
	width: 100%;
	padding: 240px;
	min-height: 640px;
	position: relative;
}
.top_mv .scroll_to{
	color: #fff;
	font-size: 16px;
	position: absolute;
	bottom: 22px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	z-index: 9;
	padding-bottom: 20px;
}
.top_mv .scroll_to p{
	position: relative;
}
.top_mv .scroll_to p span{
	position: absolute;
	top: 14px;
	left: 0;
	width: 100%;
	height: 8px;
	background: url(../img/icon_scroll_to.png) bottom center no-repeat;
	-webkit-background-size: 12px auto;
	     -o-background-size: 12px auto;
	        background-size: 12px auto;
	-webkit-animation: scroll_effect 1.5s infinite;
	   -moz-animation: scroll_effect 1.5s infinite;
	     -o-animation: scroll_effect 1.5s infinite;
	        animation: scroll_effect 1.5s infinite;
}
.section_mission{
	width: 100%;
	background: #FFF;
	padding: 60px 0 0 0;
}

.section_mission .protection{
	background: #f1f3f9;
	width: 1080px;
	margin: -65px auto 0 auto;
	/*background: red;*/
	padding: 100px 0 30px 0;
}
.section_mission .protection .ttl_protection{
	font-size: 46px;
	font-weight: normal;
	margin-bottom: 60px;
	letter-spacing: 5px;
	padding: 0 10px;
}
.section_mission .protection .txt_protection{
	font-size: 14px;
	line-height: 2.5;
	padding: 0 10px;
}
.section_mission .protection .txt_tax{
	line-height: 2.2;
	margin-top: 10px;
	margin-bottom: 50px;
}
.section_mission .protection .right_img{
	margin-top: -24px;
	position: absolute;
	top:0;
	left:0;
}

.section_mission .ttl_sm_mission{
	font-size: 16px;
	text-transform: uppercase;
	padding: 0 10px;
}
.section_mission .ttl_sm_mission span{
	font-size: 30px;
	font-weight: normal;
	display: block;
	margin: 25px 0 0 0;
}

.section_blog{
	margin: 100px 0 60px 0;
	padding-top: 2rem;
}
.section_blog .col{
	float: left;
	width: 67%;
}
.section_blog .first_blog{
	max-width: 325px;
	width: 33%;
}
.section_blog .txt_blog{
	font-size: 14px;
	line-height: 2.2;
	border-bottom: 2px solid #F1F3F9;
	padding-bottom: 33px;
}
.section_blog .txt_blog_description{
	font-size: 20px;
	margin-bottom: 35px;
	color: #5269a9;	
}
.btn_right_arrow{
	font-weight: normal;
}
.section_blog .txt_blog_description .date{
	font-size: 16px;
	color: #333333;
	display: block;
	margin: 55px 0 25px 0;
}

.section_business{
	position: relative;
	padding: 210px 0 60px 0;
}
.section_business .right_box{
	width: 63.28%;
	height: 372px;
	background: url(../img/img_business.jpg) top center no-repeat;
	-webkit-background-size: 100% auto;
	     -o-background-size: 100% auto;
	        background-size: 100% auto;
	position: absolute;
	top: 44px;
	right: 0;
}
.section_business .txt_paragraph{
	font-size: 14px;
	margin-top: 80px;
	margin-bottom: 38px;
}
.btn_link span{
	font-weight: normal;
}
.section_business .txt_paragraph span{
	font-size: 24px;
	font-weight: normal;
	display: block;
	color: #5269a9;
	margin: 22px 0 38px 0;
}

.section_interview{
	background: #fff;
	text-align: center; 
	padding: 124px 0 124px 0;
}
.section_interview .title_interview{
	font-size: 42px;
	font-weight: normal;
}
.section_interview .title_interview_02{
	font-size: 20px;
	font-weight: normal;
	color: #5269a9;
	margin: 60px 0 25px 0;
}
.section_interview .txt_desc{
	font-size: 14px;
	line-height: 2;
}
.section_interview .title_eng{
	text-align: right;
	margin-bottom: 22px;
}
.section_interview .interview_list li{
	text-align: left;
	margin-bottom: 50px;
	height: 460px;
	overflow: hidden;
}
.section_interview .interview_list li:nth-child(3n+1){
	margin-top: -70px;
}
.section_interview .interview_list li:nth-child(3n+3){
	margin-top: 70px;
}
.section_interview .interview_item .img_item {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.section_interview .interview_item:hover .img_item{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.section_interview .interview_list .interview_item_name{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	background: url(../img/bg_interview_item.png) top left no-repeat;
	-webkit-background-size: 100% 100%;
	     -o-background-size: 100% 100%;
	        background-size: 100% 100%;
	padding: 30px 20px 20px 20px;
}
.section_interview .interview_list .interview_item .j_name{
	font-size: 24px;
	display: block;
}
.section_interview .interview_list .interview_item .e_name{
	font-size: 13px;
	margin-top: 12px;
	display: block;
}
.section_discussion .bg_discussion{
	width: 100%;
	background: url(../img/bg_discussion.jpg) top center no-repeat #edf1f8;
	-webkit-background-size: auto;
	     -o-background-size: auto;
	        background-size: auto;
	min-height: 800px;
	padding-top: 80px;
	text-align: center;
}
.section_discussion .title_discussion{
	font-size: 42px;
	font-weight: normal;
	letter-spacing: 5px;
}
.section_discussion .txt_discussion{
	margin-top: 540px;
	margin-bottom: 26px;
	font-size: 14px;
}
.txt_box{
	width: 545px;
	width: 42.57%;
	padding: 6px 68px 24px 68px;
	display: inline-block;
	text-align: left;
}
.txt_box .ttl_txt_box{
	font-size: 42px;
	font-weight: normal;
	letter-spacing: .1rem;
	line-height: 1.5;
	margin-top: 32px;
}
.txt_box .ttl_txt_box .txt_eng{
	display: block;
	font-size: 16px;
}
.txt_box .desc{
	margin-top: 84px;
	width: 100%;
	/*border-left: 1px solid #5269a9;*/
	padding: 15px 0;
}
.txt_box .desc p{
	font-size: 14px;
	line-height: 2;
	margin-bottom: 0;
	border-left: 1px solid #5269a9;
	padding-left: 24px;
}
.section_carrer{
	background: #F7F7F7;
	padding: 100px 0 94px;
	margin-bottom: 68px;
}
.section_carrer .bg_content{
	text-align: right;
	background: url(../img/bg_carrer.jpg) top left no-repeat;
	-webkit-background-size: 57.49% auto;
	     -o-background-size: 57.49% auto;
	        background-size: 57.49% auto;
}

.section_work_environment .bg_content{
	text-align: left;
	background: url(/recruit/img/bg_work_enviroment.jpg) top right no-repeat;
	-webkit-background-size: 57.49% auto;
	     -o-background-size: 57.49% auto;
	        background-size: 57.49% auto;
	margin-bottom: 82px;	
}
.btn_seemore{
	display: inline-block;
	float: right;
	padding: 20px 48px 20px 60px;
	position: relative;
	background: url(/recruit/common/img/icon_arrow.png) right 22px center no-repeat;
	-webkit-background-size: 6px auto;
	   -o-background-size: 6px auto;
	      background-size: 6px auto;
	transition: all .2s;
	text-align: center;
}
.btn_seemore span{
	font-family: 'Cardo', serif;
	font-size: 14px;
	color: #22325f;
	font-weight: bold;
}
.btn_seemore:hover{
	opacity: 1;
	background: url(/recruit/common/img/icon_arrow.png) right 12px center no-repeat;
	-webkit-background-size: 6px auto;
	   -o-background-size: 6px auto;
	      background-size: 6px auto;
}
@media only screen and (min-width: 1280px) {
	.top_mv .mv_content,
	.top_mv .inner{
		height: 100vh;
		padding: 0;
	}
	.top_mv .inner{
		margin-top: -70px;
	}
	.top_mv .img_mv_content{
		position: absolute;
		top: 50%;
		left: 0;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
}
@media only screen and (max-width: 1279px) and (min-width: 980px) {
	.video-background {
	    min-height: 50vw;
	}

	.video-foreground,
	.video-background iframe {
	    min-height: 50vw;
	}
	.opacityBg {
	    width: 390.625vw;
	    height: 156.250vw;
	}
	.title_eng{
		font-size: 120px;
		/*font-size: 9.375vw;*/
		letter-spacing: 0.391vw;
	}
	.top_mv .mv_content{
		padding: 18.750vw;
		min-height: 50vw;
	}
	.top_mv .mv_content .img_mv_content{
		width: 53.906vw;
		height: auto;
	}
	.section_mission{
		padding: 4.688vw 0 0 0;
	}

	.section_mission .protection{
		width: 84.375vw;
		margin: -5.078vw auto 0 auto;
		padding: 7.813vw 0 2.344vw 0;
	}
	.section_mission .protection .ttl_protection{
		font-size: 46px;
		/*font-size: 3.594vw;*/
		margin-bottom: 4.688vw;
		letter-spacing: 0.391vw;
		padding: 0 0.781vw;
	}
	.section_mission .protection .txt_protection{
		font-size: 14px;
		padding: 0 0.781vw;
	}
	.section_mission .protection .txt_tax{
		margin-top: 0.781vw;
		margin-bottom: 3.906vw;
	}
	.section_mission .protection .right_img{
		margin-top: -1.875vw;
		width: 50vw;
		height: auto;
	}

	.section_mission .ttl_sm_mission{
		font-size: 16px;
		padding: 0 0.781vw;
	}
	.section_mission .ttl_sm_mission span{
		font-size: 30px;
		margin: 1.953vw 0 0 0;
	}

	.section_blog{
		margin: 7.813vw 0 4.688vw 0;
	}
	.section_blog .first_blog{
		max-width: 25.391vw;
		width: 33%;
	}
	.section_blog .txt_blog{
		font-size: 14px;
		border-bottom: 0.156vw solid #F1F3F9;
		padding-bottom: 2.578vw;
	}
	.section_blog .txt_blog_description{
		font-size: 20px;
		margin-bottom: 2.734vw;
	}
	.section_blog .txt_blog_description .date{
		font-size: 16px;
		margin: 1.250vw 0 1.953vw 0;
	}
	.section_business{
		position: relative;
		padding: 9.688vw 0 0 4.0vw;
	}
	.section_business .right_box{
		width: 63.28%;
		height: 29.063vw;
		top: 3.438vw;
	}
	.section_business .txt_paragraph{
		font-size: 14px;
		margin-top: 6.250vw;
		margin-bottom: 2.969vw;
	}
	.section_business .txt_paragraph span{
		font-size: 24px;
		margin: 1.719vw 0 2.969vw 0;
	}
	.section_interview{ 
		padding: 9.688vw 0 9.688vw 0;
	}
	.section_interview .title_interview{
		font-size: 42px;
	}
	.section_interview .title_interview_02{
		font-size: 20px;
		margin: 4.688vw 0 1.953vw 0;
	}
	.section_interview .txt_desc{
		font-size: 14px;
	}
	.section_interview .title_eng{
		margin-bottom: 1.719vw;
	}
	.section_interview .interview_list li{
		margin-bottom: 3.906vw;
		height: 35.938vw;
	}
	.section_interview .interview_list li:nth-child(3n+1){
		margin-top: -5.469vw;
	}
	.section_interview .interview_list li:nth-child(3n+3){
		margin-top: 5.469vw;
	}
	.section_interview .interview_list .interview_item_name{
		padding: 2.344vw 1.563vw 1.563vw 1.563vw;
	}
	.section_interview .interview_list .interview_item .j_name{
		font-size: 24px;
	}
	.section_interview .interview_list .interview_item .e_name{
		font-size: 13px;
		margin-top: 0.938vw;
	}
	.section_discussion .title_discussion{
		font-size: 42px;
		letter-spacing: 0.391vw;
	}
	.section_discussion .txt_discussion{
		font-size: 14px;
	}
	.txt_box{
		padding: 0.469vw 5.313vw 5vw 5.313vw;
	}
	.txt_box .ttl_txt_box{
		font-size: 42px;
	}
	.txt_box .ttl_txt_box .txt_eng{
		display: block;
		font-size: 16px;
	}
	.txt_box .desc{
		margin-top: 6.563vw;
		/*border-left: 0.078vw solid #5269a9;*/
		padding: 1.172vw 0;
	}
	.txt_box .desc p{
		font-size: 14px;
		margin-bottom: 2.031vw;
		padding-left: 1.172vw;
		border-left: 0.078vw solid #5269a9;
	}
	.section_carrer{
		padding: 7.813vw 0 4.813vw;
	}
	.section_work_environment .bg_content{
		margin-bottom: 6.406vw;	
	}	
}
@media only screen and (max-width: 979px) {

	.video-background,
	.video-foreground, 
	.video-background iframe{
		min-height: 5.82rem;
		margin-top: -.4rem;
	}
	.video-background iframe{
		width: 140%;
    	height: 140%;
	}
	.video-background{
		width: auto;
		bottom: auto;
	}
	.video-foreground{
		width: 100%;
    	height: 100%;
    	left: 0;
	}
	.top_mv .mv_content{
		min-height: 4.66rem;
		padding: 1.5rem 0 0 0;
	}
	.top_mv .mv_content .img_mv_content{
		width: 4.5rem;
	}
	.title_eng.txt_eng{
		font-size: 0.9rem;
		letter-spacing: .05rem;
	}
	.section_mission{
		padding: .58rem 0 0 0;
	}
	.section_mission .protection{
		margin: -.45rem auto 0 auto;
		padding: 0 0 2.28rem 0;
		width: 6.7rem;
	}
	.section_mission .protection .ttl_protection{
		font-size: .36rem;
		margin-bottom: 0;
		letter-spacing: .05rem;
		padding: .9rem 0 .55rem 0;
	}
	.section_mission .protection .txt_protection{
		font-size: 0.28rem;
		padding: 0;
	}
	.section_mission .protection .right_img{
		position: relative;
		margin: 0;
		width: 100%;
		height: auto;
	}
	.sp_btn_position{
		position: absolute;
		bottom: -8rem;
		left:0;
		width: 100%;
	}
	.section_blog .first_blog,
	.section_blog .col{
		width: 100%;
		max-width: 100%;
	}
	.section_mission .ttl_sm_mission{
		font-size: .22rem;
		padding: 0 0 .32rem 0;
	}
	.section_mission .ttl_sm_mission span{
		margin: .35rem 0 0 0;
		font-size: .48rem;
		letter-spacing: .02rem;
	}
	.section_blog {
	    margin: 1.15rem 0 1.48rem 0;
	    padding-top: 0;
	}
	.section_blog .txt_blog {
		font-size: .28rem;
		line-height: 2;
		padding-bottom: 1.2rem;
		border-bottom: 0.02rem solid #F1F3F9;
	}
	.section_blog .txt_blog_description{
		font-size: .3rem;
		margin-bottom: .35rem;
		color: #5269a9;		
		line-height: 1.5;
	}
	.section_blog .txt_blog_description .date {
		font-size: .22rem;
		margin: .6rem 0 .35rem 0;	
	}
	
	.section_business{
		padding: .7rem 0;
		background: #f1f3f9;
		margin-top: 1.15rem;
	}
	.section_business .sp_center{
		text-align: center;
	}
	.section_business .align_right{
		text-align: center;
	}
	.section_business .txt_paragraph{
		margin-top: .5rem;
		font-size: .28rem;
		margin-bottom: .55rem;
		line-height: 2;
	}
	.section_business .txt_paragraph span {
		font-size: .3rem;
		margin: .45rem 0 .55rem 0;
	}
	.section_business .right_box,
	.section_business .wrap{
		width: 100%;
		height: 100%;
		top: 0;
		position: absolute;
		left: 0;
		background: transparent;
	}
	.section_business .only_sp {
		margin-left: -.62rem;
		width: 7.5rem;
		margin-bottom: .6rem;
	}
	.section_interview{
		padding: 1rem 0;
	}
	.section_interview .wrap{
		width: 6.27rem;
		margin: 0 auto;
	}
	.section_interview .title_interview{
		font-size: .48rem;
	}
	.section_interview .title_interview_02{
		font-size: 0.3rem;
		margin: .9rem 0 .45rem 0;
	}
	.section_interview .txt_desc{
		font-size: 0.28rem;
		max-width: 5.1rem;
		margin: 0 auto;
	}
	.section_interview .title_eng{
		margin: .45rem 0;
		text-align: center;
	}
	.section_interview .interview_list li{
		height: 3rem;
		margin-bottom: .26rem;
	}
	.section_interview .interview_list li:nth-child(3n+1),
	.section_interview .interview_list li:nth-child(3n+3){
		margin: 0 0 .26rem 0;
	}
	.section_interview .interview_list li .interview_item{
		width: 3rem;
		display: inline-block;
		text-align: left;
		position: relative;
		overflow: hidden;
	}
	.section_interview .interview_list li img{
		width: 100%;
		height: auto;
	}
	.section_interview .interview_list li:nth-child(2n+2){
		text-align: right;
	}
	.section_interview .interview_list .interview_item_name{
		padding: .30rem .2rem .2rem .2rem;
		bottom: -.02rem;
	}
	.section_interview .interview_list .interview_item .j_name{
		font-size: .24rem;
	}
	.section_interview .interview_list .interview_item .e_name{
		font-size: .18rem;
	}
	.section_interview .btn_link{
		margin-top: .66rem;
	}

	.section_discussion .bg_discussion{
		background: url(../img/sp_bg_discussion.jpg) top center no-repeat #edf1f8;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
		min-height: 12.7rem;
		padding-top: .88rem;
	}
	.section_discussion .title_discussion {
		font-size: .42rem;
		letter-spacing: 0.05rem;
	}
	.section_discussion .txt_discussion {
		font-size: .28rem;
		line-height: 2;
		max-width: 5.7rem;
		margin: 7.25rem auto .8rem auto;
		text-align: left;
	}
	.txt_box{
		width: 100%;
		max-width: 6.28rem;
		padding: 1.2rem 0 .4rem 0;
		display: block;
		margin: 0 auto;
	}
	.txt_box .ttl_txt_box .txt_eng{
		font-size: 0.22rem;
		margin-bottom: 0.15rem;
	}
	.txt_box .ttl_txt_box {
		font-size: .48rem;
		letter-spacing: .05rem;
		line-height: 1.5;
		margin-top: .32rem;
	}
	.txt_box .desc{
		width: 100%;
		padding: .05rem 0;
		margin-top: 0.5rem;
	    /*border-left: .04rem solid #5269a9;*/
	}
	.txt_box .desc p{
		font-size: .28rem;
		line-height: 2;
		margin-bottom: .3rem;
		padding-left: .6rem;
		border-left: .04rem solid #5269a9;
	}
	.section_carrer{
		/*padding: 7.813vw 0 7.813vw;*/
		padding: 0 0 0.4rem 0;
		margin-bottom: 0;
	}
	.section_carrer .bg_content {
		text-align: left;
		background: url(../img/bg_carrer.jpg) bottom left no-repeat;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 5.08rem;
	}
	.section_work_environment .bg_content {
		text-align: left;
		background: url(../img/bg_work_enviroment.jpg) bottom left no-repeat;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 5.08rem;
	}
	.btn_seemore,
	.btn_seemore:hover{
		padding: 0;
		background: url(/recruit/common/img/icon_arrow.png) right .22rem center no-repeat;
		-webkit-background-size: .14rem auto;
		     -o-background-size: .14rem auto;
		        background-size: .14rem auto;
		padding: 0 .6rem;
		min-width: 1.5rem;
	}
	.btn_seemore:hover{
		background: url(/recruit/common/img/icon_arrow.png) right .12rem center no-repeat;
		-webkit-background-size: .14rem auto;
		     -o-background-size: .14rem auto;
		        background-size: .14rem auto;
	}
	.btn_seemore span{
		font-size: .3rem;
	}
	.txt_eng{
		font-size: .24rem;
	}
}