@charset "utf-8";

/*--------------------------------------------------------------------------------*/
/*--main_v--*/
/*--------------------------------------------------------------------------------*/
#main_v{
	position:relative;
	width:100%;
	height:860px;
	min-width:1200px;
	line-height:0;
	text-align:center;
	background:url(../img/main_bg.png) center top no-repeat;
	}
#main_v>div{
	position:relative;
	width:1200px;
	height:860px;
	margin:0 auto;
	text-align:center;
}

#main_v>div h2{
	padding:144px 0 0;
	}

h2 img{
	margin:0 auto;
	}
#main_v>div .txt{
	padding:20px 0 0;
	font-size:18px;
	line-height:30px;
	font-weight:600;
	color:#0093DC;	
	}

#main_v>div ul{
	position:relative;
	margin:50px auto 0;
	overflow:hidden;
	zoom:1;
	text-align:center;
}
#main_v>div li{
	display:inline-block;
	width:305px;
	height:150px;
	margin:0 1px;
}

#main_v>div li:nth-child(1) a{
	position:relative;
	display:block;
	width:305px;
	height:150px;
	padding:70px 0 0;
	background:url(../img/main_btn1.png) 0 0 no-repeat;
		transform: translate3d(0,0,0);
		-webkit-transition: .6s ease-in-out;  
       -moz-transition: .6s ease-in-out;  
         -o-transition: .6s ease-in-out; 
            transition: .6s ease-in-out;
	}

#main_v>div li:nth-child(2) a{
	position:relative;
	display:block;
	width:305px;
	height:150px;
	padding:70px 0 0;
	background:url(../img/main_btn2.png) 0 0 no-repeat;
		transform: translate3d(0,0,0);
		-webkit-transition: .6s ease-in-out;  
       -moz-transition: .6s ease-in-out;  
         -o-transition: .6s ease-in-out; 
            transition: .6s ease-in-out;
	}
#main_v>div .btn1{
	display:inline-block;
	text-align:center;
	background:url(../img/arrow_right1.png) right center no-repeat;
	padding:0 20px 0 0;
	font-size:15px;
	line-height:20px;
	font-weight:600;
	color:#0093DC;
	}	
#main_v>div .btn2{
	display:inline-block;
	text-align:center;
	background:url(../img/arrow_right1.png) right center no-repeat;
	padding:0 20px 0 0;
	font-size:18px;
	line-height:20px;
	font-weight:600;
	color:#0093DC;
	}	
#main_v>div li:nth-child(2) a span{
	text-shadow:2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff;
}
#main_v>div li a:hover{
	opacity:0.6;
	}
	
/*--------------------------------------------------------------------------------*/
/*--about--*/
/*--------------------------------------------------------------------------------*/
	
#about{
	position:relative;
	width:100%;
	min-width:1200px;
	line-height:0;
	text-align:center;
	background:url(../img/bg.png) 0 0 repeat;
	padding:120px 0 150px;
	}
#about>div{
	position:relative;
	width:1200px;
	margin:0 auto;
	text-align:center;
}
#about>div ul{
	position:relative;
	margin:65px auto 0;
	width:970px;
	height:361px;
	overflow:hidden;
	zoom:1;
	text-align:center;
	background:url(../img/about_point_bg.png) top center no-repeat;
}
#about>div ul li{
	margin:0;
}
#about>div ul li:nth-child(1){
	float:left;
	width:370px;
	padding:145px 0 0;
}
#about>div ul li:nth-child(2){
	float:left;
	width:260px;
	padding:95px 0 0;
}
#about>div ul li:nth-child(3){
	float:right;
	width:330px;
	padding:172px 0 0;
}
#about>div ul li h3{
	font-size:42px;
	line-height:42px;
	font-weight:600 !important;
	color:#0093DC;
}
#about>div ul li p{
	margin-top:14px;
	font-size:18px;
	line-height:26px;
	font-weight:600 !important;
}
#about .what_set{
	margin-top:50px;
	position:relative;
	width:100%;
	min-width:1200px;
	line-height:0;
	text-align:center;
	background:url(../img/about_set_bg.png) top center no-repeat;
	}
#about .what_set>div{
	position:relative;
	width:1200px;
	height:1050px;
	margin:0 auto;
	text-align:center;
}
#about .what_set>div .set1{
	position:absolute;
	top:120px;
	left:0;
	width:100%;
}
#about .what_set>div .set1 h3{
	font-size:42px;
	line-height:42px;
	font-weight:600 !important;
	color:#ffffff;
}
#about .what_set>div .set1 .line{
	margin:30px auto;
	height:3px;
	background:#fff;
	width:40px;
}
#about .what_set>div .txt{
	font-size:16px;
	line-height:42px;
	font-weight:600;
	color:#ffffff;	
	}
#about .what_set>div .txt span{
	font-size:24px;
	line-height:42px;
	font-weight:600;
	color:#ffffff;
	border-bottom:#FCDB00 solid 3px;	
}
#about .what_set>div .set2{
	position:absolute;
	top:425px;
	left:520px;
	color:#0093DC;
	text-align:left;
}
#about .what_set>div .set2 .txt{
	color:#0093DC;	
	}
