@charset "utf-8";
/*CSS Document */
/*利用方法ページ*/
.page-title-area {
  background-image: url("../img/guide/title-area.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 230px;
  position: relative;
}

.page-title-area__title {
  color: #fff;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 700;
  font-size: 4.0rem;
  text-shadow: 0px 3px 6px #808080;
  padding-top: 90px;
}

.page-title-area__frame {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
}

/*共通 フォント*/
.title1 {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 3.0rem;
  font-weight: 700;
  line-height: 1.2;
}

.title2 {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
}

.blue {
  color: #45aaf2;
  font-weight: 700;
}

.green {
  color: #0fb9b1;
  font-weight: 700;
}

.display-none {
  display: none;
}

/*キャッチ*/
.section-catch {
  padding: 40px 15px 70px;
  max-width: 768px;
  margin: 0 auto;
}

.section-catch__title {
  padding-bottom: 35px;
}

.section-catch__description--1,
.section-catch__description--2 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.7;
  padding-bottom: 25px;
}

.section-catch__img {
  width: 341px;
  padding-bottom: 25px;
}

.section-catch__btn {
  background-color: #f2fdfa;
  border-radius: 10px;
  padding: 33px 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
}

.section-catch__btn a {
  color: #ffffff;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: left;
  padding: 9px 27px;
  width: 300px;
  display: flex;
  border-radius: 30px;
  justify-content: space-between;
}

.section-catch__btn--guide {
  background-color: #0fb9b1;
}

.section-catch__btn--step {
  background-color: #45aaf2;
}

.section-catch__btn--price {
  background-color: #e8b653;
}

.section-catch__btn--care {
  background-color: #cc89e9;
}

.section-catch__btn--guide,
.section-catch__btn--step {
  margin-bottom: 22px;
}

