/*pc_css*/
@media screen and (min-width:769px){
	
	
	#careerpaths .mainbox{
		height:500px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/careerpaths/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#careerpaths .mainbox .tlbox{
		font-size:2.5em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 80px 0;
		position: relative;
		text-align: center;
		color:#fff;
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	#careerpaths .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
		color:#fff;
	}

	#careerpaths .bgbox{
		padding:80px 0 ;
		background:#f4f4f4;
	}
	
	#careerpaths .bgbox.box2{
		padding:80px 0 100px 0;
		background:#f4f4f4;
	}
	
	#careerpaths .bgbox .innerbox{
		width:1200px;
		margin:0 auto 0;
		background:#fff;
		padding:115px 0 115px 0;
	}
	
	#careerpaths .bgbox .innerbox.box2{
		width:1200px;
		margin:0 auto 80px;
		background:#fff;
		padding:115px 0 80px 0;
	}
	
	#careerpaths .bgbox .innerbox.box3{
		width:1200px;
		margin:0 auto ;
		background:#fff;
		padding:0 0 0 0;
	}
	
	#careerpaths .bgbox .innerbox.box4{
		width:1200px;
		margin:0 auto ;
		background:none;
		padding:0 0 0 0;
	}
	
	#careerpaths .bgbox .innerbox .tlbox{
		font-size:2.3em;
		line-height: 1.7em;
		padding:0 0 40px 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#careerpaths .bgbox .innerbox .tlbox.box2{
		font-size:2.3em;
		line-height: 1.7em;
		padding:0 0 40px 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: left;
	}
	
	#careerpaths .bgbox .innerbox .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
	#careerpaths .bgbox .innerbox .tlbox.box2:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:0;
		margin:0 0 0 0;
		bottom:0;
	}
	
	#careerpaths .bgbox .innerbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
	}
	
	#careerpaths .bgbox .innerbox .csubtl{
		font-size: 1.3em;
		font-weight: 600;
		line-height: 1.8em;
		margin:0 0 25px 0;
		text-align: center;
	}
	
	#careerpaths .bgbox .innerbox .ctxbox{
		line-height: 2em;
		text-align: center;
		margin:0 0 80px 0;
	}
	
	#careerpaths .bgbox .innerbox .csubtl.box2{
		font-size: 1.3em;
		line-height: 1.8em;
		font-weight: 600;
		margin:0 0 25px 0;
		text-align: left;
	}
	
	#careerpaths .bgbox .innerbox .ctxbox.box2{
		line-height: 2em;
		text-align: left;
		margin:0 0 80px 0;
	}
	
	#careerpaths .bgbox .innerbox .illbox{
		width:920px;
		margin:0 auto;
	}
	
	#careerpaths .bgbox .innerbox .illbox .rightbox{
		float: right;
		width:540px;
	}
	
	#careerpaths .bgbox .innerbox .illbox .leftbox{
		width:379px;
		border-left:1px solid #000;
		min-height:717px;
		float: left;
		position: relative
	}
	
	#careerpaths .bgbox .innerbox .illbox .leftbox:after{
		content: "";
		width:7px;
		height:20px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/careerpaths/arrow.png") no-repeat;
		background-size:7px;
		position: absolute;
		bottom:0;
		left:-7px;
	}
	
	#careerpaths .bgbox .innerbox .illbox .leftbox .inbox{
		padding:40px;
		min-height:160px;
	}
	
	#careerpaths .bgbox .innerbox .illbox .leftbox .inbox .tl{
		font-size:1.5em;
		line-height: 1.5em;
		margin:0 0 15px 0;
	}
	
	#careerpaths .bgbox .innerbox .illbox .leftbox .inbox .tx{
		line-height: 1.7em;
	}
	
	#careerpaths .fixbg01{
		height:500px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/careerpaths/fix_bg1.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		background-attachment: fixed;
	}
	
	#careerpaths .slidecont{
		width:1200px;
		margin:0 auto 100px;
	}
	
	#careerpaths .graffbox{
		width:528px;
		height:320px;
		position: relative;
	}
	
	#careerpaths .graffbox .gabox{
		position: absolute;
		top:0;
		left:0;
	}
	
	#careerpaths .slidecont .potxcont{
		position: absolute;
		bottom:50px;
		right:-80px;
		z-index:3;
		visibility: hidden;
	}
	
	#careerpaths .slidecont .potxcont.active{
		position: absolute;
		bottom:50px;
		right:-80px;
		z-index:3;
		visibility: visible;
	}
	
	#careerpaths .slidecont .potxcont .tl{
		margin:0 0 20px 0;
		transition: all 1s;
		top:-30px;
		opacity: 0;
		position: relative;
	}
	
	#careerpaths .slidecont .potxcont.active .tl{
		top:0;
		opacity: 1;
	}
	
	#careerpaths .slidecont .potxcont .tl span{
		padding:7px;
		font-size:2.3em;
		background:#fff;
		margin:0 0 10px 0;
		display: inline-block;
	}
	
	#careerpaths .slidecont .potxcont .tx{
		margin:0 0 30px 0;
		transition: all 1s;
		transition-delay: 0.25s;
		top:-30px;
		opacity: 0;
		position: relative;
	}
	
	#careerpaths .slidecont .potxcont.active .tx{
		top:0;
		opacity: 1;
	}
	
	#careerpaths .slidecont .potxcont .tx span{
		padding:7px;
		font-size:0.9em;
		background:#fff;
		display: inline-block;
		margin:0 0 5px 0;
		font-weight: 600;
	}
	
	#careerpaths .slidecont .potxcont a{
		display: block;
		width:290px;
		background:#000;
		padding:35px 0;
		color:#fff;
		font-size:1.2em;
		text-align: center;
		font-weight: 600;
		position: relative;
		transition: opacity 0.3s;
	}
	
	#careerpaths .slidecont .potxcont .trbox{
		transition: all 1s;
		transition-delay: 0.5s;
		top:-30px;
		opacity: 0;
		position: relative;
		visibility: hidden;
	}
	
	#careerpaths .slidecont .potxcont.active .trbox{
		top:0;
		opacity: 1;
		visibility: visible;
	}
	
	#careerpaths .slidecont .potxcont a:hover{
		opacity: 0.8;
	}
	
	#careerpaths .slidecont .potxcont a:after{
		content: "";
		width: 5px;
  		height: 5px;
		display: inline-block;
		position: absolute;
		top:50%;
		right:50px;
		margin:-5px 0 0 0;
  		border: 2px solid;
  		border-color:  transparent transparent #fff #fff;
  		transform: rotate(-45deg);
	}
	
	#careerpaths .slidecont .leftbox{
		width:50%;
		float: left;
		padding:0 65px 0 0;
		box-sizing: border-box;
	}
	
	#careerpaths .slidecont .slidecontainer{
		width:50%;
		float: left;
		padding:0 0 0 65px;
		margin:-150px 0 0 0;
		box-sizing: border-box;
		position: relative;
	}
	
	#careerpaths .slidecont .slidecontainer .phbox{
		width:100%;
	}
	
	#careerpaths .careercont{
		width:100%;
		background:#fff;
		position: relative;
		margin:0 0 150px 0;
	}
	
	#careerpaths .careercont .gbox{
		width:calc(50% - 240px);
		background:#f4f4f4;
		position: absolute;
		top:0;
		left:0;
		height:100%;
		z-index:1;
	}
	
	#careerpaths .careercont.rb .gbox{
		width:calc(50% - 240px);
		background:#f4f4f4;
		position: absolute;
		top:0;
		right:0;
		left:auto;
		height:100%;
		z-index:1;
	}
	
	#careerpaths .careercont .inbox2{
		width:1200px;
		margin:0 auto;
		position: relative;
		z-index:2;
	}
	
	#careerpaths .careercont .leftbox{
		width:50%;
		float: left;
	}
	
	#careerpaths .careercont.rb .leftbox{
		width:50%;
		float: right;
	}
	
	#careerpaths .careercont .leftbox .mphbox{
		margin:-80px 0 20px 0;
		width:100%;
		height:850px;
	}
	
	#careerpaths .careercont .leftbox .phbox{
		width:100%;
	}
	
	#careerpaths .careercont .inbox2 .txcont{
		padding:100px 0 100px 65px;
		width:50%;
		float: right;
		box-sizing: border-box;
	}
	
	#careerpaths .careercont.rb .inbox2 .txcont{
		padding:100px 65px 100px 0;
		width:50%;
		float: right;
		box-sizing: border-box;
	}
	
	#careerpaths .careercont .inbox2 .txcont .tlbox{
		font-size:2.3em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: left;
	}
	
	#careerpaths .careercont .inbox2 .txcont .tlbox:after{
		content: "";
		width:30px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:0;
		bottom:0;
	}
	#careerpaths .careercont .inbox2 .txcont .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
	}
	
	#careerpaths .careercont .inbox2 .txcont .mtx{
		font-weight: 600;
		line-height: 1.8em;
		margin:0 0 50px 0;
	}
	
	#careerpaths .careercont .inbox2 .txcont .phbox{
		line-height: 0;
		margin:0 0 50px 0;
	}
	
	#careerpaths .careercont .inbox2 .txcont .subbox{
		margin:0 0 50px 0;
	}
	
	#careerpaths .careercont .inbox2 .txcont .subtl{
		background: -webkit-linear-gradient(left, #000000 0%, #07483f 100%);
        background: -o-linear-gradient(left, #000000 0%, #07483f 100%);
        background: linear-gradient(to right, #000000 0%, #07483f 100%);
		font-size:1.4em;
		color:#fff;
		display: inline-block;
		padding:8px;
		margin:0 0 10px 0;
	}
	
	#careerpaths .careercont .inbox2 .txcont .subbox .tx{
		line-height: 1.8em;
		font-size:0.9em;
	}
	
	#human-resources-development{
		padding-top:100px;
		margin-top:-100px;
	}
	
	#meritocracy-careerpaths,#analyst,#consultant,#senior-consultant,#manager{
		padding-top:150px;
		margin-top:-150px;
	}
}

