@charset "UTF-8";
/* recruit -----------------------------------------------------------------------*/
/* トップページ
--------------------------------------------------------*/
.star-area {
  width: 100%;
  position: relative;
  overflow: hidden; }

#wrapper {
  padding-bottom: 100px;
  position: relative;
  z-index: 10; }

@media (max-width: 767px) {
  #wrapper {
    padding-bottom: 20px; } }
#wrapper h2 {
  font-size: 28px;
  color: #0058a4;
  font-weight: normal;
  margin-bottom: 68px; }

@media (max-width: 767px) {
  #wrapper h2 {
    font-size: 20px;
    margin-bottom: 32px; } }
#wrapper h1 {
  text-align: center;
  padding-top: 56px;
  margin-bottom: 60px; }

@media (max-width: 767px) {
  #wrapper h1 {
    padding: 20px 14% 0; }

  #wrapper h1 img {
    vertical-align: bottom; } }
/*エントリー*/
.entry__intro {
  text-align: center;
  margin-bottom: 95px; }
  @media (max-width: 767px) {
    .entry__intro {
      margin-bottom: 47px; }
      .entry__intro-title {
        font-size: 14px; } }

/*フォーム*/
#mfp_overlay_inner {
  max-height: 90vh;
  overflow: scroll;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  #mfp_overlay_inner h4 {
    text-align: center;
    margin: 32px 0; }
  #mfp_overlay_inner th,
  #mfp_overlay_inner td {
    font-size: 16px !important;
    padding: 16px 10px !important; }
  #mfp_overlay_inner .mfp_buttons {
    display: flex;
    justify-content: center;
    flex-direction: column; }

#mfp_button_send {
  font-weight: bold;
  font-size: 20px;
  padding: 16px;
  border-radius: 50px;
  width: 200px;
  margin: 0 auto;
  background: #0058a4;
  box-shadow: none;
  border: none;
  color: #fff;
  text-shadow: none;
  margin-top: 8px; }

#mfp_button_cancel {
  font-size: 14px;
  width: 200px;
  margin: 0 auto;
  border: none;
  border-radius: 50px;
  background: #fff;
  text-shadow: none;
  box-shadow: none;
  margin-bottom: 40px;
  padding: 0; }

