@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap");
.p-top1 {
  padding-top: 103px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .p-top1 {
    padding-top: 60px;
  }
}
@media screen and (max-width: 599px) {
  .p-top1 {
    padding-top: 26px;
  }
}
.p-top1 .c-title1 {
  margin-bottom: 108px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .p-top1 .c-title1 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 599px) {
  .p-top1 .c-title1 {
    margin-bottom: 34px;
  }
}
.p-top2 {
  padding: 73px 0 93px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .p-top2 {
    padding: 60px 0;
  }
}
@media screen and (max-width: 599px) {
  .p-top2 {
    padding: 38px 0 36px;
  }
}
.p-top2 .c-title1 {
  margin-bottom: 36px;
}
@media screen and (max-width: 599px) {
  .p-top2 .c-title1 {
    margin-bottom: 8px;
  }
}
.p-top2 .c-slider1 {
  margin-top: 52px;
}
@media screen and (max-width: 599px) {
  .p-top2 .c-slider1 {
    margin-top: 24px;
  }
}
.p-top3 {
  padding: 136px 0 140px;
  background-color: #F6F5F0;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .p-top3 {
    padding: 60px 0;
  }
}
@media screen and (max-width: 599px) {
  .p-top3 {
    padding: 31px 0 25px;
  }
}
.p-top3 .c-title1 {
  margin-bottom: 36px;
}
@media screen and (max-width: 599px) {
  .p-top3 .c-title1 {
    margin-bottom: 8px;
  }
}
.p-top3 .c-list1 {
  margin-top: 81px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .p-top3 .c-list1 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 599px) {
  .p-top3 .c-list1 {
    margin-top: 31px;
  }
}
.p-top4 {
  padding: 124px 0 166px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .p-top4 {
    padding: 60px 0;
  }
}
@media screen and (max-width: 599px) {
  .p-top4 {
    padding: 23px 0 23px;
  }
}
.p-top4 .c-title1 {
  margin-bottom: 36px;
}
@media screen and (max-width: 599px) {
  .p-top4 .c-title1 {
    margin-bottom: 8px;
  }
}
.p-top4 .c-block4 {
  margin-top: 108px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .p-top4 .c-block4 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 599px) {
  .p-top4 .c-block4 {
    margin-top: 27px;
  }
}
@media  screen and (min-width: 600px) {
  .p-top4 .c-block4__text{
    font-size: 4rem;
  }
}
.p-top5 {
  padding-bottom: 100px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .p-top5 {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 599px) {
  .p-top5 {
    padding-bottom: 34px;
  }
}
.p-top5 .c-list2 {
  margin-top: 178px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .p-top5 .c-list2 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 599px) {
  .p-top5 .c-list2 {
    margin-top: 25px;
  }
  .p-top5 .c-btns {
    margin-top: 26px;
  }
}

.p-top5 .c-list2__text{
  text-align: initial;
}

.p-top6 {
  padding: 132px 0 198px;
  background-color: #F2F2EB;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .p-top6 {
    padding: 60px 0;
  }
}
@media screen and (max-width: 599px) {
  .p-top6 {
    padding: 30px 0 28px;
  }
}
.p-top6 .c-title1 {
  margin-bottom: 36px;
}
@media screen and (max-width: 599px) {
  .p-top6 .c-title1 {
    margin-bottom: 8px;
  }
}
.p-top6 .c-banner1 {
  margin-top: 123px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .p-top6 .c-banner1 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 599px) {
  .p-top6 .c-banner1 {
    margin-top: 27px;
  }
}
.p-top7 {
  padding: 129px 0 197px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .p-top7 {
    padding: 60px 0;
  }
}
@media screen and (max-width: 599px) {
  .p-top7 {
    padding: 31px 0 26px;
  }
}
.p-top7 .c-title1 {
  margin-bottom: 36px;
}
@media screen and (max-width: 599px) {
  .p-top7 .c-title1 {
    margin-bottom: 8px;
  }
}
.p-top7 .c-box1 {
  margin-top: 121px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .p-top7 .c-box1 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 599px) {
  .p-top7 .c-box1 {
    margin-top: 26px;
  }
  .p-top7 .l-container2 {
    padding: 0;
  }
}
.p-top8 {
  padding: 131px 0 141px;
  background-color: #F2F2EB;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .p-top8 {
    padding: 60px 0;
  }
}
@media screen and (max-width: 599px) {
  .p-top8 {
    padding: 31px 0;
  }
}
.p-top8 .c-title1 {
  margin-bottom: 36px;
}
@media screen and (max-width: 599px) {
  .p-top8 .c-title1 {
    margin-bottom: 8px;
  }
}
.p-top8 .c-btns {
  margin-top: 85px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .p-top8 .c-btns {
    margin-top: 60px;
  }
}
@media screen and (max-width: 599px) {
  .p-top8 .c-btns {
    margin-top: 27px;
    margin-bottom: 29px;
  }
}
.p-top9 {
  padding: 122px 0 126px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .p-top9 {
    padding: 60px 0;
  }
}
@media screen and (max-width: 599px) {
  .p-top9 {
    padding: 32px 0 24px;
  }
}
.p-top9 .c-title1 {
  margin-bottom: 36px;
}
@media screen and (max-width: 599px) {
  .p-top9 .c-title1 {
    margin-bottom: 8px;
  }
}
.p-top9 .c-social1 {
  margin-top: 67px;
}
@media screen and (max-width: 599px) {
  .p-top9 .c-social1 {
    margin-top: 24px;
  }
}
.p-top9 .c-grbtn1 {
  margin-top: 40px;
}