@charset "UTF-8";
/* ==========================================================================
   Layout
   ========================================================================== */

footer{
	color:#FFFFFF;
}

footer .container {
	/*background:#FF0;*/
	width:1000px;
	margin:0 auto;
	padding:1.5em 0;
	text-align:center;
}
 
/*--------*/
footer .ft-menu {
  background: #000000;
  color: #FFFFFF;
}
 
footer .ft-menu .container {
  padding:1em 0;
}
 
footer .ft-menu ul {
  display: flex;
  justify-content: center;
  position: relative;
}
 
footer .ft-menu ul li {
  display: block;
  margin: 0;
  padding: 0 0.5em;
  font-size: 16px;
  line-height: 1.2;
  position: relative;
}
 
footer .ft-menu ul li::before,
footer .ft-menu ul li:first-of-type::after{
  content: "";
  display: block;
  background: #ffffff;
  height: 1em;
  width: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
 
footer .ft-menu ul li:first-of-type::after {
  left: 0;
  right:auto;
}
 
footer .ft-menu ul li a {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  padding: 0.5em 1em;
  position: relative;
}
 
footer .ft-menu ul li a:hover {
  color: #ff7e0f;
}
 
footer .ft-menu ul li.estimate a::before,
footer .ft-menu ul li.contact a::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
}
 
footer .ft-menu ul li.estimate a {
  padding-left: calc(1.5em + 19px);
}
 
footer .ft-menu ul li.estimate a::before {
  background: url("../img/icon_estimate_wh.png") no-repeat center center;
  background-size: contain;
  width: 19px;
  height: 24px;
}
 
footer .ft-menu ul li.contact a {
  padding-left: calc(1.5em + 24px);
}
 
footer .ft-menu ul li.contact a::before {
  background: url("../img/icon_mail_wh.png") no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 24px;
}
 
/*--------*/
footer .copyright{
	background:#fe5a00;
}
 
footer .copyright address {
	font-size:12px;
	line-height:1.6;
	font-style:normal;
	/*font-family: Verdana,"Droid Sans";*/
	margin:0;
	padding:0;
	text-align:center;
}

@media screen and (max-width:812px) {
    
    /* フッタ */

footer{
	color:#FFFFFF;
}

footer .container {
    width: 100%;
	margin:0 auto;
	padding:1em 0;
	text-align:center;
}
 
/*--------*/
footer .ft-menu {
 background: #000000;
 color: #FFFFFF;
}
 
footer .ft-menu .container  {
 padding:0.5em 0;
}
 
footer .ft-menu ul {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 position: relative;
}
 
footer .ft-menu ul li {
 display: block;
 margin: 0;
 padding: 0 0.5em;
 font-size: 0.75em;
 line-height: 1.2;
 position: relative;
}
 
footer .ft-menu ul li.home {
 display: block;
 margin: 0 100%;
}
 
footer .ft-menu ul li::before,
footer .ft-menu ul li.home::after,
footer .ft-menu ul li.estimate::after{
 content: "";
 display: block;
 background: #ffffff;
 height: 1em;
 width: 1px;
 position: absolute;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
}
 
footer .ft-menu ul li.home::after,
footer .ft-menu ul li.estimate::after{
 left: 0;
 right:auto;
}
 
footer .ft-menu ul li a {
 display: block;
 color: #FFFFFF;
 text-decoration: none;
 padding: 0.5em 0.5em;
 position: relative;
}
 
footer .ft-menu ul li a:hover {
 color: #ff7e0f;
}
 
footer .ft-menu ul li.estimate a::before,
footer .ft-menu ul li.contact a::before {
 content: "";
 display: inline-block;
 position: absolute;
 left: 0.5em;
 top: 50%;
 transform: translateY(-50%);
}
 
footer .ft-menu ul li.estimate a {
 padding-left: calc(1em + 16px);
}
 
footer .ft-menu ul li.estimate a::before {
 background-size: contain;
 width: 16px;
 height: 20px;
}
 
footer .ft-menu ul li.contact a {
 padding-left: calc(1em + 20px);
}
 
footer .ft-menu ul li.contact a::before {
 background-size: contain;
 width: 20px;
 height: 20px;
}
 
/*--------*/
footer .copyright{
	background:#fe5a00;
}
 
footer .copyright address {
	font-size:0.625em;
	line-height:1.6;
	font-style:normal;
	margin:0;
	padding:0;
	text-align:center;
}

}