@charset "utf-8";
/* CSS Document */




/*メインイメージ*/
.parallaxParent {
	height: 400px;
  overflow: hidden;
  position: relative;
	margin-top: -12px;
}
.parallaxParent #img_url{
	width: auto;
  height: 100%;
  background-image: url(../img/recruit/job/main_img.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  top: auto;
	bottom: 348px;
}


/**********/
.para_sizing{
	text-align: center;
}

/*各エリアの設定*/
#ttl_JOB{
	position: relative;
    top: 165px;
}

/*タイトル*/
h1.ttl_main{
	font-size: 45px;
	font-weight: 500;
	line-height: 1em;
	letter-spacing: 0.15em;
	text-align: center;
}
.ttl_main.white{
	color: #ffffff;
}
h1.ttl_ja{
	font-size: 20px;
	line-height: 1em;
	color: #1d50a2;
	padding-top: 15px;
	text-align: center;
}
.ttl_ja.white{
	color: #ffffff;
}
/*タイトル*/
h2.ttl_s{
	font-size: 36px;
	font-weight: 500;
	line-height: 1em;
	letter-spacing: 0.15em;
	text-align: center;
}
h2.ttl_s_ja{
	font-size: 17px;
	line-height: 1em;
	color: #1d50a2;
	padding-top: 15px;
	text-align: center;
}
/**********************/
.sub_ttl{
	font-size: 25px;
	line-height: 1em;
	padding-bottom: 20.5px;
}
.sub_ttl.white{
	color: #ffffff;
}
.txt{
	font-size: 15px;
	line-height: 2em;
	width: 730px;
	margin: 0 auto;
}
.txt.white{
	color: #ffffff;
}


/*本文*/
/*枠*/
.panel{
	margin-top: -110px; /* 固定ナビの高さ分のネガティブマージン */
 	padding-top: 110px; /* 打ち消し用のパディング */
}

/*タイトル*/
.ttl_wrap{
	position: relative;
}

/*本文*/
.txt_wrap{
	padding: 60px 0 150px 0; 
}
.txt_wrap#txt_DEVELOPMENT{
	padding: 0px 0 120px 0; 
}





/**********************/
/*JOB*/
/**********************/
.job_list li{
	position: relative;
	display:inline-block;
	font-size: 1px;
	line-height: 1px;
	width: 548px;
	height: 360px;
	margin-right: 14px;
	background: url(../img/recruit/main_img_01.jpg) no-repeat;
}
.job_list li:nth-of-type(2){
	margin-right: 0;
	background: url(../img/recruit/main_img_02.jpg) no-repeat;
}
.job_list li a{
	text-decoration: none;
	display: block;
	height: 360px;
}
.job_list li .list_ttl{
	font-size: 36px;
	line-height: 1em;
	color: #fff;
	letter-spacing: 0.17em;
	padding: 150px 0 15px;
	text-shadow: 0px 0px 6px #898989;
}
.job_list li .list_ttl_ja{
	font-size: 17px;
	line-height: 1em;
	color: #fff;
	font-weight: 300;
	text-shadow: 0px 0px 6px #898989;
}

/*ボタン*/
/*js用*/
.hvr-sweep-to-right:before{
	background-color: #1d50a2!important;
	border: solid 1px #1d50a2;
	color: #ffffff;
	background-image: url("../img/recruit/icon_arrow_r_white.png")!important;
	background-repeat: no-repeat!important;
	background-position: 204px center!important;
}
.btn_more{
	background-color: #ffffff;
	color: #1d50a2;
	font-size: 16px;
	letter-spacing: 0.25em;
	border: solid 1px #1d50a2;
	padding: 1em;
	width: 250px;
	text-align: center;
	background-image: url("../img/recruit/icon_arrow_r.png");
	background-repeat: no-repeat;
	background-position: 204px center;
}
.btn a{
	text-decoration: none;
}
.btn_more a p{
	color:#1d50a2;
}

.btn_ss_site:hover{
	border: solid 1px #1d50a2;
	color: #ffffff;
	background-image: url("../img/recruit/icon_arrow_r.png");
	background-repeat: no-repeat;
	background-position: 333px center;
}
.btn_ss_site.alpha{
	background-color:transparent;
}