/*託児利用のご案内*/
.section-guidance {
  padding: 30px 15px 70px;
  background-image: url("../img/common/accents_line-top.svg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top;
  background-color: #fdfaf2;
}

.section-guidance__main-title {
  padding: 45px 45px;
  background-image: url("../img/common/bird_illust_left.svg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left 3% top 5%;
  max-width: 768px;
  margin: auto;
}

.section-guidance__content1,
.section-guidance__content2 {
  padding: 22px 30px 30px;
  background-color: #ffffff;
  max-width: 768px;
  margin: 0 auto;
}

.section-guidance__content1 {
  border: 2px solid #45aaf2;
  margin-bottom: 30px;
}

.section-guidance__content2 {
  border: 2px solid #0fb9b1;
}

.section-guidance__content1--title,
.section-guidance__content2--title {
  font-size: 2.4rem;
  padding-bottom: 20px;
}

.section-guidance__content1--description,
.section-guidance__content2--description {
  text-align: left;
}

.section-guidance__content1--description p:first-of-type {
  font-size: 1.8rem;
  font-weight: 700;
  padding-bottom: 7px;
}

.section-guidance__content2--description p:first-of-type {
  font-size: 1.8rem;
  font-weight: 700;
  padding-bottom: 7px;
}

.section-guidance__content1--link-contact,
.section-guidance__content2--description a {
  text-decoration: underline;
}

.section-guidance__content2--link-calender {
  font-weight: 700;
  color: #eb3b5a;
}

/*初回利用までのステップ*/
.section-step {
  padding: 60px 15px;
  background-image: url("../img/common/bird_illust_left.svg");
  background-repeat: no-repeat;
  background-position: top 1% left 3%;
  max-width: 768px;
  margin: 0 auto;
}

.section-step__main-title {
  padding-bottom: 30px;
}

/*ステップ1～4　共通*/
.section-step__content1--title,
.section-step__content2--title,
.section-step__content3--title {
  font-size: 3.0rem;
  padding-bottom: 8px;
}

.section-step__content1--description-em,
.section-step__content2--description-em,
.section-step__content3--description-em {
  font-size: 1.8rem;
  padding-bottom: 18px;
}

.section-step__content1--description,
.section-step__content2--description {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

/*ステップ1*/
.section-step__content1 {
  background-image: url("../img/guide/step1.svg");
  background-repeat: no-repeat;
  background-position: top left;
  border: 4px solid #45aaf2;
  padding: 40px 30px;
}

.section-step__content1--memo {
  text-align: left;
  font-weight: 500;
  padding-bottom: 10px;
}

.section-step__content1--memo:last-child {
  font-weight: 400;
}

/*ステップ1のLINEボタン*/
.section-step__content--line {
  font-size: 2.0rem;
  color: #fff;
  font-weight: 500;
  display: inline-block;
  border-radius: 15px;
  background-color: #06c755;
  padding: 14px 35px;
  text-align: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  margin: 30px auto 15px;
}

.section-step__content--line img {
  padding-right: 7px;
  vertical-align: middle;
  height: 28px;
}

.section-step__content--line:after {
  content: "\A LINE ID  026nfxtu";
  white-space: pre;
  font-size: 1.6rem;
  padding-right: 80px;
  vertical-align: top;
}

/*ステップ1のフォームボタン*/
.section-step__content1--form {
  font-size: 2.0rem;
  color: #fff;
  font-weight: 500;
  display: inline-block;
  border-radius: 15px;
  background-color: #45aaf2;
  padding: 28px 40px;
  text-align: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  margin: 0 auto 40px;
}

.section-step__content1--form img {
  padding-right: 7px;
  vertical-align: middle;
  height: 17px;
}

/*つぎへ*/
.section-step__next-arrow {
  padding: 7px 0;
}

/*ステップ２*/
.section-step__content2 {
  background-image: url("../img/guide/step2.svg");
  background-repeat: no-repeat;
  background-position: top left;
  border: 4px solid #45aaf2;
  padding: 40px 30px;
}

.section-step__content2--form {
  font-size: 2.0rem;
  color: #fff;
  font-weight: 500;
  display: inline-block;
  border-radius: 15px;
  background-color: #0fb9b1;
  padding: 28px 40px;
  text-align: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  margin: 0 auto 40px;
}

.section-step__content2--form img {
  padding-right: 7px;
  vertical-align: middle;
  height: 17px;
}

.section-step__content2--link-calender {
  color: #eb3b5a;
  text-decoration: underline;
}

.section-step__content2--memo {
  text-align: left;
  font-weight: 500;
  padding-top: 10px;
}

/*ステップ3*/
.section-step__content3 {
  background-image: url("../img/guide/step3.svg");
  background-repeat: no-repeat;
  background-position: top left;
  border: 4px solid #45aaf2;
  padding: 40px 30px;
}

.section-step__content3--description {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  padding-bottom: 30px;
}

.section-step__content3--memo {
  background-color: #f2fdfa;
  text-align: left;
  padding: 20px 18px;
  border-radius: 15px;
}

.section-step__content3--memo p:first-of-type {
  padding-bottom: 20px;
}

.section-step__content3--memo {
  background-color: #f2fbfd;
  padding: 20px 18px;
  border-radius: 15px;
}

.section-step__content3--memo_main-title {
  font-size: 2.4rem;
  padding-bottom: 10px;
  text-align: center;
}

.section-step__content3--memo p {
  text-align: left;
  padding-bottom: 20px;
}

.section-step__content3--memo_description-em {
  font-weight: 700;
}

.section-step__content3--memo p:last-of-type {
  padding-bottom: 0;
}

/*利用料金セクション*/
.section-price {
  padding: 0 15px 70px;
  background-image: url("../img/common/curve_line_top.svg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  background-color: #fdfaf2;
}

.section-price__main-title {
  padding: 70px 0 7px;
  background-image: url("../img/common/bird_illust_left.svg");
  background-repeat: no-repeat;
  background-position: top 58% left 3%;
  max-width: 768px;
  margin: 0 auto;
}

.section-price small {
  font-size: 1.4rem;
}

.section-price__guidance {
  font-size: 1.8rem;
  font-weight: 700;
}

.section-price__content {
  text-align: left;
  max-width: 768px;
  margin: 0 auto;
}

.section-price__content li {
  margin-top: 15px;
}

.section-price__content--2_attention,
.section-price__content--2_attention-title {
  font-size: 1.6rem;
}

.section-price__content--2_attention-title,
.section-price__content--2_attention-description {
  color: #0fb9b1;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.5px;
}

.section-price__content--2_attention--link-form {
  color: #45aaf2;
  font-weight: 600;
}

.section-price__content--2,
.section-price__content--3 {
  background-color: #fff;
  border: 1px solid #634e4e;
  padding: 18px 25px 18px 25px;
}

.section-price__content--2_attention-group {
  background-color: #f2fdfa;
  padding: 10px 10px 10px 17px;
  border-radius: 15px;
  margin: 8px 0 25px;
}

.section-price__content--2_title {
  font-size: 2.0rem;
  font-weight: 700;
  margin-bottom: 6px;
}

.section-price__content--2_subtitle {
  font-size: 1.8rem;
}

.hr {
  border-top: 2px dotted #634e4e
}

.red {
  color: #eb3b5a;
  font-weight: 700;
}

.section-price__next-arrow {
  margin: auto;
  display: flex;
}

/*料金表*/
/*通常保育　料金表*/
.section-price__content--3-1_main-title {
  font-size: 2.0rem;
  padding-bottom: 13px;
}

.section-price__content--3-1_table-title {
  font-size: 1.8rem;
  padding-bottom: 6px;
}
.section-price__content--3-1_table-service {
  color:#eb3b5a;
  font-weight: 600;
}

.section-price__content--3-1_attention {
  font-size: 1.6rem;
}

.section-price__content--3-1_table-title:last-of-type {
  margin-top: 25px;
}

.section-price__content--3-1_table-regular {
  border: 1px solid #bbb6b6;
  font-size: 1.8rem;
  font-weight: 500;
}

.section-price__content--3-1_table th {
  border: 1px solid #bbb6b6;
  background-color: #f2fdfa;
  font-weight: 700;
  padding: 6px 30px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
}

.section-price__content--3-1_table tr {
  border: 1px solid #bbb6b6;
  padding: 6px 30px;
}

.section-price__content--3-1_table-th {
  border: 1px solid #bbb6b6;
  padding: 6px 20px;
  font-weight: 700;
  font-size: 1.7rem;
}

.section-price__content--3-1_table-price {
  border: 1px solid #bbb6b6;
  padding: 6px 42px;
  font-weight: 700;
  font-size: 1.8rem;
}

/*料金表*/
/*病児保育　料金表*/
.section-price__content--3-2_main-title {
  font-size: 2.0rem;
  padding-bottom: 13px;
}

.section-price__content--3-2_table-title {
  font-size: 1.8rem;
  padding-bottom: 6px;
}

.section-price__content--3-2_attention {
  font-size: 1.6rem;
}

.section-price__content--3-2_table-title:last-of-type {
  margin-top: 25px;
}

.section-price__content--3-2_table-regular {
  border: 1px solid #bbb6b6;
  font-size: 1.8rem;
  font-weight: 500;
}

.section-price__content--3-2_table th {
  border: 1px solid #bbb6b6;
  background-color: #f2fdfa;
  font-weight: 500;
  padding: 6px 60px 6px 30px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
}

.section-price__content--3-2_table tr {
  border: 1px solid #bbb6b6;
  padding: 6px 30px 6px 30px;
}

.section-price__content--3-2_table-th {
  border: 1px solid #bbb6b6;
  padding: 6px 30px 6px 20px;
  font-weight: 700;
  font-size: 1.7rem;
}

.section-price__content--3-2_table-price {
  border: 1px solid #bbb6b6;
  padding: 6px 30px 6px 30px;
  font-weight: 700;
  font-size: 1.8rem;
}

/*料金表*/
/*メモ*/
.section-price__content--3_memo {
  font-size: 1.8rem;
  font-weight: 600;
  padding-top: 5px;
}

.section-price__content--3_memo:first-of-type {
  margin-top: 18px;
}

.section-price__content--3_memo-attention1 {
  font-size: 1.7rem;
  font-weight: 500;
  padding-top: 5px;
}

/*緊急オーダー料*/
.section-price__content--4 {
  margin-top: 30px;
  padding: 18px 18px 18px 30px;
  background-color: #fff;
  border: 1px solid #634e4e;
}

.section-price__content--4_title {
  font-size: 2.0rem;
  font-weight: 700;
  padding-bottom: 13px;
}

.section-price__content--4_description {
  font-size: 1.8rem;
  font-weight: 700;
  padding-bottom: 18px;
  line-height: 1.5;
  letter-spacing: -0.5px;
}

/*緊急オーダー料　連絡時間帯別料金表*/
.section-price__content--4_table-title {
  font-size: 1.8rem;
  padding-bottom: 6px;
}

.section-price__content--4_attention {
  font-size: 1.6rem;
}

.section-price__content--4_table-regular {
  border: 1px solid #bbb6b6;
  font-size: 1.8rem;
  font-weight: 500;
}

.section-price__content--4_table th {
  border: 1px solid #bbb6b6;
  background-color: #f2fdfa;
  font-weight: 700;
  padding: 6px 8px;
  text-align: center;
  font-size: 1.8rem;
}

.section-price__content--4_table tr {
  border: 1px solid #bbb6b6;
  padding: 6px 30px 6px 30px;
}

.section-price__content--4_table-th,
.section-price__content--4_table-th2 {
  border: 1px solid #bbb6b6;
  padding: 6px 20px;
  font-weight: 700;
  font-size: 1.7rem;
}

.section-price__content--4_table-price,
.section-price__content--4_table-price2 {
  border: 1px solid #bbb6b6;
  padding: 6px 20px 6px 20px;
  font-weight: 700;
  font-size: 1.8rem;
}
.section-price__content--4_table-main-th2 {
  border: 1px solid #bbb6b6;
  border-top: 3px double #bbb6b6;
  padding: 6px 20px 6px 20px;
  font-weight: 700;
  font-size: 1.8rem;
  background-color: #f2fdfa;
}

.section-price__content--4_memo {
  font-size: 1.8rem;
  font-weight: 600;
  margin-top: 18px;
}

.section-price__content--4_memo-attention {
  font-size: 1.7rem;
  font-weight: 500;
  padding-top: 5px;
}

/*その他の料金について*/
.section-price__content--5 {
  margin-top: 30px;
  padding: 18px 18px 18px 30px;
  background-color: #fff;
  border: 1px solid #634e4e;
}

.section-price__content--5_title {
  font-size: 2.0rem;
  font-weight: 700;
  padding-bottom: 5px;
}

.section-price__content--5_description {
  font-size: 1.7rem;
  font-weight: 500;
  padding-top: 5px;
}

/*キャンセル・変更のお願いセクション*/
.section-cancel {
  padding: 60px 15px;
  max-width: 768px;
  margin: 0 auto;
}

.section-cancel__content {
  padding: 30px;
  border: 1px solid #634e4e;
  border-radius: 15px;
}

.section-cancel__content--main-title {
  display: inline-block;
  font-weight: 700;
  font-size: 2.2rem;
  padding-bottom: 14px;
  padding-top: 20px;
  border-bottom: 2px solid #eb3b5a;
  margin-bottom: 20px;
}

.section-cancel__content--description {
  font-size: 1.8rem;
  text-align: left;
}

/*病児・病後児保育セクション*/
.section-care {
  background-image: url("../img/common/curve_line_bottom.svg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top;
  background-color: #f2fbfd;
  padding: 30px 15px 0;
}

.section-care__main-title {
  padding-top: 40px;
  background-image: url("../img/common/bird_illust_left.svg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left 3% top 5%;
  max-width: 768px;
  margin: auto;
}

.section-care__em {
  margin: 14px auto 25px;
  font-size: 2.2rem;
}

.section-care__content {
  background-color: #fff;
  padding: 30px;
  border: 1px solid #634e4e;
  max-width: 768px;
  margin: 0 auto;
}

.section-care__content--title {
  font-size: 2.4rem;
  line-height: 1.5;
  padding-bottom: 30px;
}

.section-care__content--title-sub {
  text-align: left;
  margin-top: 20px;
}

.section-care__content p {
  text-align: left;
}

.section-care__content p:nth-of-type(2) {
  padding-top: 8px;
}

/*新型コロナウイルス*/
.section-care__content-infection {
  background-color: #fff;
  padding: 10px 30px;
  border: 1px solid #634e4e;
  max-width: 768px;
  margin: 20px auto 0px;
}

.section-care__content-infection--title {
  text-align: left;
  font-size: 1.8rem;
}

.section-care__content-infection p {
  text-align: left;
}

.section-care__content-infection p:first-of-type {
  padding-top: 8px;
}

.section-care__content-infection--title-sub {
  text-align: left;
  padding-top: 15px;
}

.section-care__content-infection--description p {
  font-size: 1.4rem;
}

.section-care__content-infection-em {
  font-weight: 700;
  color: #eb3b5a;
}

/*病児・病後児保育への想い*/
.section-care-message {
  padding: 40px 15px 40px;
  background-color: #f2fbfd;
}

.section-care-message__content {
  max-width: 768px;
  margin: 40px auto 0;
  padding: 30px;
  background-color: #fff;
}

.section-care-message__content--title {
  font-size: 2.4rem;
  padding: 20px 0 35px;
}

.section-care-message__content--description {
  line-height: 2;
  text-align: left;
  padding-bottom: 14px;
}

.section-care-message__content--name {
  text-align: right;
}

/*PC用表示 タイトル・セクション間装飾*/
@media(min-width: 1410px) {
  .page-title-area__title {
    font-size: 2.8vw;
  }

  .section-guidance,
  .section-price,
  .section-care {
    background-size: contain;
  }
}