@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@100;200;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?&family=Shippori+Mincho:wght@800&display=swap");
html {
  font-size: 100%;
}

body {
  font-family: "Noto Serif JP", serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6em!important;
  line-height: 1.6!important;
  letter-spacing: 0.04em!important;
  color: #301506;
}

a {
  text-decoration: none;
  outline: none;
}

.wrapper {
  display: block;
  margin: 0px auto;
  padding: 0px;
  min-height: 100vh;
}

/* A Modern CSS Reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

ul[role=list],
ol[role=list] {
  list-style: none;
}

html {
  scroll-behavior: auto;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5!important;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

img,
picture {
  max-width: 100%;
  display: block;
}


@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/*
 * Module
 * -------------------------------------------------------------------
 */
.mainvisual {
  position: relative;
	 width: 100%;
  background-image: url("https://www.sharer.jp/qunonlp/img/main/main.webp");
  background-position:center top;
background-size: cover;
 aspect-ratio: 2880 / 1400; 
}
@media screen and (max-width: 767.8px) {
  .mainvisual {
    background-image: url("https://www.sharer.jp/qunonlp/img/main/main-sp.webp");
    height: 151.46vw;
  }
}

/*
 * Fonts
 * -------------------------------------------------------------------
 */
/*
 * Page
 * -------------------------------------------------------------------
 */