/*ソフトウェア開発*/
.txt_wrap#txt_SOFTWARE{
	padding: 0;
	padding-bottom: 81px;
}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_SOFTWARE{
			padding: 0;
			padding-bottom: 5.7857%;
		}
	}
	.txt_wrap#txt_SOFTWARE .position_base{
		position: relative;
	}

	.txt_wrap#txt_SOFTWARE .backImg{
		top:0;
		right: 0;
		width: 100%;
		height:500px;
		/*min-height: 500px;*/
		margin: 0 0 0 auto;
		background-image: url(../img/recruit/business/software_hd.jpg);
		background-position: center center;
		background-repeat:no-repeat;
		background-size: cover;
	}
	.txt_wrap#txt_SOFTWARE .backImg img{
		width: 100%;
		height: 100%;
	}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_SOFTWARE .backImg{
			top:0;
			right: 0;
			width: 100%;
			height:500px;
			/*min-height: 500px;*/
			margin: 0 0 0 auto;
			background-image: url(../img/recruit/business/software_hd.jpg);
			background-position: top center;
			background-repeat:no-repeat;
			background-size: contain;
		}
	}
	.txt_wrap#txt_SOFTWARE .soft_txt{
		position: absolute;
		top:40px;
		width: 600px;
		background-color: rgba(28,80,161,0.9);
		padding: 49px 60px 50px 60px;
		right: 51.0714%;
	}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_SOFTWARE .soft_txt{
			position: absolute;
			top:8.3333%;/* 40px/480px */
			width: 42.8571%;/* 600px/1400px */
			background-color: rgba(28,80,161,0.9);
			padding: 3.8052% 4.5662% 3.8052% 4.5662%;
			left:6.1429%;
		}
	}
	.txt_wrap#txt_SOFTWARE .soft_txt p.title{
		font-size: 32px;
		font-weight: 300;
		line-height: 1em;
		color: #ffffff;
		padding-bottom: 24.5px;
		text-align: left;
	}
	.txt_wrap#txt_SOFTWARE .soft_txt p.txt{
		width: 100%;
		font-size: 15px;
		font-weight: 300;
		line-height: 2em;
		color: #ffffff;
		padding-bottom: 28.5px;
		text-align: justify;
	}
	.txt_wrap#txt_SOFTWARE .soft_txt .btn{
		text-align: left;
	}

/*ITインフラ構築*/
.txt_wrap#txt_INFRA{
	padding: 0;
	padding-bottom: 81px;
}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_INFRA{
			padding: 0;
			padding-bottom: 5.7857%;
		}
	}
	.txt_wrap#txt_INFRA .position_base{
		position: relative;
	}
	.txt_wrap#txt_INFRA .backImg:before{padding-top: 35.7143%;}
	.txt_wrap#txt_INFRA .backImg{
		top:0;
		right: 0;
		width: 100%;
		height:500px;
		/*min-height: 500px;*/
		margin: 0 0 0 auto;
		background-image: url(../img/recruit/business/infra_hd.jpg);
		background-position: top center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	.txt_wrap#txt_INFRA .backImg img{
		width: 100%;
		height: 100%;
	}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_INFRA .backImg:before{padding-top: 35.7143%;}
		.txt_wrap#txt_INFRA .backImg{
			top:0;
			right: 0;
			width: 100%;
			height:500px;
			/*min-height: 500px;*/
			margin: 0 0 0 auto;
			background-image: url(../img/recruit/business/infra_hd.jpg);
			background-position: top center;
			background-repeat:no-repeat;
			background-size:contain;
		}
	}

	.txt_wrap#txt_INFRA .infra_txt{
		position: absolute;
		top:40px;
		right: 0px;
		width: 600px;
		background-color: rgba(28,80,161,0.9);
		padding: 49px 60px 50px 60px;
		/*margin-bottom: 69px;*/
		left: 51.0714%;
	}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_INFRA .infra_txt{
			position: absolute;
			top:8.3333%;/* 40px/480px */
			right: 0;
			width: 42.8571%;/* 600px/1400px */
			background-color: rgba(28,80,161,0.9);
			padding: 3.8052% 4.5662% 3.8052% 4.5662%;
			/*margin-bottom: 69px;*/
			right:6.1429%;
		}
	}
	.txt_wrap#txt_INFRA .infra_txt p.title{
		font-size: 32px;
		font-weight: 300;
		line-height: 1em;
		color: #ffffff;
		padding-bottom: 24.5px;
		text-align: left;
	}
	.txt_wrap#txt_INFRA .infra_txt p.txt{
		width: 100%;
		font-size: 15px;
		font-weight: 300;
		line-height: 2em;
		color: #ffffff;
		padding-bottom: 28.5px;
		text-align: justify;
	}
	.txt_wrap#txt_INFRA .infra_txt .btn{
		text-align: left;
	}

