.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;}

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

body{
	background:url("../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;
	}
	
	.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 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;
		margin-left: 20px;
	}
	
	.header ul li a:after {
  		content: "";
		width:11px;
		height:11px;
		background:url("../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/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;
		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("../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 0 0 0;
		display: inline-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;
	}
	
	#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("../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;
	}
	
	/*footernav*/
	#footernav{
		width:1200px;
		/* margin:0 auto; */
		margin:0 auto 3rem;
	}
	
	#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;
	}
	
	#footernav ul li a .positionbox .inbox .tx{
		font-weight: 600;
		font-style: italic;
	}
	
	/*footerentry*/
	#footerentry{
		padding:200px 0;
		background:url(../images/index/fix_bg01.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 80%;
	}
	
	#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 20px;
		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){
	
.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{
		top:-80px;
		left:0;
		right:auto;
		transition:top 0.5s;
		padding:20px 5% 0 0;
		z-index:20;
		margin-left:calc(100% - 5%);
		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:150px;
		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("../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/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: 7;
		opacity:0;
		visibility: hidden;
		background:url("../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:20px auto;
		padding:14px 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("../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;
	}
	
	#footer .innerbox .navibox .leftbox ul li{
		float: none;
		margin:0 0 0 0 ;
		width:100%;
	}
	
	#footer .innerbox .navibox .leftbox ul li .navitl{
		color:#5c5d5d;
		margin:0 0 0 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:after{
		content:"";
		width: 4px;
		height: 4px;
  		border: 1px solid;
  		border-color: #5c5d5d #5c5d5d transparent transparent;
  		transform: rotate(45deg);
		display: inline-block;
		position: absolute;
		right:10px;
		top:50%;
		margin:-2px 0 0 0;
	}
	
	#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;
	}
	
	#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("../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;
	}
	
	/*footernav*/
	#footernav{
		width:90%;
		margin:0 auto 30px;
	}
	
	#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/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 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;
	}
}