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

	
	#overview .mainbox{
		height:500px;
		background:url("../../images/overview/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#overview .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%);
	}
	
	#overview .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
		color:#fff;
	}
	
	#overview .bgbox{
		padding:80px 0;
		background:#f4f4f4;
	}
	
	#overview .bgbox .innerbox{
		width:1200px;
		margin:0 auto 50px;
		background:#fff;
		padding:115px 0;
	}
	
	#overview .bgbox .innerbox.box2{
		width:1200px;
		margin:80px auto 0;
		background:#fff;
		padding:0 0;
	}
	
	#overview .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;
	}
	
	#overview .bgbox .innerbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
	}
	
	#overview .bgbox .innerbox .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
	#overview .bgbox .innerbox .tablebox1{
		width:980px;
		margin:0 auto;
	}
	
	#overview .bgbox .innerbox .tablebox1 table{
		width:100%;
		line-height: 1.8em;
	}
	
	#overview .bgbox .innerbox .tablebox1 table tr th{
		color:#007e56;
		font-size:1em;
		font-weight: normal;
		padding:20px 10px;
		vertical-align: top;
		border-top:2px solid #007e56;
		width:180px;
		text-align: left;
	}
	
	#overview .bgbox .innerbox .tablebox1 table tr td{
		padding:20px 20px 50px 20px;
		vertical-align: top;
		border-top:1px solid #e2e2e2;
	}
	
	#overview .bgbox .innerbox .tablebox1 table tr td p:before{
		content: "";
		width:7px;
		height:7px;
		background:#477f66;
		display: inline-block;
		margin:0 5px 0 0;
		vertical-align: middle;
	}
	
	#overview .bgbox .innerbox .tablebox1 table tr td span{
		color:#007e56;
		font-size:1.1em;
	}
	
	#overview .bgbox .innerbox .tablebox1 table tr td .box{
		margin:0 0 40px 0;
	}
	
	#overview .bgbox .innerbox .tablebox1 table tr td .box:last-child{
		margin:0 0 0 0;
	}
	
	#overview .bgbox .innerbox .tablebox2{
		width:980px;
		margin:0 auto;
	}
	
	#overview .bgbox .innerbox .tablebox2 table{
		width:100%;
		line-height: 1.8em;
	}
	
	#overview .bgbox .innerbox .tablebox2 table tr th{
		color:#007e56;
		font-size:1em;
		font-weight: normal;
		padding:20px 10px;
		vertical-align: top;
		border-top:1px solid #e2e2e2;
		width:180px;
		text-align: left;
	}
	
	#overview .bgbox .innerbox .tablebox2 table tr th strong{
		font-size:1.4em;
		font-weight: normal;
	}
	
	#overview .bgbox .innerbox .tablebox2 table tr td{
		padding:20px 20px 50px 20px;
		vertical-align: top;
		border-top:1px solid #e2e2e2;
	}
	
	#overview .linkbtn{
		width:175px;
		text-align: center;
		padding:7px 0;
		color:#fff;
		font-size:0.8em;
		font-style: italic;
		font-weight: 600;
		display: inline-block;
		letter-spacing: 0.2em;
		transition: all 0.5s;
		position: relative;
		border:1px solid #000;
		background:#000;
		margin:10px 0 0 0;
	}
	
	#overview .linkbtn:hover{
		color:#000;
		border:1px solid #000;
		background:#fff;
	}
}

@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;
	}
	
	#maincontainer{
		position: relative;
		border-top:55px solid #fff;
	}
	
	#overview .mainbox{
		height:130px;
		background:url("../../images/overview/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#overview .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%);
	}
	
	#overview .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-20px;
		color:#fff;
	}
	
	#overview .bgbox{
		padding:40px 0;
		background:#f4f4f4;
	}
	
	#overview .bgbox .innerbox{
		width:90%;
		margin:0 auto 50px;
		background:#fff;
		padding:40px 5%;
	}
	
	#overview .bgbox .innerbox.box2{
		width:100%;
		margin:40px auto 0;
		background:#f4f4f4;
		padding:0 0;
	}
	
	#overview .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;
	}
	
	#overview .bgbox .innerbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
	}
	
	#overview .bgbox .innerbox .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
	#overview .bgbox .innerbox .tablebox1{
		width:100%;
		margin:0 auto;
	}
	
	#overview .bgbox .innerbox .tablebox1 table{
		width:100%;
		line-height: 1.8em;
	}
	
	#overview .bgbox .innerbox .tablebox1 table tr th{
		color:#007e56;
		font-size:1em;
		font-weight: normal;
		padding:10px 10px;
		vertical-align: top;
		border-top:2px solid #007e56;
		width:100%;
		text-align: left;
		display: block;
		box-sizing: border-box;
	}
	
	#overview .bgbox .innerbox .tablebox1 table tr td{
				padding: 10px 10px 20px;
		vertical-align: top;
		border-top:1px solid #e2e2e2;
		display: block;
		box-sizing: border-box;
	}
	
	#overview .bgbox .innerbox .tablebox1 table tr td p:before{
		content: "";
		width:7px;
		height:7px;
		background:#477f66;
		display: inline-block;
		margin:0 5px 0 0;
		vertical-align: middle;
	}
	
	#overview .bgbox .innerbox .tablebox1 table tr td span{
		color:#007e56;
		font-size:1.1em;
	}
	
	#overview .bgbox .innerbox .tablebox1 table tr td .box{
		margin:0 0 40px 0;
	}
	
	#overview .bgbox .innerbox .tablebox1 table tr td .box:last-child{
		margin:0 0 0 0;
	}
	
	#overview .bgbox .innerbox .tablebox2{
		width:100%;
		margin:0 auto;
	}
	
	#overview .bgbox .innerbox .tablebox2 table{
		width:100%;
		line-height: 1.8em;
	}
	
	#overview .bgbox .innerbox .tablebox2 table tr th{
		color:#007e56;
		font-size:1em;
		font-weight: normal;
		padding:20px 10px 0px;
		vertical-align: top;
		border-top:1px solid #e2e2e2;
		border-bottom:none;
		width:100%;
		text-align: left;
		display: block;
		box-sizing: border-box;
	}
	
	#overview .bgbox .innerbox .tablebox2 table tr th strong{
		font-size:1.4em;
		font-weight: normal;
	}
	
	#overview .bgbox .innerbox .tablebox2 table tr td{
		padding:0px 10px 15px 10px;
		vertical-align: top;
		border-top:none;
		display: block;
		box-sizing: border-box;
	}
	
	#overview .linkbtn{
		width:175px;
		text-align: center;
		padding:7px 0;
		color:#fff;
		font-size:0.8em;
		font-style: italic;
		font-weight: 600;
		display: inline-block;
		letter-spacing: 0.2em;
		transition: all 0.5s;
		position: relative;
		border:1px solid #000;
		background:#000;
		margin:10px 0 0 0;
	}
	
	#overview .linkbtn:hover{
		color:#000;
		border:1px solid #000;
		background:#fff;
	}
}