@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;
    background-position: top 33px center;
    background-size: 353px 36px;
  }
  /*共通*/
  .display-none {
    display: block;
  }
}
/*トップメッセージ セクション*/
@media(max-width:767px) {
  .section-top-group {
    padding: 35px 13px 55px
  }
  .section-message__title {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .section-message__description {
    line-height: 1.7;
  }
  .section-4ways__title {
    font-size: 2.0rem;
  }
  .section-4ways__description {
    font-weight: 500;
  }
  .section-4ways__btn-wrap {
    display: block;
  }
  .section-4ways__btn {
    padding-left: 31%;
    text-align: left;
  }
  .section-4ways__btn {
    margin-top: 30px;
  }
}
/*４つのサポート方法リンク一覧　表示調整*/
@media(max-width:570px) {
  .display-none__1 {
    display: block;
  }
  .section-4ways__btn {
    padding-left: 22%;
  }
}
/*寄付金でサポートセクション*/
@media(max-width:767px) {
  .section-donation {
    padding: 50px 13px 55px;
  }
  .section-donation__sub-title {
    font-size: 1.8rem;
    padding: 4px 0 8px;
  }
  .section-donation__title {
    font-size: 2.4rem;
  }
  .section-donation__message--title {
    padding-top: 20px;
  }
  /*寄付方法案内*/
  .section-donation__wrap {
    padding: 40px 12px 50px;
  }
  .section-donation__content--announce {
    font-size: 1.6rem;
    padding-bottom: 30px;
  }
  .section-donation__form-btn {
    width: 100%;
    font-size: 2.0rem;
  }
  /*特典の案内*/
  .section-donation__privilege {
    padding: 0 12px 15px;
  }
  .section-donation__privilege--title {
    background-position: top 67% left, top 67% right;
    font-size: 1.8rem;
    background-size: 10%;
  }
  .section-donation__privilege--title span {
    font-size: 1.6rem;
  }
  .section-donation__privilege--content {
    padding: 22px 12px 20px 22px;
  }
  .section-donation__privilege--content_group {
    display: block;
    flex-wrap: wrap;
  }
  .section-donation__privilege--content_class1, .section-donation__privilege--content_class3 {
    margin-top: 17px;
  }
  .section-donation__privilege--content_class2 {
    margin-top: 25px;
  }
  .section-donation__privilege--content_class_description {
    margin-top: 6px;
    padding-left: 0;
  }
  /*支援者様の紹介*/
  .section-donation__introduction--title {
    font-size: 2.0rem;
    background-position: top 50% left 2%, top 50% right 2%;
  }
  .section-donation__introduction {
    padding-bottom: 35px;
  }
  .section-donation__message {
    font-size: 2.0rem;
    line-height: 1.5;
    margin: 40px 0 20px;
  }
  .section-donation__btn {
    padding: 15px 70px;
    width: 100%;
  }
}
/*参加してサポート セクション*/
@media(max-width:767px) {
  .section-supporter {
    padding: 50px 13px 55px;
  }
  .section-supporter__sub-title {
    font-size: 1.8rem;
    padding: 4px 0 8px;
  }
  .section-supporter__title {
    font-size: 2.4rem;
  }
  .section-supporter__announce--title {
    padding-top: 20px;
    font-size: 1.8rem;
  }
  .section-supporter__announce--communty-nurse {
    font-size: 1.6rem;
  }
  /*保育サポーターになる*/
  .section-supporter__supporter {
    padding: 20px 17px;
  }
  .section-supporter__supporter--wrap {
    flex-wrap: wrap;
    justify-content: center;
  }
  .section-supporter__supporter--photo {
    width: 50%;
    min-width: 230px;
  }
  .section-supporter__supporter--description {
    margin-top: 10px;
  }
  /*特技を生かす*/
  .section-supporter__skill {
    padding-top: 20px;
  }
  .section-supporter__skil--message {
    padding-top: 0;
  }
}
/*特技を生かす表示調整*/
@media(max-width:760px) {
  .section-supporter__skill--content img {
    width: 200px;
    margin: 20px auto 0;
  }
  .section-supporter__skill--content_description {
    width: 200px;
    margin: 0 auto 20px;
  }
  /*特技を生かす表示調整スリック*/
  @media(max-width:679px) {
    .section-supporter__skill--content img, .section-supporter__skill--content_description {
      width: 50%;
      min-width: 230px;
    }
  }
  @media(max-width: 420px) {
    .display-none__2 {
      display: block;
    }
  }
  /*参加してサポートのラストメッセージ*/
  .section-supporter__line {
    padding: 30px 16px;
  }
  .section-supporter__line--message1 {
    font-size: 1.8rem;
  }
  .section-supporter__line--message2 {
    text-align: left;
  }
  .section-supporter__content--line {
    padding: 14px 27px;
  }
}
@media(max-width:480px) {
  .display-none__3 {
    display: block;
  }
}
/*物資提供する　セクション*/
@media(max-width:767px) {
  .section-goods {
    padding: 50px 13px 55px;
  }
  .section-goods__sub-title {
    font-size: 1.8rem;
    padding: 4px 0 8px;
  }
  .section-goods__title {
    font-size: 2.4rem;
  }
  .section-goods__message {
    font-size: 1.8rem;
    padding: 20px 0 16px;
  }
  .section-goods__content {
    margin-top: 20px;
    padding: 20px 16px 10px;
  }
  .section-goods__content2 {
    padding: 20px 16px 25px;
  }
  .section-goods__content3--main-title {
    font-size: 2.0rem;
    background-position: top 53% left 8%, top 53% right 8%;
  }
  .display-none__4 {
    display: block;
  }
}
/*寄付物品の紹介*/
@media(max-width: 617px) {
  .section-goods__content3--photos {
    flex-wrap: wrap;
    padding: 0 35px 30px;
  }
}
@media(max-width: 522px) {
  .section-goods__content3--photos img {
    width: 106px;
  }
}
@media(max-width: 416px) {
  .section-goods__content3--photos {
    padding: 0 13px 30px;
  }
}
/*連携する　セクション*/
@media(max-width:767px) {
  .section-partnership {
    padding: 55px 13px 105px;
  }
  .section-partnership__sub-title {
    font-size: 1.8rem;
    padding: 4px 0 8px;
  }
  .section-partnership__title {
    font-size: 2.4rem;
  }
  .section-partnership__message {
    padding-top: 20px;
    font-size: 1.8rem;
  }
  .section-partnership__contact {
    padding: 13px 20px 15px;
  }
}
/*メッセージ2 セクション*/
@media(max-width:767px) {
  .section-message2__main {
    font-size: 1.8rem;
    padding: 0 13px;
  }
  .section-message2__sub {
    padding: 25px 0 30px;
  }
}
@media(max-width:584px) {
  .display-none__5 {
    display: block;
  }
}