@charset "utf-8";

/*--------------------------------

 お問い合わせ

--------------------------------*/
.com_area_contact {
  background-color: #edf4fa;
  padding: 30px 0 70px 0;
  letter-spacing: 0.25em;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .com_area_contact {
    padding: 30px 10px;
  }
}

.com_area_contact a {
  border: 3px solid #1e1e1e;
  font-size: 18px;
  padding: 21px 0;
  width: 100%;
  max-width: 650px;
  display: block;
  margin: 0 auto;
  color: #1e1e1e;
  -webkit-transition: background-color .3s, color .3s;
  transition: background-color .3s, color .3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.com_area_contact a:hover {
  background-color: #008bd5;
  color: #fff;
   border: 3px solid #fff;
}


  .com_area_contact .tel {
    margin-top: 10px;
    font-size: 17px;
  }


  .com_area_contact .tel a{
    border:none;
    margin-top: 10px;
    font-size: 17px;
  }


@media screen and (max-width: 767px) {
  .com_area_contact a {
    border: 1px solid #1e1e1e;
    padding: 15px 0;
    width: 250px;
    font-size: 15px;
  }
  
  .com_area_contact a:hover {
  background-color: #008bd5;
  color: #fff;
   border: 1px solid #fff;
}
}

.com_area_contact .text {
  color: #1e1e1e;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}



@media screen and (max-width: 767px) {
  .com_area_contact .text {
    margin-top: 10px;
    font-size: 14px;
  }

  .com_area_contact .tel a{
	margin-top: 10px;
    font-size: 14px;
  }

}

a[href^="tel:"] {
    pointer-events: none;
}




/* ------フッター------ */
#footer-container {
	width: 100%;
	margin: 0px;
	display: block;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffff;
	border-bottom-color: #D5CEC1;
	background-image: url(../images/bg3.jpg);
	background-repeat: repeat;
	color: #1e1e1e;
}
#footer-container a {
	color: #1e1e1e;
	text-decoration: none;
}
#footer-container a:hover {
	color: #005bac!important;
	text-decoration: none;
}
footer {/*IE8未対応のため未設定に*/
}
#footer-wrap {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
 @media only screen and (min-width: 1080px) {/*1080px以上大きい場合*/
#footer-wrap {
	width: 1038px;
	padding-top: 0px;
	padding-right: 21px;
	padding-bottom: 0px;
	padding-left: 21px;
}
}
#footer-id {
	padding-top: 10px;
	padding-bottom: 0px;
	text-align: center;
}

#footer-id img{
	max-width: 250px;
	height: auto;
}


 @media only screen and (min-width: 768px) {/*768px以上大きい場合*/
#footer-id img {
	max-width: 404px;
		height: auto;
}
}




/* ------copy------*/
#copy {
	text-align: center;
	font-size: 90%;
	margin-top: 20px;
	margin-bottom: 0px;
	line-height: 1.6em;
}
 @media only screen and (min-width: 768px) {/*768px以上大きい場合*/
 #copy {
	 	line-height: 2em;
 }
 }


/*----------sitemap------ */
.sitemap {
	list-style-type: none;
	float: none;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	line-height: 1.6em;
}




.sp1 .zokusei{font-weight:bold;}
.sp2 .zokusei{font-weight:bold;}
.sp3 .zokusei{font-weight:bold;}

@media screen and (max-width: 767px) {
.sp1 .zokusei{font-weight:bold;margin-top:30px}
.sp2 .zokusei{font-weight:bold;margin-top:30px}
.sp3 .zokusei{font-weight:bold;margin-top:30px}
}

 @media only screen and (min-width: 760px) {/*760px以上*/

.sitemap {
	padding: 0px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.sp1 {
	float: left;
	width: 24%;
	padding: 2%;
	display: block;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #ebebeb;
	}
.sp2 {
	float: left;
	width: 24%;
	padding: 2%;
	display: block;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #ebebeb;
}
.sp3 {
	float: left;
	width: 36%;
	padding: 2%;
	display: block;
	margin: 0px;
	background-color: #ebebeb;
}
}

/* 「↑Page Top」　ナビボタン
---------------------------------------------------- */
.pagetop {display: none;position: fixed;bottom: 30px;right: 55px;z-index:3;}
.pagetop a {display: block;width: 50px;height: 50px;
	background-color: #6d6f71;border-radius: 50px;text-align: center;
	color: #fff;font-size: 24px;text-decoration: none;line-height: 50px;}