@charset "utf-8";

/* @group clearfix ----------------------------------------- */

.cf:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
	font-size:0;
}

* html .cf {/* IE6 */
	zoom:1;
}

*:first-child+html .cf {/* IE7 */
	zoom:1;
}

/* @end */


section {
	margin-top: 0;
}

.img-responsive {
	display: block;
	width: 100%;
	height: auto;
}


.btn {
	display: block;
	overflow: hidden;
	transition-property: background;
	transition-duration: 250ms;
}
.center {
	text-align: center;
}

/*h2 {
	font-weight: 300;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.2em;
	color: #232323;
}*/
ul {
	list-style: none;
}
.content-center {
    height: auto;
    margin: 0 auto;
    width: 100%/*1024px*/;
}


#mainImageArea {
/*	max-width: 1400px;*/
	min-width: 1200px;
	height: 515px;
	margin-top: 58px;
	background-image: url(images/index_mainimage.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 1px solid #dfdfdf;
}

#mainImageArea h1 {
	min-width: 1200px;
	height: 515px;
	margin: 0 auto;
	background-image: url(images/index_title.png);
	background-repeat: no-repeat;
	background-position: 50% 217px;
	text-indent: -999em;
	
}

.pageAnc {
	min-width: 1200px;
	padding: 5px 0;
	background: #efefef;
	text-align: center;
}

.pageAnc li {
	display: inline-block;
	width: 590px;
	margin: 0 3px;
	letter-spacing: 0.3em;
}

.pageAnc li a {
	display: block;
	position: relative;
	width: 590px;
	height: 73px;
	padding: 16px 0 34px;
	color: #fff;
	box-sizing: border-box;
	background-position: 50% 49px;
	background-repeat: no-repeat;
	font-size: 24px;
	line-height: 24px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.pageAnc li a:hover {
	opacity: 0.7;
}

.pageAnc li:first-child a {background-color: #44c393;background-image: url(images/index_anc01_en.png);}
.pageAnc li:last-child a {background-color: #a8a8a8;background-image: url(images/index_anc02_en.png);}

.pageAnc li a:before,
.pageAnc li a:after {
	content: '';
	display: block;
	position: absolute;
	left: 39px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top-style: solid;
	border-top-width: 8px;
}

.pageAnc li a:before {
	top: 33px;
	border-top-color: #fff;
}

.pageAnc li a:after {
	top: 30px;
}

.pageAnc li:first-child a:after {border-top-color: #44c393;}
.pageAnc li:last-child a:after {border-top-color: #a8a8a8;}






#potal-contents {
	background: none repeat scroll 0 0 #ffffff;
/*	margin: -100px 0 0;*/
	position: relative;
	padding-bottom: 25px;
	width: 100%;
	min-width: 1200px;
/*	z-index: 3;*/
/*	-webkit-transform: translate3d(0,0,0);*/
}

/* @group history ---------------------- */

#history {
	padding: 35px 0;
	border-bottom: 1px solid #d0d0d0;
}
#history p {
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	color: #000;
	font-size: 14px;
	line-height: 2.14285714;
}

/* @end */

.content-box {
	width: 100%;
	min-width: 1200px;
	padding: 55px 0 70px;
}

#wrapper .cFrame {
	padding: 0;
}

/* @group story ------------------------- */

#story {
	width: 100%;
	min-width: 1200px;
	padding-top: 55px;
	margin-bottom: 55px;
}

/* @group Basic ------------------ */

#story h2 {
	/*margin-bottom: 60px;
	color: #e50011;
	font-size: 30px;
	letter-spacing: 0.3em;
	text-align: center;*/
}
#story h3.recSectTitle {
	margin: 0 0 43px;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
    line-height: 1;
    letter-spacing: 0.3em;
	text-align: center;
}

#story h3.recSectTitle span {
	display: inline-block;
	position: relative;
	padding: 0 13px 0 20px;
}

#story h3.recSectTitle span:before,
#story h3.recSectTitle span:after {
	content: '';
	display: block;
	position: absolute;
	top: 11px;
	width: 85px;
	height: 1px;
	background: #fff;
}

#story h3.recSectTitle span:before {left: -85px;}
#story h3.recSectTitle span:after {right: -85px;}

