html {
  font-size: 62.5%;
  color: #555;
}

:root {
  --font-notogoshi: source-han-sans-japanese, sans-serif;
  --font-notomin: source-han-serif-japanese, serif;
  --font-shippori:shippori-mincho, sans-serif;
  --font-tenmin:ten-mincho, serif;
  --font-reg:400;
  --font-mid:500;
  --font-bold:700;
}

.inner {
  width: calc(100% - 40px);
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 900px) {
  .inner {
    width: 90%;
  }
}

.pc {
  display: block;
}
@media screen and (max-width: 900px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 900px) {
  .sp {
    display: block;
  }
}

.pc_only {
  display: block;
}
@media screen and (max-width: 1250px) {
  .pc_only.flex_wrap {
    display: none;
  }
}

.tab_sp {
  display: none;
}
@media screen and (max-width: 1250px) {
  .tab_sp {
    display: block;
  }
}

a[href*="tel:"] {
  color: #686868;
}
@media (min-width: 751px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}

.h3_title {
  text-align: center;
  padding-top: 125px;
  position: relative;
}
.h3_title::before {
  content: "";
  width: 520px;
  height: 166px;
  background: url("../img/recruit-common/deco_title.png");
  position: absolute;
  top: 0;
  left: calc(50% - 260px);
}
.h3_title h3 {
  font-family: var(--font-tenmin);
  font-size: 36px;
  font-size: 3.6rem;
  letter-spacing: 0.1em;
  padding-bottom: 20px;
}
.h3_title p {
  font-family: var(--font-notogoshi);
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.2em;
  font-weight: 500;
}

@media screen and (max-width: 520px) {
  .h3_title {
    padding-top: 100px !important;
  }
  .h3_title::before {
    content: "";
    width: 80% !important;
    height: 166px;
    background: url("../img/recruit-common/deco_title.png");
    position: absolute;
    top: 0;
    left: 10% !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }
  .h3_title h3 {
    font-size: 3rem !important;
  }
  .h3_title p {
    width: 90%;
    margin: 0 auto;
    font-size: 1.5rem !important;
    letter-spacing: 0.1em !important;
  }
}
@media screen and (max-width: 400px) {
  .h3_title {
    padding-top: 80px !important;
  }
}
.flex_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 900px) {
  .flex_wrap {
    flex-direction: column;
  }
  .flex_wrap.pc {
    display: none;
  }
}/*# sourceMappingURL=recruit-common.css.map */