@font-face {
  font-family: "m-plus-rounded-2p";
  font-weight: normal;
  src: url("../font/rounded-mplus-2p-regular.ttf") format("truetype");
}
@font-face {
  font-family: "m-plus-rounded-2p";
  font-weight: 500;
  src: url("../font/rounded-mplus-2p-medium.ttf") format("truetype");
}
@font-face {
  font-family: "m-plus-rounded-2p";
  font-weight: bold;
  src: url("../font/rounded-mplus-2p-bold.ttf") format("truetype");
}
.header,
.footer-aside {
  display: none;
}

.header.is-fixed + * {
  margin-top: 0;
}

wbr + span {
  white-space: nowrap;
}

#container {
  font-family: "m-plus-rounded-2p", sans-serif;
  color: #1b1311;
  text-align: center;
}

.key-visual {
  background-color: #f0da03;
  padding: 20px 20px 35px;
}
@media screen and (max-width: 767px) {
  .key-visual {
    padding: 24px 12px 22px;
  }
}
.key-visual h1 {
  margin: 0;
}
.key-visual h1 img {
  display: block;
  width: 100%;
  max-width: 1018px;
  margin: 0 auto;
}
.key-visual .textarea {
  max-width: 960px;
  border-top: 4px solid #1b1311;
  border-bottom: 4px solid #1b1311;
  padding: 20px 0;
  margin: 10px auto 0;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.4285;
}
@media screen and (max-width: 767px) {
  .key-visual .textarea {
    font-size: 20px;
    line-height: 1.45;
    text-align: left;
    padding: 25px 16px;
  }
}

.for-you {
  position: relative;
  padding: 30px 0 20px;
  background-color: #f7f6f4;
}
@media screen and (max-width: 767px) {
  .for-you {
    padding: 30px 0 25px;
  }
}
.for-you::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 37px 0 37px;
  border-color: #f7f6f4 transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.for-you__inner {
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .for-you__inner {
    overflow: hidden;
  }
}
.for-you > h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  margin: 0;
}
.for-you > h2::after {
  content: "";
  display: block;
  width: 126px;
  height: 25px;
  background: url(../img/icon-bird.svg) no-repeat center center;
  background-size: 126px auto;
  margin: 10px auto 0;
}
.for-you .swiper-wrapper {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .for-you .swiper-wrapper {
    justify-content: flex-start;
  }
}
.for-you .swiper-slide {
  width: 172px;
  margin: 0 48px;
}
@media screen and (max-width: 767px) {
  .for-you .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
}
.for-you .swiper-slide img {
  display: block;
}
.for-you .swiper-slide p {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.14285;
  margin: 12px auto 0;
  white-space: nowrap;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .for-you .swiper-slide p {
    font-size: 20px;
    line-height: 1.2;
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .for-you .swiper-initialized .swiper-slide p {
    left: auto;
    transform: none;
    width: auto;
  }
}

.section {
  padding: 40px 0 0;
}
.section.section-yellow {
  background-color: #f0da03;
}
.section.section-orange {
  background-color: #fbe8cf;
}
.section.section-blue {
  background-color: #c1e2eb;
}
.section.section-green {
  background-color: #e1ece6;
}
.section.section-gray {
  background-color: #d7d7cf;
}
.section.section-green-02 {
  background-color: #d9e2b1;
}
.section > h2 {
  font-size: 57px;
  font-weight: bold;
  line-height: 1.115;
  margin: 5px 0 10px;
}
@media screen and (max-width: 767px) {
  .section > h2 {
    font-size: 52px;
    margin: 15px 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .section > .text:nth-child(1) {
    line-height: 1.25;
  }
}
.section .bg-img {
  display: block;
  margin: 20px auto 0;
}
.section .bg-img.tsuen {
  width: 583px;
}
@media screen and (max-width: 767px) {
  .section .bg-img.tsuen {
    width: auto;
    margin-top: 15px;
  }
}
.section .bg-img.sodan-shien {
  width: 378px;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .section .bg-img.sodan-shien {
    width: auto;
    margin-top: 20px;
  }
}
.section .bg-img.sango-care {
  width: 380px;
}
@media screen and (max-width: 767px) {
  .section .bg-img.sango-care {
    width: auto;
    padding: 0 17px;
  }
}
.section .bg-img.tomo-sodate {
  width: 484px;
  margin-top: 13px;
}
@media screen and (max-width: 767px) {
  .section .bg-img.tomo-sodate {
    width: auto;
    margin-top: 42px;
  }
}
.section .bg-img.kakei-ouen {
  width: 443px;
  margin-top: 9px;
}
@media screen and (max-width: 767px) {
  .section .bg-img.kakei-ouen {
    width: auto;
  }
}
.section .bg-img.jugyo-genmen {
  width: 460px;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .section .bg-img.jugyo-genmen {
    width: auto;
    margin-top: 11px;
  }
}

.text {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.8421;
}