/*-------------------- reset.css --------------------*/
html,
body,
main,
header,
section,
h1,
h2,
h3,
h4,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  font-size: 16px;
  color: #333;
  scroll-behavior: smooth;
}
article,
header,
footer,
aside,
figure,
figcaption,
nav,
section {
  display: block;
}
* {
  margin: 0;
  padding: 0;
}
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: "Noto Sans JP", sans-serif;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
ol,
ul {
  list-style: none;
  list-style-type: none;
}
a {
  color: #333;
  display: block;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.6;
}
p {
  font-size: 1rem;
  line-height: 1.6;
}
img {
  display: block;
  width: 100%;
  pointer-events: none;
}
img,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
p,
span,
em,
strong {
  user-select: none;
  -webkit-user-drag: none;
}
main {
  display: block;
}
/*-------------------- //reset.css --------------------*/
/* 見出しフォント */
.kaisei-opti-regular {
  font-family: "Kaisei Opti", serif;
  font-weight: 400;
  font-style: normal;
}
/* 本文フォント */
.kaisei-tokumin-regular {
  font-family: "Kaisei Tokumin", serif;
  font-weight: 400;
  font-style: normal;
}
/* kv「」部分 */
.new-tegomin-regular {
  font-family: "New Tegomin", serif;
  font-weight: 400;
  font-style: normal;
}
/*-------------------- common --------------------*/
body {
  background-color: #EFEFEF;
  font-family: "Kaisei Tokumin", serif;
  text-align: center;
}
.sp {
  display: block;
}
.sp_mid {
  display: none;
}
.pc {
  display: none;
}
.bg_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}
.bg_wrapper span {
  display: block;
  position: absolute;
}
.bg_wrapper .bg_sunrise_1 {
  width: 40%;
  max-width: 300px;
  height: auto;
  top: 10%;
  left: 10%;
  filter: blur(30px);
  opacity: .8;
  animation: sunrise1Rotate 10s infinite linear;
}
.bg_wrapper .bg_sunrise_2 {
  width: 53%;
  max-width: 450px;
  height: auto;
  top: 20%;
  right: 5%;
  filter: blur(35px);
  opacity: .4;
}
.bg_wrapper .bg_sunrise_3 {
    width: 60%;
    max-width: 400px;
    height: auto;
    top: 54%;
    left: 5%;
    filter: blur(40px);
    opacity: .4;
}
.bg_wrapper .bg_sunrise_4 {
    width: 42%;
    max-width: 300px;
    height: auto;
    top: 72%;
    right: 4%;
    filter: blur(30px);
    opacity: .5;
}
main {
  z-index: 1;
}
.common_sec {
  padding: 1.875rem 1rem 3.125rem;
}
.common_sec .sec_tit {
  padding-left: .75rem;
  position: relative;
  margin-bottom: 2.5rem;
      text-align: left;
}
.common_sec .sec_tit p {
  font-size: 1.875rem;
  font-weight: bold;
  font-family: "Kaisei Opti", serif;
  text-align: left;
  line-height: 1.14;
  transform: translateY(20%);
}
.common_sec .sec_tit::before {
  content: "";
  width: 1px;
  height: 125%;
  background-color: #333;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.common_sec .sec_tit .voice_lines {
  width: max-content;
  height: 100%;
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
  display: flex;
  align-items: center;
  gap: 2px;
}
.common_sec .sec_tit .voice_lines span {
  display: inline-block;
  width: 1px;
  transform: scaleX(0.5);
  opacity: .9;
  height: 30%;
  transition: height 0.05s linear;
  background: url('../images/voice_line.svg') no-repeat center / cover;
}
.common_sec .sec_tit .voice_lines span:nth-child(1) {height: 30%;}
.common_sec .sec_tit .voice_lines span:nth-child(2) {height: 30%;}
.common_sec .sec_tit .voice_lines span:nth-child(3) {height: 35%;}
.common_sec .sec_tit .voice_lines span:nth-child(4) {height: 40%;}
.common_sec .sec_tit .voice_lines span:nth-child(5) {height: 45%;}
.common_sec .sec_tit .voice_lines span:nth-child(6) {height: 50%;}
.common_sec .sec_tit .voice_lines span:nth-child(7) {height: 55%;}
.common_sec .sec_tit .voice_lines span:nth-child(8) {height: 140%;}
.common_sec .sec_tit .voice_lines span:nth-child(9) {height: 190%;}
.common_sec .sec_tit .voice_lines span:nth-child(10) {height: 160%;}
.common_sec .sec_tit .voice_lines span:nth-child(11) {height: 120%;}
.common_sec .sec_tit .voice_lines span:nth-child(12) {height: 135%;}
.common_sec .sec_tit .voice_lines span:nth-child(13) {height: 105%;}
.common_sec .sec_tit .voice_lines span:nth-child(14) {height: 80%;}
.common_sec .sec_tit .voice_lines span:nth-child(15) {height: 65%;}
.common_sec .sec_tit .voice_lines span:nth-child(16) {height: 35%;}
.common_sec .sec_tit .voice_lines span:nth-child(17) {height: 100%;}
.common_sec .sec_tit .voice_lines span:nth-child(18) {height: 50%;}
.common_sec .sec_tit .voice_lines span:nth-child(19) {height: 70%;}
.common_sec .sec_tit .voice_lines span:nth-child(20) {height: 150%;}
.common_sec .sec_tit .voice_lines span:nth-child(21) {height: 105%;}
.common_sec .sec_tit .voice_lines span:nth-child(22) {height: 125%;}
.common_sec .sec_tit .voice_lines span:nth-child(23) {height: 95%;}
.common_sec .sec_tit .voice_lines span:nth-child(24) {height: 70%;}
.common_sec .sec_tit .voice_lines span:nth-child(25) {height: 45%;}
.common_sec .sec_tit .voice_lines span:nth-child(26) {height: 200%;}
.common_sec .sec_tit .voice_lines span:nth-child(27) {height: 155%;}
.common_sec .sec_tit .voice_lines span:nth-child(28) {height: 100%;}
.common_sec .sec_tit .voice_lines span:nth-child(29) {height: 110%;}
.common_sec .sec_tit .voice_lines span:nth-child(30) {height: 100%;}
.common_sec .sec_tit .voice_lines span:nth-child(31) {height: 120%;}
.common_sec .sec_tit .voice_lines span:nth-child(32) {height: 100%;}
.common_sec .sec_tit .voice_lines span:nth-child(33) {height: 110%;}
.common_sec .sec_tit .voice_lines span:nth-child(34) {height: 120%;}
.common_sec .sec_tit .voice_lines span:nth-child(35) {height: 130%;}
.common_sec .sec_tit .voice_lines span:nth-child(36) {height: 100%;}
.common_sec .sec_tit .voice_lines span:nth-child(37) {height: 80%;}
.common_sec .sec_tit .voice_lines span:nth-child(38) {height: 60%;}
.common_sec .sec_tit .voice_lines span:nth-child(39) {height: 55%;}
.common_sec .sec_tit .voice_lines span:nth-child(40) {height: 40%;}
.common_sec .sec_tit .voice_lines span:nth-child(41) {height: 30%;}
.common_sec .sec_tit .voice_lines span:nth-child(42) {height: 25%;}
.common_sec .sec_tit .voice_lines span:nth-child(43) {height: 22%;}
.common_sec .sec_tit .voice_lines span:nth-child(44) {height: 20%;}
.common_sec .sec_tit .voice_lines span:nth-child(45) {height: 16%;}
.common_sec .sec_tit .voice_lines span:nth-child(46) {height: 12%;}
.common_sec .sec_tit .voice_lines span:nth-child(47) {height: 8%;}
.common_sec .sec_tit .voice_lines span:nth-child(48) {height: 4%;}
.common_sec .sec_tit .voice_lines span:nth-child(49) {height: 2%;}
.common_sec .sec_tit .voice_lines span:nth-child(50) {height: 1%;}
/*-------------------- //common --------------------*/
/*-------------------- top --------------------*/
#top {
  padding: 3.75rem 1rem;
  background-color: rgba(239, 239, 239, .5);
  position: relative;
  z-index: 1;
  clip-path: inset(0);
}
#top::before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
      filter: url(#noise-heavy-filter);
      z-index: -1;
    }
