/*----------
footer
----------*/
footer a.textLink {
  color: #176033;
  font-weight: bold;
  border-bottom: 1px solid #176033;
}
footer a.textLink:hover {
  border: none;
}

footer .Gray{
  border-bottom: 18px solid #009844;
  background-color: #f0f0f0;
}
footer .footArea {
  padding: 42px 4.1% 50px;
  background-color: #f0f0f0;
}

footer .footArea .cons {
  float: right;
}
footer .footArea .cons li {
  float: left;
}
footer .footArea .cons li:first-child {
  margin-right: 41px;
}
footer .footArea .cons .consTitle {
  font-weight: bold;
  margin-bottom: 1em;
}
footer .footArea .cons i {
  margin-left: .25em;
}
footer .footArea .cons .tell {
  font-size: 24px;
  font-weight: bold;
}
footer .footArea .cons .tell img {
  margin-right: .5em;
  position: relative;
  top: -2px;
}

footer .footArea .about{
  float: left;
}

footer .footArea .about li{
  margin-bottom: 1.625em;
}

footer .copy{
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  padding: 2em 0 1em;
  text-align: center;
}

footer .copy::before {
  position: absolute;
  top: -42px;
  left: 120px;
  content: "";
  background-image: url(../images/tagline.png);
  background-size:contain;
  background-repeat: no-repeat;
  width: 151px;
  height: 65px;
  z-index: 2;
}

footer .copy::after{
  position: absolute;
  top: 8px;
  right: 0;
  content: "";
  background-image: url(../images/tagline02.jpg);
  background-size:contain;
  background-repeat: no-repeat;
  width: 196px;
  height: 15px;
  z-index: 2;
}

footer .copy p{
  display: inline-block;
  text-align: center;
  margin-right: 2em;
}

footer .copy p + p{
  margin-right: 0;
  font-size: 0.875em;
}

/* topBtn */
footer .topBtn {
  position: relative;
  min-width: 960px;
}
footer .topBtn a {
  display: inline-block;
  border-radius: 31.5px 0 0 31.5px;
  overflow: hidden;
  position: absolute;
  top: -30px;
  right: 0;
}
footer .topBtn p {
  background-color: #999999;
  font-size: 14px;
  line-height: 15px;
  padding: .5em;
  height: 60px;
  text-align: center;
}
footer .topBtn p span {
  display: block;
  text-align: center;
}
@media screen and (max-width: 768px) {
  
  /*----------
  footer
  ----------*/
  footer .footArea {
    padding: 40px 2.6%;
    font-size: 14px;
  }
  footer .footArea p {
    text-align: center;
  }
  footer .footArea .cons {
    float: none;
  }
  footer .footArea .cons li {
    float: none;
    margin-bottom: 2em;
  }
  footer .footArea .cons li:first-child {
    margin-right: 0;
  }
  footer .footArea .cons li:last-child {
    margin-bottom: 0;
  }
  footer .footArea .cons .consTitle {
    margin-bottom: .5em;
  }
  footer .footArea .cons .tell img {
    width: 30.4px;
    height: 17.5px;
    margin-right: .25em;
  }
  footer .footArea .about {
    font-size: 14px;
    float: none;
  }
  footer .footArea .about li{
    text-align: center;
    margin-bottom: 1em;
  }
  footer .footArea .about li:last-child{
    margin-bottom: 2em;
  }
  footer .Gray{
    border-bottom: 9px solid #009844;
  }
  footer .copy{
    padding: 1.2em 0 .625em;
  }
  footer .copy::before {
    position: absolute;
    top: -21px;
    left: 18%;
    width: 77px;
    height: 33px;
  }
  footer .copy::after {
    top: 4px;
    right: 0;
    width: 131px;
    height: 10px;
  }
  footer .copy p {
    display: block;
    text-align: center;
    margin: 0 0 1em 0;
  }
  footer .copy p + p{
    margin: 0;
    font-size: 0.625em;
  }
  /* topBtn */
  footer .topBtn {
    min-width: inherit;
  }
  footer .topBtn a {
    top: -20px;
  }
  footer .topBtn p {
    height: 40px;
    font-size: 12px;
  }
  footer .topBtn p i {
    margin-right: .5em;
    position: relative;
    top: -.75em;
  }
  footer .topBtn p span {
    display: inline-block;
  }
  
}