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


/* pageHeader */

/* 画面の横幅が769px以上*/
@media(min-width:481px){

 a.h_mark{
	  display:none;
  }


header{
	width:100%;
	min-width: 1200px;
}

#header{
	width: 100%;
	min-width: 1200px;
	height: 150px;

}

.tel{
	display: none;

	}


.h_con{
	width:1100px;
	margin:0 auto;
	padding-top:30px;

}

a.logo{
		display: block;
		width: 616px;
		height: 89px;
	    background-image: url(../images/logo.png);
		background-repeat: no-repeat;
	    background-position: middle;
	    float: left;
	}

.logo_right{
	width: 480px;
	float: right;
	}

.logo2{
	width: 325px;
	float: left;
	}

a.logo2_1{
		display: block;
		width: 325px;
		height: 47px;
	    background-image: url(../images/logo2_1.png);
		background-repeat: no-repeat;
	    background-position: bottom;
	}

a.logo2_2{
		display: block;
		width: 325px;
		height: 34px;
		background-image: url(../images/logo3_2.png);
		background-repeat: no-repeat;
	    background-position: bottom;
	}

.logo2_3{
	display: block;
	width: 325px;
	color: #FFF;
	font-size: 16px;
	}


.h_border{
	width: 100%;
	min-width: 1200px;
	height: 6px;
	background-color: #FFF;
	}

	.bnr_r{
		display: block;
		width: 130px;
		float: right;
		margin: 0 0 0 10px
	}

	.bnr_r img{
		width: 130px;
		}

}


@media(max-width:480px){

 a.h_mark{
	  display:block;
	  width:42px;
	  height:57px;
	  background-image:url(../images/h_mark.png);
	  background-repeat:no-repeat;
	  background-size: 100%;
	  margin-left:10px;
	  margin-bottom:15px;
	  margin-top: 10px;
	  float: left;
  }



header{
	width:  100%;
}

#header{
	width:  100%;
	height: 290px;
	margin-bottom: 20px;

}

.tel{
	width:50px;
	height: 50px;
	padding-top: 0px;
	text-align: right;
	margin-right: 30px;
	float: right;

	}

.h_con{
	width:  100%;
	height:190px;
	margin:0 auto;

}

a.logo{
	display: block;
	width:  92%;
	height: 80px;
	background-image: url(../images/logos.png);
	background-repeat: no-repeat;
	background-position:center center;
	background-size: 100%;
	margin:0 auto;
	}

.logo_right{
	display: block;
	width: 100%;
	margin:0 auto;
	}

.logo2{
		display: block;
		width: 335px;
	    margin:0 auto;
	}

a.logo2_1{
		display: block;
		width: 325px;
		height: 47px;
	    background-image: url(../images/logo2_1.png);
		background-repeat: no-repeat;
	    background-position: bottom;
	}

a.logo2_2{
		display: block;
		width: 325px;
		height: 34px;
		background-image: url(../images/logo2_2.png);
		background-repeat: no-repeat;
	    background-position: bottom;
	}

.logo2_3{
		display: block;
		width: 325px;
	    color: #FFF;
	    font-size: 16px;
	}


.h_border{
	width:  100%;
	height: 6px;
	margin: 0 auto;
	}

	.bnr_r{
		display: block;
		width: 335px;
	  margin:0 auto;
	}

	.bnr_r img{
		width: 100%;
		}
}