@charset "UTF-8";
/************************************************************************************************************************
footer：共通
*************************************************************************************************************************/
/*===============　footer共通の部分　===============*/
#totop {
  position: fixed;
  bottom: 10px;
  right: 20px;
  cursor: pointer;
  /*opacity: 0;*/
  display: hidden;
  z-index: 8;
  transition: all 1s;
}
#totop:hover {
  opacity: 0.5;
}

#footer {
  position: relative;
  height: auto;
  width: 100%;
  margin-top: 150px;
  /*===============　お問い合わせセクション　===============*/
  /*===============　フッターロゴナビセクション　===============*/
  /**********************************************
    media query

    none<576 576<=sm 768<=md 992<=lg 1200<=xl 1400<=xxl
  ***********************************************/
  /*lg〜xlまで( > 1200 )の場合*/
  /*md〜lgまで( > 992 )の場合*/
  /*md( > 768 )の場合*/
}
#footer #footercontact {
  position: relative;
  width: 100%;
  background-color: #fff;
  background-image: url("../../images/common/footer/back0.png");
  background-repeat: repeat;
  margin: 80px 0;
}
#footer #footercontact #contimg {
  display: block;
  position: absolute;
  width: 252px;
  height: 252px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#footer #footercontact .inner_left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 25px 0;
  letter-spacing: 0.2em;
}
#footer #footercontact .inner_left span {
  display: block;
  color: #01ccfe;
  font-size: 1.3rem;
}
#footer #footercontact .inner_left span.imgbar {
  display: block;
  width: 230px;
  height: 8px;
  margin: 8px 0;
  background-image: url(../../images/common/footer/teiji_hr.png);
  background-repeat: repeat;
}
#footer #footercontact .inner_left span i {
  margin-right: 8px;
}
#footer #footercontact .inner_right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 25px 0;
  letter-spacing: 0.2em;
}
#footer #footercontact .inner_right span {
  display: block;
  color: #ff5abc;
  font-size: 1.3rem;
}
#footer #footercontact .inner_right span.imgbar {
  display: block;
  width: 230px;
  height: 8px;
  margin: 8px 0;
  background-image: url(../../images/common/footer/tsushin_hr.png);
  background-repeat: repeat;
}
#footer #footercontact .inner_right span i {
  margin-right: 8px;
}
#footer #footerinfo {
  width: 100%;
  padding: 25px 0;
  background-color: #fff;
  /*===============　アドレスセクション　===============*/
  /*===============　コピーライトセクション　===============*/
}
#footer #footerinfo #logonav {
  /*===============　ロゴセクション　===============*/
  /*===============　ナビセクション　===============*/
}
#footer #footerinfo #logonav #footerlogo {
  position: relative;
  text-align: center;
}
#footer #footerinfo #logonav .inner_right {
  display: flex;
  align-items: center;
  justify-content: center;
}
#footer #footerinfo #logonav .inner_right nav #footernav ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  /*上下の配置方法*/
  align-items: center;
  /*左右の配置方法*/
  justify-content: center;
}
#footer #footerinfo #logonav .inner_right nav #footernav ul li {
  /*padding: 5px 30px;*/
  /*line-height: 1.5;*/
  padding: 0;
}
#footer #footerinfo #logonav .inner_right nav #footernav ul li:not(:last-child) {
  border-right: solid 1px #aaa;
}
#footer #footerinfo #logonav .inner_right nav #footernav ul li a {
  font-size: 1rem;
  /*font-weight: 500;*/
  color: #444;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  text-align: center;
  padding: 5px 20px;
  text-decoration: none;
}
#footer #footerinfo #logonav .inner_right nav #footernav ul li a:hover {
  color: #fff;
  background-color: rgb(150, 150, 150);
}
#footer #footerinfo #logonav .inner_right nav #footernav ul li a .en {
  font-size: 0.4rem;
  font-weight: 200;
  margin-bottom: 0;
}
#footer #footerinfo #address {
  margin-top: 20px;
  text-align: center;
  line-height: 1.8;
  font-size: 9px;
  font-size: 0.9rem;
  color: #444;
  font-weight: 500;
}
#footer #footerinfo #address span {
  display: inline-block;
  margin: 0 20px;
}
#footer #footerinfo #copy {
  position: relative;
  margin-top: 20px;
  text-align: center;
}
#footer #footerinfo #copy p {
  line-height: 1.3;
  font-size: 8px;
  font-size: 0.8rem;
  font-weight: 500;
  color: #444;
  margin: 0px;
}
@media screen and (max-width: 991.9px) {
  #footer {
    /*===============　お問い合わせセクション　===============*/
    /*===============　フッターロゴナビセクション　===============*/
  }
  #footer #footercontact #contimg {
    width: 170px;
    height: 170px;
  }
  #footer #footerinfo #logonav #footerlogo {
    margin-bottom: 30px;
  }
  #footer #footerinfo #logonav .inner_right nav #footernav ul li a {
    padding: 5px 10px;
  }
}
@media screen and (max-width: 767px) {
  #footer {
    /*===============　お問い合わせセクション　===============*/
    /*===============　フッターロゴナビセクション　===============*/
  }
  #footer #footercontact {
    padding-top: 100px;
    margin-bottom: 50px;
  }
  #footer #footercontact #contimg {
    width: 200px;
    height: 200px;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #footer #footerinfo #logonav .inner_right nav #footernav ul li a {
    font-size: 0.8rem;
  }
  #footer .address {
    font-size: 7px;
    font-size: 0.7rem;
    font-weight: 400;
  }
  #footer .copy p {
    font-size: 6px;
    font-size: 0.6rem;
    font-weight: 400;
  }
}

.footercontent {
  width: 100%;
}/*# sourceMappingURL=footer.css.map */