@charset "UTF-8";
/* CSS Document */

/* 画面の横幅が769px以上*/

@media(min-width:481px){

#mainvisualbg{
    width:100%;
	min-width: 1150px;
	height:349px;
	margin:0 auto;
	background-image:url(../images/servicemainvisual.png);
	background-size: cover;
}

	
#mainvisualtxt{
    width:900px;
	height:349px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-image:url(../images/servicemaintitle.png);
	background-position: center center;
}
	

#contents{ 
	min-width:1200px;
	margin:0 auto;
	padding-top:240px;
}
	
#contents2{ 
	width:1100px;
	margin:0 auto;
}
	
.contents_con{
	width:910px;
	margin:0 auto;
	margin-top: -240px;
	padding: 240px 0px 100px 0px;
}

	
#submenu{
	width:100%;
	height:80px;
	background-color: #82BFD4;
	font-size:16px;
	line-height:27px;
	}

#submenu a{
	color: #FFF;	
	}

	
	
#submenumobile{
	display: none;
	}




ul#info{
	width:750px;
	margin:0 auto;
    list-style:none;
	padding-top: 6px;
}

ul#info li{
	float:left;
	padding:0;
}


ul#info2{
	width:860px;
	margin:0 auto;
	padding-top:15px;
    list-style:none;
}

ul#info2 li{
	height:25px;
	float:left;
	padding:0;
}


a.subbt1{
	display:block;
	width:95px;
	height:25px;
	font-size:16px;
	line-height:27px;
	margin-left:0px;
	color:#000000;
}

a.subbt2{
	display:block;
	width:95px;
	height:25px;
	font-size:16px;
	line-height:27px;
	margin-left:20px;
	color:#000000;
}


a.subbt3{
	display:block;
	width:95px;
	height:25px;
	font-size:16px;
	line-height:27px;
	margin-left:20px;
	color:#000000;
}


a.subbt4{
	display:block;
	width:170px;
	height:25px;
	font-size:16px;
	line-height:27px;
	margin-left:20px;
	color:#000000;
}

a.subbt5{
	display:block;
	width:90px;
	height:25px;
	font-size:16px;
	line-height:27px;
	margin-left:20px;
	color:#000000;
}

a.subbt6{
	display:block;
	width:95px;
	height:25px;
	font-size:16px;
	line-height:27px;
	margin-left:15px;
	color:#000000;
}

a.subbt7{
	display:block;
	width:120px;
	height:25px;
	font-size:16px;
	line-height:27px;
	margin-left:20px;
	color:#000000;
}

a.subbt8{
	display:block;
	width:115px;
	height:25px;
	font-size:16px;
	line-height:27px;
	margin-left:20px;
	color:#000000;
}

a.subbt9{
	display:block;
	width:90px;
	height:22px;
	font-size:16px;
	line-height:27px;
	margin-left:20px;
	color:#000000;
}

a.subbt10{
	display:block;
	width:80px;
	height:25px;
	font-size:16px;
	line-height:27px;
	margin-left:20px;
	color:#000000;
}

a.subbt11{
	display:block;
	width:165px;
	height:25px;
	font-size:16px;
	line-height:27px;
	margin-left:20px;
	color:#000000;
}
    
a.sub12bt{
	display:block;
	width:120px;
	height:25px;
	font-size:16px;
	line-height:27px;
	margin-left:20px;
	color:#000000;
}

.pagetop{
	width:85px;
	height:30px;
	margin-left:800px;
	z-index: 10;
	
}



a.pagetopbt{
	display:block;
	width:85px;
	height:30px;
	background-image:url(../images/pagetop.png);
	background-repeat:no-repeat;
	background-position:bottom;
	z-index: 10;
	
}
/*１コンテンツ目*/