/*デザイン制作*/
.txt_wrap#txt_DESIGN{
	padding: 0;
	padding-bottom: 81px;
}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_DESIGN{
			padding: 0;
			padding-bottom: 5.7857%;
		}
	}
	.txt_wrap#txt_DESIGN .position_base{
		position: relative;
	}
	.txt_wrap#txt_DESIGN .backImg:before{padding-top: 35.7143%;}
	.txt_wrap#txt_DESIGN .backImg{
		top:0;
		right: 0;
		width: 100%;
		height:500px;
		/*min-height: 500px;*/
		margin: 0 0 0 auto;
		background-image: url(../img/recruit/business/design_hd2.jpg);
		background-position: top center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	.txt_wrap#txt_DESIGN .backImg img{
		width: 100%;
		height: 100%;
	}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_DESIGN .backImg:before{padding-top: 35.7143%;}
		.txt_wrap#txt_DESIGN .backImg{
			top:0;
			right: 0;
			width: 100%;
			height:500px;
			/*min-height: 500px;*/
			margin: 0 0 0 auto;
			background-image: url(../img/recruit/business/design_hd2.jpg);
			background-position: top center;
			background-repeat:no-repeat;
			background-size:contain;
		}
	}

	.txt_wrap#txt_DESIGN .design_txt{
		position: absolute;
		top:40px;
		/*right: 0px;*/
		width: 600px;
		background-color: rgba(28,80,161,0.9);
		padding: 49px 60px 50px 60px;
		/*margin-bottom: 69px;*/
		right: 51.0714%;
	}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_DESIGN .design_txt{
			position: absolute;
			top:8.3333%;/* 40px/480px */
			/*right: 0;*/
			width: 42.8571%;/* 600px/1400px */
			background-color: rgba(28,80,161,0.9);
			padding: 3.8052% 4.5662% 3.8052% 4.5662%;
			/*margin-bottom: 69px;*/
			left:6.1429%;
		}
	}
	.txt_wrap#txt_DESIGN .design_txt p.title{
		font-size: 32px;
		font-weight: 300;
		line-height: 1em;
		color: #ffffff;
		padding-bottom: 24.5px;
		text-align: left;
	}
	.txt_wrap#txt_DESIGN .design_txt p.txt{
		width: 100%;
		font-size: 15px;
		font-weight: 300;
		line-height: 2em;
		color: #ffffff;
		padding-bottom: 28.5px;
		text-align: justify;
	}
	.txt_wrap#txt_DESIGN .design_txt .btn{
		text-align: left;
	}

