@charset "UTF-8";
@media screen and (max-width: 767px) {
  body {
    min-width: 100%; } }

.page-recruit__content {
  font-size: 1.6rem;
  background: url("../recruit/img/bg_pink.png");
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.recruit-jumbotron {
  height: 540px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: Shuei Yokobuto Min M;
  background: url("../recruit/img/bg_jb.jpg") no-repeat center center;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .recruit-jumbotron {
      height: auto;
      padding: 5rem 1.5rem; } }

.recruit-jumbotron__inner {
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (max-width: 767px) {
    .recruit-jumbotron__inner {
      width: 100%; } }
  .recruit-jumbotron__inner h1 {
    margin-bottom: 5rem; }
    @media screen and (max-width: 767px) {
      .recruit-jumbotron__inner h1 {
        margin-bottom: 2.5rem; } }
  .recruit-jumbotron__inner h2 {
    font-size: 2.1rem;
    margin-bottom: 5rem; }
    .recruit-jumbotron__inner h2 br {
      display: none; }
    @media screen and (max-width: 767px) {
      .recruit-jumbotron__inner h2 {
        line-height: 1.8;
        text-align: center; }
        .recruit-jumbotron__inner h2 br {
          display: block; } }
  .recruit-jumbotron__inner p {
    font-size: 1.8rem;
    line-height: 2.2; }
    @media screen and (max-width: 767px) {
      .recruit-jumbotron__inner p {
        font-size: 1.4rem; } }

.recruit-goodpoint {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15rem;
  padding-bottom: 15rem; }
  @media screen and (max-width: 767px) {
    .recruit-goodpoint {
      max-width: 100%;
      min-width: 100%;
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .recruit-goodpoint {
      padding-top: 5rem;
      padding-bottom: 5rem; } }
  .recruit-goodpoint h2 {
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 9rem; }
    .recruit-goodpoint h2 br {
      display: none; }
    @media screen and (max-width: 767px) {
      .recruit-goodpoint h2 {
        font-size: 2.4rem;
        padding: 1.5rem;
        margin-bottom: 3rem; }
        .recruit-goodpoint h2 br {
          display: block; } }

.recruit-goodpoint__each {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 710px; }
  @media screen and (max-width: 767px) {
    .recruit-goodpoint__each {
      width: 100%;
      padding-left: 15px;
      padding-right: 15px; } }
  .recruit-goodpoint__each + .recruit-goodpoint__each {
    margin-top: 8rem; }
  .recruit-goodpoint__each figure {
    width: 33rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    @media screen and (max-width: 767px) {
      .recruit-goodpoint__each figure {
        padding-right: 1em; } }
  .recruit-goodpoint__each h3 {
    font-size: 2rem;
    margin-bottom: 0.5em; }
  .recruit-goodpoint__each p {
    font-size: 1.6rem;
    line-height: 1.8; }

.recruit-goodpoint__each--2,
.recruit-goodpoint__each--4 {
  margin-left: auto; }

.recruit-gallery ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .recruit-gallery ul li {
    width: 33.3%; }
    .recruit-gallery ul li img {
      width: 100%;
      height: auto; }
  @media screen and (max-width: 767px) {
    .recruit-gallery ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .recruit-gallery ul li {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px; } }

.recruit-detail {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10rem;
  padding-bottom: 10rem; }
  @media screen and (max-width: 767px) {
    .recruit-detail {
      max-width: 100%;
      min-width: 100%;
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .recruit-detail {
      padding-top: 5rem;
      padding-bottom: 5rem; } }
  .recruit-detail h2 {
    text-align: center;
    margin-bottom: 7rem; }
    @media screen and (max-width: 767px) {
      .recruit-detail h2 {
        margin-bottom: 3.5rem; } }
    .recruit-detail h2 img {
      display: inline-block; }

.recruit-company {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10rem;
  padding-bottom: 10rem; }
  @media screen and (max-width: 767px) {
    .recruit-company {
      max-width: 100%;
      min-width: 100%;
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .recruit-company {
      padding-top: 5rem;
      padding-bottom: 5rem; } }
  .recruit-company h2 {
    text-align: center;
    margin-bottom: 7rem; }
    @media screen and (max-width: 767px) {
      .recruit-company h2 {
        margin-bottom: 3.5rem; } }
    .recruit-company h2 img {
      display: inline-block; }

.recruit-faq {
  background: url("../recruit/img/bg_faq.jpg") no-repeat center;
  background-size: cover; }
  .recruit-faq h2 {
    margin-bottom: 6rem; }

.recruit-faq__inner {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 9rem;
  padding-bottom: 10rem; }
  @media screen and (max-width: 767px) {
    .recruit-faq__inner {
      max-width: 100%;
      min-width: 100%;
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .recruit-faq__inner {
      padding-top: 5rem;
      padding-bottom: 5rem; } }
  .recruit-faq__inner h2 {
    font-size: 3.5rem;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .recruit-faq__inner h2 {
        font-size: 2.4rem;
        padding: 1.5rem;
        margin-bottom: 3rem; } }

.recruit-faq__each {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .recruit-faq__each {
      width: 94%;
      margin-left: auto;
      margin-right: auto;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .recruit-faq__each + .recruit-faq__each {
    margin-top: 8rem; }
    @media screen and (max-width: 767px) {
      .recruit-faq__each + .recruit-faq__each {
        margin-top: 4rem; } }
  .recruit-faq__each figure {
    width: 10rem; }
    @media screen and (max-width: 767px) {
      .recruit-faq__each figure {
        width: 6rem; } }
  .recruit-faq__each .text {
    width: calc(100% - 17rem); }
    @media screen and (max-width: 767px) {
      .recruit-faq__each .text {
        width: calc(100% - 8rem); } }
  .recruit-faq__each h3 {
    font-size: 2rem;
    font-weight: bold;
    border-bottom: 1px solid #a8a9a9;
    padding-bottom: 0.75em;
    margin-bottom: 0.95em; }
  .recruit-faq__each p {
    font-size: 1.6rem; }

.recruit-entry {
  background-color: #fff;
  padding-top: 11rem;
  padding-bottom: 10rem; }
  @media screen and (max-width: 767px) {
    .recruit-entry {
      padding-top: 5rem;
      padding-bottom: 5rem; } }
  .recruit-entry h2 {
    text-align: center;
    font-size: 3.5rem;
    margin-bottom: 5rem; }
    @media screen and (max-width: 767px) {
      .recruit-entry h2 {
        font-size: 2.4rem; } }

.recruit-entry__form {
  margin-left: auto;
  margin-right: auto;
  width: 640px;
  margin-bottom: 5rem; }
  @media screen and (max-width: 767px) {
    .recruit-entry__form {
      width: 100%; }
      .recruit-entry__form iframe {
        width: 100%; } }

.recruit-entry__tel {
  text-align: center;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 767px) {
    .recruit-entry__tel {
      max-width: 100%;
      min-width: 100%;
      width: 100%; } }
  .recruit-entry__tel p {
    font-size: 2rem;
    padding-bottom: 4rem; }
    @media screen and (max-width: 767px) {
      .recruit-entry__tel p {
        font-size: 1.6rem; } }

.recruit-entry__tel__num {
  text-align: center; }
  .recruit-entry__tel__num a {
    display: inline-block; }
    @media screen and (max-width: 767px) {
      .recruit-entry__tel__num a img {
        width: 80%;
        margin-left: auto;
        margin-right: auto; } }

.recruit-table table {
  border-top: 1px solid #a8a9a9;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .recruit-table table {
      width: 94%;
      margin-left: auto;
      margin-right: auto; } }
  .recruit-table table th,
  .recruit-table table td {
    font-size: 1.6rem;
    border-bottom: 1px solid #a8a9a9;
    padding: 1em 2em;
    text-align: left; }
  .recruit-table table th {
    width: 11em; }
  @media screen and (max-width: 767px) {
    .recruit-table table th,
    .recruit-table table td {
      width: 100%;
      display: block; }
    .recruit-table table th {
      border: none;
      padding-bottom: 0; }
    .recruit-table table td {
      padding-top: 0.5em; } }

.recruit-border {
  border: none;
  display: block;
  overflow: visible;
  width: 100%;
  border-top: 1px solid #666464;
  position: relative; }
  .recruit-border::before {
    content: '';
    position: absolute;
    margin-left: -73px;
    margin-top: -15.5px;
    top: 0;
    left: 50%;
    display: block;
    width: 146.73px;
    height: 0;
    padding-top: 20.8px;
    overflow: hidden;
    background-size: 146.73px 20.8px;
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 0;
    background-image: url("../recruit/img/hr_line.svg"); }

@media screen and (max-width: 767px) {
  .site-branding {
    width: 100% !important; }
    .site-branding h1 {
      top: 10px !important; }
    .site-branding h2 {
      display: none; }
    .site-branding .site-branding__recruit {
      display: none; }
  .site-navigation {
    display: none; }
  #cpInner {
    display: none; }
  #copy {
    width: 100% !important;
    text-align: center !important; } }

@media screen and (max-width: 767px) {
  .cw {
    min-width: 100%; }
    .cw::after {
      display: none; } }