.contents_name1{
	width:110px;
	height:115px;
	background-image:url(../images/services_title1.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}



.contents_c1{
	width:150px;
	margin-top:30px;
	float:left;
	
}

.contents_c2{
	width:730px;
	height:232px;
	float:left;
	margin-left:20px;
	margin-top:30px;
}

.con_title1{
	width:680px;
	margin-top:0px;
}

.con_title1_1{
	width:905px;
	margin-top:20px;
}


.con_text1_1{
	width:680px;
	margin-top:10px;
}
	



.con_text1{
	width:905px;
	margin-top:10px;
}


.text_ss1{
	width:10px;
	margin-top:10px;
	float:left;
}

.text_ss1_1{
	width:80px;
	margin-top:6px;
	font-size:16px;
	line-height:23px;
	float:left;
}
	
.text_ss1_1b{
	width:80px;
	margin-top:6px;
	font-size:16px;
	line-height:23px;
	font-weight: 700;
	float:left;
}

.text_ss1_2{
	width:20px;
	margin-top:-2px;
	font-size:16px;
	line-height:23px;
	float:left;
}


.text_ss2{
	width:320px;
	margin-top:5px;
	margin-left:5px;
	font-size:16px;
	line-height:23px;
	float:left;
}

.text_ss2_1{
	width:600px;
	margin-left:5px;
	margin-top:5px;
	font-size:16px;
	line-height:23px;
	float:left;
}


.text_ss2_2{
	width:680px;
	margin-left:5px;
	margin-top:5px;
	font-size:16px;
	line-height:23px;
	float:left;
}

	

.text_ss2_2b{
	width:680px;
	margin-left:5px;
	margin-top:5px;
	font-size:16px;
	line-height:23px;
	font-weight: 700;
	float:left;
}
.text_ss2_3{
	width:650px;
	margin-top:5px;
	margin-left:5px;
	font-size:16px;
	line-height:23px;
	float:left;
}


.text_ss2_4{
	width:680px;
	margin-left:5px;
	margin-top:5px;
	font-size:16px;
	line-height:23px;
	float:left;
}




/*２コンテンツ目*/

.contents_name2{
	width:110px;
	height:119px;
	background-image:url(../images/services_title2.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}

.contents_c3{
	width:150px;
	margin-top:30px;
	float:left;
	
}

.contents_c4{
	width:720px;
	float:left;
	margin-left:35px;
	margin-top:30px;
}

.con_title2{
	width:720px;
	margin-top:00px;
}

.con_title2_1{
	width:475px;
	margin-top:30px;
}

.con_title2_3{
	width:700px;
	margin-top:25px;
}

.con_text2{
	width:340px;
	margin-top:10px;
	float:left;
}

.con_text2_1{
	width:340px;
	margin-top:10px;
	margin-left:20px;
	float:left;
}

.con_text2_2{
	width:700px;
	margin-top:10px;
	margin-left:0px;
	float:left;
}
	



.con_title3{
	width:905px;
	margin-top:30px;
}


.con_title4{
	width:905px;
	margin-top:20px;
}

.con_title5{
	width:720px;
	margin-top:10px;
}

/*3コンテンツ目*/

.contents_name3{
	width:111px;
	height:119px;
	background-image:url(../images/services_title3.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}



/*5コンテンツ目*/

.contents_name4{
	width:251px;
	height:106px;
	background-image:url(../images/services_title4.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}

/*5コンテンツ目*/

.contents_name5{
	width:83px;
	height:114px;
	background-image:url(../images/services_title5.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}


/*6コンテンツ目*/

.contents_name6{
	width:85px;
	height:123px;
	background-image:url(../images/services_title6.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}

/*7コンテンツ目*/
.contents_name7{
	width:137px;
	height:113px;
	background-image:url(../images/services_title7.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}

/*8コンテンツ目*/
.contents_name8{
	width:138px;
	height:106px;
	background-image:url(../images/services_title8.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}


/*9コンテンツ目*/
.contents_name9{
	width:82px;
	height:114px;
	background-image:url(../images/services_title9.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}

/*10コンテンツ目*/
.contents_name10{
	width:64px;
	height:120px;
	background-image:url(../images/services_title10.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}


/*11コンテンツ目*/
.contents_name11{
	width:251px;
	height:119px;
	background-image:url(../images/services_title11.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}

.contents_name12{
	width:251px;
	height:119px;
	background-image:url(../images/services_title12.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}
	
	
	.con_senshin{
	width:680px;
	padding-top:30px;
	margin: 0 auto;
}

}

@media(max-width:480px){


#mainvisualbg{
    width:100%;
	min-width: 360px;
	padding-top: 48.12%;
	margin:15px auto 0;
	background-image:url(../images/servicemainvisuals.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #FFF;
	position: relative;
}

	
#mainvisualtxt{
    width:186px;
	height:139px;
	background-repeat:no-repeat;
	background-image:url(../images/servicemaintitle.png);
	background-position: center center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
	

#contents{
    width:100%;
	margin:0 auto;
	padding-top:90px;
	}
	

#contents2{ 
    width:100%;
	margin:0 auto;
	padding-bottom:100px;
}
	
.contents_con{
    width:94%;
	margin:0 auto;
	margin-top: -360px;
	padding-top: 360px;
}
	
#submenu{
	display: none;
	}


	
#submenumobile{
	display: block;
    width:100%;
	font-size:16px;
	line-height:27px;
	margin:0 auto;
	background-color: #82BFD4;
	}

#submenumobile a{
	color: #FFF;	
	}


ul#info{
    width:initial;
    list-style:none;
	margin:0 auto;
	text-align: left;
	padding-top:30px;
}

ul#info li{
	display: inline-block;
	padding:0;
}


ul#info2{
    width:initial;
    list-style:none;
	margin:0 auto;
	text-align: left;
	padding-bottom: 30px;
}

ul#info2 li{
	display: inline-block;
	padding:0;
}


a.subbt1{
	display:block;
	width:95px;
	height:35px;
	margin:0 10px 0;
}

a.subbt2{
	display:block;
	width:95px;
	height:25px;
	margin:0 10px 0;
}


a.subbt3{
	display:block;
	width:95px;
	height:35px;
	margin:0 10px 0;
}


a.subbt4{
	display:block;
	width:170px;
	height:35px;
	margin:0 10px 0;
}

a.subbt5{
	display:block;
	width:95px;
	height:35px;
	margin:0 10px 0;
}

a.subbt6{
	display:block;
	width:95px;
	height:35px;
	margin:0 10px 0;
}

a.subbt7{
	display:block;
	width:150px;
	height:35px;
	margin:0 10px 0;
}

a.subbt8{
	display:block;
	width:115px;
	height:35px;
	margin:0 10px 0;
}

a.subbt9{
	display:block;
	width:90px;
	height:35px;
	margin:0 10px 0;
}

a.subbt10{
	display:block;
	width:80px;
	height:35px;
	margin:0 10px 0;
}

a.subbt11{
	display:block;
	width:165px;
	height:35px;
	margin:0 10px 0;
}
    
a.sub12bt{
	display: block;
	width:120px;
	height:35px;
    margin:0 10px 0;
}
	
/*１コンテンツ目*/

.contents_name1{
	width:110px;
	height:115px;
	background-image:url(../images/services_title1.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}



.contents_c1{
    width:100%;
	padding-top:30px;
	margin: 0 auto;
	
}

.contents_c2{
    width:100%;
	padding-top:30px;
	margin: 0 auto;
}

.con_title1{
    width:100%;
	padding-top:30px;
	margin: 0 auto;
}

.con_title1_1{
    width:100%;
	padding-top:30px;
	margin: 0 auto;
}


.con_text1_1{
	width:90%;
	padding-top:30px;
	margin: 0 auto;
}
	



.con_text1{
	width:90%;
	padding-top:10px;
	margin: 0 auto;
}


.text_ss1{
	width:12px;
	margin-top:10px;
	float:left;
}

.text_ss1_1{
	width:12px;
	margin-top:6px;
	font-size:16px;
	line-height:23px;
	float:left;
}
	
.text_ss1_1b{
    width:100%;
	padding-top:30px;
	margin: 0 auto;
	font-size:16px;
	line-height:23px;
	font-weight: 700;
}

.text_ss1_2{
	width:16px;
	margin-top:-2px;
	font-size:16px;
	line-height:23px;
	float:left;
}


.text_ss2{
	width:92%;
	margin-top:5px;
	font-size:16px;
	line-height:23px;
	float:left;
}

.text_ss2_1{
	width:92%;
	margin-top:5px;
	font-size:16px;
	line-height:23px;
	float:left;
}


.text_ss2_2{
	width:92%;
	margin-top:5px;
	font-size:16px;
	line-height:23px;
	float:left;
}

	

.text_ss2_2b{
	width:100%;
	padding-top:5px;
	margin: 0 auto;
	font-size:16px;
	line-height:23px;
	font-weight: 700;
}
.text_ss2_3{
	width:90%;
	margin-top:5px;
	font-size:16px;
	line-height:23px;
	float:left;
}


.text_ss2_4{
	width:90%;
	margin-top:5px;
	font-size:16px;
	line-height:23px;
	float:left;
}




/*２コンテンツ目*/

.contents_name2{
	width:110px;
	height:119px;
	background-image:url(../images/services_title2.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}

.contents_c3{
	width:100%;
	padding-top:30px;
	margin: 0 auto;
	text-align: center;
}

.contents_c4{
	width:100%;
	padding-top:30px;
	margin: 0 auto;
	text-align: left;
}

.con_title2{
	width:100%;
	margin: 0 auto;
}

.con_title2_1{
	width:100%;
	padding-top:30px;
	margin: 0 auto;
}

.con_title2_3{
	width:100%;
	padding-top:30px;
	margin: 0 auto;
}

.con_text2{
	width:90%;
	padding-top:10px;
	margin: 0 auto;
}

.con_text2_1{
	width:90%;
	padding-top:10px;
	margin: 0 auto;
}

.con_text2_2{
	width:90%;
	padding-top:10px;
	margin: 0 auto;
}
	



.con_title3{
	width:100%;
	padding-top:30px;
	margin: 0 auto;
}


.con_title4{
	width:100%;
	padding-top:20px;
	margin: 0 auto;
}

.con_title5{
	width:100%;
	padding-top:10px;
	margin: 0 auto;
}

/*3コンテンツ目*/

.contents_name3{
	width:111px;
	height:119px;
	background-image:url(../images/services_title3.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}



/*5コンテンツ目*/

.contents_name4{
	width:251px;
	height:106px;
	background-image:url(../images/services_title4.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}

/*5コンテンツ目*/

.contents_name5{
	width:83px;
	height:114px;
	background-image:url(../images/services_title5.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}


/*6コンテンツ目*/

.contents_name6{
	width:85px;
	height:123px;
	background-image:url(../images/services_title6.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}

/*7コンテンツ目*/
.contents_name7{
	width:137px;
	height:113px;
	background-image:url(../images/services_title7.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}

/*8コンテンツ目*/
.contents_name8{
	width:138px;
	height:106px;
	background-image:url(../images/services_title8.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}


/*9コンテンツ目*/
.contents_name9{
	width:82px;
	height:114px;
	background-image:url(../images/services_title9.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}

/*10コンテンツ目*/
.contents_name10{
	width:64px;
	height:120px;
	background-image:url(../images/services_title10.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}


/*11コンテンツ目*/
.contents_name11{
	width:251px;
	height:119px;
	background-image:url(../images/services_title11.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}
    
    
.contents_name12{
	width:251px;
	height:119px;
	background-image:url(../images/services_title12.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding-top:70px;
	background-position: bottom;
}
	
	
.con_senshin{
	width:100%;
	padding-top:30px;
	margin: 0 auto;
}


}