@charset "UTF-8";
/* Heitai Live Expo
-------------------------------------------------- */
body {
  position: relative;
  font-family: bilo, sans-serif;
  font-size: 15px;
  color: #fff;
  background: #e00566;
}

img {
  display: block;
  width: 100%;
  height: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

a {
  font-size: inherit;
  color: inherit;
  text-decoration: none;
}

.font-js {
  font-family: 'Josefin Sans', sans-serif;
}

.pc {
  display: none;
}

@media only screen and (min-width: 769px) {
  body {
    font-size: 18px;
  }
}

.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  padding-bottom: 40px;
  width: 100%;
  height: 100vh;
  background: #e8006d;
  box-sizing: border-box;
  z-index: 1000;
}

.loading img {
  width: 200px;
  animation: doki 0.5s ease infinite alternate-reverse;
}

@keyframes doki {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1.1);
  }
}

header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

header .header_logo_container {
  position: relative;
  width: 18.67%;
}

header .header_logo_container .header_logo {
  position: absolute;
  top: 3.2vw;
  left: 11.4%;
  width: 54%;
}

header .header_share_container {
  position: relative;
  width: 14.4%;
}

header .header_share_container .header_share {
  position: absolute;
  top: 2.13vw;
  right: 24%;
  width: 33.3%;
}

@media only screen and (min-width: 769px) {
  header .header_logo_container {
    width: 163px;
  }
  header .header_logo_container .header_logo {
    top: 29px;
    width: 87px;
    transition: transform 0.2s ease;
  }
  header .header_logo_container .header_logo:hover {
    transform: scale(1.2);
  }
  header .header_share_container {
    width: 142px;
  }
  header .header_share_container .header_share {
    top: 21px;
    width: 40px;
    transition: transform 0.2s ease;
  }
  header .header_share_container .header_share:hover {
    transform: scale(1.2);
  }
}

.type_hero {
  position: relative;
  padding: 7.47vw 0 12vw;
  background: url(../img/main_bg.jpg) center top no-repeat;
  background-size: cover;
  overflow: hidden;
  z-index: 1;
}

.type_hero .bg_pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.type_hero .bg_pic img {
  position: absolute;
}

.type_hero .bg_pic .bg_pic_right {
  top: 0;
  right: 0;
  width: 77.1%;
}

.type_hero h1 {
  position: relative;
  margin-left: 3.7%;
  width: 55.7%;
}

.type_hero h1 .hle_logo_letter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.type_hero h1 .hle_logo_letter img {
  position: absolute;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s;
}

.type_hero h1 .hle_logo_letter img:nth-of-type(1) {
  width: 17.62%;
  top: 19.27%;
  left: 27.38%;
  transform: translate3d(-20px, -30px, 0);
}

.type_hero h1 .hle_logo_letter img:nth-of-type(2) {
  width: 11.9%;
  top: 36.59%;
  left: 41.19%;
  transform: translate3d(-10px, 20px, 0);
  transition-delay: 0.07s;
}

.type_hero h1 .hle_logo_letter img:nth-of-type(3) {
  width: 10.24%;
  top: 36.03%;
  left: 51.9%;
  transform: translate3d(-5px, 20px, 0);
  transition-delay: 0.14s;
}

.type_hero h1 .hle_logo_letter img:nth-of-type(4) {
  width: 22.14%;
  top: 25.98%;
  left: 55.48%;
  transform: translate3d(5px, -20px, 0);
  transition-delay: 0.21s;
}

.type_hero h1 .hle_logo_letter img:nth-of-type(5) {
  width: 12.62%;
  top: 36.31%;
  left: 64.05%;
  transform: translate3d(0px, 20px, 0);
  transition-delay: 0.28s;
}

.type_hero h1 .hle_logo_letter img:nth-of-type(6) {
  width: 4.52%;
  top: 26.82%;
  left: 77.38%;
  transform: translate3d(-10px, -50px, 0);
  transition-delay: 0.35s;
}

.type_hero h1 .hle_logo_letter img:nth-of-type(7) {
  width: 14.76%;
  top: 54.19%;
  left: 7.86%;
  transform: translate3d(-20px, 30px, 0);
  transition-delay: 0.49s;
}

