
/*pc_css*/
@media screen and (min-width:751px){
	.main{
		width:100%;
		height:540px;
		position: relative;
	}
	
	.main .potx{
		position: absolute;
		width:100%;
		height: 100%;
		top:0;
		left:0;
		z-index:2;
	}
	
	.main .potx .in{
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
		width:760px;
		margin:0 auto;
		color:#fff;
		font-size:5.5em;
		letter-spacing: 0.1em;
	}
	
	.main .potx .in span{
		position: relative;
		display: inline-block;
	}
	
	.main .potx .in span:after{
		content: "";
		width:55px;
		border-bottom:1px solid #fff;
		position: absolute;
		bottom:-20px;
		left:0;
	}
	
	.cont1{
		margin:0 0 0 0;
		position: relative;
		background:#f2f2f2;
		padding:0 0 65px 0;
	}
	
	.cont1 .innerbox{
		width:1040px;
		margin:0 auto 0;
		padding:0 0 0 0;
		box-sizing: border-box;
		background:#fff;
		position: relative;
		top:-65px;
		
	}

	
	.cont1 .arrowbox{
		height:65px;
		with:1040px;
		margin:0 auto;
		background:url("/images/index/arrow.png") no-repeat;
		background-size:13px;
		background-position: 50% 50%;
	}
	
	.cont1 .tablecont{
		padding:100px;
	}

	.cont1 .tablecont .tlbox{
		margin:0 0 40px 0;
		font-size:1.7em;
	}
	
	.cont1 .tablecont .ttl{
		font-size:1.2em;
		font-weight: 600;
		margin:0 0 20px 0;
	}

	.cont1 .tablecont .tx1{
		margin:0 0 80px 0;
		line-height: 1.7em;
	}
	
	.cont1 .tablecont .tx2{
		margin:0 0 0 0;
		line-height: 1.7em;
	}
	
	.cont1 .borderbox{
		padding:40px 0;
		border-top:1px solid #e6e6e6;
		border-bottom:1px solid #e6e6e6;
	}
	
	.cont1 .borderbox ul{
		width:calc(100% + 20px);
		margin:0 0 0 -20px;
		list-style: none;
	}

	.cont1 .borderbox ul li{
		width:33.33333%;
		float: left;
		padding:0 0 0 20px;
		box-sizing: border-box;
	}

	.cont1 .borderbox ul li .txcont{
		margin:0 0 30px 0;
	}
	
	.cont1 .borderbox ul li span{
		background:#333;
		border-radius: 5px;
		display: inline-block;
		padding:3px 10px;
		color:#fff;
		position: relative;
		top:-2px;
		margin:0 5px 0 0;
		vertical-align: middle;
		font-size:0.6em;
	}
	
	.cont1 .borderbox ul li .sub{
		padding:10px 0 20px 0;
		color:#808080;
		font-size:0.9em;
	}
	
	.cont1 .borderbox ul li .ph{
		text-align: center;
	}
	
	.cont1 .borderbox ul li .ph img{
		height:290px;
		width:auto;
	} 
	
	.cont1 .tablebox{
		margin:50px 0 0 0;
	} 
	
	.cont1 .tablebox table{
		width:100%;
		margin:0 0 50px 0;
	} 
	
	.cont1 .tablebox table th{
		padding:10px 0;
		text-align: center;
		line-height: 1.5em;
		color:#fff;
		font-weight: normal;
		background:#bfb7b0;
		border:1px solid #fff;
		vertical-align: middle;
		width:110px;
	} 
	
	.cont1 .tablebox table td{
		padding:10px 0;
		text-align: center;
		line-height: 1.5em;
		color:#333;
		border:1px solid #fff;
		background:#f2f2f2;
	} 
	
	.cont1 .tablebox table tr:nth-child(even) td{
		background:#dedad6;
	} 

	.cont1 .tablebox table tr:nth-child(2) td{
		color:#736357;
	} 

}

