@charset "UTF-8";
/*
Template Name: recruitment
Theme Name: Gifted Style
Author: Hashikure@Polyphony

採用情報ページ用のCSS
*/

/* タイトル */
.entry-title::before {
  background-image: url(../imgs/icon00.svg);
  width: 87px;
  height: 87px;
}

/* ページ内コンテンツ */
.article {
  & h2 {
    font-family: YuGothic, "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    &.with-icon01 {
      font-family: "M PLUS Rounded 1c", sans-serif;
    }
  }
  & section[id] {
    margin-bottom: 0;
    padding: 130px 0;
  }
}

section p {
  display: block;
  margin: 0 auto;
  max-width: 960px;
}

/* 募集状況とブログ */
#recruitment-status {
  border-image: conic-gradient(#f7f7f7 0 0) fill 0 / 0 / 0 100vw;
  /* 見出し */
  & > h2 {
    font-size: 2.5rem;
    margin-bottom: 107px;
    text-align: center;
  }
}

/* スタッフの声 */
#staff-voices {
  border-image: conic-gradient(#fffced 0 0) fill 0 / 0 / 0 100vw;
  /* 見出し */
  & > h2.with-icon01 {
    font-size: 2.1875rem;
    &::after {
      content: none;
    }
  }
  /* スローガン */
  & .slogan {
    border: none;
    color: #fd9a00;
    font-size: 2.8125rem;
    margin-block: 60px;
    padding: 0;
    text-align: center;
  }
}


/* -----
レスポンシブ対応
-----*/

/* W1170px未満 */
@media (width < 1170px) {
  section > p,
  .slogan,
  .cpl_w_cat {
    width: calc(100% - 176px);
  }
  .slogan {
    margin-inline: auto;
  }
}

/* W1024px未満 */
@media (width < 1024px) {
  #recruitment-status,
  #staff-voices {
    padding-inline: 24px;
  }
}

/* W834px以下 */
@media (width <= 834px) {
  section > p,
  .slogan,
  .cpl_w_cat {
    width: auto;
  }
}

/* W640px以下 */
@media (width <= 640px) {
  #recruitment-status {
    padding-block: 64px;
    & > h2 {
      font-size: 2rem;
      line-height: 1.5;
      margin-bottom: 64px;
    }
  }
  #staff-voices {
    padding-block: 64px 120px;
    & > h2 {
      font-size: 2rem;
    }
    & p {
      font-size: 1.125rem;
    }
    & .slogan {
      font-size: 2rem;
      line-height: 1.5;
      margin-block: 64px 40px;
    }
  }
}