#about .what_set>div .set2 .txt span{
	color:#0093DC;	
}
#about .what_set>div .set3{
	position:absolute;
	top:800px;
	left:155px;
	color:#0093DC;
	text-align:left;
}
/*--------------------------------------------------------------------------------*/
/*--service--*/
/*--------------------------------------------------------------------------------*/
	
#service{
	position:relative;
	width:100%;
	min-width:1200px;
	line-height:0;
	text-align:center;
	background:#0093DC;
	padding:120px 0 70px;
	}
#service>div{
	position:relative;
	width:1200px;
	margin:0 auto;
	text-align:center;
}
#service>div h2{
	margin-bottom:90px;
}
#service>div ul{
	position:relative;
	width:1200px;
	display:table;
	text-align:center;
	margin:0 auto 45px;
}
#service>div ul li{
	display:table-cell;
	vertical-align:middle;
	height:120px;
	padding:0 0 0 160px;
	text-align:left;
}
#service>div ul li{
	font-size:18px;
	line-height:32px;
	font-weight:600;
	color:#ffffff;	
	}
#service>div ul li.service1{background:url(../img/service_icon1.png) 0 0 no-repeat;width:620px;}
#service>div ul li.service2{background:url(../img/service_icon2.png) 0 0 no-repeat;width:580px;}
#service>div ul li.service3{background:url(../img/service_icon3.png) 0 0 no-repeat;width:620px;}
#service>div ul li.service4{background:url(../img/service_icon4.png) 0 0 no-repeat;width:580px;}
#service>div ul li.service5{background:url(../img/service_icon5.png) 0 0 no-repeat;width:620px;}
#service>div ul li.service6{background:url(../img/service_icon6.png) 0 0 no-repeat;width:580px;}

/*--------------------------------------------------------------------------------*/
/*--use--*/
/*--------------------------------------------------------------------------------*/
	
#use{
	position:relative;
	width:100%;
	min-width:1200px;
	line-height:0;
	text-align:center;
	background:url(../img/bg.png) 0 0 repeat;
	padding:120px 0 130px;
	}
#use>div{
	position:relative;
	width:1200px;
	margin:0 auto;
	text-align:center;
}
#use>div h2{
	margin-bottom:90px;
}
#use>div .ap{
	position:relative;
	display:table;
	width:1200px;
	height:153px;
	background:url(../img/ap_bg.png) 0 0 no-repeat;
	}
#use>div .ap h3{
	display:table-cell;
	vertical-align:middle;
	width:495px;
	padding:0 40px 45px 60px;
	text-align:left;
	font-size:35px;
	line-height:40px;
	font-weight:600 !important;
	color:#0093DC;
}

#use>div .ap p{
	display:table-cell;
	vertical-align:top;
	text-align:left;
	font-size:25px;
	line-height:38px;
	font-weight:600;
	color:#0093DC;	
}
#use>div .ap p span{
	font-size:16px;
	line-height:18px;
	font-weight:400;
}
#use .set{
	margin:60px 0 0;
	position:relative;
	width:100%;
	background:url(../img/use_bg.png) top center no-repeat;
	}
#use .set ul{
	position:relative;
	width:1200px;
	height:1850px;
	margin:0 auto;
}
#use .set ul li{
	position:absolute;
	width:600px;
	height:400px;
	text-align:left;
	padding:135px 0 0 50px;
}
#use .set ul li .img{
	position:absolute;
	top:125px;
	width:300px;
}
#use .set ul li .img1{
	position:absolute;
	top:50px;
	right:145px;
	width:130px;
}
#use .set ul li .img2{
	position:absolute;
	top:80px;
	right:10px;
	width:130px;
}
#use .set ul li .img img{
	width:100%;
	height:auto;
}
#use .set ul li .img1 img{
	width:100%;
	height:auto;
}
#use .set ul li .img2 img{
	width:100%;
	height:auto;
}

#use .set ul li p.txt{
	font-size:18px;
	line-height:32px;
	font-weight:600;
	width:320px;
}
#use .set ul li p.txt1{
	position:absolute;
	font-size:28px;
	line-height:32px;
	font-weight:600;
	top:65px;
	left:130px;
	width:400px;
}
#use .set ul li p.txt2{
	position:absolute;
	font-size:18px;
	line-height:28px;
	font-weight:600;
	top:120px;
	right:20px;
	width:220px;
}
#use .set ul li.use3 p.txt{
	width:270px;
}
#use .set ul li.use1{
	top:20px;
	left:0;
	color:#ffffff;	
}
#use .set ul li.use2{
	top:245px;
	right:0;
	color:#0093DC;	
}
#use .set ul li.use3{
	top:470px;
	left:0;
	color:#ffffff;
}
#use .set ul li.use4{
	top:695px;
	right:0;
	color:#0093DC;	
}
#use .set ul li.use5{
	top:920px;
	left:0;
	color:#ffffff;
}
#use .set ul li.use6{
	top:1145px;
	right:0;
	color:#0093DC;	
}
#use .set ul li.use7{
	top:1370px;
	left:0;
	color:#ffffff;
}
#use .set ul li.use8{
	top:1595px;
	right:0;
	color:#0093DC;	
}
#use .set ul li h4{
	font-size:24px;
	line-height:32px;
	font-weight:600 !important;
	color:#FCDB00;
	padding-bottom:10px;
}
#use .set ul li a{
	color:#0093DC;
	border-bottom:#FCDB00 solid 3px;
}

