.flexslider{
	padding-bottom: 31px !important;
}

#topcon1{	
    min-width: 980px;
    background-image: url(../img/top/top_backpic_pc.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat !important;
    z-index: 0;
		}


#topcon1 h2{
	padding:80px 0 25px;
	text-align:center;
	font-weight:bold;
	font-size:41px;
	color:#FFFFFF;	
		}
#topcon1 p{
	padding:0 0 86px;
	text-align:center;	
	font-size:19px;
	color:#FFFFFF;
		}
	
	
#topcon2{
	background-color:#eff6fc;
		}
	
.coninner{
	width:980px;
	margin:0 auto;
	padding:80px 0;
		}
	
.coninner2{
	width:980px;
	margin:0 auto;
	padding:40px 0 80px;
		}
	
#topcon2 h2{
	text-align:center;
	font-size:38px;
	color:#004b90;
	font-weight:bold;
	padding-bottom:50px;
	}
	
	
.difference{
	width:980px;
	position:relative;
		}
	
.difference .d_left{
	width:457px;
	float:left;
		}
.difference .d_right{
	width:457px;
	float:right;
		}
	
.difference .d_left h3, .difference .d_right h3{
	text-align:center;
	font-weight:bold;
	padding-bottom:13px;
	font-size:28px;
		}
	
.difference .d_left img, .difference .d_right img{
	width:100%;
		}
	
.difference p{
	padding-bottom:20px;
		}
.difference dl{
	display:block;
	margin-bottom:10px;	}	
.difference table{
	margin-bottom:10px;
	width: 457px;	}
.difference td{
	background-color:#FFFFFF;
	font-size:17px;
	font-weight:bold;
	color:#004b90;
	padding:10px 15px;
	vertical-align:middle;
	line-height:1.4;
	
		}
	
	.difference .number{
	background-color:#004b90;
	font-weight:bold;
	color:#FFFFFF;
	padding:2px 25px;
	
	font-size:32px;
	font-family: "Arial", serif;
	width: 10px;	}
	
	
.or_icon{
	position:absolute;
	top:170px;
	left:435px;
		}	
	
#topcon3{
	width:980px;
	margin:0 auto;
	padding:80px 0 30px;
		}
	
#topcon3 .midashi{
	margin:0 0 65px 135px;
		}	
#topcon3 .midashi p{
	float:left;
	padding-top:7px;
		}
	
#topcon3 .midashi h2{
	float:left;
	font-weight:bold;
	font-size:40px;
	padding:0 25px 0;
	text-align:center;
	line-height:1.4;
	}
	
#topcon3 .midashi h2 span{
	color:#dc625b;
	font-size:40px;
	}
	
	
#topcon3 .checkcon{
	float:left;
	width:625px;
	margin-top:20px;
		}
#topcon3 .checkcon dl{
	margin-bottom:16px;
	padding-bottom:9px;
	border-bottom: dotted 1px #ccc;
		}


#topcon3 .checkcon dt{
	float:left;
	padding-right:20px;
		}
	

	
#topcon3 .checkcon dd{
	float:left;
	font-weight:bold;
	font-size:19px;
	  line-height: 1.3;
	letter-spacing:0.5px;
		}
	
#topcon3 .checkpic{
	float:right;	}
	
#topcon3 .checkpic img{
	width:330px;
		}
	
#topcon3 .st_copy1{
	font-size:36px;
	font-weight:bold;
	text-align:center;
	margin:65px 0 20px;
	line-height:1.5;	}
	
#topcon3 .st_copy1 strong{
	font-size:60px;
	color:#004b90;
	 background: url(../img/bg_line2.jpg);
    background-repeat: repeat-x;
    background-position: center bottom 5px;
	font-weight: 900 !important;
	}
	
	

	
	
#topcon3 .st_copy2{
	font-size:19px;
	text-align:center;
	
	margin-bottom:40px;
	font-weight:700;
	}
	