@media screen and (max-width:750px){
	.main{
		width:100%;
		height:25vh;
		position: relative;
		margin:55px 0 0 0;
	}
	
	.main .potx{
		position: absolute;
		width:100%;
		height: 100%;
		top:0;
		left:0;
		z-index:2;
	}
	
	.main .potx .in{
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
		width:80%;
		margin:0 auto;
		color:#fff;
		font-size:2.3em;
		letter-spacing: 0.1em;
	}
	
	.main .potx .in span{
		position: relative;
		display: inline-block;
	}
	
	.main .potx .in span:after{
		content: "";
		width:55px;
		border-bottom:1px solid #fff;
		position: absolute;
		bottom:-20px;
		left:0;
	}
	
	.cont1{
		margin:0 0 0 0;
		position: relative;
		background:#f2f2f2;
		padding:0 0 0 0;
	}
	
	.cont1 .innerbox{
		width:100%;
		margin:0 auto 0;
		padding:0 5%;
		box-sizing: border-box;
		background:#fff;
		position: relative;
		top:0;
		
	}

	
	.cont1 .arrowbox{
		height:65px;
		with:1040px;
		margin:0 auto;
		background:url("/images/index/arrow.png") no-repeat;
		background-size:13px;
		background-position: 50% 50%;
		display: none;
	}
	
	.cont1 .tablecont{
		padding:60px 0;
	}

	.cont1 .tablecont .tlbox{
		margin:0 0 30px 0;
		font-size:1.7em;
	}
	
	.cont1 .tablecont .ttl{
		font-size:1.2em;
		font-weight: 600;
		margin:0 0 20px 0;
	}

	.cont1 .tablecont .tx1{
		margin:0 0 50px 0;
		line-height: 1.7em;
	}
	
	.cont1 .tablecont .tx2{
		margin:0 0 0 0;
		line-height: 1.7em;
	}
	
	.cont1 .borderbox{
		padding:40px 0 40px 0;
		border-top:1px solid #e6e6e6;
		border-bottom:1px solid #e6e6e6;
	}
	
	
	.cont1 .borderbox.box2{
		padding:40px 0 0 0;
		border-top:1px solid #e6e6e6;
		border-bottom:1px solid #e6e6e6;
	}
	
	.cont1 .borderbox ul{
		width:calc(100%);
		margin:0 0 0 0;
		list-style: none;
	}

	.cont1 .borderbox ul li{
		width:100%;
		float: none;
		padding:0 0 0 0;
		margin:0 0 30px 0;
		box-sizing: border-box;
	}

	.cont1 .borderbox ul li .txcont{
		margin:0 0 30px 0;
		float: left;
		width:65%;
	}
	
	.cont1 .borderbox ul li span{
		background:#333;
		border-radius: 3px;
		display: inline-block;
		padding:3px 10px 2px 10px;
		color:#fff;
		position: relative;
		top:-2px;
		line-height:1.3em;
		margin:0 5px 0 0;
		vertical-align: middle;
		font-size:0.6em;
	}
	
	.cont1 .borderbox ul li .sub{
		padding:10px 0 20px 0;
		color:#808080;
		font-size:0.9em;
		line-height: 1.5em;
	}
	
	.cont1 .borderbox ul li .ph{
		text-align: center;
		float:right;
		width:35%;
	}
	
	.cont1 .borderbox ul li .ph img{
		height:auto;
		width:100%;
	} 
	
	.cont1 .tablebox{
		margin:50px 0 0 0;
	} 
	
	.cont1 .tablebox table{
		width:100%;
		margin:0 0 50px 0;
	} 
	
	.cont1 .tablebox table th{
		padding:10px 0;
		text-align: center;
		line-height: 1.5em;
		color:#fff;
		font-weight: normal;
		background:#bfb7b0;
		border:1px solid #fff;
		vertical-align: middle;
		width:55px;
	} 
	
	.cont1 .tablebox table td{
		padding:10px 0;
		text-align: center;
		line-height: 1.5em;
		color:#333;
		border:1px solid #fff;
		background:#f2f2f2;
	} 
	
	.cont1 .tablebox table tr:nth-child(even) td{
		background:#dedad6;
	} 

	.cont1 .tablebox table tr:nth-child(2) td{
		color:#736357;
	} 
}

	