@charset "utf-8";

/* CSS Document */
/*提携店舗サービスページ*/
/*タイトルエリア*/
@media(max-width:767px) {
  .page-title-area {
    height: 125px;
  }

  .page-title-area__title {
    font-size: 2.4rem;
    padding-top: 47px;
  }
}

/*提携店舗サービス0 企業メインエリア*/
@media(max-width:767px) {
  .section-company__title {
    font-size: 2.4rem;
  }

  .section-company__title--subtitle {
    font-size: 1.8rem;
    padding: 3px 0 7px;
  }

  .section-company__message,
  .section-company__message span {
    font-size: 1.8rem;
  }

  .section-company__service-group {
    display: inline;
  }

  .company-description {
    margin-top: 10px;
  }
}

/*提携店舗サービス セクション*/
@media(max-width:767px) {
  .section-shop {
    padding: 35px 13px 0px;
  }

  .section-shop__message {
    font-size: 1.8rem;
  }

  .section-shop__message span {
    font-size: 1.8rem;
  }

  .section-shop2 {
    padding: 35px 13px 80px;
  }

  /*提携店舗サービス ピンクカード＆黄色カード*/
  .section-shop__discount,
  .section-shop2__discount {
    padding: 18px 10px 20px;
    margin: 25px 0 20px;
  }

  .section-shop__discount--description,
  .section-shop2__discount--description {
    font-size: 1.6rem;
  }

  .section-shop__discount--description-step-content,
  .section-shop2__discount--description-step-content {
    font-size: 1.6rem;
  }
}

/*提携店舗サービス  提携店舗一覧　ピンクカード＆黄色カード*/
@media(max-width:767px) {

  .section-shop__title--subtitle,
  .section-shop2__title--subtitle {
    font-size: 1.8rem;
    padding: 3px 0 7px;
  }

  .section-shop__title,
  .section-shop2__title {
    font-size: 2.4rem;
  }

  .section-shop__shop--warp,
  .section-shop2__shop--warp {
    justify-content: center;
  }

  .section-shop__shop--content,
  .section-shop2__shop--content {
    max-width: 330px;
  }

  .section-shop__title--description,
  .section-shop2__title--description {
    padding: 0;
    font-size: 1.4rem;
  }

  .section-shop__shop--photo,
  .section-shop2__shop--photo {
    margin-top: 30px;
    background-color: #fff0f2;
    width: 330px;
    height: 167px;
    object-fit: contain;
  }

  .section-shop__shop--name,
  .section-shop2__shop--name {
    font-size: 1.8rem;
  }

  .section-shop__description1,
  .section-shop2__description1 {
    font-size: 1.6rem;
    line-height: 1.5;
  }

  .section-shop__shop--description,
  .section-shop2__shop--description {
    height: 390px;
  }

  .section-shop__shop--memo,
  .section-shop2__shop--memo {
    bottom: 15%;
  }

  .section-shop__shop--btn,
  .section-shop2__shop--btn {
    font-size: 1.8rem;
  }

  .section-shop__shop--btn:before {
    height: 24px;
  }

  .section-shop2__shop--btn:before {
    height: 24px;
  }

  /*おこめや写真*/
  .section-shop__shop--photo-okomeya {
    margin-top: 30px;
    background-color: #fff0f2;
    width: 330px;
    height: 167px;
    object-fit: contain;
  }
}

/*提携保育園セクション */
@media(max-width:767px) {
  .section-partnership__title--subtitle {
    font-size: 1.8rem;
    padding: 30px 0;
    background-size: 15%;
    background-position: top 40% left 15px;
  }

  .section-partnership__title {
    font-size: 2.2rem;
    padding-bottom: 16px;
  }

  .section-partnership__wrap-content {
    padding: 30px 13px 60px;
  }

  .section-partnership__description1 {
    font-size: 1.8rem;
    padding-bottom: 5px;
  }

  .section-partnership__description2,
  .section-partnership__description3 {
    font-size: 1.4rem;
  }

  .section-partnership__wrap {
    justify-content: center;
  }

  .section-partnership__wrap--banner {
    margin-top: 30px;
  }

  .section-partnership__nursery--banner {
    width: 95%;
    height: auto;
    margin-top: 30px;
  }

  .display-none {
    display: block;
    padding-right: 3px;
  }

  .section-partnership__nursery--name {
    font-size: 1.6rem;
    width: 95%;
    margin: 0 auto;
  }
}

@media(max-width: 513px) {
  .section-partnership__description1 {
    text-align: left;
  }

  .section-partnership__description2,
  .section-partnership__description3 {
    text-align: left;
  }
}

/*募集セクション */
@media(max-width:767px) {
  .section-recruit {
    padding: 40px 0 90px;
    background-size: 180%;
  }

  .section-recruit__message {
    font-size: 2.2rem;
    padding-right: 13px;
    padding-left: 13px;
  }

  .section-recruit__description {
    font-size: 1.6rem;
    line-height: 1.4;
  }
}

@media(max-width:486px) {
  .section-recruit__form {
    padding: 10px 0 13px 25px;
    margin: 0 13px;
  }
}