@charset "UTF-8";

/* レーベン共通バナー */
.ftr--bnr {
  background: #fff;
  padding: 50px 0;
}

.ftr--bnr .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.ftr--bnr .flex > a {
  width: 184px;
  margin: 0 8px 8px;
}

/* レーベン共通フッター */
.commn_footer {
  font-size: 14px;
  line-height: 1;
  word-wrap: break-word;
  z-index: 1000;
}

.center {
  text-align: center;
}

.commn_footer a {
  color: inherit;
  text-decoration: none;
}

.commn_footer *,
::before,
::after {
  border-style: none;
}

.commn_footer {
  width: 100%;
  background-color: #222222;
  color: white;
  z-index: 100000;
  font-family: "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
}

.commn_footer aside .infobox {
  font-size: 0.8em;
  color: #eee;
  padding: 50px 0;
}

.commn_footer .contact {
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  padding: 0;
}

.commn_footer .contact .contactTitle {
  font-size: 1.2em;
}

.commn_footer .contact .telNo {
  display: inline-block;
  width: 100%;
  max-width: 25pc;
  border-bottom: 1px solid #b41139;
  padding-bottom: 10px;
  margin: 10px 0;
}

.commn_footer .contact .telNo svg {
  width: 100%;
}

.commn_footer .contact p {
  font-size: 0.8em;
  line-height: 2;
  margin: 0;
}

.commn_footer .container_f {
  width: min(1440px, 90%);
  padding: 20px 0;
  margin: 0 auto;
}

.commn_footer .container_f a {
  display: inline-block;
  color: #ffffff;
}

.commn_footer .container_f .f_localNavi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #222222 !important;
  border-bottom: 1px solid white;
  padding-bottom: 1em !important;
  margin-bottom: 1em !important;
}

.commn_footer .container_f .f_localNavi .logo_left {
  width: min(36vw, 198px);
}

.commn_footer .container_f .f_localNavi .nav ul {
  display: flex;
  justify-content: center;
  gap: 1.6vw;
  list-style: none;
}

.commn_footer .container_f .f_localNavi .nav ul li {
  width: auto;
  font-size: min(1vw, 2.1em);
  text-align: center;
  line-height: 1.2;
}

.commn_footer .container_f .f_localNavi .nav ul li a {
  display: revert;
  font-size: revert;
  text-align: revert;
  letter-spacing: revert;
  background-color: revert;
  border: revert;
  padding: revert;
  transition: revert;
}

.commn_footer .container_f .f_localNavi .nav ul li span.small {
  font-size: min(0.6vw, 0.8em);
}

.commn_footer .container_f .f_localNavi .logo_right {
  width: min(32vw, 176px);
}

.commn_footer .container_f .btmNavi {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.commn_footer .container_f .btmNavi .material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.8em;
  display: inline-block;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;

  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}

.commn_footer .container_f .btmNavi .corp {
  font-size: 0.9em;
  line-height: 1.6;
  letter-spacing: 0.2em;
  vertical-align: baseline;
}

.commn_footer .container_f .btmNavi .corp ul li {
  list-style: none;
}

.commn_footer .container_f .btmNavi .corp ul li {
  display: inline;
}

.commn_footer .container_f .btmNavi .corp .tiny li {
  font-size: 0.7em;
  line-height: 1.6;
  letter-spacing: 0.2em;
  vertical-align: baseline;
  border-right: solid #ffffff;
  border-width: thin;
  margin-right: 5px;
  padding-right: 5px;
  margin-left: 0em;
}

.commn_footer .container_f .btmNavi .corp .tiny li:last-child {
  border-right: none;
  margin-right: 0px;
  padding-right: 0px;
}

.commn_footer .container_f .btmNavi .snsBtn ul {
  display: flex;
  justify-content: flex-end;
  gap: 1em;
  list-style: none;
}

.commn_footer .container_f .btmNavi .snsBtn ul li {
  width: 50px;
}

.commn_footer .container_f .btmNavi .snsBtn img {
  max-width: 50px;
}

.commn_footer .copy {
  font-size: 0.8em;
  text-align: center;
  padding: 1em 0;
  margin: 0 auto;
}

.csc p {
  margin-top: 20px;
}

.csc img {
  width: 80%;
  max-width: 360px;
  margin: 10px auto 0;
}

.company_box {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto 50px;
}

.company_flex {
  justify-content: center;
}

.company_flex li:nth-of-type(2) {
  margin-left: 60px;
}

.company_flex li .small_txt {
  font-size: 12px;
  margin-bottom: 10px;
  text-align: left;
}

.logo-leben {
  width: 250px;
}

.logo-sekisui {
  width: 370px;
}

@media screen and (max-width: 768px) {
  /* レーベン下層バナー */
  .ftr--bnr {
    background: #fff;
    padding: clamp(20px, 6vw, 50px) 0 clamp(20px, 6vw, 50px);
  }

  .ftr--bnr .flex > a {
    width: calc(50% - 5px);
  }

  .ftr--bnr .flex > a:nth-child(n + 2) {
    margin-top: 10px;
  }

  /* レーベン共通フッター */
  .commn_footer .copy {
    font-size: 0.7em;
  }

  .commn_footer {
    padding-bottom: 65px;
  }

  .commn_footer .container_f .btmNavi {
    flex-direction: column;
  }

  .commn_footer .container_f .btmNavi .corp {
    font-size: 0.8em;
    letter-spacing: 0.1em;
    margin-bottom: 1em;
  }

  .commn_footer .container_f .btmNavi .corp ul li {
    display: block;
  }

  .commn_footer .container_f .btmNavi .corp .tiny li {
    font-size: 0.8em;
    border-right: none;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 1.7em;
  }

  .commn_footer .container_f .btmNavi .corp .tiny li {
    border-right: none;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 9%;
  }

  .commn_footer .container_f .f_localNavi .nav {
    display: none;
  }

  .company_flex li {
    width: 100%;
  }

  .company_flex li:nth-of-type(2) {
    margin: 30px 0 0 0;
  }

  .company_flex li .small_txt {
    text-align: center;
    margin-bottom: 5px;
  }

  .logo-leben {
    width: 180px;
    margin: 0 auto;
  }

  .logo-sekisui {
    width: 260px;
    margin: 0 auto;
  }
}