#story p.description {
	margin: 0 0 40px;
	color: #fff;
	font-size: 14px;
    line-height: 2.14;
	text-align: center;
}




#story .content-box .white-btn {
	clear: both;
	width: 298px;
	height: 70px;
	margin: 0 auto 2px;
	text-align: center;
	overflow: visible;
}

#story .content-box .white-btn a {
	display: block;
	position: relative;
   	border-radius: 4px;
	background: #fff;
	box-shadow: 0 2px 0 #25a273;
	font-size: 20px;
	line-height: 70px;
/*	font-weight: bold;*/
	text-decoration: none;
}

#story .content-box .white-btn a:hover {
/*	background: #fafafa;*/
}

#story .content-box .white-btn a:before,
#story .content-box .white-btn a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left-style: solid;
	border-left-width: 8px;
}

#story .content-box .white-btn a:before {right: 20px;}
#story .content-box .white-btn a:after {right: 23px; border-left-color: #fff;}

#story .content-box .white-btn a div {
	color: #43c393;
/*	padding: 30px 0;*/
}
#story .content-box .white-btn a div img {
/*	margin: 0 -100px 0 90px;*/
}

/* @group アイテムボックス --------------------------- */

/*#story .content-box .engineer-box .intro-box {
	width: 710px;
	margin: 0 auto;
}*/


#story .content-box .intro {
	width: 325px;
	float: left;
	margin: 0 15px;
}
#story .content-box .intro .logo-box {
	position: relative;
	width: 100%;
	height: 223px;
	background: rgba(255,255,255,0.9);
	border-radius: 5px;
}
#story .content-box .intro .logo-box::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -16px;
	left: 50%;
	margin-left: -16px;
	border-left: solid 16px transparent;
	border-right: solid 16px transparent;
	border-top: #FFFFFF solid 16px;
	opacity: 0.9;
}
#story .content-box .intro .logo-box img {
	display: block;
	margin: 0 auto;
	padding: 25px 0;
}

#story .content-box .intro h4 {
	margin: 30px 0 38px;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: normal;
	text-shadow: 0 2px 0 #25a273;
	letter-spacing: 0.1em;
	text-align: center;
}

/* @end */

.careerTitle {
	min-width: 1200px;
	margin-bottom: 60px;
	color: #e50011;
	font-size: 30px;
	line-height: 1;
	letter-spacing: 0.3em;
	text-align: center;
}

/* @end */

#story .content-engineer {
	background: #43c393;
}
#story .content-box .engineer-box {
	overflow: hidden;
	height: auto;
	margin: 0 auto;
}

/* @group スペシャルバナー -------------------------------- */

#engineerSpecial {
	position: relative;
	width: 1200px;
	height: 300px;
	margin: 0 auto 54px;
	padding: 0 20px;
	box-sizing: border-box;
	background: url(images/index_engineer_image.jpg) 50% 0 no-repeat;
}

#engineerSpecial:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 20px;
	width: 1160px;
	height: 300px;
	background: #000;
	opacity: 0.2;
	-webkit-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

#engineerSpecial a {
	display: block;
	position: relative;
	z-index: 5;
	width: 1160px;
	height: 300px;
	background: url(images/index_engineer_text.png) no-repeat;
}

#engineerSpecial a .engineerSpecialTxt {
	display: none;
}

#engineerSpecial a .link {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 680px;
	height: 70px;
	margin: 0 0 0 -340px !important;
	padding: 17px 20px !important;
	box-sizing: border-box;
	color: #e50011;
	background-color: rgba(255, 255, 255, .85);
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: 0.2em;
	text-align: left;
	-webkit-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

#engineerSpecial a .link span {
	display: inline-block;
/*	position: relative;*/
	padding-right: 16px;
}

#engineerSpecial a .link span:after {
	content: '';
	display: inline-block;
/*	position: absolute;
	right: -273px;
	top: 11px;*/
	width: 272px;
	height: 36px;
	margin-left: 14px;
	border-left: 1px solid #acacac;
	background: url(images/index_engineer_en.png) 20px 50% no-repeat;
	vertical-align: middle;
	-webkit-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

