.top_bg{
	background-image:url("../image/top/top_bg.png");
	width:100%;
	padding-bottom:70px;
	}
.top_bg2{
	background-image:url("../image/top/top_bg.png");
	width:100%;
	padding-bottom:30px;
	}
.top_line{
	width:100%;}	
h1 img.top_logo{
	margin:30px auto;
	text-align:center;
	display:block;}
.PC_menu_btn{
	margin:0 auto;
	text-align:center;
	display:block;}	
.PC_menu_btn img{
	margin:10px 30px;}
.news{
	background-color:#EAEAEA;
	padding:0 3%;
	margin:0 auto;
	width: 94%;
}
.news_in{
	width:700px;
	margin:0 auto;
	padding:20px 0;}	
.news_img{
	float:left;}
.news dl{
	float:left;
	width:500px;
	margin-left:70px;
	color:#333;
}
.news dt {
  float:left;
  clear:left;
  width:80px;
  margin:5px;
}
.news dd {
  float:left;
  width:400px;
  margin:5px;
}
.otoiawase{
	margin:30px auto 50px;}
.footer1{
	font-size:10px;
	text-align:left;
	margin:0;}
.footer2{
	font-size:30px;
	text-align:left;
	margin:5px 0 0;
	font-weight:bold;
	line-height:40px;}
.footer3{
	font-size:13px;
	text-align:left;
	margin:5px 0 0;}	
.footer4{
	text-align:left;
	margin:0;}
.foot{
	width:800px;
	margin:0 auto;
	}
.footer_l{
	float:left;
	color:#333;}
.footer_r{
	float:right;}
.footer_r a{
	display:block;
	padding: 40px 10px;
	width:300px;
	border: double 3px  #5C8D35;
	color:#5C8D35;
	margin:10px auto;
	font-size:24px;
}
.footer_r a:hover{
	background-color:#5C8D35;
	border: double 3px  #FFF;
	transition:all 0.5s;
	color:#FFF;}
@media screen and (max-width: 800px) {

.foot{
	width:96%;
	margin:0 auto;
	}
.footer_l{
	float:none;
	padding:2%;
}
.footer1{
	text-align: center;
}
.footer2{
	text-align: center;
}
.footer3{
	text-align: center;
}	
.footer4{
	text-align: center;
}

.footer_l img{
	width:70%;
}
.footer_r{
	float:none;}
.footer_r a{
	padding: 20px 10px;
	width:90%;
}
}
@media screen and (max-width: 700px) {
.news{
	background-color:#EAEAEA;
	padding:0;
	margin:0 auto;
	width: 100%;
}

.news_in{
	width:90%;
	margin:0 auto;
	padding:20px 0;
	text-align: center;}	
.news_img{
	float:none;
	margin:0 auto;
	text-align:center;
	display:block;}
.news dl{
	float:none;
	width:100%;
	padding-left:0;
	color:#333;
	margin: 20px auto;
	text-align: center;
}
.news dt {
  float:left;
  clear:left;
  width:20%;
  margin:5px 0;
  padding:0;
	text-align: left;
}
.news dd {
  float:left;
  width:75%;
  margin:5px 0;
	text-align: left;
}
}
@media screen and (max-width: 600px) {

.top_logo{
	width:90%;
}
.PC_menu_btn img{
	width:80%;}
.otoiawase{
	width:90%;
}
.footer_l img{
	width:90%;
}
	
}