#use .more{
	text-align:center;
	margin:30px auto 0;
	}

#use .more a{
	position:relative;
	display:inline-block;
	padding:7px 115px;
	background:#fcdb00;
	border:#fff solid 3px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
		transform: translate3d(0,0,0);
		-webkit-transition: .6s ease-in-out;  
       -moz-transition: .6s ease-in-out;  
         -o-transition: .6s ease-in-out; 
            transition: .6s ease-in-out;
}
#use .more a span{
	display:inline-block;
	text-align:center;
	background:url(../img/pdf_icon.png) left center no-repeat;
	padding:0 0 0 50px;
	min-height:47px;
	font-size:24px;
	line-height:48px;
	font-weight:600;
	color:#0093DC;
	}	

#use a:hover{
	opacity:0.6;
	}
#use .read{
	text-align:center;
	font-size:24px;
	line-height:42px;
	font-weight:600;
	color:#0093DC;
	padding:60px 0 0;
}
#use dl{
	margin:15px auto 0;
	border:#0093DC 2px solid;
	background:#fff;
	width:815px;
	padding:30px 40px;
	overflow:hidden;
	zoom:1;
	}
#use dl dt{
	float:left;
	width:324px;
}
#use dl dt img,
#use dl dt img1,
#use dl dt img2{
	width:100%;
	height:auto;
}
#use dl dd{
	float:right;
	text-align:left;
	font-size:21px;
	line-height:36px;
	font-weight:600;
	color:#0093DC;
	width:360px;
	padding:25px 0 0;
}
/*--------------------------------------------------------------------------------*/
/*--business--*/
/*--------------------------------------------------------------------------------*/
	
#business{
	position:relative;
	width:100%;
	min-width:1200px;
	line-height:0;
	text-align:center;
	background:#0093dc;
	padding:120px 0 130px;
	}
#business>div{
	position:relative;
	width:1200px;
	margin:0 auto;
	text-align:center;
}
#business>div h2{
	margin-bottom:90px;
}
#business .read{
	margin:0 auto;
	width:944px;
	text-align:left;
	font-size:18px;
	line-height:36px;
	font-weight:600;
	color:#fff;
}
#business .more{
	text-align:center;
	margin:50px auto 0;
	}
#business .more a{
	position:relative;
	display:inline-block;
	padding:7px 115px;
	background:#fcdb00;
	border:#fff solid 3px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
		transform: translate3d(0,0,0);
		-webkit-transition: .6s ease-in-out;  
       -moz-transition: .6s ease-in-out;  
         -o-transition: .6s ease-in-out; 
            transition: .6s ease-in-out;
}
#business .more a span{
	display:inline-block;
	text-align:center;
	margin:0 !important;
	background:url(../img/arrow_right1.png) right center no-repeat;
	padding:0 20px 0 0;
	min-height:47px;
	font-size:24px;
	line-height:48px;
	font-weight:600;
	color:#0093DC;
	}
#business a:hover{
	opacity:0.6;
	}
#business .more_read{
	text-align:center;
	margin:50px auto 0;
	font-size:24px;
	line-height:24px;
	font-weight:600;
	color:#fff;	
	}
#business .more_read span{
	display:block;
	margin-top:15px;
	font-size:14px;
	line-height:24px;
	font-weight:400;
	}
#business .date{
	display:inline-block;
	margin:40px auto 0;
	padding:20px 60px;
	text-align:center;
	border:#fff solid 3px;
	font-size:24px;
	line-height:24px;
	font-weight:600;
	color:#fff;	
	}
#business .point_set{
	margin:65px auto 0;
	width:944px;
	text-align:left;
	background:#fff;
	padding:16px;
}
#business .point_set>div{
	padding:36px;
	border:#0093DC solid 3px;
}
#business .point_set>div .img{
	margin:30px auto 0;
	text-align:center;
	
}
#business .point_set>div .point1{
	position:relative;
	display:table;
	}
#business .point_set>div .point1 dt{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	font-size:24px;
	line-height:24px;
	font-weight:600;
	color:#0093DC;
	padding:0 30px 0 0;	
	}
#business .point_set>div .point1 dd{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	font-size:16px;
	line-height:27px;
	font-weight:600;
	}
#business .point_set>div .point2,
#business .point_set>div .point3,
#business .point_set>div .point4{
	position:relative;
	display:table;
	text-align:left;
}
#business .point_set>div .point2{
	margin:30px 0 0;
}
#business .point_set>div .point2 dt,
#business .point_set>div .point3 dt,
#business .point_set>div .point4 dt{
	display:table-cell;
	width:20px;
	padding:6px 0 0;
}
#business .point_set>div .point2 dt p,
#business .point_set>div .point3 dt p,
#business .point_set>div .point4 dt p{
	width:16px;
	height:16px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#business .point_set>div .point2 dt p{background:#b82817;}