.type_hero h1 .hle_logo_letter img:nth-of-type(8) {
  width: 10.71%;
  top: 54.75%;
  left: 17.62%;
  transform: translate3d(5px, -10px, 0);
  transition-delay: 0.56s;
}

.type_hero h1 .hle_logo_letter img:nth-of-type(9) {
  width: 10.24%;
  top: 63.13%;
  left: 25.95%;
  transform: translate3d(20px, -30px, 0);
  transition-delay: 0.63s;
}

.type_hero h1 .hle_logo_letter img:nth-of-type(10) {
  width: 20.24%;
  top: 57.82%;
  left: 31.43%;
  transform: translate3d(-30px, 50px, 0);
  transition-delay: 0.7s;
}

.type_hero h1 .hle_logo_letter img:nth-of-type(11) {
  width: 20.24%;
  top: 55.59%;
  left: 50%;
  transform: translate3d(20px, -40px, 0);
  transition-delay: 0.84s;
}

.type_hero h1 .hle_logo_letter img:nth-of-type(12) {
  width: 12.14%;
  top: 65.92%;
  left: 67.62%;
  transform: translate3d(-50px, 20px, 0);
  transition-delay: 0.91s;
}

.type_hero h1 .hle_logo_letter img:nth-of-type(13) {
  width: 16.43%;
  top: 61.73%;
  left: 76.43%;
  transform: translate3d(10px, -20px, 0);
  transition-delay: 0.98s;
}

.type_hero h1 .hle_logo_letter img:nth-of-type(14) {
  width: 8.1%;
  top: 73.18%;
  left: 83.57%;
  transform: translate3d(5px, 20px, 0);
  transition-delay: 1.05s;
}

.type_hero h1 .hle_logo_letter img:nth-of-type(15) {
  width: 32.14%;
  top: 84.07%;
  left: 36.43%;
  filter: grayscale(1) brightness(5);
  transition: opacity 0.3s 1.12s ,filter 2s 1.15s;
}

.type_hero h1 .hle_logo_letter.anim img {
  opacity: 1;
}

.type_hero h1 .hle_logo_letter.anim img:nth-of-type(1), .type_hero h1 .hle_logo_letter.anim img:nth-of-type(2), .type_hero h1 .hle_logo_letter.anim img:nth-of-type(3), .type_hero h1 .hle_logo_letter.anim img:nth-of-type(4), .type_hero h1 .hle_logo_letter.anim img:nth-of-type(5), .type_hero h1 .hle_logo_letter.anim img:nth-of-type(6), .type_hero h1 .hle_logo_letter.anim img:nth-of-type(7), .type_hero h1 .hle_logo_letter.anim img:nth-of-type(8), .type_hero h1 .hle_logo_letter.anim img:nth-of-type(9), .type_hero h1 .hle_logo_letter.anim img:nth-of-type(10), .type_hero h1 .hle_logo_letter.anim img:nth-of-type(11), .type_hero h1 .hle_logo_letter.anim img:nth-of-type(12), .type_hero h1 .hle_logo_letter.anim img:nth-of-type(13), .type_hero h1 .hle_logo_letter.anim img:nth-of-type(14) {
  transform: translate3d(0, 0, 0);
}

.type_hero h1 .hle_logo_letter.anim img:nth-of-type(15) {
  filter: grayscale(0) brightness(1);
}

.type_hero .hero_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  text-align: center;
}

.type_hero .hero_text_wrapper {
  display: inline-block;
  margin-bottom: 10px;
}

.type_hero .hero_text_wrapper .inner {
  width: 0;
  overflow: hidden;
  transition: width 1s ease;
}

.type_hero .hero_text_wrapper .inner.anim {
  width: 100%;
}

.type_hero .hero_text_wrapper:first-child {
  margin: 10px 0;
}

.type_hero .hero_text_wrapper:nth-of-type(2) .inner {
  transition-delay: 0.2s;
}

.type_hero .hero_text p {
  padding: 0.1em 0.2em;
  font-size: 14px;
  font-weight: 900;
  color: #040100;
  white-space: nowrap;
  background: #ffca00;
  box-sizing: border-box;
}