.top-message {
  background-image: url(https://www.sharer.jp/qunonlp/img/01/back.png);
}
.top-message__container {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding: 5.55vw 0;
}
@media screen and (max-width: 767.8px) {
  .top-message__container {
    padding: 11vw 0;
  }
}
.top-message__heading {
  text-align: center;
}
.top-message__heading p {
  font-size: 1.6666666667vw;
}
@media screen and (max-width: 767.8px) {
  .top-message__heading p {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message__heading p {
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message__heading p {
    font-size: 3.2vw;
  }
}
.top-message__heading p span {
  background: linear-gradient(transparent 75%, #FFEA9F 25%);
  font-size: 2.2222222222vw;
}
@media screen and (max-width: 767.8px) {
  .top-message__heading p span {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message__heading p span {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message__heading p span {
    font-size: 4.2666666667vw;
  }
}
.top-message__heading h1 {
  width: 17.986vw;
  margin: 0 auto;
}
@media screen and (max-width: 767.8px) {
  .top-message__heading h1 {
    width: 34.53vw;
  }
}
.top-message__content {
  max-width: 80.3vw;
  margin: 3.15vw auto 0;
  background: url(https://www.sharer.jp/qunonlp/img/01/back02.png) bottom right no-repeat;
  background-size: 48.47vw;
}
@media screen and (max-width: 767.8px) {
  .top-message__content {
    max-width: 87.2vw;
    margin: 6.4vw auto 0;
    background: url(https://www.sharer.jp/qunonlp/img/01/back02-sp.png) bottom right no-repeat;
    background-position-y: 35.368vw;
    background-size: 53.68vw;
  }
}
.top-message__content_header {
  color: #E73273;
}
.top-message__content_header > span {
  display: inline-block;
  transform: skewX(-10deg);
}
.top-message__content_header > span:nth-of-type(1) {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.6666666667vw;
  font-weight: 700;
  border-bottom: 1px dashed #E73273;
  position: relative;
  line-height: 1;
  margin-bottom: 0.7vw;
  margin-left: 3vw;
}
@media screen and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(1) {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(1) {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(1) {
    font-size: 4.8vw;
  }
}
.top-message__content_header > span:nth-of-type(1):before {
  content: "";
  position: absolute;
  top: -2.2vw;
  left: -2vw;
  width: 2.22vw;
  height: 2.08vw;
  background: url(https://www.sharer.jp/qunonlp/img/01/spiral.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(1):before {
    top: -3vw;
    left: -5vw;
    width: 5.6vw;
    height: 5.6vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(1) {
    line-height: 1.7;
    margin-bottom: 2.6vw;
    margin-left: 12.2vw;
  }
}
.top-message__content_header > span:nth-of-type(2) {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.6666666667vw;
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  gap: 0.5vw;
}
@media screen and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(2) {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(2) {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(2) {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(2) {
    flex-direction: column;
    align-items: center;
  }
}
.top-message__content_header > span:nth-of-type(2) > span:nth-of-type(1) {
  font-size: 2.2222222222vw;
  padding: 0.27vw 0.55vw;
  background-color: #E73273;
  color: #ffffff;
  font-weight: 400;
}
@media screen and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(2) > span:nth-of-type(1) {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(2) > span:nth-of-type(1) {
    font-size: 1.6666666667vw;
    padding: 1vw 2.2vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(2) > span:nth-of-type(1) {
    font-size: 6.4vw;
  }
}
.top-message__content_header > span:nth-of-type(2) > span:nth-of-type(1) > b {
  font-size: 2.7777777778vw;
  font-weight: 700;
}
@media screen and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(2) > span:nth-of-type(1) > b {
    font-size: 10.6666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(2) > span:nth-of-type(1) > b {
    font-size: 2.2222222222vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(2) > span:nth-of-type(1) > b {
    font-size: 8.5333333333vw;
  }
}
.top-message__content_header > span:nth-of-type(2) > span:nth-of-type(2) {
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(2) > span:nth-of-type(2) {
    padding-left: 22vw;
  }
}
.top-message__content_header > span:nth-of-type(2) > span:nth-of-type(2) > b {
  font-size: 2.2222222222vw;
}
@media screen and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(2) > span:nth-of-type(2) > b {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(2) > span:nth-of-type(2) > b {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(2) > span:nth-of-type(2) > b {
    font-size: 6.4vw;
  }
}
.top-message__content_header > span:nth-of-type(2) > span:nth-of-type(2) > b:before {
  content: "";
  position: absolute;
  top: -1.6vw;
  right: -0.8vw;
  width: 2.15vw;
  height: 2.15vw;
  background: url(https://www.sharer.jp/qunonlp/img/01/star.svg) no-repeat;
  background-size: contain;
  transform: skewX(10deg);
}
@media screen and (max-width: 767.8px) {
  .top-message__content_header > span:nth-of-type(2) > span:nth-of-type(2) > b:before {
    top: -6.6vw;
    right: -5.8vw;
    width: 8.2vw;
    height: 8.2vw;
  }
}
.top-message__content_content {
  font-size: 1.6666666667vw;
  padding: 2.19vw 3vw 1.66vw;

}
@media screen and (max-width: 767.8px) {
  .top-message__content_content {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message__content_content {
    font-size: 0.8333333333vw;
    padding: 10.9vw 0 0;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message__content_content {
    font-size: 3.2vw;
  }
}
.top-message__content_content p.s1 {
  margin-bottom: 1.66vw;
line-height: 180%;

}
.top-message__content_content p.s1 > span {
  font-size: 2.2222222222vw;
  font-weight: 500;
}
@media screen and (max-width: 767.8px) {
  .top-message__content_content p.s1 > span {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message__content_content p.s1 > span {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message__content_content p.s1 > span {
    font-size: 4.2666666667vw;
  }
}
.top-message__content_content p.s1 > b {
  font-size: 2.7777777778vw;
  color: #E73273;
  font-weight: 500;
}
@media screen and (max-width: 767.8px) {
  .top-message__content_content p.s1 > b {
    font-size: 10.6666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message__content_content p.s1 > b {
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message__content_content p.s1 > b {
    font-size: 5.3333333333vw;
  }
}
.top-message__content_content p.s2 span,
.top-message__content_content p.s2 span:nth-of-type(3) {
  font-size: 2.2222222222vw;
  font-weight: 500;
}
@media screen and (max-width: 767.8px) {
  .top-message__content_content p.s2 span,
  .top-message__content_content p.s2 span:nth-of-type(3) {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message__content_content p.s2 span,
  .top-message__content_content p.s2 span:nth-of-type(3) {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message__content_content p.s2 span,
  .top-message__content_content p.s2 span:nth-of-type(3) {
    font-size: 4.2666666667vw;
  }
}
.top-message__content_content p.s2 span:nth-of-type(2),
.top-message__content_content p.s2 span:nth-of-type(4) {
  font-size: 2.7777777778vw;
  font-weight: 500;
}
@media screen and (max-width: 767.8px) {
  .top-message__content_content p.s2 span:nth-of-type(2),
  .top-message__content_content p.s2 span:nth-of-type(4) {
    font-size: 10.6666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message__content_content p.s2 span:nth-of-type(2),
  .top-message__content_content p.s2 span:nth-of-type(4) {
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message__content_content p.s2 span:nth-of-type(2),
  .top-message__content_content p.s2 span:nth-of-type(4) {
    font-size: 5.3333333333vw;
  }
}
.top-message__content_content p.s2 b {
  font-size: 3.8888888889vw;
	 line-height:2.0!important;
  color: #E73273;
  font-weight: 700;
  display: inline-block;
  background: rgb(255, 0, 92);
  background: linear-gradient(90deg, rgb(255, 0, 92) 0%, rgb(255, 108, 161) 53%, rgb(255, 81, 27) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff005c",endColorstr="#ff511b",GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767.8px) {
  .top-message__content_content p.s2 b {
    font-size: 14.9333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message__content_content p.s2 b {
    font-size: 1.9444444444vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message__content_content p.s2 b {
    font-size: 7.4666666667vw;
  }
}
.top-message__content_content p.s2.underline {
  text-decoration: none;
  display: inline-block;
  position: relative;
}
.top-message__content_content p.s2.underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom:0.7vw;
  width: 100%;
  height: 2px;
  background: rgb(255, 0, 92);
  background: linear-gradient(90deg, rgb(255, 0, 92) 0%, rgb(255, 108, 161) 53%, rgb(255, 81, 27) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff005c",endColorstr="#ff511b",GradientType=1);
}
@media screen and (max-width: 767.8px) {
  .top-message__content_content p.s2.underline::after {
    height: 1px;
  }
}
.top-message__content_content p.s2.underline::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.7vw;
  width: 100%;
  z-index: 1;
  height: 3px;
  background-image: linear-gradient(to right, transparent, transparent 2px, #fff 2px, #fff 4px);
  background-size: 4px 3px;
}
@media screen and (max-width: 767.8px) {
  .top-message__content_content p.s2.underline::before {
    background-image: linear-gradient(to right, transparent, transparent 1.5px, #fff 1.5px, #fff 3px);
    background-size: 3px 3px;
  }
}

.top-nayami {
  background: url(https://www.sharer.jp/qunonlp/img/02/back.webp) no-repeat;
  min-height: 46.3vw;
  background-size: cover;
  padding: 3.47vw 0;
  color: #ffffff;
}
@media screen and (max-width: 767.8px) {
  .top-nayami {
    background: url(https://www.sharer.jp/qunonlp/img/02/back-sp.webp) no-repeat;
    min-height: 85.73vw;
    background-size: cover;
    padding: 10.66vw 0;
  }
}
.top-nayami__container {
  width: 41.25vw;
  margin: 0 10.41vw 0 auto;
  position: relative;
}
@media screen and (max-width: 767.8px) {
  .top-nayami__container {
    width: 79.2vw;
    margin: 0 auto;
  }
}
.top-nayami__heading {
  position: relative;
  z-index: 2;
}
.top-nayami__heading h2 {
  font-size: 2.7777777778vw;
  text-align: center;
}
@media screen and (max-width: 767.8px) {
  .top-nayami__heading h2 {
    font-size: 10.6666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-nayami__heading h2 {
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-nayami__heading h2 {
    font-size: 5.3333333333vw;
  }
}
.top-nayami__heading h2 > span {
  display: inline-block;
  position: relative;
}
.top-nayami__heading h2 > span::after {
  position: absolute;
  content: "";
  left: 6%;
  bottom: 0;
  width: 88%;
  margin: 0 auto;
  height: 1px;
  border-bottom: 1px dashed #ffffff;
}
@media screen and (max-width: 767.8px) {
  .top-nayami__heading h2 > span::after {
    border-bottom: 1px dotted #ffffff;
  }
}
.top-nayami__heading h2 > span.full::before {
  position: absolute;
  content: "";
  right: -3.08vw;
  top: -0.5vw;
  width: 3.08vw;
  height: 2.94vw;
  background: url(https://www.sharer.jp/qunonlp/img/02/spiral.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767.8px) {
  .top-nayami__heading h2 > span.full::before {
    right: -5vw;
    top: -1.5vw;
    width: 5.93vw;
    height: 5.93vw;
  }
}
.top-nayami__heading h2 > span.full::after {
  left: 0;
  width: 100%;
}
.top-nayami__heading h2 > span > span {
  font-size: 1.6666666667vw;
  font-weight: 400;
}
@media screen and (max-width: 767.8px) {
  .top-nayami__heading h2 > span > span {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-nayami__heading h2 > span > span {
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-nayami__heading h2 > span > span {
    font-size: 3.2vw;
  }
}
.top-nayami__content {
  background: rgba(255, 255, 255, 0.1) url(https://www.sharer.jp/qunonlp/img/02/frame.svg) no-repeat;
  background-size: 100% 100%;
  padding: 3.47vw 0;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  position: relative;
  top: -2vw;
  z-index: 1;
  /*
  &::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 1;
      height: 1px;
      background-image: linear-gradient(to right, #fff, #fff 10%, transparent 10%,transparent 90%, #fff 90%, #fff 100%);
      background-size: 100% 1px;
  }*/
}
@media screen and (max-width: 767.8px) {
  .top-nayami__content {
    padding: 6.67vw 0;
    top: -4vw;
    margin-bottom: -4vw;
  }
}
.top-nayami__content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.18vw;
}
@media screen and (max-width: 767.8px) {
  .top-nayami__content ul {
    gap: 2.26vw;
  }
}
.top-nayami__content ul li {
  padding: 0;
  margin: 0;
  font-size: 1.6666666667vw;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.4;
}
@media screen and (max-width: 767.8px) {
  .top-nayami__content ul li {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-nayami__content ul li {
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-nayami__content ul li {
    font-size: 3.2vw;
  }
}

.top-osusume {
  position: relative;
  top: -10.069vw;
  margin-bottom: -10.069vw;
}
.top-osusume__container {
  min-height: 60vw;
}
.top-osusume__heading_back1 {
  width: 100%;
  height: 7.7vw;
  background-color: #ED7A94;
  transform: skewX(-8.48deg) rotate(-8.48deg);
  transform-origin: right top;
  position: absolute;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 767.8px) {
  .top-osusume__heading_back1 {
    height: 14.84vw;
  }
}
.top-osusume__heading_content {
  width: 100%;
  padding: 0 0 0.2vw;
  background-color: #E73273;
  position: absolute;
  top: 4.16vw;
  transform: skewX(-3.09deg) rotate(-3.09deg);
  transform-origin: right top;
  z-index: 2;
  font-size: 2.9166666667vw;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.09em;
  text-align: center;
}
@media screen and (max-width: 767.8px) {
  .top-osusume__heading_content {
    padding: 1.6vw 0;
  }
}
@media screen and (max-width: 767.8px) {
  .top-osusume__heading_content {
    font-size: 11.2vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-osusume__heading_content {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-osusume__heading_content {
    font-size: 4.8vw;
  }
}
.top-osusume__heading_content > span {
  font-size: 4.4444444444vw;
  font-weight: 700;
}
@media screen and (max-width: 767.8px) {
  .top-osusume__heading_content > span {
    font-size: 17.0666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-osusume__heading_content > span {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-osusume__heading_content > span {
    font-size: 6.4vw;
  }
}
.top-osusume__heading_content > span.dot {
  background-image: radial-gradient(circle at center, rgb(255, 255, 255) 13%, transparent 14%);
  background-position: bottom left;
  background-repeat: repeat-x;
  background-size: 4.7vw 1vw;
}
@media screen and (max-width: 767.8px) {
  .top-osusume__heading_content > span.dot {
    background-size: 6.7vw 1vw;
    padding-bottom: 0.5vw;
  }
}
.top-osusume__heading_content::before {
  content: "";
  position: absolute;
  top: 2.04vw;
  left:17.34vw;
  width: 3.72vw;
  height: 4.2vw;
  background: url(https://www.sharer.jp/qunonlp/img/03/star1.svg) no-repeat;
  background-size: contain;
  transform: skewX(3.09deg) rotate(3.09deg);
}
@media screen and (max-width: 767.8px) {
  .top-osusume__heading_content::before {
    top: 5.5vw;
    left: 15.2vw;
    width: 6.93vw;
    height: 6.93vw;
  }
}
.top-osusume__heading_content::after {
  content: "";
  position: absolute;
  top: 0.5vw;
  left: 57.5vw;
  width: 1.94vw;
  height: 1.94vw;
  background: url(https://www.sharer.jp/qunonlp/img/03/star2.svg) no-repeat;
  background-size: contain;
  transform: skewX(3.09deg) rotate(3.09deg);
}
@media screen and (max-width: 767.8px) {
  .top-osusume__heading_content::after {
    top: 0.5vw;
    left: 78.13vw;
    width: 3.73vw;
    height: 3.73vw;
  }
}
.top-osusume__content {
  padding: 21.45vw 5vw 19vw ;
  background: url(https://www.sharer.jp/qunonlp/img/03/back.webp) no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
  position: relative;
}
@media screen and (max-width: 767.8px) {
  .top-osusume__content {
    padding: 34vw 6.8vw 37vw;
    background: url(https://www.sharer.jp/qunonlp/img/03/back-sp.webp) no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
  }
}
.top-osusume__content_cell {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap:1.47vw;
  width:90%;
margin: 0 auto;
padding: 0;

}
@media screen and (max-width: 767.8px) {
  .top-osusume__content_cell {
    gap: 0.2vw;
	  width:100%;
  }
}
.top-osusume__content_cell div {
  width: 23.81vw;
	
}
@media screen and (max-width: 767.8px) {
.top-osusume__content_cell_img	{
	padding: 0 10px;
	margin: 0;
	}
	
	
  .top-osusume__content_cell div {
   width: 23.64vw;
  }
}
.top-osusume__content_cell:nth-of-type(2) {
  top: -2.916vw;
  margin-bottom: -2.916vw;
  flex-direction: row-reverse;
  gap: 0;
}
@media screen and (max-width: 767.8px) {
  .top-osusume__content_cell:nth-of-type(2) {
    top: 0;
    margin-bottom: 0;
    margin-top: 9vw;
  }
}
.top-osusume__content_cell:nth-of-type(2) div {
  width: 23.64vw;
}
@media screen and (max-width: 767.8px) {
  .top-osusume__content_cell:nth-of-type(2) div {
   width: 23.64vw;
  }
}
.top-osusume__content_cell ul {
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap:0.38vw;
}

.top-osusume__content_cell li {
  margin: 0;
  padding: 0;	
  width: 100%;

}
@media screen and (max-width: 767.8px) {
  .top-osusume__content_cell ul {
    gap: 0;
  }
}
.top-osusume__content_cell ul li {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  font-size: 1.66vw;
  font-weight: 500;
}
.top-osusume__content_cell ul li::before {
  content: "";
  display: inline-block;
  width: 1.66vw;
  height: 1.66vw;
  background: url(https://www.sharer.jp/qunonlp/img/03/check.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767.8px) {	

  .top-osusume__content_cell ul li::before {
    width: 2.93vw;
    height: 2.93vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-osusume__content_cell ul li {
    font-size:2vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-osusume__content_cell ul li {
    font-size: 0.9722222222vw;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-osusume__content_cell ul li {
    font-size: 2vw;
  }
}
.top-osusume__content_cell ul li span {
  font-size: 1.9166666667vw;
  font-weight: 700;
  display: inline-block;
  background: rgb(255, 0, 92);
  background: linear-gradient(90deg, rgb(255, 0, 92) 0%, rgb(255, 108, 161) 53%, rgb(255, 81, 27) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff005c",endColorstr="#ff511b",GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767.8px) {
  .top-osusume__content_cell ul li span {
    font-size:3.2vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-osusume__content_cell ul li span {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-osusume__content_cell ul li span {
    font-size: 4.8vw;
  }
}
.top-osusume__content #qunon {
  position: absolute;
  bottom: 2.84vw;
  right: 10.41vw;
  width: 26.38vw;
}
@media screen and (max-width: 767.8px) {
  .top-osusume__content #qunon {
    display: none;
  }
}

.top-kagi {
  background: url(https://www.sharer.jp/qunonlp/img/04/back.webp) no-repeat;
  background-size: cover;
  padding: 6.94vw 8.16vw;
  position: relative;
}
@media screen and (max-width: 767.8px) {
  .top-kagi {
    padding: 10.6vw 6.4vw;
  }
}
.top-kagi__container #qunon2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 23vw;
  z-index: 10;
}
@media screen and (max-width: 767.8px) {
  .top-kagi__container #qunon2 {
    display: none;
  }
}
.top-kagi__container #qunon2-sp {
  display: none;
}
@media screen and (max-width: 767.8px) {
  .top-kagi__container #qunon2-sp {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width:30vw;
    z-index: 10;
  }
}
.top-kagi__heading {
  background-color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.top-kagi__heading h2 {
  border: 1px solid rgb(252, 147, 114);
  -o-border-image: linear-gradient(90deg, rgb(252, 147, 114) 0%, rgb(255, 124, 150) 44%, rgb(231, 50, 115) 100%) 1;
     border-image: linear-gradient(90deg, rgb(252, 147, 114) 0%, rgb(255, 124, 150) 44%, rgb(231, 50, 115) 100%) 1;
  font-size: 2.2222222222vw;
  display: inline-block;
  background: rgb(252, 147, 114);
  background: linear-gradient(90deg, rgb(252, 147, 114) 0%, rgb(255, 124, 150) 44%, rgb(231, 50, 115) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc9372",endColorstr="#e73273",GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
  padding: 0.69vw 6.9vw;
  box-shadow: 10px 10px 0 0 #FD6482;
}
@media screen and (max-width: 767.8px) {
  .top-kagi__heading h2 {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kagi__heading h2 {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kagi__heading h2 {
    font-size: 4.2666666667vw;
  }
}
.top-kagi__heading h2 > span {
  font-size: 2.7777777778vw;
  font-weight: 500;
}
@media screen and (max-width: 767.8px) {
  .top-kagi__heading h2 > span {
    font-size: 10.6666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kagi__heading h2 > span {
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kagi__heading h2 > span {
    font-size: 5.3333333333vw;
  }
}
.top-kagi__heading h2 > b {
  font-size: 3.8888888889vw;
  font-weight: 700;
}
@media screen and (max-width: 767.8px) {
  .top-kagi__heading h2 > b {
    font-size: 14.9333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kagi__heading h2 > b {
    font-size: 1.9444444444vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kagi__heading h2 > b {
    font-size: 7.4666666667vw;
  }
}
.top-kagi__heading h2 > b > span {
  padding-bottom: 0.5vw;
  background-image: radial-gradient(circle at center, #E73273 13%, transparent 14%);
  background-position: bottom left;
  background-repeat: repeat-x;
  background-size: 4vw 1vw;
}
@media screen and (max-width: 767.8px) {
  .top-kagi__heading h2 > b > span {
    background-size: 7.6vw 2vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kagi__heading h2 {
    box-shadow: 5px 5px 0 0 #FD6482;
  }
}
.top-kagi__content {
  background-color: #ffffff;
  border-radius: 3px;
  padding: 9.09vw 0 3.47vw;
  position: relative;
  top: -6.25vw;
  margin-bottom: -6.25vw;
  z-index: 1;
}
@media screen and (max-width: 767.8px) {
  .top-kagi__content {
    top: -11.25vw;
    margin-bottom: -11.25vw;
    padding: 20.26vw 0 5.6vw;
  }
}
.top-kagi__content > img {
  width: 69.79vw;
  margin: 0 auto;
}
@media screen and (max-width: 767.8px) {
  .top-kagi__content > img {
    width: 81.06vw;
  }
}
.top-kagi__footer {
  position: relative;
  z-index: 2;
}
.top-kagi__footer div {
  position: relative;
  display: block;
  padding: 1.67vw 0.7vw;
  width: 67.64vw;
  margin: 1.38vw auto 0;
  background: #ffffff;
  border: solid 1px #E73273;
  filter: drop-shadow(10px 10px 0 #FD6482);
}
@media screen and (max-width: 767.8px) {
  .top-kagi__footer div {
    padding: 8vw 2.6vw;
    width: 80vw;
    margin: 2.93vw auto 0;
    filter: drop-shadow(5px 5px 0 #FD6482);
  }
}
.top-kagi__footer div:after {
  content: "";
  position: absolute;
  top: -3.1vw;
  left: 50%;
  transform: translateX(-50%);
  border: 0.7vw solid transparent;
  border-top: 0;
  border-bottom: 3.47vw solid #ffffff;
  z-index: 2;
}
@media screen and (max-width: 767.8px) {
  .top-kagi__footer div:after {
    content: "";
    position: absolute;
    top: -6vw;
    left: 50%;
    transform: translateX(-50%);
    border: 1.86vw solid transparent;
    border-top: 0;
    border-bottom: 6.67vw solid #ffffff;
    z-index: 2;
  }
}
.top-kagi__footer div:before {
  content: "";
  position: absolute;
  top: -3.47vw;
  left: 50%;
  transform: translateX(-50%);
  border: 0.7vw solid transparent;
  border-top: 0;
  border-bottom: 3.47vw solid #E73273;
  z-index: 1;
}
@media screen and (max-width: 767.8px) {
  .top-kagi__footer div:before {
    content: "";
    position: absolute;
    top: -6.67vw;
    left: 50%;
    transform: translateX(-50%);
    border: 1.86vw solid transparent;
    border-top: 0;
    border-bottom: 6.67vw solid #E73273;
    z-index: 1;
  }
}
.top-kagi__footer div h3 {
  font-size: 1.1111111111vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #E73273;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 767.8px) {
  .top-kagi__footer div h3 {
    font-size: 4.2666666667vw;
  }
}

@media screen and (max-width: 767.8px) {
  .top-kagi__footer div h3 .sp-only {
    display: inline-block;
  }
}
.top-kagi__footer div h3 > span {
  font-size: 1.25vw;
  font-weight: 700;
}
@media screen and (max-width: 767.8px) {
  .top-kagi__footer div h3 > span {
    font-size:5.8vw;
  }
}

.top-kagi__footer div h3 > span > span {
  padding-bottom: 0.6vw;
  background-image: radial-gradient(circle at center, #E73273 20%, transparent 20%);
  background-position: bottom left;
  background-repeat: repeat-x;
  background-size: 1.2vw 1vw;
}
@media screen and (max-width: 767.8px) {
  .top-kagi__footer div h3 > span > span {
    background-size:5.4vw 1vw;
  }
}
.top-kagi__footer ul {
  list-style: none;
  margin: 1.67vw auto 0;
  padding: 0;
  display: flex;
  gap: 2.22vw;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767.8px) {
  .top-kagi__footer ul {
    margin: 4.2vw auto 0;
    flex-direction: column;
    gap: 2.13vw;
  }
}
.top-kagi__footer ul li {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 1.1111111111vw;
  font-weight: 400;
}

@media screen and (max-width: 767.8px) {
  .top-kagi__footer ul li.last {
     font-size: 2.1333333333vw;
  }
}

.top-kagi__footer ul li > img {
  width: 2.91vw;
  margin: 0 auto;
}
@media screen and (max-width: 767.8px) {
  .top-kagi__footer ul li > img {
    width: 20vw;
  }
}
.top-kagi__footer ul li p {
  margin-top: 0.6vw;
}

@media screen and (max-width: 767.8px) {
  .top-kagi__footer ul li p {
    font-size: 3.4vw;
	line-height: 1.8;
  }
}

.top-kagi__footer ul li p span {
  font-size: 1.6666666667vw;
  font-weight: 700;
}
@media screen and (max-width: 767.8px) {
  .top-kagi__footer ul li p span {
    font-size: 6.4vw;
  }
}

@media screen and (max-width: 767.8px) {
  .top-kagi__footer ul li p span.last {
    font-size: 3.2vw;
  }
}


.top-kodawari {
  background: url(https://www.sharer.jp/qunonlp/img/05/back2.webp), url(https://www.sharer.jp/qunonlp/img/05/back.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% auto, auto;
  padding-bottom: 5.56vw;
}
.top-kodawari__heading {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: 0 auto;
  padding: 3.47vw 0 2.847vw;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__heading {
    padding: 10.67vw 0;
  }
}
.top-kodawari__heading #star {
  width: 7vw;
  margin: 0 auto 0.7vw;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__heading #star {
    width: 13.46vw;
    margin: 0 auto 1.2vw;
  }
}
.top-kodawari__heading h2 {
  font-family: "Shippori Mincho", serif;
  font-size: 3.8888888889vw;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 0.83vw;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__heading h2 {
    font-size: 14.9333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__heading h2 {
    font-size: 1.9444444444vw;
    gap: 1.46vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__heading h2 {
    font-size: 7.4666666667vw;
  }
}
.top-kodawari__heading h2 > span {
  color: #E73273;
}
.top-kodawari__heading h2 > span > b {
  font-size: 4.4444444444vw;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__heading h2 > span > b {
    font-size: 17.0666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__heading h2 > span > b {
    font-size: 2.2222222222vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__heading h2 > span > b {
    font-size: 8.5333333333vw;
  }
}
.top-kodawari__heading h2 > span > span {
  font-size: 2.2222222222vw;
  color: #301506;
  display: block;
  margin: 0 auto;
  border-top: 1px solid #301506;
  border-bottom: 1px solid #301506;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__heading h2 > span > span {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__heading h2 > span > span {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__heading h2 > span > span {
    font-size: 4.2666666667vw;
  }
}
.top-kodawari__heading h2::before {
  content: "";
  display: block;
  width: 3.75vw;
  height: 9.167vw;
  background: url(https://www.sharer.jp/qunonlp/img/05/grass.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__heading h2::before {
    width: 7.2vw;
    height: 17.6vw;
  }
}
.top-kodawari__heading h2::after {
  content: "";
  display: block;
  width: 3.75vw;
  height: 9.167vw;
  background: url(https://www.sharer.jp/qunonlp/img/05/grass2.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__heading h2::after {
    width: 7.2vw;
    height: 17.6vw;
  }
}
.top-kodawari__content ul.sozai {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2.36vw;
  max-width: 79vw;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content ul.sozai {
    gap: 2.13vw;
    max-width: 75.73vw;
  }
}
.top-kodawari__content ul.sozai li {
  position: relative;
}
.top-kodawari__content ul.sozai li img {
  width: 13.88vw;
  filter: drop-shadow(0 0 21px rgba(250, 152, 183, 0.4));
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content ul.sozai li img {
    width: 13.33vw;
  }
}
.top-kodawari__content ul.sozai li span {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%);
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.5vw;
  color: #E73273;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content ul.sozai li span {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content ul.sozai li span {
    font-size: 0.4166666667vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content ul.sozai li span {
    font-size: 1.6vw;
  }
}
.top-kodawari__content ul.sozai li span.two {
  top: 55%;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content ul.sozai li span.two {
    top: 57%;
  }
}
.top-kodawari__content .price {
  width: -moz-fit-content;
  width: fit-content;
  margin: 3.95vw auto 0;
  position: relative;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price {
    margin: 4.8vw auto 0;
  }
}
.top-kodawari__content .price .fukidashi {
  width: 19.51vw;
  height: 5.4vw;
  background: url(https://www.sharer.jp/qunonlp/img/05/fukidashi.svg) no-repeat;
  background-size: contain;
  font-size: 1.25vw;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  padding-top: 0.5vw;
  transform: rotate(-6.46deg);
  position: relative;
  left: -5vw;
  top: 1vw;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .fukidashi {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .fukidashi {
    font-size: 0.625vw;
    width: 37.6vw;
    height: 10.184vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .price .fukidashi {
    font-size: 2.4vw;
  }
}
.top-kodawari__content .price .fukidashi span {
  font-size: 1.6666666667vw;
  font-weight: 700;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .fukidashi span {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .fukidashi span {
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .price .fukidashi span {
    font-size: 3.2vw;
  }
}
.top-kodawari__content .price .fukidashi span b {
  font-size: 2.2222222222vw;
  font-weight: 900;
  padding-bottom: 0.5vw;
  background-image: radial-gradient(circle at center, #fff 16%, transparent 18%);
  background-position: bottom left;
  background-repeat: repeat-x;
  background-size: 2.4vw 1vw;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .fukidashi span b {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .fukidashi span b {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .price .fukidashi span b {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .fukidashi span b {
    background-size: 4.5vw 1vw;
  }
}
.top-kodawari__content .price .himitsu {
  font-size: 3.8888888889vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.4;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu {
    font-size: 14.9333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu {
    font-size: 1.3888888889vw;
    white-space: nowrap;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu {
    font-size: 5.3333333333vw;
  }
}
.top-kodawari__content .price .himitsu > span:nth-of-type(1) {
  color: #E73273;
  font-size: 4.4444444444vw;
  font-weight: 500;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu > span:nth-of-type(1) {
    font-size: 17.0666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu > span:nth-of-type(1) {
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu > span:nth-of-type(1) {
    font-size: 5.3333333333vw;
  }
}
.top-kodawari__content .price .himitsu > b {
  font-size: 7.7777777778vw;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu > b {
    font-size: 29.8666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu > b {
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu > b {
    font-size: 12.8vw;
  }
}
.top-kodawari__content .price .himitsu > b > span {
  letter-spacing: -0.06em;
}
.top-kodawari__content .price .himitsu > span:nth-of-type(2) {
  font-size: 3.3333333333vw;
  font-weight: 500;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu > span:nth-of-type(2) {
    font-size: 12.8vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu > span:nth-of-type(2) {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu > span:nth-of-type(2) {
    font-size: 4.2666666667vw;
  }
}
.top-kodawari__content .price .himitsu > span:nth-of-type(3) {
  color: #E73273;
  font-size: 4.4444444444vw;
  font-weight: 900;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu > span:nth-of-type(3) {
    font-size: 17.0666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu > span:nth-of-type(3) {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu > span:nth-of-type(3) {
    font-size: 6.4vw;
  }
}
.top-kodawari__content .price .himitsu > span:nth-of-type(4) {
  font-size: 2.7777777778vw;
  font-weight: 500;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu > span:nth-of-type(4) {
    font-size: 10.6666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu > span:nth-of-type(4) {
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .price .himitsu > span:nth-of-type(4) {
    font-size: 3.2vw;
  }
}
.top-kodawari__content .span {
  font-size: 1.25vw;
  font-weight: 400;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .span {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .span {
    font-size: 0.5555555556vw;
    margin-top: 2.13vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .span {
    font-size: 2.1333333333vw;
  }
}
.top-kodawari__content .secret {
  width: 75vw;
  margin: 9.72vw auto 0;
  padding-top: 12vw;
  background: url(https://www.sharer.jp/qunonlp/img/05/frame_top.svg) top center no-repeat;
  background-size: 100% auto;
  position: relative;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret {
    width: 87.2vw;
    margin: 13.86vw auto 0;
    padding-top: 14.13vw;
  }
}
.top-kodawari__content .secret:before {
  content: "";
  width: 25.41vw;
  height: 14.87vw;
  background: url(https://www.sharer.jp/qunonlp/img/05/secret1.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -45%);
}
.top-kodawari__content .secret.s2:before {
  background: url(https://www.sharer.jp/qunonlp/img/05/secret2.svg) no-repeat;
  background-size: contain;
}
.top-kodawari__content .secret.s3:before {
  background: url(https://www.sharer.jp/qunonlp/img/05/secret3.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret.s3 h3 {
    font-size: 0.4861111111vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .secret.s3 h3 {
    font-size: 1.8666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret.s3 .secret_inner > span {
    font-size: 0.4861111111vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .secret.s3 .secret_inner > span {
    font-size: 1.8666666667vw;
  }
}
.top-kodawari__content .secret_inner {
  text-align: center;
  padding-bottom: 3.125vw;
  background: url(https://www.sharer.jp/qunonlp/img/05/frame_bottom.svg) bottom center no-repeat;
  background-size:100% auto;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner {
    padding-bottom: 4vw;
  }
}
.top-kodawari__content .secret_inner h3 {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.6666666667vw;
  font-weight: 700;
  color: #E73273;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner h3 {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner h3 {
    font-size: 0.5555555556vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner h3 {
    font-size: 2.1333333333vw;
  }
}
.top-kodawari__content .secret_inner h3 span {
  font-size: 2.7777777778vw;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner h3 span {
    font-size: 10.6666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner h3 span {
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner h3 span {
    font-size: 3.2vw;
  }
}
.top-kodawari__content .secret_inner h3 span b {
  background: linear-gradient(transparent 60%, #FFEA9F 60%, #FFEA9F 88%, transparent 88%, transparent 100%);
}
.top-kodawari__content .secret_inner > p {
  margin: 2.36vw auto 0;
  font-size: 1.6666666667vw;
  font-weight: 400;
  text-align: left;
  width: 59.16vw;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner > p {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner > p {
    margin: 2.13vw auto 0;
    font-size: 0.5555555556vw;
    width: 66.67vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner > p {
    font-size: 2.1333333333vw;
  }
}
.top-kodawari__content .secret_inner img#secret-img2 {
  margin: 2.77vw auto 0.5vw;
  width: 56.94vw;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner img#secret-img2 {
    margin: 7.46vw auto 0;
    width: 66.67vw;
  }
}
.top-kodawari__content .secret_inner img#secret-img3 {
  margin: 2.36vw auto 0.5vw;
  width: 59.09vw;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner img#secret-img3 {
    margin: 5.06vw auto 5.86vw;
    width: 65.6vw;
  }
}
.top-kodawari__content .secret_inner > span {
  display: block;
  margin: 1.736vw auto 2.565vw;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.1111111111vw;
  font-weight: 500;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner > span {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner > span {
    font-size: 0.5555555556vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner > span {
    font-size: 2.1333333333vw;
  }
}
.top-kodawari__content .secret_inner .sozai1 {
  display: flex;
  align-items: center;
  gap: 2.22vw;
  width: 60vw;
  margin: 2.22vw auto 0;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai1 {
    gap: 2.448vw;
    width: 65.86vw;
    margin: 1.6vw auto 0;
  }
}
.top-kodawari__content .secret_inner .sozai1 > img {
  width: 18.05vw;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai1 > img {
    width: 20.576vw;
  }
}
.top-kodawari__content .secret_inner .sozai1 > div {
  text-align: left;
  flex: 1;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai1 > div {
    display: flex;
    flex-direction: column;
  }
}
.top-kodawari__content .secret_inner .sozai1 > div span {
  font-size: 2.2222222222vw;
  font-weight: 700;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai1 > div span {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai1 > div span {
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai1 > div span {
    font-size: 3.2vw;
  }
}
.top-kodawari__content .secret_inner .sozai1 > div p {
  margin-top: 0.5vw;
  font-size: 1.6666666667vw;
  font-weight: 400;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai1 > div p {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai1 > div p {
    font-size: 0.5555555556vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai1 > div p {
    font-size: 2.1333333333vw;
  }
}
.top-kodawari__content .secret_inner .sozai2 {
  width: 60vw;
  margin: 1.67vw auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai2 {
    width: 65.86vw;
    margin: 1.6vw auto;
  }
}
.top-kodawari__content .secret_inner .sozai2_cel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5vw;
  width: 60vw;
  margin: 2.22vw auto 0;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai2_cel {
    gap: 1.3vw;
    width: 20.576vw;
    margin: 0 auto 0;
  }
}
.top-kodawari__content .secret_inner .sozai2_cel > img {
  width: 18.68vw;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai2_cel > img {
    width: 20.576vw;
  }
}
.top-kodawari__content .secret_inner .sozai2_cel > div {
  text-align: center;
  line-height: 1.3;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai2_cel > div {
    display: flex;
    flex-direction: column;
  }
}
.top-kodawari__content .secret_inner .sozai2_cel > div span {
  font-size: 1.1111111111vw;
  font-weight: 700;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai2_cel > div span {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai2_cel > div span {
    font-size: 0.5555555556vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai2_cel > div span {
    font-size: 2.1333333333vw;
  }
}
.top-kodawari__content .secret_inner .sozai2_cel > div p {
  margin-top: 0;
  font-size: 1.1111111111vw;
  font-weight: 400;
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai2_cel > div p {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai2_cel > div p {
    font-size: 0.5555555556vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-kodawari__content .secret_inner .sozai2_cel > div p {
    font-size: 2.1333333333vw;
  }
}

.top-nomikata {
  padding: 3.47vw 0;
  background: url(https://www.sharer.jp/qunonlp/img/06/back.webp) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767.8px) {
  .top-nomikata {
    padding: 10.67vw 0;
  }
}
.top-nomikata__heading h2 {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.5277777778vw;
  font-weight: 700;
  width: -moz-fit-content;
  width: fit-content;
  height: 8.33vw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7.7vw;
  margin: 0 auto;
}
@media screen and (max-width: 767.8px) {
  .top-nomikata__heading h2 {
    font-size: 5.8666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-nomikata__heading h2 {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-nomikata__heading h2 {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-nomikata__heading h2 {
    height: 19.73vw;
    gap: 13.3vw;
  }
}
.top-nomikata__heading h2::before, .top-nomikata__heading h2::after {
  content: "";
  display: inline-block;
  width: 19.44vw;
  height: 1px;
  background-color: #301506;
}
@media screen and (max-width: 767.8px) {
  .top-nomikata__heading h2::before, .top-nomikata__heading h2::after {
    width: 11.46vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-nomikata__content {
    margin-top: 2.6vw;
  }
}
.top-nomikata__content ul {
  list-style: none;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 0;
  display: flex;
  gap: 3.958vw;
}
@media screen and (max-width: 767.8px) {
  .top-nomikata__content ul {
    flex-direction: column;
    gap: 2.13vw;
  }
}
.top-nomikata__content ul img {
  width: 17.08vw;
  box-shadow: 0.7vw 0.7vw 0.7vw #B1B5C2;
}
@media screen and (max-width: 767.8px) {
  .top-nomikata__content ul img {
    width: 65.6vw;
    box-shadow: 2.6vw 2.6vw 2.6vw #B1B5C2;
  }
}
.top-nomikata__content ul li {
  position: relative;
}
.top-nomikata__content ul li p {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 18.33vw;
  width: 14vw;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.8333333333vw;
	line-height:1.4;
}
@media screen and (max-width: 767.8px) {
  .top-nomikata__content ul li p {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-nomikata__content ul li p {
    width: 49.6vw;
    top: 70.4vw;
  }
}
.top-nomikata__content ul li p::before {
  content: "";
  width: 1.38vw;
  height: 1px;
  background-color: #301506;
  position: absolute;
  top: -1.11vw;
  left: 0;
}
@media screen and (max-width: 767.8px) {
  .top-nomikata__content ul li p::before {
    width: 5.33vw;
    top: -4.26vw;
  }
}

.top-message2 {
  background:#FFEEEE url(https://www.sharer.jp/qunonlp/img/07/back.webp) no-repeat;
  background-size: cover;
  width: 100%;
  background-position: center;
   aspect-ratio: 2880 / 1448;

  
  
}
@media screen and (max-width: 767.8px) {
  .top-message2 {
    display: none;

  }
}
.top-message2__content {
  padding:3vw 0 0 35.3vw;
}
.top-message2__content_header {
  color: #E73273;
}
.top-message2__content_header > span {
  display: inline-block;
  transform: skewX(-10deg);
}
.top-message2__content_header > span:nth-of-type(1) {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.6666666667vw;
  font-weight: 700;
  border-bottom: 1px dashed #E73273;
  position: relative;
  line-height: 1;
  margin-bottom: 0.7vw;
  margin-left: 3vw;
}
@media screen and (max-width: 767.8px) {
  .top-message2__content_header > span:nth-of-type(1) {
    font-size: 6.4vw;
  }
}
.top-message2__content_header > span:nth-of-type(1):before {
  content: "";
  position: absolute;
  top: -2.2vw;
  left: -2vw;
  width: 2.22vw;
  height: 2.08vw;
  background: url(https://www.sharer.jp/qunonlp/img/01/spiral.svg) no-repeat;
}
.top-message2__content_header > span:nth-of-type(2) {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.6666666667vw;
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  gap: 0.5vw;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767.8px) {
  .top-message2__content_header > span:nth-of-type(2) {
    font-size: 6.4vw;
  }
}
.top-message2__content_header > span:nth-of-type(2) > span:nth-of-type(1) {
  font-size: 2.2222222222vw;
  padding: 0.27vw 0.55vw;
  background-color: #E73273;
  color: #ffffff;
  font-weight: 400;
}
@media screen and (max-width: 767.8px) {
  .top-message2__content_header > span:nth-of-type(2) > span:nth-of-type(1) {
    font-size: 8.5333333333vw;
  }
}
.top-message2__content_header > span:nth-of-type(2) > span:nth-of-type(1) > b {
  font-size: 2.7777777778vw;
  font-weight: 700;
}
@media screen and (max-width: 767.8px) {
  .top-message2__content_header > span:nth-of-type(2) > span:nth-of-type(1) > b {
    font-size: 10.6666666667vw;
  }
}
.top-message2__content_header > span:nth-of-type(2) > span:nth-of-type(2) {
  position: relative;
  display: inline-block;
}
.top-message2__content_header > span:nth-of-type(2) > span:nth-of-type(2) > b {
  font-size: 2.2222222222vw;
}
@media screen and (max-width: 767.8px) {
  .top-message2__content_header > span:nth-of-type(2) > span:nth-of-type(2) > b {
    font-size: 8.5333333333vw;
  }
}
.top-message2__content_header > span:nth-of-type(2) > span:nth-of-type(2) > b:before {
  content: "";
  position: absolute;
  top: -1.6vw;
  right: -0.8vw;
  width: 2.15vw;
  height: 2.15vw;
  background: url(https://www.sharer.jp/qunonlp/img/01/star.svg) no-repeat;
  transform: skewX(10deg);
}
.top-message2__content_content {
  font-size: 1.6666666667vw;
  padding:1vw 0 1.66vw 0;

	
}
@media screen and (max-width: 767.8px) {
  .top-message2__content_content {
    font-size: 6.4vw;
  }
}
.top-message2__content_content p.s1 {
  margin-bottom: 0;
  line-height: 1.8!important;
}
.top-message2__content_content p.s1 > span {
  font-size: 2.2222222222vw;
  font-weight: 500;
}
@media screen and (max-width: 767.8px) {
  .top-message2__content_content p.s1 > span {
    font-size: 8.5333333333vw;
  }
}
.top-message2__content_content p.s1 > b {
  font-size: 2.7777777778vw;
  color: #E73273;
  font-weight: 500;
}
@media screen and (max-width: 767.8px) {
  .top-message2__content_content p.s1 > b {
    font-size: 10.6666666667vw;
  }
}
.top-message2__content_content p.s2 span,
.top-message2__content_content p.s2 span:nth-of-type(3) {
  font-size: 2.2222222222vw;
  font-weight: 500;
}
@media screen and (max-width: 767.8px) {
  .top-message2__content_content p.s2 span,
  .top-message2__content_content p.s2 span:nth-of-type(3) {
    font-size: 8.5333333333vw;
  }
}
.top-message2__content_content p.s2 span:nth-of-type(2),
.top-message2__content_content p.s2 span:nth-of-type(4) {
  font-size: 2.7777777778vw;
  font-weight: 500;
}
@media screen and (max-width: 767.8px) {
  .top-message2__content_content p.s2 span:nth-of-type(2),
  .top-message2__content_content p.s2 span:nth-of-type(4) {
    font-size: 10.6666666667vw;
  }
}
.top-message2__content_content p.s2 b {
  font-size:2.8888888889vw;
line-height:100%;
  color: #E73273;
  font-weight: 700;
  display: inline-block;
  background: rgb(255, 0, 92);
  background: linear-gradient(90deg, rgb(255, 0, 92) 0%, rgb(255, 108, 161) 53%, rgb(255, 81, 27) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff005c",endColorstr="#ff511b",GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767.8px) {
  .top-message2__content_content p.s2 b {
    font-size: 14.9333333333vw;
  }
}
.top-message2__content_content p.s2.underline {
  text-decoration: none;
  display: inline-block;
  position: relative;
}
.top-message2__content_content p.s2.underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom:0;
  width: 100%;
  height: 2px;
  background: rgb(255, 0, 92);
  background: linear-gradient(90deg, rgb(255, 0, 92) 0%, rgb(255, 108, 161) 53%, rgb(255, 81, 27) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff005c",endColorstr="#ff511b",GradientType=1);
}
.top-message2__content_content p.s2.underline::before {
  content: "";
  position: absolute;
  left: 0;
  bottom:0;
  width: 100%;
  z-index: 1;
  height: 3px;
  background-image: linear-gradient(to right, transparent, transparent 2px, #fff 2px, #fff 4px);
  background-size: 4px 3px;
}

.top-message2-sp {
  display: none;
  background-image: url(https://www.sharer.jp/qunonlp/img/07/back-sp.webp);
  background-size: cover;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp {
    display: block;
  }
}
.top-message2-sp__container {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding: 5.55vw 0;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__container {
    padding: 91.2vw 0 11vw;
  }
}
.top-message2-sp__heading {
  text-align: center;
}
.top-message2-sp__heading p {
  font-size: 1.6666666667vw;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__heading p {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__heading p {
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message2-sp__heading p {
    font-size: 3.2vw;
  }
}
.top-message2-sp__heading p span {
  background: linear-gradient(transparent 75%, #FFEA9F 25%);
  font-size: 2.2222222222vw;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__heading p span {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__heading p span {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message2-sp__heading p span {
    font-size: 4.2666666667vw;
  }
}
.top-message2-sp__heading h1 {
  width: 17.986vw;
  margin: 0 auto;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__heading h1 {
    width: 34.53vw;
  }
}
.top-message2-sp__content {
  max-width: 80.3vw;
  margin: 3.15vw auto 0;
  background: url(https://www.sharer.jp/qunonlp/img/01/back02.png) bottom right no-repeat;
  background-size: 55.48vw;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content {
    max-width: 87.2vw;
    margin: 6.4vw auto 0;
    background: url(https://www.sharer.jp/qunonlp/img/07/back02-sp.png) bottom right no-repeat;
    background-position-y: 36.168vw;
    background-size: 53.9vw;
  }
}
.top-message2-sp__content_header {
  color: #E73273;
}
.top-message2-sp__content_header > span {
  display: inline-block;
  transform: skewX(-10deg);
}
.top-message2-sp__content_header > span:nth-of-type(1) {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.6666666667vw;
  font-weight: 700;
  border-bottom: 1px dashed #E73273;
  position: relative;
  line-height: 1;
  margin-bottom: 0.7vw;
  margin-left: 3vw;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(1) {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(1) {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(1) {
    font-size: 4.8vw;
  }
}
.top-message2-sp__content_header > span:nth-of-type(1):before {
  content: "";
  position: absolute;
  top: -2.2vw;
  left: -2vw;
  width: 2.22vw;
  height: 2.08vw;
  background: url(https://www.sharer.jp/qunonlp/img/01/spiral.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(1):before {
    top: -3vw;
    left: -5vw;
    width: 5.6vw;
    height: 5.6vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(1) {
    line-height: 1.7;
    margin-bottom: 2.6vw;
    margin-left: 12.2vw;
  }
}
.top-message2-sp__content_header > span:nth-of-type(2) {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.6666666667vw;
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  gap: 0.5vw;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(2) {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(2) {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(2) {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(2) {
    flex-direction: column;
    align-items: center;
  }
}
.top-message2-sp__content_header > span:nth-of-type(2) > span:nth-of-type(1) {
  font-size: 2.2222222222vw;
  padding: 0.27vw 0.55vw;
  background-color: #E73273;
  color: #ffffff;
  font-weight: 400;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(2) > span:nth-of-type(1) {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(2) > span:nth-of-type(1) {
    font-size: 1.6666666667vw;
    padding: 1vw 2.2vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(2) > span:nth-of-type(1) {
    font-size: 6.4vw;
  }
}
.top-message2-sp__content_header > span:nth-of-type(2) > span:nth-of-type(1) > b {
  font-size: 2.7777777778vw;
  font-weight: 700;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(2) > span:nth-of-type(1) > b {
    font-size: 10.6666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(2) > span:nth-of-type(1) > b {
    font-size: 2.2222222222vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(2) > span:nth-of-type(1) > b {
    font-size: 8.5333333333vw;
  }
}
.top-message2-sp__content_header > span:nth-of-type(2) > span:nth-of-type(2) {
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(2) > span:nth-of-type(2) {
    padding-left: 22vw;
  }
}
.top-message2-sp__content_header > span:nth-of-type(2) > span:nth-of-type(2) > b {
  font-size: 2.2222222222vw;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(2) > span:nth-of-type(2) > b {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(2) > span:nth-of-type(2) > b {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(2) > span:nth-of-type(2) > b {
    font-size: 6.4vw;
  }
}
.top-message2-sp__content_header > span:nth-of-type(2) > span:nth-of-type(2) > b:before {
  content: "";
  position: absolute;
  top: -1.6vw;
  right: -0.8vw;
  width: 2.15vw;
  height: 2.15vw;
  background: url(https://www.sharer.jp/qunonlp/img/01/star.svg) no-repeat;
  background-size: contain;
  transform: skewX(10deg);
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_header > span:nth-of-type(2) > span:nth-of-type(2) > b:before {
    top: -6.6vw;
    right: -5.8vw;
    width: 8.2vw;
    height: 8.2vw;
  }
}
.top-message2-sp__content_content {
  font-size: 1.6666666667vw;
  padding: 2.19vw 3vw 0.66vw;
	line-height:1.8;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_content {
    font-size: 6.4vw;
	 line-height:1.8;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_content {
    font-size: 0.8333333333vw;
    padding: 10.9vw 0 0;
	line-height:1.8;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message2-sp__content_content {
    font-size: 3.2vw;
	line-height:1.8;
  }
}
.top-message2-sp__content_content p.s1 {
  margin-bottom: 1.66vw;
}
.top-message2-sp__content_content p.s1 > span {
  font-size: 2.2222222222vw;
  font-weight: 500;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s1 > span {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s1 > span {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s1 > span {
    font-size: 4.2666666667vw;
  }
}
.top-message2-sp__content_content p.s1 > b {
  font-size: 2.7777777778vw;
  color: #E73273;
  font-weight: 500;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s1 > b {
    font-size: 10.6666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s1 > b {
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s1 > b {
    font-size: 5.3333333333vw;
  }
}
.top-message2-sp__content_content p.s2 span,
.top-message2-sp__content_content p.s2 span:nth-of-type(3) {
  font-size: 2.2222222222vw;
  font-weight: 500;
line-height:1.8;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s2 span,
  .top-message2-sp__content_content p.s2 span:nth-of-type(3) {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s2 span,
  .top-message2-sp__content_content p.s2 span:nth-of-type(3) {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s2 span,
  .top-message2-sp__content_content p.s2 span:nth-of-type(3) {
    font-size: 4.2666666667vw;
  }
}
.top-message2-sp__content_content p.s2 span:nth-of-type(2),
.top-message2-sp__content_content p.s2 span:nth-of-type(4) {
  font-size: 2.7777777778vw;
  font-weight: 500;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s2 span:nth-of-type(2),
  .top-message2-sp__content_content p.s2 span:nth-of-type(4) {
    font-size: 10.6666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s2 span:nth-of-type(2),
  .top-message2-sp__content_content p.s2 span:nth-of-type(4) {
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s2 span:nth-of-type(2),
  .top-message2-sp__content_content p.s2 span:nth-of-type(4) {
    font-size: 5.3333333333vw;
  }
}
.top-message2-sp__content_content p.s2 b {
background: "#ccc";
  font-size: 3.8888888889vw;
line-height:1.8;
  color: #E73273;
  font-weight: 700;
  display: inline-block;
  background: rgb(255, 0, 92);
  background: linear-gradient(90deg, rgb(255, 0, 92) 0%, rgb(255, 108, 161) 53%, rgb(255, 81, 27) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff005c",endColorstr="#ff511b",GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s2 b {
    font-size: 14.9333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s2 b {
    font-size: 1.9444444444vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s2 b {
    font-size: 7.4666666667vw;
  }
}
.top-message2-sp__content_content p.s2.underline {
  text-decoration: none;
  display: inline-block;
  position: relative;
	
}
.top-message2-sp__content_content p.s2.underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.7vw;
  width: 100%;
  height: 2px;
  background: rgb(255, 0, 92);
  background: linear-gradient(90deg, rgb(255, 0, 92) 0%, rgb(255, 108, 161) 53%, rgb(255, 81, 27) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff005c",endColorstr="#ff511b",GradientType=1);
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s2.underline::after {
    height: 1px;

  }
}
.top-message2-sp__content_content p.s2.underline::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.7vw;
  width: 100%;
  z-index: 1;
  height: 3px;
  background-image: linear-gradient(to right, transparent, transparent 2px, #fff 2px, #fff 4px);
  background-size: 4px 3px;
}
@media screen and (max-width: 767.8px) {
  .top-message2-sp__content_content p.s2.underline::before {
    background-image: linear-gradient(to right, transparent, transparent 1.5px, #fff 1.5px, #fff 3px);
    background-size: 3px 3px;
  }
}

.top-faq {
  background-color: #FFEEEE;
  padding: 6.94vw 0;
  margin: 0;
}
@media screen and (max-width: 767.8px) {
  .top-faq {
    padding: 10.67vw 0;
  }
}
.top-faq__heading h2 {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.1111111111vw;
  font-weight: 500;
  color: #E73273;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 767.8px) {
  .top-faq__heading h2 {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-faq__heading h2 {
    font-size: 0.8333333333vw;
    line-height: 1.7;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-faq__heading h2 {
    font-size: 3.2vw;
  }
}
.top-faq__heading h2 span {
  font-size: 1.6666666667vw;
  color: #301506;
}
@media screen and (max-width: 767.8px) {
  .top-faq__heading h2 span {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-faq__heading h2 span {
    font-size: 1.3888888889vw;
    line-height: 1.7;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-faq__heading h2 span {
    font-size: 5.3333333333vw;
  }
}
.top-faq__content {
  display: flex;
  flex-direction: column;
  width: 55vw;
  margin: 1.67vw auto 0;
  gap: 1.527vw;
}
@media screen and (max-width: 767.8px) {
  .top-faq__content {
    width: 80vw;
    margin: 6.4vw auto 0;
    gap: 2.67vw;
  }
}
.top-faq__content dl {
  background-color: #ffffff;
  border-radius: 0.7vw;
  padding: 0.7vw 1.11vw;
  line-height: 1.75;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 767.8px) {
  .top-faq__content dl {
    border-radius: 2.67vw;
    padding: 2.67vw 4.26vw;
    line-height: 1.75;
  }
}
.top-faq__content dl dt {
  font-size: 1.25vw;
  font-weight: 700;
  color: #E73273;
  position: relative;
  padding-left: 1.52vw;
}
@media screen and (max-width: 767.8px) {
  .top-faq__content dl dt {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-faq__content dl dt {
    font-size: 0.9722222222vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-faq__content dl dt {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-faq__content dl dt {
    padding-left: 5vw;
  }
}
.top-faq__content dl dt::before {
  content: "Q";
  position: absolute;
  left: 0;
}
.top-faq__content dl dd {
  margin-top: 0.3vw;
  font-size: 0.9722222222vw;
  font-weight: 400;
  position: relative;
  padding-left: 1.52vw;
}
@media screen and (max-width: 767.8px) {
  .top-faq__content dl dd {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-faq__content dl dd {
    font-size: 0.8333333333vw;
    margin-top: 1.06vw;
  }
}
@media screen and (max-width: 767.8px) and (max-width: 767.8px) {
  .top-faq__content dl dd {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767.8px) {
  .top-faq__content dl dd {
    padding-left: 5vw;
  }
}
.top-faq__content dl dd::before {
  content: "A.";
  font-weight: 700;
  position: absolute;
  left: 0;
}


.fixed-purchase-button {
  position: fixed;
  bottom:50px;
  left: 50%;
  transform: translateX(-50%) translateY(50px);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 1000;
  display: inline-block;
	animation: btn_move2 infinite 1s;
}


.fixed-purchase-button img {
  display: block;
  width: 100%;
 max-width: 570px;
  height: auto;
filter: drop-shadow(0 0.3vw 1.39vw rgba(0, 0, 0, 0.4));
}
.fixed-purchase-button.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}


@media screen and (max-width: 767.8px) {
	
.fixed-purchase-button{
width:90%;
  bottom:80px;
  left: 50%;
  transform: translateX(-50%) translateY(80px);
margin: 0 auto;
padding: 0;
text-align: center;
 content: url("https://www.sharer.jp/qunonlp/img/banner-sp.png");
	}

}



@keyframes btn_move2 {
  0% {
    padding: 0;
    transform: translateX(-50%) scale(1, 1);
  }
  79% {
    padding: 0;
    transform: translateX(-50%) scale(1, 1);
  }
  80% {
    padding: 0;
    transform: translateX(-50%) scale(1.05, 1.05);
  }
  100% {
    padding: 0;
    transform: translateX(-50%) scale(1.05, 1.05);
  }
}/*# sourceMappingURL=style.css.map */