.mailform {
  /* オートコンプリート背景色 */
  /* フォーム全体のサイズ */
  /* 項目の余白 */
  /* 項目の並び */
  /* 項目のタイトル サイズと余白*/
  /* 項目の入力欄 サイズと余白*/
  /* 項目の入力欄 サイズ短いとき*/
  /* 項目の入力欄 文字サイズ*/
  /* チェックボックスの設定 */
  /* チェックボックス スタイル*/
  /* セレクト スタイル*/
  /* エラー文の位置 */
  /* 余白の個別設定 */
  /* 注釈 */
  /* 必須ボタン */
  /* 送信ボタン */ }
  .mailform input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset; }
  .mailform .entry__form {
    max-width: 720px;
    margin: 0 auto; }
  .mailform .mailform {
    margin-bottom: 30px; }
    .mailform .mailform input,
    .mailform .mailform textarea {
      color: #404040 !important; }
  .mailform .entry__wrapper {
    display: flex;
    align-items: flex-start; }
    @media (max-width: 767px) {
      .mailform .entry__wrapper {
        display: block; } }
    .mailform .entry__wrapper .mfp_ok {
      display: none !important; }
    .mailform .entry__wrapper .mfp_err {
      font-size: 14px !important;
      color: #eb5c02 !important; }
  .mailform .long-sentence {
    align-items: center; }
  .mailform .entry__wrapper dt {
    display: flex;
    align-items: center;
    font-weight: normal;
    width: 217px;
    margin-top: 3px;
    padding-right: 20px; }
    @media (max-width: 767px) {
      .mailform .entry__wrapper dt {
        width: 100%;
        margin-top: 0;
        padding-right: 0;
        margin-bottom: 8px;
        font-size: 18px;
        font-weight: bold; } }
  .mailform .entry__wrapper dd {
    margin: 0;
    width: calc(100% - 217px); }
    @media (max-width: 767px) {
      .mailform .entry__wrapper dd {
        width: 100%; } }
  .mailform .entry__wrapper input,
  .mailform .entry__wrapper select {
    height: 39px; }
  .mailform .entry__wrapper input,
  .mailform .entry__wrapper select,
  .mailform .entry__wrapper textarea {
    width: 100%;
    border-radius: 0;
    padding: 7px;
    border: 1px solid #ccc; }
  .mailform .entry__wrapper textarea {
    width: 100% !important;
    height: auto !important; }
  .mailform .entry__wrapper .entry__short {
    width: 170px; }
  @media (max-width: 767px) {
    .mailform .station .entry__short,
    .mailform .desired-time .entry__short {
      width: 90px; } }
  @media (max-width: 767px) {
    .mailform select,
    .mailform input,
    .mailform textarea,
    .mailform .check,
    .mailform p,
    .mailform label {
      font-size: 16px; } }
  .mailform .checkbox_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; }
    .mailform .checkbox_wrapper div {
      margin-right: 30px;
      margin-bottom: 4px; }
      @media (max-width: 767px) {
        .mailform .checkbox_wrapper div {
          margin-right: 0;
          margin-bottom: 10px; } }
  .mailform .entry__wrapper .entry__check {
    width: auto; }
  .mailform .station dd,
  .mailform .entry__check-wrapper,
  .mailform .input__graduation,
  .mailform .desired-time dd {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
  .mailform input[type="checkbox"] {
    display: none; }
  .mailform .check {
    padding-left: 32px;
    padding-right: 20px;
    position: relative; }
    @media (max-width: 767px) {
      .mailform .check {
        padding-left: 24px;
        padding-right: 16px; } }
    .mailform .check::before {
      border: 1px solid #ccc;
      background-color: #fff;
      content: "";
      display: block;
      position: absolute;
      transform: translateY(-50%);
      top: 50%;
      left: 0;
      height: 20px;
      width: 20px; }
  .mailform input[type="checkbox"]:checked ~ .check::after {
    border-bottom: 4px solid #eb5c01;
    border-right: 4px solid #eb5c01;
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 7px;
    height: 20px;
    width: 10px;
    transform: rotate(46deg); }
  .mailform select {
    background-color: #fff;
    -webkit-appearance: none;
    appearance: none; }
  .mailform select::-ms-expand {
    display: none; }
  .mailform .select {
    position: relative;
    display: inline-block; }
    .mailform .select:after {
      content: "";
      position: absolute;
      border-bottom: 1px solid #222222;
      border-right: 1px solid #222222;
      right: 10px;
      top: 18px;
      width: 8px;
      height: 8px;
      transform: translateY(-50%) rotate(45deg); }
  .mailform .checkbox_wrapper {
    position: relative; }
    .mailform .checkbox_wrapper .mfp_err {
      position: absolute !important;
      bottom: 0;
      transform: translateY(100%); }
  .mailform .station,
  .mailform .desired-time {
    position: relative; }
    .mailform .station__input-wrapper,
    .mailform .desired-time__input-wrapper {
      display: flex !important;
      align-items: center; }
      .mailform .station__input-wrapper input,
      .mailform .desired-time__input-wrapper input {
        margin: 0; }
    .mailform .station .mfp_err,
    .mailform .desired-time .mfp_err {
      position: absolute !important;
      white-space: nowrap !important;
      bottom: 0;
      transform: translateY(100%); }
  .mailform .selectbox {
    position: relative; }
    .mailform .selectbox__input-wrapper .mfp_err {
      position: absolute !important;
      white-space: nowrap !important; }
  .mailform .input__graduation {
    margin-top: 14px; }
  .mailform .address input {
    margin-top: 14px; }
  .mailform .station input,
  .mailform .input__graduation input:last-of-type,
  .mailform .desired-time input {
    margin-right: 16px; }
    @media (max-width: 767px) {
      .mailform .station input,
      .mailform .input__graduation input:last-of-type,
      .mailform .desired-time input {
        margin-right: 4px; } }
  .mailform .station .station__input-wrapper:last-of-type,
  .mailform .input__graduation input:last-of-type,
  .mailform .desired-time input {
    margin-left: 24px; }
    @media (max-width: 767px) {
      .mailform .station .station__input-wrapper:last-of-type,
      .mailform .input__graduation input:last-of-type,
      .mailform .desired-time input {
        margin-left: 10px; } }
  .mailform .license input:last-of-type {
    margin-right: 0; }
  .mailform .confirm .check {
    white-space: nowrap;
    display: inline-block; }
    @media (max-width: 767px) {
      .mailform .confirm .check {
        white-space: normal; } }
  .mailform .entry__supplement {
    font-size: 15px;
    margin-top: 4px;
    padding-left: 1em;
    text-indent: -1em;
    width: 100%; }
  .mailform .must {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background-color: #eb5c02;
    border-radius: 10px;
    width: 42px;
    height: 19px;
    text-align: center;
    margin-left: 8px; }
  .mailform .mfp_buttons {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 140px; }
    .mailform .mfp_buttons button {
      position: relative;
      width: 250px;
      height: 60px;
      background: #0058a4;
      border-radius: 30px;
      padding: 2px 30px 0 0;
      font-size: 22px;
      font-weight: bold;
      color: #fff;
      border: none;
      box-shadow: none;
      text-shadow: none; }
      @media (max-width: 767px) {
        .mailform .mfp_buttons button {
          font-size: 18px;
          height: 50px; } }
      .mailform .mfp_buttons button:after {
        position: absolute;
        content: "";
        width: 15px;
        height: 15px;
        top: 48%;
        right: 28px;
        transform: rotate(-45deg) translateY(-50%);
        border-right: 3px solid red;
        border-bottom: 3px solid red;
        transition: 0.2s; }
  .mailform .btn-entry:hover {
    transition: 0.3s;
    background-color: #8fd3f5; }
  .mailform .btn-entry:hover:after {
    right: 24px;
    transition: 0.3s; }

.entry__completion__read {
  font-size: 28px;
  color: #0058a4;
  font-weight: bold;
  margin-bottom: 20px; }
.entry__completion__read-sub {
  font-size: 20px;
  color: #0058a4;
  font-weight: bold;
  margin-bottom: 40px; }
.entry__completion__text {
  text-align: left;
  max-width: 600px;
  margin: 0 auto 20px; }
  .entry__completion__text span {
    color: #0058a4; }
.entry__completion__link {
  margin-top: 60px; }

/*先輩の声*/
.voice__intro {
  text-align: center; }
  @media (max-width: 767px) {
    .voice__intro {
      margin-bottom: 47px; } }
  .voice__intro__title {
    margin-bottom: 40px; }
  .voice__intro__img {
    position: relative; }
    .voice__intro__img img {
      margin-left: 14%; }
      @media (max-width: 767px) {
        .voice__intro__img img {
          margin-left: 0; } }
  .voice__intro__img-inner {
    padding-right: 5%; }
    @media (max-width: 767px) {
      .voice__intro__img-inner {
        padding-right: 0; } }
  .voice__intro__message {
    position: absolute;
    top: 50%;
    left: 8.7%;
    transform: translateY(-50%);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    text-align: left; }
    @media (max-width: 767px) {
      .voice__intro__message {
        transform: translateY(-100%);
        top: 100%;
        left: 0; } }
    .voice__intro__message-item {
      color: #fff;
      background-color: #9acff1;
      font-size: 31px;
      letter-spacing: 0.1em;
      font-weight: bold;
      padding: 0 8px; }
      @media (max-width: 767px) {
        .voice__intro__message-item {
          font-size: 20px; } }
      .voice__intro__message-item:first-of-type {
        margin-bottom: 10px; }

.voice__faq {
  margin-bottom: 228px;
  position: relative; }
  @media (max-width: 767px) {
    .voice__faq {
      margin-bottom: 120px; } }
  .voice__faq::before {
    position: absolute;
    content: "";
    background-image: url(../img/recruit/illust_01.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 130px;
    height: 110px;
    top: -60px;
    right: 53px;
    z-index: 1; }
    @media (max-width: 767px) {
      .voice__faq::before {
        width: 65px;
        height: 55px;
        top: -30px; } }
  .voice__faq::after {
    position: absolute;
    content: "";
    background-image: url(../img/recruit/illust_02.png);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(100%);
    width: 120px;
    height: 230px;
    bottom: 26px;
    left: 55px;
    z-index: 1; }
    @media (max-width: 767px) {
      .voice__faq::after {
        width: 67px;
        height: 115px;
        bottom: 18px; } }
  .voice__faq__inner {
    background-color: #fff;
    padding: 80px 80px 12px; }
    @media (max-width: 767px) {
      .voice__faq__inner {
        padding: 40px 24px 1px; } }
  .voice__faq__item {
    margin-bottom: 52px; }
    .voice__faq__item b {
      color: #eb5c01;
      font-weight: bold; }
  .voice__faq__item-title {
    display: flex;
    align-items: center;
    font-size: 22px;
    letter-spacing: 0.03em;
    margin-bottom: 11px; }
    @media (max-width: 767px) {
      .voice__faq__item-title {
        font-size: 18px; } }
    .voice__faq__item-title img {
      margin-right: 23px; }
      @media (max-width: 767px) {
        .voice__faq__item-title img {
          width: 40px;
          margin-right: 16px; } }
  .voice__faq__item-contents {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
    @media (max-width: 767px) {
      .voice__faq__item-contents {
        flex-direction: column; } }
  .voice__faq__item-text {
    line-height: 2.1; }
    @media (max-width: 767px) {
      .voice__faq__item-text {
        width: 100%;
        margin-bottom: 16px;
        font-size: 16px; } }
  .voice__faq .voice__faq__item:nth-child(2) .voice__faq__item-text,
  .voice__faq .voice__faq__item:nth-child(4) .voice__faq__item-text {
    width: calc(100% - 365px); }
    @media (max-width: 767px) {
      .voice__faq .voice__faq__item:nth-child(2) .voice__faq__item-text,
      .voice__faq .voice__faq__item:nth-child(4) .voice__faq__item-text {
        width: 100%; } }
  .voice__faq__item-img {
    flex-shrink: 0; }
    @media (max-width: 767px) {
      .voice__faq__item-img img {
        width: 100%; } }

.voice__schedule {
  position: relative;
  margin-bottom: 120px; }
  @media (max-width: 767px) {
    .voice__schedule {
      margin-bottom: 80px; } }
  .voice__schedule::before {
    position: absolute;
    content: "";
    background-image: url(../img/recruit/illust_03.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
    top: 149px;
    right: -15px;
    z-index: 1; }
    @media (max-width: 767px) {
      .voice__schedule::before {
        width: 50px;
        height: 69px;
        top: 84px;
        right: 4px; } }
  .voice__schedule::after {
    position: absolute;
    content: "";
    background-image: url(../img/recruit/illust_04.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 182px;
    height: 227px;
    bottom: 0;
    left: 24px; }
    @media (max-width: 767px) {
      .voice__schedule::after {
        width: 91px;
        height: 114px;
        bottom: 0;
        right: 9px; } }
  .voice__schedule__inner {
    background-color: #fff;
    padding: 80px 80px 32px; }
    @media (max-width: 767px) {
      .voice__schedule__inner {
        padding: 40px 24px 120px; } }
  .voice__schedule__title {
    text-align: center;
    margin-bottom: 42px !important; }
    @media (max-width: 767px) {
      .voice__schedule__title {
        margin-bottom: 20px !important; } }
  .voice__schedule__time {
    max-width: 487px;
    margin: 0 auto;
    border-radius: 5px; }
  .voice__schedule__item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .voice__schedule__item:last-of-type .voice__schedule__text {
      border-left: none; }
  .voice__schedule__clock {
    flex-shrink: 0;
    width: 90px;
    height: 57px;
    padding: 16px 0;
    background-color: #fff;
    position: relative; }
    @media (max-width: 767px) {
      .voice__schedule__clock {
        font-size: 18px; } }
    .voice__schedule__clock::before {
      position: absolute;
      transform: translateY(-50%);
      left: 0;
      top: 50%;
      font-weight: bold;
      line-height: 1;
      color: #0058a4; }
    .voice__schedule__clock::after {
      position: absolute;
      width: 50px;
      height: 50px;
      transform: translate(-50%) scale(0.5);
      right: -44%;
      top: 4px; }
      @media (max-width: 767px) {
        .voice__schedule__clock::after {
          right: -38%; } }
  .voice__schedule__text {
    padding-left: 30px;
    padding-top: 20px;
    margin-left: -12px;
    margin-bottom: 7px;
    border-left: 2px dotted #eb5c01;
    width: 100%; }
    @media (max-width: 767px) {
      .voice__schedule__text {
        padding-left: 22px;
        margin-left: -17px; } }
    .voice__schedule__text-title {
      font-weight: bold;
      padding-bottom: 13px;
      line-height: 1;
      font-size: 20px; }
      @media (max-width: 767px) {
        .voice__schedule__text-title {
          font-size: 16px; } }
    .voice__schedule__text-contents {
      padding-bottom: 19px;
      font-size: 15px; }
  .voice__schedule__item:last-of-type .int__time__text {
    border-left: none; }

.keiko-sensei .voice__schedule__item:first-of-type .voice__schedule__clock::before {
  content: "8:00"; }
.keiko-sensei .voice__schedule__item:first-of-type .voice__schedule__clock::after {
  content: url(../img/recruit/times__0800.jpg); }
.keiko-sensei .voice__schedule__item:nth-of-type(2) .voice__schedule__clock::before {
  content: "9:45"; }
.keiko-sensei .voice__schedule__item:nth-of-type(2) .voice__schedule__clock::after {
  content: url(../img/recruit/times__0945.jpg); }
.keiko-sensei .voice__schedule__item:nth-of-type(3) .voice__schedule__clock::before {
  content: "10:00"; }
.keiko-sensei .voice__schedule__item:nth-of-type(3) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1000.jpg); }
.keiko-sensei .voice__schedule__item:nth-of-type(4) .voice__schedule__clock::before {
  content: "11:10"; }
.keiko-sensei .voice__schedule__item:nth-of-type(4) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1110.jpg); }
.keiko-sensei .voice__schedule__item:nth-of-type(5) .voice__schedule__clock::before {
  content: "11:30"; }
.keiko-sensei .voice__schedule__item:nth-of-type(5) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1130.jpg); }
.keiko-sensei .voice__schedule__item:nth-of-type(6) .voice__schedule__clock::before {
  content: "12:30"; }
.keiko-sensei .voice__schedule__item:nth-of-type(6) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1230.jpg); }
.keiko-sensei .voice__schedule__item:nth-of-type(7) .voice__schedule__clock::before {
  content: "14:30"; }
.keiko-sensei .voice__schedule__item:nth-of-type(7) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1430.jpg); }
.keiko-sensei .voice__schedule__item:nth-of-type(8) .voice__schedule__clock::before {
  content: "14:45"; }