.type_hero .hero_text p strong {
  font-size: 21px;
  color: #e8006d;
}

.type_hero .hero_text p span {
  display: inline-block;
  transform: translate3d(0, -0.1em, 0);
  font-weight: inherit;
}

.type_hero .hero_text p.pdt {
  font-size: 11px;
}

.type_hero .hero_text p.pdt strong {
  font-size: 14px;
}

.type_hero .hero_text .arrow {
  margin: 10px auto 0;
  width: 30%;
  animation: fuwa 1s ease infinite alternate-reverse;
}

.type_hero .hero_live {
  position: relative;
  margin: 20px auto 0;
  max-width: 854px;
  width: 95%;
}

.type_hero .hero_live .hero_live_player {
  background: #040300;
}

.type_hero .hero_live .hero_live_player #video-player {
  object-fit: cover;
}

.type_hero .hero_live .hero_live_pic img {
  position: absolute;
}

.type_hero .hero_live .hero_live_pic img.first {
  width: 18.4vw;
  top: -6.5vw;
  left: 0;
}

.type_hero .hero_live .hero_live_pic img.last {
  width: 12.8vw;
  top: -7.8vw;
  right: 0;
}

.type_hero .hero_sns {
  position: relative;
  margin-top: 30px;
}

.type_hero .hero_sns_text {
  margin-bottom: 20px;
  font-size: 18px;
  text-align: center;
}

.webp .type_hero {
  background: url(../img/main_bg.webp) center top no-repeat;
  background-size: cover;
}

@keyframes fuwa {
  0% {
    transform: translate3d(0, 3px, 0);
  }
  100% {
    transform: translate3d(0, -3px, 0);
  }
}

@media only screen and (min-width: 769px) {
  .type_hero {
    padding: 80px 0 7.2vw;
  }
  .type_hero .bg_pic .sp {
    display: none;
  }
  .type_hero .bg_pic .pc {
    display: block;
  }
  .type_hero .bg_pic .bg_pic_left {
    top: 38px;
    left: 50%;
    transform: translate3d(-960px, 0, 0);
    width: 903px;
  }
  .type_hero .bg_pic .bg_pic_right {
    right: 50%;
    transform: translate3d(960px, 0, 0);
    width: 984px;
  }
  .type_hero h1 {
    position: relative;
    margin: 0 auto;
    width: 745px;
  }
  .type_hero h1 .sp {
    display: none;
  }
  .type_hero h1 .pc {
    display: block;
  }
  .type_hero h1 .hle_logo_letter img:nth-of-type(1) {
    width: 11.02%;
    top: 29.52%;
    left: 4.97%;
  }
  .type_hero h1 .hle_logo_letter img:nth-of-type(2) {
    width: 7.53%;
    top: 55.35%;
    left: 13.84%;
  }
  .type_hero h1 .hle_logo_letter img:nth-of-type(3) {
    width: 6.32%;
    top: 54.24%;
    left: 20.7%;
  }
  .type_hero h1 .hle_logo_letter img:nth-of-type(4) {
    width: 13.71%;
    top: 39.48%;
    left: 22.85%;
  }
  .type_hero h1 .hle_logo_letter img:nth-of-type(5) {
    width: 7.93%;
    top: 54.98%;
    left: 28.36%;
  }
  .type_hero h1 .hle_logo_letter img:nth-of-type(6) {
    width: 2.69%;
    top: 40.96%;
    left: 36.83%;
  }
  .type_hero h1 .hle_logo_letter img:nth-of-type(7) {
    width: 9.41%;
    top: 39.11%;
    left: 41.4%;
  }
  .type_hero h1 .hle_logo_letter img:nth-of-type(8) {
    width: 6.45%;
    top: 39.85%;
    left: 47.72%;
  }
  .type_hero h1 .hle_logo_letter img:nth-of-type(9) {
    width: 6.59%;
    top: 52.03%;
    left: 52.82%;
  }
  .type_hero h1 .hle_logo_letter img:nth-of-type(10) {
    width: 12.63%;
    top: 44.65%;
    left: 56.32%;
  }
  .type_hero h1 .hle_logo_letter img:nth-of-type(11) {
    width: 12.77%;
    top: 33.95%;
    left: 68.41%;
  }
  .type_hero h1 .hle_logo_letter img:nth-of-type(12) {
    width: 7.66%;
    top: 49.08%;
    left: 79.57%;
  }
  .type_hero h1 .hle_logo_letter img:nth-of-type(13) {
    width: 10.48%;
    top: 42.8%;
    left: 85.08%;
  }
  .type_hero h1 .hle_logo_letter img:nth-of-type(14) {
    width: 4.97%;
    top: 60.15%;
    left: 89.78%;
  }
  .type_hero h1 .hle_logo_letter img:nth-of-type(15) {
    width: 18.15%;
    top: 78.97%;
    left: 77.55%;
  }
  .type_hero .hero_text {
    margin: 0 auto;
    max-width: 900px;
  }
  .type_hero .hero_text .her_text_wrapper:first-child {
    margin: 13px 0;
  }
  .type_hero .hero_text p {
    padding: 0 0.2em;
    font-size: 34px;
  }
  .type_hero .hero_text p strong {
    font-size: 48px;
  }
  .type_hero .hero_text p.pdt {
    font-size: 15px;
  }
  .type_hero .hero_text p.pdt strong {
    font-size: 20px;
  }
  .type_hero .hero_text .arrow {
    margin: 15px auto 0;
    width: 68px;
  }
  .type_hero .hero_live .hero_live_pic img.first {
    width: 167px;
    top: -61px;
  }
  .type_hero .hero_live .hero_live_pic img.last {
    width: 122px;
    top: -76px;
  }
  .type_hero .hero_sns_text {
    font-size: 24px;
  }
}

