/*pc_css*/
@media screen and (min-width:769px){
	
	
	

	
	#personb .mainbox{
		height:500px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/person/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#personb .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%);
	}
	
	#personb .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
		color:#fff;
	}
	
	#personb .cont1{
		width:980px;
		margin:100px auto 200px;
	}
	
	#personb .cont1 .maintl{
		width:760px;
		margin:0 0 10px 0;
	}
	
	#personb .cont1 .inbox{
		padding:0 50px;
	}
	
	#personb .cont1 .inbox .subtl{
		font-size:1.5em;
		font-style: italic;
		margin:0 0 100px 0;
	}
	
	#personb .cont1 .inbox .bordertl{
		font-weight: 600;
		font-style: italic;
		position: relative;
		margin:0 0 50px 0;
	}
	
	#personb .cont1 .inbox .bordertl span{
		padding:0 20px 0 0;
		background:#fff;
		position: relative;
		z-index:2;
	}
	
	#personb .cont1 .inbox .bordertl:after{
		content: "";
		width:100%;
		border-bottom: 1px solid #000;
		position: absolute;
		display: block;
		top:50%;
		left:0;
		z-index:1;
	}
	
	#personb .cont1 .inbox .floatbox{
		float: none;
		padding:0 0 30px 0;
		box-sizing: border-box;
		line-height: 2em;
		font-size:1.2em;
	}
	
	#personb .cont2{
		padding:150px 0;
		background:#f4f4f4;
	}
	
	#personb .cont2 .leftbox{
		padding:150px 0;
		background:#f4f4f4;
	}
	
	#personb .cont2 .tlbox{
		font-size:2em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 80px 0;
		position: relative;
		text-align: center;
	}
	
	#personb .cont2 .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
	}
	
	#personb .cont2 .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
	#personb .cont2 .box1{
		width:1200px;
		margin:0 auto 150px;
	}
	
	#personb .cont2 .box2{
		width:1200px;
		margin:0 auto 150px;
	}
	
	#personb .cont2 .leftbox{
		width:50%;
		margin:0 auto;
		float: left;
	}
	
	#personb .cont2 .box1 .leftbox{
		width:50%;
		padding:0 35px 0 75px;
		box-sizing: border-box;
	}
	
	#personb .cont2 .box2 .leftbox{
		width:50%;
		padding:150px 35px 0 0;
		box-sizing: border-box;
	}
	
	#personb .cont2 .leftbox .tl{
		font-size:2.3em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
	}
	
	#personb .cont2 .box2 .leftbox .tl{
		font-size:2.3em;
		line-height: 1.7em;
		padding:0 0 30px 0;
		margin:0 0 40px 0;
		position: relative;
	}
	
	#personb .cont2 .box2 .leftbox .tl:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:0;
		bottom:0;
	}
	
	#personb .cont2 .box2 .leftbox .subtl{
		font-size:0.9em;
		font-style: italic;
		font-weight: 600;
		margin:0 0 50px 0;
	}
	
	#personb .cont2 .leftbox .tx{
		line-height: 2em;
	}
	
	#personb .cont2 .rightbox{
		width:50%;
		float:left;
	}
	
	#personb .cont2 .rightbox{
		width:50%;
		float:left;
	}
	
	#personb .cont2 .box1 .rightbox .phbox{
		width:100%;
		margin:80px 0 0 0;
	}
	
	#personb .cont2 .box1 .rightbox .phbox.box2{
		width:100%;
		margin:80px 0 0 100px;
	}
	
	#personb .cont2 .box2 .rightbox .phbox{
		width:100%;
		height:875px;
	}
	
	#person,#message{
		padding-top:100px;
		margin-top:-100px;
	}
}

@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;
	}
	
	
	
	
	
	#personb .mainbox{
		height:130px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/policy/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#personb .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%);
	}
	
	#personb .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-20px;
		color:#fff;
	}
	
	#personb .cont1{
		width:90%;
		margin:40px auto 40px;
	}
	
	#personb .cont1 .maintl{
		width:300px;
		margin:0 0 10px 0;
	}
	
	#personb .cont1 .inbox{
		padding:0 10px;
	}
	
	#personb .cont1 .inbox .subtl{
		font-size:1.5em;
		font-style: italic;
		margin:0 0 50px 0;
	}
	
	#personb .cont1 .inbox .bordertl{
		font-weight: 600;
		font-style: italic;
		position: relative;
		margin:0 0 50px 0;
	}
	
	#personb .cont1 .inbox .bordertl span{
		padding:0 20px 0 0;
		background:#fff;
		position: relative;
		z-index:2;
	}
	
	#personb .cont1 .inbox .bordertl:after{
		content: "";
		width:100%;
		border-bottom: 1px solid #000;
		position: absolute;
		display: block;
		top:50%;
		left:0;
		z-index:1;
	}
	
	#personb .cont1 .inbox .floatbox{
		float: none;
		padding:0 0 30px 0;
		box-sizing: border-box;
		line-height: 2em;
	}
	
	#personb .cont2{
		padding:40px 0 0 0;
		background:#f4f4f4;
	}
	
	#personb .cont2 .leftbox{
		padding:150px 0;
		background:#f4f4f4;
	}
	
	#personb .cont2 .tlbox{
		font-size:2em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#personb .cont2 .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
	}
	
	#personb .cont2 .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
	#personb .cont2 .box1{
		width:90%;
		margin:0 auto 40px;
	}
	
	#personb .cont2 .box2{
		width:90%;
		margin:0 auto 40px;
	}
	
	#personb .cont2 .leftbox{
		width:50%;
		margin:0 auto;
		float: left;
	}
	
	#personb .cont2 .box1 .leftbox{
		width:100%;
		padding:0 0 0 0;
		box-sizing: border-box;
	}
	
	#personb .cont2 .box2 .leftbox{
		width:100%;
		padding:50px 0 0 0;
		box-sizing: border-box;
	}
	
	#personb .cont2 .leftbox .tl{
		font-size:2em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
	}
	
	#personb .cont2 .box2 .leftbox .tl{
		font-size:2em;
		line-height: 1.7em;
		padding:0 0 30px 0;
		margin:0 0 40px 0;
		position: relative;
	}
	
	#personb .cont2 .box2 .leftbox .tl:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:0;
		bottom:0;
	}
	
	#personb .cont2 .box2 .leftbox .subtl{
		font-size:0.9em;
		font-style: italic;
		font-weight: 600;
		margin:0 0 50px 0;
	}
	
	#personb .cont2 .leftbox .tx{
		line-height: 2em;
	}
	
	#personb .cont2 .rightbox{
		width:100%;
		float:left;
	}
	
	#personb .cont2 .rightbox{
		width:100%;
		float:left;
		margin:30px 0 0 0;
	}
	
	#personb .cont2 .box1 .rightbox .phbox{
		width:100%;
		margin:30px 0 0 0;
	}
	
	#personb .cont2 .box1 .rightbox .phbox.box2{
		width:100%;
		margin:0 0 50px 0;
	}
	
	#personb .cont2 .box2 .rightbox .phbox{
		width:100%;
		height:300px;
	}
	
	#person,#message{
		padding-top:100px;
		margin-top:-100px;
	}
}