@charset "UTF-8";
/* CSS Document */
.section-top {
  background-image: url("../image/419532_l.jpg");
  background-size: 95%;
  background-repeat: repeat;
  padding: 160px 40px 130px;
}
.section-top__end{
  position: fixed;
  top: 30%;
  left: 20%;
  width: 60%;
  transform: rotate(-10deg);
  z-index: 50;
}
.section-top__images {
  display: flex;
  align-items: center;
  max-width: 1420px;
  margin: 0 auto;
}
.section-top__images-heading {
  width: 50%;
}
.section-top__images-character {
  width: 50%;
}
@media (max-width:700px) {
  .section-top {
    padding: 60px 0 30px;
  }
  .section-top__images {
    display: block;
  }
  .section-top__images-heading {
    width: 95%;
  }
  .section-top__images-character {
    width: 60%;
  }
}
.section-summary {
  background-color: #fdc3da;
  padding: 80px 0;
}
.section-summary__heading {
  display: block;
  max-width: 100%;
  margin: 0 auto 60px;
}
.section-summary__content {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 40px;
}
.section-summary__content-character-image {
  display: block;
  max-width: 100%;
}
.section-summary__content-pc-text {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.section-summary__content-pc-text {display: block !important; }
.section-summary__content-sp-text {display: none !important; }
  
.section-top__description-pc-p {display: block !important; }
.section-top__description-sp-p {display: none !important; }

@media only screen and (max-width: 700px) {
  .section-summary__content-pc-text {display: none !important; }
  .section-summary__content-sp-text {display: block !important; }
  
  .section-top__description-pc-p {display: none !important; }
  .section-top__description-sp-p {display: block !important; }
}
.section-point {
  background-color: #9bf38a;
  padding: 80px 0;
}
.section-point__heading {
  display: block;
  max-width: 100%;
  margin: 0 auto 60px;
}
.section-point__content {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 40px;
}
.section-point__content-pc-text {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.section-point__content-pc-text {display: block !important; }
.section-point__content-sp-text {display: none !important; }

@media only screen and (max-width: 700px) {
  .section-point__content-pc-text {display: none !important; }
  .section-point__content-sp-text {display: block !important; }
}
.section-items {
  background-color: #7ec8fc;
  padding: 80px 0 20px;
}
.section-items__heading {
  display: block;
  max-width: 100%;
  margin: 0 auto 60px;
}
.section-items__contents {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  margin: 0 auto;
}
.section-items__contents h2, h3 {
  font-family: 'Mochiy Pop One', sans-serif;
  font-size: 1.6rem;
  line-height: normal;
}
.section-items__contents h2 {
  margin-bottom: 5px;
}
.section-items__contents-item {
  text-decoration: none;
  color: #333333;
  margin: 0 90px 60px;
}
.section-items__contents-item img {
  margin-bottom: 20px;
}
.section-items__contents-item-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 250px;
  height: 100px;
  border-radius: 10px; 
  box-shadow: 5px 5px 0 #333333;
  cursor: pointer;
}
.section-items__contents-item-name:hover {
  box-shadow: none;
  transform: translateY(5px);
}
.section-items__contents-item-name:active {
  box-shadow: none;
  transform: translateY(5px);
}
.name01 {
  background-color: #bcfe90;
}
.name02 {
  background-color: #fcb4d8;
}
.name03 {
  background-color: #feb957;
}