@charset "utf-8";
/*topのCSSシート*/
/*------------
汎用文字設定
------------*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

p, li {
	font-size: 12px
}


/*--------------
BODY部分
-------------*/
.main_contents {
	margin: 180px 0px 0px;
}

.mainvisual {
	width: 100%;
}

.mainvisual img {
	width: 100%;
}


.top_main {
	width: 90%;
	margin: 10px auto;
}
.top_about {
	float: left;
	width: 30%;
	height: 300px;
	margin: 0px 10px;
}
.top_about img {
	width: 90%;
	text-align: center;

}
.top_service {
	float: left;
	width: 30%;
	height: 300px;
	margin: 0px 10px;
}
.top_service img {
	width: 90%;
	text-align: center;
}

.top_price {
	float: left;
	width: 30%;
	height: 300px;
	margin: 0px 10px;
}
.top_price img {
	width: 90%;
	text-align: center;
}

.top_news_blog {
	float: left;
	width: 60%;
	height: 300px;
	margin: 0px 10px;
}
div.news {
	float: left;
	width: 45%;
	margin: 0 5px;
}
div.blog {
	float: left;
	width: 45%;
	margin: 0 5px;
}

.top_first_form {
	float: left;
	width: 30%;
	height: 300px;
	margin: 0px 10px;
}
.firstHP {
	width: 80%;
	margin: 0 auto 10px;
}
.firstHP img {
	display: inline-block;
	width: 160px;
	margin: 0 auto;
}
.contact_form {
	width: 80%;
	margin: 5px auto 0;
}
.contact_form img {
	display: inline-block;
	width: 160px;
	margin: 0 auto;
}
/*---------------------
以下レスポンシブ対応用
--------------------*/
@media all and (max-width: 640px) {
.main_contents {
	margin: 0 auto;
}

.top_about {
	float: none;
	width: 100%;
	height: auto;
	padding: 0 0 20px 0;
}
.top_about img {
	width: 50%;
}
.top_service {
	float: none;
	width: 100%;
	height: auto;
	padding: 0 0 20px 0;
}
.top_service img {
	width: 50%;
}
.top_price {
	float: none;
	width: 100%;
	height: auto;
	padding: 0 0 20px 0;
}
.top_price img {
	width: 50%;
}
.top_news_blog {
	float: none;
	width: 100%;
	height: auto;
}
div.news {
	float: none;
	width: 100%;
	padding: 0 0 20px 0;
}
div.blog {
	float: none;
	width: 100%;
	padding: 0 0 20px 0;
}
.top_first_form {
	float: none;
	width: 100%;
	height: auto;
}
.firstHP {
	width: 100%;
	padding: 0 0 20px 0;
}
.contact_form {
	width: 100%;
	padding: 0 0 20px 0;
}

}