.keiko-sensei .voice__schedule__item:nth-of-type(8) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1445.jpg); }
.keiko-sensei .voice__schedule__item:nth-of-type(9) .voice__schedule__clock::before {
  content: "15:00"; }
.keiko-sensei .voice__schedule__item:nth-of-type(9) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1500.jpg); }
.keiko-sensei .voice__schedule__item:nth-of-type(10) .voice__schedule__clock::before {
  content: "16:00"; }
.keiko-sensei .voice__schedule__item:nth-of-type(10) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1600.jpg); }
.keiko-sensei .voice__schedule__item:nth-of-type(11) .voice__schedule__clock::before {
  content: "17:00"; }
.keiko-sensei .voice__schedule__item:nth-of-type(11) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1700.jpg); }

.naoko-sensei .voice__schedule__item:first-of-type .voice__schedule__clock::before {
  content: "7:00"; }
.naoko-sensei .voice__schedule__item:first-of-type .voice__schedule__clock::after {
  content: url(../img/recruit/times__0700.jpg); }
.naoko-sensei .voice__schedule__item:nth-of-type(2) .voice__schedule__clock::before {
  content: "7:30"; }
.naoko-sensei .voice__schedule__item:nth-of-type(2) .voice__schedule__clock::after {
  content: url(../img/recruit/times__0730.jpg); }