#top .kv_img {
  width: 100%;
  height: auto;
  padding: 1vw;
  z-index: 1;
  position: relative;
}
#top .kv_img::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: .5px solid #0E1A10;
  filter: url(#distort-ink);
  z-index: -1;
}
#top .kv_img img {
  width: 100%;
  height: auto;
}
#top h1 {
  margin: 2.5rem auto 0;
}
#top h1 .logo_img {
  display: block;
  width: 80%;
  margin: 0 auto 1.25rem;
}
#top h1 p {
  font-size: .875rem;
  line-height: 1;
}
#top h1 p.top_ep_tit {
  font-size: 1.875rem;
  margin-top: 1rem;
  letter-spacing: .2em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
#top h1 p.top_ep_tit span {
  font-size: 1.875rem;
  font-family: "New Tegomin", serif;
}
#top h1 p.top_ep_tit span:first-child {
  margin-bottom: 1rem;
}
#top h1 p.top_ep_tit span:last-child {
  margin-top: .5rem;
}
/*-------------------- //top --------------------*/
/*-------------------- lead --------------------*/
#lead {
  padding: 3.125rem 1rem;
  color: #fff;
  background-color: rgba(14, 26, 16, .5);
  position: relative;
  z-index: 1;
  clip-path: inset(0);
}
#lead::before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
      filter: url(#noise-heavy-filter);
      z-index: -1;
    }