#business .point_set>div .point3 dt p{background:#00CB00;}
#business .point_set>div .point4 dt p{background:#00AFEF;}
#business .point_set>div .point2 dd,
#business .point_set>div .point3 dd,
#business .point_set>div .point4 dd{
	text-align:left;
	display:table-cell;
	font-size:16px;
	line-height:26px;
	font-weight:400;
}

#business .use_set{
	margin:57px auto 0;
	width:944px;
	text-align:center;
	border:#fff solid 3px;
	padding:70px 0;
}
#business .use_set h3{
	font-size:32px;
	line-height:32px;
	font-weight:600 !important;
	color:#fff;	
}
#business .use_set .txt{
	margin-top:20px;
	font-size:18px;
	line-height:20px;
	font-weight:600;
	color:#fff;	
}
#business .use_set .mgn{
	margin-top:42px !important;
}
#business .use_set dl{
	margin:0 auto 0;
	width:764px;
	text-align:left;
	overflow:hidden;
	zoom:1;
}
#business .use_set dt{
	float:left;
	width:20px;
	padding:8px 0 0;
}
#business .use_set dt p{
	width:16px;
	height:16px;
	background:#fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
}
#business .use_set dd{
	float:left;
	font-size:16px;
	line-height:32px;
	font-weight:600;
	color:#fff;
}
#business .use_set span{
	display:block;
	margin-top:10px;
	font-size:14px;
	line-height:24px;
	font-weight:400;
	color:#fff;
}
/*--------------------------------------------------------------------------------*/
/*--faq--*/
/*--------------------------------------------------------------------------------*/
	
#faq{
	position:relative;
	width:100%;
	min-width:1200px;
	line-height:0;
	text-align:center;
	background:#fff;
	padding:120px 0 0;
	}
#faq>div{
	position:relative;
	width:1200px;
	margin:0 auto;
	text-align:center;
}
#faq>div h2{
	margin-bottom:45px;
}
#faq dl{
	margin:0 auto;
	width:944px;
	padding:45px 0 60px 0;
	border-bottom:#4C4948 1px solid;
	text-align:left;	
}
#faq dl.non{
	border-bottom:none;
}
#faq dt{
	min-height:80px;
	padding:20px 0 0 120px;
	background:url(../img/q.png) 0 0 no-repeat;
	font-size:24px;
	line-height:36px;
	font-weight:600;
	color:#0093DC;
}
#faq dd{
	margin-top:20px;
	min-height:80px;
	padding:20px 0 0 120px;
	background:url(../img/a.png) 0 0 no-repeat;
	font-size:16px;
	line-height:32px;
	font-weight:400;
}
#faq dd a{
	color:#0093DC;
	}
#faq dd a:hover{
	color:#fcdb00;
	}
#faq dd .mid{
	min-height:80px;
	padding:20px 0 0 0px;
	font-size:24px;
	line-height:36px;
	font-weight:600;
	color:#0093DC;
}

#appdl img{
	margin-bottom:10px;
}

@media screen and (max-width:767px) {
/*--------------------------------------------------------------------------------*/
/*--main_v--*/
/*--------------------------------------------------------------------------------*/
#main_v{
	position:relative;
	width:100%;
	height:auto;
	min-width:320px;
	line-height:0;
	text-align:center;
	background:none;
	}
#main_v>div{
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
}

#main_v>div h2{
	padding:0 0 0;
	}
#main_v>div .txt{
	font-size:14px;
	line-height:24px;
	font-weight:600;
	color:#0093DC;	
	}

h2 img{
	margin:0 auto;
	}
#main_v>div ul{
	position:relative;
	margin:0 auto 0;
	overflow:hidden;
	zoom:1;
	text-align:center;
}
#main_v>div li{
	display:inline-block;
	width:150px;
	height:74px;
	margin:0 1px;
}

#main_v>div li:nth-child(1) a{
	position:relative;
	display:block;
	width:150px;
	height:74px;
	padding:29px 0 0;
	background:url(../img/main_btn1.png) 0 0 no-repeat;
	background-size:150px auto;
	}

#main_v>div li:nth-child(2) a{
	position:relative;
	display:block;
	width:150px;
	height:74px;
	padding:29px 0 0;
	background:url(../img/main_btn2.png) 0 0 no-repeat;
	background-size:150px auto;
	}
#main_v>div li a span{
	display:inline-block;
	text-align:center;
	background:url(../img/arrow_right1.png) right center no-repeat;
	background-size:6px auto;
	padding:0 10px 0 0;
	font-size:13px;
	line-height:20px;
	font-weight:600;
	color:#0093DC;
	}	
#main_v>div li:nth-child(2) a span{
	text-shadow:2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff;
}
#main_v>div li a:hover{
	opacity:0.6;
	}
	
#main_v>div .btn1{
	display:inline-block;
	text-align:center;
	background:url(../img/arrow_right1.png) right center no-repeat;
	padding:0 20px 0 0;
	font-size:10px;
	line-height:10px;
	font-weight:600;
	color:#0093DC;
	}	