.naoko-sensei .voice__schedule__item:nth-of-type(3) .voice__schedule__clock::before {
  content: "9:00"; }
.naoko-sensei .voice__schedule__item:nth-of-type(3) .voice__schedule__clock::after {
  content: url(../img/recruit/times__0900.jpg); }
.naoko-sensei .voice__schedule__item:nth-of-type(4) .voice__schedule__clock::before {
  content: "9:40"; }
.naoko-sensei .voice__schedule__item:nth-of-type(4) .voice__schedule__clock::after {
  content: url(../img/recruit/times__0945.jpg); }
.naoko-sensei .voice__schedule__item:nth-of-type(5) .voice__schedule__clock::before {
  content: "9:50"; }
.naoko-sensei .voice__schedule__item:nth-of-type(5) .voice__schedule__clock::after {
  content: url(../img/recruit/times__0945.jpg); }
.naoko-sensei .voice__schedule__item:nth-of-type(6) .voice__schedule__clock::before {
  content: "10:00"; }
.naoko-sensei .voice__schedule__item:nth-of-type(6) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1000.jpg); }
.naoko-sensei .voice__schedule__item:nth-of-type(7) .voice__schedule__clock::before {
  content: "11:00"; }
.naoko-sensei .voice__schedule__item:nth-of-type(7) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1100.jpg); }
.naoko-sensei .voice__schedule__item:nth-of-type(8) .voice__schedule__clock::before {
  content: "12:00"; }