#lead .lead_tit {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 2;
  margin-bottom: .75rem;
}
#lead .lead_txt {
  font-size: .875rem;
  font-weight: 400;
  line-height: 2;
  color: #EFEFEF;
}
#lead .lead_txt:not(:last-of-type) {
  margin-bottom: 1rem;
}
/*-------------------- //lead --------------------*/
/*-------------------- release --------------------*/
#release {
  background-color: rgba(239, 239, 239, .5);
  position: relative;
  z-index: 1;
  clip-path: inset(0);
}
#release::before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
      filter: url(#noise-heavy-filter);
      z-index: -1;
    }
#release .release_flex {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
#release .jk_img {
  width: 80%;
  min-width: 260px;
  max-width: 450px;
  margin: 0 auto;
  filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, .2));
}
#release .release_info p {
  font-size: .875rem;
  font-weight: bold;
  line-height: 1.5;
}
#release .release_info p.release_date {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: .5rem;
}
#release .release_info p.release_date small {
  font-size: .875rem;
  margin: 0 2px 0 1px;
}
#release .release_info p.release_date small:last-of-type {
  margin: 0 4px 0 2px;
}
#release .release_info p.release_ep_tit {
  font-size: 1.625rem;
}
#release .tracklist_box {
  margin: 2.5rem auto 0;
  padding: 2rem 2.5rem 2.75rem;
  background-color: #fff;
  position: relative;
  max-width: 450px;
  z-index: 1;
  letter-spacing: .125em;
}
#release .tracklist_box::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border: .5px solid #0E1A10;
  filter: url(#distort-ink);
  z-index: -1;
}
#release .tracklist_box h3 {
  font-size: 1.25rem;
}
#release .tracklist_box .tracklist_list {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  margin: 1rem auto 0;
  text-align: left;
  width: 70%;
}
#release .tracklist_box .tracklist_list li {
  font-size: 1rem;
}
#release .tracklist_box .tracklist_list li::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  transform: scaleY(0.5) translateY(6px);
  background-color: #0E1A10;
}
#release .adv_release {
  font-size: 1.25rem;
  font-weight: bold;
  margin: 2.5rem auto 1.25rem;
  line-height: 2;
}
#release .pre_btn {
  width: 100%;
  max-width: 280px;
  height: auto;
  margin: 0 auto;
}
#release .pre_btn a {
    font-size: .875rem;
    padding: 1.5rem 1rem;
  font-weight: bold;
  color: #fff;
  background-color: #0E1A10;
  border-radius: 50px;
  transition: all .3s;
  border: solid .5px #0E1A10;
}
#release .pre_btn a:hover {
  background-color: #fff;
  color: #0E1A10;
  transition: all .3s;
  position: relative;
}

/*-------------------- //release --------------------*/
/*-------------------- mv --------------------*/
#mv {
  color: #fff;
  background-color: rgba(14, 26, 16, .5);
  position: relative;
  z-index: 1;
  clip-path: inset(0);
}
#mv::before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
      filter: url(#noise-heavy-filter);
      z-index: -1;
    }
