.breadcrumb .contents {
  width: 100%;
}

#main {
  max-width: 750px;
  margin: 0 auto;
  position: relative;
}

.shinyArticle__hero {
  background-color: #f0faff;
  padding-bottom: 98px;
}
@media (max-width: 768px) {
  .shinyArticle__hero {
    padding-bottom: 13.07vw;
  }
}

.shinyArticle__btn {
  display: block;
  margin-inline: auto;
  box-shadow: 10px 10px 8px 0px rgba(187, 207, 219, 0.32);
  overflow: hidden;
}
@media (min-width: 769px) {
  .shinyArticle__btn {
    width: 638px;
    border-radius: 50px;
  }
}
@media (max-width: 768px) {
  .shinyArticle__btn {
    width: 85.07vw;
    box-shadow: 1.33vw 1.33vw 1.07vw 0px rgba(187, 207, 219, 0.32);
    border-radius: 6.67vw;
  }
}

.shinySection--problem {
  background-color: #fffde8;
  padding-top: 130px;
}
@media (max-width: 768px) {
  .shinySection--problem {
    padding-top: 17.33vw;
  }
}
.shinySection--problem .shinySection__inner {
  background-color: #ffffff;
  border: 1px solid #009ee2;
  width: 690px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .shinySection--problem .shinySection__inner {
    width: 92vw;
  }
}
.shinySection--problem .shinySection__title {
  margin-top: -30px;
}
@media (max-width: 768px) {
  .shinySection--problem .shinySection__title {
    margin-top: -4vw;
  }
}
.shinySection--problem .shinySection__problemList {
  position: relative;
}
.shinySection--problem .shinySection__problemList::after {
  content: "";
  display: block;
  background: url(../img/img_problem_02.png) no-repeat center center/contain;
  width: 348px;
  height: 462px;
  position: absolute;
  right: -30px;
  top: -47px;
}
@media (max-width: 768px) {
  .shinySection--problem .shinySection__problemList::after {
    width: 46.4vw;
    height: 61.6vw;
    right: -4vw;
    top: -6.27vw;
  }
}

.shinySection--solution {
  background-color: #f0faff;
}