/*代理店業務*/
.txt_wrap#txt_AGENT{
	padding: 0;
	padding-bottom: 81px;
}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_AGENT{
			padding: 0;
			padding-bottom: 5.7857%;
		}
	}
	.txt_wrap#txt_AGENT .position_base{
		position: relative;
	}
	.txt_wrap#txt_AGENT .backImg:before{
		padding-top: 35.7143%;
	}
	.txt_wrap#txt_AGENT .backImg{
		top:0;
		right: 0;
		width: 100%;
		height:500px;
		/*min-height: 500px;*/
		margin: 0 0 0 auto;
		background-image: url(../img/recruit/business/agent_hd2.jpg);
		background-position: top center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	.txt_wrap#txt_AGENT .backImg img{
		width: 100%;
		height: 100%;
	}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_AGENT .backImg{
			top:0;
			right: 0;
			width: 100%;
			height:500px;
			/*min-height: 500px;*/
			margin: 0 0 0 auto;
			background-image: url(../img/recruit/business/agent_hd2.jpg);
			background-position: top center;
			background-repeat:no-repeat;
			background-size:contain;
		}
	}

	.txt_wrap#txt_AGENT .agent_txt{
		position: absolute;
		top:40px;
		width: 600px;
		background-color: rgba(28,80,161,0.9);
		padding: 49px 60px 50px 60px;
		/*margin-bottom: 69px;*/
		left: 51.0714%;
	}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_AGENT .agent_txt{
			position: absolute;
			top:8.3333%;/* 40px/480px */
			width: 42.8571%;/* 600px/1400px */
			background-color: rgba(28,80,161,0.9);
			padding: 3.8052% 4.5662% 3.8052% 4.5662%;
			right:6.1429%;
		}
	}
	.txt_wrap#txt_AGENT .agent_txt p.title{
		font-size: 32px;
		font-weight: 300;
		line-height: 1em;
		color: #ffffff;
		padding-bottom: 24.5px;
		text-align: left;
	}
	.txt_wrap#txt_AGENT .agent_txt p.txt{
		width: 100%;
		font-size: 15px;
		font-weight: 300;
		line-height: 2em;
		color: #ffffff;
		padding-bottom: 28.5px;
		margin: 0 0 4em;
		text-align: justify;
	}
	.txt_wrap#txt_AGENT .agent_txt .btn{
		text-align: left;
	}


/**************/
/*Development*/
/***************/
.list_sizing{
	width: 1000px;
	margin: 0 auto;
}

.total_description{
	text-align: left;
	width: 1000px;
	margin: 0 auto 52px auto;
	font-size: 15px;
	line-height: 30px;
}

#development_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}
#development_list li{
	width: 270px;
	margin: 0 94px 81px 0;
}
#development_list li:nth-child(3n){
	margin-right: 0;
}
/*#development_list li:last-child{
	margin: 0 94px 0 0;
}*/
#development_list li:nth-last-of-type(2){
	margin: 0 94px 0 0;
}

/*開発タイトル*/
#development_list li .list_ttl{
	color: #1d50a2;
	font-size: 22px;
	line-height: 33px;
	padding: 66px 0px 40px 0px;
	text-align: center;
}
#development_list li .list_ttl.l2{
	padding: 54px 0px 19px 0px;
}
#development_list li .list_ttl span.small{
	font-size: 15px;
}
/*開発詳細*/
#development_list li .list_description{
	font-size: 15px;
	line-height: 30px;
	text-align: justify;
}
/*moreボタン*/
#development_list li .list_more{
	margin-top: 13px;
}

/*透過*/
#development_list li .list_more .btn_more_white.alpha{
	background-color:transparent !important;
}
/*js用*/
#development_list li .list_more .hvr-sweep-to-right:before{
	background-color: #1d50a2!important;
	border: solid 1px #1d50a2;
	color: #ffffff;
	background-image: url("../img/recruit/icon_arrow_r_white.png")!important;
	background-repeat: no-repeat!important;
	background-position: 224px center!important;
}
#development_list li .list_more .btn_more_white{
	background-color: #ffffff;
	color: #1d50a2;
	font-size: 16px;
	letter-spacing: 0.25em;
	border: solid 1px #1d50a2;
	padding: 1em;
	margin: 0 auto;
	width: 270px;
	text-align: center;
	background-image: url("../recruit/img/icon_arrow_r.png");
	background-repeat: no-repeat;
	background-position: 224px center;
}
#development_list li .list_more .btn_more_white:hover{
	border: solid 1px #1d50a2;
	color: #ffffff;
	background-image: url("../img/recruit/icon_arrow_r_white.png");
	background-repeat: no-repeat;
	background-position: 224px center;
}
#development_list li .list_more .btn_more_white.alpha{
	background-color:transparent;
}

/**************/
/*IT INFRASTRUCTURE*/
/***************/
.list_sizing{
	width: 1000px;
	margin: 0 auto;
}

.total_description{
	text-align: left;
	width: 1000px;
	margin: 0 auto 52px auto;
	font-size: 15px;
	line-height: 30px;
}

#infra_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}
#infra_list li{
	width: 453px;
	margin: 0 94px 0 0;
}
#infra_list li:nth-of-type(2){
	width: 453px;
	margin: 0;
}

