/* mv */
.section-mv {
  padding-top: min(calc(0.1546666667 * 100vw), 118.784px);
}
.section-mv .contents-mv {
  width: 100%;
  aspect-ratio: 750/1138;
  background-image: url(/feature/snsugc/assets/images/img_bg_mv.jpg);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}
.section-mv .contents-mv .img-bg:nth-child(1) {
  width: min(calc(0.2186666667 * 100vw), 167.936px);
  right: min(calc(0.04 * 100vw), 30.72px);
  top: min(calc(0.2453333333 * 100vw), 188.416px);
}
.section-mv .contents-mv .img-bg:nth-child(2) {
  width: min(calc(0.6613333333 * 100vw), 507.904px);
  inset: 0;
  margin: auto;
  top: max(calc(-0.72 * 100vw), -552.96px);
}
.section-mv .contents-mv .img-bg:nth-child(4) {
  width: min(calc(0.1946666667 * 100vw), 149.504px);
  top: min(calc(0.8 * 100vw), 614.4px);
  left: max(calc(-0.0106666667 * 100vw), -8.192px);
}
.section-mv .contents-mv .img-bg:nth-child(5) {
  width: min(calc(0.2213333333 * 100vw), 169.984px);
  top: min(calc(0.816 * 100vw), 626.688px);
  right: max(calc(-0.0266666667 * 100vw), -20.48px);
}
.section-mv .contents-mv .img-bg:nth-child(6) {
  width: min(calc(0.7466666667 * 100vw), 573.44px);
  inset: 0;
  margin: auto;
  top: min(calc(0.7573333333 * 100vw), 581.632px);
}
.section-mv .contents-mv .name {
  position: absolute;
  font-size: min(calc(0.0213333333 * 100vw), 16.384px);
  display: flex;
  flex-direction: column;
  top: min(calc(0.96 * 100vw), 737.28px);
  right: min(calc(0.224 * 100vw), 172.032px);
}
.section-mv .contents-mv .name sub {
  line-height: 2;
  font-size: 0.8em;
}

.btn-wrap.fixed {
  position: absolute;
  bottom: min(calc(0.0586666667 * 100vw), 45.056px);
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  opacity: 1;
}
.btn-wrap.fixed .btn-wrap.fixed {
  background-color: rgba(255, 255, 255, 0.9);
  padding: min(calc(0.0266666667 * 100vw), 20.48px) 0 min(calc(0.0693333333 * 100vw), 53.248px);
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .btn-wrap.fixed .btn-wrap.fixed {
    width: min(calc(0.584 * 100vw), 448.512px);
    margin: auto;
    padding: min(calc(0.016 * 100vw), 12.288px) 0 min(calc(0.048 * 100vw), 36.864px);
  }
}
.btn-wrap.fixed .btn-list {
  display: flex;
  gap: min(calc(0.0213333333 * 100vw), 16.384px);
}
@media screen and (min-width: 768px) {
  .btn-wrap.fixed .btn-list {
    gap: 16px;
  }
}
.btn-wrap.fixed .btn-list li a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: min(calc(0.2906666667 * 100vw), 223.232px);
  height: min(calc(0.1706666667 * 100vw), 131.072px);
  border-radius: min(calc(0.0213333333 * 100vw), 16.384px);
  box-shadow: 0 min(calc(0.0133333333 * 100vw), 10.24px) 0 rgba(0, 0, 0, 0.3);
  line-height: 1;
  gap: min(calc(0.008 * 100vw), 6.144px);
  font-weight: 600;
  border: min(calc(0.0026666667 * 100vw), 2.048px) solid #231815;
  padding-bottom: min(calc(0.032 * 100vw), 24.576px);
}
@media screen and (min-width: 768px) {
  .btn-wrap.fixed .btn-list li a {
    width: 218px;
    height: 128px;
    border-radius: 16px;
    box-shadow: 0 10px 0 rgba(0, 0, 0, 0.3);
    gap: 6px;
    font-size: 30px;
  }
}
.btn-wrap.fixed .btn-list li a::after {
  content: "";
  position: absolute;
  bottom: min(calc(0.0213333333 * 100vw), 16.384px);
  left: calc(50% - min(calc(0.012 * 100vw), 9.216px));
  background-image: url(/feature/snsugc/assets/images/icon_arrow_bottom.png);
  background-size: min(calc(0.024 * 100vw), 18.432px) min(calc(0.016 * 100vw), 12.288px);
  width: min(calc(0.024 * 100vw), 18.432px);
  height: min(calc(0.016 * 100vw), 12.288px);
}
.btn-wrap.fixed .btn-list li a .min {
  font-size: min(calc(0.032 * 100vw), 24.576px);
}
@media screen and (min-width: 768px) {
  .btn-wrap.fixed .btn-list li a .min {
    font-size: 24px;
  }
}
.btn-wrap.fixed .btn-list li:nth-child(1) a {
  background-color: #ff6333;
  color: #fff;
}
.btn-wrap.fixed .btn-list li:nth-child(1) a::after {
  background-image: url(/feature/snsugc/assets/images/icon_arrow_bottom_yellow.png);
}
.btn-wrap.fixed .btn-list li:nth-child(2) a {
  background-color: #fff;
  color: #231815;
}

.contents-mv > * {
  transition: all 1.5s ease-out;
}

.contents-mv > *:first-child {
  opacity: 1;
  transform: translate(-50px, 50px);
  transition-duration: 0.4s;
}

