@charset "utf-8";
@media screen and (max-width:768px){

/* .cont */
.cont{
}


/* #cont1 */
#cont1{
	padding-top:20px;
}
#cont1 h3{
	width:220px;
	margin:0 auto 30px;
	font-size:16px;
	position:relative;
}
#cont1 h3 img{
	width:45px;
	margin:0;
	vertical-align:bottom;
	position:absolute;
	left:96%;
	bottom:5px;
}
#cont1 ul{
	width:auto;
	display:inline-block;
	vertical-align:bottom;
	margin:0 0 20px;
}
#cont1 ul li{
	padding:5px 0 5px 20px;
	font-size:14px;
	font-weight:bold;
	position:relative;
	border-bottom:1px dashed #cacaca;
	text-align: justify;
	text-justify: inter-ideograph;
	white-space:normal;
}
#cont1 ul li:last-child{
	border-bottom:none;
}
#cont1 ul li:before{
	content:'';
	display:block;
	width:16px;
	height:17px;
	background:url(../images/check_red1.png)no-repeat left top;
	background-size:100% auto;
	position:absolute;
	left:0;
	top:7px;
}
#cont1 ul + img{
	width:80px;
}
#cont1 p{
	width:auto;
	line-height:1.4;
	margin:30px auto 0;
	padding:5px;
	background-color:#032b98;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	position:relative;
}
#cont1 p img{
	width:30px;
	position:absolute;
	bottom:auto;
	top:-15px;
	left:calc(50% - 80px);
}
#cont1 p span{
	margin-right:0;
	display:block;
	font-size:18px;
}


/* #cont2 */
#cont2{
}
#cont2 div{
	width:auto;
	margin:0 auto;
	overflow:hidden;
}
#cont2 div img{
	float:right;
	margin:0 0 0 10px;
	width:50px;
}
#cont2 div p{
	margin:0 0 20px;
	text-align:left;
}
#cont2 div p span{
	font-size:14px;
	font-weight:bold;
}


/* #cont3 */
#cont3{
}
#cont3 > ul{
	width:auto;
	margin:-10 auto 0;
}
#cont3 > ul > li{
	padding:20px 0 20px;
	border-bottom:1px solid #626262;
}
#cont3 > ul > li:last-child{
	border-bottom:none;
}
#cont3 > ul > li section{
	width:auto;
	margin-right:0;
	display:inline-block;
	vertical-align:top;
	text-align: justify;
	text-justify: inter-ideograph;
}
#cont3 > ul > li section h4{
	width:90%;
	max-width:300px;
	line-height:20px;
	margin:0 auto 10px;
	padding:3px 0;
	border:2px solid #52bcae;
	font-size:15px;
	color:#52bcae;
	background-color:#fff;
	text-align:center;
	position:relative;
}
#cont3 > ul > li section p{
	margin-bottom:20px;
}
#cont3 > ul > li section p > span{
	font-size:14px;
	font-weight:bold;
}
#cont3 > ul > li figure{
	display:block;
	margin:0px auto 0;
	width:80%;
	max-width:160px;
}


/* #cont4 */
#cont4{
}
#cont4 ol{
	margin-top:30px;
}
#cont4 ol li{
	width:auto;
	height:auto;
	margin:0 auto 30px;
	padding:0 3% 3%;
	border:1px solid #6c6c6c;
	background-color:#fff;
	text-align:left;
	position:static;
}
#cont4 ol li h4{
	margin-bottom:20px;
	font-size:16px;
	line-height:1.2;
	text-align:center;
}
#cont4 ol li h4 span{
	position:static;
	left:auto;
	top:auto;
	-webkit-transform:none;
	transform:none;
	display:block;
	margin-bottom:10px;
}
#cont4 ol li h4 span img{
	margin-top:-20px;
	width:40px;
}
#cont4 ol li p{
	line-height:1.5;
}
#cont4 ol li figure{
	position:static;
	right:auto;
	top:auto;
	-webkit-transform:none;
	transform:none;
	margin:10px auto 0;
	max-width:200px;
	width:70%;
}
#cont4 ol + img{
	width:300px;
	max-width:80%;
}
#cont4 > p{
	width:auto;
	margin:10px 0 0;
	padding:10px;
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
	color:#0073ca;
	border:2px solid #0073ca;
	text-align:left;
}


/* #cont5 */
#cont5{
	padding-bottom:8%;
}
#cont5 ul li{
	width:45%;
	max-width:200px;
	display:inline-block;
	vertical-align:middle;
	margin:2%;
}
#cont5 p{
	width:auto;
	margin:auto;
	text-align:left;
}


/* #support */
#support dl{
	width:auto;
	text-align:center;
	margin-right:0;
}
#support dl dt{
	width:90%;
	max-width:280px;
	line-height:1.3;
	margin:0 auto 40px;
	padding:2px 0;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background-color:#e60012;
	position:relative;
}
#support dl dt span{
	line-height:1.5;
	border-top:none;
	width:105%;
	position:absolute;
	top:100%;
	left:-2%;
	font-size:11px;
}
#support dl dt:before{
	content:'';
	display:block;
	width:20px;
	height:20px;
	background:url(../images/network/support_tit1.png)no-repeat left top;
	background-size:100% auto;
	position:absolute;
	right:calc(100% + 2px);
	top:28px;
}
#support dl dt:after{
	content:'';
	display:block;
	width:20px;
	height:20px;
	background:url(../images/network/support_tit2.png)no-repeat left top;
	background-size:100% auto;
	position:absolute;
	left:calc(100% + 2px);
	top:28px;
}

}