#engineerSpecial a .link span:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 70px;
	height: 70px;
	background: #e50011;
}

#engineerSpecial a .link:before,
#engineerSpecial a .link:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 5;
	top: 50%;
	right: 30px;
	margin-top: -8px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left-style: solid;
	border-left-width: 8px;
}

#engineerSpecial a .link:before {border-left-color: #fff;}
#engineerSpecial a .link:after {border-left-color: #e50011; right: 32px;}


#engineerSpecial:hover:after {
	opacity: 0.1;
}
#engineerSpecial a:hover .link {
	color: #fff;
	background-color: rgba(229, 0, 17, .85);
}

#engineerSpecial a:hover .link span:after {
	border-left: 1px solid #a11a24;
}

/* @end */


#story .content-box .engineer-box .intro-box {
	width: 710px;
	margin: 0 auto;
}

#story .content-box .engineer-box .intro03 h4 {
	letter-spacing: 0.05em;
}

#story .content-box .engineer-box .intro h4 small {
	font-size: 12px;
}

/* @group ボタン色 */

#story .content-box .engineer-box .white-btn a {
	color: #44c393;
	box-shadow: 0 2px 0 #25a273;
}

#story .content-box .engineer-box .white-btn a:before {
	border-left-color: #44c393;
}

/* @end */


p.pitaText {
	text-align: center;	
	color: #FFF;
	margin: 40px auto 10px;
	font-size: 22px !important;
	text-shadow:0 2px 0 #096;
}



/* @end */


/* @group マーケティング */

#story .content-marketing {
	background: #c24c4c;
}
#story .content-box .marketing-box {
	overflow: hidden;
	width: 1080px;
	height: auto;
	margin: 0 auto;
}

#story .content-box .marketing-box .intro-box {
	width: 710px;
	margin: 0 auto;
}

#story .content-box .marketing-box .intro h4 {
	text-shadow: 0 2px 0 #8a3737;
}

/* @group ボタン色 */

#story .content-box .marketing-box .white-btn a {
	color: #c24c4c;
	box-shadow: 0 2px 0 #9c3d3d;
}

#story .content-box .marketing-box .white-btn a:before {
	border-left-color: #c24c4c;
}

/* @end */



/* @end */

/* @group テクニカルサービス --------------------------------------- */

#story .content-tsg {
	background: #557ac3;
}
#story .content-box .tsg-box {
	width: 1080px;
	margin: 0 auto;
}

#story .content-box .tsg-box .intro-box {
	width: 710px;
	margin: 0 auto;
}


#story .content-box .tsg-box .intro h4 {
	text-shadow: 0 2px 0 #3e578b;
}

/* @group ボタン色 */

#story .content-box .tsg-box .white-btn a {
	color: #557ac3;
	box-shadow: 0 2px 0 #3e578b;
}

#story .content-box .tsg-box .white-btn a:before {
	border-left-color: #557ac3;
}

/* @end */

/* @group 情報システム ------------------------ */

#story .content-ise {
	background: #e1c557;
}
#story .content-box .ise-box {
	width: 1080px;
	margin: 0 auto;
}
#story .content-box .ise-box .intro-box {
	width: 1080px;
	margin: 0 auto;
}


#story .content-box .ise-box .intro h4 {
	text-shadow: 0 2px 0 #aa9544;
}

/* @group ボタン色 */

#story .content-box .ise-box .white-btn a {
	color: #e1c557;
	box-shadow: 0 2px 0 #aa9544;
}

#story .content-box .ise-box .white-btn a:before {
	border-left-color: #e1c557;
}


/* @end */

/* @group Webプロデューサー ---------------------------------- */

#story .content-producer {
	background: #6457c2;
}
#story .content-box .producer-box {
	width: 1080px;
	margin: 0 auto;
}

#story .content-box .producer-box .intro-box {
	width: 1080px;
	margin: 0 auto;
}

#story .content-box .producer-box .intro h4 {
	text-shadow: 0 2px 0 #362c82;
}

/* @group ボタン色 */

#story .content-box .producer-box .white-btn a {
	color: #6457c2;
	box-shadow: 0 2px 0 #362c82;
}

#story .content-box .producer-box .white-btn a:before {
	border-left-color: #6457c2;
}


