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

@media(min-width:481px){
#contents{
    width:100%;
	min-width:1300px;
	margin:0 auto;
	padding-bottom:0px;
	background-color: #231815;
}


#visualarea{
	min-width:1300px;
	height: 300px;
	margin:0 auto;
	padding-top: 10px;
	}


.visual{
	min-width:1300px;
	height: 300px;
	background-image: url(../images/serviesvisual.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
	

.visualtxt{
	width:285px;
	height: 235px;
	background-image: url(../images/serviesvisual2.png);
	background-repeat: no-repeat;
	background-position:bottom;
	margin: 0 auto;
	padding-top: 55px;
}


.mainvisual1{
	min-width:1300px;
	height: 507px;
	background-size:cover;
	background-image: url(../images/mainvisual1.png);
	background-position:top center;
}


.mainvisual2{
	min-width:1300px;
	height: 507px;
	background-size:cover;
	background-image: url(../images/mainvisual2.png);
	background-position:top center;
}
	





#contents2{
    width:100%;
	min-width:1300px;
	margin:0 auto;
	padding-bottom:150px;
	background-color: #FFF;
}




#contents3{
    width:100%;
	min-width:1300px;
	margin:0 auto;
	padding-top: 100px;
	padding-bottom:100px;
	background-color: #F2F2F2;
}


.basearea{
    width:1200px;
	margin:0 auto;
	padding-top:80px;
}



.maintitle{
	width:900px;
	text-align: center;
	margin: 0 auto;
	padding-top: 0px;
}

.maintitle2{
	width: 200px;
	text-align: center;
	margin: 0 auto;
	padding:10px;
	border-top: 1px solid #0091BA;
	border-bottom: 1px solid #0091BA;
	color: #0091BA;
	font-size:22px;
	line-height:36px;
}



.maintext1{
	width: 900px;
	font-size:20px;
	line-height:44px;
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
	font-weight: bold;
}


.maintext2{
	width: 900px;
	font-size:16px;
	line-height:36px;
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
}


.maintext3{
	width: 400px;
	font-size:16px;
	line-height:36px;
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
}

.maintext4{
	width: 480px;
	font-size:16px;
	line-height:36px;
	text-align: left;
	margin: 0 auto;
	padding-top: 20px;
}

.area1_1{
    width:100px;
	text-align: left;
	margin-top: 10px;
	float: left;
}

.area1_2{
    width:300px;
	text-align: left;
	margin-top: 10px;
	float: right;
}



.maindiagram1{
	width: 900px;
	height: 100px;
	background-image: url(../images/firsttimediagram.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0 auto;
	padding-top: 20px;
}

.maindiagram2{
	width: 900px;
	height: 80px;
	background-image: url(../images/infodiagram5.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0 auto;
	padding-top: 20px;
}


.insurancearea{
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
}
	
.insurancetext{
	width: 900px;
	margin: 0 auto;
	padding-top: 10px;
	font-size:14px;
	line-height:36px;
	text-align: center;
}



.insurance1{
	width: 156px;
	display: inline-block;
	vertical-align: top;
	margin-left: 8px;
	margin-right: 8px;
	}




.morearea{
	width:1020px;
	margin: 0 auto;
}


.subtitle1{
	width:1000px;
	font-size: 20px;
	line-height: 35px;
	padding-bottom: 10px;
	text-align: center;
	background-image: url(../images/border.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0 auto;
}

.linkdetails{
	padding-left: 105px;
	padding-top: 40px;
	color: #000;
}

	
.linktext1{
	width: 300px;
	height:90px;
	float: left;
	margin-top: 40px;
	margin-right: 20px;
	margin-left: 20px;
	background-image: url(../images/linkbt8.png);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 23px;
}


.linktext2{
	width: 300px;
	height: 90px;
	float: left;
	margin-top: 40px;
	margin-right: 20px;
	margin-left: 20px;
	background-image: url(../images/linkbt9.png);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 23px;
}


.linktext3{
	width: 300px;
	height: 90px;
	float: left;
	margin-top: 40px;
	margin-right: 20px;
	margin-left: 20px;
	background-image: url(../images/linkbt10_1.png);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 23px;
}
	
}


@media(max-width:480px){
#contents{
	width:480px;
	margin:0 auto;
	padding-bottom:0px;
	background-color: #231815;
}


#visualarea{
	width:400px;
	height: 300px;
	margin:0 auto;
	padding-top: 10px;
	}


.visual{
	width:400px;
	height: 300px;
	background-image: url(../images/serviesvisuals.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin:0 auto;
}
	

.visualtxt{
	width:285px;
	height: 235px;
	background-image: url(../images/serviesvisual2.png);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
	padding-top: 60px;
}


.mainvisual1{
	width:400px;
	height: 507px;
	background-size:cover;
	background-image: url(../images/mainvisual1_s.png);
	background-position:top center;
}


.mainvisual2{
	width:400px;
	height: 507px;
	background-size:cover;
	background-image: url(../images/mainvisual2_s.png);
	background-position:top center;
}
	





#contents2{
    width:480px;
	margin:0 auto;
	padding-bottom:150px;
	background-color: #FFF;
}




#contents3{
    width:480px;
	margin:0 auto;
	padding-top: 100px;
	padding-bottom:100px;
	background-color: #F2F2F2;
}