@media only screen and (min-width: 1920px) {
  .type_hero .bg_pic .bg_pic_left {
    left: 0;
    transform: translate3d(0, 0, 0);
  }
  .type_hero .bg_pic .bg_pic_right {
    right: 0;
    transform: translate3d(0, 0, 0);
  }
}

.sns_list {
  display: flex;
  justify-content: center;
  gap: 30px;
}

.sns_list .sns_item {
  width: 50px;
  height: 50px;
  transition: opacity 0.3s;
}

.sns_list .sns_item:hover {
  opacity: 0.7;
}

.common_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}

.common_section h2 {
  display: inline-block;
  margin-bottom: 20px;
  max-width: 95%;
  box-sizing: border-box;
}

.common_section h2 .inner {
  width: 0;
  overflow: hidden;
  transition: width 1s 0.3s ease;
}

.common_section h2 .inner.inviewed {
  width: 100%;
}

.common_section h2 p {
  padding: 0 0.6em;
  font-size: 24px;
  font-weight: 700;
  color: #a538f4;
  white-space: nowrap;
  background: #fff;
  box-sizing: border-box;
}

.common_section .section_content {
  margin: 0 auto;
  max-width: 95%;
}

.common_section .section_content p {
  line-height: 2em;
}

@media only screen and (min-width: 769px) {
  .common_section h2 {
    padding: 0 30px;
  }
  .common_section h2 p {
    padding: 0.1em 0.6em;
    font-size: 34px;
  }
  .common_section .section_content {
    padding: 0 30px;
    max-width: 1000px;
    box-sizing: border-box;
  }
}

.type_about {
  padding: 22.6vw 0 5.3vw;
  margin-top: -8vw;
}

.type_about.lazyloaded {
  background: url(../img/about_bg.png) center top no-repeat;
  background-size: cover;
}

.type_about.common_section h2 {
  padding: 0;
  max-width: 100%;
}

.type_about.common_section h2 p {
  line-height: 1.2em;
}

.type_about .section_content {
  margin-top: 0;
}

