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

	
	#welfare .mainbox{
		height:500px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/welfare/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#welfare .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%);
	}
	
	#welfare .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
		color:#fff;
	}

	#welfare .bgbox{
		padding:80px 0;
		background:#f4f4f4;
	}
	
	#welfare .bgbox .innerbox{
		width:1200px;
		margin:0 auto 80px;
		background:#fff;
		padding:115px 0;
	}
	
	#welfare .bgbox .innerbox.box2{
		width:1200px;
		margin:0 auto 80px;
		background:#fff;
		padding:0 0 10px 0;
	}
	
	#welfare .bgbox .innerbox.box3{
		width:1200px;
		margin:0 auto ;
		background:#fff;
		padding:0 0 0 0;
	}
	
	#welfare .bgbox .selectbtn{
		margin:0 0 150px 0;
		width:100%;
		font-size:1.2em;
	}
	
	#welfare .bgbox .selectbtn .btn{
		width:50%;
		display: block;
		text-align: center;
		color:#005142;
		background:#d9e5e3;
		padding:30px 0;
		float: left;
		transition: all 0.3s;
		box-sizing: border-box;
		position: relative;
		cursor: pointer;
	}
	
	#welfare .bgbox .selectbtn .btn:after{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 3px 0 3px;
		border-color: #fff transparent transparent transparent;
		position: absolute;
		left:50%;
		bottom:10px;
	}
	
	#welfare .bgbox .selectbtn .btn.active{
		width:50%;
		display: block;
		text-align: center;
		color:#fff;
		background:#005142;
		padding:30px 0;
		float: left;
		transition: all 0.3s;
		box-sizing: border-box;
	}
	
	#welfare .bgbox .selectbtn .btn:hover{
		color:#fff;
		background:#005142;
	}
	
	#welfare .bgbox .selectbtn2{
		margin:0 0 100px 0;
		display: inline-block;
	}
	
	#welfare .bgbox .selectbtn2 .btn2{
		width:205px;
		text-align: center;
		color:#fff;
		background:#000;
		padding:20px 0;
		float: left;
		font-size:0.9em;
		margin:0 1px 0 0;
		transition: all 0.3s;
	}
	
	#welfare .bgbox .selectbtn2 .btn2:hover{
		color:#fff;
		opacity:0.7;
		background:#000;
	}
	
	#welfare .bgbox .innerbox .tlbox{
		font-size:2em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 80px 0;
		position: relative;
		text-align: center;
	}
	
	#welfare .bgbox .edu{
		display: none;
	}
	
	#welfare .bgbox .innerbox .tlbox.box2{
		font-size:2.3em;
		line-height: 1.7em;
		padding:0 0 30px 0;
		margin:0 0 80px 0;
		position: relative;
		text-align: center;
	}
	
	#welfare .bgbox .innerbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
	}
	
	#welfare .bgbox .innerbox .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
	#welfare .bgbox .innerbox .tablebox3{
		width:860px;
		margin:0 auto 100px;
	}
	
	#welfare .bgbox .innerbox .tablebox3 table{
		width:100%;
		line-height: 1.8em;
	}
	
	#welfare .bgbox .innerbox .tablebox3 table tr th{
		color:#007e56;
		font-size:1em;
		font-weight: normal;
		padding:30px 10px;
		vertical-align: top;
		border-top:2px solid #007e56;
		width:290px;
		text-align: left;
	}
	
	#welfare .bgbox .innerbox .tablebox3 table tr td{
		padding:30px 20px 50px 20px;
		vertical-align: top;
		border-top:1px solid #e2e2e2;
	}
	
	
	#welfare .bgbox .innerbox .tabletl{
		font-size:1.8em;
		margin:0 0 30px 0;
	}
	
	#welfare .bgbox .innerbox .iconbox{
		padding:20px 20px 20px 100px;
		margin:40px 0 0 0;
		color:#707070;
		line-height: 1.5em;
		font-size:0.9em;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/welfare/icon.png") no-repeat,#f6f6f6;
		background-size:58px;
		background-position: top 50% left 20px;
	}
	
	#welfare .educationbox{
		width:760px;
		margin:0 auto 80px;
	}
	
	#welfare .educationbox .txbox{
		margin:0 0 60px 0;
		line-height: 1.8em;
		font-size:1.1em;
	}
	
	#welfare .educationbox .btnbox{
		width:calc(100% + 5px);
		margin:0 0 0 -5px;
	}
	
	#welfare .educationbox .btnbox .btn{
		width:calc(50% - 9px);
		margin:0 0 5px 5px;
		float:left;
		height:80px;
		border-left:4px solid #002821;
		cursor: pointer;
		position: relative;
		transition: all 0.3s;
	}
	
	#welfare .educationbox .btnbox .btn:hover{
		opacity: 0.8;
	}
	
	#welfare .educationbox .btnbox .btn.active{
		opacity:0.8;
	}
	
	#welfare .educationbox .btnbox .btn:after{
		content: "";
		position: absolute;
		top:50%;
		right:25px;
		font-size:1.2em;
		color:#fff;
		margin:-0.5em 0 0 0;
	}
	
	#welfare .educationbox .btnbox .btn.active:after{
		content: "";
		position: absolute;
		top:50%;
		right:25px;
		color:#fff;
		margin:-0.5em 0 0 0;
	}
	
	#welfare .educationbox .btnbox .btn.box1{
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/welfare/e_icon01.png") no-repeat,#005142;
		background-size:40px;
		background-position: top 50% left 20px;
	}
	
	#welfare .educationbox .btnbox .btn.box2{
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/welfare/e_icon02.png") no-repeat,#005142;
		background-size:40px;
		background-position: top 50% left 20px;
	}
	
	#welfare .educationbox .btnbox .btn.box3{
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/welfare/e_icon03.png") no-repeat,#005142;
		background-size:40px;
		background-position: top 50% left 20px;
	}
	
	#welfare .educationbox .btnbox .btn.box4{
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/welfare/e_icon04.png") no-repeat,#005142;
		background-size:40px;
		background-position: top 50% left 20px;
	}
	
	#welfare .educationbox .btnbox .btn.box5{
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/welfare/e_icon05.png") no-repeat,#005142;
		background-size:40px;
		background-position: top 50% left 20px;
	}
	
	#welfare .educationbox .btnbox .btn span{
		display: inline-block;
		padding:0 0 0 90px;
		position: relative;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		color:#fff;
		line-height: 1.5em;
	}
	
	#welfare .educationbox .togglebox{
		margin:20px 0 ;
		width:100%;
		display: none;
	}
	
	#welfare .educationbox .togglebox .inbox{
		padding:40px;
		background:#eeeeee;
	}
	
	#welfare .educationbox .togglebox .inbox .leftbox{
		width:185px;
		float: left;
	}
	
	#welfare .educationbox .togglebox .inbox .rightbox{
		width:calc(100% - 40px - 185px);
		float: right;
	}
	
	#welfare .educationbox .togglebox .inbox .rightbox .tl{
		font-size:2.3em;
		line-height: 1.5em;
		margin:0 0 5px 0;
	}
	
	#welfare .educationbox .togglebox .inbox .rightbox .tx1{
		line-height: 1.7em;
		margin:0 0 20px 0;
	}
	
	#welfare .educationbox .togglebox .inbox .rightbox .tx2{
		font-size:0.9em;
		line-height: 1.7em;
	}
	
	#welfare .educationbox .captxbox .tl{
		font-size:1.3em;
		margin:0 0 15px 0;
		line-height: 1.5em;
		color:#007e56;
		font-weight: 600;
	}
	
	#welfare .educationbox .captxbox .tx{
		line-height: 2em;
		margin:0 0 80px 0;
	}
	
	#faq1,#faq2,#faq3{
		padding-top:100px;
		margin-top:-100px;
	}