/* @end */

/* @group 制作スタッフ ------------------------ */

#story .content-creative {
	background: #e29449;
}
#story .content-box .creative-box {
	width: 1080px;
	margin: 0 auto;
}

#story .content-box .creative-box .intro-box {
	width: 710px;
	margin: 0 auto;
}

#story .content-box .creative-box .intro h4 {
	text-shadow: 0 2px 0 #be790c;
}

/* @group ボタン色 */

#story .content-box .creative-box .white-btn a {
	color: #e29449;
	box-shadow: 0 2px 0 #be790c;
}

#story .content-box .creative-box .white-btn a:before {
	border-left-color: #e29449;
}


/* @end */

/* @group 募集要項 -------------------------- */

#entrance {
	min-width: 1200px;
	margin-bottom: 55px;
	padding-bottom: 50px;
	border-bottom: 1px solid #d0d0d0;
}

#entrance .entranceTitle {
	width: 1100px;
	margin: 0 auto 45px;
	padding: 0 0 58px;
/*	color: #e50011;*/
	border-bottom: 1px solid #d0d0d0;
/*	font-size: 30px;
	letter-spacing: 0.3em;
	line-height: 1;
	text-align: center;*/
}

#entrance .entranceMain {
	width: 790px;
	margin: 0 auto;
}

#entrance .entranceMain dl {
	width: 380px;
}

#entrance .entranceMain dl:first-child {float: left;}
#entrance .entranceMain dl:last-child {float: right;}

#entrance .entranceMain dl dt,
#entrance .entranceMain dl dd {
	font-size: 14px;
	line-height: 1.7;
}

#entrance .entranceMain dl dt {
	color: #999;
}

#entrance .entranceMain dl dd {
	margin-bottom: 20px;
}

#entrance dd a[href*=creative] {
	color: #ff7e00;
	text-decoration: underline;
}
#entrance dd a[href*=mark] {
	color: #c24c4c;
	text-decoration: underline;
}
#entrance dd a[href*=tsg] {
	color: #557ac3;
	text-decoration: underline;
}
#entrance dd a[href*=ise] {
	color: #c9a000;
	text-decoration: underline;
}
#entrance dd a[href*=engi] {
	color: #43c393;
	text-decoration: underline;
}
#entrance dd a[href*=web] {
	color: #6457c2;
	text-decoration: underline;
}

/* @end */

/* @group Flow ----------------------------------- */

#flowSect {
	min-width: 1200px;
	margin: 0 0 55px;
	padding: 0 0 90px;
	border-bottom: 1px solid #d0d0d0;
}


#flowSect .cFrame {
	padding: 0 20px;
	
}

#flowSect .flowArea ol {
	display: flex;
}

#flowSect .flowArea ol li {
	position: relative;
	width: 369px;
	margin: 0 28px 0 0;
	padding: 147px 0 33px;
	border-top: 1px solid #e50011;
	border-bottom: 1px solid #facccf;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	letter-spacing: 0.2em;
	text-align: center;
}

#flowSect .flowArea ol li:last-child {
	margin: 0;
}

#flowSect .flowArea ol li:before,
#flowSect .flowArea ol li:after {
	content: '';
	display: block;
	position: absolute;
}

#flowSect .flowArea ol li:before {
	top: 31px;
	left: 50%;
	width: 50px;
	height: 64px;
	margin-left: -25px;
}

#flowSect .flowArea ol li:nth-of-type(1):before {background-image: url(/jp/employ/css/images/step01.png);}
#flowSect .flowArea ol li:nth-of-type(2):before {background-image: url(/jp/employ/css/images/step02.png);}
#flowSect .flowArea ol li:nth-of-type(3):before {background-image: url(/jp/employ/css/images/step03.png);}
#flowSect .flowArea ol li:nth-of-type(4):before {background-image: url(/jp/employ/css/images/step04.png);}

#flowSect .flowArea ol li:after {
	top: 113px;
	left: 50%;
	width: 14px;
	height: 3px;
	margin-left: -7px;
	background: #e50011;
}

#flowSect .flowArea ol li span {
	display: block;
	position: relative;
}