#topcon3 .st_copy2 strong{
	font-size:20px;
	color:#004b90;
	 background: url(../img/bg_line.jpg);
    background-repeat: repeat-x;
    background-position: center bottom;
	}
	
	
#topcon4{
	 min-width: 980px;
    background-image: url(../img/top/top_backpic1_pc.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat !important;
    z-index: 0;	}
	
	
#topcon4 h3{
	font-size:34px;
	text-align:center;
	font-weight:bold;
	margin:0px 0 20px;
	color:#FFFFFF;
	line-height:1.4;	}
	
.webcopy1{
	font-size:18px;
	text-align:center;
	margin-bottom:65px;
	color:#FFFFFF;
	}
#topcon4 .modalbtn{
	
	margin-bottom:25px;	}		
#topcon4 .modalbtn1{
	float:left;
	margin-right:40px;
	margin-left:145px;
		}	
	
#topcon4 .modalbtn2{
	float:left;
	}
#topcon4 .modalbtn1 a {
    display: block;
   
    width: 280px;
    line-height: 63px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
	background: url(../img/btn_arrow2.png) no-repeat right #004b90;
background-position-x: 260px;
    background-size: 8px;
    border-radius: 5px;
    box-shadow: 0 4px 0 #001c58;
    transition: background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
	text-decoration:none
	
}

#topcon4 .modalbtn1 a:hover, #topcon4 .modalbtn2 a:hover{
	
	opacity			: 0.8;
	filter			: alpha(opacity=80);	}


#topcon4 .modalbtn2 a {
    display: block;
   
    width: 340px;
    line-height: 63px;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    text-align: center;
	background: url(../img/btn_arrow2.png) no-repeat right #004b90;
background-position-x: 320px;
    background-size: 8px;
    border-radius: 5px;
    box-shadow: 0 4px 0 #001c58;
    transition: background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
	text-decoration:none
	
}


.po_title1{
	font-size:33px;
	padding:60px 0;
	text-align:center;
	color:#FFFFFF;
	
	font-weight: bold;
	background-color:#004b90;
	line-height:1.2;	}
	
	
	
.po_title1 span{
	font-size:22px;
	
	
	
	
	font-weight: normal;
		}
	
.top_bg1{
	background: url(../img/background1.jpg) repeat;	}
	
.topcon5in{
	width:980px;
	margin:0 auto;
	padding:85px 0 80px;	}
	
#topcon5 ul{
	width:980px;
	margin:0 auto;
	padding:0 0 55px;	}
	
#topcon5 li{
	float:left;
	margin-right:40px;	}
	
#topcon5 dl{
	width:215px;
	text-align:center;	}
	
#topcon5 dt{
	padding-bottom:20px;	}
	
#topcon5 dt img{
	width:50px;	}
	
#topcon5 .reason_title{
	font-weight:700;
	color: #004b90;
    font-size: 18px;
	padding:20px 0 6px;
	line-height:1.4;
	letter-spacing: 0;
	}
	
#topcon5 .reason_copy{
	text-align:left;
    font-size: 14px;
	}
	
	
	.nomargin{
		margin-right:0 !important;
		
			}
		
	.plan_btn{
		margin:0 0 0 210px;
		
			}
.plan_btn a{
	display: block;   
    width: 570px;
    line-height: 74px;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    text-align: center;
	background: url(../img/btn_arrow2.png) no-repeat right #f29600;
	background-position-x: 540px;
    background-size: 9px;
    border-radius: 5px;
    box-shadow: 0 4px 0 #eb6100;
    transition: background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
	text-decoration:none
	}
		
		
.plan_btn a:hover{	
	opacity			: 0.8;
	filter			: alpha(opacity=80);
	}
		
	#topcon6{
	 min-width: 980px;
    background-image: url(../img/top/top_backpic2_pc.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat !important;
    z-index: 0;	
	}
	
	
#topcon6 h4{
	text-align:center;
	padding:15px;
	background-color:#004b90;
	color:#FFF;
	font-size:23px;
	font-weight: 700 !important;	
	}
	
.companylogo{
	background-color:#FFF;
	padding:2px 35px 20px;
	margin-bottom: 55px;
	}
	
