@charset "UTF-8";
/*--------------------------------
recruit
--------------------------------*/
.cmn-recruit .box {
  padding: 64px;
  background-image: url("../../img/common/cmn-recruit-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.cmn-recruit .box p {
  color: var(--color-white);
  text-align: center;
}
.cmn-recruit .box .ttl {
  font-size: var(--fs-30);
  letter-spacing: 0.31em;
}
.cmn-recruit .box .copy {
  font-size: 44px;
  line-height: 1.5;
  font-weight: var(--fw-bold);
}
.cmn-recruit .box .desc {
  font-size: var(--fs-15);
}
.cmn-recruit .box .btn-more {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .cmn-recruit .box {
    padding: 32px 40px;
  }
  .cmn-recruit .box .ttl {
    font-size: var(--fs-24);
  }
  .cmn-recruit .box .copy {
    font-size: 32px;
  }
  .cmn-recruit .box .desc {
    font-size: var(--fs-13);
  }
}
@media screen and (max-width: 768px) {
  .cmn-recruit .box {
    gap: 24px;
    padding: 32px 16px;
  }
  .cmn-recruit .box .copy {
    font-size: var(--fs-24);
  }
}
/*--------------------------------
map
--------------------------------*/
.cmn-map-inr {
  width: 100%;
  height: auto;
  height: 335px;
}
.cmn-map-inr iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
@media screen and (max-width: 600px) {
  .cmn-map-inr {
    height: 240px;
  }
}
/*--------------------------------
footer
--------------------------------*/
footer {
  padding-bottom: 16px;
}
footer .ft-inr {
  align-items: flex-end;
}
footer .left .logo {
  width: 146px;
  margin-bottom: 24px;
}
footer .left .logo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
footer .left .address {
  margin-bottom: 24px;
}
footer .left address,
footer .left tel {
  font-style: normal;
  font-size: var(--fs-12);
  font-weight: var(--fw-medium);
}
footer .left address {
  padding-left: 5.5em;
  text-indent: -5.5em;
}
footer .left .cmn-sns-list ul {
  justify-content: flex-start;
}
footer .right {
  gap: 64px;
}
footer .right .cmn-nav-list {
  align-items: flex-start;
}
footer .right .ft-nav-02 .cmn-nav-item::before {
  display: none;
}
footer .right .cmn-nav-item {
  margin-bottom: 20px;
}
footer .copyright {
  font-size: var(--fs-12);
  letter-spacing: 0;
}
footer .copyright ul {
  gap: 16px;
}
footer .copyright ul li a {
  text-decoration: underline;
}
@media screen and (max-width: 960px) {
  footer .ft-inr {
    flex-direction: column;
    gap: 40px;
    justify-content: center;
    align-items: center;
  }
  footer .logo {
    margin-left: auto;
    margin-right: auto;
  }
  footer .left .cmn-sns-list ul {
    justify-content: center;
  }
  footer .right {
    gap: 40px;
  }
  footer .right .cmn-nav-item {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  footer .left .logo {
    width: 100px;
    margin-bottom: 16px;
  }
  footer .left .address {
    margin-bottom: 8px;
  }
  footer .copyright {
    flex-direction: column-reverse;
    gap: 8px;
  }
  footer .copyright p {
    text-align: center;
  }
  footer .copyright ul {
    justify-content: center;
  }
}
@media screen and (max-width: 600px) {
  footer.ft {
    padding-top: 40px;
  }
  footer .left .logo {
    width: 64px;
  }
  footer .right {
    display: none;
  }
}