.contents-mv > *:not(:first-child) {
  opacity: 0;
}

.fixed-btn-container {
  position: fixed !important;
  bottom: max(calc(-0.0266666667 * 100vw), -20.48px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 999 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.3s ease !important;
}

.fixed-btn-container.is-show {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

@media screen and (min-width: 768px) {
  .fixed-btn-container.btn-wrap.fixed {
    bottom: -16px !important;
  }
}
@media screen and (min-width: 768px) {
  .fixed-btn-container.btn-wrap.fixed .btn-list {
    gap: 8px;
  }
}
@media screen and (min-width: 768px) {
  .fixed-btn-container.btn-wrap.fixed .btn-list li a {
    width: 109px;
    height: 64px;
    border-radius: 8px;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.3);
    gap: 3px;
    font-size: 15px;
    padding-bottom: 14px;
  }
}
@media screen and (min-width: 768px) {
  .fixed-btn-container.btn-wrap.fixed .btn-list li a::after {
    background-size: 12px 8px;
    width: 12px;
    height: 8px;
    left: calc(50% - 6px);
    bottom: 6px;
  }
}
@media screen and (min-width: 768px) {
  .fixed-btn-container.btn-wrap.fixed .btn-list li a .min {
    font-size: 12px;
  }
}

/* lead */
.section-lead {
  text-align: center;
  padding: min(calc(0.1386666667 * 100vw), 106.496px) 0 min(calc(0.176 * 100vw), 135.168px);
}
.section-lead > .img-bg {
  width: min(calc(0.2133333333 * 100vw), 163.84px);
  top: min(calc(0.088 * 100vw), 67.584px);
  right: min(calc(0.0373333333 * 100vw), 28.672px);
}
.section-lead .contents-lead-txt {
  position: relative;
  display: inline-block;
  width: min(calc(0.9146666667 * 100vw), 702.464px);
  font-weight: 600;
  margin-top: min(calc(0.008 * 100vw), 6.144px);
}
.section-lead .contents-lead-txt::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: min(calc(0.0026666667 * 100vw), 2.048px);
  width: 100%;
  height: min(calc(0.0026666667 * 100vw), 2.048px);
  background-image: linear-gradient(to right, #d6d4d4 min(calc(0.0106666667 * 100vw), 8.192px), transparent min(calc(0.0106666667 * 100vw), 8.192px));
  background-size: min(calc(0.016 * 100vw), 12.288px) min(calc(0.0026666667 * 100vw), 2.048px);
  background-repeat: repeat-x;
}
.section-lead .contents-lead-txt.space-top {
  margin-top: min(calc(0.032 * 100vw), 24.576px);
}
.section-lead .contents-lead-txt.space {
  margin-top: min(calc(0.0533333333 * 100vw), 40.96px);
}
.section-lead .contents-lead-txt .emph {
  font-size: min(calc(0.0613333333 * 100vw), 47.104px);
}
.section-lead .loop-slider {
  margin-top: min(calc(0.096 * 100vw), 73.728px);
}

/* theme */
.section-theme .contents-theme-head {
  margin-top: min(calc(0.008 * 100vw), 6.144px);
  background-color: #9bcc52;
  text-align: center;
  padding: min(calc(0.1706666667 * 100vw), 131.072px) 0 min(calc(0.0853333333 * 100vw), 65.536px);
}
.section-theme .contents-theme-head > img:nth-child(1) {
  width: min(calc(0.312 * 100vw), 239.616px);
  top: min(calc(0.1173333333 * 100vw), 90.112px);
  left: max(calc(-0.0053333333 * 100vw), -4.096px);
}
.section-theme .contents-theme-head > img:nth-child(2) {
  width: min(calc(0.24 * 100vw), 184.32px);
  top: min(calc(0.2346666667 * 100vw), 180.224px);
  right: 0;
}
.section-theme .contents-theme .h2-wrap .en {
  color: #fff;
  border-color: #fff;
}
.section-theme .contents-theme .h2-wrap h2 > img {
  width: min(calc(0.512 * 100vw), 393.216px);
}
.section-theme .contents-theme .balloon-wrap {
  position: relative;
  z-index: 0;
}
.section-theme .contents-theme .balloon-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  height: 50%;
  background: #9bcc52;
  z-index: 0;
}
.section-theme .contents-theme .balloon-wrap .balloon {
  position: relative;
  background-color: #fff;
  border-radius: 9999px;
  border: min(calc(0.0053333333 * 100vw), 4.096px) solid #e5e5e5;
  width: min(calc(0.9146666667 * 100vw), 702.464px);
  margin: auto;
  padding: min(calc(0.0426666667 * 100vw), 32.768px);
  font-size: min(calc(0.0533333333 * 100vw), 40.96px);
  font-weight: 600;
  z-index: 1;
  text-align: center;
  margin-top: -1px;
}
.section-theme .contents-theme .balloon-wrap .balloon::before {
  position: absolute;
  content: "";
  background-image: url(/feature/snsugc/assets/images/img_balloon-tail.png);
  background-size: min(calc(0.064 * 100vw), 49.152px) min(calc(0.048 * 100vw), 36.864px);
  width: min(calc(0.064 * 100vw), 49.152px);
  height: min(calc(0.048 * 100vw), 36.864px);
  top: max(calc(-0.048 * 100vw), -36.864px);
  right: min(calc(0.16 * 100vw), 122.88px);
  z-index: 1;
}
.section-theme .contents-theme .theme-text {
  margin-top: min(calc(0.0373333333 * 100vw), 28.672px);
}
.section-theme .contents-theme .posts-wrap {
  margin-top: min(calc(0.064 * 100vw), 49.152px);
}
.section-theme .contents-theme .posts-wrap .comment-wrap {
  position: relative;
  background-color: #fffbcc;
  padding: min(calc(0.0053333333 * 100vw), 4.096px) min(calc(0.032 * 100vw), 24.576px) min(calc(0.0053333333 * 100vw), 4.096px) min(calc(0.08 * 100vw), 61.44px);
  border-radius: 9999px;
  color: #ff6333;
  border: min(calc(0.0026666667 * 100vw), 2.048px) solid #ff6333;
  font-weight: 600;
}
.section-theme .contents-theme .posts-wrap .comment-wrap::before {
  content: "";
  position: absolute;
  background-image: url(/feature/snsugc/assets/images/batch_new.png);
  background-size: min(calc(0.0933333333 * 100vw), 71.68px) min(calc(0.0933333333 * 100vw), 71.68px);
  width: min(calc(0.0933333333 * 100vw), 71.68px);
  height: min(calc(0.0933333333 * 100vw), 71.68px);
  top: 50%;
  transform: translateY(-50%);
  left: max(calc(-0.0346666667 * 100vw), -26.624px);
}
.section-theme .contents-theme .posts-wrap .comment-wrap::after {
  content: "";
  position: absolute;
  background-image: url(/feature/snsugc/assets/images/icon_dot.png);
  background-size: min(calc(0.0106666667 * 100vw), 8.192px) min(calc(0.032 * 100vw), 24.576px);
  width: min(calc(0.0106666667 * 100vw), 8.192px);
  height: min(calc(0.032 * 100vw), 24.576px);
  bottom: max(calc(-0.032 * 100vw), -24.576px);
  transform: translateX(-50%);
  left: 50%;
}
.section-theme .contents-theme .limit-wrap {
  margin-top: min(calc(0.0853333333 * 100vw), 65.536px);
  padding: min(calc(0.064 * 100vw), 49.152px) 0;
  font-size: min(calc(0.0533333333 * 100vw), 40.96px);
  font-weight: 600;
  line-height: 1.3;
  border-top: min(calc(0.0106666667 * 100vw), 8.192px) dotted #ebebeb;
  border-bottom: min(calc(0.0106666667 * 100vw), 8.192px) dotted #ebebeb;
}
.section-theme .contents-theme .limit-wrap .min {
  font-size: min(calc(0.0746666667 * 100vw), 57.344px);
  position: relative;
  top: max(calc(-0.0106666667 * 100vw), -8.192px);
}
.section-theme .contents-theme .limit-wrap .num {
  font-size: min(calc(0.1013333333 * 100vw), 77.824px);
  font-weight: 700;
}
.section-theme .contents-theme .limit-wrap .unit {
  font-size: min(calc(0.0586666667 * 100vw), 45.056px);
  font-weight: 700;
}
.section-theme .contents-theme .limit-wrap .underline {
  color: #ff6333;
  position: relative;
  z-index: 0;
}
.section-theme .contents-theme .limit-wrap .underline::after {
  content: "";
  background-color: #f9e998;
  width: 100%;
  height: min(calc(0.016 * 100vw), 12.288px);
  position: absolute;
  left: 0;
  bottom: min(calc(0.0026666667 * 100vw), 2.048px);
  z-index: -1;
}
.section-theme .contents-theme .ownly_ugc_widget_block {
  margin-top: min(calc(0.0533333333 * 100vw), 40.96px);
}
.section-theme .contents-theme .howto-wrap {
  margin-top: min(calc(0.3306666667 * 100vw), 253.952px);
  background-color: #9bcc52;
  background-image: url(/feature/snsugc/assets/images/img_bg_theme.png);
  background-repeat: repeat-y;
  background-position: center center;
  background-size: 150% auto;
  padding: min(calc(0.1333333333 * 100vw), 102.4px) 0 min(calc(0.1866666667 * 100vw), 143.36px);
}
.section-theme .contents-theme .howto-wrap .inner-wrap {
  margin-top: max(calc(-0.2666666667 * 100vw), -204.8px);
}
.section-theme .contents-theme .howto-wrap .recommend-wrap {
  position: relative;
}
.section-theme .contents-theme .howto-wrap .recommend-wrap .img-bg {
  position: absolute;
}
.section-theme .contents-theme .howto-wrap .recommend-wrap .img-bg:nth-child(1) {
  width: min(calc(0.6293333333 * 100vw), 483.328px);
  top: max(calc(-0.1386666667 * 100vw), -106.496px);
  left: min(calc(0.0426666667 * 100vw), 32.768px);
}
.section-theme .contents-theme .howto-wrap .recommend-wrap .img-bg:nth-child(2) {
  width: min(calc(0.1866666667 * 100vw), 143.36px);
  top: max(calc(-0.1866666667 * 100vw), -143.36px);
  right: min(calc(0.0373333333 * 100vw), 28.672px);
}
.section-theme .contents-theme .howto-wrap .pick-wrap {
  border: min(calc(0.0026666667 * 100vw), 2.048px) solid #ff6333;
  border-radius: min(calc(0.0266666667 * 100vw), 20.48px);
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.section-theme .contents-theme .howto-wrap .pick-wrap > div {
  padding: min(calc(0.032 * 100vw), 24.576px) min(calc(0.0213333333 * 100vw), 16.384px) min(calc(0.0053333333 * 100vw), 4.096px);
  display: flex;
  flex-direction: column;
}
.section-theme .contents-theme .howto-wrap .pick-wrap > div:nth-child(n+2) {
  border-left: min(calc(0.0026666667 * 100vw), 2.048px) solid #dbdbdb;
}
.section-theme .contents-theme .howto-wrap .pick-wrap > div .img-wrap {
  min-height: min(calc(0.32 * 100vw), 245.76px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-theme .contents-theme .howto-wrap .pick-wrap > div .img-wrap img {
  height: min(calc(0.24 * 100vw), 184.32px);
  width: auto;
}
.section-theme .contents-theme .howto-wrap .pick-wrap-num {
  font-size: min(calc(0.0266666667 * 100vw), 20.48px);
  border-bottom: min(calc(0.0026666667 * 100vw), 2.048px) solid #2e2522;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  letter-spacing: 0;
}
.section-theme .contents-theme .howto-wrap .pick-wrap-lead {
  font-size: min(calc(0.0266666667 * 100vw), 20.48px);
  font-weight: 600;
  color: #ff6333;
  line-height: 1.4;
  margin-top: min(calc(0.0213333333 * 100vw), 16.384px);
}
.section-theme .contents-theme .howto-wrap .pick-wrap-txt-wrap {
  min-height: min(calc(0.1333333333 * 100vw), 102.4px);
  font-size: min(calc(0.032 * 100vw), 24.576px);
  display: flex;
  align-items: start;
  justify-content: center;
}
.section-theme .contents-theme .step-wrap {
  position: relative;
  background-color: #fff;
  margin-top: min(calc(0.088 * 100vw), 67.584px);
  border-top-left-radius: min(calc(0.5333333333 * 100vw), 409.6px);
  border-top-right-radius: min(calc(0.5333333333 * 100vw), 409.6px);
  border-bottom-left-radius: min(calc(0.0266666667 * 100vw), 20.48px);
  border-bottom-right-radius: min(calc(0.0266666667 * 100vw), 20.48px);
  padding: min(calc(0.2133333333 * 100vw), 163.84px) min(calc(0.072 * 100vw), 55.296px) min(calc(0.0746666667 * 100vw), 57.344px);
}
.section-theme .contents-theme .step-wrap-lead {
  font-size: min(calc(0.04 * 100vw), 30.72px);
}
.section-theme .contents-theme .step-wrap-lead .emph {
  font-weight: bold;
  font-size: min(calc(0.0453333333 * 100vw), 34.816px);
}
.section-theme .contents-theme .step-wrap-lead .small {
  font-size: min(calc(0.0373333333 * 100vw), 28.672px);
  font-weight: bold;
}
.section-theme .contents-theme .step-wrap-lead .underline {
  color: #ff6333;
  font-size: min(calc(0.064 * 100vw), 49.152px);
  font-weight: 600;
  position: relative;
  z-index: 0;
}
.section-theme .contents-theme .step-wrap-lead .underline::after {
  content: "";
  background-color: #f9e998;
  width: 100%;
  height: min(calc(0.016 * 100vw), 12.288px);
  position: absolute;
  left: 0;
  bottom: min(calc(0.0026666667 * 100vw), 2.048px);
  z-index: -1;
}
.section-theme .contents-theme .step-wrap-lead .underline::before {
  content: "";
  position: absolute;
  background-image: url(/feature/snsugc/assets/images/img_theme_07.png);
  width: min(calc(0.016 * 100vw), 12.288px);
  height: min(calc(0.0693333333 * 100vw), 53.248px);
  background-size: min(calc(0.016 * 100vw), 12.288px) min(calc(0.0693333333 * 100vw), 53.248px);
  inset: 0;
  margin: auto;
  top: min(calc(0.16 * 100vw), 122.88px);
}
.section-theme .contents-theme .step-wrap > .img-bg {
  position: absolute;
  top: max(calc(-0.0133333333 * 100vw), -10.24px);
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(0.8 * 100vw), 614.4px);
}
.section-theme .contents-theme .step-wrap .logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(calc(0.0506666667 * 100vw), 38.912px);
  font-size: min(calc(0.048 * 100vw), 36.864px);
}
.section-theme .contents-theme .step-wrap .logo-wrap img:nth-child(1) {
  width: min(calc(0.1066666667 * 100vw), 81.92px);
}
.section-theme .contents-theme .step-wrap .logo-wrap img:nth-child(3) {
  width: min(calc(0.104 * 100vw), 79.872px);
}
.section-theme .contents-theme .step-wrap .step-list {
  margin-top: min(calc(0.1333333333 * 100vw), 102.4px);
  display: flex;
  flex-direction: column;
  gap: min(calc(0.096 * 100vw), 73.728px);
}
.section-theme .contents-theme .step-wrap .step-list > li {
  position: relative;
}
.section-theme .contents-theme .step-wrap .step-list > li .head {
  background-color: #ff6333;
  border-top-right-radius: min(calc(0.0133333333 * 100vw), 10.24px);
  border-top-left-radius: min(calc(0.0133333333 * 100vw), 10.24px);
  font-family: "Bree Serif", Georgia, serif;
  color: #fff;
  font-size: min(calc(0.0453333333 * 100vw), 34.816px);
  line-height: 1;
  padding: 0 0 min(calc(0.016 * 100vw), 12.288px);
}
.section-theme .contents-theme .step-wrap .step-list > li .head .num {
  font-size: min(calc(0.0746666667 * 100vw), 57.344px);
}
.section-theme .contents-theme .step-wrap .step-list > li .content {
  background-color: #fcece6;
  border-bottom-right-radius: min(calc(0.0133333333 * 100vw), 10.24px);
  border-bottom-left-radius: min(calc(0.0133333333 * 100vw), 10.24px);
  padding: min(calc(0.048 * 100vw), 36.864px) min(calc(0.032 * 100vw), 24.576px);
}
.section-theme .contents-theme .step-wrap .step-list > li:nth-child(n+2)::before {
  content: "";
  position: absolute;
  background-image: url(/feature/snsugc/assets/images/icon_arrow.png);
  width: min(calc(0.0586666667 * 100vw), 45.056px);
  height: min(calc(0.032 * 100vw), 24.576px);
  background-size: min(calc(0.0586666667 * 100vw), 45.056px) min(calc(0.032 * 100vw), 24.576px);
  left: calc(50% - min(calc(0.0293333333 * 100vw), 22.528px));
  top: max(calc(-0.064 * 100vw), -49.152px);
}
.section-theme .contents-theme .step-wrap .step-list > li .tag-wrap {
  display: flex;
  gap: min(calc(0.0373333333 * 100vw), 28.672px);
  justify-content: center;
  font-weight: 600;
}
.section-theme .contents-theme .step-wrap .step-list > li .box {
  background-color: #fff;
  margin-top: min(calc(0.048 * 100vw), 36.864px);
  padding: min(calc(0.0533333333 * 100vw), 40.96px) min(calc(0.04 * 100vw), 30.72px);
}
.section-theme .contents-theme .step-wrap .step-list > li .box .min {
  font-size: min(calc(0.032 * 100vw), 24.576px);
}
.section-theme .contents-theme .step-wrap .step-list > li .box .min .emph {
  font-weight: 600;
}
.section-theme .contents-theme .step-wrap .step-list > li .box .btn-cmn {
  border: min(calc(0.0026666667 * 100vw), 2.048px) solid #231815;
  display: block;
  border-radius: min(calc(0.0213333333 * 100vw), 16.384px);
  color: #231815;
  padding: min(calc(0.0106666667 * 100vw), 8.192px);
  height: min(calc(0.1413333333 * 100vw), 108.544px);
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-weight: 600;
  color: #fff;
  line-height: 1.05;
  box-shadow: 0 min(calc(0.0106666667 * 100vw), 8.192px) 0 rgba(0, 0, 0, 0.3);
}
.section-theme .contents-theme .step-wrap .step-list > li .box .btn-cmn .emph {
  font-size: min(calc(0.056 * 100vw), 43.008px);
}
.section-theme .contents-theme .step-wrap .step-list > li .box .btn-cmn .min {
  font-size: min(calc(0.032 * 100vw), 24.576px);
}
.section-theme .contents-theme .step-wrap .step-list > li .box .tag-btn-wrap .btn-cmn {
  background-color: #2b78d6;
}
.section-theme .contents-theme .step-wrap .step-list > li .box .x-btn-wrap {
  margin-top: min(calc(0.064 * 100vw), 49.152px);
  padding-top: min(calc(0.048 * 100vw), 36.864px);
  border-top: min(calc(0.0106666667 * 100vw), 8.192px) dotted #ebebeb;
}
.section-theme .contents-theme .step-wrap .step-list > li .box .x-btn-wrap-lead {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(calc(0.0266666667 * 100vw), 20.48px);
}
.section-theme .contents-theme .step-wrap .step-list > li .box .x-btn-wrap-lead img {
  width: min(calc(0.064 * 100vw), 49.152px);
}
.section-theme .contents-theme .step-wrap .step-list > li .box .x-btn-wrap .btn-cmn {
  background-color: #000;
  margin-top: min(calc(0.032 * 100vw), 24.576px);
}
.section-theme .contents-theme .step-wrap .step-list > li .box .qr-wrap {
  margin-top: min(calc(0.064 * 100vw), 49.152px);
  padding-top: min(calc(0.048 * 100vw), 36.864px);
  border-top: min(calc(0.0106666667 * 100vw), 8.192px) dotted #ebebeb;
}
@media screen and (max-width: 767px) {
  .section-theme .contents-theme .step-wrap .step-list > li .box .qr-wrap {
    display: none;
  }
}
.section-theme .contents-theme .step-wrap .step-list > li .box .qr-wrap > p {
  line-height: 1.4;
}
.section-theme .contents-theme .step-wrap .step-list > li .box .qr-wrap > p .min {
  font-size: min(calc(0.0373333333 * 100vw), 28.672px);
}
.section-theme .contents-theme .step-wrap .step-list > li .box .qr-wrap p + p {
  margin-top: min(calc(0.016 * 100vw), 12.288px);
}
.section-theme .contents-theme .step-wrap .step-list > li .box .qr-wrap > .img-wrap {
  margin-top: min(calc(0.0373333333 * 100vw), 28.672px);
}
.section-theme .contents-theme .step-wrap .step-list > li .box .qr-wrap > .img-wrap > img {
  width: min(calc(0.28 * 100vw), 215.04px);
}
.section-theme .contents-theme .step-wrap .step-list .contents-sns {
  padding: 0;
}
.section-theme .contents-theme .step-wrap .step-list .contents-sns .sns-list {
  margin-top: min(calc(0.0373333333 * 100vw), 28.672px);
}
.section-theme .contents-theme .step-wrap .step-list .contents-sns .sns-list > li {
  background-color: #fff;
}
.section-theme .contents-theme .step-wrap .step-list .contents-sns .sns-list > li > a > span {
  font-size: min(calc(0.0293333333 * 100vw), 22.528px);
}
.section-theme .contents-theme .step-wrap .present-wrap {
  position: relative;
  border: min(calc(0.0026666667 * 100vw), 2.048px) solid #ff6333;
  border-radius: min(calc(0.0133333333 * 100vw), 10.24px);
  background-color: #fff;
  padding: min(calc(0.1066666667 * 100vw), 81.92px) min(calc(0.0266666667 * 100vw), 20.48px) min(calc(0.0533333333 * 100vw), 40.96px);
  margin-top: min(calc(0.12 * 100vw), 92.16px);
}
.section-theme .contents-theme .step-wrap .present-wrap > .img-bg {
  background-color: #fff;
  padding: 0 min(calc(0.0373333333 * 100vw), 28.672px);
  width: min(calc(0.6613333333 * 100vw), 507.904px);
  top: max(calc(-0.0346666667 * 100vw), -26.624px);
  left: calc(50% - min(calc(0.3306666667 * 100vw), 253.952px));
}
.section-theme .contents-theme .step-wrap .present-wrap .item-wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.section-theme .contents-theme .step-wrap .present-wrap .item-wrap .img-wrap img {
  width: min(calc(0.3253333333 * 100vw), 249.856px);
}
.section-theme .contents-theme .step-wrap .present-wrap .item-wrap + .item-wrap {
  margin-top: min(calc(0.0426666667 * 100vw), 32.768px);
}
.section-theme .contents-theme .step-wrap .present-wrap .item-wrap + .item-wrap::before {
  content: "";
  background-image: url(/feature/snsugc/assets/images/icon_plus.png);
  width: min(calc(0.0426666667 * 100vw), 32.768px);
  height: min(calc(0.0426666667 * 100vw), 32.768px);
  background-size: min(calc(0.0426666667 * 100vw), 32.768px) min(calc(0.0426666667 * 100vw), 32.768px);
  margin-bottom: min(calc(0.064 * 100vw), 49.152px);
}
.section-theme .contents-theme .step-wrap .present-wrap-txt {
  margin-top: min(calc(0.0266666667 * 100vw), 20.48px);
  font-size: min(calc(0.032 * 100vw), 24.576px);
}
.section-theme .contents-theme .step-wrap .btn-wrap.col2 {
  display: flex;
  gap: min(calc(0.04 * 100vw), 30.72px);
  margin-top: min(calc(0.064 * 100vw), 49.152px);
}
.section-theme .contents-theme .step-wrap .btn-wrap.col2 .btn-cmn {
  border: min(calc(0.0026666667 * 100vw), 2.048px) solid #231815;
  display: block;
  border-radius: min(calc(0.0213333333 * 100vw), 16.384px);
  color: #231815;
  padding: min(calc(0.032 * 100vw), 24.576px);
  height: min(calc(0.16 * 100vw), 122.88px);
  align-items: center;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  font-size: min(calc(0.0373333333 * 100vw), 28.672px);
  color: #fff;
  line-height: 1.43;
  box-shadow: 0 min(calc(0.0106666667 * 100vw), 8.192px) 0 rgba(0, 0, 0, 0.3);
  width: 100%;
  text-align: left;
}
.section-theme .contents-theme .step-wrap .btn-wrap.col2 .btn-cmn::after {
  content: "";
  background-image: url(/feature/snsugc/assets/images/icon_pdf.png);
  width: min(calc(0.0453333333 * 100vw), 34.816px);
  height: min(calc(0.048 * 100vw), 36.864px);
  background-size: min(calc(0.0453333333 * 100vw), 34.816px) min(calc(0.048 * 100vw), 36.864px);
}
.section-theme .contents-theme .step-wrap .btn-wrap.col2 .btn-cmn.x {
  background-color: #000;
}
.section-theme .contents-theme .step-wrap .btn-wrap.col2 .btn-cmn.instagram {
  background: #f2bd42;
  background: linear-gradient(30deg, #f2bd42 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #764adf 100%);
}
.section-theme .contents-theme .accordion {
  margin-top: min(calc(0.064 * 100vw), 49.152px);
}

/* special */
.section-special .loop-slider {
  margin-top: min(calc(0.008 * 100vw), 6.144px);
}
.section-special > .img-bg {
  width: min(calc(0.2373333333 * 100vw), 182.272px);
  top: min(calc(0.1013333333 * 100vw), 77.824px);
  left: 0;
}
.section-special .contents-special {
  text-align: center;
  padding: min(calc(0.1706666667 * 100vw), 131.072px) 0 min(calc(0.1866666667 * 100vw), 143.36px);
}
.section-special .contents-special .h2-wrap h2 > img {
  width: min(calc(0.832 * 100vw), 638.976px);
}
.section-special .contents-special .explan-wrap {
  position: relative;
  background-color: #fff699;
  margin-top: min(calc(0.088 * 100vw), 67.584px);
  border-top-left-radius: min(calc(0.5333333333 * 100vw), 409.6px);
  border-top-right-radius: min(calc(0.5333333333 * 100vw), 409.6px);
  padding: 0 0 min(calc(0.0746666667 * 100vw), 57.344px);
}
.section-special .contents-special .explan-wrap .img-wrap:nth-child(1) {
  position: relative;
  top: max(calc(-0.008 * 100vw), -6.144px);
}
.section-special .contents-special .explan-wrap .img-wrap:nth-child(1) img {
  width: min(calc(0.8293333333 * 100vw), 636.928px);
}
.section-special .contents-special .explan-wrap .img-wrap:nth-child(2) {
  margin-top: max(calc(-0.088 * 100vw), -67.584px);
  z-index: 2;
  position: relative;
}
.section-special .contents-special .explan-wrap .img-wrap:nth-child(2) img {
  width: min(calc(0.888 * 100vw), 681.984px);
}
.section-special .contents-special .explan-wrap-txt {
  margin-top: min(calc(0.0426666667 * 100vw), 32.768px);
  font-size: min(calc(0.0533333333 * 100vw), 40.96px);
}
.section-special .contents-special .explan-wrap .step-list {
  padding-inline: min(calc(0.0746666667 * 100vw), 57.344px);
  margin-top: min(calc(0.0266666667 * 100vw), 20.48px);
}
.section-special .contents-special .explan-wrap .step-list > li {
  display: flex;
  text-align: left;
  gap: min(calc(0.0373333333 * 100vw), 28.672px);
  padding: min(calc(0.0373333333 * 100vw), 28.672px) 0;
  border-top: min(calc(0.0053333333 * 100vw), 4.096px) dashed #cbc684;
}
.section-special .contents-special .explan-wrap .step-list > li:last-child {
  border-bottom: min(calc(0.0053333333 * 100vw), 4.096px) dashed #cbc684;
}
.section-special .contents-special .explan-wrap .step-list > li .head {
  font-family: "Bree Serif", Georgia, serif;
  margin-top: max(calc(-0.0106666667 * 100vw), -8.192px);
  color: #ff6333;
}
.section-special .contents-special .explan-wrap .step-list > li .head .num {
  font-size: min(calc(0.0533333333 * 100vw), 40.96px);
}
.section-special .contents-special .explan-wrap .step-list > li .content {
  flex: 1;
}
.section-special .contents-special .explan-wrap .step-list > li .content .note {
  font-size: min(calc(0.024 * 100vw), 18.432px);
}
@media screen and (max-width: 767px) {
  .section-special .contents-special .explan-wrap .step-list > li .content .note {
    font-size: min(calc(0.0266666667 * 100vw), 20.48px);
  }
}
.section-special .contents-special .explan-wrap .tag-wrap {
  padding: min(calc(0.0373333333 * 100vw), 28.672px) 0;
  border-bottom: min(calc(0.0053333333 * 100vw), 4.096px) dashed #cbc684;
  margin: auto min(calc(0.0746666667 * 100vw), 57.344px);
  display: flex;
  gap: min(calc(0.0373333333 * 100vw), 28.672px);
  justify-content: center;
  font-weight: 600;
}
.section-special .contents-special .accordion-wrap {
  background-color: #fff699;
  padding: min(calc(0.096 * 100vw), 73.728px) min(calc(0.0693333333 * 100vw), 53.248px);
  border-bottom-right-radius: min(calc(0.0266666667 * 100vw), 20.48px);
  border-bottom-left-radius: min(calc(0.0266666667 * 100vw), 20.48px);
}
.section-special .contents-special .game-iframe {
  height: 0;
  padding-bottom: 131.2%;
  resize: none;
  position: relative;
}
.section-special .contents-special .game-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.section-special .contents-special .game-iframe-cover {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.section-special .contents-special .game-iframe.is-active .game-iframe-cover {
  display: none;
}

/* about */
.section-about > .img-bg:nth-child(2) {
  width: min(calc(0.256 * 100vw), 196.608px);
  top: min(calc(0.096 * 100vw), 73.728px);
  right: 0;
}
.section-about > .img-bg:nth-child(3) {
  width: min(calc(0.144 * 100vw), 110.592px);
  top: min(calc(0.4 * 100vw), 307.2px);
  left: 0;
}
.section-about .contents-about {
  margin-top: min(calc(0.008 * 100vw), 6.144px);
  background-color: #613d21;
  text-align: center;
  padding: min(calc(0.2026666667 * 100vw), 155.648px) 0 min(calc(0.1866666667 * 100vw), 143.36px);
}
.section-about .contents-about .h2-wrap .en {
  color: #fff;
  border-color: #fff;
}
.section-about .contents-about .h2-wrap h2 > img {
  width: min(calc(0.68 * 100vw), 522.24px);
}
.section-about .contents-about .h2-wrap .img-bg {
  width: min(calc(0.3733333333 * 100vw), 286.72px);
  left: min(calc(0.0533333333 * 100vw), 40.96px);
  top: min(calc(0.1493333333 * 100vw), 114.688px);
}
.section-about .contents-about .inner-wrap {
  margin-top: min(calc(0.096 * 100vw), 73.728px);
}
.section-about .contents-about .box-wrap {
  background-color: #fff;
  border-radius: min(calc(0.0266666667 * 100vw), 20.48px);
  padding: min(calc(0.064 * 100vw), 49.152px);
}
.section-about .contents-about .box-wrap-ttl {
  position: relative;
  border-bottom: min(calc(0.0053333333 * 100vw), 4.096px) solid #ededed;
  font-size: min(calc(0.0533333333 * 100vw), 40.96px);
  font-weight: 600;
  padding-bottom: min(calc(0.0053333333 * 100vw), 4.096px);
}
.section-about .contents-about .box-wrap-ttl .emph {
  color: #e20513;
  font-size: min(calc(0.064 * 100vw), 49.152px);
}
.section-about .contents-about .box-wrap-ttl::after {
  content: "";
  position: absolute;
  width: min(calc(0.0533333333 * 100vw), 40.96px);
  height: min(calc(0.0053333333 * 100vw), 4.096px);
  background-color: #e20513;
  bottom: max(calc(-0.0053333333 * 100vw), -4.096px);
  left: calc(50% - min(calc(0.0266666667 * 100vw), 20.48px));
}
.section-about .contents-about .box-wrap-txt {
  margin-top: min(calc(0.0373333333 * 100vw), 28.672px);
  text-align: left;
  line-height: 1.5625;
}
.section-about .contents-about .box-wrap .btn-arrow {
  position: relative;
  border: min(calc(0.0026666667 * 100vw), 2.048px) solid #231815;
  display: block;
  border-radius: min(calc(0.0213333333 * 100vw), 16.384px);
  color: #231815;
  padding: min(calc(0.0186666667 * 100vw), 14.336px);
  font-weight: bold;
  margin-top: min(calc(0.0373333333 * 100vw), 28.672px);
  box-shadow: 0 min(calc(0.008 * 100vw), 6.144px) 0 rgba(0, 0, 0, 0.3);
}
.section-about .contents-about .box-wrap .btn-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: min(calc(0.0426666667 * 100vw), 32.768px);
  background-image: url(/feature/snsugc/assets/images/icon_arrow_right.png);
  background-size: min(calc(0.016 * 100vw), 12.288px) min(calc(0.024 * 100vw), 18.432px);
  width: min(calc(0.016 * 100vw), 12.288px);
  height: min(calc(0.024 * 100vw), 18.432px);
}
.section-about .contents-about .box-wrap .btn-arrow + .btn-arrow {
  margin-top: min(calc(0.032 * 100vw), 24.576px);
}
.section-about .contents-about .box-wrap + .box-wrap {
  margin-top: min(calc(0.0426666667 * 100vw), 32.768px);
}

/* sns */
.section-sns .loop-slider {
  margin-top: min(calc(0.008 * 100vw), 6.144px);
}
.section-sns > .img-bg {
  width: min(calc(0.2373333333 * 100vw), 182.272px);
  top: min(calc(0.1013333333 * 100vw), 77.824px);
  left: 0;
}

.contents-sns {
  text-align: center;
  padding: min(calc(0.176 * 100vw), 135.168px) 0 min(calc(0.128 * 100vw), 98.304px);
}
.contents-sns .h2-wrap h2 > img {
  width: min(calc(0.8 * 100vw), 614.4px);
}
.contents-sns-txt {
  line-height: 1.5625;
  margin-top: min(calc(0.0853333333 * 100vw), 65.536px);
}
.contents-sns .sns-list {
  display: flex;
  flex-direction: column;
  gap: min(calc(0.032 * 100vw), 24.576px);
  margin-top: min(calc(0.0666666667 * 100vw), 51.2px);
}
.contents-sns .sns-list > li {
  background-color: #f5f5f5;
  border-radius: min(calc(0.0266666667 * 100vw), 20.48px);
}
.contents-sns .sns-list > li > a {
  display: flex;
  padding: min(calc(0.0266666667 * 100vw), 20.48px) 0;
}
.contents-sns .sns-list > li > a .img-wrap {
  min-width: min(calc(0.192 * 100vw), 147.456px);
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: min(calc(0.0053333333 * 100vw), 4.096px) dotted #c0c3c5;
}
.contents-sns .sns-list > li > a .img-wrap img {
  width: min(calc(0.0853333333 * 100vw), 65.536px);
}
.contents-sns .sns-list > li > a > span {
  text-align: left;
  padding-left: min(calc(0.048 * 100vw), 36.864px);
  line-height: 1.4375;
  color: #231815;
  font-weight: 600;
}
.contents-sns .information-wrap {
  margin-top: min(calc(0.096 * 100vw), 73.728px);
  padding-top: min(calc(0.0746666667 * 100vw), 57.344px);
  border-top: min(calc(0.0106666667 * 100vw), 8.192px) dotted #ebebeb;
}
.contents-sns .information-wrap-ttl {
  font-weight: 600;
}
.contents-sns .information-wrap-lead {
  font-size: min(calc(0.0373333333 * 100vw), 28.672px);
  margin-top: 1em;
  text-align: left;
}
.contents-sns .information-wrap-txt {
  font-size: min(calc(0.032 * 100vw), 24.576px);
  margin-top: min(calc(0.032 * 100vw), 24.576px);
  line-height: 1.75;
}
.contents-sns .information-wrap-txt.left {
  text-align: left;
}
.contents-sns .information-wrap-txt a {
  color: #231815;
  border-bottom: min(calc(0.0026666667 * 100vw), 2.048px) solid #231815;
}
.contents-sns .information-wrap-txt + .information-wrap-txt {
  margin-top: 0;
}
.contents-sns .information-wrap-txt.left + .information-wrap-txt {
  margin-top: 1em;
}
.contents-sns .information-wrap-txt.left + .information-wrap-txt.left {
  margin-top: 0;
}/*# sourceMappingURL=module.css.map */