/*開発タイトル*/
#infra_list li .list_ttl{
	color: #1d50a2;
	font-size: 22px;
	line-height: 33px;
	padding: 66px 0px 40px 0px;
	text-align: center;
}
#infra_list li .list_ttl.l2{
	padding: 54px 0px 19px 0px;
}
#infra_list li .list_ttl span.small{
	font-size: 15px;
}
/*開発詳細*/
#infra_list li .list_description{
	font-size: 15px;
	line-height: 30px;
	text-align: justify;
}

/**************/
/*agency*/
/**************/
/*----------SOPHOS----------*/
.sophos_wrap{
	height: 450px;
	background: #0069B7;
	margin-top: 0;
}
.sophos_wrap img.logo{
	margin: 150px 0 40px;
}
.sophos_wrap img.logo .btn{
		text-align: center;
	}

/*----------Shield Share----------*/
.ss_wrap{
	height: 450px;
	background: #EFEFEF;
	margin-bottom: 120px;
}
.ss_wrap img.logo{
	margin: 57px 0 44px;
}

/*js用*/
#btn_SOPHOS .hvr-sweep-to-right:before{
	background-color: #fff!important;
	border: solid 1px #fff;
	color: #1d50a2;
	background-image: url("../img/recruit/icon_arrow_r.png")!important;
	background-repeat: no-repeat!important;
	background-position: 333px center!important;
}
#btn_SHIELDSHARE .hvr-sweep-to-right:before{
	background-color: #1d50a2!important;
	border: solid 1px #1d50a2;
	color: #ffffff;
	background-image: url("../img/recruit/icon_arrow_r_white.png")!important;
	background-repeat: no-repeat!important;
	background-position: 333px center!important;
}
/*sophos*/
.btn_sophos_site{
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.25em;
	border: solid 1px #fff;
	padding: 1em;
	width: 380px;
	text-align: center;
	background-image: url("../img/recruit/icon_arrow_r_white.png");
	background-repeat: no-repeat;
	background-position: 333px center;
}
.btn_sophos_site:hover{
	border: solid 1px #fff;
	color: #1d50a2!important;
	background-image: url("../img/recruit/icon_arrow_r_white.png");
	background-repeat: no-repeat;
	background-position: 333px center;
}
.btn_sophos_site.alpha{
	background-color:transparent;
}
/*Shield Share*/
.btn_ss_site{
	color: #1d50a2;
	font-size: 16px;
	letter-spacing: 0.25em;
	border: solid 1px #1d50a2;
	padding: 1em;
	width: 380px;
	text-align: center;
	background-image: url("../img/recruit/icon_arrow_r.png");
	background-repeat: no-repeat;
	background-position: 333px center;
}
.btn_ss_site:hover{
	border: solid 1px #1d50a2;
	color: #ffffff;
	background-image: url("../img/recruit/icon_arrow_r.png");
	background-repeat: no-repeat;
	background-position: 333px center;
}
.btn_ss_site.alpha{
	background-color:transparent;
}



/*********************/
/*Design*/
/*********************/
p.design_intro{
	width: 1000px;
	line-height: 2em;
	margin: 0 auto 1em;
	text-align: left;
}
.portfolio_wrap{
	background: #EEF4F7;
	margin: 75px 0 120px;
	padding: 75px 0 50px;
}
.portfolio_wrap h3.ttl{
	font-size: 28px;
	line-height: 1em;
	margin: 0 0 18px ;
}
.portfolio_wrap hr.ttl_line{
	border-bottom: #4C4948 2px solid;
	width: 40px;
	}
.portfolio_wrap .portfolio_inner{
	width: 1000px;
	margin: 55px auto 0 auto;
	text-align: left;
	overflow: hidden;
}
.portfolio_wrap .portfolio_inner .portfolio_box{
	width: 295px;
	margin: 0 0 50px 35px;
	vertical-align: top;
	float: left;
}
.portfolio_wrap .portfolio_inner .portfolio_box p{
	font-size: 13px;
	line-height: 1em;
	margin: 0 0 9px;
}
/*文字が長い時*/
.tsume{
	letter-spacing: -0.05em;
}