.naoko-sensei .voice__schedule__item:nth-of-type(8) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1200.jpg); }
.naoko-sensei .voice__schedule__item:nth-of-type(9) .voice__schedule__clock::before {
  content: "14:30"; }
.naoko-sensei .voice__schedule__item:nth-of-type(9) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1430.jpg); }
.naoko-sensei .voice__schedule__item:nth-of-type(10) .voice__schedule__clock::before {
  content: "14:45"; }
.naoko-sensei .voice__schedule__item:nth-of-type(10) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1445.jpg); }
.naoko-sensei .voice__schedule__item:nth-of-type(11) .voice__schedule__clock::before {
  content: "15:10"; }
.naoko-sensei .voice__schedule__item:nth-of-type(11) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1515.jpg); }
.naoko-sensei .voice__schedule__item:nth-of-type(12) .voice__schedule__clock::before {
  content: "15:30"; }
.naoko-sensei .voice__schedule__item:nth-of-type(12) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1515.jpg); }
.naoko-sensei .voice__schedule__item:nth-of-type(13) .voice__schedule__clock::before {
  content: "16:00"; }
.naoko-sensei .voice__schedule__item:nth-of-type(13) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1600.jpg); }

.shiori-sensei .voice__schedule__item:first-of-type .voice__schedule__clock::before {
  content: "9:00"; }
.shiori-sensei .voice__schedule__item:first-of-type .voice__schedule__clock::after {
  content: url(../img/recruit/times__0900.jpg); }
.shiori-sensei .voice__schedule__item:nth-of-type(2) .voice__schedule__clock::before {
  content: "10:00"; }
.shiori-sensei .voice__schedule__item:nth-of-type(2) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1000.jpg); }
.shiori-sensei .voice__schedule__item:nth-of-type(3) .voice__schedule__clock::before {
  content: "12:00"; }
.shiori-sensei .voice__schedule__item:nth-of-type(3) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1200.jpg); }
.shiori-sensei .voice__schedule__item:nth-of-type(4) .voice__schedule__clock::before {
  content: "12:15"; }
.shiori-sensei .voice__schedule__item:nth-of-type(4) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1215.jpg); }
.shiori-sensei .voice__schedule__item:nth-of-type(5) .voice__schedule__clock::before {
  content: "13:15"; }
.shiori-sensei .voice__schedule__item:nth-of-type(5) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1315.jpg); }
.shiori-sensei .voice__schedule__item:nth-of-type(6) .voice__schedule__clock::before {
  content: "14:30"; }
.shiori-sensei .voice__schedule__item:nth-of-type(6) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1430.jpg); }
.shiori-sensei .voice__schedule__item:nth-of-type(7) .voice__schedule__clock::before {
  content: "14:45"; }
.shiori-sensei .voice__schedule__item:nth-of-type(7) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1445.jpg); }
.shiori-sensei .voice__schedule__item:nth-of-type(8) .voice__schedule__clock::before {
  content: "15:00"; }
.shiori-sensei .voice__schedule__item:nth-of-type(8) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1500.jpg); }
.shiori-sensei .voice__schedule__item:nth-of-type(9) .voice__schedule__clock::before {
  content: "18:00"; }
.shiori-sensei .voice__schedule__item:nth-of-type(9) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1800.jpg); }

