.object-fit-img,.avatar {
  		object-fit: cover;
		width:100%;
		height:100%;
  		font-family: 'object-fit: cover;'
}

h1,h2{font-weight: inherit; line-height: inherit;}
/*font*/
@font-face {
  	font-family: 'Avenir', serif;
  	font-style: normal;
  	font-weight: 400;
  	src: url(https://recruit.bigtreetc.com/newgrads/font/AvenirLTStd-Book.otf) format('opentype');
 }

@font-face {
  	font-family: 'Avenir', serif;
  	font-style: normal;
  	font-weight: 500;
  	src: url(https://recruit.bigtreetc.com/newgrads/font/AvenirLTStd-Roman.otf) format('opentype');
 }

@font-face {
  	font-family: 'Avenir', serif;
  	font-style: normal;
  	font-weight: 600;
  	src: url(https://recruit.bigtreetc.com/newgrads/font/AvenirLTStd-Medium.otf) format('opentype');
 }

.fonteb{font-family: 'EB Garamond', serif;}
.fontlb{font-family: 'Libre Baskerville', serif;}
.fontav{font-family: 'Avenir', serif;}
.fontmin{font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", 'Noto Serif JP', serif;}




.headnav--navbox .logo{
	width: 320px;
	margin-top: 20px;
}	
.headnav--navbox{
	background: #013F34;
	width: 800px;
	padding: 0 80px;
	box-sizing: border-box;
	overflow-y: auto;
}	

.headnav--navbox--nav {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 80px;
}

.headnav--navbox--nav dl{
	width: calc(50% - 20px);
	margin-bottom:50px;
}
.headnav--navbox--nav dt{
	font-size: 12px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
	text-align: left;
	margin-bottom: 30px;
	padding-bottom: 10px;
}


.headnav--navbox--nav dt .jp::before{
	content: "／";
}
.headnav--navbox--nav dt .fonteb{
	font-size: 2.6em;
	font-weight: 100;
	letter-spacing: 0.08em;
	padding-right: 10px;
}

.headnav--navbox--nav a{
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 13px;
	transition: ease .3s;
}
.headnav--navbox--nav a:hover{
    transform: translate(5px, 0px);
}
.headnav--navbox--nav a+a{
	margin-top: 1em;
}

.headnav--navbox--nav a::before{
	content: "";
	width: 10px;
	height: 1px;
	background: #fff;
	margin-right: 8px;
	
}


.headnav--image{
	flex: 1;
	background: url("https://recruit.bigtreetc.com/newgrads/common/images/common/nav_bg.jpg") no-repeat center /cover;	
}


/* pcのみ */
@media screen and (min-width:769px){
	
.pc_none{
	display: none !important;
}

body{
	background:url("https://recruit.bigtreetc.com/newgrads/common/images/common/bg_border.png") repeat-y,#fff;
	background-position: 50% 50%;
	background-size:1200px;
	position:relative;
	-webkit-text-size-adjust : 100% !important ;
	font-size:0.9em;
	color:#000;
	letter-spacing: 0.01em;
	min-width: 1300px;
	font-weight: 500;
	opacity: 0;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

/*menu*/
	.menu{
		display: inline-block;
		width:25px;
		position: absolute;
		padding:30px 50px 0 0;
		top:0;
		right:0;
		z-index:99;
	}

	.menu.hide{
		top:-80px;
		left:0;
		right:auto;
		transition:top 0.5s;
		padding:30px 50px 0 0;
		z-index:20;
		margin-left:calc(100% - 75px);
		position: fixed;

	}
	
	.menu.hide.min{
		margin-left:calc(1300px - 90px);

	}
	
	.menu.hide.active{
		top:0;

	}

	.menu-trigger,
	.menu-trigger span {
  		display: inline-block;
  		transition: all .4s;
  		box-sizing: border-box;
		cursor: pointer;
	}
	.menu-trigger {
  		position: relative;
  		width: 25px;
  		height: 15px;
		z-index:5;
	}
	.menu-trigger span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 1px;
  		background-color: #fff;
  		border-radius: 0px;
	}
	
	.menu.hide .menu-trigger span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 1px;
  		background-color: #fff !important;
  		border-radius: 0px;
	}
	
	.menu.hide .menu-trigger.active span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 1px;
  		background-color: #fff !important;
  		border-radius: 0px;
	}
	.menu-trigger span:nth-of-type(1) {
  		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
 		top:7px;
	}
	.menu-trigger span:nth-of-type(3) {
  		bottom: 0;
		width:50% !important;
	}

	.menu-trigger.active span:nth-of-type(1) {
  		-webkit-transform: translateY(7px) rotate(35deg);
  		transform: translateY(7px) rotate(35deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
  		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
  		-webkit-transform: translateY(-7px) rotate(-35deg);
 		 transform: translateY(-7px) rotate(-35deg);
		width:100% !important;
	}
	
	.menu-trigger .tx {
  		position: relative;
		left:-60px;
		color:#fff;
		font-weight: 400;
	}
	
/*header*/

	.header.box2{
		z-index:11;
		position: fixed;
		left:0;
		top:-90px;
		width:100%;
		min-width: 1300px;
		transition: top 0.5s;
	}
	
	
	.header .innerbox{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		z-index:10;
		height: 75px;
	    background: -webkit-linear-gradient(left, #005142 0%, #00251f 100%);
	    background: -o-linear-gradient(left, #005142 0%, #00251f 100%);
	    background: linear-gradient(to right, #005142 0%, #00251f 100%);
	}
	.header .innerbox.is_top{
		background: none;
	}
	
	.header .innerbox2{
		position: relative;
		left:0;
		width:100%;
		height:75px;
        background: -webkit-linear-gradient(left, #005142 0%, #00251f 100%);
        background: -o-linear-gradient(left, #005142 0%, #00251f 100%);
        background: linear-gradient(to right, #005142 0%, #00251f 100%);
		z-index:7;
		transition: all 0.5s;
	}
	
	.header .headerbg{
		position: absolute;
		left:0;
		top:0;
		width:100%;
		height:75px;
        background: -webkit-linear-gradient(left, #005142 0%, #00251f 100%);
        background: -o-linear-gradient(left, #005142 0%, #00251f 100%);
        background: linear-gradient(to right, #005142 0%, #00251f 100%);
		z-index:7;
		transition: all 0.5s;
	}
	
	.header .innerbox2.active .headerbg{
		opacity:0;
	}
	
	.header.box2.active{
		top:0;
	}
	
	.header .logo{
		width:320px;
		float: left;
		padding:18px 0 0 50px;
		position:relative;
		z-index:100;
	}
	
	.header .logo img{
		width:100%;
		height:auto;
	}
	
	.header ul{
		float: right;
		height:auto;
		padding:18px 180px 0 0;
		list-style: none;
		position: relative;
		z-index:8;
	}
	
	.header ul li{
		margin:0 0 0 10px;
		float: left;
	}
	
	.header ul li a {
  		width:180px;
		display: block;
		border:1px solid #fff;
		text-align: center;
		padding:10px 0;
		color:#fff;
		font-weight: 400;
		transition:all 0.1s;
		position: relative;
	}
	
	.header ul li a:after {
  		content: "";
		width:11px;
		height:11px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/common/blank_icon.png") no-repeat;
		background-size:11px;
		display: inline-block;
		position: absolute;
		top:50%;
		right:15px;
		margin:-5px 0 0 0;
	}
	
	.header ul li a:hover:after {
  		content: "";
		width:11px;
		height:11px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/common/blank_icon2.png") no-repeat;
		background-size:11px;
		display: inline-block;
		position: absolute;
		top:50%;
		right:15px;
		margin:-5px 0 0 0;
	}
	
	.header ul li a:hover {
  		color:#00251f;
		background:#fff;
	}
	
	
	.headnav {
		display: flex;
		
  		position: fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index: 10;
		opacity:0;
		visibility: hidden;
		background-color: rgba(0,0,0,1);
		transition: all 0.5s;
		text-align: center;
		min-width: 1200px;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		-ms-transition: 0.5s;
		-webkit-transform: scale(1.1,1.1);
    	-moz-transform: scale(1.1,1.1);
    	-o-transform: scale(1.1,1.1);
    	-ms-transform: scale(1.1,1.1);
    	transform: scale(1.1,1.1);
	}
	
	.headnav.active {
  		opacity:1;
		-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	transform: scale(1,1);
		visibility:visible;	
	}
	
	.headnav .leftbox{
		width:50%;
/* 		height:100vh; */
height: 100%;
		float: left;
		background:#013f34;
		text-align: center;
	}
	
	.headnav .leftbox .innavibox{
		display: inline-block;
		text-align: left;
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	.headnav .leftbox .innavibox .hoverbtn{
		padding:15px 0;
	}
	
	.headnav .leftbox .innavibox .hoverbtn .btnbox{
		color:#fff;
		font-size: 0.9em;
		cursor: pointer;
		transition: all 0.3s;
		position: relative;
		left:0;
	}
	
	.headnav .leftbox .innavibox .hoverbtn a.btnbox:hover{
		opacity:0.5;
		left:25px;
	}
	
	.headnav .leftbox .innavibox .hoverbtn .btnbox.active{
		opacity:0.5;
		left:25px;
	}
	
	.headnav .leftbox .innavibox .hoverbtn .btnbox span{
		font-size:2.8em;
		font-weight: 300;
	}
	
	.headnav .rightbox{
		width:50%;
/* 		height:100vh; */
height: 100%;
		float: left;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/common/nav_bg.jpg") no-repeat;
		background-size:cover;
	}
	
	.headnav .rightbox .rightnavi{
		text-align: center;
	}
	
	.headnav .rightbox .rightnavi{
		text-align: center;
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	.headnav .rightbox .rightnavi .innavi{
		text-align:center;
		display: none;
		
	}
	
	.headnav .rightbox .rightnavi .innavi a{
		display: inline-block;
		color:#fff;
		font-size:1.4em;
		margin:17px 0;
		position: relative;
		opacity: 0;
		transition: opacity 0.5s;
	}
	
	.headnav .rightbox .rightnavi .innavi a.active{
		opacity: 1;
	}
	
	.headnav .rightbox .rightnavi .innavi a span{
		transition: opacity 0.3s;
	}
	
	.headnav .rightbox .rightnavi .innavi a:hover span{
		opacity: 0.8;
	}
	
	#footer{
		background:#121212;
	}
	
	#footer .innerbox{
		width:1200px;
		margin:0 auto;
	}
	
	#footer .innerbox{
		width:1200px;
		margin:0 auto;
	}
	
	#pan{
		margin:0 auto;
		border-bottom:1px solid #363636;
		color:#898989;
		background:#121212;
	}
	
	#pan .inbox{
		width:calc(1200px - 20px);
		margin:0 auto;
		padding:20px 10px;
		font-size:0.8em;
		color:#898989;
		background:#121212;
	}
	
	#pan .inbox a{
		color:#898989;
		text-decoration: underline;
	}
	
	#footer .innerbox .navibox{
		padding:40px 10px 10px 10px;
		font-size:0.9em;
	}
	
	#footer .innerbox .navibox .leftbox{
		float: left;
	}
	
	#footer .innerbox .navibox .leftbox ul{
		list-style: none;
	}
	
	#footer .innerbox .navibox .leftbox ul li{
		float: left;
		margin:0 90px 0 0 ;
	}
	
	#footer .innerbox .navibox .leftbox ul li .navitl{
		color:#5c5d5d;
		margin:0 0 10px 0;
		font-size:0.9em;
	}
	
	#footer .innerbox .navibox .leftbox ul li .navitl a{
		margin:0;
		display: block;
		color:#5c5d5d;
	}

	#footer .innerbox .navibox .leftbox ul li .navitl a.box2{
		margin:0 0 25px 0;
		display: inline-block;
		color:#5c5d5d;
	}
	
	#footer .innerbox .navibox .leftbox ul li .linkbox{
		margin:0 0 30px 0;
	}
	
	#footer .innerbox .navibox .leftbox ul li .linkbox a{
		color:#fff;
		line-height: 1.5em;
		display: flex;
	    align-items: center;
	    width: max-content;
	}
	#footer .innerbox .navibox .leftbox ul li .linkbox a::before{
		content: "";
		display: block;
	    width: 4px;
	    height: 1px;
	    background: #fff;
	    margin-right: 6px;
	}
	
	#footer .innerbox .navibox a{
		transition: opacity 0.3s;
	}
	
	#footer .innerbox .navibox a:hover{
		opacity: 0.5;
	}
	
	#footer .innerbox .navibox a.blank:after{
		content: "";
		width:11px;
		height: 11px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/common/blank_icon.png") no-repeat;
		background-size:11px;
		display: inline-block;
		margin:0 0 0 5px;
	}
		
	#footer .innerbox .rightbox{
		float: right;
	}
	
	#footer .innerbox .rightbox .logobox{
		width:110px;
		margin:0 0 10px 0;
	}
	
	#footer .innerbox .rightbox .txbox{
		color:#c2c2c2;
		line-height: 1.7em;
		font-size:0.9em;
	}
	
	#footer .copy{
		padding:20px 0;
		background:#1a1a1a;
		text-align: center;
		color:#fff;
		font-size:0.7em;
		font-weight: 300;
		letter-spacing: 0.05em;
	}
	
	
	#maincontainer{
		position: relative;
		border-top:75px solid #fff;
	}
	
	/*footernav*/
	#footernav{
		width:1200px;
		/* margin:0 auto; */
		margin: 6rem auto;
	}
	
	#footernav ul{
		width:100%;
		list-style: none;
	}
	
	#footernav ul li{
		width:33.333333%;
		float: left;
	}
	
	#footernav ul li a{
		overflow: hidden;
		width:100%;
		height:210px;
		display: block;
		position: relative;
		color:#fff;
	}
	
	#footernav ul li a img{
		transform: scale(1);
		transition: all 0.5s;
	}
	
	#footernav ul li a:hover img{
		transform: scale(1.05);
	}
	
	#footernav ul li a .positionbox{
		position: absolute;
		width:100%;
		height: 100%;
		top:0;
		left:0;
	}
	
	#footernav ul li a .positionbox .inbox{
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
		text-align: center;
	}
	
	#footernav ul li a .positionbox .inbox .tl{
		font-size:2em;
		margin:0 0 10px 0;
		text-shadow: 2px 3px 3px rgba(0, 0, 0, 1);
	}
	
	#footernav ul li a .positionbox .inbox .tx{
		font-weight: 600;
		font-style: italic;
		text-shadow: 2px 3px 3px rgba(0, 0, 0, 1);
	}
	
	/*footerentry*/
	#footerentry{
		/* padding:200px 0; */
		padding: 220px 0 40px;
		background:url(https://recruit.bigtreetc.com/newgrads/common/images/index/fix_bg01.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 50%;
	}
	
	#footerentry .maintl{
		font-size:5em;
		color:#fff;
		font-style: italic;
		text-align: center;
		margin:0 0 30px 0;
	}
	
	#footerentry .subtl{
		font-size:2em;
		color:#fff;
		font-style: italic;
		text-align: center;
		margin:0 0 50px 0;
	}
	
	#footerentry a{
		display: block;
		width:395px;
		background:#000;
		border:1px solid #000;
		color:#fff;
		font-size:1.5em;
		font-style: italic;
		margin:0 auto 40px;
		text-align: center;
		padding:20px 0;
		letter-spacing: 0.2em;
		transition: all 0.3s;
	}
	
	#footerentry a:hover{
		background:#fff;
		border:1px solid #000;
		color:#000;
	}
	
	/*animation*/
	.phanimeleft {
		position: relative;
		overflow: hidden;
	}
	
	.phanimeleft:before{
		content: "";
		width:100%;
		height:100%;
		display: block;
		position: absolute;
		background:#fff;
		top:0;
		left:0;
		z-index:2;
		transition: left 0.5s;
	}
	
	.phanimeleft.bg:before{
		content: "";
		width:100%;
		height:100%;
		display: block;
		position: absolute;
		background:#f4f4f4;
		top:0;
		left:0;
		z-index:2;
		transition: left 0.5s;
	}
	
	.phanimeleft:after{
		content: "";
		width:100%;
		height:100%;
		display: block;
		position: absolute;
		background:#000;
		top:0;
		left:0;
		z-index:1;
		transition: left 0.5s;
		transition-delay: 0.3s;
	}
	
	.phanimeleft.active:before{
		left:-100%;
	}
	
	.phanimeleft.active:after{
		left:-100%;
	}
	
	.phanimeright {
		position: relative;
		overflow: hidden;
	}
	
	.phanimeright:before{
		content: "";
		width:100%;
		height:100%;
		display: block;
		position: absolute;
		background:#fff;
		top:0;
		right:0;
		z-index:2;
		transition: right 0.5s;
	}
	
	.phanimeright.bg:before{
		content: "";
		width:100%;
		height:100%;
		display: block;
		position: absolute;
		background:#f4f4f4;
		top:0;
		right:0;
		z-index:2;
		transition: right 0.5s;
	}
	
	.phanimeright:after{
		content: "";
		width:100%;
		height:100%;
		display: block;
		position: absolute;
		background:#000;
		top:0;
		right:0;
		z-index:1;
		transition: right 0.5s;
		transition-delay: 0.3s;
	}
	
	.phanimeright.active:before{
		right:-100%;
	}
	
	.phanimeright.active:after{
		right:-100%;
	}
	
	/*fadeanimation*/
	.fadetop{
		position: relative;
		opacity: 0;
		top:50px;
		transition: all 1s;
	}
	
	.fadetop.active{
		opacity: 1;
		top:0;
	}
	
}
@media screen and (max-width:768px){
	
	
	.headnav--navbox{
		width: 100%;
		padding: 0 20px;
		background: none;
	}	
	.headnav--navbox .logo{
		display: none;
	}
	
	.headnav--navbox--nav {
		margin-top: 80px;
	}
	
	.headnav--navbox--nav dl{
		width: calc(50% - 10px);
		margin-bottom: 40px;
	}
	.headnav--navbox--nav dt{
		font-size: 11px;
		margin-bottom: 20px;
		padding-left: 5px;
	}
	
	.headnav--navbox--nav dt .jp::before{
		display: none;
	}
		
	.headnav--navbox--nav dt .fonteb{
		font-size: 2em;
		display: block;
		margin-bottom: 3px;
	}
	.headnav--navbox--nav dd{
		padding-left: 5px;
	}
	
	
	.headnav--navbox--nav a{
		display: flex;

	}
	.headnav--navbox--nav a+a{
		margin-top: 1em;
	}
	
	.headnav--navbox--nav a::before{
		width: 6px;
		margin-right: 8px;
		
		
	}
	.headnav  .entrybtn a{
		font-size:1.5em;
		display: block;
		background:#fff;
		text-align: center;
		color:#112e2d;
		width:calc(100% - 10%);
		margin:20px auto 40px;
		padding:14px 0;
		
	}
	
	.headnav--image{
		display: none;
	}
	
	
	
.mainbox{
    height: 190px !important;
}
	
.sp_none{
	display: none !important;
}

body{
	background:#fff;
	position:relative;
	-webkit-text-size-adjust : 100% !important ;
	font-size:0.85em;
	color:#000;
	letter-spacing: 0.01em;
	min-width: 100%;
	font-weight: 500;
	opacity: 0;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
	
/*menu*/
	.menu{
		display: inline-block;
		width:25px;
		position: absolute;
		padding:20px 5% 0 0;
		top:0;
		right:0;
		z-index:10;

	}

	.menu.hide{
		display: block;
		top:0;
		left:0;
		right:auto;
		transition:top 0.5s;
		padding:30px 50px 0 0;
		z-index:20;
		margin-left:calc(100% - 75px);
		position: fixed;
	}
	
	.menu.hide.min{
		margin-left:calc(100% - 11%);

	}
	
	.menu.hide.active{
		top:0;

	}

	.menu-trigger,
	.menu-trigger span {
  		display: inline-block;
  		transition: all .4s;
  		box-sizing: border-box;
		cursor: pointer;
	}
	.menu-trigger {
  		position: relative;
  		width: 25px;
  		height: 15px;
		z-index:5;
	}
	.menu-trigger span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 1px;
  		background-color: #fff;
  		border-radius: 0px;
	}
	
	.menu.hide .menu-trigger span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 1px;
  		background-color: #fff !important;
  		border-radius: 0px;
	}
	
	.menu.hide .menu-trigger.active span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 1px;
  		background-color: #fff !important;
  		border-radius: 0px;
	}
	.menu-trigger span:nth-of-type(1) {
  		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
 		top:7px;
	}
	.menu-trigger span:nth-of-type(3) {
  		bottom: 0;
		width:50% !important;
	}

	.menu-trigger.active span:nth-of-type(1) {
  		-webkit-transform: translateY(7px) rotate(35deg);
  		transform: translateY(7px) rotate(35deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
  		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
  		-webkit-transform: translateY(-7px) rotate(-35deg);
 		 transform: translateY(-7px) rotate(-35deg);
		width:100% !important;
	}
	
	.menu-trigger .tx {
  		position: relative;
		left:-60px;
		color:#fff;
		font-weight: 400;
	}
	
/*header*/
	.header.box2{
		z-index:11;
		position: fixed;
		left:0;
		top:-90px;
		width:100%;
		min-width: 100%;
		transition: top 0.5s;
	}
	.header .innerbox{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		z-index:10;
	}
	
	.header .innerbox2{
		position: relative;
		left:0;
		width:100%;
		height:55px;
        /*background: -webkit-linear-gradient(left, #005142 0%, #00251f 100%);
        background: -o-linear-gradient(left, #005142 0%, #00251f 100%);
        background: linear-gradient(to right, #005142 0%, #00251f 100%); */
		z-index:7;
		transition: all 0.5s;
	}
	
	.header .headerbg{
		position: absolute;
		left:0;
		top:0;
		width:100%;
		height:55px;
        background: -webkit-linear-gradient(left, #005142 0%, #00251f 100%);
        background: -o-linear-gradient(left, #005142 0%, #00251f 100%);
        background: linear-gradient(to right, #005142 0%, #00251f 100%);
		z-index:7;
		transition: all 0.5s;
	}
	
	.header .innerbox2.active .headerbg{
		opacity:0;
	}
	
	.header.box2.active{
		top:0;
	}
	
	.header .logo{
		width:170px;
		float: left;
		padding:18px 0 0 5%;
		position:relative;
		z-index:100;
	}
	
	.header .logo img{
		width:100%;
		height:auto;
	}
	
	.header ul{
		float: right;
		height:auto;
		padding:18px 180px 0 0;
		list-style: none;
		position: relative;
		z-index:8;
	}
	
	.header ul li{
		margin:0 0 0 0;
		float: left;
	}
	
	.header ul li a {
  		width:180px;
		display: block;
		border:1px solid #fff;
		text-align: center;
		padding:10px 0;
		color:#fff;
		font-weight: 400;
		transition:all 0.1s;
		position: relative;
	}
	
	.header ul li a:after {
  		content: "";
		width:11px;
		height:11px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/common/blank_icon.png") no-repeat;
		background-size:11px;
		display: inline-block;
		position: absolute;
		top:50%;
		right:15px;
		margin:-5px 0 0 0;
	}
	
	.header ul li a:hover:after {
  		content: "";
		width:11px;
		height:11px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/common/blank_icon2.png") no-repeat;
		background-size:11px;
		display: inline-block;
		position: absolute;
		top:50%;
		right:15px;
		margin:-5px 0 0 0;
	}
	
	.header ul li a:hover {
  		color:#00251f;
		background:#fff;
	}
	
	.headnav {
		position: fixed;
		top:0;
		left:0;
		bottom:0;
		right:0;
		overflow-y: auto;
		width:100%;
		height:100%;
		z-index: 10;
		opacity:0;
		visibility: hidden;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/common/sp_bg.jpg") no-repeat;
		background-size:cover;
		transition: all 0.5s;
		text-align: center;
		min-width: 100%;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		-ms-transition: 0.5s;
		-webkit-transform: scale(1.1,1.1);
    	-moz-transform: scale(1.1,1.1);
    	-o-transform: scale(1.1,1.1);
    	-ms-transform: scale(1.1,1.1);
    	transform: scale(1.1,1.1);
	}
	
	.headnav.active {
  		opacity:1;
		-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	transform: scale(1,1);
		visibility:visible;	
	}
	
	.headnav .leftbox{
		width:100%;
 		height:100vh;
		float: left;
		text-align: center;
	}
	
	.headnav .leftbox .innavibox{
		display: inline-block;
		text-align: left;
		width:100%;
		padding:80px 0 0 0;
	}
	
	.headnav .leftbox .innavi{
		background:#1a3332;
		padding:0 10%;
		display: none;
	}
	
	.headnav .leftbox .innavi a{
		padding:20px 5px;
		display: block;
		border-bottom:1px solid #fff;
		color:#fff;
		position: relative;
	}
	
	.headnav .leftbox .innavi a:after{
		content:"";
		width: 5px;
  		height: 5px;
  		border: 1px solid;
  		border-color: #fff #fff transparent transparent;
  		transform: rotate(45deg);
		display: inline-block;
		position: absolute;
		right:15px;
		top:50%;
		margin:-2px 0 0 0;
	}
	
	.headnav .leftbox .innavi a:last-child{
		padding:20px 5px;
		display: block;
		border-bottom:none;
		color:#fff;
	}
	
	.headnav .leftbox .entrybtn a{
		font-size:1.5em;
		display: block;
		background:#fff;
		text-align: center;
		color:#112e2d;
		width:calc(100% - 10%);
		margin:25px auto 25px;
		padding:20px 0;
		
	}
	
	.headnav .leftbox .innavibox .hoverbtn{
		padding:15px 5%;
	}
	
	.headnav .leftbox .innavibox .hoverbtn .btnbox{
		color:#fff;
		font-size: 0.9em;
		cursor: pointer;
		transition: all 0.3s;
		position: relative;
		left:0;
	}
	
	.headnav .leftbox .innavibox .hoverbtn .btnbox span{
		font-size:2.4em;
		font-weight: 300;
	}
	
	.headnav .rightbox{
		width:50%;
		height:100vh;
		float: left;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/common/nav_bg.jpg") no-repeat;
		background-size:cover;
	}
	
	.headnav .rightbox .rightnavi{
		text-align: center;
	}
	
	.headnav .rightbox .rightnavi{
		text-align: center;
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	.headnav .rightbox .rightnavi .innavi{
		text-align:center;
		display: none;
		
	}
	
	.headnav .rightbox .rightnavi .innavi a{
		display: inline-block;
		color:#fff;
		font-size:1.4em;
		margin:17px 0;
		position: relative;
		opacity: 0;
		transition: opacity 0.5s;
	}
	
	.headnav .rightbox .rightnavi .innavi a.active{
		opacity: 1;
	}
	
	.headnav .rightbox .rightnavi .innavi a span{
		transition: opacity 0.3s;
	}
	
	.headnav .rightbox .rightnavi .innavi a:hover span{
		opacity: 0.8;
	}
	
	#footer{
		background:#121212;
	}

	#footer .innerbox{
		width:100%;
		margin:0 auto;
	}
	
	#footer .innerbox .pan{
		padding:20px;
		font-size:0.8em;
		border-bottom:1px solid #363636;
		color:#898989;
	}
	
	#footer .innerbox .navibox{
		padding:40px 5% 10px 5%;
		font-size:0.9em;
	}
	
	#footer .innerbox .navibox .leftbox{
		float: none;
	}
	
	#footer .innerbox .navibox .leftbox ul{
		list-style: none;
		margin:0 0 30px 0;
		display: flex;
		flex-wrap: wrap;
	}
	
	#footer .innerbox .navibox .leftbox ul li{
		float: none;
		margin:0 0 0 0 ;
		width:50%;
	}
	
	#footer .innerbox .navibox .leftbox ul li .navitl{
		color:#5c5d5d;
		margin:0 0 10px 0;
		font-size:1em;
	}
	
	#footer .innerbox .navibox .leftbox ul li .navitl a{
		margin:0 0 0 0;
		display: block;
		color:#ccc;
		padding:20px 0;
		width:100%;
		border-bottom:1px solid #363636;
		position: relative;
	}
	#footer .innerbox .navibox .leftbox ul li .navitl a::before{
		margin:0 0 0 0;
		display: block;
		color:#ccc;
		padding:20px 0;
		width:100%;
		border-bottom:1px solid #363636;
		position: relative;
	}
	
	
	
	#footer .innerbox .navibox .leftbox ul li .navitl a.box2{
		margin:0 0 0 0;
		display: inline-block;
		color:#ccc;
	}
	
	#footer .innerbox .navibox .leftbox ul li .linkbox{
		margin:0 0 30px 0;
	}
	
	
	#footer .innerbox .navibox .leftbox ul li .linkbox a{
		color:#fff;
		line-height: 1.5em;
		display: flex;
	    align-items: center;
	    width: max-content;
	}
	#footer .innerbox .navibox .leftbox ul li .linkbox a::before{
		content: "";
		display: block;
	    width: 4px;
	    height: 1px;
	    background: #fff;
	    margin-right: 6px;
	}
	
	
	#footer .innerbox .navibox a{
		transition: opacity 0.3s;
	}
	
	#footer .innerbox .navibox a:hover{
		opacity: 0.5;
	}
	
	#footer .innerbox .navibox a.blank:after{
		content: "";
		width:11px;
		height: 11px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/common/blank_icon.png") no-repeat;
		background-size:11px;
		display: inline-block;
		margin:0 0 0 5px;
	}
		
	#footer .innerbox .rightbox{
		float: none;
		margin:0 0 20px 0;
	}
	
	#footer .innerbox .rightbox .logobox{
		width:110px;
		margin:0 0 10px 0;
	}
	
	#footer .innerbox .rightbox .txbox{
		color:#c2c2c2;
		line-height: 1.7em;
		font-size:0.9em;
	}
	
	#footer .innerbox .rightbox .txbox a[href^="tel:"] {
  		text-decoration: none;
  		pointer-events: none;
		color:#c2c2c2 !important;
	}
	
	#footer .copy{
		padding:20px 0;
		background:#1a1a1a;
		text-align: center;
		color:#fff;
		font-size:0.7em;
		font-weight: 300;
		letter-spacing: 0.05em;
	}
	#pan{
		margin:0 auto;
		color:#898989;
		background:#121212;
	}
	
	#pan .inbox{
		width:90%;
		margin:0 auto;
		padding:20px 0;
		font-size:0.8em;
		color:#898989;
		border-bottom:1px solid #363636;
		background:#121212;
	}
	
	#pan .inbox a{
		color:#898989;
		text-decoration: underline;
	}
	
	#maincontainer {
			position: relative;
			border-top: 55px solid #fff;
	}
	
	/*footernav*/
	#footernav{
		width: 90%;
		margin: 30px auto;
	}
	
	#footernav ul{
		width: 100%;
		list-style: none;
	}
	
	#footernav ul li{
		width: 100%;
		float: none;
	}
	
	#footernav ul li a{
		width: 100%;
		display: block;
		position: relative;
		color:#000;
		margin:0 0 20px 0;
	}
	
	#footernav ul li a .phbox{
		height:100px;
		margin:0 0 15px 0;
		position: relative;
	}
	
	#footernav ul li a .phbox:after{
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		right:0 !important;
		bottom:0 !important;
		left:auto !important;
		top:auto !important;
		display: block;
		border-style: solid;
		border-width: 0 0 20px 20px;
		border-color: transparent transparent #fff transparent;
	}
	
	#footernav ul li a img{
		transform: scale(1);
		transition: all 0.5s;
	}
	
	#footernav ul li a .positionbox{
		position: relative;
	}
	
	#footernav ul li a .positionbox .inbox{
		text-align: left;
	}
	
	#footernav ul li a .positionbox .inbox .tl{
		font-size:1.5em;
		margin:0 0 5px 0;
	}
	
	#footernav ul li a .positionbox .inbox .tx{
		font-weight: 600;
		font-style: italic;
	}
	
	/*footerentry*/
	#footerentry{
		padding:60px 0;
		background:url(https://recruit.bigtreetc.com/newgrads/common/images/index/fix_bg01_sp.jpg) no-repeat;
		background-size: cover;
	}
	
	#footerentry .maintl{
		font-size:3em;
		color:#fff;
		font-style: italic;
		text-align: center;
		margin:0 0 30px 20px;
		line-height: 1.5em;
	}
	
	#footerentry .subtl{
		font-size:1.5em;
		color:#fff;
		font-style: italic;
		text-align: center;
		margin:0 0 30px 0;
	}
	
	#footerentry a{
		display: block;
		width:250px;
		background:#000;
		border:1px solid #000;
		color:#fff;
		font-size:1.3em;
		font-style: italic;
		/* margin:0 auto; */
		margin:0 auto 20px;
		text-align: center;
		padding:15px 0;
		letter-spacing: 0.2em;
		transition: all 0.3s;
	}
	
	#footerentry a:hover{
		background:#fff;
		border:1px solid #000;
		color:#000;
	}
	
	/*animation*/
	.phanimeleft {
		position: relative;
		overflow: hidden;
	}
	
	.phanimeleft:before{
		content: "";
		width:100%;
		height:100%;
		display: block;
		position: absolute;
		background:#fff;
		top:0;
		left:0;
		z-index:2;
		transition: left 0.5s;
	}
	
	.phanimeleft.bg:before{
		content: "";
		width:100%;
		height:100%;
		display: block;
		position: absolute;
		background:#f4f4f4;
		top:0;
		left:0;
		z-index:2;
		transition: left 0.5s;
	}
	
	.phanimeleft:after{
		content: "";
		width:100%;
		height:100%;
		display: block;
		position: absolute;
		background:#000;
		top:0;
		left:0;
		z-index:1;
		transition: left 0.5s;
		transition-delay: 0.3s;
	}
	
	.phanimeleft.active:before{
		left:-100%;
	}
	
	.phanimeleft.active:after{
		left:-100%;
	}
	
	.phanimeright {
		position: relative;
		overflow: hidden;
	}
	
	.phanimeright:before{
		content: "";
		width:100%;
		height:100%;
		display: block;
		position: absolute;
		background:#fff;
		top:0;
		right:0;
		z-index:2;
		transition: right 0.5s;
	}
	
	.phanimeright.bg:before{
		content: "";
		width:100%;
		height:100%;
		display: block;
		position: absolute;
		background:#f4f4f4;
		top:0;
		right:0;
		z-index:2;
		transition: right 0.5s;
	}
	
	.phanimeright:after{
		content: "";
		width:100%;
		height:100%;
		display: block;
		position: absolute;
		background:#000;
		top:0;
		right:0;
		z-index:1;
		transition: right 0.5s;
		transition-delay: 0.3s;
	}
	
	.phanimeright.active:before{
		right:-100%;
	}
	
	.phanimeright.active:after{
		right:-100%;
	}
	
	/*fadeanimation*/
	.fadetop{
		position: relative;
		opacity: 0;
		top:50px;
		transition: all 1s;
	}
	
	.fadetop.active{
		opacity: 1;
		top:0;
	}
}