/*pc_css*/
@media screen and (min-width:769px){
	
	#policy .mainbox{
		height:500px;
		background:url("../../images/policy/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#policy .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%);
	}
	
	#policy .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
		color:#fff;
	}
	
	#policy .bgbox{
		padding:80px 0;
		background:#f4f4f4;
	}
	
	#policy .bgbox .innerbox{
		width:1200px;
		margin:0 auto 0;
		background:#fff;
		padding:115px 0;
	}
	
	#policy .bgbox .innerbox .subtl{
		font-size:1.1em;
		margin:0 0 50px 0;
		line-height: 1.8em;
		text-align: center;
	}
	
	#policy .bgbox .innerbox .num{
		color:#477f66;
		font-size:2em;
		text-align: center;
		font-style: italic;
		margin:0 0 20px 0;
	}
	
	#policy .bgbox .innerbox .tlbox{
		color:#477f66;
		font-size:1.7em;
		text-align: center;
		margin:0 0 30px 0;
		padding:0 0 30px 0;
		line-height: 1.8em;
		position: relative;
	}
	
	#policy .bgbox .innerbox .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #477f66;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
	#policy .bgbox .innerbox .tx{
		line-height: 2em;
		margin:0 0 100px 0;
		text-align: center;
	}
}

@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;
	}
	
	#policy .mainbox{
		height:130px;
		background:url("../../images/policy/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#policy .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%);
	}
	
	#policy .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-20px;
		color:#fff;
	}
	
	#policy .bgbox{
		padding:40px 0;
		background:#f4f4f4;
	}
	
	#policy .bgbox .innerbox{
		width:90%;
		margin:0 auto 0;
		background:#fff;
		padding:40px 5%;
	}
	
	#policy .bgbox .innerbox .subtl{
		font-size:1.1em;
		margin:0 0 50px 0;
		line-height: 1.8em;
		text-align: left;
	}
	
	#policy .bgbox .innerbox .num{
		color:#477f66;
		font-size:2em;
		text-align: center;
		font-style: italic;
		margin:0 0 20px 0;
	}
	
	#policy .bgbox .innerbox .tlbox{
		color:#477f66;
		font-size:1.7em;
		text-align: center;
		margin:0 0 30px 0;
		padding:0 0 30px 0;
		line-height: 1.8em;
		position: relative;
	}
	
	#policy .bgbox .innerbox .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #477f66;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
	#policy .bgbox .innerbox .tx{
		line-height: 2em;
		margin:0 0 100px 0;
		text-align: left;
	}
}