@charset "utf-8";

.content .line-inner{
	width:100%;
	float:left;
	overflow:hidden;
	max-width:700px;
	margin:auto;
}

.content .line-inner .item,
.content .line-inner .item-b{
	padding: 10% 0 4% 0;
	font-size: 260%;
    color: #444444;
    font-weight: bold;
	position:relative;
	
}

.content .line-inner .item-b{
    border-bottom: 1px solid #e4e2e2;
	margin-bottom: 4%;
}
.content .line-inner .item .icon,
.content .line-inner .item-b .icon02{
	position:absolute;
    top: 55px;
    left: 151px;
}
.content .line-inner .item-b .icon02{
	left: 179px;

}
.content .line-inner .item .icon03{
    position: absolute;
    top: 14px;
    left: 391px;
}

.content .line-inner .line-wrap,
.content .line-inner .line-wrap02,
.content .line-inner .line-wrap03{
	width:100%;
	background:#f0f0f0;
	float:left;
	overflow:hidden;
	padding: 5% 0;
}

.content .line-inner .line-wrap02{
	background: none;
    border-bottom: 1px solid #e4e2e2;
    border-top: 1px solid #e4e2e2;
}
.content .line-inner .line-wrap03{
	background:none;
	border:none;
}

.content .line-inner .line-wrap .txt,
.content .line-inner .line-wrap .txt-c,
.content .line-inner .line-wrap02 .txt{
    text-align: left;
	padding-bottom:5%;
	margin:0 auto;
}

 .content .line-inner .line-wrap .txt-c{
    text-align: center;
 }

.content .line-inner .line-wrap .cordbox{
	width: 70%;
    overflow: hidden;
    padding: 0 15%;
}

.content .line-inner .line-wrap02 .cordbox,
 .content .line-inner .line-wrap .wrappping{
    width: 90%;
    overflow: hidden;
    padding: 0 5% 0 5%;
}

.content .line-inner .line-wrap .cordbox .add{
	width: 50%;
    float: left;
}

.content .line-inner .line-wrap02 .cordbox .add,
.content .line-inner .line-wrap .wrappping .inner-box{
    width: 30%;
    float: left;
    padding-right: 5%;
	text-align:center;
}

.content .line-inner .line-wrap .cordbox .add:nth-child(2) {
    padding: 50px 0 0 0;
}

.content .line-inner .line-wrap02 .cordbox .add:nth-child(3),
.content .line-inner .line-wrap .wrappping .inner-box:nth-child(3){
    padding: 0;
}
.content .line-inner .line-wrap .cordbox .add img{
	display:block;
	margin:0 auto;
}

.content .line-inner .line-wrap .cordbox .add table {
    width: 100%;
}

.content .line-inner .line-wrap .cordbox .add tr{
	margin:0 auto;
}
.content .line-inner .line-wrap .cordbox .add th, 
.content .line-inner .line-wrap .cordbox .add td {
    width: 100%;
    float: left;
    text-align: center;
}

.content .line-inner .line-wrap .cordbox .add th,
.content .line-inner .line-wrap02 .cordbox .add h4{
	font-weight:bold;
	color:#1dcd00;
    padding: 7% 0;
    font-size: 160%;
}

.content .line-inner .line-wrap .cordbox .add .id{
	padding: 58px 0 7% 0;
}

.content .line-inner .line-wrap02 .cordbox .add .ip {
    vertical-align: bottom;
    padding-top: 20%;
}

.content .line-inner .line-wrap .txtbox{
    background: #ff4c49;
    width: 85%;
    padding: 2%;
    color: #ffffff;
    font-size: 160%;
    font-weight: bold;
    margin: 0 auto 5%;
    letter-spacing: 2px;
    max-width:250px;
}

.content .line-inner .line-wrap .wrappping .inner-box ul{

}

.content .line-inner .line-wrap .wrappping .inner-box ul li{
	text-align:left;
	margin:0 auto;	
	list-style: none;
	padding: 0 0 3px 20px;
	background:url(../img/line/check.png) no-repeat left top;

}
.content .line-inner .line-wrap .wrappping .inner-box ul .center{
	text-align:center;
	font-weight: bold;
    color: #444444;
    padding: 7% 0;
    font-size: 120%;
}
.clearbox{
	text-align:center;
	margin:0 auto;
	width:50%;
}
.clearbox .txt{
	text-align:left;
	
}

.content .l-line-inner{
	padding:10% 0 0 0;
}

/*Res*/

@media(max-width:960px){

	.content .line-inner{
		float:none;
	}

}

@media(max-width:780px){

	.item>img,
	.item-b>img{
		position:static !important;
	}

}

@media(max-width:700px){

	.cordbox .add{
		float:none !important;
		width:100% !important;
	}

	.content .line-inner .line-wrap02 .cordbox .add .ip{
		padding-top:2%;
	}

	.content .line-inner .line-wrap .cordbox .add th,
	.content .line-inner .line-wrap02 .cordbox .add h4{
		padding:35px 0 10px !important;
	}

	.content .line-inner .item,
	.content .line-inner .item-b{
		font-size:18px;
	}

}

@media(max-width:500px){

	.content .line-inner .line-wrap .cordbox{
		box-sizing:border-box;
		width:100%;
		padding:0 5%;
	}

	.content .line-inner .line-wrap02 .cordbox .add,
	.content .line-inner .line-wrap .wrappping .inner-box{
		max-width:190px;
		margin:10% auto 0;
		width:100%;
		padding:0;
		float:none;
	}

}