#mv.common_sec .sec_tit::before {
    background-color: #fff;
}
#mv.common_sec .sec_tit .voice_lines span {
    background: url('../images/voice_line_white.svg') no-repeat center / cover;
}
#mv h3 {
  font-size: 1.25rem;
  font-weight: bold;
}
#mv .mv_area {
  max-width: 450px;
  margin: .5rem auto 0;
}
#mv .mv_area.teaser {
  margin-bottom: 1.875rem;
}
#mv .mv_area iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}
#mv .streaming_area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem; 
  margin-top: 2.5rem;
}
#mv .sepaline {
  width: .5px;
  height: 100px;
  background-color: #EFEFEF;
}
#mv .streaming_date {
    font-size: 1rem;
}
#mv .streaming_inner {
    max-width: 300px;
}
#mv .streaming_txt_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: .5rem;
  margin: .5rem auto 0;
  max-width: 450px;
}
#mv .streaming_txt_box:first-child {
  margin-top: 0;
}
#mv .streaming_txt_box p {
  color: #EFEFEF;
  font-size: .7rem;
  font-weight: 400;
}
#mv .streaming_txt_box p.streaming_time {
  text-wrap: nowrap;
}
/*-------------------- //mv --------------------*/
/*-------------------- live --------------------*/
#live {
  background-color: rgba(239, 239, 239, .5);
  position: relative;
  z-index: 1;
  clip-path: inset(0);
}
#live::before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
      filter: url(#noise-heavy-filter);
      z-index: -1;
    }
#live .live_container {
  margin: 2.5rem auto 0;
  padding: 2.5rem 1.5rem;
  background-color: #fff;
  position: relative;
  max-width: 450px;
  z-index: 1;
}
#live .live_container::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border: .5px solid #0E1A10;
  filter: url(#distort-ink);
  z-index: -1;
}
#live .live_container h3 {
  font-size: 1.125rem;
  line-height: 1.5;
}
#live .live_container strong {
  display: block;
  font-size: 1.875rem;
  margin: 2.5rem auto;
}
#live .live_container .live_info_list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  gap: 1rem;
  margin: 0 auto;
  width: fit-content;
}
#live .live_container .live_info_list li {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: flex-start;
  gap: .5rem;
}
#live .live_container .live_info_list li p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
}
#live .live_container .live_info_list li p.live_info_tit {
  text-wrap: nowrap;
}
#live .live_container .live_info_list li p.live_info_details small {
  margin-left: -.5rem;
}
#live .live_container .live_info_list li span {
  width: 1px;
  height: 1rem;
  background-color: #0E1A10;
  transform: translateY(2.5px);
}
#live .live_container .live_reception {
  margin: 1.875rem auto 1rem;
}
#live .live_container .live_reception p {
    font-size: 1.25rem;
}
#live .live_container .application_btn {
    max-width: 400px;
}
#live .live_container .application_btn:not(:last-of-type) {
  margin-bottom: 1rem;
}
#live .live_container .application_btn a {
    font-size: .875rem;
    padding: 1.5rem 1rem;
  color: #fff;
  background-color: #0E1A10;
  border-radius: 50px;
  transition: all .3s;
  border: solid .5px #0E1A10;
}
#live .live_container .application_btn a:hover {
  background-color: #fff;
  color: #0E1A10;
  transition: all .3s;
  position: relative;
}
/*-------------------- //live --------------------*/
/*-------------------- footer --------------------*/
footer .copyright small {
  font-size: .6875rem;
  display: block;
  padding: 1rem;
  background-color: #EFEFEF;
}
/*-------------------- //footer --------------------*/