.type_about .section_content .about_text {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.type_about .section_content .about_text p {
  width: 100%;
}

.type_about .section_content .about_pic {
  margin: 30px auto 0;
  width: 203px;
}

.webp .type_about.lazyloaded {
  background: url(../img/about_bg.webp) center top no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 769px) {
  .type_about {
    padding: 10.4vw 0 7.8vw;
    margin-top: calc(-8.4vw + 24px);
  }
  .type_about.lazyloaded {
    background: url(../img/about_bg_pc.png) center top no-repeat;
    background-size: cover;
  }
  .type_about .section_content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: flex-start;
  }
  .type_about .section_content .about_text {
    align-items: flex-start;
    max-width: 510px;
  }
  .type_about .section_content .about_pic {
    margin: 20px 40px 0 0;
    width: 307px;
  }
  .webp .type_about.lazyloaded {
    background: url(../img/about_bg_pc.webp) center top no-repeat;
    background-size: cover;
  }
}

.type_howto {
  padding: 21.3vw 0 20.8vw;
  margin-top: -3.47vw;
}

.type_howto.lazyloaded {
  background: url(../img/howto_bg.png) center top no-repeat;
  background-size: cover;
}

.type_howto h2 {
  margin-bottom: 40px;
}

.type_howto h2 p {
  color: #d708f0;
}

.type_howto .section_content .howto_box h3 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
}

.type_howto .section_content .howto_box .howto_hashtag {
  font-weight: 700;
  color: #ffca00;
  text-decoration: underline;
}

.type_howto .section_content .howto_box .howto_sns_list {
  margin-top: 10px;
}

.type_howto .section_content .howto_box:first-child {
  margin-bottom: 50px;
}

.type_howto .section_content .howto_box .howto_chara {
  margin: 10px auto 0;
  width: 212px;
}

.webp .type_howto.lazyloaded {
  background: url(../img/howto_bg.webp) center top no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 769px) {
  .type_howto {
    padding: 9.2vw 0 5.7vw;
    margin-top: -4vw;
  }
  .type_howto.lazyloaded {
    background: url(../img/howto_bg_pc.png) center top no-repeat;
    background-size: cover;
  }
  .type_howto h2 {
    max-width: 1000px;
    width: 100%;
  }
  .type_howto h2 .inner {
    display: flex;
  }
  .type_howto h2 p {
    font-size: min(34px,3.4vw);
  }
  .type_howto h2 p:first-child {
    padding-right: 0;
  }
  .type_howto h2 p:last-child {
    padding-left: 0.3em;
  }
  .type_howto .section_content {
    position: relative;
    display: flex;
    gap: 60px;
  }
  .type_howto .section_content .howto_box h3 {
    font-size: 24px;
  }
  .type_howto .section_content .howto_box .howto_sns_list {
    justify-content: flex-start;
    gap: 20px;
  }
  .type_howto .section_content .howto_box .howto_chara {
    position: absolute;
    top: -220px;
    right: 0;
    margin: 0;
    width: min(307px,30.7vw);
  }
  .type_howto .section_content .howto_box .howto_hashtag {
    transition: opacity 0.3s;
  }
  .type_howto .section_content .howto_box .howto_hashtag:hover {
    opacity: 0.7;
  }
  .webp .type_howto.lazyloaded {
    background: url(../img/howto_bg_pc.webp) center top no-repeat;
    background-size: cover;
  }
}

.type_timetable {
  padding: 27.5vw 0 19vw;
  margin-top: -7.47vw;
}

.type_timetable.lazyloaded {
  background: url(../img/time_bg.png) center top no-repeat;
  background-size: cover;
}

.type_timetable h2 {
  align-items: center;
  margin-bottom: 0;
}

.type_timetable h2 p {
  color: #ff3376;
}

.type_timetable .section_content {
  padding: 20px;
  width: 100%;
  border: solid 2px #fff;
  box-sizing: border-box;
}

.type_timetable .section_content .inner .timetable_pretext {
  font-size: 17px;
  font-weight: 700;
  text-align: center;
}

.type_timetable .section_content .inner .timetable_list .timetable_item {
  margin-bottom: 30px;
}

.type_timetable .section_content .inner .timetable_list .timetable_item_name {
  padding: 0.2em 0.4em 0.1em;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1em;
  background: #a62d49;
  box-sizing: border-box;
}

.type_timetable .section_content .inner .timetable_list .timetable_item:nth-of-type(2n) .timetable_item_name {
  background: #9c2264;
}

.type_timetable .section_content .inner .timetable_list .timetable_item_inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.type_timetable .section_content .inner .timetable_list .timetable_item_host_name {
  font-size: 18px;
  font-weight: 700;
}