.companylogo .logo1, .companylogo .logo2, .companylogo .logo3{
	float:left;
	width:23%;
	padding-right:23px;	
	}
	
.companylogo .logo4{	
	float:left;
	width:23%;
	}
	
.companylogo .logo2 .logoa{
	padding:43px 0;
		}
.companylogo .logo4 .logoa{
	    width: 55%;
    margin: 18px auto 15px;
	}
	
.morebtn1{
	margin: 10px 0 0 800px;
		}
	
.morebtn1 a{
	display: block;
	width: 80px;
	line-height: 33px;
	color: #004b90;
	font-size: 13px;
	
	background: url(../img/btn_arrow1.png) no-repeat right;
	background-position-x: 92px;
	background-size: 6px;
	border-radius: 4px;
	border: 2px solid #004b90;
	text-decoration: none;
	padding: 0 10px 0 16px;	
	}	
	
#topcon7 h4{	
	font-size: 18px;
	font-weight: bold;
	margin-bottom:60px;
	text-align:center;
	}
	
#topcon7 dl{
	width:300px;
	position:relative;
	background-color:#FFFFFF;
	padding:0 0 0;
	height: 250px;
		}
	
#topcon7 dt{
	position:absolute;
	top:-10px;
	left:-15px;
		}
	
#topcon7 dt img{
	width:105px;
		}
#topcon7 ul{
	margin-bottom:60px;
		}		
#topcon7 li{
	float:left;
	margin-right:40px;
		}	
#topcon7 .step_pic1{
	text-align:center;
	padding:40px 0 20px;
	
}
#topcon7 .step_pic1 img{
	width:105px;
	
}

#topcon7 .step_pic2{
	text-align:center;
	padding:35px 0 15px;
	
}
#topcon7 .step_pic2 img{
	width:68px;
	
}

#topcon7 .step_pic3{
	text-align:center;
	padding:35px 0 15px;
	
}
#topcon7 .step_pic3 img{
	width:170px;
	
}

.step_copy{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
		}
	
.step_arrow{
	position:relative;
		}
	
.step_arrow p{
position: absolute;
top: 100px;
left: -50px;
	z-index: 999;
	
}




#topcon8 .service1{
	float:left;
	margin-right:17px;
		}

#topcon8 .service2{
	float:left;
	margin-right:17px;	}

#topcon8 .service3{
	float:left;
		}

#topcon8 table{
	text-align:center;
	width:313px;
		}
	
#topcon8 table .plant1{
	padding:20px 0;
	background-color:#27ade9;
	color:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	border:1px #27ade9 solid;
		}
	
	
#topcon8 table .plant2{
	padding:20px 0;
	background-color:#a9d057;
	color:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	border:1px #a9d057 solid;
		}
	
	


#topcon8 table .plant3{
	padding:20px 0;
	background-color:#f28390;
	color:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	border-top:1px #f28390 solid;
	border-left:1px #f28390 solid;
	border-right:1px #f28390 solid;	
	}	
	
	
#topcon8 table .planco1{
	font-size:18px;
	height:80px;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	vertical-align:middle;	}
#topcon8 table .planco1b{
	font-size:18px;
	height:80px;
	border:1px #ff0000 solid;
	background-color:#fff6f6;
	vertical-align:middle;
	line-height:1.6;	}
	
#topcon8 table .planco1b span{
	font-size:14px;	
	}
	
	
#topcon8 table .planco2{
	font-size:16px;
	/*height:220px;*/
	border:1px #ff0000 solid;
	background-color:#fff6f6;	
	vertical-align:middle;	
	}
	
#topcon8 table .planco2b{
	font-size:16px;
	/*height:220px;*/
	padding:10px 0;
	border:1px #ccc solid;	
	vertical-align:middle;	
	}
	
	
#topcon8 table .planco2c{
	font-size:16px;
	/*height:220px;*/
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;	
	vertical-align:middle;	
	}
	
