@charset "UTF-8";
* {
  border: 0;
  outline: none;
  vertical-align: baseline;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-feature-settings: "palt" on;
  letter-spacing: 0.04em;
}

html {
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

body {
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  line-height: 1.8;
  background: #000002;
}
@media screen and (max-width: 767px) {
  body {
    font-size: calc(30 / 750 * 100vw);
  }
}

h1,
h2 {
  position: relative;
  font-weight: 700;
}

*:focus {
  outline: none;
}

p a {
  word-break: break-all;
  text-decoration: underline;
}

html, body, main, section, article, aside, nav, header, footer,
h1, h2, h3, h4, h5, h6, hgroup,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, thead, tbody, tfoot, tr, th, td, caption, colgroup,
form, fieldset, legend,
figure, figcaption, details, summary,
hr, canvas, noscript, search, dialog, menu {
  line-height: 1.8;
}

a, abbr, acronym, b, bdi, bdo, big, br, button, cite, code, dfn, em, i, img, input, kbd, label, map, mark, meter, noscript, object, output, progress, q, ruby, s, samp, script, select, small, span, strong, sub, sup, textarea, time, tt, u, var, wbr,
audio, video, embed, iframe, source, track,
del, ins,
area, base, col, hr, link, meta, param,
datalist, keygen, optgroup, option {
  line-height: inherit;
}

sup {
  vertical-align: top;
  font-size: 50%;
}

sub {
  vertical-align: baseline;
  font-size: 50%;
}

em,
b,
strong,
th {
  font-weight: 700;
}

a {
  color: #333;
  cursor: pointer;
  transition: opacity 0.3s;
}

figcaption,
small {
  font-size: min(calc(12 / 1080 * 100vw), 12px);
}
@media screen and (max-width: 767px) {
  figcaption,
  small {
    font-size: calc(20 / 750 * 100vw);
  }
}

img {
  display: block;
  height: auto;
}

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

@media screen and (min-width: 768px) {
  .adlp-outer {
    overflow-x: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .adlp-outer {
    overflow: hidden;
  }
}

.adlp-wrapper {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .adlp-wrapper {
    min-width: min(calc(1920 / 1080 * 100vw), 1920px);
    max-width: 1920px;
    margin: 0 auto;
  }
}
.adlp-wrapper .relative {
  position: relative;
}
.adlp-wrapper .w100 {
  width: 100% !important;
  display: block;
}
.adlp-wrapper .center {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .adlp-wrapper .sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .pc {
    display: none !important;
  }
}
.adlp-wrapper .text__txt {
  color: #333 !important;
}
.adlp-wrapper .text__white {
  color: #fff !important;
}
.adlp-wrapper .text__silver {
  color: #f1f1f1 !important;
}
.adlp-wrapper .text__accent {
  color: #E75B18 !important;
}
.adlp-wrapper .bg__txt {
  background: #333 !important;
}
.adlp-wrapper .bg__white {
  background: #fff !important;
}
.adlp-wrapper .bg__silver {
  background: #f1f1f1 !important;
}
.adlp-wrapper .bg__accent {
  background: #E75B18 !important;
}
.adlp-wrapper .line__top__txt {
  border-top: 1px solid #333;
}
.adlp-wrapper .line__top.--w2 {
  border-width: min(calc(2 / 1080 * 100vw), 2px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w2 {
    border-width: calc(2 / 750 * 100vw);
  }
}
.adlp-wrapper .line__top.--w3 {
  border-width: min(calc(3 / 1080 * 100vw), 3px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w3 {
    border-width: calc(3 / 750 * 100vw);
  }
}
.adlp-wrapper .line__top.--w4 {
  border-width: min(calc(4 / 1080 * 100vw), 4px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w4 {
    border-width: calc(4 / 750 * 100vw);
  }
}
.adlp-wrapper .line__top__white {
  border-top: 1px solid #fff;
}
.adlp-wrapper .line__top.--w2 {
  border-width: min(calc(2 / 1080 * 100vw), 2px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w2 {
    border-width: calc(2 / 750 * 100vw);
  }
}
.adlp-wrapper .line__top.--w3 {
  border-width: min(calc(3 / 1080 * 100vw), 3px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w3 {
    border-width: calc(3 / 750 * 100vw);
  }
}
.adlp-wrapper .line__top.--w4 {
  border-width: min(calc(4 / 1080 * 100vw), 4px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w4 {
    border-width: calc(4 / 750 * 100vw);
  }
}
.adlp-wrapper .line__top__silver {
  border-top: 1px solid #f1f1f1;
}
.adlp-wrapper .line__top.--w2 {
  border-width: min(calc(2 / 1080 * 100vw), 2px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w2 {
    border-width: calc(2 / 750 * 100vw);
  }
}
.adlp-wrapper .line__top.--w3 {
  border-width: min(calc(3 / 1080 * 100vw), 3px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w3 {
    border-width: calc(3 / 750 * 100vw);
  }
}
.adlp-wrapper .line__top.--w4 {
  border-width: min(calc(4 / 1080 * 100vw), 4px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w4 {
    border-width: calc(4 / 750 * 100vw);
  }
}
.adlp-wrapper .line__top__accent {
  border-top: 1px solid #E75B18;
}
.adlp-wrapper .line__top.--w2 {
  border-width: min(calc(2 / 1080 * 100vw), 2px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w2 {
    border-width: calc(2 / 750 * 100vw);
  }
}
.adlp-wrapper .line__top.--w3 {
  border-width: min(calc(3 / 1080 * 100vw), 3px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w3 {
    border-width: calc(3 / 750 * 100vw);
  }
}
.adlp-wrapper .line__top.--w4 {
  border-width: min(calc(4 / 1080 * 100vw), 4px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w4 {
    border-width: calc(4 / 750 * 100vw);
  }
}
.adlp-wrapper .marker__txt {
  background: linear-gradient(transparent 60%, #333 60%);
}
.adlp-wrapper .marker__white {
  background: linear-gradient(transparent 60%, #fff 60%);
}
.adlp-wrapper .marker__silver {
  background: linear-gradient(transparent 60%, #f1f1f1 60%);
}
.adlp-wrapper .marker__accent {
  background: linear-gradient(transparent 60%, #E75B18 60%);
}
.adlp-wrapper .line__txt {
  border-bottom: 1px solid #333;
}
.adlp-wrapper .line.--w2 {
  border-width: min(calc(2 / 1080 * 100vw), 2px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w2 {
    border-width: calc(2 / 750 * 100vw);
  }
}
.adlp-wrapper .line.--w3 {
  border-width: min(calc(3 / 1080 * 100vw), 3px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w3 {
    border-width: calc(3 / 750 * 100vw);
  }
}
.adlp-wrapper .line.--w4 {
  border-width: min(calc(4 / 1080 * 100vw), 4px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w4 {
    border-width: calc(4 / 750 * 100vw);
  }
}
.adlp-wrapper .line__white {
  border-bottom: 1px solid #fff;
}
.adlp-wrapper .line.--w2 {
  border-width: min(calc(2 / 1080 * 100vw), 2px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w2 {
    border-width: calc(2 / 750 * 100vw);
  }
}
.adlp-wrapper .line.--w3 {
  border-width: min(calc(3 / 1080 * 100vw), 3px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w3 {
    border-width: calc(3 / 750 * 100vw);
  }
}
.adlp-wrapper .line.--w4 {
  border-width: min(calc(4 / 1080 * 100vw), 4px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w4 {
    border-width: calc(4 / 750 * 100vw);
  }
}
.adlp-wrapper .line__silver {
  border-bottom: 1px solid #f1f1f1;
}
.adlp-wrapper .line.--w2 {
  border-width: min(calc(2 / 1080 * 100vw), 2px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w2 {
    border-width: calc(2 / 750 * 100vw);
  }
}
.adlp-wrapper .line.--w3 {
  border-width: min(calc(3 / 1080 * 100vw), 3px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w3 {
    border-width: calc(3 / 750 * 100vw);
  }
}
.adlp-wrapper .line.--w4 {
  border-width: min(calc(4 / 1080 * 100vw), 4px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w4 {
    border-width: calc(4 / 750 * 100vw);
  }
}
.adlp-wrapper .line__accent {
  border-bottom: 1px solid #E75B18;
}
.adlp-wrapper .line.--w2 {
  border-width: min(calc(2 / 1080 * 100vw), 2px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w2 {
    border-width: calc(2 / 750 * 100vw);
  }
}
.adlp-wrapper .line.--w3 {
  border-width: min(calc(3 / 1080 * 100vw), 3px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w3 {
    border-width: calc(3 / 750 * 100vw);
  }
}
.adlp-wrapper .line.--w4 {
  border-width: min(calc(4 / 1080 * 100vw), 4px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w4 {
    border-width: calc(4 / 750 * 100vw);
  }
}
.adlp-wrapper .pad10 {
  padding: min(calc(10 / 1080 * 100vw), 10px) 0;
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .pad10 {
    padding-top: calc(10 / 750 * 100vw) !important;
    padding-bottom: calc(10 / 750 * 100vw) !important;
  }
}
.adlp-wrapper .pad20 {
  padding: min(calc(20 / 1080 * 100vw), 20px) 0;
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .pad20 {
    padding-top: calc(20 / 750 * 100vw) !important;
    padding-bottom: calc(20 / 750 * 100vw) !important;
  }
}
.adlp-wrapper .pad30 {
  padding: min(calc(30 / 1080 * 100vw), 30px) 0;
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .pad30 {
    padding-top: calc(30 / 750 * 100vw) !important;
    padding-bottom: calc(30 / 750 * 100vw) !important;
  }
}
.adlp-wrapper .pad40 {
  padding: min(calc(40 / 1080 * 100vw), 40px) 0;
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .pad40 {
    padding-top: calc(40 / 750 * 100vw) !important;
    padding-bottom: calc(40 / 750 * 100vw) !important;
  }
}
.adlp-wrapper .pad50 {
  padding: min(calc(50 / 1080 * 100vw), 50px) 0;
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .pad50 {
    padding-top: calc(50 / 750 * 100vw) !important;
    padding-bottom: calc(50 / 750 * 100vw) !important;
  }
}
.adlp-wrapper .pad60 {
  padding: min(calc(60 / 1080 * 100vw), 60px) 0;
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .pad60 {
    padding-top: calc(60 / 750 * 100vw) !important;
    padding-bottom: calc(60 / 750 * 100vw) !important;
  }
}
.adlp-wrapper .mt10 {
  margin-top: min(calc(10 / 1080 * 100vw), 10px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .mt10 {
    margin-top: calc(10 / 750 * 100vw);
  }
}
.adlp-wrapper .mt20 {
  margin-top: min(calc(20 / 1080 * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .mt20 {
    margin-top: calc(20 / 750 * 100vw);
  }
}
.adlp-wrapper .mt30 {
  margin-top: min(calc(30 / 1080 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .mt30 {
    margin-top: calc(30 / 750 * 100vw);
  }
}
.adlp-wrapper .mt40 {
  margin-top: min(calc(40 / 1080 * 100vw), 40px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .mt40 {
    margin-top: calc(40 / 750 * 100vw);
  }
}
.adlp-wrapper .mt50 {
  margin-top: min(calc(50 / 1080 * 100vw), 50px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .mt50 {
    margin-top: calc(50 / 750 * 100vw);
  }
}
.adlp-wrapper .mt60 {
  margin-top: min(calc(60 / 1080 * 100vw), 60px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .mt60 {
    margin-top: calc(60 / 750 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .sp-mt10 {
    margin-top: calc(10 / 750 * 100vw) !important;
  }
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .sp-mt20 {
    margin-top: calc(20 / 750 * 100vw) !important;
  }
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .sp-mt30 {
    margin-top: calc(30 / 750 * 100vw) !important;
  }
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .sp-mt40 {
    margin-top: calc(40 / 750 * 100vw) !important;
  }
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .sp-mt50 {
    margin-top: calc(50 / 750 * 100vw) !important;
  }
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .sp-mt60 {
    margin-top: calc(60 / 750 * 100vw) !important;
  }
}
.adlp-wrapper .wrap500 {
  margin: auto;
  width: min(calc(500 / 1080 * 100vw), 500px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap500 {
    width: 100%;
    padding: 0 calc(30 / 750 * 100vw);
  }
}
.adlp-wrapper .wrap600 {
  margin: auto;
  width: min(calc(600 / 1080 * 100vw), 600px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap600 {
    width: 100%;
    padding: 0 calc(30 / 750 * 100vw);
  }
}
.adlp-wrapper .wrap700 {
  margin: auto;
  width: min(calc(700 / 1080 * 100vw), 700px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap700 {
    width: 100%;
    padding: 0 calc(30 / 750 * 100vw);
  }
}
.adlp-wrapper .wrap800 {
  margin: auto;
  width: min(calc(800 / 1080 * 100vw), 800px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap800 {
    width: 100%;
    padding: 0 calc(30 / 750 * 100vw);
  }
}
.adlp-wrapper .wrap900 {
  margin: auto;
  width: min(calc(900 / 1080 * 100vw), 900px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap900 {
    width: 100%;
    padding: 0 calc(30 / 750 * 100vw);
  }
}
.adlp-wrapper .wrap920 {
  margin: auto;
  width: min(calc(920 / 1080 * 100vw), 920px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap920 {
    width: 100%;
    padding: 0 calc(30 / 750 * 100vw);
  }
}
.adlp-wrapper .wrap990 {
  margin: auto;
  width: min(calc(990 / 1080 * 100vw), 990px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap990 {
    width: 100%;
    padding: 0 calc(30 / 750 * 100vw);
  }
}
.adlp-wrapper .wrap1000 {
  margin: auto;
  width: min(calc(1000 / 1080 * 100vw), 1000px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap1000 {
    width: 100%;
    padding: 0 calc(30 / 750 * 100vw);
  }
}
.adlp-wrapper .wrap1080 {
  margin: auto;
  width: min(calc(1080 / 1080 * 100vw), 1080px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap1080 {
    width: 100%;
    padding: 0 calc(30 / 750 * 100vw);
  }
}
.adlp-wrapper .wrap1140 {
  margin: auto;
  width: min(calc(1140 / 1080 * 100vw), 1140px);
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap1140 {
    width: 100%;
    padding: 0 calc(30 / 750 * 100vw);
  }
}

span {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.gradient-shadow {
  width: calc(394 / 750 * 100vw);
  text-align: center;
  border-radius: calc(70 / 750 * 100vw);
  background: #000;
  box-shadow: calc(4 / 750 * 100vw) calc(-4 / 750 * 100vw) calc(4 / 750 * 100vw) 0px #fd4e93, calc(-4 / 750 * 100vw) calc(4 / 750 * 100vw) calc(4 / 750 * 100vw) 0px #11e9eb;
}
@media screen and (min-width: 768px) {
  .gradient-shadow {
    width: min(calc(260 / 1080 * 100vw), 260px);
    border-radius: min(calc(70 / 1080 * 100vw), 70px);
    background: #000;
    box-shadow: min(calc(2 / 1080 * 100vw), 2px) max(calc(-2 / 1080 * 100vw), -2px) min(calc(2 / 1080 * 100vw), 2px) 0px #fd4e93, max(calc(-2 / 1080 * 100vw), -2px) min(calc(2 / 1080 * 100vw), 2px) min(calc(2 / 1080 * 100vw), 2px) 0px #11e9eb;
  }
}

.inner-30 {
  padding-inline: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .inner-30 {
    padding: 0;
  }
}

.s-arrow-pink {
  display: block;
  width: calc(88 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .s-arrow-pink {
    width: min(calc(64 / 1080 * 100vw), 64px);
  }
}

.adlp-header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  z-index: 100;
  border-bottom: 1px solid #ddd;
}
.adlp-header__inner {
  width: min(calc(1080 / 1080 * 100vw), 1080px);
  padding: min(calc(16 / 1080 * 100vw), 16px) 0;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .adlp-header__inner {
    width: 100%;
    padding: calc(20 / 750 * 100vw);
  }
}
.adlp-header__logo {
  width: min(calc(130 / 1080 * 100vw), 130px);
}
@media screen and (max-width: 767px) {
  .adlp-header__logo {
    width: calc(228 / 750 * 100vw);
  }
}
.adlp-header__switch {
  width: calc(45 / 750 * 100vw);
  height: calc(36 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .adlp-header__switch {
    display: none;
  }
}
.adlp-header__switch__inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.adlp-header__switch__inner span {
  background: #000;
  position: absolute;
  width: 100%;
  height: calc(6 / 750 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.4s;
  position: absolute;
  transform-origin: left;
  border-radius: calc(10 / 750 * 100vw);
}
.adlp-header__switch__inner span:nth-child(1) {
  top: 0;
}
.adlp-header__switch__inner span:nth-child(2) {
  top: 50%;
  transform: translate(-50%, -50%);
}
.adlp-header__switch__inner span:nth-child(3) {
  bottom: 0;
}
.adlp-header__switch__inner.--open span:nth-child(1) {
  top: 40%;
  transform: rotate(45deg) translateX(-50%);
}
.adlp-header__switch__inner.--open span:nth-child(2) {
  opacity: 0;
}
.adlp-header__switch__inner.--open span:nth-child(3) {
  bottom: 45%;
  transform: rotate(-45deg) translateX(-50%);
}
@media screen and (min-width: 768px) {
  .adlp-header__tgl {
    margin: 0 auto 0 min(calc(30 / 1080 * 100vw), 30px);
  }
}
@media screen and (max-width: 767px) {
  .adlp-header__tgl {
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    position: absolute;
    right: 0;
    top: calc(104 / 750 * 100vw);
    width: calc(400 / 750 * 100vw);
    background: #fff;
    padding: 0 calc(30 / 750 * 100vw);
  }
  .adlp-header__tgl.--open {
    visibility: visible;
    opacity: 1;
  }
}
.adlp-header__menu {
  font-size: min(calc(12 / 1080 * 100vw), 12px);
  font-weight: 700;
  position: relative;
}
@media screen and (min-width: 768px) {
  .adlp-header__menu__wrapper {
    display: flex;
    gap: min(calc(8 / 1080 * 100vw), 8px);
  }
}
@media screen and (max-width: 767px) {
  .adlp-header__menu__wrapper {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .adlp-header__menu:not(:last-child)::after {
    content: "｜";
    display: inline-block;
    margin-left: min(calc(8 / 1080 * 100vw), 8px);
  }
}
@media screen and (max-width: 767px) {
  .adlp-header__menu {
    display: block;
    padding: calc(30 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
  }
  .adlp-header__menu::after {
    content: "";
    display: block;
    width: calc(12 / 750 * 100vw);
    height: calc(18 / 750 * 100vw);
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='18' viewBox='0 0 12 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.219168 0.375342C0.564178 -0.0559202 1.19347 -0.125842 1.62473 0.219168L11.6247 8.21917C11.8619 8.40894 12 8.69625 12 9.00004C12 9.30382 11.8619 9.59113 11.6247 9.78091L1.62473 17.7809C1.19347 18.1259 0.564178 18.056 0.219168 17.6247C-0.125842 17.1935 -0.0559202 16.5642 0.375342 16.2192L9.39926 9.00004L0.375342 1.78091C-0.0559202 1.4359 -0.125842 0.806604 0.219168 0.375342Z' fill='%2305429C'/%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}
.adlp-header .adlp-btn {
  margin: 0;
  height: min(calc(54 / 1080 * 100vw), 54px);
  width: min(calc(246 / 1080 * 100vw), 246px);
  box-shadow: min(calc(2 / 1080 * 100vw), 2px) min(calc(4 / 1080 * 100vw), 4px) min(calc(4 / 1080 * 100vw), 4px) 0 rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 767px) {
  .adlp-header .adlp-btn__wrapper {
    margin: 0 calc(20 / 750 * 100vw) 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .adlp-header .adlp-btn {
    width: calc(288 / 750 * 100vw);
    height: calc(64 / 750 * 100vw);
    box-shadow: calc(2 / 750 * 100vw) calc(3 / 750 * 100vw) calc(3 / 750 * 100vw) 0 rgba(0, 0, 0, 0.25);
    border-radius: calc(50 / 750 * 100vw);
  }
}
.adlp-header .adlp-btn.--free::before {
  content: "無料";
  width: min(calc(44 / 1080 * 100vw), 44px);
  height: min(calc(44 / 1080 * 100vw), 44px);
  font-size: min(calc(14 / 1080 * 100vw), 14px);
  top: min(calc(5 / 1080 * 100vw), 5px);
  left: min(calc(5 / 1080 * 100vw), 5px);
}
@media screen and (max-width: 767px) {
  .adlp-header .adlp-btn.--free::before {
    font-size: calc(20 / 750 * 100vw);
    width: calc(56 / 750 * 100vw);
    height: calc(56 / 750 * 100vw);
    top: calc(4 / 750 * 100vw);
    left: calc(4 / 750 * 100vw);
  }
}
.adlp-header .adlp-btn::after {
  width: min(calc(7 / 1080 * 100vw), 7px);
  height: min(calc(12 / 1080 * 100vw), 12px);
  right: min(calc(19 / 1080 * 100vw), 19px);
}
@media screen and (max-width: 767px) {
  .adlp-header .adlp-btn::after {
    width: calc(7 / 750 * 100vw);
    height: calc(12 / 750 * 100vw);
    right: calc(18 / 750 * 100vw);
  }
}
.adlp-header .adlp-btn p {
  font-size: min(calc(16 / 1080 * 100vw), 16px);
}
@media screen and (max-width: 767px) {
  .adlp-header .adlp-btn p {
    font-size: calc(22 / 750 * 100vw);
  }
}

.adlp-floating {
  padding: min(calc(30 / 1080 * 100vw), 30px) 0;
  background: linear-gradient(180deg, #010134 14.58%, #000 60.42%);
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  z-index: 90;
}
@media screen and (min-width: 768px) {
  .adlp-floating {
    padding-block: min(calc(16 / 1080 * 100vw), 16px);
  }
}
.adlp-floating.--show {
  visibility: visible;
  opacity: 1;
}
.adlp-floating__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .adlp-floating__inner {
    gap: min(calc(40 / 1080 * 100vw), 40px);
  }
}

.adlp-main {
  font-feature-settings: "palt" on;
}

.button {
  position: relative;
  width: 100%;
  padding-block: calc(44 / 750 * 100vw) calc(49 / 750 * 100vw);
  padding-right: calc(6 / 750 * 100vw);
  border-radius: calc(80 / 750 * 100vw);
  text-align: center;
  display: block;
  max-width: calc(630 / 750 * 100vw);
  width: 100%;
  transition: 0.4s;
}
@media screen and (min-width: 768px) {
  .button {
    padding-block: min(calc(18 / 1080 * 100vw), 18px) min(calc(20 / 1080 * 100vw), 20px);
    max-width: min(calc(320 / 1080 * 100vw), 320px);
  }
}
.button p {
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: calc(38 / 750 * 100vw);
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: calc(3.8 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .button p {
    font-size: min(calc(20 / 1080 * 100vw), 20px);
    letter-spacing: min(calc(2 / 1080 * 100vw), 2px);
  }
}
.button::after {
  position: absolute;
  content: "";
  right: calc(50 / 750 * 100vw);
  top: 50%;
  transform: translateY(-50%);
  width: calc(16 / 750 * 100vw);
  height: calc(27 / 750 * 100vw);
  transition: 0.4s;
}
@media screen and (min-width: 768px) {
  .button::after {
    width: min(calc(9 / 1080 * 100vw), 9px);
    height: min(calc(14 / 1080 * 100vw), 14px);
    right: min(calc(24 / 1080 * 100vw), 24px);
  }
}
.button:hover {
  opacity: 0.7;
}
.button:hover::after {
  right: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .button:hover::after {
    right: min(calc(15 / 1080 * 100vw), 15px);
  }
}
.button.--form {
  background: #dfef06;
  color: #0e255e;
}
.button.--form::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="27" viewBox="0 0 16 27" fill="none"><path d="M3 3L13 13.5L3 24" stroke="%230E255E" stroke-width="4" stroke-linecap="square"/></svg>') no-repeat center center/contain;
}
.button.--line {
  background: #06c755;
  color: #fff;
}
.button.--line::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="27" viewBox="0 0 16 27" fill="none"><path d="M3 3L13 13.5L3 24" stroke="white" stroke-width="4" stroke-linecap="square"/></svg>') no-repeat center center/contain;
}

.adlp-floating .button {
  padding-block: calc(19 / 750 * 100vw) calc(19 / 750 * 100vw);
  max-width: calc(320 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .adlp-floating .button {
    padding-right: 0;
    padding-block: min(calc(8 / 1080 * 100vw), 8px) min(calc(10 / 1080 * 100vw), 10px);
    max-width: min(calc(200 / 1080 * 100vw), 200px);
  }
}
.adlp-floating .button::after {
  width: calc(10 / 750 * 100vw);
  height: calc(16 / 750 * 100vw);
  right: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .adlp-floating .button::after {
    width: min(calc(9 / 1080 * 100vw), 9px);
    height: min(calc(14 / 1080 * 100vw), 14px);
    right: min(calc(12 / 1080 * 100vw), 12px);
  }
}
.adlp-floating .button:hover::after {
  right: calc(25 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .adlp-floating .button:hover::after {
    right: min(calc(8 / 1080 * 100vw), 8px);
  }
}
.adlp-floating p {
  font-size: calc(26 / 750 * 100vw);
  font-weight: 600;
  line-height: 140%;
  letter-spacing: calc(2.08 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .adlp-floating p {
    font-size: min(calc(16 / 1080 * 100vw), 16px);
    letter-spacing: min(calc(1.28 / 1080 * 100vw), 1.28px);
  }
}

.cv {
  padding: calc(33 / 750 * 100vw) 0 calc(76 / 750 * 100vw);
  background: linear-gradient(180deg, #010134 14.58%, #000 60.42%);
}
@media screen and (min-width: 768px) {
  .cv {
    padding: min(calc(40 / 1080 * 100vw), 40px) 0;
  }
}
.cv__items {
  display: flex;
  justify-content: center;
  gap: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .cv__items {
    gap: min(calc(24 / 1080 * 100vw), 24px);
  }
}
.cv__item {
  position: relative;
  width: calc(274 / 750 * 100vw);
  height: calc(158 / 750 * 100vw);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .cv__item {
    width: min(calc(200 / 1080 * 100vw), 200px);
    height: min(calc(100 / 1080 * 100vw), 100px);
  }
}
.cv__item p {
  text-align: center;
  font-feature-settings: "palt" on;
  font-size: calc(28 / 750 * 100vw);
  line-height: 1.3;
  letter-spacing: calc(1.1 / 750 * 100vw);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .cv__item p {
    font-size: min(calc(18 / 1080 * 100vw), 18px);
    letter-spacing: min(calc(0.72 / 1080 * 100vw), 0.72px);
  }
}
.cv__item::after {
  position: absolute;
  content: "";
  background: url(../img/sp/cv01-item-bg.webp) no-repeat center center/contain;
  aspect-ratio: 456/282;
  width: calc(300 / 750 * 100vw);
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .cv__item::after {
    width: min(calc(275 / 1080 * 100vw), 275px);
    aspect-ratio: 2/1;
    background: url(../img/pc/cv01-item-bg.webp) no-repeat center center/contain;
  }
}
.cv__date {
  margin-top: calc(80 / 750 * 100vw);
  color: #11e9eb;
  text-align: center;
  font-size: calc(40 / 750 * 100vw);
  font-weight: 500;
  letter-spacing: calc(5 / 750 * 100vw);
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .cv__date {
    margin-top: min(calc(22 / 1080 * 100vw), 22px);
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    letter-spacing: min(calc(2 / 1080 * 100vw), 2px);
  }
}
.cv__buttons {
  margin-top: calc(32 / 750 * 100vw);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(41 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .cv__buttons {
    margin-top: min(calc(32 / 1080 * 100vw), 32px);
    flex-direction: row;
    justify-content: center;
    gap: min(calc(42 / 1080 * 100vw), 42px);
  }
}
.cv .cv__date + .cv__buttons {
  margin-top: calc(65 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .cv .cv__date + .cv__buttons {
    margin-top: min(calc(20 / 1080 * 100vw), 20px);
  }
}
.cv .cv__deadline {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: calc(70 / 750 * 100vw);
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .cv .cv__deadline {
    margin-top: min(calc(24 / 1080 * 100vw), 24px);
    margin-bottom: min(calc(24 / 1080 * 100vw), 24px);
  }
}
.cv .cv__deadline-text01 {
  color: #ff00b7;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: calc(40 / 750 * 100vw);
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 52px */
  letter-spacing: 3.2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: calc(27 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .cv .cv__deadline-text01 {
    font-size: min(calc(24 / 1080 * 100vw), 24px);
    gap: min(calc(8 / 1080 * 100vw), 8px);
  }
}
.cv .cv__deadline-text01::before, .cv .cv__deadline-text01::after {
  content: "";
  display: block;
  width: calc(122 / 750 * 100vw);
  height: calc(4 / 750 * 100vw);
  background-color: #ff00b7;
}
@media screen and (min-width: 768px) {
  .cv .cv__deadline-text01::before, .cv .cv__deadline-text01::after {
    width: min(calc(80 / 1080 * 100vw), 80px);
    height: min(calc(2 / 1080 * 100vw), 2px);
  }
}
.cv .cv__deadline-text02 {
  color: #11e9eb;
  font-family: "Noto Sans JP";
  font-size: calc(40 / 750 * 100vw);
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 3.2px;
}
@media screen and (min-width: 768px) {
  .cv .cv__deadline-text02 {
    font-size: min(calc(24 / 1080 * 100vw), 24px);
  }
}

.fv {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .fv {
    padding-bottom: 0;
  }
}
.fv::before {
  position: absolute;
  content: "";
  background: url(../img/sp/fv-top-overlay.webp) no-repeat center bottom/cover;
  left: 0;
  top: 0;
  width: calc(750 / 750 * 100vw);
  height: calc(142 / 750 * 100vw);
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .fv::before {
    background: url(../img/pc/fv-top-overlay.webp) no-repeat center bottom/cover;
    width: min(calc(1590 / 1080 * 100vw), 1590px);
    height: min(calc(173 / 1080 * 100vw), 173px);
  }
}
.fv::after {
  position: absolute;
  content: "";
  background: url(../img/sp/fv-bg.webp) no-repeat center bottom/cover;
  height: calc(525 / 750 * 100vw);
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .fv::after {
    background: url(../img/pc/fv-bg.webp) no-repeat center bottom/cover;
    height: min(calc(384 / 1080 * 100vw), 384px);
  }
}
.fv__top-img {
  display: block;
  width: calc(750 / 750 * 100vw);
  aspect-ratio: 1280/720;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .fv__top-img {
    margin: 0 auto;
    width: min(calc(1166 / 1080 * 100vw), 1166px);
  }
}
.fv__top-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.fv__heading {
  margin-top: calc(-130 / 750 * 100vw);
  display: flex;
  flex-direction: column;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .fv__heading {
    margin-top: max(calc(-160 / 1080 * 100vw), -160px);
    align-items: center;
  }
}
.fv__title {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .fv__title {
    width: min(calc(509 / 1080 * 100vw), 509px);
  }
}
.fv__lead {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: calc(28 / 750 * 100vw);
  letter-spacing: calc(2.8 / 750 * 100vw);
  font-feature-settings: "pwid";
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .fv__lead {
    font-size: min(calc(18 / 1080 * 100vw), 18px);
    letter-spacing: min(calc(1.8 / 1080 * 100vw), 1.8px);
  }
}
.fv__lead .pink {
  color: #ff00b7;
}
.fv__lead .big {
  font-size: calc(44 / 750 * 100vw);
  letter-spacing: calc(4.4 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .fv__lead .big {
    font-size: min(calc(28 / 1080 * 100vw), 28px);
    letter-spacing: min(calc(2.8 / 1080 * 100vw), 2.8px);
  }
}
.fv__container {
  position: relative;
  margin-top: calc(29 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .fv__container {
    margin-top: min(calc(30 / 1080 * 100vw), 30px);
    padding-bottom: min(calc(55 / 1080 * 100vw), 55px);
    display: flex;
    justify-content: center;
    gap: min(calc(23 / 1080 * 100vw), 23px);
    width: 100%;
  }
}
.fv__img {
  display: block;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .fv__img {
    width: min(calc(517 / 1080 * 100vw), 517px);
    z-index: 2;
  }
}
.fv__content {
  margin-top: calc(-76 / 750 * 100vw);
  position: relative;
  z-index: 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .fv__content {
    margin-top: 0;
    margin-right: min(calc(30 / 1080 * 100vw), 30px);
    align-items: start;
  }
}
.fv__content-tag {
  font-size: calc(34 / 750 * 100vw);
  letter-spacing: calc(2 / 750 * 100vw);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .fv__content-tag {
    font-size: min(calc(20 / 1080 * 100vw), 20px);
    letter-spacing: min(calc(1.2 / 1080 * 100vw), 1.2px);
  }
}
.fv__content-title {
  font-feature-settings: "palt" 1;
  letter-spacing: calc(3 / 750 * 100vw);
  font-size: calc(53 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .fv__content-title {
    margin-top: min(calc(17 / 1080 * 100vw), 17px);
    font-size: min(calc(40 / 1080 * 100vw), 40px);
    line-height: 130%;
    letter-spacing: min(calc(2.4 / 1080 * 100vw), 2.4px);
  }
}
.fv__content-sub {
  font-size: calc(40 / 750 * 100vw);
  font-feature-settings: "palt" 1;
  letter-spacing: calc(2.4 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .fv__content-sub {
    font-size: min(calc(28 / 1080 * 100vw), 28px);
    letter-spacing: min(calc(4 / 1080 * 100vw), 4px);
  }
}
.fv__content-deadline {
  width: 100%;
  font-size: calc(36 / 750 * 100vw);
  line-height: 1.4;
  color: #11e9eb;
  padding: calc(49 / 750 * 100vw) 0 calc(48 / 750 * 100vw);
  background: url(../img/sp/fv-deadline-bg.webp) no-repeat center/contain;
}
@media screen and (min-width: 768px) {
  .fv__content-deadline {
    width: min(calc(532 / 1080 * 100vw), 532px);
    font-size: min(calc(20 / 1080 * 100vw), 20px);
    padding: min(calc(49 / 1080 * 100vw), 49px) 0 min(calc(47 / 1080 * 100vw), 47px) min(calc(21 / 1080 * 100vw), 21px);
    background: url(../img/pc/fv-deadline-bg.webp) no-repeat center/contain;
    position: absolute;
    bottom: max(calc(-15 / 1080 * 100vw), -15px);
    right: max(calc(-34 / 1080 * 100vw), -34px);
    text-align: left;
  }
}
.fv__content-deadline span {
  color: #ff00b7;
}

.sec01 {
  padding-top: calc(13 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .sec01 {
    padding-top: 0;
  }
}
.sec01__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .sec01__inner.--concept {
    display: flex;
    flex-direction: row;
  }
}
.sec01__inner.--movie {
  padding-inline: calc(30 / 750 * 100vw);
  gap: calc(56 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .sec01__inner.--movie {
    padding: 0;
    gap: min(calc(40 / 1080 * 100vw), 40px);
  }
}
.sec01__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sec01__container {
    align-items: start;
    width: auto;
  }
}
.sec01__concept {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .sec01__concept .wrap1000 {
    padding: 0;
  }
}
.sec01__concept-content {
  margin-top: calc(40 / 750 * 100vw);
  font-family: "Noto Serif JP", serif;
  text-align: center;
  font-feature-settings: "palt" on;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .sec01__concept-content {
    margin-top: min(calc(18 / 1080 * 100vw), 18px);
    text-align: left;
  }
}
.sec01__concept-text {
  font-size: calc(56 / 750 * 100vw);
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .sec01__concept-text {
    font-size: min(calc(36 / 1080 * 100vw), 36px);
  }
}
.sec01__concept-text span {
  font-weight: 700;
  color: #fd4e93;
  font-size: calc(64 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .sec01__concept-text span {
    font-size: min(calc(40 / 1080 * 100vw), 40px);
  }
}
.sec01__concept .text-64 {
  font-feature-settings: "palt" on;
  letter-spacing: calc(-1 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .sec01__concept .text-64 {
    margin-top: min(calc(8 / 1080 * 100vw), 8px);
    letter-spacing: normal;
  }
}
.sec01__concept-img {
  margin-top: calc(-116 / 750 * 100vw);
  position: relative;
  z-index: -1;
  display: block;
  width: 100%;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .sec01__concept-img {
    margin-top: max(calc(0 / 1080 * 100vw), 0px);
    margin-left: max(calc(-87 / 1080 * 100vw), -87px);
    width: min(calc(649 / 1080 * 100vw), 649px);
  }
}
@media screen and (min-width: 768px) {
  .sec01__head {
    font-size: min(calc(20 / 1080 * 100vw), 20px);
  }
}
.sec01__movie {
  margin-top: calc(30 / 750 * 100vw);
  position: relative;
  z-index: 0;
  background: #000002;
}
@media screen and (min-width: 768px) {
  .sec01__movie {
    margin-top: min(calc(23 / 1080 * 100vw), 23px);
    width: 100%;
  }
}
.sec01__movie-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  mix-blend-mode: lighten;
  opacity: 0.7;
  top: calc(-65 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .sec01__movie-bg {
    top: max(calc(-60 / 1080 * 100vw), -60px);
  }
}
.sec01__mov {
  width: calc(630 / 750 * 100vw);
  aspect-ratio: 630/354;
  border: calc(1 / 750 * 100vw) solid #fff;
  background: #000;
}
@media screen and (min-width: 768px) {
  .sec01__mov {
    width: min(calc(800 / 1080 * 100vw), 800px);
    border: min(calc(1 / 1080 * 100vw), 1px) solid #fff;
  }
}
.sec01__desc {
  display: flex;
  flex-direction: column;
  gap: calc(26 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .sec01__desc {
    gap: min(calc(8 / 1080 * 100vw), 8px);
    width: 100%;
  }
}
.sec01__accordion {
  margin-top: calc(56 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .sec01__accordion {
    margin-top: min(calc(44 / 1080 * 100vw), 44px);
    width: 100%;
  }
}
.sec01__music {
  padding-top: calc(114 / 750 * 100vw);
  padding-bottom: calc(110 / 750 * 100vw);
  background: url(../img/sp/sec01-bg.webp) no-repeat center center/cover, linear-gradient(180deg, #010101 0%, #081245 100%);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sec01__music {
    padding-top: min(calc(80 / 1080 * 100vw), 80px);
    padding-bottom: min(calc(80 / 1080 * 100vw), 80px);
    background: url(../img/pc/sec01-bg.webp) no-repeat center bottom/cover, linear-gradient(180deg, #010101 0%, #081245 100%);
  }
}
.sec01__music .text-56 {
  letter-spacing: calc(1 / 750 * 100vw);
  font-feature-settings: "palt" on;
}
.sec01__music .text-56 span {
  letter-spacing: calc(-7 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .sec01__music .text-56 span {
    letter-spacing: max(calc(-7 / 1080 * 100vw), -7px);
  }
}
.sec01__music-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(85 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .sec01__music-items {
    gap: min(calc(80 / 1080 * 100vw), 80px);
    width: 100%;
  }
}
.sec01__music-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(24 / 750 * 100vw);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sec01__music-inner {
    gap: min(calc(10 / 1080 * 100vw), 10px);
  }
}
.sec01__music-item {
  padding: calc(73 / 750 * 100vw) calc(30 / 750 * 100vw) calc(83 / 750 * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(38 / 750 * 100vw);
  border-radius: calc(40 / 750 * 100vw);
  border: calc(4 / 750 * 100vw) solid #c427e1;
  box-shadow: 0 0 calc(30 / 750 * 100vw) 0 #c427e1;
  background: #091636;
}
@media screen and (min-width: 768px) {
  .sec01__music-item {
    padding: min(calc(40 / 1080 * 100vw), 40px);
    gap: min(calc(14 / 1080 * 100vw), 14px);
    border-radius: min(calc(24 / 1080 * 100vw), 24px);
    border: min(calc(2 / 1080 * 100vw), 2px) solid #c427e1;
    box-shadow: 0 0 min(calc(30 / 1080 * 100vw), 30px) 0 #c427e1;
    width: 100%;
  }
}
/*# sourceMappingURL=fv.css.map */