#main_v>div .btn2{
	display:inline-block;
	text-align:center;
	background:url(../img/arrow_right1.png) right center no-repeat;
	padding:0 20px 0 0;
	font-size:12px;
	line-height:20px;
	font-weight:600;
	color:#0093DC;
	}	
/*--------------------------------------------------------------------------------*/
/*--about--*/
/*--------------------------------------------------------------------------------*/
	
#about{
	position:relative;
	width:100%;
	min-width:320px;
	line-height:0;
	text-align:center;
	background:url(../img/bg_sp.png) 0 0 repeat;
	background-size:100% auto;
	padding:0;
	}
#about>div{
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
}
#about>div .point{
	position:relative;
	width:100%;
	}
#about>div .point ul{
	position:absolute;
	top:0;
	left:0;
	margin:0 auto 0;
	width:100%;
	height:100%;
	overflow:hidden;
	zoom:1;
	text-align:center;
	background:none;
}
#about>div ul li{
	margin:0;
	height:33%;
}
#about>div ul li:nth-child(1){
	position:absolute;
	top:0%;
	left:0;
	float:none;
	width:100%;
	padding:0 0 0;
}
#about>div ul li:nth-child(2){
	position:absolute;
	top:30%;
	left:0;
	float:none;
	width:100%;
	padding:0 0 0;
}
#about>div ul li:nth-child(3){
	position:absolute;
	top:60%;
	left:0;
	float:none;
	width:100%;
	padding:0 0 0;
}
#about>div ul li h3{
	position:absolute;
	top:28%;
	left:25%;
	text-align:center;
	width:50%;
	font-size:16px;
	line-height:20px;
	font-weight:600 !important;
	color:#0093DC;
}
#about>div ul li p{
	position:absolute;
	top:23%;
	left:64%;
	text-align:left;
	margin-top:0;
	font-size:11px;
	line-height:16px;
	font-weight:600 !important;
}
#about .what_set{
	margin-top:0;
	position:relative;
	width:100%;
	min-width:320px;
	line-height:0;
	text-align:center;
	background:none;
	}
#about .what_set>div{
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
}
#about .what_set>div .set1{
	position:relative;
	top:0;
	left:0;
	width:100%;
	background:url(../img/about_set_bg1_sp.png) 0 0 repeat-y;
	background-size:100% auto;
}
#about .what_set>div .set1 h3{
	padding-top:30px;
	font-size:30px;
	line-height:30px;
	font-weight:600 !important;
	color:#ffffff;
}
#about .what_set>div .set1 .line{
	margin:20px auto;
	height:2px;
	background:#fff;
	width:40px;
}
#about .what_set>div .set1 .txt{
	padding:0 14%;
}
#about .what_set>div .txt{
	font-size:13px;
	line-height:32px;
	font-weight:600;
	color:#ffffff;
	text-align:left;
	}
#about .what_set>div .txt span{
	font-size:18px;
	line-height:32px;
	font-weight:600;
	color:#ffffff;
	border-bottom:#FCDB00 solid 3px;	
}
#about .what_set>div .set2{
	color:#0093DC;
	text-align:left;
	position:relative;
	top:0;
	left:0;
	width:100%;
	background:url(../img/about_set_bg2_sp.png) 0 0 repeat-y;
	background-size:100% auto;
}
#about .what_set>div .set2 .txt{
	color:#0093DC;
	padding:0 8% 0 21%;
	}
#about .what_set>div .set2 .txt span{
	color:#0093DC;	
}
#about .what_set>div .set3{
	color:#0093DC;
	text-align:left;
	position:relative;
	top:0;
	left:0;
	width:100%;
	background:url(../img/about_set_bg3_sp.png) 0 0 repeat-y;
	background-size:100% auto;
}
#about .what_set>div .set3 .txt{
	padding:0 21% 30px 8%;
	}
/*--------------------------------------------------------------------------------*/
/*--service--*/
/*--------------------------------------------------------------------------------*/
	
#service{
	position:relative;
	width:100%;
	min-width:320px;
	line-height:0;
	text-align:center;
	background:#0093DC;
	padding:0 0 60px;
	}
#service>div{
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
}
#service>div h2{
	margin-bottom:0;
}
#service>div ul{
	position:relative;
	width:86%;
	display:block;
	text-align:center;
	margin:0 auto;
}
#service>div ul li{
	margin:20px 0 0;
	display:block;
	vertical-align:middle;
	height:auto;
	min-height:90px;
	padding:0 0 0 90px;
	text-align:left;
	display: flex;
	/*justify-content: center;*/
	align-items: center;
}
#service>div ul li{
	font-size:13px;
	line-height:22px;
	font-weight:600;
	color:#ffffff;	
	}
#service>div ul li.service1{background:url(../img/service_icon1.png) left center no-repeat;width:100%;background-size:80px auto;}
#service>div ul li.service2{background:url(../img/service_icon2.png) left center no-repeat;width:100%;background-size:80px auto;}
#service>div ul li.service3{background:url(../img/service_icon3.png) left center no-repeat;width:100%;background-size:80px auto;}
#service>div ul li.service4{background:url(../img/service_icon4.png) left center no-repeat;width:100%;background-size:80px auto;}
#service>div ul li.service5{background:url(../img/service_icon5.png) left center no-repeat;width:100%;background-size:80px auto;}
#service>div ul li.service6{background:url(../img/service_icon6.png) left center no-repeat;width:100%;background-size:80px auto;}