#topcon8 table .planco2 .price2{
	padding:0px 0 4px;
	line-height:1;	
	}	
	
#topcon8 table .planco2b .price2, #topcon8 table .planco2c .price2{
	padding:8px 0 14px;	
	}	
#topcon8 table .planco2 .price2 strong{
	font-size: 550%;
	font-family: "Arial", serif !important;
	vertical-align: baseline;
	font-weight: 900;	
	}
	
#topcon8 table .planco2 .price2 span{
	font-size:100%;
	vertical-align: baseline;	
	}
	
#topcon8 table .planco2 .price2 .att1{
	font-size:60%;
	vertical-align: baseline;	
	}
	
.attn_w{
	color:#fff;
	font-size:12px;	
	font-weight:normal;
	display:block;
	}
.p_list{
	margin:0 4%;
	}
.p_list li{
	text-align: left;
	margin:0 auto;
	padding:10px 0 10px 3%;
	border-top: dotted 1px #bbb;
	}
.service2 .p_list li strong{
	color:#70a206;
	}
.attn_r{
	font-size:12px;
	text-align: center;
	letter-spacing:0;
	line-height:1.3 !important;
	color:#fff;
	display:block;
	padding:10px 0;
	background-color: #f54500;
	border-radius:3px;
	position:relative;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-o-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
	}
.attn_r:before{
	content:'';	
	border-color: #f54500;
	border-style: solid;
	border-width: 6px;
	border-left-color: transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	position:absolute;
	top:-10px;
	left:49%;
	}
.attn_r b{
	color:#fff888;
	font-size:16px;
	line-height:1.5 !important;
	display:block;
	}
.height_line11{
	height:20em;/*キャンペーン時：29.2em*/
	}
	
#topcon8 table .planco2 .price3{
	font-size:15px;
	font-weight:bold;
	color:#ff0000;
	line-height:1.5;	
	}


#topcon8 table .planco3{
	font-size:16px;
	padding:20px;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	vertical-align:middle;	}
#topcon8 table .planco3c{
	font-size:16px;
	padding:20px;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;	
	vertical-align:middle;	
	}
	
	#topcon8 table .planco3b{
	font-size:16px;
	padding:20px;
	border:1px #ff0000 solid;
	background-color:#fff6f6;
	vertical-align:middle;
	z-index:99;
	}
	
#topcon8 table .planco3 strong, #topcon8 table .planco3b strong, #topcon8 table .planco3c strong{
	font-size:22px;
	}
#topcon8 .planbtn1{
	margin-top:20px;
	margin-left:12px;
		}
#topcon8 .planbtn1 a{
	display: block;
width: 290px;
line-height: 57px;
color: #fff;
font-size: 18px;
font-weight: 900;
text-align: center;
background: url(../img/btn_arrow2.png) no-repeat right #004b90;
background-position-x: 265px;
background-size: 8px;
border-radius: 5px;
box-shadow: 0 4px 0 #001c58;
transition: background-color 0.2s linear;
-webkit-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-ms-transition: background-color 0.2s linear;
text-decoration: none;	}
	
	
#topcon8 .planbtn1 a:hover{
	
	opacity			: 0.8;
	filter			: alpha(opacity=80);
	}
	
.plan_att1{
	font-size:11px;
	padding:7px 0 0 8px;
		}
	
.plan_att2{
	font-size:15px;
	font-weight:bold;
	text-align: center;
	
	padding:20px 0 0 0;
		}
.service_plan{
	margin-bottom:65px;
		}
	
	
#news{
	background-color:#eee;
		}
	
.newsin{
	width:900px;
	margin:0 auto;
	padding:60px 0 100px;
		}
	
	
.newsin h3{
	font-weight:bold;
	font-size:30px;
	margin-bottom:30px;
	text-align:center;
		}
	
	
	
