@charset "UTF-8";
/* CSS Document */
/*********************

変数設定

************************/
/*********************

20260126_共感コンテンツ追加

************************/
@media (min-width: 751px) {
  .pc__none {
    display: none;
  }
}

.QnSOmkwvLC__first {
  position: relative;
  background: #fff9d6;
  text-align: center;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__first {
    padding: 110px 0 90px;
    margin-top: 70px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__first {
    padding: 50px 5% 50px;
    margin-top: 30px;
  }
}
.QnSOmkwvLC__first:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../../asset/img/top/QnSOmkwvLC__first1.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  width: 45%;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__first:before {
    height: 70%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__first:before {
    height: 20%;
  }
}
.QnSOmkwvLC__first:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../../asset/img/top/QnSOmkwvLC__first2.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  width: 45%;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__first:after {
    height: 70%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__first:after {
    height: 20%;
  }
}
.QnSOmkwvLC__first h2 {
  background: linear-gradient(to bottom, #1c76ff, #25a981);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__first h2 {
    font-size: 160%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__first h2 {
    font-size: 125%;
  }
}
.QnSOmkwvLC__first h2:before {
  background-image: url(../../asset/img/top/QnSOmkwvLC__first_before.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__first h2:before {
    width: 59px;
    height: 93px;
    left: -70px;
    top: 0;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__first h2:before {
    width: 19.6666666667px;
    height: 31px;
    left: -5px;
    top: 5px;
  }
}
.QnSOmkwvLC__first h2:after {
  background-image: url(../../asset/img/top/QnSOmkwvLC__first_after.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__first h2:after {
    width: 59px;
    height: 93px;
    right: -70px;
    top: 0;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__first h2:after {
    width: 19.6666666667px;
    height: 31px;
    right: -5px;
    top: 5px;
  }
}
@media (min-width: 751px) {
  .QnSOmkwvLC__first h2 span {
    font-size: 125%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__first h2 span {
    font-size: 110%;
  }
}
.QnSOmkwvLC__first p {
  color: #864422;
  position: relative;
  z-index: 2;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__first p {
    font-size: 140%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__first p {
    font-size: 100%;
  }
}
.QnSOmkwvLC__first p span {
  background: linear-gradient(transparent 70%, #ffd702 30%);
}
@media (min-width: 751px) {
  .QnSOmkwvLC__first p span {
    font-size: 128%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__first p span {
    font-size: 120%;
  }
}
.QnSOmkwvLC__second {
  background: #f6897c;
  text-align: center;
  position: relative;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__second {
    padding: 60px 0;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__second {
    padding: 40px 5%;
  }
}
.QnSOmkwvLC__second:before {
  content: "";
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 25%;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__second:before {
    width: 25%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__second:before {
    width: 35%;
  }
}
.QnSOmkwvLC__second:after {
  content: "";
  clip-path: polygon(0 0, 0% 100%, 60% 0);
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 25%;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__second:after {
    height: 50%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__second:after {
    height: 30%;
  }
}
.QnSOmkwvLC__second h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__second h2 {
    font-size: 160%;
    margin-bottom: 40px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__second h2 {
    font-size: 130%;
    margin-bottom: 40px;
  }
}
.QnSOmkwvLC__second h2:before {
  background-image: url(../../asset/img/top/QnSOmkwvLC__second_h2.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  position: relative;
  z-index: 3;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__second h2:before {
    width: 102px;
    height: 18px;
    margin-right: 20px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__second h2:before {
    width: 51px;
    height: 9px;
    margin-right: 10px;
  }
}
.QnSOmkwvLC__second h2:after {
  background-image: url(../../asset/img/top/QnSOmkwvLC__second_h2.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  position: relative;
  z-index: 3;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__second h2:after {
    width: 102px;
    height: 18px;
    margin-left: 20px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__second h2:after {
    width: 51px;
    height: 9px;
    margin-left: 10px;
  }
}
.QnSOmkwvLC__second p {
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  color: #fff;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__second p {
    font-size: 120%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__second p {
    font-size: 110%;
  }
}
.QnSOmkwvLC__second_separate {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__second_separate {
    width: 71.25%;
    margin: 0 auto 50px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__second_separate {
    flex-wrap: wrap;
  }
}
.QnSOmkwvLC__second_separate:before {
  content: "";
  clip-path: polygon(100% 0, 100% 100%, 0 0);
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 25%;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__second_separate:before {
    width: 25%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__second_separate:before {
    width: 35%;
  }
}
.QnSOmkwvLC__second_separate:after {
  content: "";
  clip-path: polygon(100% 0, 100% 100%, 60% 0);
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 25%;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__second_separate:after {
    height: 50%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__second_separate:after {
    height: 30%;
  }
}
.QnSOmkwvLC__second_separate .block {
  background: #fff;
  border-radius: 25px;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__second_separate .block {
    padding: 45px;
    width: 28%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__second_separate .block {
    width: 48%;
    padding: 20px;
    margin-bottom: 20px;
  }
}
.QnSOmkwvLC__second_separate .block img {
  margin-bottom: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__second_separate .block img {
    width: 120px;
    height: 90px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__second_separate .block img {
    width: 120px;
    height: 60px;
  }
}
.QnSOmkwvLC__second_separate .block h3 {
  color: #f6897c;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__second_separate .block h3 {
    font-size: 120%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__second_separate .block h3 {
    font-size: 105%;
  }
}
.QnSOmkwvLC__third {
  background-image: url(../../asset/img/top/QnSOmkwvLC__third.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__third {
    padding: 100px 0 80px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__third {
    padding: 40px 5%;
    background-position: bottom;
  }
}
.QnSOmkwvLC__third h2 {
  color: #864422;
  text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, 1px 0px 1px #fff, -1px 0px 1px #fff, 0px 1px 1px #fff, 0px -1px 1px #fff;
  position: relative;
  display: inline-block;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__third h2 {
    font-size: 160%;
    margin-bottom: 50px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__third h2 {
    font-size: 120%;
    margin-bottom: 30px;
  }
}
.QnSOmkwvLC__third h2:before {
  background-image: url(../../asset/img/top/QnSOmkwvLC__third_1.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__third h2:before {
    width: 59px;
    height: 93px;
    left: -90px;
    bottom: 10px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__third h2:before {
    width: 29.5px;
    height: 46.5px;
    left: -45px;
    bottom: 5px;
  }
}
.QnSOmkwvLC__third h2:after {
  background-image: url(../../asset/img/top/QnSOmkwvLC__third_2.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__third h2:after {
    width: 59px;
    height: 93px;
    right: -90px;
    bottom: 10px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__third h2:after {
    width: 29.5px;
    height: 46.5px;
    right: -45px;
    bottom: 5px;
  }
}
.QnSOmkwvLC__third h2 span {
  color: #f98115;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__third h2 span {
    font-size: 125%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__third h2 span {
    font-size: 125%;
  }
}
.QnSOmkwvLC__third_text {
  color: #fff;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__third_text {
    font-size: 120%;
    margin-bottom: 50px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__third_text {
    font-size: 110%;
    margin-bottom: 30px;
  }
}
.QnSOmkwvLC__third_text1 {
  color: #864422;
  text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
  position: relative;
  z-index: 2;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__third_text1 {
    font-size: 148%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__third_text1 {
    font-size: 105%;
  }
}
.QnSOmkwvLC__third_repeat {
  position: relative;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__third_repeat {
    width: 80.625%;
    margin: 0 auto 90px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__third_repeat {
    margin-bottom: 40px;
  }
}
.QnSOmkwvLC__third_repeat:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  clip-path: polygon(100% 0, 50% 100%, 0 0);
  background: #ffd702;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__third_repeat:before {
    width: 70%;
    height: 20%;
    bottom: -150px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__third_repeat:before {
    width: 70%;
    height: 15%;
    bottom: -80px;
  }
}
.QnSOmkwvLC__third_repeat .block {
  background: #fff;
  border-radius: 15px;
  position: relative;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__third_repeat .block {
    padding: 25px 60px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__third_repeat .block {
    padding: 5%;
  }
}
@media (min-width: 751px) {
  .QnSOmkwvLC__third_repeat .block:not(:last-of-type) {
    margin-bottom: 60px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__third_repeat .block:not(:last-of-type) {
    margin-bottom: 50px;
  }
}
.QnSOmkwvLC__third_repeat .block:nth-of-type(odd) {
  box-shadow: 10px 10px 0 #21ac7c;
}
.QnSOmkwvLC__third_repeat .block:nth-of-type(even) {
  box-shadow: 10px 10px 0 #a071ff;
}
.QnSOmkwvLC__third_repeat .block img {
  position: absolute;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__third_repeat .block img {
    width: 133px;
    top: -50px;
    left: 20px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__third_repeat .block img {
    width: 20%;
    top: -40px;
    left: 10px;
  }
}
.QnSOmkwvLC__third_repeat .block p {
  background: #fff1a4;
  padding: 15px;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__third_repeat .block p {
    font-size: 120%;
  }
}
.QnSOmkwvLC__fourth {
  position: relative;
  text-align: center;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fourth {
    padding: 120px 0 70px 0;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fourth {
    padding: 60px 5% 0;
  }
}
.QnSOmkwvLC__fourth:before {
  background: #e87e97;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: -2;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fourth:before {
    height: 84%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fourth:before {
    height: 91%;
  }
}
.QnSOmkwvLC__fourth svg {
  position: absolute;
  width: 100%;
  z-index: -1;
  left: 0;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fourth svg {
    height: 320px;
    top: 60px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fourth svg {
    height: 10%;
    top: 40px;
  }
}
.QnSOmkwvLC__fourth h2 {
  color: #fff;
  position: relative;
  display: inline-block;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fourth h2 {
    font-size: 160%;
    margin-bottom: 50px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fourth h2 {
    font-size: 120%;
    margin-bottom: 60px;
  }
}
.QnSOmkwvLC__fourth h2:before {
  background-image: url(../../asset/img/top/QnSOmkwvLC__fourth4.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fourth h2:before {
    width: 416px;
    height: 124px;
    left: -40%;
    top: -60px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fourth h2:before {
    width: 138.6666666667px;
    height: 41.3333333333px;
    left: -5px;
    top: -40px;
  }
}
.QnSOmkwvLC__fourth h2:after {
  background-image: url(../../asset/img/top/QnSOmkwvLC__fourth4.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fourth h2:after {
    width: 416px;
    height: 124px;
    right: -40%;
    top: -60px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fourth h2:after {
    width: 138.6666666667px;
    height: 41.3333333333px;
    right: -5px;
    top: -40px;
  }
}
.QnSOmkwvLC__fourth h2 span {
  background: linear-gradient(transparent 70%, #ffd702 30%);
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fourth h2 span {
    font-size: 128%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fourth h2 span {
    font-size: 120%;
  }
}
.QnSOmkwvLC__fourth_content {
  position: relative;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fourth_content {
    width: 86.25%;
    margin: 0 auto;
  }
}
.QnSOmkwvLC__fourth_content:after {
  background-image: url(../../asset/img/top/QnSOmkwvLC__fourth3.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fourth_content:after {
    width: 251px;
    height: 147px;
    right: 0;
    top: -60px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fourth_content:after {
    width: 83.6666666667px;
    height: 49px;
    right: -5px;
    top: -55px;
  }
}
.QnSOmkwvLC__fourth_content .block {
  background: #fff;
  border-radius: 30px;
  text-align: left;
  position: relative;
  z-index: 2;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fourth_content .block {
    width: 60%;
    margin-left: 5%;
    padding: 50px;
    box-shadow: 12px 12px 0 #c62a4f;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fourth_content .block {
    box-shadow: 6px 6px 0 #c62a4f;
    padding: 5%;
  }
}
.QnSOmkwvLC__fourth_content .block:after {
  background-image: url(../../asset/img/top/QnSOmkwvLC__fourth2.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fourth_content .block:after {
    width: 153px;
    height: 180px;
    left: -120px;
    bottom: -20px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fourth_content .block:after {
    width: 76.5px;
    height: 90px;
    left: -15px;
    bottom: -65px;
  }
}
.QnSOmkwvLC__fourth_content .block p {
  color: #5c5548;
  position: relative;
}
.QnSOmkwvLC__fourth_content .block p span {
  color: #ff708e;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fourth_content .block p:after {
    background-image: url(../../asset/img/top/QnSOmkwvLC__fourth1.png);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 104px;
    height: 82px;
    right: -140px;
    bottom: -20px;
  }
}
.QnSOmkwvLC__fourth_content .block ul {
  background: #fffae1;
  border-radius: 20px;
  padding: 20px;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fourth_content .block ul {
    margin-top: 30px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fourth_content .block ul {
    margin-top: 15px;
  }
}
.QnSOmkwvLC__fourth_content .block ul li {
  border-bottom: 4px dashed #ff708e;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fourth_content .block ul li {
    padding: 5px 0;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fourth_content .block ul li {
    padding: 5px;
  }
}
.QnSOmkwvLC__fourth_content .block ul li:first-letter {
  color: #ff708e;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fourth_content img {
    position: absolute;
    bottom: -70px;
    right: 0;
    width: 45%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fourth_content img {
    width: 100%;
  }
}
.QnSOmkwvLC__fifth {
  background-image: url(../../asset/img/top/QnSOmkwvLC__fifth.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fifth {
    padding: 80px 0 45px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fifth {
    padding: 40px 5%;
  }
}
.QnSOmkwvLC__fifth h2 {
  color: #fff;
  position: relative;
  display: inline-block;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fifth h2 {
    font-size: 160%;
    margin-bottom: 50px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fifth h2 {
    font-size: 120%;
    margin-bottom: 60px;
  }
}
.QnSOmkwvLC__fifth h2:before {
  background-image: url(../../asset/img/top/QnSOmkwvLC__fifth1.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fifth h2:before {
    width: 100px;
    height: 124px;
    left: -170px;
    top: 20px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fifth h2:before {
    width: 33.3333333333px;
    height: 41.3333333333px;
    left: -25px;
    top: -10px;
  }
}
.QnSOmkwvLC__fifth h2:after {
  background-image: url(../../asset/img/top/QnSOmkwvLC__fifth2.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fifth h2:after {
    width: 100px;
    height: 124px;
    right: -170px;
    top: 20px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fifth h2:after {
    width: 33.3333333333px;
    height: 41.3333333333px;
    right: -25px;
    top: -10px;
  }
}
.QnSOmkwvLC__fifth h2 span {
  background: linear-gradient(transparent 70%, #ff9c09 30%);
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fifth h2 span {
    font-size: 128%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fifth h2 span {
    font-size: 120%;
  }
}
.QnSOmkwvLC__fifth_content {
  background: #f7f2d4;
  border-radius: 20px;
  text-align: center;
  box-shadow: 10px 10px 0 #ffc838;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fifth_content {
    width: 80.725%;
    margin: 0 auto;
    padding: 70px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fifth_content {
    padding: auto;
  }
}
.QnSOmkwvLC__fifth_content img {
  margin-bottom: 30px;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fifth_content img {
    width: 74.3%;
  }
}
.QnSOmkwvLC__fifth_content h3 {
  color: #3cbaba;
  margin-bottom: 20px;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fifth_content h3 {
    font-size: 140%;
  }
}
@media (min-width: 751px) {
  .QnSOmkwvLC__fifth_content h3 {
    font-size: 120%;
  }
}
.QnSOmkwvLC__fifth_content p {
  color: #5c5548;
}
@media (max-width: 750px) {
  .QnSOmkwvLC__fifth_content p {
    font-size: 14px;
  }
}
.QnSOmkwvLC__seventh {
  text-align: center;
  position: relative;
  background: rgba(248, 179, 87, 0.2);
}
@media (min-width: 751px) {
  .QnSOmkwvLC__seventh {
    border-top: 31px solid #f8b357;
    padding: 100px 0 100px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__seventh {
    border-top: 15px solid #f8b357;
    padding: 30px 5% 60px;
  }
}
.QnSOmkwvLC__seventh:before {
  content: "";
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  background: rgba(247, 166, 55, 0.5);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 40%;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__seventh:before {
    width: 35%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__seventh:before {
    width: 35%;
  }
}
.QnSOmkwvLC__seventh:after {
  content: "";
  clip-path: polygon(0 0, 0% 100%, 60% 0);
  background: rgba(247, 166, 55, 0.5);
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 30%;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__seventh:after {
    height: 35%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__seventh:after {
    height: 30%;
  }
}
.QnSOmkwvLC__seventh_bg:before {
  content: "";
  clip-path: polygon(100% 0, 100% 100%, 0 0);
  background: rgba(247, 166, 55, 0.5);
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 40%;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__seventh_bg:before {
    width: 35%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__seventh_bg:before {
    width: 35%;
  }
}
.QnSOmkwvLC__seventh_bg:after {
  content: "";
  clip-path: polygon(100% 0, 100% 100%, 60% 0);
  background: rgba(247, 166, 55, 0.5);
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 30%;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__seventh_bg:after {
    height: 35%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__seventh_bg:after {
    height: 30%;
  }
}
.QnSOmkwvLC__seventh_head {
  position: relative;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__seventh_head {
    margin-bottom: 80px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__seventh_head {
    margin-bottom: 20px;
  }
}
.QnSOmkwvLC__seventh_head h2 {
  z-index: 2;
  color: #5c5548;
  position: relative;
  text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, 1px 0px 1px #fff, -1px 0px 1px #fff, 0px 1px 1px #fff, 0px -1px 1px #fff;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__seventh_head h2 {
    font-size: 175%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__seventh_head h2 {
    font-size: 130%;
  }
}
.QnSOmkwvLC__seventh_head span {
  color: rgba(252, 123, 13, 0.5);
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  line-height: 1;
  width: 100%;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__seventh_head span {
    font-size: 520%;
    top: -30px;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__seventh_head span {
    font-size: 230%;
    top: 15px;
  }
}
.QnSOmkwvLC__seventh ul {
  position: relative;
  z-index: 2;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__seventh ul {
    width: 53.75%;
    margin: 0 auto 40px;
  }
}
.QnSOmkwvLC__seventh ul li {
  color: #fff;
  background: #fc7b0d;
  border-radius: 50px;
  margin-bottom: 25px;
  padding: 15px;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__seventh ul li {
    font-size: 150%;
  }
}
.QnSOmkwvLC__seventh p {
  color: #5c5548;
  text-align: center;
  position: relative;
  z-index: 2;
  text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, 1px 0px 1px #fff, -1px 0px 1px #fff, 0px 1px 1px #fff, 0px -1px 1px #fff;
}
.QnSOmkwvLC__seventh img {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (min-width: 751px) {
  .QnSOmkwvLC__seventh img {
    width: 48%;
  }
}
@media (max-width: 750px) {
  .QnSOmkwvLC__seventh img {
    width: 100%;
  }
}/*# sourceMappingURL=top.css.map */