/*--------------------------------------------------------------------------------*/
/*--use--*/
/*--------------------------------------------------------------------------------*/
	
#use{
	position:relative;
	width:100%;
	min-width:320px;
	line-height:0;
	text-align:center;
	background:url(../img/bg_sp.png) 0 0 repeat;
	background-size:100%;
	padding:0 0 60px;
	}
#use>div{
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
}
#use>div h2{
	margin-bottom:0;
}
#use>div .ap{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	background:none;
	}
#use>div .ap h3{
	display:inline-block;
	vertical-align:middle;
	width:auto;
	padding:0 0 0 40px;
	text-align:center;
	font-size:22px;
	line-height:50px;
	min-height:50px;
	font-weight:600 !important;
	color:#0093DC;
	background:url(../img/ap_icon.png) 0 0 no-repeat;
	background-size:30px auto;
}

#use>div .ap p{
	margin-top:20px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	font-size:13px;
	line-height:21px;
	font-weight:600;
	color:#0093DC;	
}
#use>div .ap p span{
	font-size:12px;
	line-height:18px;
	font-weight:400;
}
#use .set{
	margin:0 0 0;
	position:relative;
	width:100%;
	background:none;
	}
#use .set ul{
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
}
#use .set ul li{
	position:relative;
	width:100%;
	height:auto;
	text-align:left;
	padding:0;
}
#use .set ul li .img{
	position:relative;
	top:55px;
	right:0;
	width:60%;
}
#use .set ul li .img1{
	position:relative;
	top:0;
	right:-10px;
	width:22%;
}
#use .set ul li .img2{
	position:absolute;
	top:20px;
	right:0;
	width:20%;
}
#use .set ul li.use1 .img,
#use .set ul li.use3 .img,
#use .set ul li.use5 .img,
#use .set ul li.use7 .img{
	margin-left:5%;
}
#use .set ul li.use2 .img,
#use .set ul li.use4 .img,
#use .set ul li.use6 .img,
#use .set ul li.use8 .img{
	margin-left:14%;
}
#use .set ul li.use6 .img{
	width:55%;
}
#use .set ul li.use1 div,
#use .set ul li.use5 div,
#use .set ul li.use7 div{
	top:30%;
	left:8%;
}
#use .set ul li.use3 div{
	top:22%;
	left:8%;
}
#use .set ul li.use2 div,
#use .set ul li.use4 div,
#use .set ul li.use6 div,
#use .set ul li.use8 div{
	top:30%;
	left:15%;
}
#use .set ul li>div{
	top:0;
}
#use .set ul li p.txt1{
	font-size:20px;
	line-height:24px;
	font-weight:600;
	top:8px;
	left:75px;
	width:85%;
}
#use .set ul li p.txt2{
	font-size:12px;
	line-height:18px;
	font-weight:600;
	top:170px;
	left:20px;
	width:75%;
}
#use .set ul li.use1 p.txt2{
	width:85%;
}
#use .set ul li.use2 p.txt1,
#use .set ul li.use4 p.txt1,
#use .set ul li.use6 p.txt1{
	left:28%;
}
#use .set ul li.use2 p.txt2,
#use .set ul li.use6 p.txt2{
	left:13%;
	width:85%;
}
#use .set ul li.use4 p.txt2{
	top:210px;
	left:13%;
	width:85%;
}
#use .set ul li.use5 p.txt2{
	top:185px;
	width:86%;
	line-height:16px;
}
#use .set ul li.use6 p.txt2{
	top:200px;
	width:86%;
	line-height:16px;
}
#use .set ul li.use7 p.txt2{
	top:185px;
	width:86%;
}

#use .set ul li.use1{
	top:0;
	left:0;
	height:240px;
	color:#ffffff;
	background:url(../img/use_set_bg1.png) 0 0 no-repeat;
	background-size:100% auto;
}
#use .set ul li.use2{
	top:0;
	right:0;
	height:240px;
	color:#0093DC;
	background:url(../img/use_set_bg2.png) 0 0 no-repeat;
	background-size:100% auto;	
}
#use .set ul li.use3{
	top:0;
	left:0;
	height:240px;
	color:#ffffff;
	background:url(../img/use_set_bg3.png) 0 0 no-repeat;
	background-size:100% auto;
	padding:0 0 40px;
}
#use .set ul li.use4{
	top:0;
	right:0;
	height:250px;
	color:#0093DC;
	background:url(../img/use_set_bg4.png) 0 0 no-repeat;
	background-size:100% auto;
}
#use .set ul li.use5{
	top:0;
	left:0;
	height:250px;
	color:#ffffff;
	background:url(../img/use_set_bg5.png) 0 0 no-repeat;
	background-size:100% auto;
}
#use .set ul li.use6{
	top:0;
	right:0;
	height:250px;
	color:#0093DC;
	background:url(../img/use_set_bg6.png) 0 0 no-repeat;
	background-size:100% auto;
}
#use .set ul li.use7{
	top:0;
	left:0;
	height:240px;
	color:#ffffff;
	background:url(../img/use_set_bg7.png) 0 0 no-repeat;
	background-size:100% auto;
}
#use .set ul li.use8{
	top:0;
	right:0;
	color:#0093DC;
	background:url(../img/use_set_bg8.png) 0 0 no-repeat;
	background-size:100% auto;
}
#use .set ul li h4{
	font-size:16px;
	line-height:24px;
	font-weight:600 !important;
	color:#FCDB00;
	padding-bottom:0px;
}
#use .set ul li a{
	color:#0093DC;
	border-bottom:#FCDB00 solid 3px;
}