.basearea{
    width:400px;
	margin:0 auto;
	padding-top:80px;
}



.maintitle{
	width:360px;
	text-align: center;
	margin: 0 auto;
	padding-top: 90px;
}

.maintitle2{
	width:360px;
	text-align: center;
	margin: 0 auto;
	padding:10px;
	border-top: 1px solid #0091BA;
	border-bottom: 1px solid #0091BA;
	color: #0091BA;
	font-size:22px;
	line-height:36px;
}



.maintext1{
	width:360px;
	font-size:20px;
	line-height:44px;
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
	font-weight: bold;
}


.maintext2{
	width:360px;
	font-size:14px;
	line-height:36px;
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
}


.maintext3{
	width:360px;
	font-size:14px;
	line-height:36px;
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
}

.maintext4{
	width:360px;
	font-size:14px;
	line-height:36px;
	text-align: left;
	margin: 0 auto;
	padding-top: 20px;
}

.area1_1{
    width:100px;
	text-align: left;
	margin-top: 10px;
	float: left;
}

.area1_2{
    width:260px;
	text-align: left;
	margin-top: 10px;
	float: left;
}



.maindiagram1{
	width: 400px;
	height: 100px;
	background-image: url(../images/firsttimediagram_s.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0 auto;
	padding-top: 20px;
}

.maindiagram2{
	width: 400px;
	height: 137px;
	background-image: url(../images/infodiagram5s_1.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0 auto;
	padding-top: 20px;
}


.insurancearea{
	width: 400px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
}
	
.insurancetext{
	width: 250px;
	margin: 0 auto;
	padding-top: 20px;
	font-size:14px;
	line-height:36px;
	text-align: center;
}


.insurance1{
	width: 156px;
	margin: 0 auto;
	padding-top: 50px;
}




.morearea{
	width: 400px;
	margin: 0 auto;
}


.subtitle1{
	width: 400px;
	font-size: 20px;
	line-height: 35px;
	padding-bottom: 10px;
	text-align: center;
	background-image: url(../images/border.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0 auto;
}
	
.linkdetails{
	padding-left: 105px;
	padding-top: 40px;
	color: #000;
}

	
.linktext1{
	width: 360px;
	height:90px;
	margin: 0 auto;
	background-image: url(../images/linkbt8.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 14px;
	line-height: 23px;
	padding-top: 40px;
}


.linktext2{
	width: 360px;
	height: 90px;
	margin: 0 auto;
	background-image: url(../images/linkbt9.png);
	background-repeat: no-repeat;
	background-position:left bottom;
	font-size: 14px;
	line-height: 23px;
	padding-top: 40px;
}


.linktext3{
	width: 360px;
	height: 90px;
	margin: 0 auto;
	background-image: url(../images/linkbt10_1.png);
	background-repeat: no-repeat;
	background-position:left bottom;
	font-size: 14px;
	line-height: 23px;
	padding-top: 40px;
}
	
}