@charset "UTF-8";
/*
  /rakurakucloud/mailmarketing/asset/css/object/module/m-pre-footer.css
  フッター前の要素用CSS
*/
.m-pre-footer {
  border-top: solid 1px var(--gray-bg-01);
  border-bottom: solid 1px var(--gray-bg-01);
  padding: 20px;
  @media screen and (max-width: 840px) {
    padding: 30px 20px;
  }
}
.m-pre-footer__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  max-width: 1200px;
  @media screen and (max-width: 1024px) {
    flex-direction: column;
    gap: 20px 0;
  }
}
.m-pre-footer__logo-wrap {
  width: 230px;
}
.m-pre-footer__contact {
  display: flex;
  gap: 20px;
  @media screen and (max-width: 840px) {
    flex-direction: column;
    gap: 10px;
    padding: 10px 0 0;
  }
}
.m-pre-footer__contact-text {
  font-size: 14px;
  &:first-child {
    border-right: solid 1px var(--gray-bg-01);
    padding: 0 15px 0 0;
  }
}