.newsin .newscon1{
	background: white;
margin: 20px 0;
padding: 20px 25px;
border-bottom: none;
box-shadow: 0 0 3px #ddd;	}
	
.newsin .newscon1 .date{
	color:#999;
	font-size:14px;
	padding-bottom:6px;	}

.newsin .newscon1 .news_copy{
	
	font-size:16px;	}
	
.news_copy a{
	color:#333;
	text-decoration:none;
	font-weight: bold;	}
	
.news_copy a:hover{
	color:#004b90;
	text-decoration: underline;
		}
	
	
	
.news_cat{
	font-size: 12px;
color: #666;

		}
	
	
.news_cat .catname{

padding: 2px 10px 1px;
border: 1px #999 solid;
display: inline-block;
margin: 0 3px 7px;
		}
	
.morebtn2{
	margin: 0 0 0 785px;
		}
	
.morebtn2 a{
	display: block;
width: 80px;
line-height: 33px;
color: #004b90;
font-size: 13px;

background: url(../img/btn_arrow1.png) no-repeat right;
background-position-x: 92px;
background-size: 6px;
border-radius: 4px;
border: 2px solid #004b90;
text-decoration: none;
padding: 0 10px 0 16px;	}
	
.slider{
	width:980px !important;
	margin:0 auto;
		}
	
.slider dl{
	background-color:#FFFFFF;
	padding:0 0 15px;
		}
	
.slider dd{
	padding:0 15px;
		}
	
.slider .case_name{
	padding:10px 0;
	font-size:14px;
	font-weight:bold;
	color:#004b90;
		}
	
.slider .case_name{
	padding: 13px 0 8px;
font-size: 15px;
font-weight: bold;
color: #004b90;
letter-spacing: 0;
		}
.slider .case_logo{
	text-align:center;
	margin:0 auto;
	
	vertical-align:middle;
		}
	
.slider .case1{
	}
	
.slider .case2{
		}
	
.slider .case3{
		}
	
.case_copy{
	font-size:14px;
	text-align:left;
	color:#333;
	line-height:1.5;
	padding-top:10px !important;
		}

/* トップ　モーダル */
.modal {
	width: 392px;
	height: 334px;
	background-size: cover;
	position: absolute;
	margin-top:10px;
	
}
.modal1 {
	background-image: url(../img/top/modal1.png);
	display: none;
	margin-left: -90px;
}
.modal2 {
	background-image: url(../img/top/modal2.png);
	display: none;
	margin-left: -20px;
}

/* =========================================================
		newslist
========================================================= */

#newslist{
	margin-top:10px;
		}
	
#newslist .newsin {
   
    padding: 60px 0 130px;
}

#newslist #news{
	background-color: #f9f8f8;	}
	
.page-numbers{
	width: 20px;
height: 20px;
padding: 6px 5px;
display: block;
line-height: 20px;
background: none repeat scroll 0% 0% #666;
color: #FFF;
text-align: center;
text-decoration: none;
border-radius: 50%;
margin-right: 4px;
float: left;
	}
	
.page-numbers.current{
	
	background: none repeat scroll 0% 0% #004b90;
	}



.page-numbers:hover{

background: none repeat scroll 0% 0% #004b90;

	}
	
.newspage{
	
	background-color:#f9f8f8;
		}	

  #newslist h2 {
    font-size: 23px;
    padding: 22px 0;
    text-align: center;
    margin-bottom: 45px;
}
.news_header{
	padding-bottom:15px;
		}
	
.news_header .type{
	   padding: 2px 10px 1px;
border: 1px #999 solid;
display: inline-block;
margin: 0 3px 0px;
font-size: 11px;
color: #666;
		}
	
.news_cap{
	
  font-size: 28px;

line-height: 1.56;

color: #004b90;

letter-spacing: 1.2px;
margin: 0 0 25px;
font-weight: 900;

		}
	
.newslist1{
	margin:35px 0 50px
		}
.newslist1 a{
display: block;
width: 95px;
line-height: 33px;
color: #004b90;
font-size: 13px;
background: url(../img/btn_arrow1.png) no-repeat right;
background-position-x: 93%;
background-size: 6px;
border-radius: 4px;
border: 2px solid #004b90;
text-decoration: none;
padding: 0 10px 0 16px;
}