#flowSect .flowArea ol li span:after {
	content: '';
	display: block;
	position: absolute;
	top: -69px;
	right: -20px;
	width: 40px;
	height: 40px;
	border-right: 1px solid #e50011;
	border-bottom: 1px solid #e50011;
	transform: rotate(-45deg);
}

#flowSect .flowArea ol li:last-child span:after {
	display: none;
}

/* @end */

#joinSect {
	margin-bottom: 120px;
	min-width: 1200px;
}

#joinSect .description {
	margin: 0 0 50px;
	line-height: 2.14;
	text-align: center;
}

.head-recluit-btn {
    display: block;
    position: relative;
    width: 326px;
    height: 83px;
    margin: 0 auto;
	background-color: #ff5353;
	background-image: url("../../img/share/recluit-btn.png");
	background-repeat:no-repeat;
	background-position:right center;
	background-size: 50px;
	border-radius: 4px;
    box-shadow: 0 2px 0 rgba(216, 28, 34, 1);
    text-align: center;
    z-index: 2;
	transition-property: background;
	transition-duration: 250ms;
}

.head-recluit-btn a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 83px;
	color: #fff;
	font-size: 30px;
	line-height: 83px;
	text-align: center;
	text-decoration: none;
}


.head-recluit-btn.pitajob-entry {
	background-color: #2ecc71;
    box-shadow: 0 2px 0 rgba(27,136,73,1);
}

.head-recluit-btn.pitajob-entry a {
	background: url(../../img/career/top/btn_pitajob02.png) 50% 50% no-repeat;
	background-size: 150px auto;
}


p.pitajob-entryText {
	margin-top: 60px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 16px;
}

.head-recluit-btn:hover {
	background-color: #fa6362;
	box-shadow: 0 2px 0 rgba(224,58,58,1);
	cursor: pointer;
}

.head-recluit-btn.pitajob-entry:hover{
	background-color: #29d873;
	box-shadow: 0 2px 0 rgba(37,146,83,1);
	cursor: pointer;
}



