/*pc_css*/
#header .innerbox ul li.service{
	float:left;
	margin:0 16px;
	list-style:none;
	padding:0 0 8px 0;
	border-bottom:4px solid #005fa3;
}

#header .innerbox ul li.service a{
	color:#005fa3;
}

.mainbox{
	height:300px;
	background:url(/images/service/bg01.jpg) 50% 50% no-repeat;
	background-size:cover;
	position: relative;
	margin:115px 0 0 0;
}

.mainbox .tlbox{
	width:218px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-32px 0 0 -114px;
}

.mainbox .tlbox img{
	width:100%;
	height: auto;
}

.subtl01{
	width:163px;
	margin:0 auto 35px;
}

.subtl01 img{
	width:100%;
	height: auto;
}

.subtl02{
	width:218px;
	margin:0 auto 35px;
}

.subtl02 img{
	width:100%;
	height: auto;
}

.subtl03{
	width:228px;
	margin:0 auto 35px;
}

.subtl03 img{
	width:100%;
	height: auto;
}

.captl01{
	width:871px;
	margin:0 auto 75px;
}

.captl01 img{
	width:100%;
	height: auto;
}

.captl02{
	width:695px;
	margin:0 auto 50px;
}

.captl02 img{
	width:100%;
	height: auto;
}

.infobox{
	margin:0 0 20px 0;
	background:#333;
}

.infobox.mb75{
	margin:0 0 75px 0;
	background:#333;
}

.infobox .leftbox1{
	width:50%;
	height:340px;
	background:url(/images/service/img01.jpg) 50% 50% no-repeat;
	background-size:cover;
	float: left;
	
}

.infobox .rightbox{
	width:50%;
	padding:50px 90px;
	box-sizing: border-box;
	float: left;
	line-height: 2em;
}

.infobox .leftbox2{
	width:50%;
	height:340px;
	background:url(/images/service/img02.jpg) 50% 50% no-repeat;
	background-size:cover;
	float: right;
}

.infobox .leftbox3{
	width:50%;
	height:340px;
	background:url(/images/service/img03.jpg) 50% 50% no-repeat;
	background-size:cover;
	float: left;
}

.infobox .rightbox .tlbox{
	text-align: center;
	font-weight: bold;
	color:#fff;
	margin:0 0 15px 0;
	font-size:1.5em;
	letter-spacing: 0.2em;
}

.infobox .rightbox .txbox{
	color:#ccc;
}

.infobox .rightbox .btnbox{
	width:206px;
	height:42px;
	margin:20px auto 0;
	background:url(/images/service/btn_bg.svg) 50% 50% no-repeat;
	background-size:contain;
	overflow: hidden;
}

.infobox .rightbox .btnbox:not(:target) {
    width:206px;
	height:42px;
	margin:20px auto 0;
	background:url(/images/service/btn_bg.svg) 50% 50% no-repeat;
	background-size:206px black\9; /* IE9, 10 */
	overflow: hidden;
	
}

.infobox .rightbox .btnbox a{
	transition:all 0.5s;
	opacity: 1;
}

.infobox .rightbox .btnbox a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.infobox .rightbox .btnbox img{
	width:206px;
	height:42px;
}

.processbox{
	width:960px;
	margin:0 auto;
}

.processbox .leftbox{
	width:240px;
	float: left;
}

.processbox .leftbox img{
	width:100%;
	height: auto;
}

.processbox .rightbox{
	float:right;
	padding:70px 0 0 95px;
	width:680px;
	box-sizing: border-box;
}

.processbox .rightbox .textcont{
	margin:0 0 100px 0;
}

.processbox .rightbox .textcont .tbox{
	border-bottom:2px dotted #333;
	line-height: 2em;
	padding:5px 0;
	color:#666;
}

.processbox .rightbox .textcont .tbox span{
	font-size:0.5em;
	position:relative;
	top:-0.35em;
	margin:0 0.5em 0 0;
	line-height: 1;
	font-weight: bold;
}

.textbox02{
	width:960px;
	margin:0 auto 75px;
	line-height: 2em;
}

.textbox02 p{
	text-indent: -0.85em;
	padding-left:0.85em;
}

.textbox02 p span{
	font-size:0.5em;
	position:relative;
	top:-0.35em;
	margin:0 0.5em 0 0;
	line-height: 1;
	font-weight: bold;
}


.textbox02 .leftbox{
	float:left;
	width:480px;
}

.textbox02 .rightbox{
	float:left;
	width:480px;
}

.textbox03{
	margin:0 auto 4em;
	width:960px;
}

.textbox03 p{
	margin:0 0 35px 0;
	line-height: 2em;
}

.imgbox{
	width:480px;
	margin:0 auto;
}