#use .more{
	text-align:center;
	margin:30px auto 0;
	}

#use .more a{
	position:relative;
	display:inline-block;
	padding:5px 40px;
	background:#fcdb00;
	border:#fff solid 2px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
		transform: translate3d(0,0,0);
		-webkit-transition: .6s ease-in-out;  
       -moz-transition: .6s ease-in-out;  
         -o-transition: .6s ease-in-out; 
            transition: .6s ease-in-out;
}
#use .more a span{
	display:inline-block;
	text-align:center;
	background:url(../img/pdf_icon.png) left center no-repeat;
	background-size:25px auto;
	padding:0 0 0 35px;
	min-height:28px;
	font-size:16px;
	line-height:28px;
	font-weight:600;
	color:#0093DC;
	}	

#use a:hover{
	opacity:0.6;
	}
#use .read{
	text-align:center;
	font-size:14px;
	line-height:28px;
	font-weight:600;
	color:#0093DC;
	padding:30px 0 0;
}
#use dl{
	margin:15px auto 0;
	border:#0093DC 2px solid;
	background:#fff;
	width:86%;
	padding:30px;
	overflow:hidden;
	zoom:1;
	}
#use dl dt{
	float:none;
	width:100%;
}
#use dl dd{
	float:none;
	text-align:left;
	font-size:13px;
	line-height:21px;
	font-weight:600;
	color:#0093DC;
	width:100%;
	padding:15px 0 0;
}
/*--------------------------------------------------------------------------------*/
/*--business--*/
/*--------------------------------------------------------------------------------*/
	
#business{
	position:relative;
	width:100%;
	min-width:320px;
	line-height:0;
	text-align:center;
	background:#0093dc;
	padding:0 0 60px;
	}
#business>div{
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
}
#business>div h2{
	margin-bottom:0;
}
#business .read{
	margin:0 auto;
	width:86%;
	text-align:left;
	font-size:13px;
	line-height:26px;
	font-weight:600;
	color:#fff;
}

#business a:hover{
	opacity:0.6;
	}
#business .more_read{
	text-align:center;
	width:90%;
	margin:30px auto 0;
	font-size:16px;
	line-height:24px;
	font-weight:600;
	color:#fff;	
	}
#business .more_read span{
	display:block;
	margin-top:15px;
	font-size:11px;
	line-height:16px;
	font-weight:400;
	}
#business .date{
	display:block;
	margin:30px auto 0;
	width:86%;
	padding:10px;
	text-align:center;
	border:#fff solid 2px;
	font-size:14px;
	line-height:21px;
	font-weight:600;
	color:#fff;	
	}
#business .point_set{
	margin:45px auto 0;
	width:86%;
	text-align:left;
	background:#fff;
	padding:10px;
}
#business .point_set>div{
	padding:20px;
	border:#0093DC solid 2px;
}
#business .point_set>div .img{
	margin:20px auto 0;
	text-align:center;
	
}
#business .point_set>div .point1{
	position:relative;
	display:block;	
	}
#business .point_set>div .point1 dt{
	position:relative;
	display:block;	
	vertical-align:middle;
	text-align:center;
	font-size:18px;
	line-height:20px;
	font-weight:600;
	color:#0093DC;
	padding:0 0 15px 0;	
	}
#business .point_set>div .point1 dd{
	position:relative;
	display:block;	
	vertical-align:middle;
	text-align:left;
	font-size:13px;
	line-height:22px;
	font-weight:600;
	}
#business .point_set>div .point2,
#business .point_set>div .point3,
#business .point_set>div .point4{
	position:relative;
	display:table;
	text-align:left;
}
#business .point_set>div .point2{
	margin:20px 0 0;
}
#business .point_set>div .point2 dt,
#business .point_set>div .point3 dt,
#business .point_set>div .point4 dt{
	display:table-cell;
	width:20px;
	padding:2px 0 0;
}
#business .point_set>div .point2 dt p,
#business .point_set>div .point3 dt p,
#business .point_set>div .point4 dt p{
	width:12px;
	height:12px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#business .point_set>div .point2 dt p{background:#b82817;}