.yukiko-sensei .voice__schedule__item:first-of-type .voice__schedule__clock::before {
  content: "8:00"; }
.yukiko-sensei .voice__schedule__item:first-of-type .voice__schedule__clock::after {
  content: url(../img/recruit/times__0800.jpg); }
.yukiko-sensei .voice__schedule__item:nth-of-type(2) .voice__schedule__clock::before {
  content: "9:30"; }
.yukiko-sensei .voice__schedule__item:nth-of-type(2) .voice__schedule__clock::after {
  content: url(../img/recruit/times__0930.jpg); }
.yukiko-sensei .voice__schedule__item:nth-of-type(3) .voice__schedule__clock::before {
  content: "11:00"; }
.yukiko-sensei .voice__schedule__item:nth-of-type(3) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1100.jpg); }
.yukiko-sensei .voice__schedule__item:nth-of-type(4) .voice__schedule__clock::before {
  content: "12:00"; }
.yukiko-sensei .voice__schedule__item:nth-of-type(4) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1200.jpg); }
.yukiko-sensei .voice__schedule__item:nth-of-type(5) .voice__schedule__clock::before {
  content: "13:00"; }
.yukiko-sensei .voice__schedule__item:nth-of-type(5) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1300.jpg); }
.yukiko-sensei .voice__schedule__item:nth-of-type(6) .voice__schedule__clock::before {
  content: "13:30"; }
.yukiko-sensei .voice__schedule__item:nth-of-type(6) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1330.jpg); }
.yukiko-sensei .voice__schedule__item:nth-of-type(7) .voice__schedule__clock::before {
  content: "14:45"; }
.yukiko-sensei .voice__schedule__item:nth-of-type(7) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1445.jpg); }
.yukiko-sensei .voice__schedule__item:nth-of-type(8) .voice__schedule__clock::before {
  content: "15:15"; }
.yukiko-sensei .voice__schedule__item:nth-of-type(8) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1515.jpg); }
.yukiko-sensei .voice__schedule__item:nth-of-type(9) .voice__schedule__clock::before {
  content: "16:00"; }
.yukiko-sensei .voice__schedule__item:nth-of-type(9) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1600.jpg); }
.yukiko-sensei .voice__schedule__item:nth-of-type(10) .voice__schedule__clock::before {
  content: "17:00"; }
.yukiko-sensei .voice__schedule__item:nth-of-type(10) .voice__schedule__clock::after {
  content: url(../img/recruit/times__1700.jpg); }

.recruit-links--retrun {
  margin: -40px auto 40px; }
  .recruit-links--retrun .recruit-links__item a {
    padding-left: 24px;
    padding-right: 0; }
    .recruit-links--retrun .recruit-links__item a:after {
      right: 100%;
      transform: translateY(-50%) rotate(135deg); }

/*リクルートTOP*/
.recruit__intro__catch {
  font-size: 30px;
  letter-spacing: 0.03em;
  font-weight: bold;
  color: #0058a4;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .recruit__intro__catch {
      flex-direction: column;
      font-size: 20px; } }
.recruit__intro__message {
  margin-bottom: 40px;
  line-height: 2.1; }
  .recruit__intro__message span {
    color: #eb5c01;
    font-weight: bold; }
  @media (max-width: 767px) {
    .recruit__intro__message {
      font-size: 16px; } }
.recruit__intro__img {
  text-align: center; }
  .recruit__intro__img a {
    display: inline-block; }
    .recruit__intro__img a:hover {
      opacity: 0.7;
      transform: rotate(2deg); }
  @media (max-width: 767px) {
    .recruit__intro__img {
      margin-bottom: 80px; } }

.recruit__environment {
  margin-bottom: 125px; }
  @media (max-width: 767px) {
    .recruit__environment {
      margin-bottom: 80px; } }
  .recruit__environment__title {
    padding-top: 60px;
    text-align: center; }
  .recruit__environment__intro-text {
    margin-bottom: 50px;
    font-size: 26px;
    line-height: 2.1; }
    @media (max-width: 767px) {
      .recruit__environment__intro-text {
        font-size: 16px;
        margin-bottom: 8px; } }
  .recruit__environment__item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 48px; }
    @media (max-width: 767px) {
      .recruit__environment__item {
        font-size: 16px;
        flex-direction: column-reverse !important;
        margin-bottom: 24px; } }
  .recruit__environment__item-img {
    flex-shrink: 0;
    margin-left: 22px; }
    @media (max-width: 767px) {
      .recruit__environment__item-img {
        margin: 8px auto 0; } }
  .recruit__environment__item-content {
    width: calc(100% - 483px); }
    @media (max-width: 767px) {
      .recruit__environment__item-content {
        width: 100%; } }
  .recruit__environment__item-title {
    margin: 20px 0 15px;
    font-size: 26px;
    letter-spacing: 0.03em;
    color: #0058a4; }
    @media (max-width: 767px) {
      .recruit__environment__item-title {
        font-size: 20px; } }
  .recruit__environment__item-text {
    letter-spacing: 0.03em;
    line-height: 2.1; }
    .recruit__environment__item-text span {
      color: #eb5c01;
      font-weight: bold; }

.recruit__newgraduate {
  margin-bottom: 73px !important;
  background-color: #fff;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .recruit__newgraduate {
      margin-bottom: 80px !important; } }
  .recruit__newgraduate__inner {
    padding: 65px 62px 40px; }
    @media (max-width: 767px) {
      .recruit__newgraduate__inner {
        padding: 65px 20px 40px; } }
  .recruit__newgraduate__title {
    text-align: center;
    margin-bottom: 20px; }
  .recruit__newgraduate__intro {
    margin-bottom: 28px;
    line-height: 2.1; }
    @media (max-width: 767px) {
      .recruit__newgraduate__intro {
        font-size: 16px; } }
  .recruit__newgraduate__img {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px; }
    .recruit__newgraduate__img img {
      width: calc(50% - 14px);
      border-radius: 4px; }
    @media (max-width: 767px) {
      .recruit__newgraduate__img {
        flex-direction: column; }
        .recruit__newgraduate__img img {
          width: 100%; }
        .recruit__newgraduate__img img:first-of-type {
          margin-bottom: 20px; } }