.type_timetable .section_content .inner .timetable_list .timetable_item_host_sns_container {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 20px;
}

.type_timetable .section_content .inner .timetable_list .timetable_item_host_sns_icon {
  display: block;
  width: 40px;
}

.type_timetable .section_content .inner .timetable_list .timetable_item_host_pic {
  margin: 0 auto;
  max-width: 200px;
}

.type_timetable .section_content .inner .timetable_list .timetable_item .timetable_button {
  margin: 15px auto 0;
  width: 230px;
  height: 45px;
}

.type_timetable .section_content .inner .timetable_list .timetable_item .timetable_button a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 17px;
  font-weight: 900;
  color: #040300;
  background: #ffca00;
  border-radius: 30px;
}

.type_timetable .section_content .inner .timetable_list .timetable_item_pic a {
  color: #fff;
}

.type_timetable .section_content .inner .timetable_pic img {
  position: absolute;
  right: 6px;
}

.type_timetable .section_content .inner .timetable_pic img.first {
  width: 84px;
  top: 53px;
}

.type_timetable .section_content .inner .timetable_pic img.last {
  width: 97px;
  bottom: 3px;
  right: auto;
  /* タイムテーブル公開前設定 */
  left: 3px;
  /* タイムテーブル公開前設定 */
}

.webp .type_timetable.lazyloaded {
  background: url(../img/time_bg.webp) center top no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 769px) {
  .type_timetable {
    padding: 10.8vw 0 6.5vw;
    margin-top: -8vw;
  }
  .type_timetable.lazyloaded {
    background: url(../img/time_bg_pc.png) center top no-repeat;
    background-size: cover;
  }
  .type_timetable .section_content {
    position: relative;
  }
  .type_timetable .section_content .inner .timetable_list .timetable_item_name {
    font-size: 28px;
  }
  .type_timetable .section_content .inner .timetable_list .timetable_item_inner {
    flex-direction: row;
  }
  .type_timetable .section_content .inner .timetable_list .timetable_item_host {
    width: 50%;
  }
  .type_timetable .section_content .inner .timetable_list .timetable_item_host_name {
    font-size: 23px;
  }
  .type_timetable .section_content .inner .timetable_list .timetable_item_host_pic {
    max-width: 300px;
  }
  .type_timetable .section_content .inner .timetable_list .timetable_item_left_column {
    width: calc(50% - 10px);
  }
  .type_timetable .section_content .inner .timetable_list .timetable_item_pic {
    width: calc(50% - 10px);
    transition: opacity 0.3s;
  }
  .type_timetable .section_content .inner .timetable_list .timetable_item_pic:hover {
    opacity: 0.7;
  }
  .type_timetable .section_content .inner .timetable_list .timetable_item .timetable_button a {
    transition: color 0.3s;
    z-index: 1;
    overflow: hidden;
  }
  .type_timetable .section_content .inner .timetable_list .timetable_item .timetable_button a::before {
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 0;
    height: 0;
    background: #040100;
    border-radius: 100%;
    overflow: hidden;
    transition: width 0.5s ease, height 0.5s ease;
    z-index: -1;
  }
  .type_timetable .section_content .inner .timetable_list .timetable_item .timetable_button:hover a {
    color: #fff;
  }
  .type_timetable .section_content .inner .timetable_list .timetable_item .timetable_button:hover a::before {
    width: 328px;
    height: 328px;
  }
  .type_timetable .section_content .inner .timetable_pic img {
    position: absolute;
    right: 6px;
  }
  .type_timetable .section_content .inner .timetable_pic img.first {
    width: 119px;
    top: -90px;
    right: -50px;
  }
  .type_timetable .section_content .inner .timetable_pic img.last {
    width: 141px;
    bottom: -43px;
    left: -50px;
  }
  .webp .type_timetable.lazyloaded {
    background: url(../img/time_bg_pc.webp) center top no-repeat;
    background-size: cover;
  }
}

.type_partners {
  padding-top: 25.3vw;
  margin-top: -3.47vw;
}

.type_partners.lazyloaded {
  background: url(../img/partners_bg.png) center top no-repeat;
  background-size: cover;
}