@media screen and (max-width:768px){
	.header.box2{
		z-index:11;
		position: fixed;
		left:0;
		top:0;
		width:100%;
		min-width: 100%;
		transition: top 0.5s;
	}
	
	.menu{
		display: none;
	}
	
	
	
	
	
	#careerpaths .mainbox{
		height:130px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/careerpaths/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#careerpaths .mainbox .tlbox{
		font-size:2em;
		line-height: 1.7em;
		padding:20px 0 0 0;
		margin:0 0 0 0;
		position: relative;
		text-align: center;
		color:#fff;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	#careerpaths .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-20px;
		color:#fff;
	}

	#careerpaths .bgbox{
		padding:40px 0 ;
		background:#f4f4f4;
	}
	
	#careerpaths .bgbox.box2{
		padding:80px 0 100px 0;
		background:#f4f4f4;
	}
	
	#careerpaths .bgbox .innerbox{
		width:90%;
		margin:0 auto 0;
		background:#fff;
		padding:40px 5%;
	}
	
	#careerpaths .bgbox .innerbox.box2{
		width:1200px;
		margin:0 auto 80px;
		background:#fff;
		padding:115px 0 80px 0;
	}
	
	#careerpaths .bgbox .innerbox.box3{
		width:1200px;
		margin:0 auto ;
		background:#fff;
		padding:0 0 0 0;
	}
	
	#careerpaths .bgbox .innerbox.box4{
		width:90%;
		margin:0 auto ;
		background:none;
		padding:0 0 0 0;
	}
	
	#careerpaths .bgbox .innerbox .tlbox{
		font-size:1.5em;
		line-height: 1.7em;
		padding:0 0 40px 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#careerpaths .bgbox .innerbox .tlbox.box2{
		font-size:1.5em;
		line-height: 1.7em;
		padding:0 0 40px 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: left;
	}
	
	#careerpaths .bgbox .innerbox .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
	#careerpaths .bgbox .innerbox .tlbox.box2:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:0;
		margin:0 0 0 0;
		bottom:0;
	}
	
	#careerpaths .bgbox .innerbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
	}
	
	#careerpaths .bgbox .innerbox .csubtl{
		font-size: 1.3em;
		font-weight: 600;
		line-height: 1.8em;
		margin:0 0 25px 0;
		text-align: center;
	}
	
	#careerpaths .bgbox .innerbox .ctxbox{
		line-height: 2em;
		text-align: left;
		margin:0 0 40px 0;
	}
	
	#careerpaths .bgbox .innerbox .csubtl.box2{
		font-size: 1.3em;
		line-height: 1.8em;
		font-weight: 600;
		margin:0 0 25px 0;
		text-align: left;
	}
	
	#careerpaths .bgbox .innerbox .ctxbox.box2{
		line-height: 2em;
		text-align: left;
		margin:0 0 40px 0;
	}
	
	#careerpaths .bgbox .innerbox .illbox{
		width:100%;
		margin:0 auto;
	}
	
	#careerpaths .bgbox .innerbox .illbox .rightbox{
		float: none;
		width:100%;
		margin:0 0 40px 0;
	}
	
	#careerpaths .bgbox .innerbox .illbox .leftbox{
		width:100%;
		float: none;
		position: relative
	}
	
	#careerpaths .bgbox .innerbox .illbox .leftbox .inbox{
		padding:0;
		margin:0 0 30px 0;
	}
	
	#careerpaths .bgbox .innerbox .illbox .leftbox .inbox .tl{
		font-size:1.5em;
		line-height: 1.5em;
		margin:0 0 15px 0;
	}
	
	#careerpaths .bgbox .innerbox .illbox .leftbox .inbox .tx{
		line-height: 1.7em;
	}
	
	#careerpaths .fixbg01{
		height:300px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/careerpaths/fix_bg1.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
	}
	
	#careerpaths .slidecont{
		width:100%;
		margin:0 auto 100px;
	}
	
	#careerpaths .graffbox{
		width:100%;
		position: relative;
		padding-top:65%;
	}
	
	#careerpaths .graffbox .gabox{
		position: absolute;
		top:0;
		left:0;
	}
	
	#careerpaths .slidecont .potxcont{
		position: absolute;
		bottom:20px;
		left:20px;
		z-index:3;
		visibility: hidden;
	}
	
	#careerpaths .slidecont .potxcont.active{
		position: absolute;
		bottom:20px;
		right:0;
		z-index:3;
		visibility: visible;
	}
	
	#careerpaths .slidecont .potxcont .tl{
		margin:0 0 20px 0;
		transition: all 1s;
		top:-30px;
		opacity: 0;
		position: relative;
	}
	
	#careerpaths .slidecont .potxcont.active .tl{
		top:0;
		opacity: 1;
	}
	
	#careerpaths .slidecont .potxcont .tl span{
		padding:7px;
		font-size:1.5em;
		background:#fff;
		margin:0 0 10px 0;
		display: inline-block;
	}
	
	#careerpaths .slidecont .potxcont .tx{
		margin:0 0 30px 0;
		transition: all 1s;
		transition-delay: 0.25s;
		top:-30px;
		opacity: 0;
		position: relative;
	}
	
	#careerpaths .slidecont .potxcont.active .tx{
		top:0;
		opacity: 1;
	}
	
	#careerpaths .slidecont .potxcont .tx span{
		padding:7px;
		font-size:0.9em;
		background:#fff;
		display: inline-block;
		margin:0 0 5px 0;
		font-weight: 600;
	}
	
	#careerpaths .slidecont .potxcont a{
		display: block;
		width:180px;
		background:#000;
		padding:20px 0;
		color:#fff;
		font-size:1.2em;
		text-align: center;
		font-weight: 600;
		position: relative;
		transition: opacity 0.3s;
	}
	
	#careerpaths .slidecont .potxcont .trbox{
		transition: all 1s;
		transition-delay: 0.5s;
		top:-30px;
		opacity: 0;
		position: relative;
		visibility: hidden;
	}
	
	#careerpaths .slidecont .potxcont.active .trbox{
		top:0;
		opacity: 1;
		visibility: visible;
	}
	
	#careerpaths .slidecont .potxcont a:hover{
		opacity: 0.8;
	}
	
	#careerpaths .slidecont .potxcont a:after{
		content: "";
		width: 5px;
  		height: 5px;
		display: inline-block;
		position: absolute;
		top:50%;
		right:20px;
		margin:-5px 0 0 0;
  		border: 2px solid;
  		border-color:  transparent transparent #fff #fff;
  		transform: rotate(-45deg);
	}
	
	#careerpaths .slidecont .leftbox{
		width:100%;
		float: none;
		padding:0 0 0 0;
		box-sizing: border-box;
	}
	
	#careerpaths .slidecont .slidecontainer{
		width:100%;
		float: none;
		padding:0 0 0 0;
		margin:0 0 0 0;
		box-sizing: border-box;
		position: relative;
	}
	
	#careerpaths .slidecont .slidecontainer .phbox{
		width:100%;
	}
	
	#careerpaths .careercont{
		width:100%;
		background:#fff;
		position: relative;
		margin:0 0 50px 0;
	}
	
	#careerpaths .careercont .gbox{
		width:calc(50% - 240px);
		background:#f4f4f4;
		position: absolute;
		top:0;
		left:0;
		height:100%;
		z-index:1;
	}
	
	#careerpaths .careercont.rb .gbox{
		width:calc(50% - 240px);
		background:#f4f4f4;
		position: absolute;
		top:0;
		right:0;
		left:auto;
		height:100%;
		z-index:1;
	}
	
	#careerpaths .careercont .inbox2{
		width:90%;
		margin:0 auto;
		position: relative;
		z-index:2;
	}
	
	#careerpaths .careercont .leftbox{
		width:100%;
		float: none;
	}
	
	#careerpaths .careercont .leftbox .mphbox{
		margin:-80px 0 20px 0;
		width:100%;
		height:850px;
		display: none;
	}
	
	#careerpaths .careercont .leftbox .phbox{
		width:100%;
	}
	
	#careerpaths .careercont .inbox2 .txcont{
		padding:40px 0 40px 0;
		width:100%;
		float: none;
		box-sizing: border-box;
	}
	
	#careerpaths .careercont .inbox2 .txcont .tlbox{
		font-size:2.3em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: left;
	}
	
	#careerpaths .careercont .inbox2 .txcont .tlbox:after{
		content: "";
		width:30px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:0;
		bottom:0;
	}
	#careerpaths .careercont .inbox2 .txcont .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
	}
	
	#careerpaths .careercont .inbox2 .txcont .mtx{
		font-weight: 600;
		line-height: 1.8em;
		margin:0 0 50px 0;
	}
	
	#careerpaths .careercont .inbox2 .txcont .phbox{
		line-height: 0;
		margin:0 0 50px 0;
	}
	
	#careerpaths .careercont .inbox2 .txcont .subbox{
		margin:0 0 50px 0;
	}
	
	#careerpaths .careercont .inbox2 .txcont .subtl{
		background: -webkit-linear-gradient(left, #000000 0%, #07483f 100%);
        background: -o-linear-gradient(left, #000000 0%, #07483f 100%);
        background: linear-gradient(to right, #000000 0%, #07483f 100%);
		font-size:1.4em;
		color:#fff;
		display: inline-block;
		padding:8px;
		margin:0 0 10px 0;
	}
	
	#careerpaths .careercont .inbox2 .txcont .subbox .tx{
		line-height: 1.8em;
		font-size:0.9em;
	}
	
	#human-resources-development{
		padding-top:100px;
		margin-top:-100px;
	}
	
	#meritocracy-careerpaths,#analyst,#consultant,#senior-consultant,#manager{
		padding-top:50px;
		margin-top:-50px;
	}
}