.recruit__teachers {
  margin-bottom: 57px; }
  @media (max-width: 767px) {
    .recruit__teachers {
      margin-bottom: 56px; } }
  .recruit__teachers__title {
    padding-top: 60px;
    text-align: center; }

.recruit__job {
  max-width: 720px;
  margin-bottom: 60px; }
  .recruit__job__title {
    text-align: center;
    padding-top: 60px; }
  .recruit__job__item {
    background-color: #fff;
    padding: 0 38px 0 32px;
    border-radius: 5px;
    border-radius: 40px; }
    @media (max-width: 767px) {
      .recruit__job__item {
        padding: 0 20px 0; } }
  .recruit__job__item:not(:last-of-type) {
    margin-bottom: 32px; }
  .recruit__job__item-title-wrapper {
    cursor: pointer;
    padding: 25px 0 25px 82px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 767px) {
      .recruit__job__item-title-wrapper {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 40px;
        padding-bottom: 16px; } }
  .recruit__job__item-title {
    font-weight: bold;
    font-size: 22px;
    line-height: 1;
    color: #0058a4;
    position: relative; }
    @media (max-width: 767px) {
      .recruit__job__item-title {
        font-size: 18px; } }
    .recruit__job__item-title span {
      position: absolute;
      transform: translateY(-50%);
      top: 50%;
      left: -76px;
      width: 26px;
      height: 26px; }
      @media (max-width: 767px) {
        .recruit__job__item-title span {
          left: -36px;
          width: 20px;
          height: 20px; } }
      .recruit__job__item-title span::before, .recruit__job__item-title span::after {
        content: "";
        position: absolute;
        background-color: #eb5c01; }
      .recruit__job__item-title span::before {
        width: 100%;
        height: 4px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
        @media (max-width: 767px) {
          .recruit__job__item-title span::before {
            height: 3px; } }
      .recruit__job__item-title span::after {
        transition: 0.2s;
        width: 4px;
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
        @media (max-width: 767px) {
          .recruit__job__item-title span::after {
            width: 3px; } }
  .recruit__job .job-open span::after {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: 0.3s; }
  .recruit__job__item-place {
    font-size: 22px; }
    @media (max-width: 767px) {
      .recruit__job__item-place {
        font-size: 18px; } }
  .recruit__job__item-inner {
    padding-bottom: 76px;
    display: none; }
    @media (max-width: 767px) {
      .recruit__job__item-inner {
        padding-bottom: 40px; } }
  .recruit__job__item-inner__wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-top: 1px dotted #bdbebf;
    padding: 34px 0; }
    @media (max-width: 767px) {
      .recruit__job__item-inner__wrapper {
        display: block;
        padding: 16px 0; } }
  .recruit__job__item-inner__wrapper:first-of-type {
    border-top: none; }
  .recruit__job__item-inner__title {
    font-weight: bold;
    font-size: 20px;
    flex-shrink: 0;
    min-width: 144px;
    padding-left: 6px;
    padding-top: 4px; }
    @media (max-width: 767px) {
      .recruit__job__item-inner__title {
        font-size: 16px;
        padding: 0 0 8px; }
        .recruit__job__item-inner__title br {
          display: none; } }
  .recruit__job__item-inner__contents {
    padding-right: 24px;
    line-height: 1.7;
    color: #222; }
    @media (max-width: 767px) {
      .recruit__job__item-inner__contents {
        padding-right: 0;
        font-size: 16px; } }
  .recruit__job__button {
    text-align: center; }
    .recruit__job__button a {
      height: 60px;
      width: 250px;
      background-color: #0058a4;
      color: #fff;
      border-radius: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center; }
      .recruit__job__button a:after {
        right: 35px !important; }

.recruit__flow {
  max-width: 935px !important; }
  .recruit__flow__title {
    padding-top: 60px;
    text-align: center; }
  .recruit__flow__text {
    font-size: 15px;
    padding: 16px 10px; }
  .recruit__flow .teachers__img {
    position: relative; }
    .recruit__flow .teachers__img::after {
      content: "";
      position: absolute;
      width: 23px;
      height: 23px;
      z-index: 100;
      border-right: 4px solid #eb5c01;
      border-bottom: 4px solid #eb5c01;
      transform: translateY(-50%) rotate(-45deg);
      top: 50%;
      right: -11%; }
      @media (max-width: 767px) {
        .recruit__flow .teachers__img::after {
          content: none; } }
  .recruit__flow .teachers__item:last-of-type .teachers__img::after {
    content: none; }
  .recruit__flow .teachers__item {
    width: 23%; }
    @media (max-width: 767px) {
      .recruit__flow .teachers__item {
        width: 50%; } }
  .recruit__flow .teachers__inner {
    margin-bottom: 63px; }
    @media (max-width: 767px) {
      .recruit__flow .teachers__inner {
        margin-bottom: 0; } }

.recruit__job__button a {
  font-weight: bold;
  position: relative; }
  .recruit__job__button a:hover {
    background-color: #8fd3f5; }

.star {
  width: 455px;
  height: 441px;
  background: url(../img/illust/star_01.png) no-repeat;
  position: absolute;
  z-index: 1; }
  @media (max-width: 767px) {
    .star {
      width: 200px;
      height: 194px;
      background-size: contain; } }
  .star-1 {
    top: 1%;
    left: -100px;
    transform: rotate(60deg); }
  .star-2 {
    top: 10%;
    right: -5%;
    transform: rotate(-60deg); }
  .star-3 {
    top: 26%;
    left: 26%;
    transform: rotate(-60deg); }
  .star-4 {
    top: 46%;
    right: 5%;
    transform: rotate(-60deg); }
  .star-5 {
    top: 54%;
    left: 0%;
    transform: rotate(-60deg); }
  .star-6 {
    top: 68%;
    right: 6%;
    transform: rotate(-60deg); }

.pins {
  position: relative; }
  .pins .pin {
    position: absolute; }
    .pins .pin:first-of-type {
      top: -10px;
      left: -11px; }
    .pins .pin:nth-child(2) {
      top: -10px;
      right: -11px; }
    .pins .pin:nth-child(3) {
      bottom: -20px;
      left: -11px; }
    .pins .pin:nth-child(4) {
      bottom: -20px;
      right: -11px; }

.recruit-links a:after,
.recruit__job__button a:after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  border-right: 4px solid #eb5c01;
  border-bottom: 4px solid #eb5c01;
  transform: translateY(-50%) rotate(-45deg);
  top: 50%;
  right: 0; }
  @media (max-width: 480px) {
    .recruit-links a:after,
    .recruit__job__button a:after {
      right: 20%; } }

.recruit-links__inner {
  display: flex;
  justify-content: center;
  margin: 0 0 87px 0;
  flex-wrap: wrap; }
  @media (max-width: 767px) {
    .recruit-links__inner {
      margin: 0 0 48px 0; } }
  @media (max-width: 480px) {
    .recruit-links__inner {
      justify-content: space-between; } }
.recruit-links__item {
  list-style: none; }
  .recruit-links__item::marker {
    content: none; }
  @media (max-width: 480px) {
    .recruit-links__item {
      width: 50%; } }
  .recruit-links__item a {
    padding-right: 24px;
    margin-right: 36px;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    width: 100%; }
    @media (max-width: 767px) {
      .recruit-links__item a {
        font-size: 16px;
        margin-right: 20px; } }
    @media (max-width: 480px) {
      .recruit-links__item a {
        display: inline-block;
        margin-right: 0;
        padding-right: 0; } }
  .recruit-links__item:last-of-type a {
    margin-right: 0; }

.teachers,
.recrit-flow {
  max-width: 888px;
  margin-right: auto;
  margin-left: auto; }
  .teachers__inner,
  .recrit-flow__inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .teachers__inner,
      .recrit-flow__inner {
        margin-bottom: 40px; } }
  .teachers__item,
  .recrit-flow__item {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media (max-width: 767px) {
      .teachers__item,
      .recrit-flow__item {
        width: 50%;
        margin-bottom: 24px; } }
  .teachers .teachers__item:hover,
  .recrit-flow .teachers__item:hover {
    opacity: 0.7; }
  .teachers__img,
  .recrit-flow__img {
    margin-bottom: 7px; }
    @media (max-width: 767px) {
      .teachers__img,
      .recrit-flow__img {
        margin-bottom: 0; } }
  .teachers__name,
  .recrit-flow__name {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    background-color: #014190;
    color: #fff;
    width: 100px;
    border-radius: 9px;
    letter-spacing: 0.04em;
    margin-bottom: 4px; }
    @media (max-width: 767px) {
      .teachers__name,
      .recrit-flow__name {
        font-size: 10px; } }
  .teachers__job,
  .recrit-flow__job {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.1em;
    color: #014190; }
    @media (max-width: 767px) {
      .teachers__job,
      .recrit-flow__job {
        font-size: 18px; } }

.reverse {
  flex-direction: row-reverse; }
  @media (max-width: 767px) {
    .reverse {
      flex-direction: column; } }