@media (min-width: 768px) {
  .sp {
    display: none;
  }
    .sp_mid {
    display: block;
  }
  .pc {
    display: block;
  }
  .common_sec {
    padding: 7.5rem 2.5rem 6.25rem;
}
  .common_sec .sec_tit {
    max-width: 1200px;
    margin: 0 auto 5rem;
  }
  .common_sec .sec_tit .voice_lines {
  gap: 4px;
}
  .common_sec .sec_tit p {
    display: inline-block;
    font-size: 3.75rem;
  }
  .sec_container {
    max-width: 1000px;
    margin: 0 auto;
  }
  #top {
    padding: 7.5rem 2.5rem;
  }
  #top .sec_container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5vw;
  }
  #top .kv_img {
    flex: 3;
    max-width: 540px;
    padding: .5rem;
  }
  #top h1 {
    flex: 2;
    margin: 0 auto;
  }
  #top h1 .logo_img {
    width: 100%;
    margin: 0 auto 2.5rem;
  }
  #top h1 p {
    font-size: 1.25rem;
  }
  #top h1 p.top_ep_tit {
    font-size: 3.75rem;
    text-wrap: nowrap;
  }
  #top h1 p.top_ep_tit span {
    font-size: 3.75rem;
  }
  #lead {
        padding: 5rem 2.5rem;
  }
  #lead .lead_tit {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
  #lead .lead_txt {
    font-size: 1.25rem;
    line-height: 2.5;
  }
  #release .release_flex {
  flex-direction: row;
  justify-content: center;
  gap: 4rem;
}
#release .jk_img {
  position: sticky;
  top: 6.25rem;
  height: fit-content;
  margin: 0;
  flex: 1;
}
#release .release_details {
  flex: 1;
}
#release .release_info p.release_date {
  font-size: 1.75rem;
  margin-bottom: 2.5rem;
}
#release .release_info p.release_date small {
  font-size: 1.25rem;
  margin: 0 4px 0 2px;
}
#release .release_info p.release_date small:last-of-type {
  margin: 0 8px 0 4px;
}
#release .release_info p {
    font-size: 1.25rem;
}
#release .release_info p.release_ep_tit {
    font-size: 2.5rem;
}
#release .tracklist_box {
    margin: 3.75rem auto 0;
}
#release .tracklist_box h3 {
    font-size: 1.5rem;
}
#release .tracklist_box .tracklist_list {
  gap: 1.25rem;
}
#release .tracklist_box .tracklist_list li {
    font-size: 1.25rem;
}
#release .tracklist_box .tracklist_list li::after {
    transform: scaleY(0.5) translateY(10px);
}
#release .adv_release {
    font-size: 1.5rem;
    margin: 3.75rem auto 1.5rem;
}
#release .pre_btn {
    max-width: 450px;
}
#release .pre_btn a {
    font-size: 1.25rem;
    padding: 1.75rem;
}
#mv .mv_area.teaser {
    margin-bottom: 3.125rem;
}
#mv h3 {
    font-size: 1.5rem;
}
#mv p.mv_release_date {
    font-size: 1.25rem;
}
#mv .mv_area {
  max-width: 800px;
}
#mv .streaming_area {
    gap: 2rem;
}
#mv .streaming_date {
    font-size: 1.25rem;
}
#mv .streaming_inner {
    max-width: 700px;
}
#mv .streaming_txt_box {
    max-width: 800px;
}
#mv .streaming_txt_box p {
    font-size: 1rem;
}
#live .live_container.sec_container {
  max-width: 1000px;
  padding: 3.75rem;
}
#live .live_container h3 {
    font-size: 1.5rem;
}
#live .live_container strong {
    font-size: 2.5rem;
    margin: 3.75rem auto;
}
#live .live_container .live_info_list {
    gap: 2rem;
}
#live .live_container .live_info_list li {
    gap: 1rem;
}
#live .live_container .live_info_list li p {
    font-size: 1.5rem;
}
#live .live_container .live_info_list li span {
    width: 2px;
    height: 1.75rem;
}
#live .live_container .live_info_list li p.live_info_details small {
  font-size: 1rem;
}
#live .live_container .live_reception {
    margin: 3rem auto 1.25rem;
}
#live .live_container .live_reception p {
  font-size: 1.5rem;
}
#live .live_container .application_btn {
    margin: 0 auto;
}
#live .live_container .application_btn a {
font-size: 1.125rem;
        padding: 1.75rem;
}
}


@media (min-width: 1024px) {
  .sp_mid {
    display: none;
  }
}


@media (max-width: 374px) {
  html {
    font-size: 14px;
  }
}

/*-------------------- js-inview --------------------*/
.js-fadeKv {
  opacity: 0;
  transition: all 2s;
}
.js-fadeKv.is-inview {
  opacity: 1;
  transition: all 2s;
}
.js-fadeIn {
  opacity: 0;
  transition: all 2s;
}
.js-fadeIn.is-inview {
  opacity: 1;
  transition: all 2s;
}
.js-fadeIn.is-inview.logo_img {
  transition-delay: .5s;
}
h1 p.js-fadeIn.is-inview {
  transition-delay: 1.5s;
}
h1 p.top_ep_tit.js-fadeIn.is-inview {
  transition-delay: 1.5s;
}
.js-fadeBlurtxt {
  opacity: 0;
  filter: blur(5px);
  transform: translateY(20px);
  transition: all 2s;
}
.js-fadeBlurtxt.is-inview {
  opacity: 1;
  filter: blur(0px);
    transform: translateY(0px);
  transition: all 2s;
}

.common_sec .sec_tit p.js-slideTit {
  opacity: 0;
  transition: all 1s;
  transform: translate(-20%,20%);
}
.common_sec .sec_tit p.js-slideTit.is-inview {
  opacity: 1;
  transition: all 1s;
    transform: translate(0,20%);
}
/*-------------------- //js-inview --------------------*/