@charset "UTF-8";
/**
 * Swiper 10.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 8, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
          filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

html,
body {
  width: 100%;
  height: 100%;
}

html.is-modal-open {
  height: 100vh;
}
html.is-yt-open {
  overflow: hidden;
}

.wrapper {
  color: #000;
  overflow: hidden;
}
.wrapper img {
  width: 100%;
  height: auto;
}

.menu-btn {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.6vw;
  height: 9.6vw;
  border: 0.2666666667vw solid #000;
  border-radius: 2.1333333333vw;
  top: 24.2666666667vw;
  right: 2.1333333333vw;
  position: fixed;
  z-index: 200;
}
.menu-btn.is-active {
  opacity: 0;
}
.menu-btn.menu-btn--close.is-active {
  opacity: 1;
}
.menu-btn.menu-btn--close .menu-btn_icon {
  background-image: url(../images/icon_menu_close.svg);
  width: 4.2666666667vw;
  height: 4.2666666667vw;
}
.menu-btn_icon {
  background: url(../images/icon_menu.svg) no-repeat;
  background-size: cover;
  width: 5.3333333333vw;
  height: 4.5333333333vw;
  transition: background 0.3s;
}

.menu {
  background-color: transparent;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  transition: opacity 0.5s;
}
.menu:not(.is-active) {
  opacity: 0;
}
.menu:not(.is-active)::-webkit-backdrop {
  opacity: 0;
}
.menu:not(.is-active)::backdrop {
  opacity: 0;
}
.menu::-webkit-backdrop {
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.menu::backdrop {
  background: rgba(0, 0, 0, 0.8);
  transition: opacity 0.5s;
}
.menu_inner {
  display: -ms-grid;
  display: grid;
  height: 100%;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.menu_body {
  flex: 1 0 auto;
  padding: 28.6666666667vw 5.3333333333vw;
  position: relative;
}

.menu_nav {
  width: 83.7333333333vw;
  margin: 0 auto;
}

.menu_link {
  width: 83.4666666667vw;
  margin: 7.0666666667vw auto 0;
}

.menu_notes {
  color: #fff;
  font-size: 2.9333333333vw;
  margin: 2.6666666667vw auto 0;
}
.menu_notes > li {
  display: flex;
  align-items: center;
}
.menu_notes > li:not(:first-child) {
  margin-top: 1.3333333333vw;
}
.menu_notes img {
  width: 11.4666666667vw;
  margin-right: 2vw;
}

.gnav {
  border-bottom: 0.2666666667vw solid #D9D9D9;
}
.gnav > li {
  border-top: 0.2666666667vw solid #D9D9D9;
}
.gnav_btn {
  color: #fff;
  font-size: 4.2666666667vw;
  font-weight: 700;
  display: flex;
  align-items: center;
  text-decoration: none;
  height: 12.8vw;
  padding-left: 4.2666666667vw;
  position: relative;
  transition: opacity 0.3s;
}
.gnav_btn:after {
  content: "";
  display: block;
  background: url(../images/icon_arrow.svg) no-repeat;
  background-size: contain;
  width: 2.6666666667vw;
  height: 4.2666666667vw;
  margin: auto;
  position: absolute;
  right: 3.8666666667vw;
  top: 0;
  bottom: 0;
}
.gnav_btn:hover .gnav_img {
  opacity: 1;
}

.gnav_img.gnav_img--01 {
  width: 9.2vw;
}
.gnav_img.gnav_img--02 {
  width: 63.6vw;
}
.gnav_img.gnav_img--03 {
  width: 33.3333333333vw;
}

.footer {
  background: #fff;
  display: -ms-grid;
  display: grid;
  row-gap: 2.9333333333vw;
  text-align: center;
  padding: 10vw;
  position: relative;
}
.footer_txt {
  font-size: 2.1333333333vw;
}

.modal {
  background-color: transparent;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  transition: opacity 0.5s;
}
.modal:not(.is-active) {
  opacity: 0;
}
.modal:not(.is-active)::-webkit-backdrop {
  opacity: 0;
}
.modal:not(.is-active)::backdrop {
  opacity: 0;
}
.modal::-webkit-backdrop {
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.modal::backdrop {
  background: rgba(0, 0, 0, 0.8);
  transition: opacity 0.5s;
}
.modal_inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: scroll;
}

.modal_body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 auto;
  padding: 28.6666666667vw 5.3333333333vw;
  position: relative;
}

.modal_content, .modal_content_future {
  width: 89.3333333333vw;
  margin: 5.3333333333vw auto;
}

.modal_action {
  position: absolute;
  top: 4.2666666667vw;
  right: 4.2666666667vw;
}

.modal_close {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
}
.modal_close:before, .modal_close:after {
  content: "";
  display: block;
  background: #fff;
  width: 100%;
  height: 0.6666666667vw;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.modal_close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.modal_close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.modal_close_icon {
  background: url(../images/icon_menu_close.svg) no-repeat;
  background-size: cover;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
}
.modal_close_icon_future {
  background: url(../images/future_bt_close.png) no-repeat;
  background-size: contain;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
}
.modal-movie {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 1001;
  background: #000;
}
.modal-movie iframe {
  width: 100%;
  height: 100%;
  padding: 18.6666666667vw 0;
  border: none;
  box-sizing: border-box;
}
.modal-movie_close {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  position: absolute;
  top: 4.2666666667vw;
  right: 4.2666666667vw;
}
.modal-movie_close:before, .modal-movie_close:after {
  content: "";
  display: block;
  background: #fff;
  width: 100%;
  height: 0.6666666667vw;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.modal-movie_close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.modal-movie_close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.btn {
  color: #231815;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 1.2;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  width: 100%;
  height: 13.3333333333vw;
  box-sizing: border-box;
  border: none;
  border-radius: 1.0666666667vw;
  box-shadow: 0 0.6vw 1vw rgba(0, 0, 0, 0.2);
  position: relative;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}
.btn:after {
  content: "";
  display: block;
  background: url(../images/icon_arrow.svg) no-repeat;
  background-size: cover;
  width: 2.1333333333vw;
  height: 4.1333333333vw;
  margin: auto;
  position: absolute;
  right: 2.8vw;
  top: 0;
  bottom: 0;
}
.btn.btn--blue {
  border-color: #005AAB;
}
.btn.btn--yellow {
  border-color: #F5CC00;
}
.btn.btn--blank:after {
  background: url(../images/icon_blank.svg) no-repeat 50% 50%;
  background-size: cover;
  width: 2.9333333333vw;
  height: 2.9333333333vw;
  border: 0;
  right: 3.0666666667vw;
}
.btn.btn--beginner {
  padding-right: 4vw;
}
.btn.btn--coupon > img {
  width: 17.6vw;
  margin-right: 2.6666666667vw;
}
.btn.btn--nsm > img {
  width: 9.8666666667vw;
  margin-right: 0.6666666667vw;
}
.btn.btn--radiko {
  flex-direction: column;
  row-gap: 0.8vw;
}
.btn.btn--radiko > span {
  display: flex;
  align-items: center;
}
.btn.btn--radiko > span:first-child {
  font-size: 2.9333333333vw;
}
.btn.btn--radiko > span > img {
  width: 14vw;
  margin-right: 0.8vw;
}
.btn.btn--radiko-rockyou {
  flex-direction: column;
}
.btn.btn--radiko-rockyou > img {
  width: 29.3333333333vw;
}
.btn.btn--radiko-rockyou > span {
  display: flex;
  align-items: center;
}
.btn.btn--radiko-rockyou > span > img {
  width: 14vw;
  margin-right: 0.8vw;
}
.btn.btn--rockyou {
  padding-right: 4vw;
}
.btn.btn--rockyou > img {
  width: 32.8vw;
  margin-right: 1.3333333333vw;
}
.btn.btn--sm {
  font-size: 2.9333333333vw;
}
.btn.btn--md {
  font-size: 3.7333333333vw;
}
.btn.btn--menu {
  border-color: #005AAB;
}

.link-blank {
  color: #0000FF;
  text-decoration: underline;
  display: inline-flex;
  align-items: center;
}
.link-blank:after {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.75%200c-.756%200-1.375.619-1.375%201.375s.619%201.375%201.375%201.375h3.547L8.65%2011.399a1.386%201.386%200%200%200%200%201.952c.536.55%201.416.536%201.952%200l8.649-8.649V8.25c0%20.756.619%201.375%201.375%201.375S22%209.006%2022%208.25V1.375A1.38%201.38%200%200%200%2020.625%200H13.75ZM3.437%201.375A3.439%203.439%200%200%200%200%204.813v13.75A3.439%203.439%200%200%200%203.438%2022h13.75a3.439%203.439%200%200%200%203.437-3.438V13.75c0-.756-.619-1.375-1.375-1.375s-1.375.619-1.375%201.375v4.813a.699.699%200%200%201-.688.687H3.438a.69.69%200%200%201-.687-.688V4.813a.68.68%200%200%201%20.688-.687H8.25c.756%200%201.375-.619%201.375-1.375S9.006%201.375%208.25%201.375H3.437Z%22%20fill%3D%22%230000FF%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  background-size: cover;
  width: 2.9333333333vw;
  height: 2.9333333333vw;
  margin-left: 0.5333333333vw;
}

.list-dot > li {
  display: flex;
}
.list-dot > li:before {
  content: "・";
  display: inline-block;
  flex-shrink: 0;
  margin-right: 0.5em;
}

.mt {
  margin-top: 1em;
}

/* animation */
.fadeup {
  opacity: 0;
  -webkit-transform: translateY(8vw);
          transform: translateY(8vw);
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}
.fadeup.is-animated {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.text-em {
  color: #FFDE32;
}

.text-blue {
  color: #0099DD;
}

.text-red {
  color: #EA5F5B;
}

.text-link {
  color: #45B2FF;
}

.text-strong {
  font-weight: 700;
}

.section-header {
  display: -ms-grid;
  display: grid;
}
.section-header.section-header--white .section-header_obj {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22700%22%20height%3D%22186%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M210%20127H0m210%208H0m700-8H490m210%208H490%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3Cg%20clip-path%3D%22url(%23a)%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%20stroke-miterlimit%3D%2210%22%3E%3Cpath%20d%3D%22M210.302%20119.831c8.746-28.422%2025.84-53.179%2048.424-71.417m231.972%2071.417c-8.746-28.422-25.84-53.179-48.424-71.417M335.671.964l31.417%2031.417m0-31.417L335.671%2032.38m-32.888-21.842%2020.275%2020.275m0-20.275-20.275%2020.275m76.923-20.275%2020.275%2020.275m0-20.275-20.275%2020.275M269.89%2023.635l20.275%2020.275m0-20.275L269.89%2043.91m142.704-20.275%2020.28%2020.275m0-20.275-20.28%2020.275%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20transform%3D%22translate(209)%22%20d%3D%22M0%200h283v120.234H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}
.section-header .section-header_obj {
  width: 100%;
  height: 12.8vw;
  margin: 0 auto;
  position: relative;
}
.section-header .section4-header_obj,
.section-header .section5-header_obj {
  width: 100%;
  height: 8.8vw;
  margin: 0 auto;
  position: relative;
  margin-bottom: -3vw;
}
.section-header .section-header_light {
  background-repeat: no-repeat;
  background-size: cover;
  width: 13.3333333333vw;
  height: 11.0666666667vw;
  position: absolute;
  opacity: 0;
}
.section-header .section-header_light.section-header_light--01 {
  background-image: url(../images/header_light_01.png);
  top: 1.3333333333vw;
  left: 14.1333333333vw;
}
.section-header .section-header_light.section-header_light--02 {
  background-image: url(../images/header_light_02.png);
  top: 1.3333333333vw;
  right: 14.1333333333vw;
}
.section-header .section-header_light.section-header_light--03 {
  background-image: url(../images/header_light_03.png);
  top: 16.9333333333vw;
  left: 14.1333333333vw;
}
.section-header .section-header_light.section-header_light--04 {
  background-image: url(../images/header_light_04.png);
  top: 16.9333333333vw;
  right: 14.1333333333vw;
}
.section-header .section-header_logo {
  display: block;
  background: url(../images/header_logo.png) no-repeat;
  background-size: cover;
  width: 18.8vw;
  height: 20.6666666667vw;
  margin: -2vw auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.section-header .section-header_text {
  margin: 0 auto;
}

.section-header .section3-header_logo {
  display: block;
  background: url(../images/top_section3_logo.png) no-repeat;
  background-size: cover;
  width: 28.8vw;
  height: 4.6666666667vw;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.section-header .section4-header_logo {
  display: block;
  background: url(../images/top_section4_logo.png) no-repeat;
  background-size: cover;
  width: 28.8vw;
  height: 5.6666666667vw;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.section-header .section5-header_logo {
  display: block;
  background: url(../images/top_section5_logo.png) no-repeat;
  background-size: cover;
  width: 28.8vw;
  height: 5.6666666667vw;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.section-condition {
  background: #008E99;
  width: 69.6vw;
  margin-left: auto;
  margin-right: auto;
  border-radius: 3.7333333333vw;
  box-sizing: border-box;
}
.section-condition.section-condition--notitle {
  padding-top: 8vw;
  position: relative;
}
.section-condition.section-condition--notitle:before, .section-condition.section-condition--notitle:after {
  content: "";
  background: url(../images/icon_condition.svg) no-repeat;
  background-size: cover;
  display: block;
  width: 3.2vw;
  height: 5.6vw;
  position: absolute;
  top: 0;
}
.section-condition.section-condition--notitle:before {
  left: 20.1333333333vw;
}
.section-condition.section-condition--notitle:after {
  right: 20.1333333333vw;
}
.section-condition .section-condition_header {
  display: flex;
  justify-content: center;
  -webkit-column-gap: 5.3333333333vw;
     -moz-column-gap: 5.3333333333vw;
          column-gap: 5.3333333333vw;
}
.section-condition .section-condition_header > span {
  color: #fff;
  font-size: 4.5333333333vw;
  font-weight: 700;
}
.section-condition .section-condition_title {
  color: #000;
  font-size: 5.8666666667vw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin-top: 4.8vw;
}
.section-condition .section-condition_title_line {
  display: inline-flex;
  margin-bottom: 0.5333333333vw;
  padding-bottom: 0.8vw;
  border-bottom: 1.0666666667vw solid #FFDE32;
}
.section-condition .section-condition_title_small {
  font-size: 4.5333333333vw;
  padding-top: 2vw;
}
.section-condition .section-condition_action > li:not(:first-child) {
  margin-top: 3.2vw;
}
.section-condition .section-condition_desc {
  color: #231815;
  font-size: 2.9333333333vw;
  display: -ms-grid;
  display: grid;
  row-gap: 0.9333333333vw;
  margin-top: 3.2vw;
  margin-right: -1em;
}
.section-condition .section-condition_desc > li {
  display: flex;
  align-items: center;
}
.section-condition .section-condition_desc > li > img {
  width: 13.0666666667vw;
  margin-right: 0.8vw;
}
.section-step > li {
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 0 3.3333333333vw 3.4666666667vw;
  border: 1px solid #000;
  border-radius: 1.0666666667vw;
  position: relative;
}
.section-step > li:before {
  background: url(../images/icon_arrow.svg) no-repeat;
  background-size: cover;
  display: block;
  width: 3.2vw;
  height: 6.4vw;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -6.4vw;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.section-step > li:not(:first-child) {
  margin-top: 5.3333333333vw;
}
.section-step > li:not(:first-child):before {
  content: "";
}
.section-step > li:nth-child(1) .section-step_title {
  background: #2EA7E0;
}
.section-step > li:nth-child(2) .section-step_title {
  background: #0088AF;
}
.section-step > li:nth-child(3) .section-step_title {
  background: #0054A7;
}
.section-step .section-step_title {
  color: #fff;
  font-size: 4.5333333333vw;
  line-height: 1;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  -ms-grid-row-align: center;
      align-self: center;
  width: 33.8666666667vw;
  height: 6.4vw;
  padding-bottom: 0.5333333333vw;
  border-radius: 0 0 1.0666666667vw 1.0666666667vw;
  box-sizing: border-box;
}
.section-step .section-step_text {
  font-size: 3.7333333333vw;
  line-height: 1.6785;
  margin-top: 2.6666666667vw;
}

.section-note-01 {
  background-image: url(../images/bg_note_01.svg);
  background-repeat: no-repeat;
  background-size: 122.6666666667vw auto;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mv .mv_bg {
  height: 129.3333333333vw;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  aspect-ratio: 16/9;
}
.mv .mv_bg > video {
  width: 100%;
  height: 100%;
}
.mv .mv_logo {
  background: url(../images/top_mv_paper.svg) no-repeat;
  background-size: cover;
  width: 54.4vw;
  height: 20.8vw;
  padding-top: 2vw;
  padding-left: 2vw;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.mv .mv_logo > img {
  display: block;
  width: 42vw;
}
.mv .mv_frame {
  padding-top: 5.8666666667vw;
  position: relative;
  z-index: 6;
}
.mv .mv_pic {
  width: 100%;
  margin: 0 auto;
}
.mv .mv_copy {
  width: 32vw;
  position: absolute;
  top: 5.8666666667vw;
  right: 10.2666666667vw;
}
.mv .mv_tombocoop {
  width: 89.6vw;
  margin-top: -12.2666666667vw;
  margin-left: 10.5333333333vw;
  margin-bottom: -10.1333333333vw;
  position: relative;
  z-index: 1;
}
.mv .mv_title {
  position: relative;
}
.mv .mv_period {
  background: url(../images/top_mv_bg_sp.png) no-repeat;
  background-size: cover;
  text-align: center;
  height: 49.3333333333vw;
  padding-top: 7.4666666667vw;
  box-sizing: border-box;
}
.mv .mv_period > img {
  width: 94.8vw;
}
.mv .mv_btns {
  margin-top: 0;
  padding: 12.2666666667vw 8.1333333333vw 0 9.2vw;
  position: relative;
}
.mv .mv_btns_badge {
  width: 27.2vw;
  position: absolute;
  top: -3.2vw;
  left: 3.4666666667vw;
}
.mv .mv_btns_list {
  display: -ms-grid;
  display: grid;
  row-gap: 3.2vw;
  margin-top: 0;
}
.mv .mv_btns_btn {
  padding: 0;
}
.mv .mv_btns_btn:after {
  right: 4.9333333333vw;
}
.mv .mv_btns_text {
  font-size: 2.9333333333vw;
  line-height: 1.35;
  margin-top: 4.6666666667vw;
}
.mv .mv_btns_text > li:before {
  content: "・";
}
.mv .mv_text {
  padding: 5.3333333333vw 5.3333333333vw 0 6.6666666667vw;
}
.mv .mv_text_list {
  color: #fff;
  font-size: 2.9333333333vw;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  line-height: 1.8182;
}

.section1 {
  background: url(../images/top_section1_btm_sp.png) no-repeat;
  background-size: 100% auto;
  padding: 4.0666666667vw 0 12.8vw;
  position: relative;
  z-index: 5;
}
.section1 .section1_title {
  color: #fff;
  font-size: 8vw;
  line-height: 1.08;
  text-align: center;
}
.section1 .section1_title > span {
  font-size: 5.3333333333vw;
}
.section1 .section1_body {
  margin-top: 4.5333333333vw;
  padding-left: 6.1333333333vw;
  padding-right: 5.3333333333vw;
}
.section1 .section1_nav {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: repeat(2, 1fr);
  flex-wrap: wrap;
  gap: 4.2666666667vw 0;
}
.section1 .section1_nav > li {
  width: 42.1333333333vw;
}

.section1 .section1_nav > li a {
  display: block;
}
.section1 .section1_nav > li a img {
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}

.section2 {
  padding-bottom: 6.1333333333vw;
  position: relative;
}
.section2 .section2-1_body {
  margin-top: 2.6666666667vw;
}
.section2 .section2-1_img {
  position: relative;
}
.section2 .section2-1_balloon {
  width: 27.3333333333vw;
  position: absolute;
  top: 2vw;
  right: 1.7333333333vw;
}
.section2 .section2-1_title {
  width: 56.6666666667vw;
  margin: 0 auto;
}
.section2 .section2-1_pic {
  width: 65.3333333333vw;
  margin: 3.2vw auto 0;
}
.section2 .section2-1_note {
  color: #ffffff;
  font-size: 3.7333333333vw;
  text-align: center;
  margin-top: 1.6vw;
  line-height: 1.6785;
  font-weight: 700;
}
.section2 .section2-1_condition {
  margin-top: 6.1333333333vw;
}
.section2 .section2-1_condition_inner {
  padding: 3.2vw 4.8vw 2.4vw;
}
.section2 .section2-2 {
  background: url(../images/bg_note_01.svg) no-repeat -17.4666666667vw 51.3333333333vw;
  background-size: 122.6666666667vw auto;
  margin-top: 0.2666666667vw;
}
.section2 .section2-2_header {
  width: 63.7333333333vw;
  margin-top: -2.1333333333vw;
}
.section2 .section2-2_body {
  margin-top: 4.5333333333vw;
}
.section2 .section2-2_img {
  position: relative;
}
.section2 .section2-2_balloon {
  width: 27.3333333333vw;
  position: absolute;
  top: -4.8vw;
  right: 4.1333333333vw;
}
.section2 .section2-2_title {
  width: 72.2666666667vw;
  margin-top: 0;
  margin-left: 14.4vw;
}
.section2 .section2-2_pic {
  width: 63.0666666667vw;
  margin: 1.0666666667vw auto 0;
}
.section2 .section2-2_limited {
  background: #FFF0A3;
  width: 94.1333333333vw;
  margin: 7.4666666667vw auto 0;
  padding: 2.4vw 3.2vw 3.2vw 3.7333333333vw;
  border-radius: 3.2vw;
  box-sizing: border-box;
}
.section2 .section2-2_limited_media {
  display: flex;
  align-items: flex-start;
}
.section2 .section2-2_limited_media > picture {
  flex-shrink: 0;
  width: 28.5333333333vw;
  margin-right: 1.6vw;
}
.section2 .section2-2_limited_text {
  color: #231815;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 1.3571;
  margin-top: 0;
}
.section2 .section2-2_limited_em {
  color: #005AAB;
}
.section2 .section2-2_limited_marker {
  color: #fff;
  line-height: 1.6;
  background: #005AAB;
  display: block;
  margin-top: 0.1em;
  margin-left: -0.2em;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
.section2 .section2-2_limited_note {
  color: #231815;
  font-size: 2.9333333333vw;
  text-align: center;
  margin-top: 2.1333333333vw;
}
.section2 .section2-2_note {
  color: #231815;
  font-size: 2.9333333333vw;
  text-align: center;
  display: flex;
  justify-content: center;
  -webkit-column-gap: 7.7333333333vw;
     -moz-column-gap: 7.7333333333vw;
          column-gap: 7.7333333333vw;
  margin-top: 4.2666666667vw;
}
.section2 .section2-2_condition {
  margin-top: 4.5333333333vw;
}
.section2 .section2-2_condition_inner {
  padding: 3.2vw 4.8vw 4vw;
}

.section3 .section3_bg {
  height: 129.3333333333vw;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  aspect-ratio: 16/9;
}
.section3 .section3_bg:after {
  content: "";
  background: #121C1E;
  display: block;
  width: 160vw;
  height: 40vw;
  border-radius: 50%;
  position: absolute;
  bottom: -29.3333333333vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.section3 .section3_bg > video {
  width: 100%;
  height: 100%;
}
.section3 .section3_content {
  position: relative;
}
.section3 .section3_header {
  width: 41.3333333333vw;
  margin-top: -2.6666666667vw;
}
.section3 .section3_body {
  margin-top: 2.2vw;
  width: 68%;
  margin-left: 15vw;
}
.section3 .section3_img {
  position: relative;
}
.section3 .section3_balloon {
  width: 27.3333333333vw;
  position: absolute;
  top: 8vw;
  right: 4vw;
}
.section3 .section3_title {
  width: 65.4666666667vw;
  margin-top: 0;
  margin-left: 18.2666666667vw;
}
.section3 .section3_pic {
  width: 72.9333333333vw;
  margin: 3.4666666667vw auto 0;
}
.section3 .section3_condition {
  margin-top: 8vw;
}
.section3 .section3_condition_title {
  line-height: 1.25;
  margin-top: 5.3333333333vw;
}
.section3 .section3_condition_inner {
  padding: 2.6666666667vw 2.8vw 4.9333333333vw;
}
.section3 .section3_detail {
  color: #231815;
  font-size: 3.7333333333vw;
  line-height: 1.6785;
  background: #fff;
  padding: 1.8666666667vw 2.6666666667vw;
}
.section3 .section3_detail:not(:first-child) {
  margin-top: 4.2666666667vw;
}
.section3 .section3_detail dt {
  color: #EA5F5B;
  font-weight: 700;
  text-align: center;
}
.section3 .section3_detail dd {
  margin-top: 1.6vw;
}
.section3 .section3_caution {
  color: #231815;
  background: url(../images/top_section3_condition_bg.png) no-repeat 50% 5.6vw;
  background-size: 80.8vw auto;
  margin-top: 5.3333333333vw;
}
.section3 .section3_caution_title {
  color: #231815;
  font-size: 3.7333333333vw;
  font-weight: 700;
  background: #FFDE32;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 9.6vw;
}
.section3 .section3_caution_title:not(:first-child) {
  margin-top: 5.3333333333vw;
}
.section3 .section3_caution_body {
  color: #231815;
  font-size: 2.9333333333vw;
  line-height: 1.8182;
  margin-top: 3.2vw;
}
.section3 .section3_caution_scroll {
  max-height: 37.7333333333vw;
  overflow-y: scroll;
}
.section3 .section3_caution_scroll > * {
  margin-top: 0;
}
.section3 .section3_action {
  margin-top: 5.3333333333vw;
}

.section4 {
  background: url(../images/top_section4_bg.png) no-repeat;
  background-size: 100% auto;
  z-index: 1;
  position: relative;

}
.section4 .section4_header {
  width: 75.4666666667vw;
  margin-top: -2.6666666667vw;
}
.section4 .section4_body {
  margin-top: 3.7333333333vw;
  text-align: center;
}
.section4 .section4_img {
  position: relative;
}
.section4 .section4_title {
  width: 55.7333333333vw;
  margin: 0 auto;
}
.section4 .section4_pic {
  width: 78.6666666667vw;
  margin: 4vw auto 0;
}
.section4 .section4_condition {
  margin-top: 5.3333333333vw;
  margin-bottom: 6.3333333333vw;
}
.section4 .section4_condition_title {
  align-items: center;
  margin-top: 2.6666666667vw;
}
.section4 .section4_condition_title > img {
  width: 13.3333333333vw;
  margin-right: 1.0666666667vw;
}
.section4 .section4_condition_title .section-condition_title_line {
  border-bottom-color: #8FC31F;
}
.section4 .section4_condition_inner {
  padding: 4.4vw 2.8vw 5.3333333333vw;
}
.section4 .section4_detail {
  color: #231815;
  font-size: 3.7333333333vw;
  line-height: 1.6785;
  background: #fff;
  padding: 1.8666666667vw 2.6666666667vw;
}
.section4 .section4_detail:not(:first-child) {
  margin-top: 4.2666666667vw;
}
.section4 .section4_detail dt {
  color: #EA5F5B;
  font-weight: 700;
  text-align: center;
}
.section4 .section4_detail dd {
  margin-top: 1.6vw;
}
.section4 .section4_prize_list {
  list-style: none;
  padding: 0;
  margin: 1.6vw 0 0;
}
.section4 .section4_prize_list li {
  margin-bottom: 1.2vw;
  line-height: 1.6;
}
.section4 .section4_note {
  font-size: 3.2vw;
  color: #666;
  margin-top: 1.6vw;
}
.section4 .section4_caution {
  color: #231815;
  background: url(../images/top_section3_condition_bg.png) no-repeat 50% 5.6vw;
  background-size: 80.8vw auto;
  margin-top: 5.3333333333vw;
}
.section4 .section4_caution_title {
  color: #231815;
  font-size: 3.7333333333vw;
  font-weight: 700;
  background: #FFDE32;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 9.6vw;
}
.section4 .section4_caution_title:not(:first-child) {
  margin-top: 5.3333333333vw;
}
.section4 .section4_caution_body {
  color: #231815;
  font-size: 2.9333333333vw;
  line-height: 1.8182;
  margin-top: 3.2vw;
}
.section4 .section4_caution_scroll {
  max-height: 37.7333333333vw;
  overflow-y: scroll;
}
.section4 .section4_caution_scroll > * {
  margin-top: 0;
}
.section4 .section4_action {
  margin-top: 5.3333333333vw;
}

.section5 {
  background: #010206 url(../images/top_section5_bg_sp.png) no-repeat;
  background-size: 100% auto;
  padding-top: 16.2666666667vw;
  padding-bottom: 6.4vw;
  position: relative;
}
.section5:before {
  content: "";
  background: url(../images/top_section5_top_sp.png) no-repeat;
  background-size: 100% auto;
  display: block;
  width: 100%;
  height: 13.3333333333vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.section5 .section5_header {
  width: 54.2666666667vw;
  margin-top: -1.3333333333vw;
}
.section5 .section5_body {
  margin-top: 3.2vw;
}
.section5 .section5_img {
  position: relative;
}
.section5 .section5_balloon {
  width: 27.3333333333vw;
  position: absolute;
  top: -4.4vw;
  right: 0;
}
.section5 .section5_title {
  width: 100%;
  margin-top: 4.5333333333vw;
}
.section5 .section5_project {
  margin-top: 5.0666666667vw;
}
.section5 .section5_project_pic {
  width: 66.6666666667vw;
  margin: 0 auto;
}
.section5 .section5_project_body {
  margin-top: 2.4vw;
}
.section5 .section5_project_text {
  color: #fff;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.55;
  text-align: center;
  margin-top: 1.0666666667vw;
}
.section5 .section5_project_action {
  width: 87.3333333333vw;
  margin: 6.6666666667vw auto 0;
}
.section5 .section5_project_note {
  color: #fff;
  font-size: 2.9333333333vw;
  text-align: center;
  margin-top: 2.6666666667vw;
}
.section5 .section5_condition {
  background-image: url(../images/top_section3_condition_bg.png);
  background-repeat: no-repeat;
  background-position: 50% 5.6vw;
  background-size: 59.4666666667vw auto;
  margin-top: 4vw;
}
.section5 .section5_condition_inner {
  padding: 2.6666666667vw 3.2vw 1.8666666667vw;
}
.section5 .section5_detail {
  background: #fff;
  display: flex;
  align-items: center;
  min-height: 7.0666666667vw;
  padding: 0.4vw 2.6666666667vw 0.4vw 4.2666666667vw;
  box-sizing: border-box;
}
.section5 .section5_detail:not(:first-child) {
  margin-top: 2.6666666667vw;
}
.section5 .section5_detail dt {
  color: #EA5F5B;
  font-size: 3.7333333333vw;
  font-weight: 700;
  margin-right: 4.2666666667vw;
}
.section5 .section5_detail dd {
  color: #231815;
  font-size: 2.9333333333vw;
}
.section5 .section5_list {
  color: #231815;
  font-size: 2.9333333333vw;
  line-height: 1.8182;
  margin-top: 1.8666666667vw;
  margin-right: -1em;
}
.section5 .section5_note {
  color: #231815;
  font-size: 2.9333333333vw;
  line-height: 1.8182;
  text-align: center;
  margin-top: 2.1333333333vw;
}
.section5 .section5_nsm {
  margin-top: 2.1333333333vw;
  padding: 2.9333333333vw 2.9333333333vw 5.3333333333vw;
}
.section5 .section5_nsm_pic {
  border-radius: 1.0666666667vw;
  overflow: hidden;
}
.section5 .section5_nsm_body {
  margin-top: 3.2vw;
}
.section5 .section5_nsm_title {
  width: 70.6666666667vw;
  margin: 0 auto;
}
.section5 .section5_nsm_text {
  font-size: 2.4vw;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  line-height: 1.55;
  margin-top: 3.2vw;
}
.section5 .section5_nsm_action {
  margin-top: 3.2vw;
}

.artist-mv {
  background: #121C1E;
  padding-bottom: 8.2666666667vw;
  position: relative;
}
.artist-mv:after {
  content: "";
  display: block;
  background: url(../images/artist_mv_btm_sp.png) no-repeat 0 100%;
  background-size: 100% auto;
  width: 100%;
  height: 8.2666666667vw;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.artist-mv .artist-mv_bg {
  height: 129.3333333333vw;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  aspect-ratio: 16/9;
}
.artist-mv .artist-mv_bg > video {
  width: 100%;
  height: 100%;
}
.artist-mv .artist-mv_logo {
  background: url(../images/top_mv_paper.svg) no-repeat;
  background-size: cover;
  width: 54.4vw;
  height: 20.8vw;
  padding-top: 2vw;
  padding-left: 2vw;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.artist-mv .artist-mv_logo > img {
  display: block;
  width: 42vw;
}
.artist-mv .artist-mv_frame {
  padding-top: 5.8666666667vw;
  padding-bottom: 7.3333333333vw;
  position: relative;
  z-index: 1;
}
.artist-mv .artist-mv_pic {
  width: 94.1333333333vw;
  margin: 0 auto;
}
.artist-mv .artist-mv_copy {
  width: 32vw;
  position: absolute;
  top: 5.8666666667vw;
  right: 10.2666666667vw;
}
.artist-mv .artist-mv_tombocoop {
  width: 71.8666666667vw;
  margin: -7.3333333333vw auto 0;
}

.artist-section1 {
  background: #040000;
  padding-top: 3.3333333333vw;
  padding-bottom: 5.6vw;
  position: relative;
}
.artist-section1:before {
  content: "";
  background: url(../images/artist_section1_bg_sp.png) no-repeat;
  background-size: 100%;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.artist-section1 .artist-section1_nav {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: repeat(2, 1fr);
  flex-wrap: wrap;
  gap: 4.6666666667vw;
  width: 86.6666666667vw;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.artist-section1 .artist-section1_nav > li {
  width: 41.0666666667vw;
}
.artist-section1 .artist-section1_nav > li a {
  display: block;
}
.artist-section1 .artist-section1_nav > li a img {
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}

.artist-section2 {
  background: #121C1E url(../images/artist_section2_btm_sp.png) no-repeat 0 calc(100% + 1px);
  padding-bottom: 21.3333333333vw;
  position: relative;
}
.artist-section2:before, .artist-section2:after {
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
}
.artist-section2:before {
  background-image: url(../images/artist_section2_top_sp.png);
  width: 100%;
  height: 12vw;
  top: 0;
  left: 0;
}
.artist-section2:after {
  background-image: url(../images/code_02.png);
  width: 41.0666666667vw;
  height: 34.9333333333vw;
  left: 0;
  bottom: -14.8vw;
  z-index: 1;
}
.artist-section2 .artist-section2_frame {
  background: url(../images/artist_section2_bg_sp.jpg) no-repeat;
  background-size: cover;
  padding-top: 10.2666666667vw;
  padding-bottom: 12vw;
}
.artist-section2 .artist-section2_title {
  width: 81.4666666667vw;
  margin: 0 auto;
}
.artist-section2 .artist-section2_about {
  color: #000;
  font-size: 5.8666666667vw;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  background: #EA5F5B;
  padding: 1.4666666667vw 2.6666666667vw 2.5333333333vw;
}
.artist-section2 .artist-section2_text {
  color: #fff;
  font-size: 3.7333333333vw;
  line-height: 1.6785;
  padding: 4.2666666667vw 4.2666666667vw 0;
}

.artist-section3 {
  background: #000 url(../images/artist_section3_btm_sp.png) no-repeat 0 calc(100% + 1px);
  background-size: 100%;
  padding-top: 9.4666666667vw;
  padding-bottom: 21.3333333333vw;
  position: relative;
}
.artist-section3:after {
  content: "";
  background: url(../images/code_01_sp.png) no-repeat;
  background-size: cover;
  display: block;
  width: 15.7333333333vw;
  height: 44.8vw;
  position: absolute;
  right: 0;
  bottom: -14.6666666667vw;
  z-index: 1;
}
.artist-section3 .artist-section3_logo {
  width: 70.4vw;
  margin: 0 auto;
}
.artist-section3 .artist-section3_title {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  text-align: center;
  row-gap: 1.2vw;
  margin-top: 5.3333333333vw;
}
.artist-section3 .artist-section3_title > img {
  width: 88.6666666667vw;
}
.artist-section3 .artist-section3_title > span {
  color: #fff;
  font-size: 5.8666666667vw;
  font-weight: 700;
  line-height: 1.3636;
}
.artist-section3 .artist-section3_special {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  width: 90.9333333333vw;
  margin: 5.3333333333vw auto 0;
}
.artist-section3 .artist-section3_special > img {
  flex-shrink: 0;
  width: 25.3333333333vw;
}
.artist-section3 .artist-section3_special > span {
  color: #fff;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 1.4285;
  margin-right: -0.5em;
}
.artist-section3 .artist-section3_list {
  display: -ms-grid;
  display: grid;
  row-gap: 5.3333333333vw;
  width: 90.9333333333vw;
  margin: 5.3333333333vw auto 0;
}
.artist-section3 .artist-section3_list > li {
  display: -ms-grid;
  display: grid;
  padding-bottom: 5.3333333333vw;
  border-bottom: 1px solid #D9D9D9;
}
.artist-section3 .artist-section3_list .artist-section3_list_title {
  font-size: 3.2vw;
  display: flex;
  align-items: center;
}
.artist-section3 .artist-section3_list .artist-section3_list_title:before {
  content: "";
  background: url(../images/icon_note_single.svg) no-repeat;
  background-size: contain;
  display: block;
  flex-shrink: 0;
  width: 1.7333333333vw;
  height: 2.2666666667vw;
  margin-right: 0.5333333333vw;
}
.artist-section3 .artist-section3_list .artist-section3_list_text {
  color: #fff;
  font-size: 3.4666666667vw;
  font-weight: 500;
}
.artist-section3 .artist-section3_action {
  margin-top: 8vw;
}

.artist-section4 {
  background: url(../images/artist_section4_btm_sp.png);
  background-size: 100% auto;
}
.artist-section4 .artist-section4_title {
  color: #000;
  font-size: 5.8666666667vw;
  font-weight: 700;
  line-height: 1.3636;
  display: -ms-grid;
  justify-items: center;
  row-gap: 5.3333333333vw;
  text-align: center;
  padding-top: 6vw;
}
.artist-section4 .artist-section4_title > img {
  width: 20.8666666667vw;
}
.artist-section4 .artist-section4_list {
  display: -ms-grid;
  display: grid;
  row-gap: 5.3333333333vw;
  width: 90.9333333333vw;
}
.artist-section4 .artist-section4_list_title {
  color: #005AAB;
  font-size: 3.2vw;
  display: flex;
  align-items: center;
}
.artist-section4 .artist-section4_list_title_rockyou {
  color: #f73b3e;
}
/* 左ブロック（Rock you!）のアイコン */
.artist-section4_column--left .artist-section4_list > li .artist-section4_list_title:before {
  background: url("/campaign/neguse2025/images/icon_rock_you.png") no-repeat, url("/campaign/neguse2025/images/icon_onpu_orange.svg") no-repeat;
  background-size: 5.333333333vw auto, 0.9vw auto;
  background-position: 0 0, 5.8vw 0;
}

/* 右ブロック（FIND OUT）のアイコン */
.artist-section4_column--right .artist-section4_list > li .artist-section4_list_title:before {
  background: url("/campaign/neguse2025/images/icon_find_out.png") no-repeat, url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%2218%22%20viewBox%3D%220%200%2013%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2069_34459)%22%3E%3Cpath%20d%3D%22M5.48508%2011.55C5.54944%2011.2596%205.60389%2011.0394%205.63854%2010.8191C5.98013%208.58647%206.31676%206.35384%206.6633%204.12122C6.76231%203.48547%206.88112%202.84972%207.02963%202.21898C7.11379%201.86356%207.24746%201.51315%207.40587%201.18276C7.63854%200.697189%207.97023%200.567036%208.39597%200.862384C8.7128%201.08264%209.02963%201.18777%209.39597%201.25785C10.0841%201.39301%2010.5791%201.84354%2010.7425%202.49931C10.9999%203.53553%2011.6138%204.17628%2012.5593%204.58176C13.0197%204.77699%2013.1138%205.17746%2012.8861%205.60296C12.5197%206.27876%2011.9108%206.60414%2011.1831%206.46397C10.4999%206.33382%209.87122%206.08353%209.43557%205.47281C9.27716%205.25255%209.10389%205.01727%208.87617%204.88712C8.70785%204.79201%208.41082%204.79201%208.2425%204.88712C8.08904%204.97222%208.03458%205.23753%207.91082%205.4678C8.41082%205.64301%208.87122%205.7181%209.2227%205.95838C9.58409%206.20867%209.84646%206.61916%2010.1385%206.96456C10.3712%207.23488%2010.6781%207.28995%2010.9999%207.30997C11.4158%207.335%2011.8514%207.35502%2012.0445%207.81056C12.2574%208.32116%2011.9405%208.6966%2011.6534%209.05702C11.3019%209.50255%2010.8366%209.79289%2010.2821%209.90302C9.49993%2010.0632%208.83161%209.90302%208.35637%209.2022C8.2029%208.97693%208.04449%208.76168%207.81676%208.44631C7.62864%208.64654%207.41082%208.7767%207.37122%208.94189C7.12864%2010.1133%206.90587%2011.2947%206.71775%2012.476C6.67815%2012.7313%206.76231%2013.0217%206.83656%2013.282C6.94052%2013.6574%206.89597%2014.0028%206.77221%2014.3633C6.14845%2016.1804%204.34151%2017.6071%202.44547%2017.7022C2.00488%2017.7222%201.51478%2017.6571%201.11874%2017.4719C0.277158%2017.0915%20-0.0248223%2016.3306%20-6.98132e-05%2015.4295C0.0593361%2013.5023%201.95538%2011.4649%203.84646%2011.3497C4.33656%2011.3197%204.83161%2011.4649%205.48508%2011.55Z%22%20fill%3D%22%23005AAB%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2069_34459%22%3E%3Crect%20width%3D%2213%22%20height%3D%2217%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.70752)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") no-repeat;
  background-size: 5.333333333vw auto, 0.9vw auto;
  background-position: 0 0, 5.8vw 0;
}
.artist-section4 .artist-section4_list_title:before {
  content: "";
  background-size: contain;
  display: block;
  flex-shrink: 0;
  height: 2.2666666667vw;
  margin-right: 0.5333333333vw;
}
.artist-section4 .artist-section4_list_text {
  color: #000;
  font-size: 3.4666666667vw;
  line-height: 1.58;
  display: block;
}
.artist-section4 .artist-section4_list_text > span {
  font-size: 3.7333333333vw;
}
.artist-section4 .artist-section4_audio {
  margin-top: 4vw;
}
.artist-section4 .artist-section4_audio > audio {
  display: block;
  width: 100%;
}
.artist-section4 .artist-section4_radiko {
  background: #008E99;
  width: 94.1333333333vw;
  margin: 9.3333333333vw auto 0;
  padding: 3.8666666667vw 0 6.6666666667vw;
  border-radius: 1.0666666667vw;
  z-index: 3;
}
.artist-section4 .artist-section4_radiko_title {
  color: #fff;
  font-size: 5.8666666667vw;
  line-height: 1.3636;
  text-align: center;
}
.artist-section4 .artist-section4_action {
  margin-top: 5.3333333333vw;
  display: flex;
  margin-left: 1vw;
}

.artist-section5 {
  background: #121C1E url(../images/artist_section5_btm_sp.png) no-repeat 0 calc(100% + 1px);
  background-size: 100% auto;
  padding-bottom: 19.3333333333vw;
  position: relative;
}
.artist-section5:after {
  content: "";
  background: url(../images/code_01_sp.png) no-repeat;
  background-size: cover;
  display: block;
  width: 15.7333333333vw;
  height: 44.8vw;
  position: absolute;
  right: 0;
  bottom: -22.1333333333vw;
  z-index: 1;
}
.artist-section5 .artist-section5_frame {
  background: url(../images/artist_section5_bg_01_sp.png) no-repeat 0 7.2vw;
  background-size: 100% auto;
  padding-top: 4.5333333333vw;
}
.artist-section5 .artist-section5_title {
  color: #fff;
  font-size: 8.5333333333vw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
.artist-section5 .artist-section5_release {
  color: #fff;
  text-align: center;
  width: 70.4vw;
  margin: 9.3333333333vw auto 0;
}
.artist-section5 .artist-section5_release_type {
  font-size: 2.9333333333vw;
  margin-top: 3.3333333333vw;
}
.artist-section5 .artist-section5_release_name {
  font-size: 4.2666666667vw;
  font-weight: 500;
}
.artist-section5 .artist-section5_release_date {
  color: #FFDE32;
  font-size: 2.4vw;
  font-weight: 500;
  margin-top: 3.2vw;
}
.artist-section5 .artist-section5_release_btn {
  color: #fff;
  font-size: 2.9333333333vw;
  font-weight: 700;
  background: #005AAB;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: 39.3333333333vw;
  height: 10.6666666667vw;
  margin: 3.3333333333vw auto 0;
  border-radius: 1.0666666667vw;
  position: relative;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}
.artist-section5 .artist-section5_release_btn:after {
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.75%200c-.756%200-1.375.619-1.375%201.375s.619%201.375%201.375%201.375h3.547L8.65%2011.399a1.386%201.386%200%200%200%200%201.952c.536.55%201.416.536%201.952%200l8.649-8.649V8.25c0%20.756.619%201.375%201.375%201.375S22%209.006%2022%208.25V1.375A1.38%201.38%200%200%200%2020.625%200H13.75ZM3.437%201.375A3.439%203.439%200%200%200%200%204.813v13.75A3.439%203.439%200%200%200%203.438%2022h13.75a3.439%203.439%200%200%200%203.437-3.438V13.75c0-.756-.619-1.375-1.375-1.375s-1.375.619-1.375%201.375v4.813a.699.699%200%200%201-.688.687H3.438a.69.69%200%200%201-.687-.688V4.813a.68.68%200%200%201%20.688-.687H8.25c.756%200%201.375-.619%201.375-1.375S9.006%201.375%208.25%201.375H3.437Z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  background-size: cover;
  display: block;
  width: 2.9333333333vw;
  height: 2.9333333333vw;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3.2vw;
}
.artist-section5 .artist-section5_live {
  color: #fff;
  background: url(../images/artist_section5_bg_02_sp.png) no-repeat 50% 53%;
  background-size: 100% auto;
  width: 93.6vw;
  margin: 6.4vw auto 0;
}
.artist-section5 .artist-section5_live_title {
  font-size: 3.7333333333vw;
  font-weight: 400;
  background: #E12630;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 7.4666666667vw;
  border-radius: 1.0666666667vw;
}
.artist-section5 .artist-section5_live_title:not(:first-child) {
  margin-top: wv(35);
}
.artist-section5 .artist-section5_live_inner {
  width: 89.0666666667vw;
  margin: 3.0666666667vw auto 0;
}
.artist-section5 .artist-section5_live_name {
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.artist-section5 .artist-section5_live_catch {
  color: #000;
  line-height: 1.5;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 6.4vw;
  margin-top: 2.6666666667vw;
  border-radius: 1.0666666667vw;
}
.artist-section5 .artist-section5_live_pic {
  margin-top: 4.6666666667vw;
  border-radius: 1.0666666667vw;
  overflow: hidden;
}
.artist-section5 .artist-section5_live_info {
  font-size: 2.9333333333vw;
  line-height: 1.8182;
  display: -ms-grid;
  display: grid;
  row-gap: 1.6vw;
}
.artist-section5 .artist-section5_live_info:not(:first-child) {
  margin-top: 4.6666666667vw;
}
.artist-section5 .artist-section5_live_list {
  margin-top: 4.6666666667vw;
}
.artist-section5 .artist-section5_live_list > li:not(:last-child) {
  padding-bottom: 2.6666666667vw;
  border-bottom: 1px solid #FBFBFB;
}
.artist-section5 .artist-section5_action {
  margin-top: 6.6666666667vw;
}

.artist-section6 {
  background: #FFDE32;
  padding-top: 3.8666666667vw;
  padding-bottom: 6.2666666667vw;
}
.artist-section6 .artist-section6_title {
  color: #000;
  font-size: 8.5333333333vw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
.section3 .section3_copy {
  color: #000;
  font-size: 2.9333333333vw;
  text-align: center;
  margin-top: 4vw;
}
.section3 .section3_video {
  background: url(../images/artist_section6_bg.png) no-repeat 50% 0;
  background-size: 92.1333333333vw auto;
  margin-top: 5.6vw;
  padding-top: 6.2666666667vw;
}

.section3 .section3_play {
  box-shadow: 0 0 0 2.1333333333vw #fff;
}
.section3 .section3_play {
  display: block;
  width: 74.6666666667vw;
  margin: 0 auto;
  box-shadow: 0 0 0 0.5333333333vw #fff;
  border-radius: 2.1333333333vw;
  overflow: hidden;
  position: relative;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}
.section3 .section3_play:before {
  content: "";
  display: block;
  background: url(../images/artist_btn_play.png) no-repeat;
  background-size: cover;
  width: 14.1333333333vw;
  height: 14.1333333333vw;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.artist-section6 .artist-section6_action {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6vw 2.1333333333vw;
  width: 92.1333333333vw;
  margin: 12vw auto 0;
}
.artist-section6 .artist-section6_btn {
  color: #fff;
  font-size: 3.6vw;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #005AAB;
  width: 100%;
  height: 9.6vw;
  padding: 0;
  border-radius: 1.6vw;
  box-sizing: border-box;
  position: relative;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}
.artist-section6 .artist-section6_btn:after {
  content: "";
  display: block;
  background: url(../images/icon_arrow.svg) no-repeat;
  background-size: cover;
  width: 2.1333333333vw;
  height: 4.1333333333vw;
  margin: auto;
  position: absolute;
  right: 2.8vw;
  top: 0;
  bottom: 0;
}
.artist-section6 .artist-section6_btn.is-active {
  color: #005AAB;
  background: #fff;
}
.artist-section6 .artist-section6_btn.is-active:after {
  border-left-color: #fff;
}

.artist-action {
  display: -ms-grid;
  display: grid;
  row-gap: 3.2vw;
  width: 66vw;
  margin-left: auto;
  margin-right: auto;
}

.campaign-mv {
  background: #FFDE32 url(../images/campaign_mv_bg_sp.png) no-repeat;
  background-size: cover;
  height: 84.2666666667vw;
  padding-top: 17.6vw;
  box-sizing: border-box;
  position: relative;
}
.campaign-mv .campaign-mv_title {
  width: 93.7333333333vw;
  margin: 0 auto;
}

.campaign-section1 {
  background: #82E8DD url(../images/campaign_section1_btm_sp.png) no-repeat 0 calc(100% + 1px);
  background-size: 100% auto;
  padding-bottom: 16.8vw;
  position: relative;
}
.campaign-section1:after {
  content: "";
  background: url(../images/code_01.png) no-repeat;
  background-size: cover;
  display: block;
  width: 22.6666666667vw;
  height: 44.8vw;
  margin: 0 auto;
  position: absolute;
  bottom: -7.2vw;
  right: 0;
  z-index: 1;
}
.campaign-section1 .campaign-section1_more {
  width: 55.7333333333vw;
  height: 17.6vw;
  margin: 0 auto;
  position: absolute;
  top: -14.1333333333vw;
  left: 0;
  right: 0;
}
.campaign-section1 .campaign-section1_bg {
  background-position: -10.4vw 0;
}
.campaign-section1 .campaign-section1_inner {
  padding-top: 8.5333333333vw;
  position: relative;
  z-index: 2;
}
.campaign-section1 .campaign-section1_title {
  width: 92.6666666667vw;
  margin: 0 auto;
}
.campaign-section1 .campaign-section1_action {
  background: rgba(0, 140, 180, 0.4);
  margin-top: 5.6vw;
  padding: 3.2vw;
}
.campaign-section1 .campaign-section1_action_item:not(:first-child) {
  background: #fff;
  margin-top: 3.2vw;
  border-radius: 2.9333333333vw;
  overflow: hidden;
}
.campaign-section1 .campaign-section1_action_title {
  color: #FFF;
  font-size: 4.1333333333vw;
  background: #E26464;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-column-gap: 1.3333333333vw;
     -moz-column-gap: 1.3333333333vw;
          column-gap: 1.3333333333vw;
  text-align: center;
  min-height: 8.4vw;
}
.campaign-section1 .campaign-section1_action_title:before, .campaign-section1 .campaign-section1_action_title:after {
  content: "";
  background: url(../images/icon_how.svg) no-repeat;
  background-size: contain;
  display: block;
  width: 3.4666666667vw;
  height: 4.8vw;
}
.campaign-section1 .campaign-section1_action_col {
  display: flex;
  align-items: center;
  -webkit-column-gap: 2.4vw;
     -moz-column-gap: 2.4vw;
          column-gap: 2.4vw;
  padding: 5.3333333333vw 2.8vw 5.4666666667vw 3.8666666667vw;
}
.campaign-section1 .campaign-section1_bnr1 {
  display: block;
  -webkit-filter: drop-shadow(1.0666666667vw 1.0666666667vw 0.2666666667vw rgba(0, 0, 0, 0.25));
          filter: drop-shadow(1.0666666667vw 1.0666666667vw 0.2666666667vw rgba(0, 0, 0, 0.25));
}
.campaign-section1 .campaign-section1_bnr1 > img {
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}
.campaign-section1 .campaign-section1_bnr2 {
  display: block;
  border-radius: 2.1333333333vw;
  overflow: hidden;
  transition: opacity 0.3s;
  -webkit-filter: drop-shadow(0.5333333333vw 0.5333333333vw 0.5333333333vw rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0.5333333333vw 0.5333333333vw 0.5333333333vw rgba(0, 0, 0, 0.2));
}
.campaign-section1 .campaign-section1_bnr2 > img {
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}

.campaign-section2 {
  background: #FFDE32 url(../images/campaign_section2_btm_sp.png) no-repeat 0 calc(100% + 1px);
  background-size: 100% auto;
  padding-bottom: 17.3333333333vw;
  position: relative;
}
.campaign-section2:after {
  content: "";
  background: url(../images/code_02.png) no-repeat;
  background-size: cover;
  display: block;
  width: 41.0666666667vw;
  height: 34.9333333333vw;
  margin: 0 auto;
  position: absolute;
  bottom: -17.6vw;
  left: 0;
  z-index: 1;
}
.campaign-section2 .campaign-section2_bg {
  background-position: -16.2666666667vw 0;
}
.campaign-section2 .campaign-section2_inner {
  padding-top: 5.3333333333vw;
  position: relative;
  z-index: 1;
}
.campaign-section2 .campaign-section2_title {
  width: 90.1333333333vw;
  margin: 0 auto;
  position: relative;
}
.campaign-section2 .campaign-section2_title > img {
  width: 30.4vw;
  position: absolute;
  top: 8vw;
  right: -2.9333333333vw;
}
.campaign-section2 .campaign-section2_title > picture {
  position: relative;
}
.campaign-section2 .campaign-section2_note {
  font-size: 2.9333333333vw;
  line-height: 1.8182;
  text-align: center;
  margin-top: 2.1333333333vw;
}
.campaign-section2 .campaign-section2_condition {
  margin-top: 2.1333333333vw;
}
.campaign-section2 .campaign-section2_condition_inner {
  padding: 4.2666666667vw 4vw 6.6666666667vw;
}
.campaign-section2 .campaign-section2_action {
  margin-top: 4.2666666667vw;
}

.campaign-section3 {
  background: #82E8DD url(../images/campaign_section3_btm_sp.png) no-repeat 0 calc(100% + 1px);
  background-size: 100% auto;
  padding-bottom: 17.3333333333vw;
  position: relative;
}
.campaign-section3:after {
  content: "";
  background: url(../images/code_03_sp.png) no-repeat;
  background-size: cover;
  display: block;
  width: 20.5333333333vw;
  height: 35.4666666667vw;
  margin: 0 auto;
  position: absolute;
  bottom: -9.0666666667vw;
  right: 0;
}
.campaign-section3 .campaign-section3_bg {
  background-position: -16.2666666667vw 0;
}
.campaign-section3 .campaign-section3_inner {
  padding-top: 5.3333333333vw;
  position: relative;
  z-index: 1;
}
.campaign-section3 .campaign-section3_title {
  width: 91.3333333333vw;
  margin: 0 auto;
}
.campaign-section3 .campaign-section3_note {
  font-size: 2.9333333333vw;
  line-height: 1.8182;
  margin-top: 3.8666666667vw;
  margin-left: 4.9333333333vw;
}
.campaign-section3 .campaign-section3_condition {
  margin-top: 2.6666666667vw;
}
.campaign-section3 .campaign-section3_condition_inner {
  padding: 0 4.6666666667vw 5.8666666667vw;
}

.campaign-section4 {
  background: #FFDE32;
}
.campaign-section4 .campaign-section4_inner {
  background: url(../images/bg_note_02.svg) no-repeat 0 13.6vw;
  background-size: 100% auto;
  padding-top: 7.3333333333vw;
  padding-bottom: 4.2666666667vw;
  position: relative;
  z-index: 1;
}
.campaign-section4 .campaign-section4_title {
  font-size: 5.8666666667vw;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.campaign-section4 .campaign-section4_title:before {
  content: "";
  display: block;
  background: url(../images/icon_note.svg) no-repeat;
  background-size: cover;
  width: 8vw;
  height: 8.8vw;
}
.campaign-section4 .campaign-section4_title_line {
  border-bottom: 1.0666666667vw solid #2EA7E0;
}
.campaign-section4 .campaign-section4-1_inner {
  padding: 4.2666666667vw 7.6666666667vw 6.4vw;
}
.campaign-section4 .campaign-section4-1_note {
  color: #fff;
  font-size: 4.2666666667vw;
  font-weight: 700;
  background: #E99A00;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 1.0666666667vw 0 2.6666666667vw;
  margin: 4.2666666667vw auto 0;
}
.campaign-section4 .campaign-section4-2 {
  background: rgba(255, 255, 255, 0.4);
  padding-top: 6.4vw;
  padding-bottom: 6.4vw;
}
.campaign-section4 .campaign-section4-2_inner {
  line-height: 1.67857143;
  padding: 4vw 3.2vw 0;
}
.campaign-section4 .campaign-section4-2_note {
  font-size: 2.9333333333vw;
  line-height: 1.8182;
  background: #fff;
  margin-top: 6vw;
  padding: 4vw;
}

.wallpaper-mv {
  background: #FFDE32 url(../images/wallpaper_mv_bg_sp.png) no-repeat;
  background-size: cover;
  height: 84.2666666667vw;
  padding-top: 17.6vw;
  box-sizing: border-box;
  position: relative;
}
.wallpaper-mv .wallpaper-mv_title {
  width: 93.7333333333vw;
  margin: 0 auto;
}

.wallpaper-section1 {
  background: #97EE8A url(../images/wallpaper_section1_btm_sp.png) no-repeat 0 calc(100% + 1px);
  background-size: 100% auto;
  padding-bottom: 21.0666666667vw;
}
.wallpaper-section1 .wallpaper-section1_frame {
  background: url(../images/wallpaper_section1_bg_sp.png) no-repeat;
  background-size: 100% auto;
  padding-top: 3.4666666667vw;
}
.wallpaper-section1 .wallpaper-section1_title {
  width: 94.4vw;
  margin-left: auto;
  position: relative;
}
.wallpaper-section1 .wallpaper-section1_title > img {
  width: 27.3333333333vw;
  position: absolute;
  top: -1.7333333333vw;
  right: 0;
}
.wallpaper-section1 .wallpaper-section1_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 6vw 6.4vw;
  width: 86.4vw;
  margin: 4.4vw auto 0;
}
.wallpaper-section1 .wallpaper-section1_action {
  display: block;
  text-decoration: none;
}
.wallpaper-section1 .wallpaper-section1_action > img {
  width: 40vw;
  box-shadow: 1.3333333333vw 1.3333333333vw 0 0 #22AC38;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}
.wallpaper-section1 .wallpaper-section1_btn {
  color: #fff;
  font-size: 2.6666666667vw;
  font-weight: 700;
  line-height: 1.2;
  background: #1C995F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 10.6666666667vw;
  margin-top: 4.8vw;
  border: 0.2666666667vw solid #384B3A;
  border-bottom-width: 0.5333333333vw;
  border-radius: 1.0666666667vw;
  box-sizing: border-box;
  position: relative;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}
.wallpaper-section1 .wallpaper-section1_btn:after {
  content: "";
  background: url(../images/icon_download.svg) no-repeat;
  background-size: contain;
  display: block;
  width: 3.2vw;
  height: 3.8666666667vw;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2.4vw;
}
.wallpaper-section1 .wallpaper-section1_btn > span {
  font-size: 4.2666666667vw;
}

.wallpaper-footer {
  background: #82E8DD;
  padding: 3.7333333333vw 7.8666666667vw 4.8vw 9.4666666667vw;
  position: relative;
}
.wallpaper-footer:before, .wallpaper-footer:after {
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
}
.wallpaper-footer:before {
  background-image: url(../images/code_02.png);
  width: 41.0666666667vw;
  height: 34.9333333333vw;
  left: 0;
  top: -15.4666666667vw;
}
.wallpaper-footer:after {
  background-image: url(../images/code_01.png);
  width: 22.6666666667vw;
  height: 44.8vw;
  right: 0;
  bottom: 0;
}
.wallpaper-footer .wallpaper-footer_btn {
  font-size: 5.3333333333vw;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .menu-btn {
    width: 5vw;
    height: 5vw;
    border-width: 0.1388888889vw;
    border-radius: 1.1111111111vw;
    top: 8.4722222222vw;
    right: 3.3333333333vw;
  }
  .menu-btn.menu-btn--close .menu-btn_icon {
    width: 2.2222222222vw;
    height: 2.2222222222vw;
  }
  .menu-btn_icon {
    width: 2.7777777778vw;
    height: 2.3611111111vw;
  }
  .menu_body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3.4722222222vw 2.7777777778vw;
  }
  .menu_nav {
    width: 34.3055555556vw;
  }
  .menu_link {
    text-align: center;
    width: 35.4166666667vw;
    margin-top: 3.6111111111vw;
  }
  .menu_notes {
    font-size: 1.25vw;
    margin-top: 2.7777777778vw;
  }
  .menu_notes > li {
    white-space: nowrap;
  }
  .menu_notes > li:not(:first-child) {
    margin-top: 1.1111111111vw;
  }
  .menu_notes img {
    width: 5.8055555556vw;
    margin-right: 0.5555555556vw;
  }
  .gnav {
    border-bottom-width: 0.1388888889vw;
  }
  .gnav > li {
    border-top-width: 0.1388888889vw;
  }
  .gnav_btn {
    font-size: 2.2222222222vw;
    height: 6.6666666667vw;
    padding-left: 1.1805555556vw;
  }
  .gnav_btn:after {
    width: 1.1111111111vw;
    height: 2.2222222222vw;
    right: 1.1805555556vw;
  }
  .gnav_img.gnav_img--01 {
    width: 8vw;
  }
  .gnav_img.gnav_img--02 {
    width: 49.2vw;
  }
  .gnav_img.gnav_img--03 {
    width: 30.2666666667vw;
  }
  .footer {
    row-gap: 1.5277777778vw;
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw;
  }
  .footer_txt {
    font-size: 1.1111111111vw;
  }
  .modal_body {
    padding: 3.4722222222vw 2.7777777778vw;
  }
  .modal_content {
    width: 46.3194444444vw;
    margin-top: 2.7777777778vw;
    margin-bottom: 2.7777777778vw;
  }
  .modal_content_future {
    width: 78.3194444444vw;
    margin-top: 2.7777777778vw;
    margin-bottom: 2.7777777778vw;
  }
  .modal_action {
    top: 2.7777777778vw;
    right: 2.7777777778vw;
  }
  .modal_close {
    width: 3.4722222222vw;
    height: 3.4722222222vw;
  }
  .modal_close:before, .modal_close:after {
    height: 0.3472222222vw;
  }
  .modal_close_icon {
    width: 2.2222222222vw;
    height: 2.2222222222vw;
  }
  .modal-movie iframe {
    padding: 17.3333333333vw 0;
  }
  .modal-movie_close {
    width: 3.4722222222vw;
    height: 3.4722222222vw;
    top: 2.7777777778vw;
    right: 2.7777777778vw;
  }
  .modal-movie_close:before, .modal-movie_close:after {
    height: 0.3472222222vw;
  }
  .btn {
    font-size: 1.9444444444vw;
    line-height: 1.1428;
    width: 35.4166666667vw;
    height: 6.9444444444vw;
    border-width: 0.2083333333vw;
    border-bottom-width: 0.6944444444vw;
    border-radius: 3.5555555556vw;
  }
  .btn:after {
    width: 1.1111111111vw;
    height: 2.1527777778vw;
    right: 1.4583333333vw;
  }
  .btn.btn--blank:after {
    width: 1.5277777778vw;
    height: 1.5277777778vw;
    right: 1.5277777778vw;
  }
  .btn.btn--beginner {
    padding-right: 0;
  }
  .btn.btn--coupon {
    padding-right: 2.4305555556vw;
  }
  .btn.btn--coupon > img {
    width: 9.1666666667vw;
    margin-right: 1.0416666667vw;
  }
  .btn.btn--nsm {
    font-size: 4.6666666667vw;
    width: 89.3333333333vw;
  }
  .btn.btn--nsm > img {
    width: 10.5333333333vw;
    margin-right: 2.6666666667vw;
  }
  .btn.btn--radiko {
    row-gap: 0.4166666667vw;
  }
  .btn.btn--radiko > span:first-child {
    font-size: 1.5277777778vw;
  }
  .btn.btn--radiko > span > img {
    width: 7.2916666667vw;
    margin-right: 0.4166666667vw;
  }
  .btn.btn--radiko-rockyou > img {
    width: 15.2777777778vw;
  }
  .btn.btn--radiko-rockyou > span > img {
    width: 7.2916666667vw;
    margin-right: 0.4166666667vw;
  }
  .btn.btn--rockyou {
    padding-right: 0;
    margin-left: 1vw;
  }
  .btn.btn--rockyou > img {
    width: 17.0833333333vw;
    margin-right: 0.6944444444vw;
  }
  .btn.btn--sm {
    font-size: 1.5277777778vw;
  }
  .btn.btn--md {
    font-size: 1.9444444444vw;
  }
  .btn.btn--lg {
    width: 45.4861111111vw;
  }
  .link-blank:after {
    width: 1.5277777778vw;
    height: 1.5277777778vw;
    margin-left: 0.2777777778vw;
  }
  .fadeup {
    -webkit-transform: translateY(4.1666666667vw);
            transform: translateY(4.1666666667vw);
  }
  .sp {
    display: none;
  }
  .section-header.section-header--white .section-header_obj {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221096%22%20height%3D%22186%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M409%20126.5H0m409%208H0m1096-8H687m409%208H687%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3Cg%20clip-path%3D%22url(%23a)%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%20stroke-miterlimit%3D%2210%22%3E%3Cpath%20d%3D%22M407.302%20119.831c8.746-28.422%2025.84-53.179%2048.424-71.417m231.972%2071.417c-8.746-28.422-25.84-53.179-48.424-71.417M532.671.964l31.417%2031.417m0-31.417L532.671%2032.38m-32.888-21.842%2020.275%2020.275m0-20.275-20.275%2020.275m76.923-20.275%2020.275%2020.275m0-20.275-20.275%2020.275M466.89%2023.635l20.275%2020.275m0-20.275L466.89%2043.91m142.704-20.275%2020.28%2020.275m0-20.275-20.28%2020.275%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20transform%3D%22translate(406)%22%20d%3D%22M0%200h283v120.234H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  }

  .section-header .section-header_light {
    width: 6.9444444444vw;
    height: 5.7638888889vw;
  }
  .section-header .section-header_light.section-header_light--01 {
    top: 0.6944444444vw;
    left: 7.3611111111vw;
  }
  .section-header .section-header_light.section-header_light--02 {
    top: 0.6944444444vw;
    right: 7.3611111111vw;
  }
  .section-header .section-header_light.section-header_light--03 {
    top: 8.8194444444vw;
    left: 7.3611111111vw;
  }
  .section-header .section-header_light.section-header_light--04 {
    top: 8.8194444444vw;
    right: 7.3611111111vw;
  }
  .section-header .section-header_logo {
    width: 41.7916666667vw;
    height: 10.7638888889vw;
  }
  .section-header .section-header_text {
    margin-top: -0.9722222222vw;
  }
  .section-condition {
    width: 69.1111111111vw;
    border-width: 0.1388888889vw;
    border-radius: 1.9444444444vw;
  }
  .section-condition.section-condition--notitle {
    padding-top: 4.1666666667vw;
  }
  .section-condition.section-condition--notitle:before, .section-condition.section-condition--notitle:after {
    width: 1.6666666667vw;
    height: 2.9166666667vw;
  }
  .section-condition.section-condition--notitle:before {
    left: 24.1666666667vw;
  }
  .section-condition.section-condition--notitle:after {
    right: 24.1666666667vw;
  }
  .section-condition .section-condition_header > span {
    font-size: 2.3611111111vw;
  }
  .section-condition .section-condition_title {
    font-size: 3.0555555556vw;
    margin-top: 2.7777777778vw;
  }
  .section-condition .section-condition_title_line {
    margin-top: 0.6777777778vw;
    border-bottom-width: 0.5555555556vw;
  }
  .section-condition .section-condition_title_small {
    font-size: 2.3611111111vw;
  }
  .section-condition .section-condition_action {
    text-align: center;
  }
  .section-condition .section-condition_action > li:not(:first-child) {
    margin-top: 1.4583333333vw;
  }
  .section-condition .section-condition_desc {
    font-size: 1.25vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 1.8055555556vw;
    margin-top: 2.3611111111vw;
  }
  .section-condition .section-condition_desc > li > img {
    width: 6.8055555556vw;
    margin-right: 0.4166666667vw;
  }
  .section-step {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 2.7777777778vw;
       -moz-column-gap: 2.7777777778vw;
            column-gap: 2.7777777778vw;
  }
  .section-step > li {
    padding: 0 1.7361111111vw 1.3888888889vw;
    border-radius: 0.5555555556vw;
  }
  .section-step > li:before {
    width: 1.6666666667vw;
    height: 3.3333333333vw;
    margin: auto 0;
    top: 0;
    bottom: 0;
    left: -2.2222222222vw;
    right: inherit;
    -webkit-transform: none;
            transform: none;
  }
  .section-step > li:not(:first-child) {
    margin-top: 0;
  }
  .section-step .section-step_title {
    font-size: 1.6666666667vw;
    width: 100%;
    height: 2.7777777778vw;
    padding-bottom: 0;
    border-radius: 0 0 0.5555555556vw 0.5555555556vw;
  }
  .section-step .section-step_text {
    font-size: 1.25vw;
    margin-top: 1.0416666667vw;
  }
  .section-note-01 {
    background-position: 16.4583333333vw 0;
    background-size: 62.5vw auto;
  }
  .mv .mv_bg {
    height: 55.5555555556vw;
  }
  .mv .mv_logo {
    width: 28.3333333333vw;
    height: 10.8333333333vw;
    padding-top: 1.25vw;
    padding-left: 2.5694444444vw;
  }
  .mv .mv_logo > img {
    width: 19.375vw;
  }
  .mv .mv_frame {
    padding-top: 0;
  }
  .mv .mv_pic {
    width: 100%;
  }
  .mv .mv_copy {
    width: 16.6666666667vw;
    top: 16.9444444444vw;
    right: 12.2222222222vw;
  }
  .mv .mv_tombocoop {
    width: 35.1388888889vw;
    margin-top: -12.6388888889vw;
    margin-left: 11.1805555556vw;
    margin-bottom: -4.0972222222vw;
  }
  .mv .mv_title {
    background: url(../images/top_mv_bg.png) no-repeat;
    background-size: cover;
    display: flex;
    align-items: flex-start;
    min-height: 19.1666666667vw;
  }
  .mv .mv_period {
    background: none;
    flex-shrink: 0;
    width: 42.3611111111vw;
    height: auto;
    margin-top: 1.0416666667vw;
    margin-left: 12.5vw;
    margin-right: 1.25vw;
    padding-top: 0;
  }
  .mv .mv_period > img {
    width: 100%;
  }
  .mv .mv_btns {
    width: 31.875vw;
    padding: 0;
  }
  .mv .mv_btns_badge {
    width: 14.7222222222vw;
    top: -6.5625vw;
    right: 0;
    left: inherit;
  }
  .mv .mv_btns_list {
    row-gap: 1.3194444444vw;
    margin-top: 1.875vw;
  }
  .mv .mv_btns_btn {
    width: 100%;
  }
  .mv .mv_btns_btn:after {
    right: 2.5694444444vw;
  }
  .mv .mv_btns_text {
    font-size: 2.4vw;
    width: 136vw;
    margin-top: 5.3333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
  .mv .mv_text {
    width: 75.9722222222vw;
    margin: 0 auto;
    padding: 1.9444444444vw 0 0;
  }
  .mv .mv_text_list {
    font-size: 1.25vw;
    line-height: 1.661;
  }
  .section1 {
    background-image: url(../images/top_section1_bg.png);
    padding-bottom: 5vw;
    z-index: 5;
  }
  .section1 .section1_title {
    font-size: 4.1666666667vw;
  }
  .section1 .section1_title > span {
    font-size: 2.7777777778vw;
  }
  .section1 .section1_body {
    margin: 2.5694444444vw auto 0;
    padding-left: 0;
    padding-right: 0;
  }
  .section1 .section1_nav {
    display: flex;
    justify-content: center;
    gap: 0;
  }
  .section1 .section1_nav > li {
    width: 21.625vw;
    margin-right: 0.3472222222vw;
  }
  .section1 .pic {
    margin-top: 8vw;
  }
  .section1 .pic_eye {
    margin-top: 2vw;
    position: absolute;
    width: 20vw;
    z-index: 2;
  }

  .section2 {
    background-image: url(../images/top_section2_bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    margin-top: -4.3472222222vw;
    padding-bottom: 0;
  }
  .section2:after {
    width: 21.3888888889vw;
    height: 18.1944444444vw;
    bottom: -20.4861111111vw;
  }
  .section2 .section2-1 {
    background-position: 19.0972222222vw 3.6111111111vw;
    background-size: 63.8888888889vw auto;
  }
  .section2 .section2-1_header {
    width: 22.8472222222vw;
    margin-top: -0.9722222222vw;
  }
  .section2 .section2-1_body {
    margin-top: -3.25vw;
  }
  .section2 .section2-1_img {
    display: flex;
    justify-content: space-between;
    width: 72.7083333333vw;
    margin: 0 auto;
  }
  .section2 .section2-1_balloon {
    width: 14.2361111111vw;
    top: 0.9027777778vw;
    left: 25.2777777778vw;
    right: inherit;
  }
  .section2 .section2-1_title {
    width: 29.3055555556vw;
    margin: 0;
  }
  .section2 .section2-1_pic {
    width: 33.9583333333vw;
    margin: 1.0416666667vw 0 0;
    -webkit-transform: translateX(0.9027777778vw);
            transform: translateX(0.9027777778vw);
  }
  .section2 .section2-1_note {
    font-size: 2.2333333333vw;
    margin-top: 8.3888888889vw;
  }
  .section2 .section2-1_btn {
    margin-top: 3.3888888889vw;
    text-align: center;
    width: 45%;
    margin-bottom: 6vw;
  }
  .section2 .section2-1_condition {
    margin-top: 2.5vw;
  }
  .section2 .section2-1_condition_inner {
    padding: 1.9444444444vw 0.9722222222vw 3.4722222222vw;
  }
  .section2 .section2-1_condition_action {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .section2 .section2-2 {
    background-position: 19.0972222222vw 3.8888888889vw;
    background-size: 63.8888888889vw auto;
    margin-top: 0.6527777778vw;
  }
  .section2 .section2-2_header {
    width: 33.1944444444vw;
    margin-top: -1.1111111111vw;
  }
  .section2 .section2-2_body {
    margin-top: 2.6388888889vw;
  }
  .section2 .section2-2_img {
    display: flex;
    align-items: flex-start;
    margin-left: 10.9027777778vw;
  }
  .section2 .section2-2_balloon {
    width: 14.2361111111vw;
    top: -2.5694444444vw;
    left: 29.5138888889vw;
    right: inherit;
  }
  .section2 .section2-2_title {
    width: 37.6388888889vw;
    margin-left: 0;
    margin-right: 5.3472222222vw;
  }
  .section2 .section2-2_pic {
    width: 32.8472222222vw;
    margin: 0.1388888889vw 0 0;
  }
  .section2 .section2-2_limited {
    width: 76.1111111111vw;
    margin-top: 2.9166666667vw;
    padding: 1.0416666667vw 1.7361111111vw 1.9444444444vw;
    border-radius: 1.6666666667vw;
  }
  .section2 .section2-2_limited_media {
    justify-content: center;
  }
  .section2 .section2-2_limited_media > picture {
    width: 15.4166666667vw;
    margin-right: 0.9027777778vw;
  }
  .section2 .section2-2_limited_text {
    font-size: 1.9444444444vw;
    width: 31.1111111111vw;
  }
  .section2 .section2-2_limited_note {
    font-size: 1.25vw;
    margin-top: 1.3888888889vw;
  }
  .section2 .section2-2_note {
    font-size: 1.25vw;
    -webkit-column-gap: 2.6388888889vw;
       -moz-column-gap: 2.6388888889vw;
            column-gap: 2.6388888889vw;
    margin-top: 1.6666666667vw;
  }
  .section2 .section2-2_condition {
    margin-top: 2.4305555556vw;
  }
  .section2 .section2-2_condition_inner {
    padding: 1.8055555556vw 1.6666666667vw 3.4722222222vw;
  }
  .section2 .section2-2_condition_action {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .section2 .section2-2_condition_action > li:first-child {
    text-align: center;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 1/1/2/3;
  }
  .section3 {
    background-image: url(../images/top_section3_bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    padding-top: 0.8888888889vw;
    margin-top: -3.8888888889vw;
    z-index: 6;
    position: relative;
    padding-bottom: 3vw;
  }

  .section3 .section3_btn {
    margin-top: 2vw;
    width: 22vw;
  }

  .section3 .section3_bg {
    height: 56.3888888889vw;
  }
  .section3 .section3_bg:after {
    width: 221.4583333333vw;
    height: 92.0138888889vw;
    top: 51.6666666667vw;
    bottom: inherit;
  }
  .section3 .section3_header {
    width: 17.3611111111vw;
    margin-top: -0.6944444444vw;
  }
  .section3 .section3_img {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: flex-end;
  }
  .section3 .section3_balloon {
    width: 14.2361111111vw;
    top: 4.1666666667vw;
    right: 8.6111111111vw;
  }
  .section3 .section3_title {
    width: 34.2361111111vw;
    margin-left: 0.625vw;
  }
  .section3 .section3_pic {
    width: 37.9166666667vw;
    margin: 2.2222222222vw 0 0 12.2222222222vw;
  }
  .section3 .section3_condition {
    background-image: url(../images/top_section3_condition_bg.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 65.4166666667vw auto;
    margin-top: 2.7777777778vw;
  }
  .section3 .section3_condition_inner {
    padding: 2.9166666667vw 2.6388888889vw 2.7777777778vw;
  }
  .section3 .section3_detail {
    font-size: 1.25vw;
    display: flex;
    padding: 0.5555555556vw 0;
  }
  .section3 .section3_detail:not(:first-child) {
    margin-top: 1.8055555556vw;
  }
  .section3 .section3_detail dt {
    font-size: 1.5277777778vw;
    align-self: flex-start;
    flex-shrink: 0;
    width: 15.2777777778vw;
  }
  .section3 .section3_detail dd {
    margin-top: 0;
  }
  .section3 .section3_caution {
    background: none;
    margin-top: 2.7777777778vw;
  }
  .section3 .section3_caution_title {
    font-size: 1.25vw;
    min-height: 2.7777777778vw;
  }
  .section3 .section3_caution_title:not(:first-child) {
    margin-top: 2.7777777778vw;
  }
  .section3 .section3_caution_body {
    font-size: 0.9722222222vw;
    line-height: 1.9928;
    margin-top: 1.0416666667vw;
  }
  .section3 .section3_caution_scroll {
    max-height: 16.875vw;
  }
  .section3 .section3_action {
    text-align: center;
    margin-top: 2.7777777778vw;
  }
  .section4 .section4_header {
    width: 39.3055555556vw;
    margin-top: -0.6944444444vw;
  }
  .section4 .section4_body {
    margin-top: 6vw;
    padding-bottom: 3vw;
  }
  .section4 .section4_img {
    align-items: flex-start;
    margin-bottom: 1vw;
    margin-top: 7vw;
  }
  .section4 .section4_title {
    width: 29.4444444444vw;
    margin: 0 3.0555555556vw 0 13.6805555556vw;
  }
  .section4 .section4_pic {
    width: 40.9722222222vw;
    margin: 1.7361111111vw 0 0;
  }
  .section4 .section4_condition {
    margin-top: 1.4722222222vw;
  }
  .section4 .section4_condition_title {
    margin-top: 1.3888888889vw;
    color: #ffffff;
  }
  .section4 .section4_condition_title > img {
    width: 6.9444444444vw;
    margin-right: 1.25vw;
  }
  .section4 .section4_condition_inner {
    padding: 0.2916666667vw 2.6388888889vw 2.4305555556vw;
  }
  .section4 .section4_detail {
    color: #231815;
    font-size: 1.25vw;
    line-height: 1.6785;
    background: #fff;
    padding: 0.625vw 0.9027777778vw;
    display: flex;
    align-items: flex-start;
  }
  .section4 .section4_detail:not(:first-child) {
    margin-top: 1.8055555556vw;
  }
  .section4 .section4_detail dt {
    color: #EA5F5B;
    font-weight: 700;
    align-self: flex-start;
    flex-shrink: 0;
    width: 15.2777777778vw;
  }
  .section4 .section4_detail dd {
    margin-top: 0;
  }
  .section4 .section4_prize_list {
    list-style: none;
    padding: 0;
    margin: 0.6944444444vw 0 0;
  }
  .section4 .section4_prize_list li {
    margin-bottom: 0.4166666667vw;
    line-height: 1.6;
  }
  .section4 .section4_note {
    font-size: 1.1111111111vw;
    color: #666;
    margin-top: 0.6944444444vw;
  }
  .section4 .section4_caution {
    color: #231815;
    background: none;
    margin-top: 2.7777777778vw;
  }
  .section4 .section4_caution_title {
    color: #231815;
    font-size: 1.25vw;
    font-weight: 700;
    background: #FFDE32;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 2.7777777778vw;
  }
  .section4 .section4_caution_title:not(:first-child) {
    margin-top: 2.7777777778vw;
  }
  .section4 .section4_caution_body {
    color: #231815;
    font-size: 0.9722222222vw;
    line-height: 1.9928;
    margin-top: 1.0416666667vw;
  }
  .section4 .section4_caution_scroll {
    max-height: 16.875vw;
    overflow-y: scroll;
  }
  .section4 .section4_caution_scroll > * {
    margin-top: 0;
  }
  .section4 .section4_action {
    text-align: center;
    margin-top: 2.7777777778vw;
  }
  .section4 .section4_btn_line {
    position: absolute;
    left: 49vw;
    transform: translateX(-50%);
    margin-top: 34vw;
    width: 54vw;
    z-index: 2;
  }
  .section4 .section4_btn_1, .section4 .section4_btn_2, .section4 .section4_btn_3 {
    position: absolute;
    transform: translateX(-50%);
    margin-top: 68vw;
    width: 16vw;
    z-index: 2;
  }
  .section4 .section4_btn_1 {
    left: 26%;
  }
  .section4 .section4_btn_2 {
    left: 50%;
  }
  .section4 .section4_btn_3 {
    left: 73%;
  }
  .section4 .section4_btn_coupon {
    display: block;
    position: absolute;
    margin-top: 50vw;
    width: 93vw;
    z-index: 2;
    margin-left: 2vw;
  }
  .section4 .section4_img_kaminari {
    margin-top: 2vw;
    width: 22vw;
    margin-left: 36vw;
    z-index: 2;
  }
  .section5 {
    background-image: url(../images/top_section5_bg.png);
    padding-top: 12.6388888889vw;
    padding-bottom: 4.5833333333vw;
  }
  .section5:before {
    background-image: url(../images/top_section5_top.png);
    height: 13.1944444444vw;
  }
  .section5 .section5_header {
    width: 28.2638888889vw;
    margin-top: 2.2222222222vw;
  }
  .section5 .section5_body {
    margin-top: 2.6388888889vw;
  }
  .section5 .section5_img {
    width: 51.0416666667vw;
    margin-left: 26.5972222222vw;
  }
  .section5 .section5_balloon {
    width: 14.2361111111vw;
    top: -5.2777777778vw;
    right: -5.8333333333vw;
  }
  .section5 .section5_title {
    margin-top: 0;
  }
  .section5 .section5_project {
    margin-top: 2.9166666667vw;
  }
  .section5 .section5_project_media {
    background: url(../images/top_section5_project_bg.png) no-repeat;
    background-size: 100% auto;
    padding-top: 2.1527777778vw;
  }
  .section5 .section5_project_inner {
    display: flex;
    align-items: flex-start;
  }
  .section5 .section5_project_pic {
    width: 34.7222222222vw;
    margin: 0 0 0 11.9444444444vw;
  }
  .section5 .section5_project_body {
    width: 40.4861111111vw;
    margin-top: 0;
    margin-left: 3.75vw;
  }
  .section5 .section5_project_title {
    width: 39.2361111111vw;
    margin-left: 0.6944444444vw;
  }
  .section5 .section5_project_text {
    font-size: 2.0833333333vw;
    margin-top: 0.9722222222vw;
  }
  .section5 .section5_project_text > span {
    font-size: 2.3611111111vw;
  }
  .section5 .section5_project_action {
    text-align: center;
    width: 100%;
    margin-top: 3.3333333333vw;
  }
  .section5 .section5_project_btn {
    width: 45.4861111111vw;
  }
  .section5 .section5_project_note {
    font-size: 0.9722222222vw;
    margin-top: 1.6666666667vw;
  }
  .section5 .section5_condition {
    background-position: 50% 50%;
    background-size: 29.5138888889vw auto;
    margin-top: 3.0555555556vw;
  }
  .section5 .section5_condition_inner {
    padding: 1.5277777778vw 2.6388888889vw 2.6388888889vw;
  }
  .section5 .section5_detail {
    min-height: 3.6805555556vw;
    padding: 0.5555555556vw 0;
  }
  .section5 .section5_detail:not(:first-child) {
    margin-top: 1.3888888889vw;
  }
  .section5 .section5_detail dt {
    font-size: 1.5277777778vw;
    flex-shrink: 0;
    text-align: center;
    width: 11.6666666667vw;
    margin-right: 1.25vw;
  }
  .section5 .section5_detail dd {
    font-size: 1.5277777778vw;
  }
  .section5 .section5_list {
    font-size: 1.25vw;
    line-height: 1.55;
    margin-top: 2.5vw;
  }
  .section5 .section5_note {
    font-size: 1.25vw;
    margin-top: 1.9444444444vw;
  }
  .section5 .section5_nsm {
    margin-top: 2.5vw;
    padding: 1.9444444444vw 1.9444444444vw 2.4305555556vw 2.6388888889vw;
  }
  .section5 .section5_nsm_media {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .section5 .section5_nsm_pic {
    flex-shrink: 0;
    width: 32.6388888889vw;
    border-radius: 0.5555555556vw;
  }
  .section5 .section5_nsm_body {
    width: 36.8055555556vw;
    margin-top: 1.5277777778vw;
  }
  .section5 .section5_nsm_title {
    width: 100%;
  }
  .section5 .section5_nsm_text {
    font-size: 1.25vw;
    margin-top: 2.7777777778vw;
  }
  .section5 .section5_nsm_action {
    text-align: center;
    margin-top: 2.8472222222vw;
  }
  .artist-mv {
    padding-bottom: 0;
  }
  .artist-mv:after {
    background-image: url(../images/artist_mv_btm.png);
    height: 8.3333333333vw;
    bottom: -8.3333333333vw;
  }
  .artist-mv .artist-mv_bg {
    height: 55.5555555556vw;
  }
  .artist-mv .artist-mv_logo {
    width: 28.3333333333vw;
    height: 10.8333333333vw;
    padding-top: 1.25vw;
    padding-left: 2.5694444444vw;
  }
  .artist-mv .artist-mv_logo > img {
    width: 19.375vw;
  }
  .artist-mv .artist-mv_frame {
    padding-top: 0;
    padding-bottom: 0;
  }
  .artist-mv .artist-mv_pic {
    width: 60.2777777778vw;
  }
  .artist-mv .artist-mv_copy {
    width: 16.6666666667vw;
    top: 16.9444444444vw;
    right: 12.2222222222vw;
  }
  .artist-mv .artist-mv_tombocoop {
    width: 35.3472222222vw;
    margin-top: -5.9027777778vw;
  }
  .artist-section1 {
    padding-top: 8.3333333333vw;
    padding-bottom: 0;
  }
  .artist-section1:before {
    background-image: url(../images/artist_section1_bg.png);
    background-size: 100% auto;
    height: 23.0555555556vw;
    top: 4.4444444444vw;
  }
  .artist-section1 .artist-section1_nav {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 0 1.1111111111vw;
    width: 61.6666666667vw;
  }
  .artist-section1 .artist-section1_nav > li {
    width: 14.5833333333vw;
  }
  .artist-section2 {
    background-image: url(../images/artist_section2_btm.png);
    padding-bottom: 15.2777777778vw;
  }
  .artist-section2:before {
    background-image: url(../images/artist_section2_top.png);
    height: 11.9444444444vw;
  }
  .artist-section2:after {
    width: 21.3888888889vw;
    height: 18.1944444444vw;
    bottom: -7.7083333333vw;
  }
  .artist-section2 .artist-section2_frame {
    background-image: url(../images/artist_section2_bg.jpg);
    padding-top: 10.6944444444vw;
    padding-bottom: 5.4861111111vw;
  }
  .artist-section2 .artist-section2_title {
    width: 42.4305555556vw;
    margin-top: -1.0416666667vw;
  }
  .artist-section2 .artist-section2_pic {
    width: 62.1527777778vw;
    margin: 0 auto;
  }
  .artist-section2 .artist-section2_about {
    font-size: 3.0555555556vw;
    line-height: 1.3636;
    padding: 1.3888888889vw 1.3888888889vw 2.0833333333vw;
  }
  .artist-section2 .artist-section2_text {
    font-size: 1.25vw;
    line-height: 1.55;
    width: 70.1388888889vw;
    margin: 0 auto;
    padding: 2.7777777778vw 0 0;
  }
  .artist-section3 {
    background-image: url(../images/artist_section3_btm.png);
    padding-top: 4.2361111111vw;
    padding-bottom: 20.6944444444vw;
  }
  .artist-section3:after {
    background-image: url(../images/code_01.png);
    width: 11.8055555556vw;
    height: 23.3333333333vw;
    bottom: -8.75vw;
  }
  .artist-section3 .artist-section3_logo {
    width: 36.6666666667vw;
  }
  .artist-section3 .artist-section3_title {
    row-gap: 0.625vw;
    margin-top: 2.7777777778vw;
  }
  .artist-section3 .artist-section3_title > img {
    width: 46.1805555556vw;
  }
  .artist-section3 .artist-section3_title > span {
    font-size: 3.0555555556vw;
  }
  .artist-section3 .artist-section3_special {
    width: 47.3611111111vw;
    margin-top: 2.7777777778vw;
  }
  .artist-section3 .artist-section3_special > img {
    width: 13.1944444444vw;
  }
  .artist-section3 .artist-section3_special > span {
    font-size: 1.9444444444vw;
  }
  .artist-section3 .artist-section3_list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 2.7777777778vw;
    width: 71.25vw;
    margin-top: 2.7777777778vw;
  }
  .artist-section3 .artist-section3_list > li {
    padding-bottom: 1.3888888889vw;
  }
  .artist-section3 .artist-section3_list .artist-section3_list_title {
    font-size: 1.25vw;
  }
  .artist-section3 .artist-section3_list .artist-section3_list_title:before {
    width: 0.9027777778vw;
    height: 1.1805555556vw;
    margin-right: 0.2777777778vw;
  }
  .artist-section3 .artist-section3_list .artist-section3_list_text {
    font-size: 1.25vw;
    font-weight: 700;
  }
  .artist-section3 .artist-section3_action {
    margin-top: 5.2083333333vw;
  }
  .artist-section4 {
    background-image: url(../images/top_section5_bg.png);
    background-size: 100% auto;
    padding-bottom: 5vw;
    position: relative;
    margin-top: -9vw;

  }
  .artist-section4:after {
    width: 20.625vw;
    height: 18.4722222222vw;
    bottom: -8.3333333333vw;
  }
  .artist-section4 .artist-section4_title {
    font-size: 3.0555555556vw;
    row-gap: 2.7777777778vw;
  }
  .artist-section4 .artist-section4_title > img {
    width: 25.5972222222vw;
    margin: 0 4vw;
  }
  .artist-section4 .artist-section4_list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(1, 1fr);
    gap: 3.7777777778vw 3.6666666667vw;
    width: 33vw;
    margin-top: 2.7777777778vw;
  }
  .artist-section4 .artist-section4_list_title {
    font-size: 1.25vw;
  }
  .artist-section4 .artist-section4_list_title:before {
    width: 6.9027777778vw;
    height: 1.1805555556vw;
    margin-right: 0.2777777778vw;
  }
  .artist-section4 .artist-section4_list_text {
    font-size: 1.25vw;
    line-height: 1.55;
    height: 6vh;
  }
  .artist-section4 .artist-section4_list_text > span {
    font-size: 1.25vw;
    font-weight: 500;
  }
  .artist-section4 .artist-section4_audio {
    margin-top: 1.1111111111vw;
  }
  .artist-section4 .artist-section4_radiko {
    width: 76.1111111111vw;
    margin-top: 2.375vw;
    padding-top: 2.0138888889vw;
    padding-bottom: 3.4722222222vw;
    border-radius: 0.5555555556vw;
  }
  .artist-section4 .artist-section4_radiko_title {
    font-size: 3.0555555556vw;
  }
  .artist-section4 .artist-section4_action {
    margin-top: 1.7777777778vw;
  }
  .artist-section5 {
    background-image: url(../images/artist_section5_btm.png);
    padding-bottom: 21.3888888889vw;
  }
  .artist-section5:after {
    background-image: url(../images/code_01.png);
    width: 11.8055555556vw;
    height: 23.3333333333vw;
    bottom: -6.7361111111vw;
  }
  .artist-section5 .artist-section5_frame {
    background-image: url(../images/artist_section5_bg_01.png);
    background-position: 0 0;
    padding-top: 2.3611111111vw;
  }
  .artist-section5 .artist-section5_title {
    font-size: 4.4444444444vw;
  }
  .artist-section5 .artist-section5_release {
    width: 36.6666666667vw;
    margin-top: 4.8611111111vw;
  }
  .artist-section5 .artist-section5_release_type {
    font-size: 1.25vw;
    margin-top: 1.3888888889vw;
  }
  .artist-section5 .artist-section5_release_name {
    font-size: 2.2222222222vw;
  }
  .artist-section5 .artist-section5_release_date {
    font-size: 1.25vw;
    margin-top: 1.3888888889vw;
  }
  .artist-section5 .artist-section5_release_btn {
    font-size: 1.5277777778vw;
    width: 20.4861111111vw;
    height: 5.5555555556vw;
    margin-top: 1.7361111111vw;
    border-radius: 0.5555555556vw;
  }
  .artist-section5 .artist-section5_release_btn:after {
    width: 1.5277777778vw;
    height: 1.5277777778vw;
    right: 1.6666666667vw;
  }
  .artist-section5 .artist-section5_live {
    background-image: url(../images/artist_section5_bg_02.png);
    background-position: 50% 51%;
    width: 76.1111111111vw;
    margin-top: 3.3333333333vw;
  }
  .artist-section5 .artist-section5_live_title {
    font-size: 1.5277777778vw;
    font-weight: 700;
    min-height: 3.8888888889vw;
    border-radius: 0.5555555556vw;
  }
  .artist-section5 .artist-section5_live_title:not(:first-child) {
    font-size: 1.9444444444vw;
    font-weight: 400;
    margin-top: 2.2222222222vw;
  }
  .artist-section5 .artist-section5_live_inner {
    width: 50vw;
    margin-top: 1.5972222222vw;
  }
  .artist-section5 .artist-section5_live_name {
    font-size: 2.5vw;
  }
  .artist-section5 .artist-section5_live_catch {
    font-size: 1.9444444444vw;
    min-height: 3.3333333333vw;
    margin-top: 2.0833333333vw;
    border-radius: 0.5555555556vw;
  }
  .artist-section5 .artist-section5_live_pic {
    margin-top: 2.2222222222vw;
    border-radius: 0.5555555556vw;
  }
  .artist-section5 .artist-section5_live_info {
    font-size: 1.25vw;
    line-height: 1.55;
    row-gap: 1.0416666667vw;
  }
  .artist-section5 .artist-section5_live_info:not(:first-child) {
    margin-top: 2.2222222222vw;
  }
  .artist-section5 .artist-section5_live_list {
    margin-top: 2.2222222222vw;
  }
  .artist-section5 .artist-section5_live_list > li:not(:last-child) {
    padding-bottom: 1.3888888889vw;
  }
  .artist-section5 .artist-section5_action {
    margin-top: 3.1944444444vw;
  }
  .artist-section6 {
    padding-top: 0;
    padding-bottom: 0.4166666667vw;
  }
  .artist-section6 .artist-section6_title {
    font-size: 4.4444444444vw;
  }
  .artist-section6 .artist-section6_copy {
    font-size: 1.25vw;
    margin-top: 1.3888888889vw;
  }
  .artist-section6 .artist-section6_video {
    background-size: 58.5416666667vw auto;
    min-height: 48.4722222222vw;
    margin-top: 1.1111111111vw;
    padding-top: 5.1388888889vw;
  }
  .artist-section6 .artist-section6_slider {
    margin: 0;
  }
  .artist-section6 .artist-section6_slider .swiper-slide {
    width: 41.6666666667vw;
    padding-top: 1.1111111111vw;
    padding-bottom: 1.1111111111vw;
  }
  .artist-section6 .artist-section6_slider .swiper-slide.swiper-slide-active .artist-section6_play {
    box-shadow: 0 0 0 1.1111111111vw #fff;
  }
  .artist-section6 .artist-section6_play {
    width: 38.8888888889vw;
    border-radius: 1.1111111111vw;
    box-shadow: 0 0 0 0.2777777778vw #fff;
  }
  .artist-section6 .artist-section6_play:before {
    width: 3.6805555556vw;
    height: 3.6805555556vw;
  }
  .artist-section6 .artist-section6_action {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 0.8333333333vw;
    width: 50vw;
    margin-top: 1.6666666667vw;
  }
  .artist-section6 .artist-section6_btn {
    font-size: 1.25vw;
    height: 3.3333333333vw;
    border-radius: 0.5555555556vw;
  }
  .artist-section6 .artist-section6_btn:after {
    width: 1.1111111111vw;
    height: 2.1527777778vw;
    right: 1.4583333333vw;
  }
  .artist-action {
    row-gap: 1.6666666667vw;
    width: 34.375vw;
  }
  .campaign-mv {
    background-image: url(../images/campaign_mv_bg.png);
    height: 54.3055555556vw;
    padding-top: 8.9583333333vw;
  }
  .campaign-mv .campaign-mv_title {
    width: 65.1388888889vw;
  }
  .campaign-section1 {
    background-image: url(../images/campaign_section1_btm.png);
    padding-bottom: 11.9444444444vw;
  }
  .campaign-section1:after {
    width: 11.8055555556vw;
    height: 23.3333333333vw;
    bottom: -6.5277777778vw;
  }
  .campaign-section1 .campaign-section1_more {
    width: 29.0277777778vw;
    height: 9.1666666667vw;
    top: -9.7222222222vw;
  }
  .campaign-section1 .campaign-section1_bg {
    background-position: 16.4583333333vw 0;
    top: -2.7777777778vw;
  }
  .campaign-section1 .campaign-section1_inner {
    padding-top: 3.2638888889vw;
    z-index: 1;
  }
  .campaign-section1 .campaign-section1_title {
    width: 64.0277777778vw;
  }
  .campaign-section1 .campaign-section1_action {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-column-gap: 4.0972222222vw;
       -moz-column-gap: 4.0972222222vw;
            column-gap: 4.0972222222vw;
    margin-top: 2.0833333333vw;
    padding: 2.0833333333vw 2.7777777778vw;
  }
  .campaign-section1 .campaign-section1_action_item {
    width: 34.3055555556vw;
  }
  .campaign-section1 .campaign-section1_action_item:not(:first-child) {
    margin-top: 0;
    border-radius: 1.1111111111vw;
  }
  .campaign-section1 .campaign-section1_action_title {
    font-size: 1.5277777778vw;
    -webkit-column-gap: 0.5555555556vw;
       -moz-column-gap: 0.5555555556vw;
            column-gap: 0.5555555556vw;
    min-height: 3.0555555556vw;
  }
  .campaign-section1 .campaign-section1_action_title:before, .campaign-section1 .campaign-section1_action_title:after {
    width: 1.25vw;
    height: 1.8055555556vw;
  }
  .campaign-section1 .campaign-section1_action_col {
    -webkit-column-gap: 1.25vw;
       -moz-column-gap: 1.25vw;
            column-gap: 1.25vw;
    padding: 2.0138888889vw 1.3888888889vw 2.3611111111vw;
  }
  .campaign-section1 .campaign-section1_bnr1 {
    -webkit-filter: drop-shadow(0.4166666667vw 0.4166666667vw 0.1388888889vw rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0.4166666667vw 0.4166666667vw 0.1388888889vw rgba(0, 0, 0, 0.25));
  }
  .campaign-section1 .campaign-section1_bnr2 {
    border-radius: 0.5555555556vw;
    -webkit-filter: drop-shadow(0.2777777778vw 0.2777777778vw 0.2777777778vw rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0.2777777778vw 0.2777777778vw 0.2777777778vw rgba(0, 0, 0, 0.2));
  }
  .campaign-section2 {
    background-image: url(../images/campaign_section2_btm.png);
    padding-bottom: 16.5277777778vw;
  }
  .campaign-section2:after {
    width: 21.3888888889vw;
    height: 18.1944444444vw;
    bottom: -1.6666666667vw;
  }
  .campaign-section2 .campaign-section2_bg {
    background-position: 16.4583333333vw 0;
    top: -5.0694444444vw;
  }
  .campaign-section2 .campaign-section2_inner {
    padding-top: 2.7777777778vw;
  }
  .campaign-section2 .campaign-section2_title {
    width: 64.3055555556vw;
  }
  .campaign-section2 .campaign-section2_title > img {
    width: 19.0277777778vw;
    top: 1.6666666667vw;
    right: -1.3194444444vw;
  }
  .campaign-section2 .campaign-section2_note {
    font-size: 0.9722222222vw;
    line-height: 1.6;
    text-align: center;
  }
  .campaign-section2 .campaign-section2_condition {
    margin-top: 2.6388888889vw;
  }
  .campaign-section2 .campaign-section2_condition_inner {
    padding: 2.2222222222vw 2.7777777778vw 1.9444444444vw;
  }
  .campaign-section2 .campaign-section2_action {
    margin-top: 2.2222222222vw;
  }
  .campaign-section3 {
    background-image: url(../images/campaign_section3_btm.png);
    padding-bottom: 16.7361111111vw;
  }
  .campaign-section3:after {
    background-image: url(../images/code_03.png);
    width: 20.625vw;
    height: 18.4722222222vw;
    bottom: -0.9722222222vw;
  }
  .campaign-section3 .campaign-section3_bg {
    background-position: 16.4583333333vw 0;
  }
  .campaign-section3 .campaign-section3_inner {
    padding-top: 0;
  }
  .campaign-section3 .campaign-section3_title {
    width: 64.3055555556vw;
  }
  .campaign-section3 .campaign-section3_note {
    font-size: 0.9722222222vw;
    line-height: 1.6;
    text-align: center;
    margin-top: 1.3888888889vw;
    margin-left: 0;
  }
  .campaign-section3 .campaign-section3_condition {
    margin-top: 2.7777777778vw;
  }
  .campaign-section3 .campaign-section3_condition_inner {
    padding: 0 1.6666666667vw 1.9444444444vw;
  }
  .campaign-section4 .campaign-section4_inner {
    background-position: 8.6111111111vw 0;
    background-size: 82.0138888889vw auto;
    padding-top: 0;
    padding-bottom: 2.0138888889vw;
  }
  .campaign-section4 .campaign-section4_title {
    font-size: 3.0555555556vw;
  }
  .campaign-section4 .campaign-section4_title:before {
    width: 4.1666666667vw;
    height: 4.5833333333vw;
  }
  .campaign-section4 .campaign-section4_title_line {
    border-bottom-width: 0.5555555556vw;
  }
  .campaign-section4 .campaign-section4-1_inner {
    width: 70.1388888889vw;
    margin: 0 auto;
    padding: 2.2222222222vw 0 3.4722222222vw;
  }
  .campaign-section4 .campaign-section4-1_note {
    font-size: 2.0833333333vw;
    margin-top: 2.5vw;
    padding: 0 0 0 1.3888888889vw;
  }
  .campaign-section4 .campaign-section4-2 {
    padding-top: 2.5694444444vw;
    padding-bottom: 1.8055555556vw;
  }
  .campaign-section4 .campaign-section4-2_inner {
    font-size: 1.25vw;
    line-height: 1.55;
    width: 70.1388888889vw;
    margin: 0 auto;
    padding: 2.7777777778vw 0 0;
  }
  .campaign-section4 .campaign-section4-2_note {
    font-size: 1.25vw;
    margin-top: 2.7777777778vw;
    padding: 1.25vw 1.6666666667vw;
  }
  .wallpaper-mv {
    background-image: url(../images/wallpaper_mv_bg.png);
    height: 54.3055555556vw;
    padding-top: 8.9583333333vw;
  }
  .wallpaper-mv .wallpaper-mv_title {
    width: 65.1388888889vw;
  }
  .wallpaper-section1 {
    background-image: url(../images/wallpaper_section1_btm.png);
    padding-bottom: 13.4722222222vw;
  }
  .wallpaper-section1 .wallpaper-section1_frame {
    background-image: url(../images/wallpaper_section1_bg.png);
    padding-top: 1.1111111111vw;
  }
  .wallpaper-section1 .wallpaper-section1_title {
    width: 49.1666666667vw;
    margin: 0 auto;
  }
  .wallpaper-section1 .wallpaper-section1_title > img {
    width: 14.2361111111vw;
    top: -0.9027777778vw;
  }
  .wallpaper-section1 .wallpaper-section1_list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 0 3.3333333333vw;
    width: 54.3055555556vw;
    margin-top: 2.9166666667vw;
  }
  .wallpaper-section1 .wallpaper-section1_action > img {
    width: 15.9027777778vw;
    box-shadow: 0.6944444444vw 0.6944444444vw 0 0 #22AC38;
  }
  .wallpaper-section1 .wallpaper-section1_btn {
    font-size: 1.1111111111vw;
    height: 5.5555555556vw;
    margin-top: 2.3611111111vw;
    border-width: 0.1388888889vw;
    border-bottom-width: 0.2777777778vw;
    border-radius: 0.5555555556vw;
  }
  .wallpaper-section1 .wallpaper-section1_btn:after {
    width: 1.6666666667vw;
    height: 2.0138888889vw;
    right: 1.25vw;
  }
  .wallpaper-section1 .wallpaper-section1_btn > span {
    font-size: 1.5277777778vw;
  }
  .wallpaper-footer {
    text-align: center;
    padding: 0 2.7777777778vw 3.8194444444vw;
  }
  .wallpaper-footer:before {
    width: 21.3888888889vw;
    height: 18.1944444444vw;
    top: -16.1111111111vw;
  }
  .wallpaper-footer:after {
    width: 11.8055555556vw;
    height: 23.3333333333vw;
    bottom: 2.9861111111vw;
  }
  .wallpaper-footer .wallpaper-footer_btn {
    font-size: 1.9444444444vw;
  }
}
@media (any-hover: hover) {
  .gnav_btn:hover {
    opacity: 0.7;
  }
}
.btn.btn--comingsoon {
  position: relative;
  pointer-events: none;
  background-color: rgba(72 73 73);
}

.btn.btn--comingsoon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
  background: url("/campaign/gakuwari-tombocoop/images/bt_comingsoon.png") no-repeat center;
  background-size: contain;
  z-index: 1;
}

.btn.btn--comingsoon > * {
  filter: grayscale(100%);
  opacity: 0.5;
}

/* 画像の中央寄せ用 */
.text-center {
  text-align: center;
}

/* sp-only class for responsive line breaks */
.sp-only {
  display: none;
}

.pc-only {
  display: block;
}

.section2-1_btn {
  display: inline-block;
}

.section2-1_btn img {
  transition: transform 0.3s ease;
}

.section2-1_btn:hover img {
  transform: scale(1.05);
}

/* キャンペーン情報セクション */
.campaign_info_section {
  background: #fff;
  margin-bottom: 2.6666666667vw;
  border-radius: 0;
  overflow: hidden;
}

/* キャンペーン期間のタイトル（白背景） */
.campaign_info_section .campaign_section_title {
  background: #fff;
  color: #008E99;
  font-size: 4.2666666667vw;
  font-weight: 700;
  text-align: center;
  margin: 0;
}

/* その他のセクションタイトル（緑背景、左揃え） */
.campaign_section_title {
  color: #fff;
  font-size: 4.2666666667vw;
  font-weight: 700;
  text-align: left;
  padding: 2.1333333333vw;
  margin: 0;
}

.campaign_section_content {
  padding-bottom: 2vw;
  margin-left: 2.1333333333vw;
  margin-right: 2.1333333333vw;
  text-align: left;
}

.campaign_title {
  color: #231815;
  font-size: 3.2vw;
}

.campaign_period_list {
  list-style: none;
}

.campaign_period_list li {
  color: #231815;
  font-size: 3.2vw;
  font-weight: 700;
  position: relative;
  padding-left: 1.6vw;
}

.campaign_period_list li:before {
  content: "•";
  color: #000000;
  position: absolute;
  left: 0;
}

.campaign_prizes_list {
  list-style: none;
  font-weight: 700;
}

.campaign_prizes_list li {
  color: #231815;
  font-size: 2.9333333333vw;
  line-height: 1.6;
  margin-bottom: 1.3333333333vw;
  position: relative;
  padding-left: 1.6vw;
}

.campaign_prizes_list li:before {
  content: "•";
  color: #000000;
  position: absolute;
  left: 0;
}

.campaign_note {
  color: #666;
  font-size: 2.6666666667vw;
  line-height: 1.6;
  margin: 0;
}

.campaign_intro {
  color: #231815;
  font-size: 2.9333333333vw;
  margin: 0 0 2.1333333333vw 0;
}

.campaign_steps_list {
  list-style: none;
  font-weight: 700;
  counter-reset: step-counter;
}

.campaign_steps_list li {
  color: #231815;
  font-size: 2.9333333333vw;
  line-height: 1.6;
  margin-bottom: 2.1333333333vw;
  position: relative;
  padding-left: 3.2vw;
  counter-increment: step-counter;
}

.campaign_steps_list li:before {
  content: counter(step-counter) ".";
  color: #000000;
  font-weight: 700;
  position: absolute;
  left: 0;
}

.line_app_info {
  color: #000000;
  font-size: 2.6666666667vw;
  display: block;
  margin-top: 0.5333333333vw;
}

.line_app_link {
  color: #008E99;
  text-decoration: underline;
}

.campaign_conditions_list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.campaign_conditions_list li {
  color: #231815;
  font-size: 3.2vw;
  font-weight: 400;
  position: relative;
  padding-left: 1.6vw;
  margin-bottom: 1.6vw;
}

.campaign_conditions_list li:before {
  content: "•";
  color: #000000;
  position: absolute;
  left: 0;
  font-weight: 700;
}

.campaign_result_list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.campaign_result_list li {
  color: #231815;
  font-size: 3.2vw;
  font-weight: 400;
  position: relative;
  padding-left: 1.6vw;
  margin-bottom: 1.6vw;
}

.campaign_result_list li:before {
  content: "•";
  color: #000000;
  position: absolute;
  left: 0;
  font-weight: 700;
}

.campaign_terms_list,
.campaign_about_list,
.campaign_entry_list,
.campaign_prohibited_list,
.campaign_prize_info_list,
.campaign_privacy_list,
.campaign_shipping_list,
.campaign_other_list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.campaign_terms_list li,
.campaign_about_list li,
.campaign_entry_list li,
.campaign_prohibited_list li,
.campaign_prize_info_list li,
.campaign_privacy_list li,
.campaign_shipping_list li,
.campaign_other_list li {
  color: #231815;
  font-size: 3.2vw;
  font-weight: 400;
  position: relative;
  padding-left: 1.6vw;
  margin-bottom: 1.6vw;
}

.campaign_terms_list li:before,
.campaign_about_list li:before,
.campaign_entry_list li:before,
.campaign_prohibited_list li:before,
.campaign_prize_info_list li:before,
.campaign_privacy_list li:before,
.campaign_shipping_list li:before,
.campaign_other_list li:before {
  content: "•";
  color: #000000;
  position: absolute;
  left: 0;
  font-weight: 700;
}

.campaign_contact_text,
.campaign_contact_url,
.campaign_contact_note {
  color: #231815;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.5;
}

.campaign_contact_url {
  margin-bottom: 2.4vw;
}

.campaign_contact_note {
  font-size: 2.9333333333vw;
}

/* mv_logo_copy スタイル */
.mv .mv_logo_copy {
  position: absolute;
  margin-top: 36vw;
  width: 69vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.mv .mv_logo_date {
  position: absolute;
  margin-top: 25vw;
  width: 17vw;
  left: 85%;
  transform: translateX(-50%);
}

.artist-section4_title_img>img {
  width: 37%;
  margin-top: 3vw;
}

.section4_present1_wrapper {
  position: absolute;
  width: 21vw;
  margin-left: 10%;
  top: -6vw;
}

@media screen and (min-width: 768px) {
  .campaign_info_section {
    margin-bottom: 1.3888888889vw;
    border-radius: 0;
  }

  /* キャンペーン期間のタイトル（白背景） */
  .campaign_info_section .campaign_section_title {
    background: #fff;
    color: #008E99;
    font-size: 1.5277777778vw;
    font-weight: 700;
    text-align: center;
    margin: 0;
  }

  /* その他のセクションタイトル（緑背景、左揃え） */
  .campaign_section_title {
    font-size: 1.5277777778vw;
    padding: 1.1111111111vw;
    text-align: left;
  }

  .campaign_title {
    font-size: 1.1111111111vw;
    margin: 0 0 1.1111111111vw 0;
  }

  .campaign_period_list li {
    font-size: 1.1111111111vw;
    padding-left: 0.8333333333vw;
  }

  .campaign_prizes_list {
    margin: 0 0 1.1111111111vw 0;
  }

  .campaign_prizes_list li {
    font-size: 1vw;
    margin-bottom: 0.6944444444vw;
    padding-left: 0.8333333333vw;
  }

  .campaign_note {
    font-size: 0.9722222222vw;
  }

  .campaign_intro {
    font-size: 1vw;
    margin: 0 0 1.1111111111vw 0;
  }

  .campaign_steps_list li {
    font-size: 1vw;
    margin-bottom: 1.1111111111vw;
    padding-left: 1.6666666667vw;
  }

  .line_app_info {
    font-size: 0.9722222222vw;
    margin-top: 0.2777777778vw;
  }

  .line_app_link {
    color: #008E99;
    text-decoration: underline;
  }

  .campaign_conditions_list li {
    font-size: 1.1111111111vw;
    padding-left: 0.8333333333vw;
    margin-bottom: 0.8333333333vw;
  }

  .campaign_result_list li {
    font-size: 1.1111111111vw;
    padding-left: 0.8333333333vw;
    margin-bottom: 0.8333333333vw;
  }

  .campaign_terms_list li,
  .campaign_about_list li,
  .campaign_entry_list li,
  .campaign_prohibited_list li,
  .campaign_prize_info_list li,
  .campaign_privacy_list li,
  .campaign_shipping_list li,
  .campaign_other_list li {
    font-size: 1.1111111111vw;
    padding-left: 0.8333333333vw;
    margin-bottom: 0.8333333333vw;
  }

  .campaign_contact_text,
  .campaign_contact_url,
  .campaign_contact_note {
    font-size: 1.1111111111vw;
    margin: 0 0 0.8333333333vw 0;
  }

  .campaign_contact_url {
    margin-bottom: 1.1111111111vw;
  }

  .campaign_contact_note {
    font-size: 1.0416666667vw;
  }

  .artist-section4 .artist-section4_title_img {
    width: 38%;
    margin-top: 3vw;
  }
}

@media screen and (max-width: 767px) {
  .artist-section4_title_img>img {
    width: 90%;
    margin-top: 3vw;
  }

  .sp-only {
    display: inline;
  }

  .pc-only {
    display: none;
  }

  .menu {
    top: 160px;
  }

  .pc {
    display: none;
  }

  .mv .mv_frame {
    padding-top: 0;
  }

  .mv .mv_btns_btn {
    font-size: 5.3333333333vw;
    height: 14.6666666667vw;
  }

  .campaign-section2 .campaign-section2_condition_title>span:not(:last-child) {
    border-bottom: 0;
  }

  .mv .mv_logo_copy {
    margin-top: 86vw;
    width: 96vw;
  }

  .mv .mv_logo_date {
    margin-top: 57vw;
    width: 40vw;
    left: 84%;
  }

  .section2 {
    background-image: url(../images/top_section2_bg_sp.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    margin-top: -7.3472222222vw;
    padding-bottom: 0;
  }

  .section-header .section-header_logo {
    display: block;
    background: url(../images/header_logo_sp.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .section1 {
    padding: 4.066667vw 0 14.8vw;
  }
  .section1 .section1_nav>li {
    width: 40.625vw;
    margin-right: 0.3472222222vw;
    margin-top: 13vw;
  }
  .section1 .pic_eye {
    margin-top: -8vw;
    position: absolute;
    width: 35vw;
    z-index: 2;
    margin-left: 1vw;
  }

  .section1 .pic_eye3 {
    margin-top: -18.9vw;
    position: absolute;
    width: 33vw;
    z-index: 2;
    margin-left: 2vw;
  }

  .section1_body .pic3 {
    width: 84vw;
    margin-top: -10vw;
  }
  .section-header .section-header_obj {
    height: 21.8vw;
    margin-top: 8vw;
  }
  .section2 .section2-1_note {
    font-size: 5.7333333333vw;
    text-align: center;
    margin-top: 1.6vw;
    line-height: 1.6785;
    font-weight: 700;
  }
  .section2-1_btn {
    width: 87%;
    height: 100%;
    margin-bottom: 14vw;
  }
  .section-header .section3-header_logo {
    width: 50.8vw;
    height: 8.6666666667vw;
    margin: 0 auto;
    position: absolute;
    bottom: 9vw;
    left: 0;
    right: 0;
  }
  .section3 .section3_body {
    margin-top: -3.8vw;
    width: 90%;
    margin-left: 4vw;
  }

  .section3 {
    background-image: url(../images/top_section3_bg_sp.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    padding-top: 0.8888888889vw;
    margin-top: -5.8888888889vw;
    z-index: 6;
    position: relative;
  }
  .section4 {
    background: url(../images/top_section4_bg_sp.png) no-repeat;
    background-size: 100% auto;
  }
  .section-header .section4-header_logo {
    width: 50.8vw;
    height: 9.6666666667vw;
    margin: 0 auto;
    position: absolute;
    bottom: -12vw;
    left: 0;
    right: 0;
  }

  .section4 .section4_btn_line {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      margin-top: 124vw;
      width: 78vw;
      z-index: 2;
  }

  .section4 .section4_btn_1,
  .section4 .section4_btn_2,
  .section4 .section4_btn_3 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 60vw;
    z-index: 2;
  }
  .section4 .section4_btn_1 {
    top: 280vw;
  }
  .section4 .section4_btn_2 {
    bottom: 111vw;
  }
  .section4 .section4_btn_3 {
    top: 520vw;
  }

  .section4 .section4_present1 {
    width: 136%;
    margin-left: -18vw;
    margin-top: 16vw;
    position: relative;
  }

  .section4 .section4_present2 {
    width: 136%;
    margin-left: -18vw;
    margin-top: 5vw;
    position: relative;
  }

  .section4_btn_coupon {
    position: absolute;
    margin-top: 214vw;
    width: 96vw;
    z-index: 2;
    margin-left: -50vw;
  }

  .section4 .section4_body {
    padding-bottom: 6vw;
  }

  .section4 .section4_caution_scroll {
    max-height: 49.733333vw;
  }

  .artist-section4 {
    padding-bottom: 5vw;
    position: relative;
    margin-top: -12vw;
  }

  .artist-section4 .artist-section4_title {
    display: grid;
  }

  .artist-section4 .artist-section4_title>img {
    width: 63.866667vw;
  }

  .artist-section4 .artist-section4_radiko {
    width: 91.1111111111vw;
  }

  .artist-section4 .artist-section4_action {
    margin-top: 1.333333vw;
    display: block;
    text-align: center;
    margin-left: 0;
  }

  /* 左ブロック（Rock you!）のアイコン - スマートフォン版 */
  .artist-section4_column--left .artist-section4_list > li .artist-section4_list_title:before {
    background: url("/campaign/neguse2025/images/icon_rock_you.png") no-repeat, url("/campaign/neguse2025/images/icon_onpu_orange.svg") no-repeat;
    background-size: 16vw auto, 2.8vw auto;
    background-position: 0 0, 16.8vw 0;
  }

  /* 右ブロック（FIND OUT）のアイコン - スマートフォン版 */
  .artist-section4_column--right .artist-section4_list > li .artist-section4_list_title:before {
    background: url("/campaign/neguse2025/images/icon_find_out.png") no-repeat, url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%2218%22%20viewBox%3D%220%200%2013%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2069_34459)%22%3E%3Cpath%20d%3D%22M5.48508%2011.55C5.54944%2011.2596%205.60389%2011.0394%205.63854%2010.8191C5.98013%208.58647%206.31676%206.35384%206.6633%204.12122C6.76231%203.48547%206.88112%202.84972%207.02963%202.21898C7.11379%201.86356%207.24746%201.51315%207.40587%201.18276C7.63854%200.697189%207.97023%200.567036%208.39597%200.862384C8.7128%201.08264%209.02963%201.18777%209.39597%201.25785C10.0841%201.39301%2010.5791%201.84354%2010.7425%202.49931C10.9999%203.53553%2011.6138%204.17628%2012.5593%204.58176C13.0197%204.77699%2013.1138%205.17746%2012.8861%205.60296C12.5197%206.27876%2011.9108%206.60414%2011.1831%206.46397C10.4999%206.33382%209.87122%206.08353%209.43557%205.47281C9.27716%205.25255%209.10389%205.01727%208.87617%204.88712C8.70785%204.79201%208.41082%204.79201%208.2425%204.88712C8.08904%204.97222%208.03458%205.23753%207.91082%205.4678C8.41082%205.64301%208.87122%205.7181%209.2227%205.95838C9.58409%206.20867%209.84646%206.61916%2010.1385%206.96456C10.3712%207.23488%2010.6781%207.28995%2010.9999%207.30997C11.4158%207.335%2011.8514%207.35502%2012.0445%207.81056C12.2574%208.32116%2011.9405%208.6966%2011.6534%209.05702C11.3019%209.50255%2010.8366%209.79289%2010.2821%209.90302C9.49993%2010.0632%208.83161%209.90302%208.35637%209.2022C8.2029%208.97693%208.04449%208.76168%207.81676%208.44631C7.62864%208.64654%207.41082%208.7767%207.37122%208.94189C7.12864%2010.1133%206.90587%2011.2947%206.71775%2012.476C6.67815%2012.7313%206.76231%2013.0217%206.83656%2013.282C6.94052%2013.6574%206.89597%2014.0028%206.77221%2014.3633C6.14845%2016.1804%204.34151%2017.6071%202.44547%2017.7022C2.00488%2017.7222%201.51478%2017.6571%201.11874%2017.4719C0.277158%2017.0915%20-0.0248223%2016.3306%20-6.98132e-05%2015.4295C0.0593361%2013.5023%201.95538%2011.4649%203.84646%2011.3497C4.33656%2011.3197%204.83161%2011.4649%205.48508%2011.55Z%22%20fill%3D%22%23005AAB%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2069_34459%22%3E%3Crect%20width%3D%2213%22%20height%3D%2217%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.70752)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") no-repeat;
    background-size: 16vw auto, 2.5vw auto;
    background-position: 0 0, 16.8vw 0;
  }

  .artist-section4 .artist-section4_list_title:before {
    content: "";
    background-size: contain;
    display: block;
    flex-shrink: 0;
    height: 2.2666666667vw;
    margin-right: 0.5333333333vw;
  }

  .btn {
    font-size: 1.9444444444vw;
    line-height: 1.1428;
    width: 80.4166666667vw;
    height: 11.9444444444vw;
    border-width: 0.2083333333vw;
    border-bottom-width: 0.6944444444vw;
    border-radius: 6.5555555556vw;
    margin: 2vw;
  }

  .section-condition {
    width: 91.6vw;
  }

  .artist-section4 .artist-section4_title {
    margin-top: 10vw;
  }

  .section-condition .section-condition_title {
    color: #fff;
    padding-top: 4vw;
    margin-bottom: -4vw;
  }
  .section-condition .section-condition_title_small {
    margin-bottom: 2vw;
  }

  .artist-section4 .artist-section4_list_title:before {
    width: 20vw;
    height: 4vw;
    margin-right: 0.2777777778vw;
  }

  .section4_img_kaminari {
    width: 50%;
    margin-left: 21vw;
    margin-top: 3vw;
  }
  .section4_present1_wrapper {
    display: none;
  }

  .modal_close_icon_future {
    background: url(../images/future_bt_close_sp.png) no-repeat;
    background-size: contain;
    width: 19.266667vw;
    height: 23.266667vw;
    left: 7vw;
    position: relative;
    top: -7vw;
  }

  .modal_content_future {
    margin: -23.666667vw auto;
  }

  .modal_close {
    width: 12.666667vw;
    height: 12.666667vw;
    outline: none;
  }

  .modal_close:focus {
    outline: none;
  }

  .modal_close_icon_future:focus {
    outline: none;
  }
}

/* 全体のアンカーリンクホバー効果 */
a img {
  transition: transform 0.3s ease;
}

a:hover img {
  transform: scale(1.05);
}

/* ボタンのホバー効果 */
.btn,button {
  transition: transform 0.3s ease;
  outline: none;
}

.btn:hover,button:hover {
  transform: scale(1.05);
}

.btn:hover img,button:hover img {
  transform: none; /* ボタン全体が動くので画像の個別変形は無効化 */
}

.btn:focus,button:focus {
  outline: none;
}

/* Coming Soon画像の上に文字を重ねるスタイル */
.coming-soon-wrapper {
  position: relative;
  display: inline-block;
}

.coming-soon-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  z-index: 2;
  white-space: nowrap;
  font-size: 1.7em;
}

.coming-soon-main {
  margin-right: 0.3em;
}

.coming-soon-sub {
  /* サブテキスト用のスタイル */
}

/* レスポンシブ対応 */
@media screen and (max-width: 767px) {
  .coming-soon-text {
    font-size: 3.2vw;
  }
  
  .coming-soon-main {
    margin-right: 1vw;
  }
}

/* 左右のブロック分けのためのスタイル */
.artist-section4_columns {
  display: flex;
  gap: 2rem;
  padding-top: 4vw;
}

.artist-section4_column {
  flex: 1;
}

.artist-section4_column_header {
  text-align: center;
  border-radius: 10px;
  height: 5vw;
}

.artist-section4_column_logo {
  height: auto;
  display: block;
}

/* レスポンシブ対応 */
@media (max-width: 767px) {
  .artist-section4_columns {
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 6rem;
  }
  
  .artist-section4_column_header {
    margin-bottom: 1rem;
  }
  
  .artist-section4_column_logo {
    max-width: 70%;
    margin: auto;
  }
  .artist-section4_column_header {
    height: 10vw;
  }

  .artist-section4_column_logo_title {
    max-width: 90%;
  }

  .artist-section4 .artist-section4_list {
    margin-left: 7vw;
    width: 85.933333vw;
  }

  .artist-section4_column--right {
    margin-top: 15vw;
  }

  .section4_column_header_artist {
    width: 90%;
    margin: 8vw auto;
  }
}

/* PC版での追加調整 */
@media screen and (min-width: 768px) {
  .artist-section4_columns {
    gap: 2rem;
    margin-top: 0;
    padding-top: 7vw;
  }
  
  .artist-section4_column_header {
    width: 33vw;
  }
  
  .artist-section4_column_logo {
    max-width: 27vw;
    margin-left: 2vw;
  }
  .artist-section4_column_logo_title {
    max-width: 33vw;
  }
  /* 左側ブロックを右に寄せる */
  .artist-section4_column--left {
    margin-left: 15.5vw;
  }
  
  /* 右側ブロックを左に寄せる */
  .artist-section4_column--right {
    margin-right: 15vw;
  }

  .section4_column_header_artist {
    width: 90%;
    margin: 1vw auto;
    margin-left: 1vw;
  }

  .audio_x.js-audio {
    height: 3.6vw;
  }
}