@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

body {
  margin: 0;
  height: 100%;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

* {
  box-sizing: border-box;
}

html {
  margin: 0;
}

body {
  font-family: "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "YuGothic", "Meiryo", sans-serif;
  font-weight: 400;
  color: #291500;
}

a:link,
a:visited,
a:hover,
a:active {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

.en {
  font-family: "Montserrat", sans-serif;
}

img.fit {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ========================================================== */
/* SP用スタイル */
/* ========================================================== */
@media (max-width: 767px) {
  .pc {
    display: none !important;
  }
  .sec-kv {
    width: 100%;
    overflow: hidden;
  }
  .sec-kv picture {
    display: block;
    width: 100%;
  }
  .sec-kv img {
    width: 100%;
    height: auto;
    display: block;
  }
  .sec-about {
    background-image: url(../img/bg_check.png);
    background-size: 1000px;
    background-position: center top;
    overflow: hidden;
  }
  .sec-about__inner {
    position: relative;
    width: 100%;
    height: 315.2vw;
  }
  .sec-about__inner::after {
    content: "";
    position: absolute;
    left: 7.2vw;
    top: 92.2666666667vw;
    width: 81.3333333333vw;
    height: 123.2vw;
    background-image: url(../img/about_bg_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 2;
  }
  .sec-about__nav {
    position: absolute;
    top: 15.7333333333vw;
    left: 4.2666666667vw;
    width: 91.4666666667vw;
    display: flex;
    flex-wrap: wrap;
    gap: 5.0666666667vw;
    z-index: 4;
  }
  .sec-about__nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 42.6666666667vw;
    height: 15.4666666667vw;
    border-radius: 270px;
    box-shadow: 0 1.0666666667vw 1.0666666667vw rgba(0, 0, 0, 0.25);
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: 4.2666666667vw;
    color: #0e6732;
    gap: 2.1333333333vw;
    padding-top: 2.1333333333vw;
  }
  .sec-about__nav-item:nth-child(1), .sec-about__nav-item:nth-child(4) {
    background-color: #d1ff9d;
  }
  .sec-about__nav-item:nth-child(2), .sec-about__nav-item:nth-child(3) {
    background-color: #ffed67;
  }
  .sec-about__nav-label {
    display: block;
    line-height: 1;
    color: #0e6732;
  }
  .sec-about__nav-arrow {
    display: block;
    width: 0;
    height: 0;
    border-left: 2.2666666667vw solid transparent;
    border-right: 2.2666666667vw solid transparent;
    border-top: 2.8533333333vw solid #0e6732;
  }
  .sec-about__box {
    position: absolute;
    left: 4.2666666667vw;
    top: 82.6666666667vw;
    width: 91.4666666667vw;
    height: 142.1333333333vw;
    background: url(../img/about_bg.png) no-repeat 50% 50% #fff;
    background-size: 90%;
    border: 1.0666666667vw solid #2da75d;
    border-radius: 8vw;
    overflow: hidden;
    z-index: 1;
  }
  .sec-about__box-title {
    position: absolute;
    left: 16vw;
    top: 29.3333333333vw;
    width: 59.7333333333vw;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: 7.4666666667vw;
    color: #0e6732;
    text-align: center;
    white-space: normal;
    margin: 0;
    line-height: 8.96vw;
  }
  .sec-about__box-line {
    display: block;
    position: absolute;
    left: 24.8vw;
    top: 61.6vw;
    width: 38.6666666667vw;
    height: 1.8666666667vw;
    background: #b8f79a;
  }
  .sec-about__box-text {
    position: absolute;
    left: 5.0666666667vw;
    top: 54.4vw;
    width: 81.6vw;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 500;
    font-size: 5.3333333333vw;
    color: #000;
    text-align: center;
    line-height: 10.24vw;
    margin: 0;
  }
  .sec-about__img {
    position: absolute;
    z-index: 3;
  }
  .sec-about__img img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-about__img--01 {
    left: 4.2666666667vw;
    top: 209.0666666667vw;
    width: 53.3333333333vw;
  }
  .sec-about__img--02 {
    left: 56.8vw;
    top: 69.0666666667vw;
    width: 41.6vw;
  }
  .sec-about__img--03 {
    left: 21.3333333333vw;
    top: 63.2vw;
    width: 35.4666666667vw;
  }
  .sec-about__img--04 {
    left: 43.4666666667vw;
    top: 227.424vw;
    width: 52.3946666667vw;
    transform: rotate(-0.54deg);
  }
  .sec-present {
    background-color: #afed68;
    background-image: url(../img/present_bg.png);
    background-size: 100% auto;
    background-repeat: repeat-y;
  }
  .sec-present__inner {
    width: 100%;
    padding: 20.2666666667vw 0 21.6vw;
  }
  .sec-present__head {
    width: 88.2666666667vw;
    margin: 0 auto 6.6666666667vw;
  }
  .sec-present__head img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-present__prize-title {
    width: 66.4vw;
    margin: 0 auto 0;
  }
  .sec-present__prize-title img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-present__prize-img {
    width: 88.5333333333vw;
    margin: 0 auto;
  }
  .sec-present__prize-img img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-present__box {
    position: relative;
    width: 80vw;
    background: #fff;
    border: 1.0666666667vw solid #2da75d;
    border-radius: 5.8666666667vw;
  }
  .sec-present__box--1 {
    height: 71.7333333333vw;
    margin: 3.7333333333vw auto 19.4666666667vw;
  }
  .sec-present__box--1 .sec-present__box-heading {
    top: 3.7333333333vw;
  }
  .sec-present__box--1 .sec-present__box-col--left {
    left: 10.9333333333vw;
    top: 12.2666666667vw;
    line-height: 5.5466666667vw;
  }
  .sec-present__box--1 .sec-present__box-col--right {
    left: 10.9333333333vw;
    top: 40vw;
    line-height: 5.5466666667vw;
  }
  .sec-present__box--2 {
    height: 58.1333333333vw;
    margin: 2.1333333333vw auto 0;
  }
  .sec-present__box--2 .sec-present__box-heading {
    top: 3.4666666667vw;
  }
  .sec-present__box--2 .sec-present__box-col--left {
    left: 19.7333333333vw;
    top: 12vw;
    line-height: 5.12vw;
  }
  .sec-present__box--2 .sec-present__box-col--right {
    left: 19.7333333333vw;
    top: 32.5333333333vw;
    line-height: 5.12vw;
  }
  .sec-present__box-heading {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: 4.8vw;
    color: #2da75d;
    line-height: 8.5333333333vw;
  }
  .sec-present__box-col {
    position: absolute;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 500;
    font-size: 3.2vw;
    color: #000;
  }
  .sec-present__box-col p {
    margin: 0;
  }
  .sec-entry {
    background-image: repeating-linear-gradient(45deg, #d6f7aa, #d6f7aa 20px, #efffbc 20px, #efffbc 40px);
  }
  .sec-entry__inner {
    position: relative;
    width: 100%;
    height: calc(1034.1333333333vw - var(--entry-ig-adj, 0px) - var(--entry-x-adj, 0px));
  }
  .sec-entry__title {
    position: absolute;
    left: 17.8666666667vw;
    top: 16.8vw;
    width: 65.3333333333vw;
  }
  .sec-entry__title img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-entry__logos {
    position: absolute;
    left: 4vw;
    top: 43.4666666667vw;
    display: flex;
    gap: 2.1333333333vw;
  }
  .sec-entry__logo-ig {
    width: 45.3333333333vw;
  }
  .sec-entry__logo-ig img {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }
  .sec-entry__logo-x {
    width: 45.6vw;
  }
  .sec-entry__logo-x img {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }
  .sec-entry__catch {
    position: absolute;
    left: 6.9333333333vw;
    top: 70.1333333333vw;
    width: 85.3333333333vw;
    margin: 0;
    text-align: center;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: 5.3333333333vw;
    color: #2da75e;
  }
  .sec-entry__arrow {
    position: absolute;
    left: 40.2666666667vw;
    top: 79.4666666667vw;
    width: 20.2666666667vw;
  }
  .sec-entry__arrow img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-entry__challenge {
    position: absolute;
    left: 5.3333333333vw;
    top: calc(950.6666666667vw - var(--entry-ig-adj, 0px) - var(--entry-x-adj, 0px));
    width: 89.0666666667vw;
  }
  .sec-entry__challenge img {
    display: block;
    width: 100%;
    height: auto;
  }
  .entry-block {
    position: absolute;
    left: 4.2666666667vw;
    width: 91.4666666667vw;
    border-radius: 8vw;
    overflow: hidden;
    transition: height 0.5s ease;
  }
  .entry-block .entry-step {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .entry-block .logo {
    display: block;
    margin: 9.6vw auto 0 auto;
  }
  .entry-block--ig {
    top: 97.0666666667vw;
    height: 410.1333333333vw;
    background: linear-gradient(to bottom, #f974b4, #ab8eff);
  }
  .entry-block--x {
    top: calc(529.0666666667vw - var(--entry-ig-adj, 0px));
    height: 405.3333333333vw;
    background: linear-gradient(to bottom, #3d3d3d, #000);
  }
  .entry-block__sub {
    position: absolute;
    left: 0;
    right: 0;
    top: 28.8vw;
    text-align: center;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: 4.2666666667vw;
    color: #fff;
    margin: 0;
  }
  .entry-block__heading {
    position: absolute;
    left: 0;
    right: 0;
    top: 34.6666666667vw;
    text-align: center;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: 5.8666666667vw;
    color: #fff;
    margin: 0;
  }
  .entry-block__close {
    position: absolute;
    left: 17.0666666667vw;
    bottom: 6.9333333333vw;
    width: 56.8vw;
    height: 10.6666666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.6vw;
    background: #fff;
    border: none;
    border-radius: 26.6666666667vw;
    box-shadow: 0 1.0666666667vw 1.0666666667vw rgba(0, 0, 0, 0.25);
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 500;
    font-size: 4.8vw;
    color: #000;
    cursor: pointer;
  }
  .entry-block__close-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 1.6vw solid transparent;
    border-right: 1.6vw solid transparent;
    border-bottom: 2.4vw solid #333;
  }
  .entry-block.is-closed {
    height: 150.4vw;
  }
  .entry-block.is-closed .entry-step--2,
  .entry-block.is-closed .entry-step--3 {
    opacity: 0;
    pointer-events: none;
  }
  .entry-block.is-closed .entry-block__close-arrow {
    border-bottom: none;
    border-top: 2.4vw solid #333;
  }
  .entry-step {
    position: absolute;
    background: #fff;
    border-radius: 8vw;
  }
  .entry-step--1 {
    left: 4.5333333333vw;
    top: 51.4666666667vw;
    width: 82.6666666667vw;
    height: 77.0666666667vw;
  }
  .entry-step--2 {
    left: 4.5333333333vw;
    top: 134.9333333333vw;
    width: 82.6666666667vw;
    height: 84vw;
  }
  .entry-step--3 {
    left: 4.5333333333vw;
    top: 225.3333333333vw;
    width: 82.6666666667vw;
  }
  .entry-step--ig3 {
    height: 160.2666666667vw;
  }
  .entry-step--x3 {
    height: 150.6666666667vw;
  }
  .entry-step__label {
    position: absolute;
    top: 4.2666666667vw;
    left: 21.3333333333vw;
    width: 40vw;
  }
  .entry-step__label img {
    display: block;
    width: 100%;
    height: auto;
  }
  .entry-step--3 .entry-step__label {
    top: 5.8666666667vw;
  }
  .entry-step__text {
    position: absolute;
    top: 21.8666666667vw;
    margin: 0;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 500;
    font-size: 4.8vw;
    color: #000;
    text-align: center;
    line-height: 7.68vw;
  }
  .entry-step--ig1 .entry-step__text {
    left: 10.4vw;
    width: 61.6vw;
  }
  .entry-step--ig2 .entry-step__text {
    left: 5.3333333333vw;
    width: 72vw;
  }
  .entry-step--x1 .entry-step__text {
    left: 20.2666666667vw;
    width: 41.6vw;
  }
  .entry-step--x2 .entry-step__text {
    left: 14.9333333333vw;
    width: 52.8vw;
  }
  .entry-step__img {
    position: absolute;
  }
  .entry-step__img img {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }
  .entry-step--1 .entry-step__img {
    left: 6.9333333333vw;
    top: 38.6666666667vw;
    width: 68.5333333333vw;
  }
  .entry-step--2 .entry-step__img {
    left: 24.5333333333vw;
    top: 42.6666666667vw;
    width: 33.3333333333vw;
  }
  .entry-step__body {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
  }
  .entry-step__headline {
    position: absolute;
    margin: 0;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: 6.4vw;
    color: #000;
    text-align: center;
  }
  .entry-step--ig3 .entry-step__headline, .entry-step--x3 .entry-step__headline {
    left: 9.0666666667vw;
    top: 20.8vw;
    width: 64vw;
  }
  .entry-step__desc {
    position: absolute;
    margin: 0;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 500;
    font-size: 4.8vw;
    color: #000;
    text-align: center;
    line-height: 1.6;
  }
  .entry-step--ig3 .entry-step__desc {
    left: 9.0666666667vw;
    top: 36.2666666667vw;
    width: 64vw;
  }
  .entry-step__frame {
    position: absolute;
    width: 69.6vw;
    height: 23.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5.3333333333vw;
  }
  .entry-step__frame--ig {
    background: url(../img/step03_ig_fram.png) no-repeat;
    background-size: 100% 100%;
  }
  .entry-step--ig3 .entry-step__frame--ig {
    left: 5.3333333333vw;
    top: 66.6666666667vw;
  }
  .entry-step__frame--ig p {
    margin: 0;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: 4.2666666667vw;
    color: #f974b4;
    text-align: center;
    line-height: 1.6;
  }
  .entry-step__frame--x {
    background: url(../img/step03_x_frame.png) no-repeat;
    background-size: 100% 100%;
  }
  .entry-step--x3 .entry-step__frame--x {
    left: 5.3333333333vw;
    top: 44.5333333333vw;
  }
  .entry-step__frame--x p {
    margin: 0;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: 4.2666666667vw;
    color: #bda35d;
    text-align: center;
    line-height: 1.6;
  }
  .entry-step__note {
    position: absolute;
    margin: 0;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 400;
    font-size: 3.7333333333vw;
    color: #000;
    text-align: center;
  }
  .entry-step--ig3 .entry-step__note {
    left: 15.4666666667vw;
    top: 92vw;
    width: 52.2666666667vw;
  }
  .entry-step--x3 .entry-step__note {
    left: 11.7333333333vw;
    top: 72.5333333333vw;
    width: 59.7333333333vw;
  }
  .entry-step__wakaru {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .entry-step__wakaru-phone {
    position: absolute;
    display: block;
    height: auto;
  }
  .entry-step--ig3 .entry-step__wakaru-phone {
    left: 20.5333333333vw;
    top: 108.8vw;
    width: 41.6vw;
  }
  .entry-step--x3 .entry-step__wakaru-phone {
    left: 18.6666666667vw;
    top: 94.9333333333vw;
    width: 45.3333333333vw;
  }
  .entry-step__wakaru-bubble {
    position: absolute;
    display: block;
    height: auto;
  }
  .entry-step--ig3 .entry-step__wakaru-bubble {
    left: 16vw;
    top: 104.8vw;
    width: 59.7333333333vw;
  }
  .entry-step--x3 .entry-step__wakaru-bubble {
    left: 16vw;
    top: 91.4666666667vw;
    width: 59.7333333333vw;
  }
  .sec-rule {
    background-color: #ffed67;
  }
  .sec-rule__inner {
    width: 100%;
    padding: 17.6vw 0 17.8666666667vw;
  }
  .sec-rule__block {
    position: relative;
    width: 91.4666666667vw;
    margin: 0 auto;
  }
  .sec-rule__block + .sec-rule__block {
    margin-top: 18.9333333333vw;
  }
  .sec-rule__title {
    position: absolute;
    top: -11.2vw;
    left: 50%;
    transform: translateX(-50%);
    width: 76.8vw;
    z-index: 1;
  }
  .sec-rule__title img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-rule__box {
    margin-top: 11.2vw;
    height: 126.9333333333vw;
    background: #fff;
    border: 0.8vw solid #2da75e;
    border-radius: 8vw;
    overflow: hidden;
  }
  .sec-rule__box-inner {
    padding: 13.8666666667vw 0 6.4vw 6.6666666667vw;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 400;
    font-size: 3.7333333333vw;
    color: #000;
    line-height: 5.9733333333vw;
  }
  .sec-rule__box-inner p {
    margin: 0 0 5.9733333333vw;
  }
  .sec-rule__box-inner p:last-child {
    margin-bottom: 0;
  }
  .sec-sns {
    background-color: #afed68;
  }
  .sec-sns__inner {
    position: relative;
    width: 100%;
    height: 216vw;
  }
  .sec-sns__follow-me {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 18.1333333333vw;
    width: 85.3333333333vw;
  }
  .sec-sns__follow-me img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-sns__btn {
    position: absolute;
    display: block;
  }
  .sec-sns__btn img {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }
  .sec-sns__btn--ig {
    left: 10.6666666667vw;
    top: 57.0666666667vw;
    width: 78.6666666667vw;
  }
  .sec-sns__btn--x {
    left: 10.9333333333vw;
    top: 80.8vw;
    width: 78.1333333333vw;
  }
  .sec-sns__phone {
    position: absolute;
    left: 20.5333333333vw;
    top: 103.2vw;
    width: 65.8666666667vw;
  }
  .sec-sns__phone img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-sns__copyright {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 201.6vw;
    width: 72.2666666667vw;
    margin: 0;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 400;
    font-size: 3.4666666667vw;
    color: #000;
    text-align: center;
    line-height: 4.5066666667vw;
    white-space: pre-line;
  }
  .pagetop {
    position: fixed;
    right: 2.6666666667vw;
    bottom: 10.6666666667vw;
    z-index: 200;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
  }
  .pagetop.is-show {
    opacity: 1;
    pointer-events: auto;
  }
  .pagetop a {
    display: block;
    width: 18.6666666667vw;
  }
  .pagetop a img {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }
}
/* ========================================================== */
/* PC用スタイル */
/* ========================================================== */
@media (min-width: 768px) {
  .sp {
    display: none !important;
  }
  .sec-kv {
    margin: 0 auto;
    overflow: hidden;
  }
  .sec-kv picture {
    display: block;
    width: 100%;
  }
  .sec-kv img {
    width: 100%;
    height: auto;
    display: block;
  }
  .sec-about {
    background-image: url(../img/bg_check.png);
    background-size: cover;
    background-position: center top;
    overflow: hidden;
  }
  .sec-about__inner {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    height: min(55.4861111111vw, 799px);
  }
  .sec-about__nav {
    position: absolute;
    top: min(4.4444444444vw, 64px);
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: min(1.3194444444vw, 19px);
  }
  .sec-about__nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: min(16.3888888889vw, 236px);
    height: min(4.5138888889vw, 65px);
    border-radius: 270px;
    box-shadow: 0 min(0.2777777778vw, 4px) min(0.2777777778vw, 4px) rgba(0, 0, 0, 0.25);
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: min(1.6666666667vw, 24px);
    color: #0e6732;
    gap: min(0.5555555556vw, 8px);
    padding-top: min(0.6944444444vw, 10px);
  }
  .sec-about__nav-item.is-green {
    background-color: #d1ff9d;
  }
  .sec-about__nav-item.is-green:hover {
    background-color: #0e6732;
  }
  .sec-about__nav-item.is-green:hover .sec-about__nav-label {
    color: #d1ff9d;
  }
  .sec-about__nav-item.is-green:hover .sec-about__nav-arrow {
    border-top-color: #d1ff9d;
  }
  .sec-about__nav-item.is-yellow {
    background-color: #ffed67;
  }
  .sec-about__nav-item.is-yellow:hover {
    background-color: #0e6732;
  }
  .sec-about__nav-item.is-yellow:hover .sec-about__nav-label {
    color: #ffed67;
  }
  .sec-about__nav-item.is-yellow:hover .sec-about__nav-arrow {
    border-top-color: #ffed67;
  }
  .sec-about__nav-label {
    display: block;
    line-height: 1;
    color: #0E6732;
  }
  .sec-about__nav-arrow {
    display: block;
    width: 0;
    height: 0;
    border-left: min(0.5902777778vw, 8.5px) solid transparent;
    border-right: min(0.5902777778vw, 8.5px) solid transparent;
    border-top: min(0.7430555556vw, 10.7px) solid #0e6732;
  }
  .sec-about__box {
    position: absolute;
    left: min(19.4444444444vw, 280px);
    top: min(17.7777777778vw, 256px);
    width: min(62.5vw, 900px);
    height: min(25.4166666667vw, 366px);
    background: url(../img/about_bg.png) no-repeat 50% 50% #fff;
    background-size: 90%;
    border: min(0.2777777778vw, 4px) solid #2da75d;
    border-radius: min(2.9166666667vw, 42px);
    overflow: hidden;
  }
  .sec-about__box-title {
    position: absolute;
    left: min(13.125vw, 189px);
    top: min(4.3055555556vw, 62px);
    width: min(35.5555555556vw, 512px);
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: min(2.2222222222vw, 32px);
    color: #0e6732;
    text-align: center;
    white-space: nowrap;
    margin: 0;
    line-height: 1.5;
  }
  .sec-about__box-line {
    display: block;
    position: absolute;
    left: min(25.1388888889vw, 362px);
    top: min(10.625vw, 153px);
    width: min(10.0694444444vw, 145px);
    height: min(0.4861111111vw, 7px);
    background: #b8f79a;
  }
  .sec-about__box-text {
    position: absolute;
    left: min(16.4930555556vw, 237.5px);
    top: min(8.75vw, 126px);
    width: min(28.0555555556vw, 404px);
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 500;
    font-size: min(1.3888888889vw, 20px);
    color: #000;
    text-align: center;
    line-height: min(2.6666666667vw, 38.4px);
    margin: 0;
  }
  .sec-about__img {
    position: absolute;
  }
  .sec-about__img img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-about__img--01 {
    left: min(10.2083333333vw, 147px);
    top: min(11.875vw, 171px);
    width: min(18.3333333333vw, 264px);
  }
  .sec-about__img--02 {
    left: min(71.5972222222vw, 1031px);
    top: min(31.3888888889vw, 452px);
    width: min(18.3333333333vw, 264px);
  }
  .sec-about__img--03 {
    left: min(72.7083333333vw, 1047px);
    top: min(12.2916666667vw, 177px);
    width: min(14.6527777778vw, 211px);
  }
  .sec-about__img--04 {
    left: min(10.2472222222vw, 147.56px);
    top: min(31.0555555556vw, 447.2px);
    width: min(17.7701388889vw, 255.89px);
    transform: rotate(-0.54deg);
  }
  .sec-present {
    background-color: #afed68;
    background-image: url(../img/present_bg.png);
    background-size: 100% auto;
    background-repeat: repeat-y;
  }
  .sec-present__inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: min(8.3333333333vw, 120px) 0 min(9.375vw, 135px);
  }
  .sec-present__head {
    width: min(69.4444444444vw, 1000px);
    margin: 0 auto min(5.2083333333vw, 75px);
  }
  .sec-present__head img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-present__prize-title {
    width: min(52.0833333333vw, 750px);
    margin: 0 auto;
  }
  .sec-present__prize-title img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-present__prize-img {
    width: min(69.4444444444vw, 1000px);
    margin: 0 auto;
  }
  .sec-present__prize-img img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-present__box {
    position: relative;
    width: min(52.0833333333vw, 750px);
    background: #fff;
    border: min(0.2777777778vw, 4px) solid #2da75d;
    border-radius: min(1.5277777778vw, 22px);
  }
  .sec-present__box--1 {
    height: min(18.2638888889vw, 263px);
    margin: min(1.25vw, 18px) auto min(8.5416666667vw, 123px);
  }
  .sec-present__box--1 .sec-present__box-heading {
    top: min(2.0138888889vw, 29px);
  }
  .sec-present__box--1 .sec-present__box-col--left {
    top: min(5.4166666667vw, 78px);
    left: min(6.3194444444vw, 91px);
  }
  .sec-present__box--1 .sec-present__box-col--right {
    top: min(5.4166666667vw, 78px);
    left: min(29.2361111111vw, 421px);
  }
  .sec-present__box--2 {
    height: min(17.2222222222vw, 248px);
    margin: min(1.6666666667vw, 24px) auto 0;
  }
  .sec-present__box--2 .sec-present__box-heading {
    top: min(1.8055555556vw, 26px);
  }
  .sec-present__box--2 .sec-present__box-col--left {
    top: min(5.2083333333vw, 75px);
    left: min(10.8333333333vw, 156px);
  }
  .sec-present__box--2 .sec-present__box-col--right {
    top: min(5.2083333333vw, 75px);
    left: min(29.4444444444vw, 424px);
  }
  .sec-present__box-heading {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: min(1.6666666667vw, 24px);
    color: #2da75d;
    line-height: min(2.2222222222vw, 32px);
  }
  .sec-present__box-col {
    position: absolute;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 500;
    font-size: min(1.1111111111vw, 16px);
    line-height: min(2.2222222222vw, 32px);
    white-space: nowrap;
  }
  .sec-present__box-col p {
    margin: 0;
  }
  .sec-entry {
    background-image: repeating-linear-gradient(45deg, #d6f7aa, #d6f7aa 20px, #efffbc 20px, #efffbc 40px);
  }
  .sec-entry__inner {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    height: calc(min(223.6111111111vw, 3220px) - var(--entry-ig-adj, 0px) - var(--entry-x-adj, 0px));
  }
  .sec-entry__title {
    position: absolute;
    left: min(36.1111111111vw, 520px);
    top: min(9.4444444444vw, 136px);
    width: min(27.7777777778vw, 400px);
  }
  .sec-entry__title img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-entry__logos {
    position: absolute;
    left: min(31.5277777778vw, 454px);
    top: min(21.1111111111vw, 304px);
    display: flex;
    gap: min(0.7638888889vw, 11px);
  }
  .sec-entry__logo-ig {
    width: min(18.0555555556vw, 260px);
    transition: all 0.3s;
  }
  .sec-entry__logo-ig img {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }
  .sec-entry__logo-ig:hover {
    transform: scale(1.1);
  }
  .sec-entry__logo-x {
    width: min(18.0555555556vw, 260px);
    transition: all 0.3s;
  }
  .sec-entry__logo-x img {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }
  .sec-entry__logo-x:hover {
    transform: scale(1.1);
  }
  .sec-entry__catch {
    position: absolute;
    left: min(34.4444444444vw, 496px);
    top: min(31.7361111111vw, 457px);
    width: min(33.3333333333vw, 480px);
    margin: 0;
    text-align: center;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: min(2.2222222222vw, 32px);
    color: #2da75e;
    white-space: nowrap;
  }
  .sec-entry__arrow {
    position: absolute;
    left: min(46.5972222222vw, 671px);
    top: min(35.0694444444vw, 505px);
    width: min(6.8055555556vw, 98px);
  }
  .sec-entry__arrow img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-entry__challenge {
    position: absolute;
    left: min(23.9583333333vw, 345px);
    top: calc(min(197.4305555556vw, 2843px) - var(--entry-ig-adj, 0px) - var(--entry-x-adj, 0px));
    width: min(52.0833333333vw, 750px);
  }
  .sec-entry__challenge img {
    display: block;
    width: 100%;
    height: auto;
  }
  .entry-block {
    position: absolute;
    left: min(17.4305555556vw, 251px);
    width: min(65.1388888889vw, 938px);
    height: min(70.9027777778vw, 1021px);
    border-radius: min(2.0833333333vw, 30px);
    overflow: hidden;
    transition: height 0.5s ease;
  }
  .entry-block .entry-step {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .entry-block .logo {
    position: absolute;
    top: min(3.4027777778vw, 49px);
    left: min(3.1944444444vw, 46px);
  }
  .entry-block--ig {
    top: min(41.7361111111vw, 601px);
    background: linear-gradient(to bottom, #f974b4, #ab8eff);
  }
  .entry-block--x {
    top: calc(min(122.0833333333vw, 1758px) - var(--entry-ig-adj, 0px));
    background: linear-gradient(to bottom, #3d3d3d, #000000);
  }
  .entry-block__sub {
    position: absolute;
    left: 0;
    right: 0;
    top: min(2.5vw, 36px);
    margin: 0;
    text-align: center;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: min(1.6666666667vw, 24px);
    color: #fff;
  }
  .entry-block__heading {
    position: absolute;
    left: 0;
    right: 0;
    top: min(4.7916666667vw, 69px);
    margin: 0;
    text-align: center;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: min(2.2222222222vw, 32px);
    color: #fff;
  }
  .entry-block__close {
    position: absolute;
    left: min(25.2083333333vw, 363px);
    bottom: min(1.5277777778vw, 22px);
    width: min(14.7916666667vw, 213px);
    height: min(2.7777777778vw, 40px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: min(0.4166666667vw, 6px);
    background: #fff;
    border: none;
    border-radius: min(6.9444444444vw, 100px);
    box-shadow: 0 min(0.2777777778vw, 4px) min(0.2777777778vw, 4px) rgba(0, 0, 0, 0.25);
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 500;
    font-size: min(1.25vw, 18px);
    color: #000;
    cursor: pointer;
  }
  .entry-block__close-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: min(0.4166666667vw, 6px) solid transparent;
    border-right: min(0.4166666667vw, 6px) solid transparent;
    border-bottom: min(0.625vw, 9px) solid #333;
  }
  .entry-block.is-closed {
    height: min(12.8472222222vw, 185px);
  }
  .entry-block.is-closed .entry-step {
    opacity: 0;
    pointer-events: none;
  }
  .entry-block.is-closed .entry-block__close-arrow {
    border-bottom: none;
    border-top: min(0.625vw, 9px) solid #333;
  }
  .entry-step {
    position: absolute;
    background: #fff;
    border-radius: min(2.0833333333vw, 30px);
  }
  .entry-step--1 {
    left: min(1.9444444444vw, 28px);
    top: min(10.0694444444vw, 145px);
    width: min(29.5138888889vw, 425px);
    height: min(25.1388888889vw, 362px);
  }
  .entry-step--2 {
    left: min(33.6805555556vw, 485px);
    top: min(10.0694444444vw, 145px);
    width: min(29.5138888889vw, 425px);
    height: min(25.1388888889vw, 362px);
  }
  .entry-step--3 {
    left: min(1.9444444444vw, 28px);
    top: min(37.1527777778vw, 535px);
    width: min(61.25vw, 882px);
    height: min(27.7083333333vw, 399px);
  }
  .entry-step__label {
    position: absolute;
    top: min(2.2222222222vw, 32px);
    width: min(10.4166666667vw, 150px);
  }
  .entry-step__label img {
    display: block;
    width: 100%;
    height: auto;
  }
  .entry-step--1 .entry-step__label {
    left: min(10.3472222222vw, 149px);
  }
  .entry-step--2 .entry-step__label {
    left: min(10vw, 144px);
  }
  .entry-step--3 .entry-step__label {
    left: min(26.3194444444vw, 379px);
  }
  .entry-step__text {
    position: absolute;
    top: min(5.6944444444vw, 82px);
    margin: 0;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 500;
    font-size: min(1.25vw, 18px);
    color: #000;
    text-align: center;
    line-height: min(2vw, 28.8px);
  }
  .entry-step--ig1 .entry-step__text {
    left: min(6.5972222222vw, 95px);
    width: min(16.0416666667vw, 231px);
  }
  .entry-step--ig2 .entry-step__text {
    left: min(5.2083333333vw, 75px);
    width: min(18.75vw, 270px);
  }
  .entry-step--x1 .entry-step__text {
    left: min(9.1666666667vw, 132px);
    width: min(10.8333333333vw, 156px);
  }
  .entry-step--x2 .entry-step__text {
    left: min(7.7083333333vw, 111px);
    width: min(13.75vw, 198px);
  }
  .entry-step__img {
    position: absolute;
    top: min(10.6944444444vw, 154px);
    transition: all 0.3s;
  }
  .entry-step__img:hover a img {
    transform: scale(1.1);
  }
  .entry-step__img img {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    transition: all 0.3s;
  }
  .entry-step--1 .entry-step__img {
    left: min(2.2916666667vw, 33px);
    width: min(24.5833333333vw, 354px);
  }
  .entry-step--2 .entry-step__img {
    left: min(8.9583333333vw, 129px);
    width: min(11.6666666667vw, 168px);
  }
  .entry-step__body {
    position: absolute;
    left: 0;
    top: 0;
    width: min(37.4305555556vw, 539px);
  }
  .entry-step__headline {
    position: absolute;
    margin: 0;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: min(1.6666666667vw, 24px);
    color: #000;
    text-align: center;
  }
  .entry-step--ig3 .entry-step__headline {
    left: min(6.3194444444vw, 91px);
    top: min(7.3611111111vw, 106px);
    width: min(29.3055555556vw, 422px);
  }
  .entry-step--x3 .entry-step__headline {
    left: min(12.6388888889vw, 182px);
    top: min(7.3611111111vw, 106px);
    width: min(16.6666666667vw, 240px);
  }
  .entry-step__desc {
    position: absolute;
    margin: 0;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 500;
    font-size: min(1.25vw, 18px);
    color: #000;
    text-align: center;
    line-height: 1.6;
  }
  .entry-step--ig3 .entry-step__desc {
    left: min(6.3194444444vw, 91px);
    top: min(9.7222222222vw, 140px);
    width: min(29.3055555556vw, 422px);
  }
  .entry-step__frame {
    position: absolute;
    width: min(24.7916666667vw, 357px);
    height: min(8.4027777778vw, 121px);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .entry-step__frame--ig {
    background: url(../img/step03_ig_fram.png) no-repeat;
    background-size: 100% 100%;
  }
  .entry-step--ig3 .entry-step__frame--ig {
    left: min(8.6111111111vw, 124px);
    top: min(15.0694444444vw, 217px);
  }
  .entry-step__frame--ig p {
    margin: 0;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: min(1.3888888889vw, 20px);
    color: #f974b4;
    text-align: center;
    line-height: 1.6;
  }
  .entry-step__frame--x {
    background: url(../img/step03_x_frame.png) no-repeat;
    background-size: 100% 100%;
  }
  .entry-step--x3 .entry-step__frame--x {
    left: min(8.6111111111vw, 124px);
    top: min(13.4027777778vw, 193px);
  }
  .entry-step__frame--x p {
    margin: 0;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 800;
    font-size: min(1.3888888889vw, 20px);
    color: #bda35d;
    text-align: center;
    line-height: 1.6;
  }
  .entry-step__note {
    position: absolute;
    left: min(8.0555555556vw, 116px);
    margin: 0;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 400;
    font-size: min(0.9722222222vw, 14px);
    color: #000;
    text-align: center;
  }
  .entry-step--ig3 .entry-step__note {
    top: min(24.5833333333vw, 354px);
    width: min(25.9027777778vw, 373px);
  }
  .entry-step--x3 .entry-step__note {
    top: min(22.7777777778vw, 328px);
    width: min(25.9027777778vw, 373px);
  }
  .entry-step__wakaru {
    position: absolute;
    left: min(37.4305555556vw, 539px);
    top: 0;
    width: min(22.1527777778vw, 319px);
    height: min(27.7083333333vw, 399px);
  }
  .entry-step__wakaru-phone {
    position: absolute;
    left: 0;
    top: min(5.8333333333vw, 84px);
    width: min(17.7777777778vw, 256px);
    height: auto;
    display: block;
  }
  .entry-step__wakaru-bubble {
    position: absolute;
    left: min(0.8333333333vw, 12px);
    top: min(1.3194444444vw, 19px);
    width: min(22.1527777778vw, 319px);
    height: auto;
    display: block;
  }
  .sec-rule {
    background-color: #ffed67;
  }
  .sec-rule__inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: min(8.3333333333vw, 120px) 0 min(10.7638888889vw, 155px);
  }
  .sec-rule__block {
    position: relative;
    width: min(52.0833333333vw, 750px);
    margin: 0 auto;
  }
  .sec-rule__block + .sec-rule__block {
    margin-top: min(8.3333333333vw, 120px);
  }
  .sec-rule__title {
    position: absolute;
    top: -66px;
    left: 50%;
    transform: translateX(-50%);
    width: min(27.7777777778vw, 400px);
    z-index: 1;
  }
  .sec-rule__title img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-rule__box {
    margin-top: min(4.6527777778vw, 67px);
    height: min(34.7222222222vw, 500px);
    background: #fff;
    border: min(0.2083333333vw, 3px) solid #2da75e;
    border-radius: min(2.0833333333vw, 30px);
    overflow: hidden;
  }
  .sec-rule__box-inner {
    padding: min(5.0694444444vw, 73px) min(1.9444444444vw, 28px) min(2.7777777778vw, 40px) min(3.4027777778vw, 49px);
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 400;
    font-size: min(0.9722222222vw, 14px);
    color: #000;
    line-height: min(1.5555555556vw, 22.4px);
  }
  .sec-rule__box-inner p {
    margin: 0 0 min(1.5555555556vw, 22.4px);
  }
  .sec-rule__box-inner p:last-child {
    margin-bottom: 0;
  }
  .sec-sns {
    background-color: #afed68;
  }
  .sec-sns__inner {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    height: min(43.5416666667vw, 627px);
  }
  .sec-sns__phone {
    position: absolute;
    left: min(21.0416666667vw, 303px);
    top: min(3.75vw, 54px);
    width: min(25.625vw, 369px);
  }
  .sec-sns__phone img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-sns__follow-me {
    position: absolute;
    left: min(45.5555555556vw, 656px);
    top: min(6.1805555556vw, 89px);
    width: min(30.1388888889vw, 434px);
  }
  .sec-sns__follow-me img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec-sns__btn {
    position: absolute;
    display: block;
    transition: all 0.3s;
  }
  .sec-sns__btn:hover {
    transform: scale(1.1);
  }
  .sec-sns__btn img {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }
  .sec-sns__btn--ig {
    left: min(47.8472222222vw, 689px);
    top: min(19.9305555556vw, 287px);
    width: min(27.8472222222vw, 401px);
  }
  .sec-sns__btn--x {
    left: min(47.8472222222vw, 689px);
    top: min(28.2638888889vw, 407px);
    width: min(27.6388888889vw, 398px);
  }
  .sec-sns__copyright {
    position: absolute;
    left: min(19.1666666667vw, 276px);
    top: min(40.3472222222vw, 581px);
    width: min(61.6666666667vw, 888px);
    margin: 0;
    font-family: "Rounded Mplus 1c", sans-serif;
    font-weight: 400;
    font-size: min(0.9722222222vw, 14px);
    color: #000;
    text-align: center;
    line-height: min(1.5555555556vw, 22.4px);
    white-space: nowrap;
  }
  .pagetop {
    position: fixed;
    right: min(2.7777777778vw, 40px);
    bottom: min(2.7777777778vw, 40px);
    z-index: 200;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
  }
  .pagetop.is-show {
    opacity: 1;
    pointer-events: auto;
  }
  .pagetop a {
    display: block;
    width: min(4.8611111111vw, 70px);
  }
  .pagetop a:hover img {
    transform: scale(1.1);
  }
  .pagetop a img {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    transition: all 0.3s;
  }
}
.mCSB_scrollTools {
  opacity: 1;
  width: 21px;
  border-radius: 6px;
  background: #fff;
}
@media (max-width: 767px) {
  .mCSB_scrollTools {
    width: 2.8vw;
    border-radius: 0.8vw;
  }
}
.mCSB_scrollTools .mCSB_draggerRail {
  opacity: 0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active {
  background: #2da75e !important;
  width: 7px;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active {
    width: 1.8vw;
    border-radius: 0.8vw;
  }
}/*# sourceMappingURL=style.css.map */