#maincontainer > div.bgbox > div.innerbox.box2.clearfix > div.wel > div:nth-child(8) > table > tbody > tr:nth-child(3) > td > a{
	color: #005142;	
}
}

@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;
	}
	
	.menu.hide{
		display: block;
		top:0;
		left:0;
		right:auto;
		transition:top 0.5s;
		padding:20px 5% 0 0;
		z-index:20;
		margin-left:calc(100% - 11%);
		position: fixed;
	}
	
	
	
	#welfare .mainbox{
		height:130px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/welfare/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#welfare .mainbox .tlbox{
		font-size:2em;
		line-height: 1.7em;
		padding:20px 0 0 0;
		margin:0 0 80px 0;
		position: relative;
		text-align: center;
		color:#fff;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
	}
	
	#welfare .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-20px;
		color:#fff;
	}

	#welfare .bgbox{
		padding:40px 0;
		background:#f4f4f4;
	}
	
	#welfare .bgbox .innerbox{
		width:90%;
		margin:0 auto 40px;
		background:#fff;
		padding:40px 5%;
	}
	
	#welfare .bgbox .innerbox.box2{
		width:90%;
		margin:0 auto 40px;
		background:#fff;
		padding: 30px 5% 10px;
	}
	
	#welfare .bgbox .innerbox.box3{
		width:100%;
		margin:0 auto ;
		background:#f4f4f4;
		padding:0 0 0 0;
	}
	
	#welfare .bgbox .selectbtn{
		margin:0 0 50px 0;
		width:100%;
		font-size:1.2em;
	}
	
	#welfare .bgbox .selectbtn .btn{
		width:50%;
		display: block;
		text-align: center;
		color:#005142;
		background:#d9e5e3;
		padding:30px 0;
		float: left;
		transition: all 0.3s;
		box-sizing: border-box;
		position: relative;
		cursor: pointer;
	}
	
	#welfare .bgbox .selectbtn .btn:after{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 3px 0 3px;
		border-color: #fff transparent transparent transparent;
		position: absolute;
		left:50%;
		bottom:10px;
	}
	
	#welfare .bgbox .selectbtn .btn.active{
		width:50%;
		display: block;
		text-align: center;
		color:#fff;
		background:#005142;
		padding:30px 0;
		float: left;
		transition: all 0.3s;
		box-sizing: border-box;
	}
	
	#welfare .bgbox .selectbtn .btn:hover{
		color:#fff;
		background:#005142;
	}
	
	#welfare .bgbox .selectbtn2{
		margin:0 0 50px 0;
		display: inline-block;
	}
	
	#welfare .bgbox .selectbtn2 .btn2{
		width:100%;
		text-align: center;
		color:#fff;
		background:#000;
		padding:20px 0;
		float: left;
		font-size:0.9em;
		margin:0 0 1px 0;
		transition: all 0.3s;
	}
	
	#welfare .bgbox .selectbtn2 .btn2:hover{
		color:#fff;
		opacity:0.7;
		background:#000;
	}
	
	#welfare .bgbox .innerbox .tlbox{
		font-size:2em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#welfare .bgbox .edu{
		display: none;
	}
	
	#welfare .bgbox .innerbox .tlbox.box2{
		font-size:1.5em;
		line-height: 1.7em;
		padding:0 0 30px 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#welfare .bgbox .innerbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
	}
	
	#welfare .bgbox .innerbox .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
	#welfare .bgbox .innerbox .tablebox3{
		width:100%;
		margin:0 auto 50px;
	}
	
	#welfare .bgbox .innerbox .tablebox3 table{
		width:100%;
		line-height: 1.8em;
	}
	
	#welfare .bgbox .innerbox .tablebox3 table tr th{
		color:#007e56;
		font-size:1em;
		font-weight: normal;
		padding: 15px 10px 10px 10px;
		vertical-align: top;
		border-top:2px solid #007e56;
		width:100%;
		text-align: left;
		box-sizing: border-box;
		display: block;
	}
	
	#welfare .bgbox .innerbox .tablebox3 table tr td{
		padding: 10px 10px 30px 10px;
		vertical-align: top;
		border-top:1px solid #e2e2e2;
		box-sizing: border-box;
		display: block;
	}
	
	
	#welfare .bgbox .innerbox .tabletl{
		font-size:1.8em;
		margin:0 0 30px 0;
	}
	
	#welfare .bgbox .innerbox .iconbox{
		padding:20px 20px 20px 100px;
		margin:40px 0 0 0;
		color:#707070;
		line-height: 1.8em;
		font-size:0.9em;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/welfare/icon.png") no-repeat,#f6f6f6;
		background-size:58px;
		background-position: top 50% left 20px;
	}
	
	#welfare .educationbox{
		width:100%;
		margin:0 auto 40px;
	}
	
	#welfare .educationbox .txbox{
		margin:0 0 60px 0;
		line-height: 1.8em;
		font-size:1.1em;
	}
	
	#welfare .educationbox .btnbox{
		width:calc(100% + 5px);
		margin:0 0 0 -5px;
	}
	
	#welfare .educationbox .btnbox .btn{
		width:calc(100% - 9px);
		margin:0 0 5px 5px;
		float:left;
		height:80px;
		border-left:4px solid #002821;
		cursor: pointer;
		position: relative;
		transition: all 0.3s;
	}
	
	#welfare .educationbox .btnbox .btn:hover{
		opacity: 0.8;
	}
	
	#welfare .educationbox .btnbox .btn.active{
		opacity:0.8;
	}
	
	#welfare .educationbox .btnbox .btn:after{
		content: "��";
		position: absolute;
		top:50%;
		right:25px;
		font-size:1.2em;
		color:#fff;
		margin:-0.5em 0 0 0;
	}
	
	#welfare .educationbox .btnbox .btn.active:after{
		content: "繝ｼ";
		position: absolute;
		top:50%;
		right:25px;
		color:#fff;
		margin:-0.5em 0 0 0;
	}
	
	#welfare .educationbox .btnbox .btn.box1{
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/welfare/e_icon01.png") no-repeat,#005142;
		background-size:40px;
		background-position: top 50% left 20px;
	}
	
	#welfare .educationbox .btnbox .btn.box2{
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/welfare/e_icon02.png") no-repeat,#005142;
		background-size:40px;
		background-position: top 50% left 20px;
	}
	
	#welfare .educationbox .btnbox .btn.box3{
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/welfare/e_icon03.png") no-repeat,#005142;
		background-size:40px;
		background-position: top 50% left 20px;
	}
	
	#welfare .educationbox .btnbox .btn.box4{
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/welfare/e_icon04.png") no-repeat,#005142;
		background-size:40px;
		background-position: top 50% left 20px;
	}
	
	#welfare .educationbox .btnbox .btn.box5{
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/welfare/e_icon05.png") no-repeat,#005142;
		background-size:40px;
		background-position: top 50% left 20px;
	}
	
	#welfare .educationbox .btnbox .btn span{
		display: inline-block;
		padding:0 0 0 90px;
		position: relative;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		color:#fff;
		line-height: 1.5em;
	}
	
	#welfare .educationbox .togglebox{
		margin:20px 0 ;
		width:100%;
		display: none;
	}
	
	#welfare .educationbox .togglebox .inbox{
		padding:20px;
		background:#eeeeee;
	}
	
	#welfare .educationbox .togglebox .inbox .leftbox{
		width:185px;
		float: none;
		margin:0 auto 20px;
	}
	
	#welfare .educationbox .togglebox .inbox .rightbox{
		width:100%;
		float: none;
	}
	
	#welfare .educationbox .togglebox .inbox .rightbox .tl{
		font-size:1.7em;
		line-height: 1.5em;
		margin:0 0 5px 0;
	}
	
	#welfare .educationbox .togglebox .inbox .rightbox .tx1{
		line-height: 1.7em;
		margin:0 0 20px 0;
	}
	
	#welfare .educationbox .togglebox .inbox .rightbox .tx2{
		font-size:0.9em;
		line-height: 1.7em;
	}
	
	#welfare .educationbox .captxbox .tl{
		font-size:1.3em;
		margin:0 0 15px 0;
		line-height: 1.5em;
		color:#007e56;
		font-weight: 600;
	}
	
	#welfare .educationbox .captxbox .tx{
		line-height: 2em;
		margin:0 0 80px 0;
	}
	
	#faq1,#faq2,#faq3{
		padding-top:100px;
		margin-top:-100px;
	}
#maincontainer > div.bgbox > div.innerbox.box2.clearfix > div.wel > div:nth-child(8) > table > tbody > tr:nth-child(3) > td > a{
	color: #005142;	
}

}