.shinySection__product {
  padding: 84px 0 80px;
}
.shinySection__product.shinySection__product--01 {
  background-image: linear-gradient(0deg, rgb(151, 207, 241) 0%, rgb(211, 220, 240) 100%);
}
.shinySection__product.shinySection__product--02 {
  background-image: linear-gradient(0deg, rgb(249, 206, 187) 0%, rgb(211, 220, 240) 100%);
}
.shinySection__product.shinySection__product--03 {
  background-image: linear-gradient(0deg, rgb(229, 196, 218) 0%, rgb(211, 220, 240) 100%);
}
.shinySection__product.shinySection__product--04 {
  background-image: linear-gradient(0deg, rgb(168, 219, 239) 0%, rgb(211, 220, 240) 100%);
}
@media (max-width: 768px) {
  .shinySection__product {
    padding: 11.2vw 0 10.67vw;
  }
}
.shinySection__product .shinySection__product_inner {
  background-color: #ffffff;
  border-radius: 60px;
  width: 690px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .shinySection__product .shinySection__product_inner {
    width: 92vw;
    border-radius: 8vw;
  }
}
.shinySection__product .shinySection__product_btn {
  display: block;
  margin-inline: auto;
  box-shadow: 6px 6px 0px 0px rgba(204, 204, 204, 0.71);
  overflow: hidden;
}
@media (min-width: 769px) {
  .shinySection__product .shinySection__product_btn {
    width: 630px;
    border-radius: 70px;
  }
}
@media (max-width: 768px) {
  .shinySection__product .shinySection__product_btn {
    width: 84vw;
    border-radius: 9.33vw;
    box-shadow: 0.8vw 0.8vw 0px 0px rgba(204, 204, 204, 0.71);
  }
}
.shinySection__product .shinySection__howto_item {
  position: relative;
}
.shinySection__product .shinySection__howto_item:nth-child(odd) .shinySection__howto_img {
  left: -30px;
}
@media (max-width: 768px) {
  .shinySection__product .shinySection__howto_item:nth-child(odd) .shinySection__howto_img {
    left: -4vw;
  }
}
.shinySection__product .shinySection__howto_item:nth-child(even) .shinySection__howto_img {
  right: -30px;
}
@media (max-width: 768px) {
  .shinySection__product .shinySection__howto_item:nth-child(even) .shinySection__howto_img {
    right: -4vw;
  }
}
.shinySection__product .shinySection__howto_item .shinySection__howto_img {
  position: absolute;
  top: 0;
}
.shinySection__product.shinySection__product--01 .shinySection__howto_item:nth-child(1) .shinySection__howto_img {
  top: 15px;
}
@media (max-width: 768px) {
  .shinySection__product.shinySection__product--01 .shinySection__howto_item:nth-child(1) .shinySection__howto_img {
    top: 2vw;
    width: 37.2vw;
  }
}
.shinySection__product.shinySection__product--01 .shinySection__howto_item:nth-child(2) .shinySection__howto_img {
  top: 12px;
}
@media (max-width: 768px) {
  .shinySection__product.shinySection__product--01 .shinySection__howto_item:nth-child(2) .shinySection__howto_img {
    top: 1.6vw;
    width: 50vw;
  }
}
.shinySection__product.shinySection__product--01 .shinySection__howto_item:nth-child(3) .shinySection__howto_img {
  top: 40px;
}
@media (max-width: 768px) {
  .shinySection__product.shinySection__product--01 .shinySection__howto_item:nth-child(3) .shinySection__howto_img {
    top: 5.33vw;
    width: 38.67vw;
  }
}
.shinySection__product.shinySection__product--01 .shinySection__howto_item:nth-child(4) .shinySection__howto_img {
  top: 64px;
}
@media (max-width: 768px) {
  .shinySection__product.shinySection__product--01 .shinySection__howto_item:nth-child(4) .shinySection__howto_img {
    top: 8.53vw;
    width: 40.13vw;
  }
}
.shinySection__product.shinySection__product--02 .shinySection__howto_item:nth-child(1) .shinySection__howto_img {
  top: -30px;
}
@media (max-width: 768px) {
  .shinySection__product.shinySection__product--02 .shinySection__howto_item:nth-child(1) .shinySection__howto_img {
    top: -4vw;
    width: 39.2vw;
  }
}
.shinySection__product.shinySection__product--02 .shinySection__howto_item:nth-child(2) .shinySection__howto_img {
  top: 44px;
}
@media (max-width: 768px) {
  .shinySection__product.shinySection__product--02 .shinySection__howto_item:nth-child(2) .shinySection__howto_img {
    top: 5.87vw;
    width: 41.2vw;
  }
}
.shinySection__product.shinySection__product--03 .shinySection__howto_item:nth-child(1) .shinySection__howto_img {
  top: -25px;
}
@media (max-width: 768px) {
  .shinySection__product.shinySection__product--03 .shinySection__howto_item:nth-child(1) .shinySection__howto_img {
    top: -3.33vw;
    width: 39.2vw;
  }
}
.shinySection__product.shinySection__product--03 .shinySection__howto_item:nth-child(2) .shinySection__howto_img {
  top: -10px;
}
@media (max-width: 768px) {
  .shinySection__product.shinySection__product--03 .shinySection__howto_item:nth-child(2) .shinySection__howto_img {
    top: -1.33vw;
    width: 40.67vw;
  }
}
.shinySection__product.shinySection__product--04 .shinySection__howto_item:nth-child(1) .shinySection__howto_img {
  top: 0px;
}
@media (max-width: 768px) {
  .shinySection__product.shinySection__product--04 .shinySection__howto_item:nth-child(1) .shinySection__howto_img {
    top: 0vw;
    width: 39.2vw;
  }
}
.shinySection__product.shinySection__product--04 .shinySection__howto_item:nth-child(2) .shinySection__howto_img {
  top: 15px;
}
@media (max-width: 768px) {
  .shinySection__product.shinySection__product--04 .shinySection__howto_item:nth-child(2) .shinySection__howto_img {
    top: 2vw;
    width: 39.6vw;
  }
}