#business .point_set>div .point3 dt p{background:#00CB00;}
#business .point_set>div .point4 dt p{background:#00AFEF;}
#business .point_set>div .point2 dd,
#business .point_set>div .point3 dd,
#business .point_set>div .point4 dd{
	text-align:left;
	display:table-cell;
	font-size:12px;
	line-height:26px;
	font-weight:400;
}
#business .use_set{
	margin:35px auto 0;
	width:86%;
	text-align:center;
	border:#fff solid 2px;
	padding:30px 0;
}
#business .use_set h3{
	font-size:18px;
	line-height:23px;
	font-weight:600 !important;
	color:#fff;	
}
#business .use_set .txt{
	margin-top:10px;
	font-size:13px;
	line-height:20px;
	font-weight:600;
	color:#fff;	
}
#business .use_set .mgn{
	margin-top:30px !important;
}
#business .use_set dl{
	position:relative;
	margin:0 auto 0;
	width:86%;
	text-align:left;
	overflow:hidden;
	zoom:1;
	display:table;
}
#business .use_set dt{
	float:none;
	display:table-cell;
	width:16px;
	padding:6px 0 0;
}
#business .use_set dt p{
	width:12px;
	height:12px;
	background:#fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
}
#business .use_set dd{
	float:none;
	display:table-cell;
	font-size:12px;
	line-height:18px;
	font-weight:600;
	color:#fff;
}
#business .use_set>span{
	display:block;
	width:86%;
	margin:10px auto 0;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#fff;
	text-align:left;
}
#business .more{
	text-align:center;
	margin:30px auto 0;
	}
#business .more a{
	position:relative;
	display:inline-block;
	padding:5px 20px !important;
	background:#fcdb00;
	border:#fff solid 2px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
		transform: translate3d(0,0,0);
		-webkit-transition: .6s ease-in-out;  
       -moz-transition: .6s ease-in-out;  
         -o-transition: .6s ease-in-out; 
            transition: .6s ease-in-out;
}
#business .more a span{
	display:inline-block;
	text-align:center;
	background:url(../img/arrow_right1.png) right center no-repeat;
	background-size:6px auto;
	margin:0;
	padding:0 15px 0 0 !important;
	min-height:28px !important;
	font-size:14px;
	line-height:28px !important;
	font-weight:600;
	color:#0093DC;
	}
/*--------------------------------------------------------------------------------*/
/*--faq--*/
/*--------------------------------------------------------------------------------*/
	
#faq{
	position:relative;
	width:100%;
	min-width:320px;
	line-height:0;
	text-align:center;
	background:#fff;
	padding:0 0 0;
	}
#faq>div{
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
}
#faq>div h2{
	margin-bottom:0;
}
#faq dl{
	margin:0 auto;
	width:86%;
	padding:20px 0 30px 0;
	border-bottom:#4C4948 1px solid;
	text-align:left;	
}
#faq dl.non{
	border-bottom:none;
}
#faq dt{
	min-height:50px;
	padding:10px 0 0 60px;
	background:url(../img/q.png) 0 0 no-repeat;
	background-size:50px auto;
	font-size:14px;
	line-height:26px;
	font-weight:600;
	color:#0093DC;
}
#faq dd{
	margin-top:15px;
	min-height:50px;
	padding:10px 0 0 60px;
	background:url(../img/a.png) 0 0 no-repeat;
	background-size:50px auto;
	font-size:14px;
	line-height:26px;
	font-weight:400;
}
#faq dd .mid{
	min-height:80px;
	padding:20px 0 0 0px;
	font-size:18px;
	line-height:30px;
	font-weight:600;
	color:#0093DC;
}



#contact>div .contact{
	position:relative;
	margin-top:60px;
	text-align:center;	
	}
#contact>div .contact .ttl{
	display:inline-block;
	color:#fff;
	font-size:24px;
	line-height:25px;
	min-height:25px;
	font-weight:600;
	/*
	background:url(../img/mail_icon.png) 0 0 no-repeat;
	background-size:35px auto;
	padding:0 0 0 50px;
	*/
	}
#contact>div .contact .txt{
	color:#fff;
	margin:30px auto 0;
	width:86%;
	text-align:left;
	font-size:16px;
	line-height:32px;
	font-weight:600;
	}
#contact>div .contact a{
	display:inline-block;
	width:86%;
	margin:30px auto 0;
	border:#ffffff solid 3px;
	background:#fcdb00;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	color:#0093DC;
	font-size:13px;
	line-height:20px;
	font-weight:600;
	padding:10px 0 12px;
}
#contact>div .contact a span{	
	display:inline-block;
	background:#fcdb00 url(../img/arrow_right1.png) right center no-repeat;
	background-size:9px auto;
	padding:2px 20px 0 0;
}



/*--------------------------------------------------------------------------------*/
/*--thankyou--*/
/*--------------------------------------------------------------------------------*/
#thankyou {
	margin-top: 40px;
	margin-bottom: 20px;
}

#thankyou span{
	line-height: 34px;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	/*
	padding: 10px 20px;
	word-break: break-all;
	background: #f49241;
	*/
	position: relative;
    display: inline-block;
    padding: 5px 40px;
    background: #f4416d;
    border: #fff solid 2px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    transform: translate3d(0,0,0);
    -webkit-transition: .6s ease-in-out;
    -moz-transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
}