@media only screen and (max-width: 767.99px) {

	section {
		margin-top: 0;
	}
	
	.img-responsive {
		display: block;
		width: 100%;
		height: auto;
	}
	
	
	.btn {
		display: block;
		overflow: hidden;
		transition-property: background;
		transition-duration: 250ms;
	}
	.center {
		text-align: center;
	}
	
	h2 {
		font-weight: 300;
		font-size: 20px;
		line-height: 24px;
		letter-spacing: 0.2em;
	}
	ul {
		list-style: none;
	}
	
	
	#mainImageArea {
	/*	max-width: 1400px;*/
		min-width: 320px;
		height: 0;
		margin-top: 45px;
		padding-top: 89.453125%;
		background-image: url(images/index_mainimage_sp.jpg);
		background-size: cover;
	}
	
	#mainImageArea h1 {
		display: none;
		
	}
	
	.pageAnc {
		min-width: 320px;
		padding: 5px 0;
		background: #efefef;
		text-align: center;
	}
	
	.pageAnc li {
		width: 45.052083%;
	}
	
	.pageAnc li a {
		width: auto;
		height: auto;
		padding: 14px 0 25px;
		background-position: 50% 31px;
		background-size: auto 8px;
		font-size: 13px;
		line-height: 13px;
	}
	
	.pageAnc li a:hover {
		opacity: 1;
	}
		
	.pageAnc li a:before,
	.pageAnc li a:after {
		left: 13px;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top-width: 4px;
	}
	
	.pageAnc li a:before {
		top: 24px;
	}
	
	.pageAnc li a:after {
		top: 22px;
	}
	
	
	
	
	
	
	
	#potal-contents {
		padding-bottom: 25px;
		min-width: 320px;
	}
	
	/* @group history ---------------------- */
	
	#history {
		padding: 19px 0;
		border-bottom: 1px solid #d0d0d0;
	}
	#history p {
		width: auto;
		margin: 0 16px;
		font-size: 12px;
		line-height: 1.9;
	}
	
	/* @end */
	
	.content-box {
		min-width: 320px;
		padding: 35px 0 60px;
	}
	
	#wrapper .cFrame {
		padding: 0;
	}
	
	.careerTitle {
		min-width: 320px;
		margin-bottom: 35px;
		font-size: 20px;
	}
	
	/* @group story ------------------------- */
	
	#story {
		width: 100%;
		min-width: 320px;
		padding-top: 30px;
		margin-bottom: 7.8125%;
	}
	
	/* @group Basic ------------------ */
	
	#story h2 {
		/*margin-bottom: 60px;
		color: #e50011;
		font-size: 30px;
		letter-spacing: 0.3em;
		text-align: center;*/
	}
	#story h3.recSectTitle {
		margin: 0 0 29px;
		font-size: 18px;
	}
	
	#story h3.recSectTitle span {
		padding: 0 5px 0 12px;
	}
	
	#story h3.recSectTitle span:before,
	#story h3.recSectTitle span:after {
		top: 9px;
		width: 43px;
	}
	
	#story h3.recSectTitle span:before {left: -43px;}
	#story h3.recSectTitle span:after {right: -43px;}
	
	#story p.description {
		margin: 0 16px 28px;
		font-size: 12px;
	    line-height: 2;
	}
	
	
	
	
	#story .content-box .white-btn {
		width: auto;
		height: 70px;
		margin: 0 43px 1px;
	}
	
	#story .content-box .white-btn a {
	   	border-radius: 2px;
		box-shadow: 0 1px 0 #25a273;
		line-height: 70px;
	}
	
	#story .content-box .white-btn a:hover {
	/*	background: #fafafa;*/
	}
	
	#story .content-box .white-btn a:before,
	#story .content-box .white-btn a:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -8px;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-left-style: solid;
		border-left-width: 8px;
	}
	
	#story .content-box .white-btn a:before {right: 20px;}
	#story .content-box .white-btn a:after {right: 23px; border-left-color: #fff;}
	
	#story .content-box .white-btn a div {
		color: #43c393;
	/*	padding: 30px 0;*/
	}
	#story .content-box .white-btn a div img {
	/*	margin: 0 -100px 0 90px;*/
	}
	
	/* @group アイテムボックス --------------------------- */
	
	/*#story .content-box .engineer-box .intro-box {
		width: 710px;
		margin: 0 auto;
	}*/
	
	#story .content-box .intro-box {
		width: auto !important;
		padding: 0 30px;
	}
	
	
	#story .content-box .intro {
		width: 100%;
		float: none;
		margin: 0 0;
	}
	#story .content-box .intro .logo-box {
		width: 100%;
		height: auto;
	}
	#story .content-box .intro .logo-box::after {
		bottom: -8px;
		margin-left: -8px;
		border-left: solid 8px transparent;
		border-right: solid 8px transparent;
		border-top: #FFFFFF solid 8px;
		opacity: 0.9;
	}
	#story .content-box .intro .logo-box img {
		display: block;
		margin: 0 auto;
		padding: 7.716049% 5.5555555%;
	}
	
	#story .content-box .intro h4 {
		margin: 25px 0 35px;
		font-size: 20px;
		text-shadow: 0 1px 0 #25a273;
	}
	
	/* @end */
	
	
	
	/* @end */
	
	
	/* @group スペシャルバナー -------------------------------- */
	
	#engineerSpecial {
		width: 100%;
		height: auto;
		margin: 0 auto 35px;
		padding: 0;
		background: none;
	}
	
	#engineerSpecial:after {
		display: none;
	}
	
	#engineerSpecial a {
		width: 100%;
		height: 0;
		margin-bottom: 0;
		padding-top: 54.817708%;
		background: url(images/index_engineer_image_sp.jpg) no-repeat;
		background-size: cover;
	}
	
	#engineerSpecial a .engineerSpecialTxt {
		display: none;
	}
	
	#engineerSpecial a .link {
		display: none;
	}
	
	#engineerSpecial a .link span {
		display: inline-block;
	/*	position: relative;*/
		padding-right: 16px;
	}
	
	#engineerSpecial a .link span:after {
		display: none;
	}
	
	#engineerSpecial a .link span:before {
		display: none;
	}
	
	
	
	#engineerSpecial:hover:after {
		opacity: 0.1;
	}
	#engineerSpecial a:hover .link {
		color: #fff;
		background-color: rgba(229, 0, 17, .85);
	}
	
	#engineerSpecial a:hover .link span:after {
		border-left: 1px solid #a11a24;
	}
	
	/* @end */
	
	
	#story .content-box .engineer-box .intro-box {
		width: 710px;
		margin: 0 auto;
	}
	
	#story .content-box .engineer-box .intro03 h4 {
		letter-spacing: 0.05em;
	}
	
	#story .content-box .engineer-box .intro h4 small {
		font-size: 12px;
	}
	
	/* @group ボタン色 */
	
	#story .content-box .engineer-box .white-btn a {
		color: #44c393;
		box-shadow: 0 2px 0 #25a273;
	}
	
	#story .content-box .engineer-box .white-btn a:before {
		border-left-color: #44c393;
	}
	
	/* @end */
	
	
	p.pitaText {
		text-align: center;	
		color: #FFF;
		margin: 40px auto 10px;
		font-size: 22px !important;
		text-shadow:0 2px 0 #096;
	}
	
	
	
	/* @end */
	
	
	/* @group マーケティング */
	
	#story .content-box .marketing-box {
		width: auto;
	}
	
	
	#story .content-box .marketing-box .intro h4 {
		text-shadow: 0 1px 0 #8a3737;
	}
	
	/* @group ボタン色 */
	
	#story .content-box .marketing-box .white-btn a {
		box-shadow: 0 1px 0 #9c3d3d;
	}
	
	
	/* @end */
	
	
	
	/* @end */
	
	/* @group テクニカルサービス --------------------------------------- */
	
	#story .content-box .tsg-box {
		width: auto;
	}
	
	#story .content-box .tsg-box .intro-box {
		width: auto;
	}
	
	#story .content-box .tsg-box .intro h4 {
		text-shadow: 0 1px 0 #3e578b;
	}
	
	/* @group ボタン色 */
	
	#story .content-box .tsg-box .white-btn a {
		box-shadow: 0 1px 0 #3e578b;
	}
	
	
	/* @end */
	
	/* @group 情報システム ------------------------ */
	
	#story .content-box .ise-box {
		width: auto;
	}
	#story .content-box .ise-box .intro-box {
		width: auto;
	}
	
	
	#story .content-box .ise-box .intro h4 {
		text-shadow: 0 1px 0 #aa9544;
	}
	
	/* @group ボタン色 */
	
	#story .content-box .ise-box .white-btn a {
		box-shadow: 0 1px 0 #aa9544;
	}
	
	/* @end */
	
	/* @group Webプロデューサー ---------------------------------- */
	
	#story .content-box .producer-box {
		width: auto;
	}
	
	#story .content-box .producer-box .intro-box {
		width: auto;
	}
	
	#story .content-box .producer-box .intro h4 {
		text-shadow: 0 1px 0 #362c82;
	}
	
	/* @group ボタン色 */
	
	#story .content-box .producer-box .white-btn a {
		box-shadow: 0 1px 0 #362c82;
	}
	
	/* @end */
	
	/* @group 制作スタッフ ------------------------ */

	#story .content-box .creative-box {
		width: auto;
	}
	
	#story .content-box .creative-box .intro-box {
		width: auto;
	}
	
	#story .content-box .creative-box .intro h4 {
		text-shadow: 0 1px 0 #be790c;
	}
	
	/* @group ボタン色 */
	
	#story .content-box .creative-box .white-btn a {
		box-shadow: 0 1px 0 #be790c;
	}
	
	/* @end */
	
	/* @group 募集要項 -------------------------- */
	
	#entrance {
		min-width: 320px;
		margin: 0;
		padding: 0 16px 50px;
		border-bottom: 1px solid #d0d0d0;
	}
	
	#entrance .entranceTitle {
		width: auto;
		margin: 0 auto 0;
		padding: 0 0 35px;
		border-bottom: none;
	}
	
	.entranceTrigger {
		position: relative;
		padding: 15px 10px;
		border-top: 1px solid #d0d0d0;
		border-bottom: 1px solid #d0d0d0;
		font-size: 15px;
		line-height: 1;
	}
	
	.entranceTrigger:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 14px;
		width: 10px;
		height: 10px;
		margin-top: -9px;
		border-top: 2px solid #000;
		border-right: 2px solid #000;
		transform: rotate(135deg);
		-webkit-transition: all 0.3s ease;
		transition: all  0.3s ease;
	}
	
	.entranceTrigger.ac:after {
		margin-top: -5px;
		transform: rotate(315deg);
	}
	
	#entrance .entranceMain {
		display: none;
		width: auto;
		margin: 0 auto;
		padding: 20px 9px;
	}
	
	#entrance .entranceMain dl {
		float: none !important;
		width: auto;
	}

	#entrance .entranceMain dl dt {
		margin-bottom: 5px;
		color: #999;
	}
	
	#entrance .entranceMain dl dd {
		margin-bottom: 30px;
	}
	
	/* @end */


	/* @group Flow */
	
	#flowSect {
		min-width: 320px;
		margin: 0 0 25px;
		padding: 0 0 90px;
		border-bottom: 1px solid #d0d0d0;
	}
	
	
	#flowSect .cFrame {
		padding: 0 16px !important;
		
	}
	
	#flowSect {
		padding-bottom: 50px;
	}
	#flowSect .flowArea {
		padding: 0;
	}
	
	#flowSect .flowArea ol {
		display: none;
		margin: 30px 0 0;
		text-align: center;
	}
	
	#flowSect .flowArea ol li {
		display: inline-block;
		width: 39.713542%;
		margin: 0 2.473958% 6.510417%;
		padding: 27.213542% 0 6.510417%;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1;
	}
	
	#flowSect .flowArea ol li:last-child {
		margin: 0 2.473958% 6.510417%;
	}
	
	#flowSect .flowArea ol li:before,
	#flowSect .flowArea ol li:after {
		content: '';
		display: block;
		position: absolute;
	}
	
	#flowSect .flowArea ol li:before {
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		margin-left: 0;
		margin-top: 9.836066%;
		padding-top: 28.852459%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 50% 0;
	}
	
	#flowSect .flowArea ol li:nth-of-type(1):before {background-image: url(/jp/employ/css/images/step01.png);}
	#flowSect .flowArea ol li:nth-of-type(2):before {background-image: url(/jp/employ/css/images/step02.png);}
	#flowSect .flowArea ol li:nth-of-type(3):before {background-image: url(/jp/employ/css/images/step03.png);}
	#flowSect .flowArea ol li:nth-of-type(4):before {background-image: url(/jp/employ/css/images/step04.png);}
	
	#flowSect .flowArea ol li:after {
		top: 0;
		left: 50%;
		width: 14px;
		height: 3px;
		margin-top: 49.019608%;
		margin-left: -7px;
		background: #e50011;
	}
	
	#flowSect .flowArea ol li span {
		display: block;
		position: relative;
	}
	
	#flowSect .flowArea ol li span:after {
		display: none;
	}
	
	#flowSect .flowArea ol li:last-child span:after {
		display: none;
	}
	
	/* @end */
	
	
	#joinSect {
		margin-bottom: 90px;
		min-width: 320px;
	}
	
	#joinSect .description {
		margin: 0 0 25px;
		font-size: 12px;
		line-height: 1.9;
	}
	
	.head-recluit-btn {
		width: auto;
	    height: 50px;
	    margin: 0 24px;
		background-image: url("../../img/share/recluit-btn.png");
		background-repeat:no-repeat;
		background-position:right center;
		background-size: 50px;
		border-radius: 4px;
	    box-shadow: 0 2px 0 rgba(216, 28, 34, 1);
	    text-align: center;
	    z-index: 2;
		transition-property: background;
		transition-duration: 250ms;
	}
	
	.head-recluit-btn a {
		height: 50px;
		font-size: 18px;
		line-height: 50px;
	}
	
	
	.head-recluit-btn.pitajob-entry {
		background-color: #2ecc71;
	    box-shadow: 0 2px 0 rgba(27,136,73,1);
	}
	
	.head-recluit-btn.pitajob-entry a {
		background: url(../../img/career/top/btn_pitajob02.png) 50% 50% no-repeat;
		background-size: auto 35px;
	}
	
	
	p.pitajob-entryText {
		margin-top: 50px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 14px;
	}
	
	
}