.type_partners h2 {
  align-items: center;
}

.type_partners h2 p {
  color: #e301a7;
}

.type_partners .section_content .partners_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.type_partners .section_content .partners_list .partners_item {
  margin-bottom: 10px;
  width: calc(25% - 8px);
}

.type_partners .section_content .partners_list .partners_item_name {
  font-size: 15px;
  font-weight: 900;
}

.type_partners .section_content .partners_list .partners_item_text {
  display: none;
  /* 初回公開時の設定 */
  font-size: 13px;
}

.webp .type_partners.lazyloaded {
  background: url(../img/partners_bg.webp) center top no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 769px) {
  .type_partners {
    padding-top: 8.9vw;
    margin-top: -6vw;
  }
  .type_partners.lazyloaded {
    background: url(../img/partners_bg_pc.png) center top no-repeat;
    background-size: cover;
  }
  .type_partners h2 {
    margin-bottom: 40px;
  }
  .type_partners .section_content .partners_list {
    gap: 20px;
  }
  .type_partners .section_content .partners_list .partners_item {
    width: calc(20% - 16px);
    transition: opacity 0.3s;
  }
  .type_partners .section_content .partners_list .partners_item_name {
    font-size: 28px;
  }
  .type_partners .section_content .partners_list .partners_item_text {
    font-size: 18px;
    line-height: 1.5em;
  }
  .type_partners .section_content .partners_list .partners_item:hover {
    opacity: 0.7;
  }
  .webp .type_partners.lazyloaded {
    background: url(../img/partners_bg_pc.webp) center top no-repeat;
    background-size: cover;
  }
}

.type_produced {
  padding: 30px 0 80px;
  margin: 0 auto;
  max-width: 95%;
}

.type_produced .produced_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}

.type_produced .produced_title p {
  font-size: 24px;
  font-weight: 900;
}

.type_produced .produced_title img {
  margin-top: 15px;
  width: 97px;
}

.type_produced .produced_text p {
  line-height: 2em;
  text-align: center;
}

.type_produced .produced_button {
  margin: 15px auto 0;
  width: 230px;
  height: 45px;
}

.type_produced .produced_button a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 17px;
  font-weight: 900;
  color: #040300;
  background: #ffca00;
  border-radius: 30px;
}

@media only screen and (min-width: 769px) {
  .type_produced {
    padding: 110px 0 80px;
  }
  .type_produced .produced_title p {
    font-size: 34px;
  }
  .type_produced .produced_title img {
    margin-top: 15px;
    width: 140px;
  }
  .type_produced .produced_text p .pc {
    display: block;
  }
  .type_produced .produced_button {
    margin: 40px auto 0;
    width: 328px;
    height: 66px;
  }
  .type_produced .produced_button a {
    font-size: 24px;
    border-radius: 35px;
    overflow: hidden;
    transition: color 0.3s;
    z-index: 1;
  }
  .type_produced .produced_button a::before {
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 0;
    height: 0;
    background: #040100;
    border-radius: 100%;
    overflow: hidden;
    transition: width 0.5s ease, height 0.5s ease;
    z-index: -1;
  }
  .type_produced .produced_button:hover a {
    color: #fff;
  }
  .type_produced .produced_button:hover a::before {
    width: 328px;
    height: 328px;
  }
}

footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 13px;
  background: #a80167;
}

.check_top h1 {
  background: #e8006d;
}

.check_top p strong {
  color: #040100;
  font-weight: 900;
}

.check_top p.top_text {
  color: #040100;
}

.check_btn li[class*="btn_yes"] a {
  background: #ffca00;
  text-shadow: none;
  border: none;
  border-radius: 50px;
  box-shadow: none;
  color: #040100;
}

.check_btn li.btn_no a {
  background: #fff;
  box-shadow: none;
  border-radius: 50px;
  border: solid 1px #ccc;
  color: #888;
}

@media screen and (min-width: 768px) and (orientation: portrait), (min-width: 1024px) {
  .check_btn li[class*="btn_yes"] a::after {
    content: 'Yes, I\'m over 18.';
  }
}
/*# sourceMappingURL=lp.css.map */