.shinySection--features {
  background-color: #f0faff;
  padding-bottom: 147px;
}
@media (max-width: 768px) {
  .shinySection--features {
    padding-bottom: 18.67vw;
  }
}
.shinySection--features .shinySection__feature {
  margin-top: 70px;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature {
    margin-top: 9.33vw;
  }
}
.shinySection--features .shinySection__feature_title {
  width: 665px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature_title {
    width: 88.67vw;
  }
}
.shinySection--features .shinySection__feature_img {
  display: block;
  margin-inline: auto;
}
.shinySection--features .shinySection__feature_text {
  margin-inline: auto;
  width: 650px;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature_text {
    width: 86.67vw;
  }
}
.shinySection--features .shinySection__feature--01 {
  background: url(../img/bg_features01.jpg) no-repeat top center/contain;
}
.shinySection--features .shinySection__feature--01 .shinySection__feature_title {
  margin-bottom: 170px;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature--01 .shinySection__feature_title {
    margin-bottom: 22.67vw;
  }
}
.shinySection--features .shinySection__feature--01 .shinySection__feature_img {
  width: 704px;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature--01 .shinySection__feature_img {
    width: 93.87vw;
  }
}
.shinySection--features .shinySection__feature--02 .shinySection__feature_title {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature--02 .shinySection__feature_title {
    margin-bottom: 2.67vw;
  }
}
.shinySection--features .shinySection__feature--02 .shinySection__feature_img {
  width: 690px;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature--02 .shinySection__feature_img {
    width: 92vw;
  }
}
.shinySection--features .shinySection__feature--03 {
  background: url(../img/bg_features03.jpg) no-repeat top center/contain;
}
.shinySection--features .shinySection__feature--03 .shinySection__feature_title {
  margin-bottom: 176px;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature--03 .shinySection__feature_title {
    margin-bottom: 23.47vw;
  }
}
.shinySection--features .shinySection__feature--03 .shinySection__feature_img {
  width: 651px;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature--03 .shinySection__feature_img {
    width: 86.8vw;
  }
}
.shinySection--features .shinySection__feature--03 .shinySection__feature_text {
  margin-top: 30px;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature--03 .shinySection__feature_text {
    margin-top: 4vw;
  }
}
.shinySection--features .shinySection__feature--04 {
  background: url(../img/bg_features04.jpg) no-repeat top center/contain;
}
.shinySection--features .shinySection__feature--04 .shinySection__feature_title {
  margin-bottom: 264px;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature--04 .shinySection__feature_title {
    margin-bottom: 35.2vw;
  }
}
.shinySection--features .shinySection__feature--04 .shinySection__feature_text:not(:first-child) {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature--04 .shinySection__feature_text:not(:first-child) {
    margin-top: 2.67vw;
  }
}
.shinySection--features .shinySection__feature--04 .shinySection__feature_text.-note {
  margin-top: 30px;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature--04 .shinySection__feature_text.-note {
    margin-top: 4vw;
  }
}
.shinySection--features .shinySection__feature--05 {
  background: url(../img/bg_features05.jpg) no-repeat top center/contain;
}
.shinySection--features .shinySection__feature--05 .shinySection__feature_title {
  margin-bottom: 370px;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature--05 .shinySection__feature_title {
    margin-bottom: 49.33vw;
  }
}
.shinySection--features .shinySection__feature--06 {
  background: url(../img/bg_features06.jpg) no-repeat top center/contain;
}
.shinySection--features .shinySection__feature--06 .shinySection__feature_title {
  margin-bottom: 320px;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature--06 .shinySection__feature_title {
    margin-bottom: 42.67vw;
  }
}
.shinySection--features .shinySection__feature--07 .shinySection__feature_img,
.shinySection--features .shinySection__feature--07 .shinySection__feature_title {
  width: 690px;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature--07 .shinySection__feature_img,
  .shinySection--features .shinySection__feature--07 .shinySection__feature_title {
    width: 92vw;
  }
}
.shinySection--features .shinySection__feature--07 .shinySection__feature_img,
.shinySection--features .shinySection__feature--07 .shinySection__feature_text {
  display: block;
  width: 690x;
}
@media (max-width: 768px) {
  .shinySection--features .shinySection__feature--07 .shinySection__feature_img,
  .shinySection--features .shinySection__feature--07 .shinySection__feature_text {
    width: calc(92x * 1vw);
  }
}

.shinySection--points {
  background: url(../img/bg_points.png) repeat top center/66px 66px;
}
@media (max-width: 768px) {
  .shinySection--points {
    background-size: 8.8vw 8.8vw;
  }
}
