@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;900&family=Bebas+Neue&family=Noto+Sans+JP:wght@300;400;500;600;700;900&display=swap");
:root {
  --black1: #040000;
  --black2: #181D20;
  --black3: #303030;
  --gray1: rgba(0,0,0,.6);
  --gray2: #949494;
  --gray3: #2A3034;
  --gray4: #EDF0F2;
  --blue1: #51E6F0;
  --blue2: #1DD2E2;
  --blue3: #116466;
  --blue4: #00F6FF;
  --blue5: #335356;
}

img {
  min-height: 0px;
  vertical-align: bottom;
}

/* ===================================================================
CSS information
 file name  :  default.css
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio[controls], canvas, video {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

html {
  font-size: 62.5%;
  overflow: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul {
  margin: 0;
  padding: 0;
}

body, button, input, select, textarea {
  font-family: Noto Sans Japanese, sans-serif;
}

body {
  /* フォントレンダリング設定: 1x解像度ではsubpixel、2x以上の解像度ではgrayscale */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

a {
  color: #111;
  text-decoration: none;
}

a:hover {
  color: #111;
  text-decoration: none;
  opacity: 0.9;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #111;
}

pre, code, kbd, samp {
  font-family: Noto Sans Japanese, sans-serif;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 75%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul, ol {
  margin: 0;
  padding: 0;
}

dd {
  margin: 0px;
}

nav ul, nav ol {
  list-style: none;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  *margin-left: -7px;
}

button, input, select, textarea {
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
  *overflow: visible;
}

button, input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body, textarea {
  font-family: Noto Sans Japanese, sans-serif;
  font-size: 62.5%;
  line-height: 180%;
  color: #111;
}

input, select {
  font-family: Noto Sans Japanese, sans-serif;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: 100%;
}

img, abbr, acronym, fieldset {
  border: 0;
}

li {
  list-style: none;
}

/*utility*/
.m05 {
  margin-bottom: 5px;
}

.m10 {
  margin-bottom: 10px;
}

.m12 {
  margin-bottom: 12px;
}

.m15 {
  margin-bottom: 15px;
}

.m20 {
  margin-bottom: 20px;
}

.m30 {
  margin-bottom: 30px;
}

.m40 {
  margin-bottom: 40px;
}

.m50 {
  margin-bottom: 50px;
}

.m60 {
  margin-bottom: 60px;
}

.mt05 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt12 {
  margin-top: 12px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.ml05 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml12 {
  margin-left: 12px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.ml60 {
  margin-left: 60px;
}

.mr05 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;
}

.mr60 {
  margin-right: 60px;
}

.pt05 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pb05 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pl05 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pr05 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr30 {
  padding-right: 30px;
}

.pr40 {
  padding-right: 40px;
}

.flt {
  float: left;
}

.flr {
  float: right;
}

.txt_l, td.txt_l, .txt_l td {
  text-align: left;
}

.txt_r, td.txt_r, .txt_r td {
  text-align: right;
}

.txt_c, td.txt_c, .txt_c td {
  text-align: center;
}

.valign_t, td.valign_t, .valign_t td {
  vertical-align: top;
}

.valign_m, td.valign_m, .valign_m td {
  vertical-align: middle;
}

.valign_b, td.valign_b, .valign_b td {
  vertical-align: bottom;
}

.clear {
  clear: both;
}

.clf:before, .clf:after {
  content: "";
  display: block;
}

.clf:after {
  clear: both;
}

.clf {
  zoom: 1;
}

@media (max-width: 768px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media (max-width: 768px) {
  .sp {
    display: block;
  }
}

.l-header {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 10;
  -webkit-backdrop-filter: blur(13px);
          backdrop-filter: blur(13px);
}
@media (max-width: 768px) {
  .l-header {
    background: var(--black1);
  }
}
.l-header__top {
  width: 100%;
  height: 9.8rem;
  border-bottom: 1px solid #FFF;
  box-sizing: border-box;
  background: #000;
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) {
  .l-header__top {
    height: 6rem;
    background: linear-gradient(to top, rgba(29, 210, 226, 0.5), var(--black1) 55%);
    border-bottom: 0;
  }
}
.l-header__top.is-sticky {
  background: rgba(0, 0, 0, 0.7);
}
.l-header__top_container {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.61rem 3.4rem 0 3rem;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .l-header__top_container {
    align-items: center;
    padding: 0.4rem 1.6rem 0 1rem;
  }
}
.l-header__logo {
  width: 27.183rem;
}
@media (max-width: 1024px) {
  .l-header__logo {
    width: 19.492rem;
  }
}
.l-header__logo_link {
  display: block;
  transition: 0.3s opacity;
}
.l-header__logo_link img {
  width: 100%;
}
.l-header__global {
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1200px) {
  .l-header__global {
    position: static;
    transform: translateX(0);
  }
}
@media (max-width: 1024px) {
  .l-header__global {
    display: none;
  }
}
.l-header__global_list {
  display: flex;
  -moz-column-gap: 7.5rem;
       column-gap: 7.5rem;
}
@media (max-width: 1200px) {
  .l-header__global_list {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}
.l-header__global_item {
  padding: 3.1rem 0 0;
  border-top: 0.6rem solid transparent;
  box-sizing: border-box;
  position: relative;
  transition: 0.3s border;
}
.l-header__global_item:hover {
  border-top-color: var(--blue1);
}
.l-header__global_item.is-parent {
  position: relative;
}
.l-header__global_item.is-parent::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  border-right: 0.3rem solid #FFF;
  border-bottom: 0.3rem solid #FFF;
  position: absolute;
  top: 3.1rem;
  left: calc(100% + 1.54rem);
  transform: rotate(45deg);
  transition: 0.3s;
}
.l-header__global_item.is-parent:hover::after {
  transform: rotate(-135deg);
}
.l-header__global_item.is-parent:hover .l-header__child {
  height: auto;
  transform: scaleY(1);
  transition: 0.3s transform;
}
.l-header__global_link {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #FFF;
  transition: 0.3s opacity;
}
.l-header__global_link:hover {
  color: #FFF;
}
.l-header__global_en {
  position: relative;
  line-height: 0.9166666667;
  letter-spacing: 0.05em;
  font-size: 2.4rem;
  font-weight: 400;
  font-family: "Bebas Neue", sans-serif;
}
.l-header__global_en::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.l-header__global_en.is-news {
  padding-left: 3rem;
}
.l-header__global_en.is-news::before {
  width: 1.882rem;
  height: 1.602rem;
  background-image: url(../img/common/icon_news.svg);
  left: 0.27rem;
}
.l-header__global_en.is-organizer {
  padding-left: 2.9rem;
}
.l-header__global_en.is-organizer::before {
  width: 1.907rem;
  height: 1.831rem;
  background-image: url(../img/common/icon_organizer.svg);
  left: 0.2rem;
}
.l-header__global_en.is-entry {
  padding-left: 3rem;
}
.l-header__global_en.is-entry::before {
  width: 2.02rem;
  height: 1.019rem;
  background-image: url(../img/common/icon_entry.svg);
  left: 0.25rem;
}
.l-header__global_en.is-guide {
  padding-left: 2.4rem;
}
.l-header__global_en.is-guide::before {
  width: 1.305rem;
  height: 1.883rem;
  background-image: url(../img/common/icon_guide.svg);
  left: 0.54rem;
}
.l-header__global_jp {
  line-height: 1.7;
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: 500;
}
.l-header__child {
  width: 47.7rem;
  height: 0;
  padding: 2rem;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.85);
  position: absolute;
  left: 0;
  z-index: 1;
  transform: scaleY(0);
  transform-origin: top;
  transition: 0.1s transform;
}
.l-header__child_top {
  display: block;
  margin: 0 0 1.3rem;
  position: relative;
  line-height: 1.5;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 400;
  color: #FFF;
  transition: 0.3s opacity;
}
.l-header__child_top:hover {
  color: #FFF;
}
.l-header__child_top::after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-top: 0.2rem solid #FFF;
  border-right: 0.2rem solid #FFF;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%) rotate(45deg);
}
.l-header__child_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;
  row-gap: 1.2rem;
}
@media (max-width: 1024px) {
  .l-header__child_list {
    padding: 0 0.6rem 1.6rem;
  }
}
.l-header__child_item {
  display: block;
  aspect-ratio: 1/1;
  border-radius: 0.5rem;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
.l-header__child_item::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s opacity;
  opacity: 0.5;
}
.l-header__child_item:first-child {
  background-image: url(../img/common/header-news_child-01.png);
}
.l-header__child_item:nth-child(2) {
  background-image: url(../img/common/header-news_child-02.webp);
}
.l-header__child_item:nth-child(3) {
  background-image: url(../img/common/header-news_child-03.webp);
}
.l-header__child_item:nth-child(4) {
  background-image: url(../img/common/header-news_child-04.webp);
}
.l-header__child_item:nth-child(5) {
  background-image: url(../img/common/header-news_child-05.webp);
}
.l-header__child_item:nth-child(6) {
  background-image: url(../img/common/header-news_child-06.webp);
}
.l-header__child_item:nth-child(7) {
  background-image: url(../img/common/header-news_child-07.webp);
}
.l-header__child_item:nth-child(8) {
  background-image: url(../img/common/header-news_child-08.webp);
}
.l-header__child_item:hover::before {
  opacity: 0.7;
}
.l-header__child_link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  line-height: 1.2857142857;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 400;
  color: #FFF;
}
.l-header__child_link:hover {
  color: #FFF;
  opacity: 1;
}
.l-header__btns {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
  margin: 0 0 0 auto;
}
@media (max-width: 1024px) {
  .l-header__btns {
    -moz-column-gap: 1.2rem;
         column-gap: 1.2rem;
  }
}
.l-header__sns {
  display: flex;
  align-items: center;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
  padding-top: 0.5rem;
}
@media (max-width: 1024px) {
  .l-header__sns {
    -moz-column-gap: 1.2rem;
         column-gap: 1.2rem;
    padding-top: 0;
  }
}
.l-header__sns_item {
  height: 2.2rem;
}
@media (max-width: 768px) {
  .l-header__sns_item {
    height: 1.4rem;
  }
}
.l-header__sns_item img {
  width: auto;
  max-width: initial;
  height: 100%;
  vertical-align: middle;
}
.l-header__sns_link {
  transition: 0.3s opacity;
}
.l-header__login {
  display: block;
  width: 3rem;
  padding: 0;
  border: 0;
  background: none;
  text-align: center;
  transition: 0.3s opacity;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .l-header__login {
    display: none;
    width: 2.4rem;
    margin-top: auto;
  }
}
.l-header__login figure,
.l-header__login img {
  width: 100%;
}
.l-header__login_caption {
  display: block;
  margin: 0.3rem auto 0;
  line-height: 1.25;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
  font-family: "Bebas Neue", sans-serif;
  color: #FFF;
}
@media (max-width: 1024px) {
  .l-header__login_caption {
    margin-top: 0.1rem;
    font-size: 1rem;
  }
}
.l-header__login_list {
  display: none;
  position: fixed;
  top: 9.8rem;
  right: 0;
}
@media (max-width: 1024px) {
  .l-header__login_list {
    top: 6rem;
  }
}
.l-header__login_item {
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.85);
  white-space: nowrap;
}
.l-header__login_link {
  display: block;
  padding: 1.6rem 2.2rem 1.6rem 5.4rem;
  box-sizing: border-box;
  position: relative;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: 400;
  color: #FFF;
  transition: 0.3s;
}
.l-header__login_link:hover {
  color: #FFF;
}
.l-header__login_link::before {
  content: "";
  background: 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 2.2rem;
  transform: translateY(-50%);
}
.l-header__login_login::before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/common/icon_login-02.svg);
}
.l-header__login_logout::before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/common/icon_logout.svg);
}
.l-header__login_register::before {
  width: 1.754rem;
  height: 1.754rem;
  background-image: url(../img/common/icon_register.svg);
  left: 2.52rem;
}
.l-header__bottom {
  height: auto;
  border-bottom: 1px solid #FFF;
  box-sizing: border-box;
  background: #000;
  transition: 0.3s transform;
  transform-origin: top;
  transform: scaleY(1);
}
.l-header__bottom.is-sticky {
  background: rgba(0, 0, 0, 0.7);
}
.l-header__bottom.js-scrollDown {
  height: 0;
  transform: scaleY(0);
  transition: 0.1s transform;
}
@media (max-width: 1024px) {
  .l-header__bottom {
    display: none;
  }
}
.l-header__bottom_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.l-header__bottom_item {
  box-sizing: border-box;
}
.l-header__bottom_item + .l-header__bottom_item {
  border-left: 1px solid #FFF;
}
.l-header__bottom_link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.2rem;
  line-height: 1.2142857143;
  letter-spacing: 0.05em;
  font-size: 1.4rem;
  font-weight: 400;
  color: #FFF;
  transition: 0.3s opacity;
}
.l-header__bottom_link:hover {
  color: #FFF;
}
.l-header__bottom_icon {
  position: relative;
}
.l-header__bottom_icon::before {
  content: "";
  background: 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.l-header__bottom_icon.is-mail {
  padding-left: 2.452rem;
}
.l-header__bottom_icon.is-mail::before {
  width: 1.892rem;
  height: 1.322rem;
  background-image: url(../img/common/icon_mail.svg);
}
.l-header__bottom_icon.is-flag {
  padding-left: 2.145rem;
}
.l-header__bottom_icon.is-flag::before {
  width: 1.205rem;
  height: 1.5rem;
  background-image: url(../img/common/icon_flag.svg);
}

.l-footer {
  padding: 4.9rem 0 5.1rem;
  border-top: 1px solid #FFF;
  box-sizing: border-box;
  background: #000;
  position: relative;
}
@media (max-width: 1024px) {
  .l-footer {
    padding: 3.2rem 0 8.85rem;
    border-top: 0;
  }
}
.l-footer::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, var(--blue2), #000 50%);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.4;
}
@media (max-width: 1024px) {
  .l-footer::before {
    background: linear-gradient(to bottom, var(--blue2), #000 30%);
  }
}
.l-footer__container {
  display: flex;
  align-items: flex-start;
  max-width: 112rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 3rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .l-footer__container {
    flex-direction: column;
    align-items: center;
  }
}
.l-footer__head {
  display: flex;
  -moz-column-gap: 2.4rem;
       column-gap: 2.4rem;
}
@media (max-width: 1024px) {
  .l-footer__head {
    margin: 0 auto 3.68rem;
  }
}
.l-footer__logo {
  width: 26.4rem;
}
.l-footer__logo img {
  width: 100%;
}
.l-footer__sns {
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
  padding: 1.8rem 0 0;
}
.l-footer__sns_item {
  height: 1.699rem;
}
.l-footer__sns_item img {
  width: auto;
  max-width: initial;
  height: 100%;
}
.l-footer__sns_link {
  transition: 0.3s opacity;
}
.l-footer__nav {
  display: flex;
  -moz-column-gap: 3.2rem;
       column-gap: 3.2rem;
  margin-left: 4.95rem;
}
@media (max-width: 1024px) {
  .l-footer__nav {
    flex-direction: column;
    row-gap: 1.6rem;
    max-width: 30.427rem;
    width: 100%;
    margin: 0;
  }
}
.l-footer__nav_item + .l-footer__nav_item {
  margin-top: 1.6rem;
}
.l-footer__nav_link {
  display: inline-block;
  padding-left: 1.2rem;
  box-sizing: border-box;
  position: relative;
  line-height: 1.2142857143;
  font-size: 1.4rem;
  font-weight: 400;
  color: #FFF;
  transition: 0.3s opacity;
}
.l-footer__nav_link::before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-top: 0.2rem solid #FFF;
  border-right: 0.2rem solid #FFF;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(45deg);
}
.l-footer__nav_link:hover {
  color: #FFF;
}
.l-footer__pmark {
  width: 5.3rem;
  margin: 0 0 0 auto;
}
@media (max-width: 1024px) {
  .l-footer__pmark {
    margin: 3.25rem auto 0;
  }
}
.l-footer__pmark img {
  max-width: initial;
  width: 100%;
}
.l-footer__copy {
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #FFF;
}
@media (max-width: 1024px) {
  .l-footer__copy {
    margin: 3.2rem auto 0;
    position: static;
  }
}
.l-footer__totop {
  display: block;
  width: 4.6rem;
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  filter: drop-shadow(0 0 2rem var(--blue1));
}
@media (max-width: 768px) {
  .l-footer__totop {
    position: absolute;
    right: 1.9rem;
    bottom: calc(100% - 2.3rem);
  }
}

.l-fixed-nav {
  display: none;
}
@media (max-width: 1024px) {
  .l-fixed-nav {
    display: block;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 20;
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
  }
  .l-fixed-nav__list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .l-fixed-nav__list_item {
    height: 6.05rem;
    box-sizing: border-box;
  }
  .l-fixed-nav__list_item:nth-child(2), .l-fixed-nav__list_item:nth-child(3), .l-fixed-nav__list_item:nth-child(4) {
    border-right: 1px solid var(--gray2);
  }
  .l-fixed-nav__list_button, .l-fixed-nav__list_link {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    padding: 0 0 0.5rem;
    box-sizing: border-box;
    line-height: 1.5714285714;
    letter-spacing: 0.05em;
    font-size: 1.4rem;
    font-weight: 400;
    font-family: "Bebas Neue", sans-serif;
  }
  .l-fixed-nav__list_btn {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 0 0.5rem;
    border: 0;
    box-sizing: border-box;
    background: var(--blue1);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
  }
  .l-fixed-nav__list_btn.open .l-fixed-nav__list_bar::before {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
  }
  .l-fixed-nav__list_btn.open .l-fixed-nav__list_bar::after {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg);
  }
  .l-fixed-nav__list_btn.open .l-fixed-nav__list_bar span {
    opacity: 0;
  }
  .l-fixed-nav__list_btn.open .l-fixed-nav__list_caption::before {
    content: "close";
  }
  .l-fixed-nav__list_bar {
    width: 2rem;
    height: 1.75rem;
    position: relative;
  }
  .l-fixed-nav__list_bar::before, .l-fixed-nav__list_bar::after,
  .l-fixed-nav__list_bar span {
    content: "";
    width: 100%;
    height: 0.25rem;
    background: var(--black1);
    position: absolute;
    left: 0;
    transition: 0.3s;
  }
  .l-fixed-nav__list_bar::before {
    top: 0;
  }
  .l-fixed-nav__list_bar::after {
    bottom: 0;
  }
  .l-fixed-nav__list_bar span {
    top: 50%;
    transform: translateY(-50%);
  }
  .l-fixed-nav__list_caption {
    margin: 0.55rem auto 0;
    line-height: 1.5714285714;
    letter-spacing: 0.05em;
    font-size: 1.4rem;
    font-weight: 400;
    font-family: "Bebas Neue", sans-serif;
    color: var(--black1);
  }
  .l-fixed-nav__list_caption::before {
    content: "menu";
  }
  .l-fixed-nav__list_link {
    color: #FFF;
  }
  .l-fixed-nav__list_link:hover {
    color: #FFF;
    opacity: 1;
  }
  .l-fixed-nav__list_icon {
    position: relative;
  }
  .l-fixed-nav__list_icon::before {
    content: "";
    background: 50% 50% no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .l-fixed-nav__list_icon.is-news {
    padding-top: 2.51rem;
  }
  .l-fixed-nav__list_icon.is-news::before {
    width: 2.316rem;
    height: 1.786rem;
    background-image: url(../img/common/icon_news.svg);
  }
  .l-fixed-nav__list_icon.is-organizer {
    padding-top: 2.564rem;
  }
  .l-fixed-nav__list_icon.is-organizer::before {
    width: 1.91rem;
    height: 1.964rem;
    background-image: url(../img/common/icon_organizer.svg);
  }
  .l-fixed-nav__list_icon.is-entry {
    padding-top: 2.23rem;
  }
  .l-fixed-nav__list_icon.is-entry::before {
    width: 2.65rem;
    height: 1.268rem;
    background-image: url(../img/common/icon_entry.svg);
  }
  .l-fixed-nav__list_icon.is-guide {
    padding-top: 2.803rem;
  }
  .l-fixed-nav__list_icon.is-guide::before {
    width: 1.305rem;
    height: 1.883rem;
    background-image: url(../img/common/icon_guide.svg);
  }
}

.l-hamburger {
  display: none;
}
@media (max-width: 1024px) {
  .l-hamburger {
    display: block;
    width: 100%;
    height: 0;
    background: var(--black1);
    position: fixed;
    top: 6rem;
    left: 0;
    z-index: 10;
    overflow: hidden;
    overflow-y: auto;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: 0.1s transform;
  }
  .l-hamburger.open {
    height: calc(100% - 6rem);
    transform: scaleY(1);
    transition: 0.3s transform;
  }
  .l-hamburger.open .l-hamburger__nav {
    transform: translateY(0);
    opacity: 1;
    transition: 0.3s linear 0.3s;
  }
  .l-hamburger__nav {
    padding: 2.8rem 0 9rem;
    box-sizing: border-box;
    transform: translateY(2rem);
    opacity: 0;
    transition: 0.1s linear 0;
  }
  .l-hamburger__nav_btn {
    display: flex;
    justify-content: center;
    -moz-column-gap: 1.6rem;
         column-gap: 1.6rem;
    margin: 0 auto 2.7rem;
  }
  .l-hamburger__nav_entry {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 16rem;
    width: 100%;
    height: 4.4rem;
    background: var(--blue1);
    position: relative;
    line-height: 1.5;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--black1);
  }
  .l-hamburger__nav_item {
    border-bottom: 1px solid var(--gray3);
    box-sizing: border-box;
  }
  .l-hamburger__nav_link {
    display: block;
    padding: 1.4rem 2rem;
    box-sizing: border-box;
    position: relative;
    line-height: 1.5;
    font-size: 1.6rem;
    font-weight: 400;
    color: #FFF;
  }
  .l-hamburger__nav_link:hover {
    color: #FFF;
    opacity: 1;
  }
  .l-hamburger__nav_link::after {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    right: 3.9rem;
    transform: translateY(-50%) rotate(45deg);
  }
  .l-hamburger__nav_icon {
    display: inline-block;
    padding-left: 3.3rem;
    position: relative;
  }
  .l-hamburger__nav_icon::before {
    content: "";
    background: 50% 50% no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .l-hamburger__nav_icon.is-news::before {
    width: 1.782rem;
    height: 1.782rem;
    background-image: url(../img/common/icon_news.svg);
    left: 0.3rem;
  }
  .l-hamburger__nav_icon.is-calender::before {
    width: 1.762rem;
    height: 1.739rem;
    background-image: url(../img/common/icon_calender.svg);
    left: 0.3rem;
  }
  .l-hamburger__nav_icon.is-guide::before {
    width: 1.205rem;
    height: 1.782rem;
    background-image: url(../img/common/icon_guide.svg);
    left: 0.59rem;
  }
  .l-hamburger__nav_icon.is-manual::before {
    width: 2.059rem;
    height: 1.591rem;
    background-image: url(../img/common/icon_book.svg);
    left: 0.15rem;
  }
  .l-hamburger__nav_icon.is-faq::before {
    width: 1.841rem;
    height: 20.2rem;
    background-image: url(../img/common/icon_question.svg);
    left: 0.3rem;
  }
  .l-hamburger__nav_icon.is-terms::before {
    width: 1.309rem;
    height: 1.663rem;
    background-image: url(../img/common/icon_document.svg);
    left: 0.5rem;
  }
  .l-hamburger__entry_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 4.4rem;
    position: relative;
  }
  .l-hamburger__entry_inner::before, .l-hamburger__entry_inner::after {
    content: "";
    position: absolute;
  }
  .l-hamburger__entry_inner::before {
    border-top: 0.675rem solid var(--black1);
    border-left: 0.675rem solid var(--black1);
    border-right: 0.675rem solid transparent;
    border-bottom: 0.675rem solid transparent;
    top: 0;
    left: 0;
  }
  .l-hamburger__entry_inner::after {
    border-top: 0.675rem solid transparent;
    border-left: 0.675rem solid transparent;
    border-right: 0.675rem solid var(--black1);
    border-bottom: 0.675rem solid var(--black1);
    right: 0;
    bottom: 0;
  }
  .l-hamburger__entry_icon {
    display: inline-block;
    padding-left: 2.884rem;
    position: relative;
  }
  .l-hamburger__entry_icon::before {
    content: "";
    width: 1.754rem;
    height: 1.754rem;
    background: url(../img/common/icon_pen.svg) 50% 50% no-repeat;
    background-size: 100%;
    position: absolute;
    top: 40%;
    left: 0;
    transform: translateY(-50%);
  }
  .l-hamburger__sub {
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem;
    margin: 1.6rem 2rem;
  }
  .l-hamburger__sub_link {
    display: block;
    padding-left: 1.5rem;
    box-sizing: border-box;
    position: relative;
    line-height: 1.2142857143;
    font-size: 1.4rem;
    font-weight: 400;
    color: #FFF;
  }
  .l-hamburger__sub_link:hover {
    color: #FFF;
    opacity: 1;
  }
  .l-hamburger__sub_link::before {
    content: "";
    width: 0.7rem;
    height: 0.7rem;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(45deg);
  }
  .l-hamburger__logdein {
    display: flex;
    justify-content: center;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
    margin: 0 auto 2.5rem;
  }
  .l-hamburger__logdein_btn {
    line-height: 1.5;
    text-decoration: none;
    font-size: 1.6rem;
    color: #FFF;
  }
  .l-hamburger__logdein_btn:hover {
    color: #FFF;
    opacity: 1;
  }
  .l-hamburger__logdein_mypage {
    display: inline-block;
    padding-left: 3.2rem;
    position: relative;
  }
  .l-hamburger__logdein_mypage::before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../img/common/icon_login-02.svg) 50% 50% no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .l-hamburger__logdein_logout {
    display: inline-block;
    padding-left: 3.2rem;
    position: relative;
  }
  .l-hamburger__logdein_logout::before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../img/common/icon_logout.svg) 50% 50% no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}

.l-section {
  position: relative;
}
.l-section--wrap {
  display: grid;
  grid-template-columns: minmax(83.8rem, 1fr) minmax(30rem, 1fr);
  -moz-column-gap: 5.9rem;
       column-gap: 5.9rem;
  row-gap: 12.27rem;
  max-width: 125.7rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 3rem 12rem;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .l-section--wrap {
    grid-template-columns: 100%;
    row-gap: 9.8rem;
  }
}
.l-section-home {
  position: relative;
}
.l-section-home__bg {
  width: 100%;
  height: 100%;
  background: var(--black1) url(../img/top/home_bg.webp) 50% 50% no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 768px) {
  .l-section-home__bg {
    background-image: url(../img/top/home_bg-sp.webp);
  }
}
.l-section-home__bg .firefly {
  width: 0.8vw;
  height: 0.8vw;
  margin: -0.2vw 0 0 9.8vw;
  position: fixed;
  top: 50%;
  left: 50%;
  animation: ease 200s alternate infinite;
  pointer-events: none;
}
.l-section-home__bg .firefly::before, .l-section-home__bg .firefly::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  transform-origin: -10vw;
}
.l-section-home__bg .firefly::before {
  background: #00C5FF;
  opacity: 0.4;
  animation: drift linear alternate infinite;
}
.l-section-home__bg .firefly::after {
  box-shadow: 0 0 0vw 0vw #00C5FF;
  background: white;
  opacity: 0.4;
  animation: drift linear alternate infinite, flash linear infinite;
  filter: blur(12px);
}
.l-section-home__bg .firefly:nth-child(1) {
  animation-name: move1;
}
.l-section-home__bg .firefly:nth-child(1)::before {
  animation-duration: 16s;
}
.l-section-home__bg .firefly:nth-child(1)::after {
  animation-duration: 16s, 5071ms;
  animation-delay: 0ms, 1604ms;
}
.l-section-home__bg .firefly:nth-child(2) {
  animation-name: move2;
}
.l-section-home__bg .firefly:nth-child(2)::before {
  animation-duration: 11s;
}
.l-section-home__bg .firefly:nth-child(2)::after {
  animation-duration: 11s, 7279ms;
  animation-delay: 0ms, 4878ms;
}
.l-section-home__bg .firefly:nth-child(3) {
  animation-name: move3;
}
.l-section-home__bg .firefly:nth-child(3)::before {
  animation-duration: 15s;
}
.l-section-home__bg .firefly:nth-child(3)::after {
  animation-duration: 15s, 6932ms;
  animation-delay: 0ms, 3669ms;
}
.l-section-home__bg .firefly:nth-child(4) {
  animation-name: move4;
}
.l-section-home__bg .firefly:nth-child(4)::before {
  animation-duration: 10s;
}
.l-section-home__bg .firefly:nth-child(4)::after {
  animation-duration: 10s, 7124ms;
  animation-delay: 0ms, 4288ms;
}
.l-section-home__bg .firefly:nth-child(5) {
  animation-name: move5;
}
.l-section-home__bg .firefly:nth-child(5)::before {
  animation-duration: 10s;
}
.l-section-home__bg .firefly:nth-child(5)::after {
  animation-duration: 10s, 5755ms;
  animation-delay: 0ms, 8063ms;
}
.l-section-home__bg .firefly:nth-child(6) {
  animation-name: move6;
}
.l-section-home__bg .firefly:nth-child(6)::before {
  animation-duration: 10s;
}
.l-section-home__bg .firefly:nth-child(6)::after {
  animation-duration: 10s, 9426ms;
  animation-delay: 0ms, 2341ms;
}
.l-section-home__bg .firefly:nth-child(7) {
  animation-name: move7;
}
.l-section-home__bg .firefly:nth-child(7)::before {
  animation-duration: 16s;
}
.l-section-home__bg .firefly:nth-child(7)::after {
  animation-duration: 16s, 5455ms;
  animation-delay: 0ms, 2933ms;
}
.l-section-home__bg .firefly:nth-child(8) {
  animation-name: move8;
}
.l-section-home__bg .firefly:nth-child(8)::before {
  animation-duration: 17s;
}
.l-section-home__bg .firefly:nth-child(8)::after {
  animation-duration: 17s, 6133ms;
  animation-delay: 0ms, 2829ms;
}
.l-section-home__bg .firefly:nth-child(9) {
  animation-name: move9;
}
.l-section-home__bg .firefly:nth-child(9)::before {
  animation-duration: 17s;
}
.l-section-home__bg .firefly:nth-child(9)::after {
  animation-duration: 17s, 8489ms;
  animation-delay: 0ms, 5707ms;
}
.l-section-home__bg .firefly:nth-child(10) {
  animation-name: move10;
}
.l-section-home__bg .firefly:nth-child(10)::before {
  animation-duration: 13s;
}
.l-section-home__bg .firefly:nth-child(10)::after {
  animation-duration: 13s, 7215ms;
  animation-delay: 0ms, 5417ms;
}
.l-section-home__bg .firefly:nth-child(11) {
  animation-name: move11;
}
.l-section-home__bg .firefly:nth-child(11)::before {
  animation-duration: 12s;
}
.l-section-home__bg .firefly:nth-child(11)::after {
  animation-duration: 12s, 8708ms;
  animation-delay: 0ms, 1629ms;
}
.l-section-home__bg .firefly:nth-child(12) {
  animation-name: move12;
}
.l-section-home__bg .firefly:nth-child(12)::before {
  animation-duration: 9s;
}
.l-section-home__bg .firefly:nth-child(12)::after {
  animation-duration: 9s, 6259ms;
  animation-delay: 0ms, 1511ms;
}
.l-section-home__bg .firefly:nth-child(13) {
  animation-name: move13;
}
.l-section-home__bg .firefly:nth-child(13)::before {
  animation-duration: 12s;
}
.l-section-home__bg .firefly:nth-child(13)::after {
  animation-duration: 12s, 6155ms;
  animation-delay: 0ms, 5114ms;
}
.l-section-home__bg .firefly:nth-child(14) {
  animation-name: move14;
}
.l-section-home__bg .firefly:nth-child(14)::before {
  animation-duration: 15s;
}
.l-section-home__bg .firefly:nth-child(14)::after {
  animation-duration: 15s, 6889ms;
  animation-delay: 0ms, 4403ms;
}
.l-section-home__bg .firefly:nth-child(15) {
  animation-name: move15;
}
.l-section-home__bg .firefly:nth-child(15)::before {
  animation-duration: 15s;
}
.l-section-home__bg .firefly:nth-child(15)::after {
  animation-duration: 15s, 7423ms;
  animation-delay: 0ms, 828ms;
}
.l-section-under::before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--black1) url(../img/common/under_bg.webp) 50% 50% no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 768px) {
  .l-section-under::before {
    background-image: url(../img/common/under_bg-sp.webp);
  }
}
.l-section-under--toppadding {
  padding-top: 4rem;
}

@keyframes move1 {
  0% {
    transform: translateX(38vw) translateY(16vh) scale(0.88);
  }
  3.7037037037% {
    transform: translateX(25vw) translateY(-17vh) scale(0.56);
  }
  7.4074074074% {
    transform: translateX(0vw) translateY(-15vh) scale(0.74);
  }
  11.1111111111% {
    transform: translateX(-30vw) translateY(5vh) scale(0.43);
  }
  14.8148148148% {
    transform: translateX(-48vw) translateY(-30vh) scale(0.94);
  }
  18.5185185185% {
    transform: translateX(29vw) translateY(33vh) scale(0.69);
  }
  22.2222222222% {
    transform: translateX(11vw) translateY(-32vh) scale(0.98);
  }
  25.9259259259% {
    transform: translateX(-23vw) translateY(29vh) scale(0.55);
  }
  29.6296296296% {
    transform: translateX(-5vw) translateY(-13vh) scale(0.41);
  }
  33.3333333333% {
    transform: translateX(6vw) translateY(28vh) scale(0.8);
  }
  37.037037037% {
    transform: translateX(10vw) translateY(25vh) scale(0.32);
  }
  40.7407407407% {
    transform: translateX(-18vw) translateY(-42vh) scale(0.87);
  }
  44.4444444444% {
    transform: translateX(-2vw) translateY(42vh) scale(0.75);
  }
  48.1481481481% {
    transform: translateX(11vw) translateY(50vh) scale(0.61);
  }
  51.8518518519% {
    transform: translateX(29vw) translateY(-40vh) scale(0.85);
  }
  55.5555555556% {
    transform: translateX(-22vw) translateY(32vh) scale(0.4);
  }
  59.2592592593% {
    transform: translateX(-19vw) translateY(-13vh) scale(0.3);
  }
  62.962962963% {
    transform: translateX(-6vw) translateY(43vh) scale(0.82);
  }
  66.6666666667% {
    transform: translateX(-13vw) translateY(47vh) scale(0.64);
  }
  70.3703703704% {
    transform: translateX(43vw) translateY(7vh) scale(0.62);
  }
  74.0740740741% {
    transform: translateX(34vw) translateY(19vh) scale(0.95);
  }
  77.7777777778% {
    transform: translateX(-32vw) translateY(-29vh) scale(0.91);
  }
  81.4814814815% {
    transform: translateX(-12vw) translateY(41vh) scale(0.74);
  }
  85.1851851852% {
    transform: translateX(-26vw) translateY(16vh) scale(0.45);
  }
  88.8888888889% {
    transform: translateX(-40vw) translateY(-41vh) scale(0.89);
  }
  92.5925925926% {
    transform: translateX(20vw) translateY(34vh) scale(0.85);
  }
  96.2962962963% {
    transform: translateX(-40vw) translateY(-27vh) scale(0.34);
  }
  100% {
    transform: translateX(24vw) translateY(26vh) scale(0.6);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flash {
  0% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 4vw 1vw #00C5FF;
  }
  85% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.8vw #00C5FF;
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
}
@keyframes move2 {
  0% {
    transform: translateX(-28vw) translateY(-26vh) scale(0.98);
  }
  4% {
    transform: translateX(-3vw) translateY(-1vh) scale(0.65);
  }
  8% {
    transform: translateX(14vw) translateY(-11vh) scale(0.45);
  }
  12% {
    transform: translateX(43vw) translateY(39vh) scale(0.93);
  }
  16% {
    transform: translateX(20vw) translateY(-20vh) scale(0.31);
  }
  20% {
    transform: translateX(15vw) translateY(-4vh) scale(0.89);
  }
  24% {
    transform: translateX(7vw) translateY(40vh) scale(0.87);
  }
  28% {
    transform: translateX(-47vw) translateY(13vh) scale(0.86);
  }
  32% {
    transform: translateX(-33vw) translateY(-28vh) scale(0.9);
  }
  36% {
    transform: translateX(-44vw) translateY(-10vh) scale(0.26);
  }
  40% {
    transform: translateX(4vw) translateY(21vh) scale(0.89);
  }
  44% {
    transform: translateX(17vw) translateY(-21vh) scale(0.86);
  }
  48% {
    transform: translateX(29vw) translateY(-36vh) scale(0.65);
  }
  52% {
    transform: translateX(-47vw) translateY(10vh) scale(0.75);
  }
  56% {
    transform: translateX(-2vw) translateY(-14vh) scale(0.53);
  }
  60% {
    transform: translateX(-10vw) translateY(19vh) scale(0.48);
  }
  64% {
    transform: translateX(2vw) translateY(1vh) scale(0.55);
  }
  68% {
    transform: translateX(-11vw) translateY(21vh) scale(0.75);
  }
  72% {
    transform: translateX(26vw) translateY(-5vh) scale(0.3);
  }
  76% {
    transform: translateX(-21vw) translateY(-22vh) scale(0.53);
  }
  80% {
    transform: translateX(-20vw) translateY(-48vh) scale(0.82);
  }
  84% {
    transform: translateX(-11vw) translateY(-40vh) scale(1);
  }
  88% {
    transform: translateX(-13vw) translateY(-9vh) scale(0.4);
  }
  92% {
    transform: translateX(-8vw) translateY(-22vh) scale(0.29);
  }
  96% {
    transform: translateX(32vw) translateY(47vh) scale(0.5);
  }
  100% {
    transform: translateX(9vw) translateY(-16vh) scale(0.95);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flash {
  0% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 4vw 1vw #00C5FF;
  }
  85% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.8vw #00C5FF;
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
}
@keyframes move3 {
  0% {
    transform: translateX(12vw) translateY(2vh) scale(0.69);
  }
  4.347826087% {
    transform: translateX(-13vw) translateY(-17vh) scale(0.38);
  }
  8.6956521739% {
    transform: translateX(49vw) translateY(30vh) scale(0.78);
  }
  13.0434782609% {
    transform: translateX(-24vw) translateY(-41vh) scale(0.91);
  }
  17.3913043478% {
    transform: translateX(35vw) translateY(-20vh) scale(0.92);
  }
  21.7391304348% {
    transform: translateX(49vw) translateY(-28vh) scale(0.42);
  }
  26.0869565217% {
    transform: translateX(21vw) translateY(33vh) scale(0.76);
  }
  30.4347826087% {
    transform: translateX(-2vw) translateY(-8vh) scale(0.88);
  }
  34.7826086957% {
    transform: translateX(39vw) translateY(17vh) scale(0.39);
  }
  39.1304347826% {
    transform: translateX(4vw) translateY(42vh) scale(0.27);
  }
  43.4782608696% {
    transform: translateX(39vw) translateY(28vh) scale(0.82);
  }
  47.8260869565% {
    transform: translateX(34vw) translateY(-33vh) scale(0.43);
  }
  52.1739130435% {
    transform: translateX(18vw) translateY(-47vh) scale(0.64);
  }
  56.5217391304% {
    transform: translateX(42vw) translateY(-3vh) scale(0.98);
  }
  60.8695652174% {
    transform: translateX(-49vw) translateY(-27vh) scale(0.35);
  }
  65.2173913043% {
    transform: translateX(26vw) translateY(20vh) scale(0.63);
  }
  69.5652173913% {
    transform: translateX(-36vw) translateY(-44vh) scale(0.68);
  }
  73.9130434783% {
    transform: translateX(-11vw) translateY(-21vh) scale(0.45);
  }
  78.2608695652% {
    transform: translateX(-31vw) translateY(13vh) scale(0.47);
  }
  82.6086956522% {
    transform: translateX(23vw) translateY(8vh) scale(0.7);
  }
  86.9565217391% {
    transform: translateX(-1vw) translateY(32vh) scale(0.32);
  }
  91.3043478261% {
    transform: translateX(-36vw) translateY(-48vh) scale(0.8);
  }
  95.652173913% {
    transform: translateX(3vw) translateY(-23vh) scale(0.7);
  }
  100% {
    transform: translateX(3vw) translateY(40vh) scale(0.91);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flash {
  0% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 4vw 1vw #00C5FF;
  }
  85% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.8vw #00C5FF;
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
}
@keyframes move4 {
  0% {
    transform: translateX(6vw) translateY(-26vh) scale(0.43);
  }
  3.5714285714% {
    transform: translateX(-8vw) translateY(30vh) scale(0.63);
  }
  7.1428571429% {
    transform: translateX(-39vw) translateY(-31vh) scale(0.85);
  }
  10.7142857143% {
    transform: translateX(-43vw) translateY(-28vh) scale(0.92);
  }
  14.2857142857% {
    transform: translateX(18vw) translateY(7vh) scale(0.31);
  }
  17.8571428571% {
    transform: translateX(-42vw) translateY(-3vh) scale(0.99);
  }
  21.4285714286% {
    transform: translateX(17vw) translateY(-14vh) scale(0.7);
  }
  25% {
    transform: translateX(38vw) translateY(16vh) scale(0.67);
  }
  28.5714285714% {
    transform: translateX(21vw) translateY(-44vh) scale(0.74);
  }
  32.1428571429% {
    transform: translateX(-47vw) translateY(-4vh) scale(0.96);
  }
  35.7142857143% {
    transform: translateX(47vw) translateY(15vh) scale(0.79);
  }
  39.2857142857% {
    transform: translateX(42vw) translateY(12vh) scale(0.71);
  }
  42.8571428571% {
    transform: translateX(44vw) translateY(22vh) scale(0.74);
  }
  46.4285714286% {
    transform: translateX(38vw) translateY(43vh) scale(0.61);
  }
  50% {
    transform: translateX(-45vw) translateY(4vh) scale(0.88);
  }
  53.5714285714% {
    transform: translateX(21vw) translateY(-6vh) scale(0.57);
  }
  57.1428571429% {
    transform: translateX(-19vw) translateY(9vh) scale(0.5);
  }
  60.7142857143% {
    transform: translateX(-25vw) translateY(-35vh) scale(0.62);
  }
  64.2857142857% {
    transform: translateX(-37vw) translateY(13vh) scale(0.3);
  }
  67.8571428571% {
    transform: translateX(45vw) translateY(-24vh) scale(0.33);
  }
  71.4285714286% {
    transform: translateX(-34vw) translateY(38vh) scale(0.58);
  }
  75% {
    transform: translateX(-36vw) translateY(-29vh) scale(0.48);
  }
  78.5714285714% {
    transform: translateX(46vw) translateY(21vh) scale(0.72);
  }
  82.1428571429% {
    transform: translateX(-22vw) translateY(42vh) scale(0.31);
  }
  85.7142857143% {
    transform: translateX(-38vw) translateY(17vh) scale(0.56);
  }
  89.2857142857% {
    transform: translateX(5vw) translateY(-48vh) scale(0.96);
  }
  92.8571428571% {
    transform: translateX(8vw) translateY(-45vh) scale(0.51);
  }
  96.4285714286% {
    transform: translateX(15vw) translateY(26vh) scale(0.95);
  }
  100% {
    transform: translateX(-22vw) translateY(-48vh) scale(0.6);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flash {
  0% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 4vw 1vw #00C5FF;
  }
  85% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.8vw #00C5FF;
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
}
@keyframes move5 {
  0% {
    transform: translateX(-45vw) translateY(42vh) scale(0.85);
  }
  4% {
    transform: translateX(17vw) translateY(36vh) scale(0.91);
  }
  8% {
    transform: translateX(12vw) translateY(-6vh) scale(0.69);
  }
  12% {
    transform: translateX(-23vw) translateY(5vh) scale(0.3);
  }
  16% {
    transform: translateX(4vw) translateY(-23vh) scale(0.39);
  }
  20% {
    transform: translateX(-2vw) translateY(-2vh) scale(0.27);
  }
  24% {
    transform: translateX(17vw) translateY(14vh) scale(0.29);
  }
  28% {
    transform: translateX(43vw) translateY(31vh) scale(0.9);
  }
  32% {
    transform: translateX(-38vw) translateY(-36vh) scale(0.81);
  }
  36% {
    transform: translateX(10vw) translateY(-47vh) scale(0.9);
  }
  40% {
    transform: translateX(7vw) translateY(25vh) scale(0.74);
  }
  44% {
    transform: translateX(22vw) translateY(33vh) scale(0.88);
  }
  48% {
    transform: translateX(-45vw) translateY(-25vh) scale(0.7);
  }
  52% {
    transform: translateX(-43vw) translateY(32vh) scale(0.72);
  }
  56% {
    transform: translateX(23vw) translateY(-1vh) scale(0.52);
  }
  60% {
    transform: translateX(-25vw) translateY(-28vh) scale(0.45);
  }
  64% {
    transform: translateX(36vw) translateY(-29vh) scale(0.83);
  }
  68% {
    transform: translateX(46vw) translateY(32vh) scale(0.84);
  }
  72% {
    transform: translateX(46vw) translateY(10vh) scale(0.46);
  }
  76% {
    transform: translateX(-21vw) translateY(23vh) scale(0.81);
  }
  80% {
    transform: translateX(-6vw) translateY(-12vh) scale(0.48);
  }
  84% {
    transform: translateX(-43vw) translateY(18vh) scale(0.79);
  }
  88% {
    transform: translateX(42vw) translateY(-6vh) scale(0.37);
  }
  92% {
    transform: translateX(14vw) translateY(-8vh) scale(0.5);
  }
  96% {
    transform: translateX(30vw) translateY(36vh) scale(0.52);
  }
  100% {
    transform: translateX(-20vw) translateY(49vh) scale(0.95);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flash {
  0% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 4vw 1vw #00C5FF;
  }
  85% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.8vw #00C5FF;
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
}
@keyframes move6 {
  0% {
    transform: translateX(-34vw) translateY(23vh) scale(0.76);
  }
  4% {
    transform: translateX(-46vw) translateY(-34vh) scale(0.62);
  }
  8% {
    transform: translateX(31vw) translateY(49vh) scale(0.79);
  }
  12% {
    transform: translateX(1vw) translateY(-37vh) scale(0.39);
  }
  16% {
    transform: translateX(-6vw) translateY(-15vh) scale(0.89);
  }
  20% {
    transform: translateX(37vw) translateY(-19vh) scale(0.7);
  }
  24% {
    transform: translateX(-18vw) translateY(-38vh) scale(0.81);
  }
  28% {
    transform: translateX(32vw) translateY(-28vh) scale(0.69);
  }
  32% {
    transform: translateX(22vw) translateY(40vh) scale(0.45);
  }
  36% {
    transform: translateX(-19vw) translateY(47vh) scale(0.33);
  }
  40% {
    transform: translateX(-28vw) translateY(16vh) scale(0.78);
  }
  44% {
    transform: translateX(-25vw) translateY(-40vh) scale(1);
  }
  48% {
    transform: translateX(-1vw) translateY(47vh) scale(0.93);
  }
  52% {
    transform: translateX(-1vw) translateY(28vh) scale(0.85);
  }
  56% {
    transform: translateX(39vw) translateY(24vh) scale(0.7);
  }
  60% {
    transform: translateX(16vw) translateY(-2vh) scale(0.72);
  }
  64% {
    transform: translateX(39vw) translateY(-41vh) scale(0.85);
  }
  68% {
    transform: translateX(50vw) translateY(-5vh) scale(0.41);
  }
  72% {
    transform: translateX(12vw) translateY(0vh) scale(0.81);
  }
  76% {
    transform: translateX(21vw) translateY(13vh) scale(0.63);
  }
  80% {
    transform: translateX(-36vw) translateY(39vh) scale(0.61);
  }
  84% {
    transform: translateX(-27vw) translateY(-35vh) scale(0.95);
  }
  88% {
    transform: translateX(28vw) translateY(38vh) scale(0.99);
  }
  92% {
    transform: translateX(38vw) translateY(-32vh) scale(0.78);
  }
  96% {
    transform: translateX(-48vw) translateY(23vh) scale(0.78);
  }
  100% {
    transform: translateX(-48vw) translateY(42vh) scale(0.59);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flash {
  0% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 4vw 1vw #00C5FF;
  }
  85% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.8vw #00C5FF;
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
}
@keyframes move7 {
  0% {
    transform: translateX(11vw) translateY(-44vh) scale(0.29);
  }
  4.5454545455% {
    transform: translateX(-6vw) translateY(-29vh) scale(0.61);
  }
  9.0909090909% {
    transform: translateX(-15vw) translateY(-42vh) scale(0.91);
  }
  13.6363636364% {
    transform: translateX(50vw) translateY(-19vh) scale(0.62);
  }
  18.1818181818% {
    transform: translateX(-4vw) translateY(-29vh) scale(0.53);
  }
  22.7272727273% {
    transform: translateX(-30vw) translateY(35vh) scale(0.42);
  }
  27.2727272727% {
    transform: translateX(-28vw) translateY(50vh) scale(0.49);
  }
  31.8181818182% {
    transform: translateX(28vw) translateY(5vh) scale(0.33);
  }
  36.3636363636% {
    transform: translateX(37vw) translateY(8vh) scale(0.77);
  }
  40.9090909091% {
    transform: translateX(-1vw) translateY(-29vh) scale(0.37);
  }
  45.4545454545% {
    transform: translateX(-7vw) translateY(-38vh) scale(0.86);
  }
  50% {
    transform: translateX(-19vw) translateY(-33vh) scale(0.54);
  }
  54.5454545455% {
    transform: translateX(48vw) translateY(-38vh) scale(0.52);
  }
  59.0909090909% {
    transform: translateX(-8vw) translateY(42vh) scale(0.72);
  }
  63.6363636364% {
    transform: translateX(11vw) translateY(5vh) scale(0.83);
  }
  68.1818181818% {
    transform: translateX(-44vw) translateY(41vh) scale(0.48);
  }
  72.7272727273% {
    transform: translateX(-1vw) translateY(-6vh) scale(0.8);
  }
  77.2727272727% {
    transform: translateX(-31vw) translateY(26vh) scale(0.96);
  }
  81.8181818182% {
    transform: translateX(28vw) translateY(22vh) scale(0.79);
  }
  86.3636363636% {
    transform: translateX(50vw) translateY(29vh) scale(0.86);
  }
  90.9090909091% {
    transform: translateX(28vw) translateY(-26vh) scale(0.29);
  }
  95.4545454545% {
    transform: translateX(-9vw) translateY(-34vh) scale(0.6);
  }
  100% {
    transform: translateX(-15vw) translateY(4vh) scale(0.7);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flash {
  0% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 4vw 1vw #00C5FF;
  }
  85% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.8vw #00C5FF;
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
}
@keyframes move8 {
  0% {
    transform: translateX(19vw) translateY(-13vh) scale(0.98);
  }
  5.2631578947% {
    transform: translateX(-10vw) translateY(35vh) scale(0.9);
  }
  10.5263157895% {
    transform: translateX(11vw) translateY(44vh) scale(0.51);
  }
  15.7894736842% {
    transform: translateX(23vw) translateY(-12vh) scale(0.47);
  }
  21.0526315789% {
    transform: translateX(-46vw) translateY(-44vh) scale(0.5);
  }
  26.3157894737% {
    transform: translateX(-49vw) translateY(47vh) scale(0.68);
  }
  31.5789473684% {
    transform: translateX(-28vw) translateY(-14vh) scale(0.94);
  }
  36.8421052632% {
    transform: translateX(-42vw) translateY(20vh) scale(0.77);
  }
  42.1052631579% {
    transform: translateX(46vw) translateY(-33vh) scale(0.69);
  }
  47.3684210526% {
    transform: translateX(24vw) translateY(12vh) scale(0.65);
  }
  52.6315789474% {
    transform: translateX(-9vw) translateY(22vh) scale(0.39);
  }
  57.8947368421% {
    transform: translateX(2vw) translateY(16vh) scale(0.4);
  }
  63.1578947368% {
    transform: translateX(1vw) translateY(38vh) scale(0.53);
  }
  68.4210526316% {
    transform: translateX(43vw) translateY(5vh) scale(0.97);
  }
  73.6842105263% {
    transform: translateX(5vw) translateY(-31vh) scale(0.47);
  }
  78.9473684211% {
    transform: translateX(-43vw) translateY(-27vh) scale(0.65);
  }
  84.2105263158% {
    transform: translateX(-3vw) translateY(19vh) scale(0.55);
  }
  89.4736842105% {
    transform: translateX(-23vw) translateY(-48vh) scale(0.89);
  }
  94.7368421053% {
    transform: translateX(28vw) translateY(40vh) scale(0.4);
  }
  100% {
    transform: translateX(47vw) translateY(36vh) scale(0.65);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flash {
  0% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 4vw 1vw #00C5FF;
  }
  85% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.8vw #00C5FF;
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
}
@keyframes move9 {
  0% {
    transform: translateX(-35vw) translateY(-8vh) scale(1);
  }
  3.7037037037% {
    transform: translateX(-27vw) translateY(-9vh) scale(0.28);
  }
  7.4074074074% {
    transform: translateX(30vw) translateY(0vh) scale(0.44);
  }
  11.1111111111% {
    transform: translateX(-20vw) translateY(-47vh) scale(0.93);
  }
  14.8148148148% {
    transform: translateX(-30vw) translateY(-28vh) scale(0.31);
  }
  18.5185185185% {
    transform: translateX(2vw) translateY(-29vh) scale(0.39);
  }
  22.2222222222% {
    transform: translateX(-11vw) translateY(29vh) scale(0.26);
  }
  25.9259259259% {
    transform: translateX(-10vw) translateY(-8vh) scale(0.35);
  }
  29.6296296296% {
    transform: translateX(21vw) translateY(-27vh) scale(0.79);
  }
  33.3333333333% {
    transform: translateX(-37vw) translateY(-23vh) scale(0.79);
  }
  37.037037037% {
    transform: translateX(1vw) translateY(24vh) scale(0.27);
  }
  40.7407407407% {
    transform: translateX(-17vw) translateY(35vh) scale(0.41);
  }
  44.4444444444% {
    transform: translateX(-17vw) translateY(28vh) scale(0.74);
  }
  48.1481481481% {
    transform: translateX(19vw) translateY(12vh) scale(0.82);
  }
  51.8518518519% {
    transform: translateX(8vw) translateY(15vh) scale(0.52);
  }
  55.5555555556% {
    transform: translateX(-3vw) translateY(34vh) scale(0.7);
  }
  59.2592592593% {
    transform: translateX(-30vw) translateY(1vh) scale(0.43);
  }
  62.962962963% {
    transform: translateX(17vw) translateY(-48vh) scale(0.94);
  }
  66.6666666667% {
    transform: translateX(-32vw) translateY(-10vh) scale(0.89);
  }
  70.3703703704% {
    transform: translateX(-28vw) translateY(47vh) scale(0.43);
  }
  74.0740740741% {
    transform: translateX(12vw) translateY(4vh) scale(0.28);
  }
  77.7777777778% {
    transform: translateX(36vw) translateY(-25vh) scale(0.54);
  }
  81.4814814815% {
    transform: translateX(37vw) translateY(-25vh) scale(0.67);
  }
  85.1851851852% {
    transform: translateX(49vw) translateY(3vh) scale(0.46);
  }
  88.8888888889% {
    transform: translateX(35vw) translateY(-13vh) scale(0.77);
  }
  92.5925925926% {
    transform: translateX(-15vw) translateY(-46vh) scale(0.45);
  }
  96.2962962963% {
    transform: translateX(-11vw) translateY(-18vh) scale(0.7);
  }
  100% {
    transform: translateX(29vw) translateY(14vh) scale(0.65);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flash {
  0% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 4vw 1vw #00C5FF;
  }
  85% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.8vw #00C5FF;
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
}
@keyframes move10 {
  0% {
    transform: translateX(-19vw) translateY(-8vh) scale(0.58);
  }
  4.7619047619% {
    transform: translateX(28vw) translateY(-2vh) scale(0.97);
  }
  9.5238095238% {
    transform: translateX(4vw) translateY(-40vh) scale(0.35);
  }
  14.2857142857% {
    transform: translateX(-12vw) translateY(45vh) scale(0.61);
  }
  19.0476190476% {
    transform: translateX(-47vw) translateY(-36vh) scale(0.31);
  }
  23.8095238095% {
    transform: translateX(-7vw) translateY(48vh) scale(0.66);
  }
  28.5714285714% {
    transform: translateX(-16vw) translateY(-19vh) scale(0.65);
  }
  33.3333333333% {
    transform: translateX(-19vw) translateY(-2vh) scale(0.68);
  }
  38.0952380952% {
    transform: translateX(-45vw) translateY(-21vh) scale(0.6);
  }
  42.8571428571% {
    transform: translateX(28vw) translateY(-32vh) scale(0.44);
  }
  47.619047619% {
    transform: translateX(30vw) translateY(-25vh) scale(0.32);
  }
  52.380952381% {
    transform: translateX(-8vw) translateY(11vh) scale(0.51);
  }
  57.1428571429% {
    transform: translateX(-38vw) translateY(30vh) scale(0.9);
  }
  61.9047619048% {
    transform: translateX(-16vw) translateY(-44vh) scale(0.73);
  }
  66.6666666667% {
    transform: translateX(-6vw) translateY(1vh) scale(0.54);
  }
  71.4285714286% {
    transform: translateX(9vw) translateY(-43vh) scale(0.57);
  }
  76.1904761905% {
    transform: translateX(-36vw) translateY(-3vh) scale(0.6);
  }
  80.9523809524% {
    transform: translateX(-42vw) translateY(9vh) scale(0.93);
  }
  85.7142857143% {
    transform: translateX(-5vw) translateY(42vh) scale(0.66);
  }
  90.4761904762% {
    transform: translateX(-29vw) translateY(45vh) scale(0.79);
  }
  95.2380952381% {
    transform: translateX(43vw) translateY(-3vh) scale(0.83);
  }
  100% {
    transform: translateX(22vw) translateY(11vh) scale(0.71);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flash {
  0% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 4vw 1vw #00C5FF;
  }
  85% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.8vw #00C5FF;
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
}
@keyframes move11 {
  0% {
    transform: translateX(-2vw) translateY(-48vh) scale(0.69);
  }
  4.5454545455% {
    transform: translateX(-26vw) translateY(-18vh) scale(0.53);
  }
  9.0909090909% {
    transform: translateX(3vw) translateY(11vh) scale(0.27);
  }
  13.6363636364% {
    transform: translateX(-28vw) translateY(-17vh) scale(0.38);
  }
  18.1818181818% {
    transform: translateX(-24vw) translateY(24vh) scale(1);
  }
  22.7272727273% {
    transform: translateX(32vw) translateY(-22vh) scale(0.65);
  }
  27.2727272727% {
    transform: translateX(-15vw) translateY(2vh) scale(0.79);
  }
  31.8181818182% {
    transform: translateX(-22vw) translateY(-42vh) scale(0.65);
  }
  36.3636363636% {
    transform: translateX(23vw) translateY(-14vh) scale(0.29);
  }
  40.9090909091% {
    transform: translateX(41vw) translateY(9vh) scale(0.26);
  }
  45.4545454545% {
    transform: translateX(22vw) translateY(14vh) scale(0.94);
  }
  50% {
    transform: translateX(45vw) translateY(12vh) scale(0.78);
  }
  54.5454545455% {
    transform: translateX(-49vw) translateY(-36vh) scale(0.52);
  }
  59.0909090909% {
    transform: translateX(32vw) translateY(50vh) scale(0.79);
  }
  63.6363636364% {
    transform: translateX(-26vw) translateY(-44vh) scale(0.86);
  }
  68.1818181818% {
    transform: translateX(44vw) translateY(-10vh) scale(0.78);
  }
  72.7272727273% {
    transform: translateX(-47vw) translateY(49vh) scale(0.55);
  }
  77.2727272727% {
    transform: translateX(-21vw) translateY(24vh) scale(0.38);
  }
  81.8181818182% {
    transform: translateX(-33vw) translateY(-45vh) scale(0.51);
  }
  86.3636363636% {
    transform: translateX(-33vw) translateY(47vh) scale(0.64);
  }
  90.9090909091% {
    transform: translateX(11vw) translateY(46vh) scale(0.74);
  }
  95.4545454545% {
    transform: translateX(5vw) translateY(-17vh) scale(0.3);
  }
  100% {
    transform: translateX(32vw) translateY(-37vh) scale(0.71);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flash {
  0% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 4vw 1vw #00C5FF;
  }
  85% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.8vw #00C5FF;
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
}
@keyframes move12 {
  0% {
    transform: translateX(-34vw) translateY(-22vh) scale(0.31);
  }
  5.2631578947% {
    transform: translateX(35vw) translateY(19vh) scale(0.8);
  }
  10.5263157895% {
    transform: translateX(-30vw) translateY(44vh) scale(0.81);
  }
  15.7894736842% {
    transform: translateX(-15vw) translateY(-34vh) scale(0.85);
  }
  21.0526315789% {
    transform: translateX(-38vw) translateY(50vh) scale(0.79);
  }
  26.3157894737% {
    transform: translateX(33vw) translateY(-16vh) scale(0.74);
  }
  31.5789473684% {
    transform: translateX(17vw) translateY(-31vh) scale(0.57);
  }
  36.8421052632% {
    transform: translateX(47vw) translateY(-39vh) scale(0.56);
  }
  42.1052631579% {
    transform: translateX(31vw) translateY(25vh) scale(0.8);
  }
  47.3684210526% {
    transform: translateX(11vw) translateY(23vh) scale(0.79);
  }
  52.6315789474% {
    transform: translateX(-21vw) translateY(35vh) scale(0.63);
  }
  57.8947368421% {
    transform: translateX(-34vw) translateY(-2vh) scale(0.64);
  }
  63.1578947368% {
    transform: translateX(-28vw) translateY(31vh) scale(0.26);
  }
  68.4210526316% {
    transform: translateX(-18vw) translateY(-1vh) scale(0.51);
  }
  73.6842105263% {
    transform: translateX(34vw) translateY(22vh) scale(0.67);
  }
  78.9473684211% {
    transform: translateX(-22vw) translateY(-29vh) scale(0.92);
  }
  84.2105263158% {
    transform: translateX(14vw) translateY(34vh) scale(0.52);
  }
  89.4736842105% {
    transform: translateX(-43vw) translateY(24vh) scale(0.62);
  }
  94.7368421053% {
    transform: translateX(-38vw) translateY(3vh) scale(0.34);
  }
  100% {
    transform: translateX(-10vw) translateY(36vh) scale(0.71);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flash {
  0% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 4vw 1vw #00C5FF;
  }
  85% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.8vw #00C5FF;
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
}
@keyframes move13 {
  0% {
    transform: translateX(-7vw) translateY(-7vh) scale(0.38);
  }
  4.347826087% {
    transform: translateX(-15vw) translateY(-23vh) scale(0.54);
  }
  8.6956521739% {
    transform: translateX(5vw) translateY(49vh) scale(0.72);
  }
  13.0434782609% {
    transform: translateX(-26vw) translateY(-12vh) scale(0.42);
  }
  17.3913043478% {
    transform: translateX(15vw) translateY(47vh) scale(0.66);
  }
  21.7391304348% {
    transform: translateX(34vw) translateY(4vh) scale(0.53);
  }
  26.0869565217% {
    transform: translateX(-4vw) translateY(-27vh) scale(0.89);
  }
  30.4347826087% {
    transform: translateX(-4vw) translateY(16vh) scale(0.54);
  }
  34.7826086957% {
    transform: translateX(-8vw) translateY(-10vh) scale(0.62);
  }
  39.1304347826% {
    transform: translateX(-3vw) translateY(36vh) scale(0.69);
  }
  43.4782608696% {
    transform: translateX(-20vw) translateY(20vh) scale(0.8);
  }
  47.8260869565% {
    transform: translateX(-29vw) translateY(36vh) scale(0.78);
  }
  52.1739130435% {
    transform: translateX(24vw) translateY(36vh) scale(0.32);
  }
  56.5217391304% {
    transform: translateX(-7vw) translateY(-6vh) scale(0.28);
  }
  60.8695652174% {
    transform: translateX(-15vw) translateY(28vh) scale(0.48);
  }
  65.2173913043% {
    transform: translateX(-46vw) translateY(-38vh) scale(0.56);
  }
  69.5652173913% {
    transform: translateX(-38vw) translateY(4vh) scale(0.34);
  }
  73.9130434783% {
    transform: translateX(-43vw) translateY(49vh) scale(0.73);
  }
  78.2608695652% {
    transform: translateX(6vw) translateY(20vh) scale(0.92);
  }
  82.6086956522% {
    transform: translateX(19vw) translateY(49vh) scale(0.59);
  }
  86.9565217391% {
    transform: translateX(-49vw) translateY(19vh) scale(0.5);
  }
  91.3043478261% {
    transform: translateX(16vw) translateY(1vh) scale(0.74);
  }
  95.652173913% {
    transform: translateX(24vw) translateY(-12vh) scale(0.96);
  }
  100% {
    transform: translateX(23vw) translateY(-43vh) scale(0.94);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flash {
  0% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 4vw 1vw #00C5FF;
  }
  85% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.8vw #00C5FF;
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
}
@keyframes move14 {
  0% {
    transform: translateX(18vw) translateY(-5vh) scale(0.79);
  }
  5.8823529412% {
    transform: translateX(47vw) translateY(-18vh) scale(0.72);
  }
  11.7647058824% {
    transform: translateX(-42vw) translateY(7vh) scale(0.48);
  }
  17.6470588235% {
    transform: translateX(-1vw) translateY(47vh) scale(0.31);
  }
  23.5294117647% {
    transform: translateX(23vw) translateY(49vh) scale(0.51);
  }
  29.4117647059% {
    transform: translateX(-42vw) translateY(-27vh) scale(0.77);
  }
  35.2941176471% {
    transform: translateX(14vw) translateY(-47vh) scale(0.59);
  }
  41.1764705882% {
    transform: translateX(-26vw) translateY(8vh) scale(0.61);
  }
  47.0588235294% {
    transform: translateX(1vw) translateY(8vh) scale(0.59);
  }
  52.9411764706% {
    transform: translateX(24vw) translateY(-13vh) scale(0.84);
  }
  58.8235294118% {
    transform: translateX(-42vw) translateY(-27vh) scale(0.37);
  }
  64.7058823529% {
    transform: translateX(5vw) translateY(-40vh) scale(0.44);
  }
  70.5882352941% {
    transform: translateX(-41vw) translateY(-36vh) scale(0.58);
  }
  76.4705882353% {
    transform: translateX(26vw) translateY(43vh) scale(0.35);
  }
  82.3529411765% {
    transform: translateX(-32vw) translateY(-23vh) scale(0.88);
  }
  88.2352941176% {
    transform: translateX(17vw) translateY(31vh) scale(0.99);
  }
  94.1176470588% {
    transform: translateX(9vw) translateY(-40vh) scale(0.84);
  }
  100% {
    transform: translateX(-23vw) translateY(25vh) scale(0.98);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flash {
  0% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 4vw 1vw #00C5FF;
  }
  85% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.8vw #00C5FF;
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
}
@keyframes move15 {
  0% {
    transform: translateX(-8vw) translateY(-39vh) scale(0.63);
  }
  3.8461538462% {
    transform: translateX(-14vw) translateY(30vh) scale(0.41);
  }
  7.6923076923% {
    transform: translateX(-9vw) translateY(2vh) scale(0.59);
  }
  11.5384615385% {
    transform: translateX(-30vw) translateY(-28vh) scale(0.91);
  }
  15.3846153846% {
    transform: translateX(-27vw) translateY(-22vh) scale(0.95);
  }
  19.2307692308% {
    transform: translateX(-24vw) translateY(-32vh) scale(0.47);
  }
  23.0769230769% {
    transform: translateX(49vw) translateY(46vh) scale(0.52);
  }
  26.9230769231% {
    transform: translateX(46vw) translateY(-14vh) scale(0.91);
  }
  30.7692307692% {
    transform: translateX(20vw) translateY(-15vh) scale(0.4);
  }
  34.6153846154% {
    transform: translateX(37vw) translateY(43vh) scale(0.93);
  }
  38.4615384615% {
    transform: translateX(3vw) translateY(-44vh) scale(0.34);
  }
  42.3076923077% {
    transform: translateX(-5vw) translateY(19vh) scale(0.78);
  }
  46.1538461538% {
    transform: translateX(12vw) translateY(-6vh) scale(0.97);
  }
  50% {
    transform: translateX(39vw) translateY(-19vh) scale(0.27);
  }
  53.8461538462% {
    transform: translateX(32vw) translateY(49vh) scale(0.69);
  }
  57.6923076923% {
    transform: translateX(32vw) translateY(-6vh) scale(0.9);
  }
  61.5384615385% {
    transform: translateX(24vw) translateY(45vh) scale(0.77);
  }
  65.3846153846% {
    transform: translateX(44vw) translateY(-32vh) scale(0.54);
  }
  69.2307692308% {
    transform: translateX(2vw) translateY(18vh) scale(0.45);
  }
  73.0769230769% {
    transform: translateX(-32vw) translateY(-31vh) scale(0.77);
  }
  76.9230769231% {
    transform: translateX(1vw) translateY(6vh) scale(0.6);
  }
  80.7692307692% {
    transform: translateX(37vw) translateY(-11vh) scale(0.48);
  }
  84.6153846154% {
    transform: translateX(31vw) translateY(37vh) scale(0.94);
  }
  88.4615384615% {
    transform: translateX(-45vw) translateY(17vh) scale(0.68);
  }
  92.3076923077% {
    transform: translateX(16vw) translateY(45vh) scale(0.86);
  }
  96.1538461538% {
    transform: translateX(18vw) translateY(-34vh) scale(0.29);
  }
  100% {
    transform: translateX(2vw) translateY(-47vh) scale(0.33);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flash {
  0% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 4vw 1vw #00C5FF;
  }
  85% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.8vw #00C5FF;
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw #00C5FF;
  }
}
.l-container {
  width: 100%;
  margin: 0 auto;
  padding: 0 3rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .l-container {
    padding: 0 2rem;
  }
}
.l-container--ptn1 {
  max-width: 114rem;
}
.l-container--ptn2 {
  max-width: 125.7rem;
}
.l-container--ptn3 {
  max-width: 84rem;
}
.l-container--ptn4 {
  max-width: 88rem;
}
.l-container--ptn5 {
  max-width: 102rem;
}
.l-container--ptn6 {
  max-width: 103.2rem;
}
.l-container-normal {
  line-height: 180%;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .l-container-normal {
    font-size: 1.4rem;
  }
}
.l-container-normal + .l-container-normal {
  margin-top: 4rem;
}

.l-card-list--ptn1 {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2.4rem;
       column-gap: 2.4rem;
  row-gap: 2.4rem;
}
@media (max-width: 768px) {
  .l-card-list--ptn1 {
    -moz-column-gap: 1.6rem;
         column-gap: 1.6rem;
    row-gap: 1.6rem;
  }
}
.l-card-list--ptn1 .l-card-item {
  width: calc((100% - 4.8rem) / 3);
}
@media (max-width: 768px) {
  .l-card-list--ptn1 .l-card-item {
    width: calc((100% - 1.6rem) / 2);
  }
}
.l-card-list--ptn1 .l-card-item.l-card-item--ptn1-pickup {
  width: calc((100% - 2.4rem) / 2);
}
@media (max-width: 768px) {
  .l-card-list--ptn1 .l-card-item.l-card-item--ptn1-pickup {
    width: 100%;
  }
}
.l-card-list--ptn2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 2.4rem;
       column-gap: 2.4rem;
  row-gap: 2.4rem;
}
@media (max-width: 768px) {
  .l-card-list--ptn2 {
    grid-template-columns: 100%;
    row-gap: 1.6rem;
  }
}
.l-card-list--ptn3 {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2.4rem;
       column-gap: 2.4rem;
  row-gap: 2.4rem;
}
@media (max-width: 768px) {
  .l-card-list--ptn3 {
    -moz-column-gap: 1.6rem;
         column-gap: 1.6rem;
    row-gap: 1.6rem;
  }
}
.l-card-list--ptn3 .l-card-item {
  width: calc((100% - 4.8rem) / 3);
}
@media (max-width: 768px) {
  .l-card-list--ptn3 .l-card-item {
    width: 100%;
  }
}
.l-card-list--ptn3 .l-card-item.l-card-item--ptn1-pickup {
  width: calc((100% - 2.4rem) / 2);
}
@media (max-width: 768px) {
  .l-card-list--ptn3 .l-card-item.l-card-item--ptn1-pickup {
    width: 100%;
  }
}
.l-card-list--ptn4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 1.4rem;
       column-gap: 1.4rem;
  row-gap: 1.4rem;
}
@media (max-width: 768px) {
  .l-card-list--ptn4 {
    grid-template-columns: 100%;
    row-gap: 1rem;
  }
}

.l-card-item--ptn1 {
  padding: 0.6rem;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 768px) {
  .l-card-item--ptn1 {
    padding: 0.4rem;
  }
}
.l-card-item--ptn1::before, .l-card-item--ptn1::after {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url(../img/common/corner-02.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
}
.l-card-item--ptn1::before {
  top: 0;
  left: 0;
}
.l-card-item--ptn1::after {
  right: 0;
  bottom: 0;
  transform: scale(-1, -1);
}
.l-card-item--ptn1:hover .l-card-item__inner {
  box-shadow: 0 0 2.4rem var(--blue1);
}
.l-card-item--ptn1.js-hidden {
  display: none;
}
.l-card-item--ptn1 .l-card-item__inner {
  height: 100%;
  padding: 1rem 1rem 4rem;
  border: 1px solid var(--blue1);
  box-shadow: 0 0 2.4rem var(--black1);
  box-sizing: border-box;
  background: var(--black1);
  transition: 0.3s box-shadow;
}
@media (max-width: 768px) {
  .l-card-item--ptn1 .l-card-item__inner {
    padding: 0.5rem 0.5rem 3rem;
    box-shadow: 0 0 1.6rem var(--blue1);
  }
}
.l-card-item--ptn1 .l-card-item__thumbnail {
  display: block;
  width: 100%;
  aspect-ratio: 1/0.799;
  overflow: hidden;
}
@media (max-width: 768px) {
  .l-card-item--ptn1 .l-card-item__thumbnail {
    aspect-ratio: 1/0.835;
  }
}
.l-card-item--ptn1 .l-card-item__thumbnail:hover {
  opacity: 1;
}
.l-card-item--ptn1 .l-card-item__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-card-item--ptn1 .l-card-item__content {
  padding: 2.4rem 0 0;
}
@media (max-width: 768px) {
  .l-card-item--ptn1 .l-card-item__content {
    padding: 1.4rem 0.5rem 0;
  }
}
.l-card-item--ptn1 .l-card-item__content_head {
  display: flex;
  align-items: center;
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;
  margin: 0 0 1.6rem;
}
@media (max-width: 768px) {
  .l-card-item--ptn1 .l-card-item__content_head {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 1.6rem;
  }
}
.l-card-item--ptn1 .l-card-item__date {
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-size: 1.6rem;
  font-weight: 300;
  font-family: "Oswald", sans-serif;
  color: #FFF;
}
@media (max-width: 768px) {
  .l-card-item--ptn1 .l-card-item__date {
    font-size: 1.4rem;
  }
}
.l-card-item--ptn1 .l-card-item__date_year {
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .l-card-item--ptn1 .l-card-item__date_year {
    font-size: 1.2rem;
  }
}
.l-card-item--ptn1 .l-card-item__date-ptn2 {
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-size: 2.6rem;
  font-weight: 300;
  color: #FFF;
}
@media (max-width: 768px) {
  .l-card-item--ptn1 .l-card-item__date-ptn2 {
    font-size: 1.8rem;
  }
}
.l-card-item--ptn1 .l-card-item__cat {
  display: inline-block;
  padding: 0.2rem 1rem;
  box-sizing: border-box;
  background: var(--blue1);
  line-height: 1.4166666667;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--black1);
  transform: skewX(-30deg);
}
@media (max-width: 768px) {
  .l-card-item--ptn1 .l-card-item__cat {
    font-size: 1.1rem;
  }
}
.l-card-item--ptn1 .l-card-item__cat:hover {
  opacity: 1;
}
.l-card-item--ptn1 .l-card-item__cat_inner {
  display: inline-block;
  transform: skewX(30deg);
}
.l-card-item--ptn1 .l-card-item__title {
  line-height: 1.3333333333;
  font-size: 1.8rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  .l-card-item--ptn1 .l-card-item__title {
    line-height: 1.5384615385;
    font-size: 1.3rem;
  }
}
.l-card-item--ptn1 .l-card-item__title_link {
  color: var(--blue1);
}
.l-card-item--ptn1 .l-card-item__title_link:hover {
  opacity: 1;
}
.l-card-item--ptn1.l-card-item--ptn1-pickup::before, .l-card-item--ptn1.l-card-item--ptn1-pickup::after {
  background-image: url(../img/common/corner-01.svg);
}
.l-card-item--ptn1.l-card-item--ptn1-pickup .l-card-item__thumbnail {
  aspect-ratio: 1/0.833;
}
@media (max-width: 768px) {
  .l-card-item--ptn1.l-card-item--ptn1-pickup .l-card-item__thumbnail {
    aspect-ratio: 1/0.796;
  }
}
@media (max-width: 768px) {
  .l-card-item--ptn1-v2 .l-card-item__inner {
    display: grid;
    grid-template-columns: 24.9rem 1fr;
    -moz-column-gap: 2.4rem;
         column-gap: 2.4rem;
    padding: 1rem;
    border: 1px solid var(--blue1);
    box-shadow: 0 0 2.4rem var(--black1);
    box-sizing: border-box;
    background: var(--black1);
    transition: 0.3s box-shadow;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .l-card-item--ptn1-v2 .l-card-item__inner {
    grid-template-columns: 1fr 16.8rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    padding: 1rem;
    box-shadow: 0 0 1.6rem var(--blue1);
  }
}
@media (max-width: 768px) {
  .l-card-item--ptn1-v2 .l-card-item__thumbnail {
    aspect-ratio: 1/0.833;
    overflow: hidden;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .l-card-item--ptn1-v2 .l-card-item__thumbnail {
    order: 2;
    align-self: center;
  }
}
@media (max-width: 768px) {
  .l-card-item--ptn1-v2 .l-card-item__thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .l-card-item--ptn1-v2 .l-card-item__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    row-gap: 1.6rem;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .l-card-item--ptn1-v2 .l-card-item__content {
    order: 1;
  }
}
@media (max-width: 768px) {
  .l-card-item--ptn1-v2 .l-card-item__date {
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-size: 2.6rem;
    font-weight: 300;
    font-family: "Oswald", sans-serif;
    color: #FFF;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .l-card-item--ptn1-v2 .l-card-item__date {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .l-card-item--ptn1-v2 .l-card-item__date_year {
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .l-card-item--ptn1-v2 .l-card-item__date_year {
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .l-card-item--ptn1-v2 .l-card-item__cat {
    display: inline-block;
    padding: 0.2rem 1rem;
    box-sizing: border-box;
    background: var(--blue1);
    line-height: 1.4166666667;
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--black1);
    transform: skewX(-30deg);
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .l-card-item--ptn1-v2 .l-card-item__cat {
    font-size: 1.1rem;
    transform: skewX(-30deg) translateX(1rem);
  }
}
@media (max-width: 768px) {
  .l-card-item--ptn1-v2 .l-card-item__cat:hover {
    opacity: 1;
  }
  .l-card-item--ptn1-v2 .l-card-item__cat_inner {
    display: inline-block;
    transform: skewX(30deg);
  }
  .l-card-item--ptn1-v2 .l-card-item__title {
    line-height: 1.3333333333;
    font-size: 1.8rem;
    font-weight: 400;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .l-card-item--ptn1-v2 .l-card-item__title {
    line-height: 1.5384615385;
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .l-card-item--ptn1-v2 .l-card-item__title_link {
    color: var(--blue1);
  }
  .l-card-item--ptn1-v2 .l-card-item__title_link:hover {
    opacity: 1;
  }
}
.l-card-item--ptn2 {
  padding: 0.6rem;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 768px) {
  .l-card-item--ptn2 {
    padding: 0.4rem;
  }
}
.l-card-item--ptn2::before, .l-card-item--ptn2::after {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url(../img/common/corner-02.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
}
.l-card-item--ptn2::before {
  top: 0;
  left: 0;
}
.l-card-item--ptn2::after {
  right: 0;
  bottom: 0;
  transform: scale(-1, -1);
}
.l-card-item--ptn2:hover .l-card-item__inner {
  box-shadow: 0 0 2.4rem var(--blue1);
}
.l-card-item--ptn2 .l-card-item__inner {
  display: grid;
  grid-template-columns: 24.9rem 1fr;
  -moz-column-gap: 2.4rem;
       column-gap: 2.4rem;
  padding: 1rem;
  border: 1px solid var(--blue1);
  box-shadow: 0 0 2.4rem var(--black1);
  box-sizing: border-box;
  background: var(--black1);
  transition: 0.3s box-shadow;
}
@media (max-width: 768px) {
  .l-card-item--ptn2 .l-card-item__inner {
    grid-template-columns: 1fr 16.8rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    padding: 1rem;
    box-shadow: 0 0 1.6rem var(--blue1);
  }
}
.l-card-item--ptn2 .l-card-item__thumbnail {
  aspect-ratio: 1/0.833;
  overflow: hidden;
}
@media (max-width: 768px) {
  .l-card-item--ptn2 .l-card-item__thumbnail {
    order: 2;
    align-self: center;
  }
}
.l-card-item--ptn2 .l-card-item__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-card-item--ptn2 .l-card-item__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  row-gap: 1.6rem;
}
@media (max-width: 768px) {
  .l-card-item--ptn2 .l-card-item__content {
    order: 1;
  }
}
.l-card-item--ptn2 .l-card-item__date {
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-size: 2.6rem;
  font-weight: 300;
  font-family: "Oswald", sans-serif;
  color: #FFF;
}
@media (max-width: 768px) {
  .l-card-item--ptn2 .l-card-item__date {
    font-size: 1.8rem;
  }
}
.l-card-item--ptn2 .l-card-item__date_year {
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .l-card-item--ptn2 .l-card-item__date_year {
    font-size: 1.2rem;
  }
}
.l-card-item--ptn2 .l-card-item__cat {
  display: inline-block;
  padding: 0.2rem 1rem;
  box-sizing: border-box;
  background: var(--blue1);
  line-height: 1.4166666667;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--black1);
  transform: skewX(-30deg);
}
@media (max-width: 768px) {
  .l-card-item--ptn2 .l-card-item__cat {
    font-size: 1.1rem;
    transform: skewX(-30deg) translateX(1rem);
  }
}
.l-card-item--ptn2 .l-card-item__cat:hover {
  opacity: 1;
}
.l-card-item--ptn2 .l-card-item__cat_inner {
  display: inline-block;
  transform: skewX(30deg);
}
.l-card-item--ptn2 .l-card-item__title {
  line-height: 1.3333333333;
  font-size: 1.8rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  .l-card-item--ptn2 .l-card-item__title {
    line-height: 1.5384615385;
    font-size: 1.3rem;
  }
}
.l-card-item--ptn2 .l-card-item__title_link {
  color: var(--blue1);
}
.l-card-item--ptn2 .l-card-item__title_link:hover {
  opacity: 1;
}
.l-card-item__title, .l-card-item__cat {
  word-break: break-all;
}
.l-card-item__thumbnail:hover {
  opacity: 1;
}

.l-tournament-list--ptn1 {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 2.4rem;
  max-width: 87.2rem;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .l-tournament-list--ptn1 {
    row-gap: 1.6rem;
  }
}

.l-tournament-item--ptn1 {
  padding: 0.6rem;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 768px) {
  .l-tournament-item--ptn1 {
    padding: 0.4rem;
  }
}
.l-tournament-item--ptn1::before, .l-tournament-item--ptn1::after {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url(../img/common/corner-02.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
}
.l-tournament-item--ptn1::before {
  top: 0;
  left: 0;
}
.l-tournament-item--ptn1::after {
  right: 0;
  bottom: 0;
  transform: scale(-1, -1);
}
.l-tournament-item--ptn1 .l-tournament-item__inner {
  display: grid;
  grid-template-columns: 1fr 3rem;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
  padding: 2rem 3rem;
  border: 1px solid var(--blue1);
  box-shadow: 0 0 2.4rem var(--blue1);
  box-sizing: border-box;
  background: url(../img/top/tournament-item_bg.webp) 50% 50% repeat-y;
  background-size: 100%;
  transition: 0.3s box-shadow;
}
@media (max-width: 768px) {
  .l-tournament-item--ptn1 .l-tournament-item__inner {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    padding: 1.5rem 2.25rem;
    box-shadow: 0 0 1.6rem var(--blue1);
  }
}
.l-tournament-item--ptn1 .l-tournament-item__head {
  display: flex;
  align-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  margin: 0 0 1.35rem;
}
@media (max-width: 768px) {
  .l-tournament-item--ptn1 .l-tournament-item__head {
    -moz-column-gap: 0.95rem;
         column-gap: 0.95rem;
    margin-bottom: 1.3rem;
  }
}
.l-tournament-item--ptn1 .l-tournament-item__date {
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-size: 1.6rem;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  color: #FFF;
}
@media (max-width: 768px) {
  .l-tournament-item--ptn1 .l-tournament-item__date {
    font-size: 1.3rem;
  }
}
.l-tournament-item--ptn1 .l-tournament-item__cat {
  display: inline-block;
  padding: 0.1rem 2.6rem;
  box-sizing: border-box;
  background: var(--blue1);
  transform: skewX(-30deg);
  line-height: 1.4615384615;
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--black1);
}
@media (max-width: 768px) {
  .l-tournament-item--ptn1 .l-tournament-item__cat {
    padding: 0.085rem 2rem;
    font-size: 1.1rem;
  }
}
.l-tournament-item--ptn1 .l-tournament-item__cat_inner {
  display: inline-block;
  transform: skewX(30deg);
}
.l-tournament-item--ptn1 .l-tournament-item__title {
  line-height: 1.1875;
  font-size: 1.6rem;
  font-weight: 400;
  color: #FFF;
}
@media (max-width: 768px) {
  .l-tournament-item--ptn1 .l-tournament-item__title {
    line-height: 1.4615384615;
    font-size: 1.3rem;
  }
}
.l-tournament-item--ptn1 .l-tournament-item__links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 1.4rem;
}
@media (max-width: 768px) {
  .l-tournament-item--ptn1 .l-tournament-item__links {
    row-gap: 1.2rem;
  }
}
.l-tournament-item--ptn1 .l-tournament-item__links_item {
  display: block;
  transition: 0.3s transform;
  transform-origin: center;
}
.l-tournament-item--ptn1 .l-tournament-item__links_item:hover {
  transform: scale(1.3333333333);
  opacity: 0.8;
}
.l-tournament-item--ptn1 .l-tournament-item__links_item img {
  width: 100%;
}

.l-page-header {
  padding: 4rem 0 5.64rem;
}
.l-page-header__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 1.5rem;
  margin: 0 auto;
}
.l-page-header__title_en {
  line-height: 0.8;
  font-size: 9.6rem;
  font-weight: 400;
  font-style: italic;
  font-family: "Bebas Neue", sans-serif;
  color: #FFF;
}
@media (max-width: 768px) {
  .l-page-header__title_en {
    font-size: 4.4rem;
  }
}
.l-page-header__title_jp {
  display: inline-block;
  position: relative;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-size: 1.4rem;
  font-weight: 500;
  color: #FFF;
}
.l-page-header__title_jp::before, .l-page-header__title_jp::after {
  content: "";
  width: 8.24rem;
  height: 2rem;
  background: url(../img/common/title_decoration-01.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.l-page-header__title_jp::before {
  left: calc(100% + 1rem);
  transform: translateY(-50%) scale(-1, -1);
}
.l-page-header__title_jp::after {
  right: calc(100% + 1rem);
}

.l-cat-nav {
  padding: 0 0 5.64rem;
}
@media (max-width: 768px) {
  .l-cat-nav {
    padding: 0 0 4rem;
  }
}
.l-cat-nav__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  row-gap: 1.5rem;
}
@media (max-width: 768px) {
  .l-cat-nav__list {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    padding: 0 3rem;
    box-sizing: border-box;
    overflow: hidden;
    overflow-x: auto;
  }
}
.l-cat-nav__link {
  display: inline-block;
  padding: 0.24rem 2.1rem;
  border: 0.2rem solid var(--blue1);
  box-sizing: border-box;
  background: var(--blue1);
  line-height: 1.4285714286;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--black1);
  transform: skewX(-30deg);
  transition: 0.3s;
}
@media (max-width: 768px) {
  .l-cat-nav__link {
    white-space: nowrap;
  }
}
.l-cat-nav__link_inner {
  display: inline-block;
  transform: skewX(30deg);
}
.l-cat-nav__link:hover, .l-cat-nav__link-current {
  background: var(--black1);
  color: var(--blue1);
  opacity: 1;
}

.l-paginate-links {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  margin: 4rem auto 0;
}
@media (max-width: 768px) {
  .l-paginate-links {
    padding: 0 2rem 7.8rem;
    position: relative;
  }
}
.l-paginate-links .page-numbers {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  border: 0.1rem solid var(--blue1);
  box-shadow: 0 0 1.2rem var(--blue1) inset;
  box-sizing: border-box;
  position: relative;
  line-height: 1.333333;
  letter-spacing: 0.05em;
  font-size: 2.1rem;
  font-weight: 400;
  font-family: "Barlow", sans-serif;
  color: var(--blue1);
  transition: 0.3s;
}
.l-paginate-links .page-numbers::after {
  content: "";
  width: 100%;
  height: 100%;
  border: 0.1rem solid var(--blue1);
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
}
.l-paginate-links .page-numbers:hover, .l-paginate-links .page-numbers.current {
  box-shadow: 0 0 0 transparent;
  background: var(--blue1);
  color: var(--black1);
  opacity: 1;
}
.l-paginate-links .page-numbers.prev, .l-paginate-links .page-numbers.next {
  display: inline-block;
  width: auto;
  height: auto;
  border: 0;
  box-shadow: 0 0 0 transparent;
  line-height: 1.48;
  letter-spacing: 0.04em;
  font-size: 2.5rem;
  font-weight: 400;
  font-family: "Bebas Neue", sans-serif;
}
@media (max-width: 768px) {
  .l-paginate-links .page-numbers.prev, .l-paginate-links .page-numbers.next {
    position: absolute;
    bottom: 0;
  }
}
.l-paginate-links .page-numbers.prev::before, .l-paginate-links .page-numbers.next::before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/common/corner-02.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
}
.l-paginate-links .page-numbers.prev::after, .l-paginate-links .page-numbers.next::after {
  display: none;
}
.l-paginate-links .page-numbers.prev:hover, .l-paginate-links .page-numbers.next:hover {
  background: transparent;
  letter-spacing: 0.2em;
  color: var(--blue1);
}
.l-paginate-links .page-numbers.prev {
  margin-right: 3.85rem;
  padding: 0.6rem 0 0.6rem 3.25rem;
}
@media (max-width: 768px) {
  .l-paginate-links .page-numbers.prev {
    left: 0;
  }
}
.l-paginate-links .page-numbers.prev::before {
  top: 0;
  left: 0;
}
.l-paginate-links .page-numbers.next {
  margin-left: 3.85rem;
  padding: 0.6rem 3.25rem 0.6rem 0;
}
@media (max-width: 768px) {
  .l-paginate-links .page-numbers.next {
    right: 0;
  }
}
.l-paginate-links .page-numbers.next::before {
  right: 0;
  bottom: 0;
  transform: scale(-1, -1);
}

.l-sidebar {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 2rem;
}
.l-sidebar__item_link {
  transition: 0.3s;
  cursor: pointer;
}
.l-sidebar__item img {
  width: 100%;
}

.l-breadcrumbs {
  padding: 1.5rem 1rem;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .l-breadcrumbs {
    padding: 1.2rem 1.6rem;
    overflow: hidden;
    overflow-x: auto;
  }
}
.l-breadcrumbs__list {
  display: flex;
  -moz-column-gap: 2.4rem;
       column-gap: 2.4rem;
  line-height: 1.9285714286;
  font-size: 1.4rem;
  color: #FFF;
}
@media (max-width: 768px) {
  .l-breadcrumbs__list {
    -moz-column-gap: 2.2rem;
         column-gap: 2.2rem;
    white-space: nowrap;
    font-size: 1.2rem;
  }
}
.l-breadcrumbs__list_item + .l-breadcrumbs__list_item {
  position: relative;
}
.l-breadcrumbs__list_item + .l-breadcrumbs__list_item::before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  position: absolute;
  top: 50%;
  right: calc(100% + 1rem);
  transform: translateY(-50%) rotate(45deg);
}
.l-breadcrumbs__list_link {
  text-decoration: underline;
  color: #FFF;
  transition: 0.3s;
}
.l-breadcrumbs__list_link:hover {
  color: #FFF;
}

.l-border-wrap {
  position: relative;
}
.l-border-wrap--ptn1 {
  padding: 0.6rem;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 768px) {
  .l-border-wrap--ptn1 {
    padding: 0.4rem;
  }
}
.l-border-wrap--ptn1::before, .l-border-wrap--ptn1::after {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url(../img/common/corner-02.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
}
.l-border-wrap--ptn1::before {
  top: 0;
  left: 0;
}
.l-border-wrap--ptn1::after {
  right: 0;
  bottom: 0;
  transform: scale(-1, -1);
}
.l-border-wrap--ptn1 + .l-border-wrap--ptn1 {
  margin-top: 3rem;
}
.l-border-wrap--ptn1 .l-border-wrap__inner {
  height: 100%;
  padding: 4rem;
  border: 1px solid var(--blue1);
  box-shadow: 0 0 2.4rem var(--blue1);
  box-sizing: border-box;
  background: var(--gray3);
  transition: 0.3s box-shadow;
}
@media (max-width: 768px) {
  .l-border-wrap--ptn1 .l-border-wrap__inner {
    padding: 3rem 1.9rem;
  }
}

.l-article-under {
  padding: 0 0 12.8rem;
  color: #FFF;
}
@media (max-width: 768px) {
  .l-article-under {
    padding: 0 0 9.4rem;
  }
}

.onelineinput {
  margin-bottom: 20px;
  position: relative;
}
.onelineinput i {
  color: #f75c2b;
  font-size: 16px;
  position: absolute;
  right: 12px;
  top: 17px;
}
@media (max-width: 768px) {
  .onelineinput {
    margin-bottom: 15px;
  }
  .onelineinput i {
    font-size: 13px;
    top: 18px;
  }
}
.onelineinput.mb0 {
  margin-bottom: 0;
}

input[type=email],
input[type=password],
input[type=text],
input[type=number],
input[type=time],
select {
  display: block;
  width: 100%;
  background: #edf0f2;
  border: none;
  font-size: 14px;
  padding: 15px;
  border-radius: 4px;
  box-sizing: border-box;
}
input[type=email].error,
input[type=password].error,
input[type=text].error,
input[type=number].error,
input[type=time].error,
select.error {
  border: 1px solid #e3353d !important;
  background: #d6979b !important;
}
input[type=email].input_col,
input[type=password].input_col,
input[type=text].input_col,
input[type=number].input_col,
input[type=time].input_col,
select.input_col {
  display: inline-block;
  width: calc(100% - 120px);
}
input[type=email][disabled],
input[type=password][disabled],
input[type=text][disabled],
input[type=number][disabled],
input[type=time][disabled],
select[disabled] {
  background: #c6cbcf;
}

input[type=text].year {
  width: 100px;
  display: inline-block;
}
@media (max-width: 768px) {
  input[type=text].year {
    width: 60px;
    padding: 16px 10px;
  }
}

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

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.1em;
  border-radius: 5px;
  border: none;
  background-image: url(../img/common/arrow.svg);
  background-repeat: no-repeat;
  background-size: 12px 10px;
  background-position: right 10px center;
}

.btn02 {
  font-size: 14px;
  width: 400px;
  max-width: 100%;
  background: #fff;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #2f8fd3;
  font-weight: 500;
  border: 1px solid #d4dadf;
  padding: 15px;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 140%;
}
.btn02:hover {
  background: #e4e4e4;
  color: #2f8fd3;
}
.btn02.eventer {
  color: #f75c2b;
}
.btn02.eventer:hover {
  color: #f75c2b;
}
@media (max-width: 768px) {
  .btn02 {
    font-size: 17px;
    padding: 12px 10px;
  }
}

.btn03 {
  font-size: 14px;
  width: 400px;
  max-width: 100%;
  background: #fff;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #d32f2f;
  font-weight: 500;
  border: 2px solid #d32f2f;
  padding: 10px;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 140%;
}
@media (max-width: 768px) {
  .btn03 {
    font-size: 13px;
    padding: 7px 5px;
  }
}

.btn04 {
  font-size: 14px;
  width: 400px;
  max-width: 100%;
  background: #fff;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #2f8fd3;
  font-weight: 500;
  border: 2px solid #2f8fd3;
  padding: 10px;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 140%;
}
@media (max-width: 768px) {
  .btn04 {
    font-size: 13px;
    padding: 7px 5px;
  }
}

#ui-datepicker-div {
  font-size: 14px;
}

/*******************
selectとかradioボタン
*******************/
.photo_area {
  width: 100%;
  margin-bottom: 20px;
}

.photo_area.last {
  margin-bottom: 50px;
}

.photo_area dt {
  float: left;
  margin-right: 18px;
}
@media (max-width: 768px) {
  .photo_area dt {
    margin-right: 10px;
    margin-bottom: 10px;
  }
}

.photo_area .caption {
  float: left;
  width: calc(100% - 168px);
}

.photo_area .image {
  float: left;
}

.photo_area input[type=file] {
  width: 100%;
}

.photo_area input[type=text] {
  box-sizing: border-box;
  border: 1px solid #111;
  border-radius: 7px;
  padding: 12px 20px 12px;
  font-size: 1.5rem;
  border-style: dotted;
  margin-bottom: 10px;
  width: 100%;
}

.photo_area .thumb {
  width: 120px;
  height: 100px;
  background: #494d57;
  position: relative;
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .photo_area .thumb {
    width: 75px;
    height: 62px;
  }
}

.photo_area .thumb .sizelimit {
  color: #fff;
  padding: 10px;
  display: inline-block;
}

.photo_area .thumb i {
  color: #9aa1b4;
  font-size: 4rem;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
@media (max-width: 768px) {
  .photo_area .thumb i {
    font-size: 2rem;
  }
}

.photo_area .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: contain;";
}

.photo_list {
  margin-bottom: 30px;
}

.photo_list li {
  margin-bottom: 20px;
  text-align: center;
}

.photo_list li img {
  max-width: 100%;
}

.radio02-input {
  display: none;
}

.radio02-input + label {
  display: block;
  padding: 11px 45px;
  position: relative;
  font-size: 1.5rem;
  margin-bottom: 10px;
  background: #e8ebf3;
  border-radius: 7px;
}
@media (max-width: 768px) {
  .radio02-input + label {
    padding: 12px 45px;
  }
}

.radio02-input + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 16px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
}

.radio02-input:checked + label {
  background: #bbe3f7;
}

.radio02-input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 21px;
  width: 10px;
  height: 10px;
  background: #1b81b5;
  border-radius: 50%;
}

.checkbox01-input {
  display: none;
}

.checkbox01-parts {
  padding-left: 30px;
  position: relative;
  margin-right: 20px;
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  padding-top: 1px;
}

.checkbox01-parts a {
  text-decoration: none;
  color: #1b81b5;
}

.checkbox01-parts::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #e3353d;
  border-radius: 4px;
}

.checkbox01-input:checked + .checkbox01-parts::after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 18px;
  transform: rotate(40deg);
  border-bottom: 5px solid #e3353d;
  border-right: 5px solid #e3353d;
}

.photo_choose ul {
  text-align: center;
  margin-bottom: 30px;
}

.photo_choose li {
  display: inline-block;
  width: 21%;
  margin: 0 5px;
}

.photo_choose li .thumb {
  width: 100%;
  padding-bottom: 0px;
  margin-bottom: 10px;
}

.photo_choose li .thumb img {
  width: 100%;
}

.eventer_icon {
  display: flex;
}
.eventer_icon dt {
  width: 140px;
  margin-right: 20px;
}
.eventer_icon dt .thumb {
  width: 120px;
  height: 100px;
  background: #494d57;
  position: relative;
  padding-bottom: 0;
}
.eventer_icon dt .thumb i {
  color: #9aa1b4;
  font-size: 4rem;
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.consent {
  margin: 10px 0;
}

.btn_set {
  margin: 30px 0 0;
}

textarea {
  width: 100%;
  height: 150px;
  font-size: 10px;
  font-size: 14px;
  line-height: 140%;
  padding: 10px;
  box-sizing: border-box;
  background: #edf0f2;
  border-radius: 4px;
  border: none;
}
textarea.error {
  border: 1px solid #e3353d !important;
  background: #d6979b !important;
}

.name_half {
  margin-bottom: 20px;
}
.name_half li {
  float: left;
  width: calc(50% - 10px);
}
.name_half li:last-child {
  float: right;
}

.address_zip {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.address_zip li {
  width: calc(50% - 10px);
  margin-bottom: 20px;
}

.birth {
  margin-bottom: 20px;
}
.birth li {
  float: left;
  width: calc(33.3333% - 12px);
  margin-right: 18px;
}
.birth li:last-child {
  margin-right: 0;
}

.hissu_tag {
  vertical-align: 1px;
  color: #fff;
  background: #e3353d;
  padding: 0px 5px;
  border-radius: 3px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 1.2rem;
}

.jst {
  vertical-align: 1px;
  line-height: 120%;
  border: 1px solid #FFF;
  padding: 0px 5px;
  border-radius: 3px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 1.2rem;
  box-sizing: border-box;
}

.onelineinput {
  margin-bottom: 20px;
  position: relative;
}
.onelineinput i {
  color: var(--blue3);
  font-size: 16px;
  position: absolute;
  right: 12px;
  top: 17px;
}
@media (max-width: 768px) {
  .onelineinput {
    margin-bottom: 15px;
  }
  .onelineinput i {
    font-size: 13px;
    top: 18px;
  }
}
.onelineinput.mb0 {
  margin-bottom: 0;
}

input[type=email],
input[type=password],
input[type=text],
input[type=number],
input[type=time],
select {
  display: block;
  width: 100%;
  background: var(--gray4);
  border: none;
  font-size: 14px;
  padding: 15px;
  border-radius: 4px;
  box-sizing: border-box;
}
input[type=email].error,
input[type=password].error,
input[type=text].error,
input[type=number].error,
input[type=time].error,
select.error {
  border: 1px solid #e3353d !important;
  background: #d6979b !important;
}
input[type=email].input_col,
input[type=password].input_col,
input[type=text].input_col,
input[type=number].input_col,
input[type=time].input_col,
select.input_col {
  display: inline-block;
  width: calc(100% - 120px);
}
input[type=email][disabled],
input[type=password][disabled],
input[type=text][disabled],
input[type=number][disabled],
input[type=time][disabled],
select[disabled] {
  background: #c6cbcf;
}
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=time]:focus,
select:focus {
  box-shadow: 0 0 2.4rem var(--blue4);
}

input[type=text].year {
  width: 100px;
  display: inline-block;
}
@media (max-width: 768px) {
  input[type=text].year {
    width: 60px;
    padding: 16px 10px;
  }
}

.player_limit {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .player_limit {
    margin-bottom: 15px;
  }
}
.player_limit select {
  width: calc(50% - 1em);
  display: inline-block;
}

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

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.1em;
  border-radius: 5px;
  border: none;
  background-image: url(../img/common/arrow-02.svg);
  background-repeat: no-repeat;
  background-size: 12px 10px;
  background-position: right 10px center;
}

#ui-datepicker-div {
  font-size: 14px;
}

/*******************
selectとかradioボタン
*******************/
.photo_area {
  width: 100%;
  margin-bottom: 20px;
}

.photo_area.last {
  margin-bottom: 50px;
}

.photo_area dt {
  float: left;
  margin-right: 18px;
}
@media (max-width: 768px) {
  .photo_area dt {
    margin-right: 10px;
    margin-bottom: 10px;
  }
}

.photo_area .caption {
  float: left;
  width: calc(100% - 168px);
}

.photo_area .image {
  float: left;
}

.photo_area input[type=file] {
  width: 100%;
}

.photo_area input[type=text] {
  box-sizing: border-box;
  border: 1px solid #111;
  border-radius: 7px;
  padding: 12px 20px 12px;
  font-size: 1.5rem;
  border-style: dotted;
  margin-bottom: 10px;
  width: 100%;
}

.photo_area .thumb {
  width: 120px;
  height: 100px;
  background: #494d57;
  position: relative;
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .photo_area .thumb {
    width: 75px;
    height: 62px;
  }
}

.photo_area .thumb .sizelimit {
  color: #fff;
  padding: 10px;
  display: inline-block;
}

.photo_area .thumb i {
  color: #9aa1b4;
  font-size: 4rem;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
@media (max-width: 768px) {
  .photo_area .thumb i {
    font-size: 2rem;
  }
}

.photo_area .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: contain;";
}

.photo_list {
  margin-bottom: 30px;
}

.photo_list li {
  margin-bottom: 20px;
  text-align: center;
}

.photo_list li img {
  max-width: 100%;
}

.radio02-input {
  display: none;
}

.radio02-input + label {
  display: block;
  padding: 11px 45px;
  position: relative;
  font-size: 1.5rem;
  margin-bottom: 10px;
  background: #e8ebf3;
  border-radius: 7px;
  color: var(--black1);
}
@media (max-width: 768px) {
  .radio02-input + label {
    padding: 12px 10px 12px 45px;
  }
}

.radio02-input + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 16px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
}

.radio02-input:checked + label {
  background: var(--blue4);
}

.radio02-input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 21px;
  width: 10px;
  height: 10px;
  background: var(--blue3);
  border-radius: 50%;
}

.checkbox01-input {
  display: none;
}

.checkbox01-parts {
  padding-left: 30px;
  position: relative;
  margin-right: 20px;
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  padding-top: 1px;
}

.checkbox01-parts a {
  text-decoration: underline;
  color: var(--blue4);
}

.checkbox01-parts::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid var(--blue4);
  border-radius: 4px;
}

.checkbox01-input:checked + .checkbox01-parts::after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 18px;
  transform: rotate(40deg);
  border-bottom: 5px solid var(--blue4);
  border-right: 5px solid var(--blue4);
}

.photo_choose ul {
  text-align: center;
  margin-bottom: 30px;
}

.photo_choose li {
  display: inline-block;
  width: 21%;
  margin: 0 5px;
}

.photo_choose li .thumb {
  width: 100%;
  padding-bottom: 0px;
  margin-bottom: 10px;
}

.photo_choose li .thumb img {
  width: 100%;
}

.eventer_icon {
  display: flex;
}
.eventer_icon dt {
  width: 140px;
  margin-right: 20px;
}
.eventer_icon dt .thumb {
  width: 120px;
  height: 100px;
  background: #494d57;
  position: relative;
  padding-bottom: 0;
}
.eventer_icon dt .thumb i {
  color: #9aa1b4;
  font-size: 4rem;
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.consent {
  margin: 10px 0;
}

.btn_set {
  margin: 30px 0 0;
}

textarea {
  width: 100%;
  height: 150px;
  font-size: 10px;
  font-size: 14px;
  line-height: 140%;
  padding: 10px;
  box-sizing: border-box;
  background: #edf0f2;
  border-radius: 4px;
  border: none;
}
textarea.error {
  border: 1px solid #e3353d !important;
  background: #d6979b !important;
}

.name_half {
  margin-bottom: 20px;
}
.name_half li {
  float: left;
  width: calc(50% - 10px);
}
.name_half li:last-child {
  float: right;
}

.time_half {
  margin-bottom: 20px;
}
.time_half li {
  float: left;
  width: calc(50% - 10px);
  position: relative;
}
@media (max-width: 768px) {
  .time_half li {
    width: 100%;
    float: none;
  }
}
.time_half li:last-child {
  float: right;
}
@media (max-width: 768px) {
  .time_half li:last-child {
    margin-top: 10px;
  }
}
.time_half i {
  color: var(--blue3);
  font-size: 13px;
  position: absolute;
  right: 12px;
  top: 17px;
}

.address_zip {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.address_zip li {
  width: calc(50% - 10px);
  margin-bottom: 20px;
}

.birth {
  margin-bottom: 20px;
}
.birth li {
  float: left;
  width: calc(33.3333% - 12px);
  margin-right: 18px;
}
.birth li:last-child {
  margin-right: 0;
}

.hissu_tag {
  vertical-align: 1px;
  color: #fff;
  background: #e3353d;
  padding: 0px 5px;
  border-radius: 3px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 1.2rem;
}

.jst {
  vertical-align: 1px;
  line-height: 120%;
  border: 1px solid #FFF;
  padding: 0px 5px;
  border-radius: 3px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 1.2rem;
  box-sizing: border-box;
  color: #FFF;
}

.radio_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.radio_box li {
  width: calc(50% - 5px);
}

.time_2 select {
  display: inline;
  width: 100px;
}

.normal_ttl {
  text-align: center;
  font-size: 32px;
  color: #FFF;
  font-weight: 900;
  position: relative;
  margin-bottom: 55px;
}
.normal_ttl:before {
  border-top: 1px solid #0e212b;
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 20px;
  left: 0;
}
.normal_ttl span:first-child {
  position: relative;
  z-index: 1;
}
.normal_ttl span:last-child {
  font-size: 12px;
  color: #878e92;
  font-family: "Roboto", sans-serif;
  letter-spacing: 2px;
  display: block;
}
@media (max-width: 768px) {
  .normal_ttl {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .normal_ttl:before {
    top: 10px;
  }
  .normal_ttl span:last-child {
    font-size: 10px;
    margin-top: 3px;
  }
}

.mini_ttl {
  margin: 0 auto 4.5rem;
  line-height: 1.375;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  color: #FFF;
}
@media (max-width: 768px) {
  .mini_ttl {
    margin-bottom: 2.9rem;
    font-size: 2.2rem;
  }
}

.under .normal_ttl {
  margin-bottom: 35px;
}
@media (max-width: 768px) {
  .under .normal_ttl {
    margin-bottom: 20px;
  }
}

.main_ttl {
  font-size: 30px;
  text-align: center;
  padding: 108px 0 78px;
}
.main_ttl span {
  display: block;
  margin-top: 10px;
  font-size: 18px;
}
.main_ttl.type_s {
  padding-bottom: 35px;
}

.c-title--ptn1 {
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  .c-title--ptn1 {
    margin: 0 auto 4rem;
    position: static;
    transform: translateX(0);
  }
}
.c-title--ptn2 {
  margin: 0 auto 2.4rem;
}
.c-title--ptn2 img {
  width: 100%;
}
.c-title--ptn3 {
  width: calc(100% - 2.2170250337rem);
  border-top: 1px solid var(--blue1);
  border-bottom: 1px solid var(--blue1);
  box-sizing: border-box;
  background: linear-gradient(to bottom, rgba(0, 246, 255, 0.2), rgba(0, 0, 0, 0.2), rgba(0, 246, 255, 0.2));
  margin: 0 auto 5.27rem;
  transform: skewX(-30deg);
}
@media (max-width: 768px) {
  .c-title--ptn3 {
    margin-bottom: 3.65rem;
  }
}
.c-title--ptn3 .c-title__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6.4rem;
  line-height: 1.4444444444;
  font-size: 2.7rem;
  font-weight: 500;
  color: var(--blue1);
  transform: skewX(30deg);
}
@media (max-width: 768px) {
  .c-title--ptn3 .c-title__inner {
    height: 4.514rem;
    font-size: 2.1rem;
  }
}
.c-title--ptn4 {
  margin: 0 0 2.5rem;
  line-height: 1.4545454545;
  word-break: break-all;
  font-size: 3.3rem;
  font-weight: 700;
  color: var(--blue1);
}
@media (max-width: 768px) {
  .c-title--ptn4 {
    margin-bottom: 1.7rem;
    line-height: 1.5;
    font-size: 2.4rem;
  }
}
.c-title--ptn5 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto 3.1rem;
}
.c-title--ptn5 .c-title__en {
  display: inline-block;
  margin: 0 auto;
  position: relative;
  line-height: 1.2142857143;
  word-break: break-all;
  font-size: 4.2rem;
  font-weight: 400;
  font-family: "Bebas Neue", sans-serif;
  color: var(--blue1);
}
@media (max-width: 768px) {
  .c-title--ptn5 .c-title__en {
    font-size: 3.1rem;
  }
}
.c-title--ptn5 .c-title__en::before, .c-title--ptn5 .c-title__en::after {
  content: "";
  width: 8.24rem;
  height: 2rem;
  background: url(../img/common/title_decoration-01.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
}
.c-title--ptn5 .c-title__en::before {
  right: calc(100% + 1.5rem);
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .c-title--ptn5 .c-title__en::before {
    right: calc(100% + 0.7rem);
  }
}
.c-title--ptn5 .c-title__en::after {
  left: calc(100% + 1.5rem);
  transform: translateY(-50%) scale(-1, -1);
}
@media (max-width: 768px) {
  .c-title--ptn5 .c-title__en::after {
    left: calc(100% + 0.7rem);
  }
}
.c-title--ptn5 .c-title__jp {
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--blue1);
}
.c-title--ptn6 {
  margin: 0 auto 7.83rem;
  line-height: 1.1162790698;
  text-align: center;
  font-size: 4.3rem;
  font-weight: 700;
  color: #FFF;
}

.c-btn {
  border: 0;
  outline: none;
}
.c-btn--ptn1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32.375rem;
  height: 4.047rem;
  border: 1px solid var(--blue1);
  box-sizing: border-box;
  background: var(--black1);
  position: relative;
  line-height: 1.4761904762;
  letter-spacing: 0.04em;
  font-size: 2.1rem;
  font-weight: 400;
  font-family: "Bebas Neue", sans-serif;
  color: var(--blue1);
  transform: translateX(0.4rem) skewX(-40deg);
  transition: 0.3s;
  cursor: pointer;
}
@media (max-width: 768px) {
  .c-btn--ptn1 {
    max-width: 32.375rem;
    width: 100%;
  }
}
.c-btn--ptn1::before {
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid var(--blue1);
  box-sizing: border-box;
  position: absolute;
  top: -0.4rem;
  right: 0.4rem;
}
.c-btn--ptn1 .c-btn__inner {
  display: inline-block;
  transform: skew(40deg);
}
.c-btn--ptn1:hover {
  box-shadow: 0 0 3.6rem var(--blue1) inset;
  letter-spacing: 0.2em;
  color: var(--blue1);
  opacity: 1;
}
.c-btn--ptn2 {
  display: block;
  width: 30rem;
  background: url(../img/common/btn-03_bg.svg) 50% 50% no-repeat;
  background-size: 100% 100%;
  position: relative;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .c-btn--ptn2 {
    max-width: 30rem;
    width: 100%;
  }
}
.c-btn--ptn2.js-no-viewmore {
  display: none;
}
.c-btn--ptn2 .c-btn__arrow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6.6rem;
  position: relative;
  line-height: 1.4444444444;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--black1);
  transition: 0.3s;
}
.c-btn--ptn2 .c-btn__arrow::after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-top: 0.2rem solid var(--black1);
  border-right: 0.2rem solid var(--black1);
  position: absolute;
  top: 50%;
  right: 1.95rem;
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
}
.c-btn--ptn2 .c-btn__arrow-under {
  padding-bottom: 1.5rem;
}
.c-btn--ptn2 .c-btn__arrow-under::after {
  top: auto;
  right: auto;
  left: 50%;
  bottom: 1.5rem;
  transform: translateX(-50%) rotate(135deg);
}
.c-btn--ptn2:hover {
  background-image: url(../img/common/btn-03_bg-hover.svg);
  opacity: 1;
}
.c-btn--ptn2:hover .c-btn__arrow {
  color: var(--blue1);
}
.c-btn--ptn2:hover .c-btn__arrow::after {
  border-top-color: var(--blue1);
  border-right-color: var(--blue1);
}
.c-btn--ptn2:hover .c-btn__register::before {
  background-image: url(../img/common/icon_register-bl.svg);
}
.c-btn--ptn2:hover .c-btn__firster::before {
  background-image: url(../img/common/icon_firster-bl.svg);
}
.c-btn--ptn2:hover .c-btn__guide::before {
  background-image: url(../img/common/icon_guide-bl.svg);
}
.c-btn--ptn2:hover .c-btn__faq::before {
  background-image: url(../img/common/icon_faq-bl.svg);
}
.c-btn--ptn2--short {
  width: 24rem;
  background-image: url(../img/common/btn-ptn2_bg-short.svg);
}
.c-btn--ptn2--short:hover {
  background-image: url(../img/common/btn-ptn2_bg-short-hover.svg);
}
.c-btn--ptn3 {
  display: block;
  width: 30rem;
  background: url(../img/common/btn-ptn3_bg.svg) 50% 50% no-repeat;
  background-size: 100% 100%;
  position: relative;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .c-btn--ptn3 {
    max-width: 30rem;
    width: 100%;
  }
}
.c-btn--ptn3.js-no-viewmore {
  display: none;
}
.c-btn--ptn3 .c-btn__arrow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6.6rem;
  position: relative;
  line-height: 1.4444444444;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--blue4);
  transition: 0.3s;
}
.c-btn--ptn3 .c-btn__arrow::after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-top: 0.2rem solid var(--blue4);
  border-right: 0.2rem solid var(--blue4);
  position: absolute;
  top: 50%;
  right: 1.95rem;
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
}
.c-btn--ptn3:hover {
  background-image: url(../img/common/btn-ptn3_bg-hover.svg);
  opacity: 1;
}
.c-btn--ptn3--short {
  width: 24rem;
  background-image: url(../img/common/btn-ptn3_bg-short.svg);
}
.c-btn--ptn3--short:hover {
  background-image: url(../img/common/btn-ptn3_bg-short-hover.svg);
}
.c-btn--center {
  margin: 0 auto;
}
.c-btn--ptn4 {
  display: block;
  width: 24rem;
  background: url(../img/common/btn-ptn4_bg.svg) 50% 50% no-repeat;
  background-size: 100% 100%;
  position: relative;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .c-btn--ptn4 {
    max-width: 30rem;
    width: 100%;
  }
}
.c-btn--ptn4.js-no-viewmore {
  display: none;
}
.c-btn--ptn4 .c-btn__arrow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3rem;
  position: relative;
  line-height: 1.4444444444;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--blue4);
  transition: 0.3s;
}
.c-btn--ptn4 .c-btn__arrow::after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-top: 0.2rem solid var(--blue4);
  border-right: 0.2rem solid var(--blue4);
  position: absolute;
  top: 50%;
  right: 1.95rem;
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
}
.c-btn--ptn4:hover {
  background-image: url(../img/common/btn-ptn4_bg-hover.svg);
  opacity: 1;
}
.c-btn--center {
  margin: 0 auto;
}
.c-btn__register {
  display: inline-block;
  padding-left: 2.884rem;
  position: relative;
}
.c-btn__register::before {
  content: "";
  width: 1.754rem;
  height: 1.754rem;
  background: url(../img/common/icon_register-bk.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: 0.3s;
}
.c-btn__firster {
  display: inline-block;
  padding-left: 2.615rem;
  position: relative;
}
.c-btn__firster::before {
  content: "";
  width: 1.205rem;
  height: 1.782rem;
  background: url(../img/common/icon_firster-bk.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: 0.3s;
}
.c-btn__guide {
  display: inline-block;
  padding-left: 3.049rem;
  position: relative;
}
.c-btn__guide::before {
  content: "";
  width: 2.059rem;
  height: 1.591rem;
  background: url(../img/common/icon_guide-bk.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: 0.3s;
}
.c-btn__faq {
  display: inline-block;
  padding-left: 2.902rem;
  position: relative;
}
.c-btn__faq::before {
  content: "";
  width: 1.842rem;
  height: 2.02rem;
  background: url(../img/common/icon_faq-bk.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: 0.3s;
}
.c-btn--ptn5 {
  display: block;
  max-width: 30rem;
  width: 100%;
  border: 1.5px solid transparent;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  transition: 0.3s;
  -webkit-clip-path: polygon(12px 0, 100% 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 calc(100% - 12px), 0 12px);
          clip-path: polygon(12px 0, 100% 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 calc(100% - 12px), 0 12px);
}
.c-btn--ptn5::before {
  content: "";
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: 0.3s;
  -webkit-clip-path: polygon(12px 0, 100% 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 calc(100% - 12px), 0 12px);
          clip-path: polygon(12px 0, 100% 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 calc(100% - 12px), 0 12px);
}
@media (max-width: 768px) {
  .c-btn--ptn5 {
    max-width: 30rem;
    width: 100%;
  }
}
.c-btn--ptn5.js-no-viewmore {
  display: none;
}
.c-btn--ptn5 .c-btn__arrow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6.6rem;
  position: relative;
  z-index: 1;
  background: var(--blue4);
  line-height: 1.4444444444;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--black1);
  transition: 0.3s;
  -webkit-clip-path: polygon(12px 0, 100% 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 calc(100% - 12px), 0 12px);
          clip-path: polygon(12px 0, 100% 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 calc(100% - 12px), 0 12px);
}
@media (max-width: 768px) {
  .c-btn--ptn5 .c-btn__arrow {
    min-height: 6.6rem;
    height: 100%;
  }
}
.c-btn--ptn5 .c-btn__arrow::after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-top: 0.2rem solid var(--black1);
  border-right: 0.2rem solid var(--black1);
  position: absolute;
  top: 50%;
  right: 1.95rem;
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
}
.c-btn--ptn5 .c-btn__arrow-under {
  padding-bottom: 1.5rem;
}
.c-btn--ptn5 .c-btn__arrow-under::after {
  top: auto;
  right: auto;
  left: 50%;
  bottom: 1.5rem;
  transform: translateX(-50%) rotate(135deg);
}
.c-btn--ptn5:hover {
  background: var(--gray3);
  opacity: 1;
}
.c-btn--ptn5:hover::before {
  background: var(--blue4);
}
.c-btn--ptn5:hover .c-btn__arrow {
  background: var(--gray3);
  color: var(--blue1);
}
.c-btn--ptn5:hover .c-btn__arrow::after {
  border-top-color: var(--blue1);
  border-right-color: var(--blue1);
}
.c-btn--ptn5:hover .c-btn__register::before {
  background-image: url(../img/common/icon_register-bl.svg);
}

.btn01 {
  width: 400px;
  max-width: 100%;
  background: #f75c2b;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-weight: 500;
  border: none;
  padding: 15px 20px 15px 15px;
  position: relative;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 140%;
  cursor: pointer;
}
.btn01::after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-top: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
}
.btn01.player {
  background: var(--blue4);
  color: var(--black1);
}
.btn01:hover {
  opacity: 0.8;
  color: #fff;
}
@media (max-width: 768px) {
  .btn01 {
    font-size: 17px;
    padding: 15px 10px;
  }
}
.btn01.btn_col {
  display: inline-block;
  width: 100px;
  margin-left: 20px;
}

.btn02 {
  font-size: 14px;
  width: 400px;
  max-width: 100%;
  background: #fff;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #2f8fd3;
  font-weight: 500;
  border: 1px solid #d4dadf;
  padding: 15px;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 140%;
}
.btn02:hover {
  background: #e4e4e4;
  color: #2f8fd3;
}
.btn02.eventer {
  color: #f75c2b;
}
.btn02.eventer:hover {
  color: #f75c2b;
}
@media (max-width: 768px) {
  .btn02 {
    font-size: 17px;
    padding: 12px 10px;
  }
}

.btn03 {
  font-size: 14px;
  width: 400px;
  max-width: 100%;
  background: #fff;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #d32f2f;
  font-weight: 500;
  border: 2px solid #d32f2f;
  padding: 10px;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 140%;
}
@media (max-width: 768px) {
  .btn03 {
    font-size: 13px;
    padding: 7px 5px;
  }
}

.btn04 {
  font-size: 14px;
  width: 400px;
  max-width: 100%;
  background: #fff;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #2f8fd3;
  font-weight: 500;
  border: 2px solid #2f8fd3;
  padding: 10px;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 140%;
}
@media (max-width: 768px) {
  .btn04 {
    font-size: 13px;
    padding: 7px 5px;
  }
}

.link_btn {
  background: #e95613;
  color: #fff;
  text-decoration: none;
  padding: 3px 25px 3px 10px;
  font-size: 1.2rem;
  margin-left: 30px;
  position: relative;
}
.link_btn::after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-top: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
}

.p-home-mv {
  padding: 2.4rem 0 28.85rem;
  box-sizing: border-box;
  background-size: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .p-home-mv {
    padding: 0 0 9.89rem;
  }
}
.p-home-mv::before {
  content: "";
  width: 24rem;
  height: 24rem;
  background: url(../img/top/section-corner-01.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 24rem;
  right: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .p-home-mv::before {
    width: 5.6rem;
    height: 4rem;
    background-image: url(../img/top/section-corner-01-sp.svg);
    bottom: 4rem;
  }
}
.p-home-mv__slider {
  z-index: 1;
}
.p-home-mv__slider_item {
  display: block;
  max-width: 95.6rem;
  width: 59.75%;
  box-sizing: border-box;
  position: relative;
  color: #FFF;
  transform: scale(0.8786610879);
  transition: 0.3s transform 0.5s, 0.3s opacity;
}
@media (max-width: 768px) {
  .p-home-mv__slider_item {
    max-width: initial;
    transform: scale(1);
  }
}
.p-home-mv__slider_item.slick-active {
  transform: scale(1);
}
.p-home-mv__slider_item:hover {
  color: #FFF;
}
.p-home-mv__slider_item img {
  width: 100%;
}
.p-home-mv__slider_caption {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 100%;
  height: 11rem;
  padding: 3rem 3.2rem;
  box-sizing: border-box;
  background: linear-gradient(to bottom, rgba(32, 32, 32, 0), #202020);
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 1.6875;
  font-size: 1.6rem;
  font-weight: 300;
  color: #FFF;
}
@media (max-width: 768px) {
  .p-home-mv__slider_caption {
    display: none;
  }
}
.p-home-mv__slider .slick-dots {
  display: flex !important;
  justify-content: center;
  -moz-column-gap: 0.8rem;
       column-gap: 0.8rem;
  bottom: -2rem;
}
.p-home-mv__slider .slick-dots li {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0;
  border-radius: 100%;
  background: #FFF;
  overflow: hidden;
}
.p-home-mv__slider .slick-dots li.slick-active {
  background: var(--blue1);
}
.p-home-mv__slider .slick-dots li button {
  width: 100%;
  height: 100%;
  text-indent: -999999px;
}
.p-home-mv__slider .slick-dots li button::before {
  display: none;
}
.p-home-mv__banner {
  margin: 6.8rem auto 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .p-home-mv__banner {
    margin: 5.8rem auto 0;
    padding: 0 2rem;
    box-sizing: border-box;
  }
}
.p-home-mv__banner_link {
  display: block;
  max-width: 86rem;
  width: 100%;
  margin: 0 auto;
  cursor: pointer;
}
.p-home-mv__banner_link:hover {
  opacity: 1;
}
.p-home-mv__banner_link img {
  width: 100%;
}
.p-home-mv__bottom {
  display: block;
  width: 100%;
  height: 48rem;
  border-top: 24rem solid rgba(0, 0, 0, 0);
  border-left: 24rem solid rgba(0, 0, 0, 0);
  border-right: 24rem solid rgba(0, 0, 0, 0.9);
  border-bottom: 24rem solid rgba(0, 0, 0, 0.9);
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .p-home-mv__bottom {
    height: 8rem;
    border-top-width: 4rem;
    border-left-width: 5.6rem;
    border-right-width: 5.6rem;
    border-bottom-width: 4rem;
  }
}
.p-home-mv__bottom::before {
  content: "";
  width: 34rem;
  height: 1px;
  background: var(--blue1);
  position: absolute;
  transform: rotate(-45deg);
}
@media (max-width: 768px) {
  .p-home-mv__bottom::before {
    width: 6.8818602136rem;
    transform: rotate(-35.5376777792deg);
  }
}
.p-home-mv__bottom::before {
  left: -24rem;
  bottom: -24rem;
  transform-origin: left bottom;
}
@media (max-width: 768px) {
  .p-home-mv__bottom::before {
    left: -5.6rem;
    bottom: -4rem;
  }
}
.p-home-mv__bottom_line {
  width: 100%;
  height: 1px;
  background: var(--blue1);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.p-home-news {
  padding: 5.64rem 0 35.56rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 48rem, rgba(0, 0, 0, 0.8) 48rem);
  position: relative;
}
@media (max-width: 768px) {
  .p-home-news {
    padding: 2.41rem 0 11.31rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 8rem, rgba(0, 0, 0, 0.8) 8rem);
  }
}
.p-home-news__title {
  width: 31.48rem;
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 768px) {
  .p-home-news__title {
    max-width: 31.88rem;
    width: 100%;
  }
}
.p-home-news__btn {
  margin: 6rem auto 0;
}
@media (max-width: 768px) {
  .p-home-news__btn {
    margin-top: 5.64rem;
  }
}
.p-home-news__btn .c-btn {
  margin: 0 auto;
}
.p-home-news__bottom {
  display: block;
  width: 100%;
  height: 48rem;
  border-top: 24rem solid rgba(0, 0, 0, 0.8);
  border-left: 24rem solid rgba(0, 0, 0, 0.8);
  border-right: 24rem solid rgba(0, 0, 0, 0.6);
  border-bottom: 24rem solid rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .p-home-news__bottom {
    height: 8rem;
    border-top-width: 4rem;
    border-left-width: 5.6rem;
    border-right-width: 5.6rem;
    border-bottom-width: 4rem;
  }
}
.p-home-news__bottom::before, .p-home-news__bottom::after {
  content: "";
  width: 34rem;
  height: 1px;
  background: var(--blue1);
  position: absolute;
  transform: rotate(-45deg);
}
@media (max-width: 768px) {
  .p-home-news__bottom::before, .p-home-news__bottom::after {
    width: 6.8818602136rem;
    transform: rotate(-35.5376777792deg);
  }
}
.p-home-news__bottom::before {
  left: -24rem;
  bottom: -24rem;
  transform-origin: left bottom;
}
@media (max-width: 768px) {
  .p-home-news__bottom::before {
    left: -5.6rem;
    bottom: -4rem;
  }
}
.p-home-news__bottom::after {
  top: -24rem;
  right: -24rem;
  transform-origin: top right;
}
@media (max-width: 768px) {
  .p-home-news__bottom::after {
    top: -4rem;
    right: -5.6rem;
  }
}
.p-home-news__bottom_line {
  width: 100%;
  height: 1px;
  background: var(--blue1);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.p-home-events {
  padding: 5.6rem 0 12.01rem;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.6);
}
@media (max-width: 768px) {
  .p-home-events {
    padding: 3.1rem 0 8rem;
  }
}
.p-home-events__title {
  width: 29.314rem;
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 768px) {
  .p-home-events__title {
    max-width: 24.68rem;
    width: 100%;
  }
}
.p-home-events__btn {
  margin: 5.64rem auto 0;
}
@media (max-width: 768px) {
  .p-home-events__btn {
    margin-top: 5.59rem;
  }
}
.p-home-events__btn .c-btn {
  margin: 0 auto;
}

.p-home-gameic {
  background: rgba(0, 0, 0, 0.6);
}
.p-home-gameic + .p-home-gameic {
  padding: 11.93rem 0 0;
}
@media (max-width: 768px) {
  .p-home-gameic + .p-home-gameic {
    padding-top: 8.05rem;
  }
}

.p-home-puyo {
  padding: 12rem 0 43.05rem;
  position: relative;
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 48rem, rgba(0, 0, 0, 0.6) 48rem);
}
@media (max-width: 768px) {
  .p-home-puyo {
    padding: 7.95rem 0 13.77rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 8rem, rgba(0, 0, 0, 0.6) 8rem);
  }
}
.p-home-puyo::before {
  content: "";
  width: 24rem;
  height: 24rem;
  background: url(../img/top/section-corner-01.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 24rem;
  right: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .p-home-puyo::before {
    width: 5.6rem;
    height: 4rem;
    background-image: url(../img/top/section-corner-01-sp.svg);
    bottom: 4rem;
  }
}
.p-home-puyo__bnr {
  display: block;
  max-width: 86rem;
  width: 100%;
  margin: 12rem auto 0;
}
@media (max-width: 768px) {
  .p-home-puyo__bnr {
    margin-top: 7.95rem;
  }
}
.p-home-puyo__bnr_link {
  cursor: pointer;
}
.p-home-puyo__bnr_link:hover {
  opacity: 1;
}
.p-home-puyo__bnr img {
  width: 100%;
}
.p-home-puyo__bottom {
  display: block;
  width: 100%;
  height: 48rem;
  border-top: 24rem solid rgba(0, 0, 0, 0.6);
  border-left: 24rem solid rgba(0, 0, 0, 0.6);
  border-right: 24rem solid rgba(0, 0, 0, 0.9);
  border-bottom: 24rem solid rgba(0, 0, 0, 0.9);
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .p-home-puyo__bottom {
    height: 8rem;
    border-top-width: 4rem;
    border-left-width: 5.6rem;
    border-right-width: 5.6rem;
    border-bottom-width: 4rem;
  }
}
.p-home-puyo__bottom::before {
  content: "";
  width: 34rem;
  height: 1px;
  background: var(--blue1);
  position: absolute;
  transform: rotate(-45deg);
}
@media (max-width: 768px) {
  .p-home-puyo__bottom::before {
    width: 6.8818602136rem;
    transform: rotate(-35.5376777792deg);
  }
}
.p-home-puyo__bottom::before {
  left: -24rem;
  bottom: -24rem;
  transform-origin: left bottom;
}
@media (max-width: 768px) {
  .p-home-puyo__bottom::before {
    left: -5.6rem;
    bottom: -4rem;
  }
}
.p-home-puyo__bottom_line {
  width: 100%;
  height: 1px;
  background: var(--blue1);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.p-home-tournament {
  padding: 3.5rem 0 43.15rem;
  position: relative;
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 48rem, rgba(0, 0, 0, 0.8) 48rem);
}
@media (max-width: 768px) {
  .p-home-tournament {
    padding: 2.7rem 0 11.96rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 8rem, rgba(0, 0, 0, 0.8) 8rem);
  }
}
.p-home-tournament__title {
  max-width: 87.108rem;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 768px) {
  .p-home-tournament__title {
    max-width: 25.438rem;
  }
}
.p-home-tournament__title img {
  width: 100%;
}
.p-home-tournament__bottom {
  display: block;
  width: 100%;
  height: 48rem;
  border-top: 24rem solid rgba(0, 0, 0, 0.8);
  border-left: 24rem solid rgba(0, 0, 0, 0.8);
  border-right: 24rem solid rgba(0, 0, 0, 0.6);
  border-bottom: 24rem solid rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .p-home-tournament__bottom {
    height: 8rem;
    border-top-width: 4rem;
    border-left-width: 5.6rem;
    border-right-width: 5.6rem;
    border-bottom-width: 4rem;
  }
}
.p-home-tournament__bottom::before, .p-home-tournament__bottom::after {
  content: "";
  width: 34rem;
  height: 1px;
  background: var(--blue1);
  position: absolute;
  transform: rotate(-45deg);
}
@media (max-width: 768px) {
  .p-home-tournament__bottom::before, .p-home-tournament__bottom::after {
    width: 6.8818602136rem;
    transform: rotate(-35.5376777792deg);
  }
}
.p-home-tournament__bottom::before {
  left: -24rem;
  bottom: -24rem;
  transform-origin: left bottom;
}
@media (max-width: 768px) {
  .p-home-tournament__bottom::before {
    left: -5.6rem;
    bottom: -4rem;
  }
}
.p-home-tournament__bottom::after {
  top: -24rem;
  right: -24rem;
  transform-origin: top right;
}
@media (max-width: 768px) {
  .p-home-tournament__bottom::after {
    top: -4rem;
    right: -5.6rem;
  }
}
.p-home-tournament__bottom_line {
  width: 100%;
  height: 1px;
  background: var(--blue1);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.p-home-service {
  padding: 5.46rem 0 8rem;
  background: rgba(0, 0, 0, 0.6);
}
@media (max-width: 768px) {
  .p-home-service {
    padding: 4.19rem 0 2.44rem;
  }
}
.p-home-service__title {
  max-width: 72.693rem;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 768px) {
  .p-home-service__title {
    max-width: 33.28rem;
  }
}
.p-home-service__list {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  row-gap: 3rem;
  max-width: 86rem;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .p-home-service__list {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    row-gap: 1.5rem;
  }
}
.p-home-service__list_item {
  width: calc((100% - 3rem) / 2);
}
@media (max-width: 768px) {
  .p-home-service__list_item {
    width: calc((100% - 1.5rem) / 2);
  }
}
.p-home-service__list_item:first-child {
  width: 100%;
}
.p-home-service__list_item img {
  width: 100%;
}
.p-home-service__list_link {
  transition: 0.3s;
  cursor: pointer;
}
.p-home-service__bnr {
  max-width: 86rem;
  width: 100%;
  margin: 8rem auto 0;
}
@media (max-width: 768px) {
  .p-home-service__bnr {
    margin-top: 2.36rem;
  }
}
.p-home-service__bnr_link {
  transition: 0.3s;
  cursor: pointer;
}
.p-home-service__bnr_link:hover {
  opacity: 1;
}
.p-home-service__bnr img {
  width: 100%;
}

.p-home-ad {
  padding: 8rem 0 12rem;
  background: rgba(0, 0, 0, 0.6);
}
@media (max-width: 768px) {
  .p-home-ad {
    padding: 2.44rem 0 9.51rem;
  }
}
.p-home-ad__wrap {
  display: flex;
  justify-content: center;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}
@media (max-width: 768px) {
  .p-home-ad__wrap {
    flex-direction: column;
    row-gap: 2.4rem;
    max-width: 30rem;
    width: 100%;
    margin: 0 auto;
  }
}
.p-home-ad__wrap_item {
  max-width: 30rem;
  width: 100%;
  cursor: pointer;
}
.p-home-ad__wrap_item img {
  width: 100%;
}

/*******************
共通
*******************/
.link_btn {
  background: #e95613;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  padding: 3px 10px;
  font-size: 1.2rem;
  margin-left: 30px;
}

.copy_icon {
  margin-left: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.kiji_detail {
  max-width: 900px;
  margin: 30px auto 0px;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
  padding: 25px;
  background: #fff;
  font-size: 1.5rem;
  line-height: 180%;
}
@media (max-width: 768px) {
  .kiji_detail {
    margin: 0 auto;
    padding: 0 25px 25px;
  }
}

/* line 157, _top.scss */
.kiji_detail .news_thumb {
  margin: 0 auto 25px;
}

/* line 160, _top.scss */
.kiji_detail .news_thumb img {
  width: 100%;
}

/* line 164, _top.scss */
.kiji_detail a {
  color: #e95613;
}

/* line 167, _top.scss */
.kiji_detail .kiji_ttl {
  font-size: 2.4rem;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 10px;
  line-height: 160%;
}
@media (max-width: 768px) {
  .kiji_detail .kiji_ttl {
    font-size: 18px;
  }
}

/* line 175, _top.scss */
.kiji_detail .day_author {
  font-size: 1.5rem;
  width: 100%;
  margin-bottom: 15px;
}

/* line 179, _top.scss */
.kiji_detail .day_author td {
  width: 50%;
}

/* line 182, _top.scss */
.kiji_detail .day_author td:last-child {
  text-align: right;
  color: #e95613;
}

/* line 198, _top.scss */
.kiji_detail .tag_wrap a {
  background: #1b81b5;
  display: inline-block;
  font-size: 1.2rem;
  color: #fff;
  padding: 6px 10px 6px;
  border-radius: 5px;
  line-height: 100%;
  margin-right: 10px;
  margin-bottom: 15px;
  text-decoration: none;
}

/* line 212, _top.scss */
.kiji_detail .arrows_link {
  display: table;
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.1;
}

/* line 216, _top.scss */
.kiji_detail .arrows_link li {
  display: table-cell;
  width: 50%;
}

/* line 219, _top.scss */
.kiji_detail .arrows_link li:last-child {
  text-align: right;
}

/* line 222, _top.scss */
.kiji_detail .arrows_link li a {
  display: inline-block;
  background: #333;
  color: #fff;
  text-decoration: none;
  padding: 7px 15px;
  height: 32px;
  position: relative;
  box-sizing: border-box;
}

/* line 232, _top.scss */
.kiji_detail .arrows_link li a:hover {
  background: #5e5e5e;
}

/* line 240, _top.scss */
.kiji_detail .arrows_link li:first-child a {
  margin-left: 20px;
}

/* line 242, _top.scss */
.kiji_detail .arrows_link li:first-child a:hover:before {
  border-color: transparent #5e5e5e transparent transparent;
}

/* line 247, _top.scss */
.kiji_detail .arrows_link li:first-child a:before {
  position: absolute;
  left: -15px;
  top: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 15px 16px 0;
  border-color: transparent #333 transparent transparent;
}

/* line 261, _top.scss */
.kiji_detail .arrows_link li:last-child a {
  margin-right: 20px;
}

/* line 263, _top.scss */
.kiji_detail .arrows_link li:last-child a:hover:after {
  border-color: transparent transparent transparent #5e5e5e;
}

/* line 268, _top.scss */
.kiji_detail .arrows_link li:last-child a:after {
  position: absolute;
  right: -15px;
  top: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 0 16px 15px;
  border-color: transparent transparent transparent #333;
}

/* line 283, _top.scss */
.kiji_detail h2, .kiji_detail h3 {
  line-height: 160%;
}

/*wp*/
.top_article_list {
  max-width: 900px;
  margin: 0 auto 60px;
  box-sizing: border-box;
  background: #e5e8ef;
  font-size: 1.5rem;
}

.top_article_list .category a {
  background: #1b81b5;
  display: inline-block;
  font-size: 1.2rem;
  color: #fff;
  padding: 6px 10px 6px;
  border-radius: 5px;
  line-height: 100%;
  margin-right: 10px;
  margin-bottom: 15px;
  text-decoration: none;
}

/* line 49, _top.scss */
.top_article_list ul {
  background: #fff;
  border-radius: 5px;
  padding: 25px;
  box-shadow: 0px 5px 12px -5px rgba(0, 0, 0, 0.1);
}

/* line 54, _top.scss */
.top_article_list ul li {
  border-bottom: 1px dotted #000;
  padding-bottom: 15px;
  margin-bottom: 20px;
  font-size: 1.5rem;
}

/* line 59, _top.scss */
.top_article_list ul li table {
  width: 100%;
}

/* line 61, _top.scss */
.top_article_list ul li table th, .top_article_list ul li table td {
  vertical-align: top;
}

/* line 65, _top.scss */
.top_article_list ul li table th {
  padding-right: 20px;
  width: 160px;
}
@media (max-width: 768px) {
  .top_article_list ul li table th {
    width: 80px;
  }
}

/* line 71, _top.scss */
.top_article_list ul li .thumb {
  width: 160px;
}
@media (max-width: 768px) {
  .top_article_list ul li .thumb {
    width: 80px;
  }
}

/* line 73, _top.scss */
.top_article_list ul li .thumb img {
  width: 160px;
  height: 133px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  font-family: "object-fit: contain;";
}
@media (max-width: 768px) {
  .top_article_list ul li .thumb img {
    width: 80px;
  }
}

/* line 81, _top.scss */
.top_article_list ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

/* line 86, _top.scss */
.top_article_list ul li a {
  text-decoration: none;
  font-size: 1.5rem;
  line-height: 160%;
  display: block;
}

/* line 91, _top.scss */
.top_article_list ul li a:hover {
  opacity: 0.8;
}

/* line 95, _top.scss */
.top_article_list ul li .game_ttl {
  font-size: 1.8rem;
  font-weight: bold;
}

/* line 99, _top.scss */
.top_article_list ul li .ttl {
  font-weight: normal;
  font-size: 1.5rem;
  text-indent: 0;
  padding-left: 0;
  margin-bottom: 5px;
}

/* line 107, _top.scss */
.top_article_list ul li .day {
  color: #e95613;
  font-weight: bold;
}

/* line 111, _top.scss */
.top_article_list ul li .author, .top_article_list ul li .rewrite_day {
  color: #e95613;
}

/* line 113, _top.scss */
.top_article_list ul li .author i, .top_article_list ul li .rewrite_day i {
  margin-right: 5px;
}

/* line 117, _top.scss */
.top_article_list ul li .topics_author, .top_article_list ul li .topics_rewrite_day {
  color: #a80a97;
}

/* line 119, _top.scss */
.top_article_list ul li .topics_author i, .top_article_list ul li .topics_rewrite_day i {
  margin-right: 5px;
}

/* line 123, _top.scss */
.top_article_list ul li .tag {
  display: inline-block;
  font-size: 1.2rem;
  color: #fff;
  padding: 6px 10px 6px;
  border-radius: 5px;
  line-height: 100%;
  margin-right: 10px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .top_article_list ul li .tag {
    margin-bottom: 0;
  }
}

/* line 132, _top.scss */
.top_article_list ul li .tag.cat_pref {
  background: #1b81b5;
}

/* line 135, _top.scss */
.top_article_list ul li .tag.cat_report {
  background: #2ba80a;
}

/* line 138, _top.scss */
.top_article_list ul li .tag.cat_entry {
  background: #b51b1b;
}

/* line 141, _top.scss */
.top_article_list ul li .tag.cat_topics {
  background: #a80a97;
}

.search_box {
  max-width: 900px;
  margin: 0 auto 0px;
  box-sizing: border-box;
  background: #fff;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
}

/* line 980, _common_pc.scss */
.search_box input[type=text] {
  width: 80%;
  padding: 5px;
  font-size: 1.8rem;
  border-radius: 0;
  border: 1px solid #c9c9c9;
  line-height: 30px;
  box-sizing: border-box;
  display: inline-block;
}

/* line 989, _common_pc.scss */
.search_box button {
  background: #e95613;
  border: none;
  border-radius: 5px;
  font-size: 1.8rem;
  height: 42px;
  width: 18%;
  color: #fff;
  cursor: pointer;
}

/* line 851, _common_pc.scss */
.pagenation {
  font-size: 1.8rem;
  text-align: center;
  margin: 30px 0;
}
.pagenation ul li {
  display: inline-block;
  margin: 0 5px;
}
.pagenation ul li span {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #959caf;
  color: #959caf;
}
.pagenation ul li a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
}
.pagenation ul li a span {
  border: 1px solid #1b81b5;
  color: #1b81b5;
}

.normal_sec {
  max-width: 880px;
  padding: 0 40px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 180%;
}
@media (max-width: 768px) {
  .normal_sec {
    padding: 0 20px;
    font-size: 14px;
  }
}

.faq {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 4rem;
  box-sizing: border-box;
  font-size: 1.6rem;
  font-family: helvetica, arial, sans-serif;
  line-height: 160%;
}
@media (max-width: 768px) {
  .faq {
    grid-template-columns: 100%;
    row-gap: 3.2rem;
    padding: 0 1.1rem;
  }
}
.faq p + p {
  margin-top: 0.5rem;
}
.faq a {
  display: inline-block;
  padding-left: 1em;
  box-sizing: border-box;
  position: relative;
  color: #FFF;
}
.faq a::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.faq a span {
  text-decoration: underline;
}
.faq h2 {
  font-size: 2.2rem;
  margin-top: 45px;
}
.faq dt {
  font-weight: bold;
  margin-top: 45px;
  margin-bottom: 10px;
  word-break: break-all;
  text-indent: -2em;
  margin-left: 2em;
}
.faq dt span {
  font-size: 140%;
  color: #e95613;
}
.faq dd {
  word-break: break-all;
  text-indent: -1.8em;
  margin-left: 1.8em;
}
.faq dd span {
  font-size: 140%;
  color: #1b81b5;
}

.kiyaku {
  max-width: 900px;
  margin: 30px auto 60px;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 25px;
  background: #fff;
  font-size: 1.5rem;
  line-height: 160%;
}
.kiyaku a {
  color: #e95713;
}
.kiyaku h2 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.kiyaku p {
  margin-bottom: 30px;
}
.kiyaku ul {
  padding-left: 1em;
  margin-bottom: 20px;
}
.kiyaku ul li:before {
  content: "・";
}
.kiyaku dl {
  padding-left: 1em;
  margin-bottom: 30px;
}
.kiyaku dl dt {
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 10px;
}
.kiyaku dl dd {
  padding-left: 1em;
  margin-bottom: 20px;
}

/* line 414, _top.scss */
.countries-list li {
  width: 30%;
  display: inline-block;
}

/* line 421, _top.scss */
.result_table {
  width: 100%;
}

/* line 424, _top.scss */
.result_table tr:nth-child(odd) th,
.result_table tr:nth-child(odd) td {
  background: #f2f2f2;
}

.sashiire .mv {
  margin-bottom: 45px;
}
@media (max-width: 768px) {
  .sashiire .mv {
    margin-bottom: 0;
  }
}
.sashiire .mv img {
  width: 100%;
}
.sashiire .lead {
  font-size: 14px;
  color: #2a1512;
  line-height: 180%;
  text-align: center;
  margin-bottom: 90px;
}
@media (max-width: 768px) {
  .sashiire .lead {
    padding: 15px;
    text-align: left;
    margin-bottom: 45px;
  }
}
.sashiire .top_topics {
  padding: 0 80px;
  margin-bottom: 100px;
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .sashiire .top_topics {
    padding: 0 20px;
    margin-bottom: 55px;
  }
}
.sashiire .top_topics .topics_list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sashiire .top_topics .topics_list ul li {
  width: calc(25% - 35px);
  margin-right: 45px;
  margin-bottom: 45px;
}
.sashiire .top_topics .topics_list ul li:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  .sashiire .top_topics .topics_list ul li {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 25px;
  }
  .sashiire .top_topics .topics_list ul li:nth-child(2n) {
    margin-right: 0;
  }
}
.sashiire .top_topics .topics_list ul li img {
  width: 100%;
  padding-bottom: 15px;
}
@media (max-width: 768px) {
  .sashiire .top_topics .topics_list ul li img {
    padding-bottom: 5px;
  }
}
.sashiire .top_topics .topics_list ul li .ttl {
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  color: #2a1512;
  margin-bottom: 10px;
  margin-top: 0;
}
.sashiire .top_topics .topics_list ul li .ttl .fa-youtube {
  font-size: 16px;
  color: #ff0000;
  vertical-align: -3px;
}
.sashiire .top_topics .topics_list ul li .day {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #878e92;
  font-weight: bold;
  border-bottom: 1px solid #dfe1e2;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .sashiire .top_topics .topics_list ul li .day {
    font-size: 10px;
  }
}
.sashiire .sashiire_event {
  margin-bottom: 130px;
}
@media (max-width: 768px) {
  .sashiire .sashiire_event {
    margin-bottom: 75px;
  }
}
.sashiire .sashiire_event .per_game_thumb img {
  width: 100%;
}
.sashiire .sashiire_event .article_list ul {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  display: block;
}
.sashiire .sashiire_event .article_list ul::-webkit-scrollbar {
  height: 8px;
}
.sashiire .sashiire_event .article_list ul::-webkit-scrollbar-track {
  margin: 0 4px;
  background: #d5dee4;
  border-radius: 6px;
}
.sashiire .sashiire_event .article_list ul::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #f75c2b;
}
.sashiire .sashiire_event .article_list ul li {
  white-space: initial;
  display: inline-block;
  vertical-align: top;
  width: calc(25% - 38px);
  margin-right: 47px;
  padding-bottom: 20px;
}
.sashiire .sashiire_event .article_list ul li:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  .sashiire .sashiire_event .article_list ul li {
    width: calc(50% - 10px);
    margin-bottom: 25px;
  }
}
.sashiire .sashiire_event .article_list ul li img {
  width: 100%;
  padding-bottom: 12px;
}
@media (max-width: 768px) {
  .sashiire .sashiire_event .article_list ul li img {
    padding-bottom: 5px;
  }
}
.sashiire .sashiire_event .article_list ul li .txt {
  display: flex;
}
.sashiire .sashiire_event .article_list ul li .txt .day {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  padding-right: 10px;
}
.sashiire .sashiire_event .article_list ul li .txt .day span {
  display: block;
  color: #a9b0b4;
}
.sashiire .sashiire_event .article_list ul li .txt .day span:last-child {
  font-size: 19px;
  font-weight: bold;
  margin-top: 3px;
}
@media (max-width: 768px) {
  .sashiire .sashiire_event .article_list ul li .txt .day {
    font-size: 10px;
  }
  .sashiire .sashiire_event .article_list ul li .txt .day span:last-child {
    font-size: 13px;
    margin-top: 0px;
  }
}
.sashiire .sashiire_event .article_list ul li .txt .ttl {
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  color: #2a1512;
  margin-top: 0;
}
.sashiire .sashiire_event .article_list ul li .txt .ttl .fa-youtube {
  font-size: 16px;
  color: #ff0000;
  vertical-align: -3px;
}
.sashiire .sashiire_event .article_list {
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 80px;
}
@media (max-width: 768px) {
  .sashiire .sashiire_event .article_list {
    padding: 0 20px;
    margin-top: 0;
  }
  .sashiire .sashiire_event .article_list ul {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    display: block;
    margin-bottom: 40px;
  }
  .sashiire .sashiire_event .article_list ul li {
    white-space: initial;
    display: inline-block;
    vertical-align: top;
    width: 80%;
    margin-right: 25px;
  }
  .sashiire .sashiire_event .article_list ul::-webkit-scrollbar {
    height: 4px;
  }
  .sashiire .sashiire_event .article_list ul::-webkit-scrollbar-track {
    margin: 0 2px;
    background: #d5dee4;
    border-radius: 3px;
  }
  .sashiire .sashiire_event .article_list ul::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #f75c2b;
  }
}
.sashiire .sashiire_event .article_list .game_name {
  text-align: right;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 700;
  color: #a9b0b4;
}
@media (max-width: 768px) {
  .sashiire .sashiire_event .article_list .game_name {
    font-size: 12px;
    text-align: left;
  }
}
.sashiire h4 {
  text-align: center;
  font-size: 20px;
  text-align: center;
  color: #2a1512;
  font-weight: 900;
  position: relative;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .sashiire h4 {
    font-size: 14px;
    margin: 0 -10px 15px;
  }
}
.sashiire .carepack_table {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  text-align: left;
}
@media (max-width: 768px) {
  .sashiire .carepack_table {
    display: block;
  }
  .sashiire .carepack_table th, .sashiire .carepack_table td, .sashiire .carepack_table tbody, .sashiire .carepack_table tr {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
  }
  .sashiire .carepack_table th {
    border-top: 1px solid #edf0f2;
  }
}
.sashiire .carepack_table th, .sashiire .carepack_table td {
  padding: 5px 0;
  vertical-align: top;
}
.sashiire .carepack_table th {
  width: 6em;
}
@media (max-width: 768px) {
  .sashiire .carepack_table th {
    width: 100%;
  }
}
.sashiire .carepack_table th {
  color: #9ea6ac;
  font-weight: normal;
  padding-right: 25px;
}
@media (max-width: 768px) {
  .sashiire .carepack_table th {
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 10px;
  }
}
@media (max-width: 768px) {
  .sashiire .carepack_table td {
    padding-bottom: 10px;
  }
}
.sashiire .carepack_table img {
  padding-top: 10px;
}

.cup .mv {
  margin-bottom: 45px;
}
@media (max-width: 768px) {
  .cup .mv {
    margin-bottom: 0;
  }
}
.cup .mv img {
  width: 100%;
}
.cup .lead {
  font-size: 14px;
  color: #2a1512;
  line-height: 180%;
  text-align: center;
  margin-bottom: 90px;
}
.cup .lead span {
  font-weight: bold;
}
@media (max-width: 768px) {
  .cup .lead {
    padding: 15px;
    text-align: left;
    margin-bottom: 25px;
  }
}
.cup .cup_game ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0 80px;
}
@media (max-width: 768px) {
  .cup .cup_game ul {
    padding: 0 15px;
  }
}
.cup .cup_game ul li {
  margin-right: 45px;
  margin-bottom: 25px;
  width: calc(25% - 35px);
}
@media (max-width: 768px) {
  .cup .cup_game ul li {
    width: 100%;
    margin-right: 0;
  }
}
.cup .cup_game ul li:nth-child(4n) {
  margin-right: 0;
}
.cup .cup_game ul li img {
  width: 100%;
  padding-bottom: 15px;
}
@media (max-width: 768px) {
  .cup .cup_game ul li img {
    padding-bottom: 10px;
  }
}
.cup .cup_game ul li .ttl {
  font-size: 14px;
  font-weight: bold;
  word-break: break-all;
  line-height: 180%;
  color: #2a1512;
}
@media (max-width: 768px) {
  .cup .cup_game ul li .ttl {
    line-height: 160%;
  }
}
.cup .cup_game ul li .ttl span {
  font-weight: normal;
  display: block;
  margin-top: 5px;
  color: #000;
}
.cup .cup_game .tips {
  background: #edf0f2;
  margin: 0 80px 100px;
  padding: 15px;
  display: flex;
  font-size: 14px;
  align-items: center;
}
@media (max-width: 768px) {
  .cup .cup_game .tips {
    margin-left: 15px;
    margin-right: 15px;
    display: block;
    line-height: 180%;
    margin-bottom: 70px;
  }
}
.cup .cup_game .tips div:first-child {
  width: 100px;
  margin-right: 5px;
}
@media (max-width: 768px) {
  .cup .cup_game .tips div:first-child {
    margin-bottom: 5px;
  }
}
.cup .cup_detail {
  padding: 0 80px;
  max-width: 1220px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .cup .cup_detail {
    padding: 0 15px;
    margin-bottom: 20px;
  }
}
.cup .cup_detail .bnr_btn {
  text-align: center;
  position: relative;
  margin-bottom: 40px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .cup .cup_detail .bnr_btn {
    margin-bottom: 20px;
  }
}
.cup .cup_detail .bnr_btn:hover {
  opacity: 0.8;
}
@media (max-width: 768px) {
  .cup .cup_detail .bnr_btn:hover {
    opacity: 1;
  }
}
.cup .cup_detail .bnr_btn img {
  width: 100%;
}
.cup .cup_detail .bnr_btn:after {
  content: "";
  height: 65px;
  width: 65px;
  display: block;
  position: absolute;
  right: 27px;
  top: 50%;
  margin-top: -32px;
  background: url("../img/cup/plus.png") no-repeat;
}
@media (max-width: 768px) {
  .cup .cup_detail .bnr_btn:after {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background-size: 100%;
    right: 15px;
  }
}
.cup .cup_detail .bnr_btn.active:after {
  background: url("../img/cup/minus.png") no-repeat;
  background-size: 100%;
}
.cup .cup_detail .bnr_btn.yet {
  cursor: default;
  margin-bottom: 0;
}
.cup .cup_detail .bnr_btn.yet:after {
  content: none;
}
.cup .cup_detail .bnr_btn.yet:hover {
  opacity: 1;
}
.cup .cup_detail .cup_pulldown {
  display: none;
  justify-content: space-between;
}
.cup .cup_detail .cup_pulldown.open {
  display: flex;
}
.cup .cup_detail .cup_pulldown > div {
  width: calc(50% - 20px);
  margin-bottom: 45px;
}
@media (max-width: 768px) {
  .cup .cup_detail .cup_pulldown > div {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .cup .cup_detail .cup_pulldown {
    flex-wrap: wrap;
  }
}
.cup .cup_detail h5.ttl {
  background: #494d57;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 15px;
  text-align: left;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .cup .cup_detail h5.ttl {
    margin-bottom: 10px;
    padding: 12px;
  }
}
.cup .cup_detail .txt {
  font-size: 14px;
  margin-bottom: 40px;
  line-height: 160%;
}
@media (max-width: 768px) {
  .cup .cup_detail .txt {
    margin-bottom: 20px;
  }
}
.cup .cup_detail .report {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cup .cup_detail .report li {
  width: calc(50% - 23px);
  margin-right: 45px;
  margin-bottom: 45px;
}
.cup .cup_detail .report li:nth-child(2n) {
  margin-right: 0;
}
@media (max-width: 768px) {
  .cup .cup_detail .report li {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 25px;
  }
}
.cup .cup_detail .report li img {
  width: 100%;
  padding-bottom: 15px;
}
@media (max-width: 768px) {
  .cup .cup_detail .report li img {
    padding-bottom: 5px;
  }
}
.cup .cup_detail .report li .ttl {
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  color: #2a1512;
  margin-bottom: 10px;
  margin-top: 0;
}
.cup .cup_detail .report li .ttl .fa-youtube {
  font-size: 16px;
  color: #ff0000;
  vertical-align: -3px;
}
.cup .cup_detail .report li .day {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #878e92;
  font-weight: bold;
  border-bottom: 1px solid #dfe1e2;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .cup .cup_detail .report li .day {
    font-size: 10px;
  }
}
.cup .cup_detail .taikai_detail {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cup .cup_detail .taikai_detail li {
  width: calc(50% - 23px);
  margin-right: 45px;
  margin-bottom: 45px;
}
@media (max-width: 768px) {
  .cup .cup_detail .taikai_detail li {
    width: calc(50% - 10px);
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.cup .cup_detail .taikai_detail li:nth-child(2n) {
  margin-right: 0;
}
.cup .cup_detail .taikai_detail li img {
  width: 100%;
  padding-bottom: 15px;
}
@media (max-width: 768px) {
  .cup .cup_detail .taikai_detail li img {
    padding-bottom: 5px;
  }
}
.cup .cup_detail .taikai_detail .txt {
  display: flex;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .cup .cup_detail .taikai_detail .txt {
    display: block;
  }
}
.cup .cup_detail .taikai_detail .txt .day {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  padding-right: 10px;
}
.cup .cup_detail .taikai_detail .txt .day span {
  display: block;
  color: #a9b0b4;
}
@media (max-width: 768px) {
  .cup .cup_detail .taikai_detail .txt .day span {
    display: inline-block;
  }
}
.cup .cup_detail .taikai_detail .txt .day span:last-child {
  font-size: 19px;
  font-weight: bold;
  margin-top: 3px;
}
@media (max-width: 768px) {
  .cup .cup_detail .taikai_detail .txt .day {
    font-size: 10px;
  }
  .cup .cup_detail .taikai_detail .txt .day span:last-child {
    font-size: 13px;
    margin-top: 0px;
  }
}
.cup .cup_detail .taikai_detail .txt .ttl {
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  color: #2a1512;
  margin-top: 0;
}
.cup .cup_detail .taikai_detail .txt .ttl .fa-youtube {
  font-size: 16px;
  color: #ff0000;
  vertical-align: -3px;
}
.cup .cup_detail .ranking {
  width: 100%;
  font-size: 14px;
}
.cup .cup_detail .ranking tr:hover {
  background: #edf0f2;
}
.cup .cup_detail .ranking td {
  padding: 3px 0;
}
.cup .cup_detail .ranking .num {
  text-align: right;
  width: 1.5em;
  padding-right: 1em;
}
.cup .cup_detail .ranking .name {
  width: calc(100% - 10em);
}
.cup .cup_detail .ranking .value {
  width: calc(100% - 12.5em);
  text-align: right;
}
.cup .ball_list {
  padding: 15px;
  background: #edf0f2;
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  margin: 0 80px 65px;
}
@media (max-width: 768px) {
  .cup .ball_list {
    margin-left: 20px;
    margin-right: 20px;
    padding: 10px;
    margin-bottom: 30px;
  }
}
.cup .ball_list ul {
  display: flex;
  flex-wrap: wrap;
}
.cup .ball_list ul li {
  margin-right: 25px;
  font-size: 14px;
}
@media (max-width: 768px) {
  .cup .ball_list ul li {
    margin-right: 0;
    margin-bottom: 5px;
    width: 100%;
  }
}
.cup .ball_list ul li img {
  padding-right: 5px;
  vertical-align: middle;
  width: 20px;
}
.cup .hojin_contents {
  margin: 0 80px;
}
@media (max-width: 768px) {
  .cup .hojin_contents {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.cup .hojin_contents ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cup .hojin_contents ul li {
  width: calc(50% - 30px);
  display: flex;
}
@media (max-width: 768px) {
  .cup .hojin_contents ul li {
    width: 100%;
    display: block;
    text-align: center;
  }
}
.cup .hojin_contents ul li:first-child {
  width: 100%;
}
.cup .hojin_contents ul li .thumb {
  width: 200px;
}
@media (max-width: 768px) {
  .cup .hojin_contents ul li .thumb {
    width: 100%;
    margin-bottom: 15px;
  }
  .cup .hojin_contents ul li .thumb img {
    height: 100px;
  }
}
.cup .hojin_contents ul li .txt {
  width: calc(100% - 200px);
}
.cup .hojin_contents ul li .txt .ttl {
  font-size: 20px;
  font-weight: bold;
  line-height: 140%;
  margin-bottom: 5px;
}
.cup .hojin_contents ul li .txt .ttl .blue {
  color: #2f8fd3;
}
.cup .hojin_contents ul li .txt .ttl .yellow {
  color: #f1ba00;
}
.cup .hojin_contents ul li .txt .ttl .red {
  color: #f75c2b;
}
.cup .hojin_contents ul li .txt .lead {
  text-align: left;
}
@media (max-width: 768px) {
  .cup .hojin_contents ul li .txt {
    width: 100%;
  }
  .cup .hojin_contents ul li .txt .ttl {
    font-size: 14px;
    line-height: 180%;
  }
  .cup .hojin_contents ul li .txt .lead {
    margin-bottom: 15px;
    padding: 0;
  }
}

.topics_list {
  padding: 0 80px;
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .topics_list {
    padding: 0 15px;
  }
}
.topics_list ul {
  display: flex;
  flex-wrap: wrap;
}
.topics_list ul li {
  width: calc(25% - 35px);
  margin-right: 45px;
  margin-bottom: 45px;
}
.topics_list ul li:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 768px) {
  .topics_list ul li {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 25px;
  }
  .topics_list ul li:nth-child(2n) {
    margin-right: 0;
  }
}
.topics_list ul li img {
  width: 100%;
  padding-bottom: 15px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 11vw;
}
@media (max-width: 768px) {
  .topics_list ul li img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 90px;
    padding-bottom: 5px;
  }
}
.topics_list ul li .ttl {
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  color: #2a1512;
  margin-bottom: 10px;
  margin-top: 0;
}
.topics_list ul li .ttl .fa-youtube {
  font-size: 16px;
  color: #ff0000;
  vertical-align: -3px;
}
.topics_list ul li .day {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #878e92;
  font-weight: bold;
  border-bottom: 1px solid #dfe1e2;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .topics_list ul li .day {
    font-size: 10px;
  }
}

/* line 4, _about.scss */
.about {
  color: #FFF;
}

.about .about_mv {
  margin-bottom: 45px;
  text-align: center;
  color: #FFF;
}

.about .mv {
  max-width: 60rem;
  width: 100%;
  margin: 0 auto 5.67rem;
}

.about .mv img {
  width: 100%;
}

.about .lead {
  text-align: center;
  font-size: 14px;
  line-height: 180%;
  margin-bottom: 40px;
  font-weight: 600;
}

/* line 7, _about.scss */
.about .about_mv h3 {
  margin-bottom: 20px;
}

/* line 10, _about.scss */
.about .about_mv ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 5.1rem;
       column-gap: 5.1rem;
  margin-bottom: 3.15rem;
  text-align: center;
}

/* line 15, _about.scss */
.about .about_mv ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 10rem;
  border: 1px solid var(--blue4);
  box-sizing: border-box;
  line-height: 1.6;
  font-size: 1.6rem;
  font-weight: 400;
  color: var(--blue4);
}

/* line 30, _about.scss */
.about .about_mv ul li .yellow {
  color: #FFF;
  line-height: 1.4;
  font-size: 2rem;
  font-weight: 700;
}

/* line 33, _about.scss */
.about .about_mv ul li .yellow .price {
  font-size: 2.2rem;
  line-height: 1.4;
}

/* line 43, _about.scss */
.about .about_mv .btm {
  font-size: 1.5rem;
  font-weight: bold;
}

/* line 50, _about.scss */
.about .anchor {
  margin-bottom: 45px;
  text-align: center;
}

/* line 53, _about.scss */
.about .anchor h3 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 20px;
}

/* line 59, _about.scss */
.about .anchor ul {
  display: flex;
  justify-content: center;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  margin: 0 auto 8rem;
}

.about .anchor ul li {
  max-width: 30rem;
  width: 100%;
}

/* line 108, _about.scss */
.about .merit {
  margin-bottom: 45px;
}

/* line 110, _about.scss */
.about .merit h3 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

/* line 117, _about.scss */
.about .merit ul li {
  margin-bottom: 15px;
  border: 1px solid var(--blue4);
  border-radius: 5px;
  padding: 10px;
  display: flex;
  align-items: center;
}

/* line 124, _about.scss */
.about .merit ul li .thumb {
  width: 20%;
  text-align: center;
  padding-right: 15px;
}

/* line 130, _about.scss */
.about .merit ul li img {
  height: 130px;
}

/* line 132, _about.scss */
.about .merit ul li img.stamp_img {
  height: 110px;
}

/* line 137, _about.scss */
.about .merit ul li .txt {
  font-size: 1.5rem;
  line-height: 160%;
  width: 80%;
}

/* line 141, _about.scss */
.about .merit ul li .txt span {
  display: block;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 10px;
}

/* line 152, _about.scss */
.about .howto h3 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

/* line 158, _about.scss */
.about .howto h4 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 20px;
  padding-top: 4px;
  border-left: 8px solid #FFF;
  padding-left: 12px;
  line-height: 100%;
}

/* line 169, _about.scss */
.about .howto .regist_btn a {
  margin: 1.5rem auto;
}

/* line 202, _about.scss */
.about .howto .arrow {
  text-align: center;
  margin-bottom: 15px;
}

/* line 205, _about.scss */
.about .howto .arrow img {
  width: 8%;
}

/* line 209, _about.scss */
.about .howto .row_column {
  display: flex;
}

/* line 212, _about.scss */
.about .howto .player_flow, .about .howto .eventer_flow {
  width: 50%;
  text-align: center;
}

/* line 215, _about.scss */
.about .howto .player_flow .hito, .about .howto .eventer_flow .hito {
  margin: 0 auto 15px;
  text-align: center;
  padding: 20px 10px 10px;
  border-radius: 50%;
  width: 210px;
  height: 210px;
  border: 1px solid #333;
  box-sizing: border-box;
}

/* line 224, _about.scss */
.about .howto .player_flow .hito img, .about .howto .eventer_flow .hito img {
  width: 100%;
}

/* line 228, _about.scss */
.about .howto .player_flow .hito span, .about .howto .eventer_flow .hito span {
  display: block;
  font-size: 1.5rem;
}

/* line 233, _about.scss */
.about .howto .player_flow .box01, .about .howto .eventer_flow .box01 {
  border: 1px solid var(--blue4);
  padding: 10px;
  margin: 0 10px 15px;
  font-size: 1.5rem;
  line-height: 180%;
}

/* line 242, _about.scss */
.about .howto .player_flow .btn a, .about .howto .eventer_flow .btn a {
  margin: 2rem auto 0;
}

/* line 282, _about.scss */
.about .howto .player_flow .box02, .about .howto .eventer_flow .box02 {
  margin-bottom: 15px;
  border: 1px solid var(--blue4);
  padding: 10px;
  margin: 0 10px 15px;
  font-size: 1.5rem;
  line-height: 180%;
  color: #FFF;
}

/* line 298, _about.scss */
.about .howto .ontheday {
  text-align: center;
  margin: 0 10px 15px;
  border: 1px solid var(--blue4);
  padding: 20px;
}

/* line 305, _about.scss */
.about .howto .ontheday h5 {
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  padding-bottom: 5px;
}

/* line 311, _about.scss */
.about .howto .ontheday img {
  width: 80%;
}

/* line 316, _about.scss */
.about .howto .btm {
  border-top: 1px solid #111;
  padding: 15px 0;
  text-align: center;
}

/* line 320, _about.scss */
.about .howto .btm .lead {
  font-size: 2rem;
}

@media screen and (max-width: 768px) {
  .about .mv {
    max-width: 30rem;
    margin-bottom: 3.22rem;
  }
  /* line 334, _about.scss */
  .about .about_mv {
    margin-bottom: 30px;
  }
  /* line 336, _about.scss */
  .about .about_mv h3 {
    margin-bottom: 15px;
  }
  /* line 339, _about.scss */
  .about .about_mv ul {
    grid-template-columns: 100%;
    row-gap: 2rem;
    margin-bottom: 3.2rem;
  }
  /* line 373, _about.scss */
  .about .about_mv .btm {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 160%;
  }
  /* line 381, _about.scss */
  .about .anchor {
    margin-bottom: 45px;
    text-align: center;
  }
  /* line 384, _about.scss */
  .about .anchor h3 {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 10px;
  }
  /* line 390, _about.scss */
  .about .anchor ul {
    font-size: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  /* line 395, _about.scss */
  .about .anchor ul li {
    width: 48%;
    font-size: 1.5rem;
  }
  /* line 399, _about.scss */
  .about .anchor ul li a {
    font-size: 1.4rem;
  }
  /* line 410, _about.scss */
  .about .merit {
    margin-bottom: 45px;
  }
  /* line 412, _about.scss */
  .about .merit h3 {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
  }
  /* line 419, _about.scss */
  .about .merit ul li {
    margin-bottom: 15px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1.5rem;
  }
  /* line 426, _about.scss */
  .about .merit ul li .thumb {
    padding-right: 10px;
  }
  /* line 430, _about.scss */
  .about .merit ul li img {
    height: auto;
    width: 90%;
  }
  /* line 433, _about.scss */
  .about .merit ul li img.stamp_img {
    height: auto;
  }
  /* line 438, _about.scss */
  .about .merit ul li .txt {
    font-size: 1.5rem;
    line-height: 1.8666666667;
    width: 100%;
  }
  /* line 442, _about.scss */
  .about .merit ul li .txt span {
    display: block;
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
  /* line 453, _about.scss */
  .about .howto h3 {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
  }
  /* line 459, _about.scss */
  .about .howto h4 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 2px;
    padding-left: 12px;
    line-height: 100%;
  }
  /* line 477, _about.scss */
  .about .howto .arrow {
    text-align: center;
    margin-bottom: 15px;
  }
  /* line 480, _about.scss */
  .about .howto .arrow img {
    width: 15%;
  }
  /* line 484, _about.scss */
  .about .howto .row_column {
    display: flex;
  }
  /* line 487, _about.scss */
  .about .howto .player_flow, .about .howto .eventer_flow {
    width: 50%;
    text-align: center;
  }
  /* line 490, _about.scss */
  .about .howto .player_flow .hito, .about .howto .eventer_flow .hito {
    margin: 0 auto 15px;
    text-align: center;
    padding: 20px 10px 10px;
    border-radius: 50%;
    width: 140px;
    height: 140px;
    border: 1px solid #333;
    box-sizing: border-box;
    max-width: 100%;
  }
  /* line 504, _about.scss */
  .about .howto .player_flow .hito span, .about .howto .eventer_flow .hito span {
    display: block;
    font-size: 1.2rem;
  }
  /* line 509, _about.scss */
  .about .howto .player_flow .box01, .about .howto .eventer_flow .box01 {
    padding: 10px 5px;
    margin: 0 2px 15px;
    font-size: 1.3rem;
    line-height: 180%;
  }
  /* line 552, _about.scss */
  .about .howto .player_flow .box02, .about .howto .eventer_flow .box02 {
    margin-bottom: 15px;
    padding: 10px;
    margin: 0 2px 15px;
    font-size: 1.5rem;
  }
  /* line 568, _about.scss */
  .about .howto .ontheday {
    margin: 0 0px 15px;
  }
  /* line 571, _about.scss */
  .about .howto .ontheday h5 {
    font-size: 1.5rem;
    padding-bottom: 5px;
  }
  /* line 575, _about.scss */
  .about .howto .ontheday img {
    width: 100%;
  }
  /* line 581, _about.scss */
  .about .howto .btm .lead {
    font-size: 1.5rem;
  }
}
.about .board {
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
}
@media (max-width: 768px) {
  .about .board {
    padding: 20px 0 20px;
  }
}

.about .mv + .lead {
  padding: 0 20px;
}

.hojin__contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -50px 80px 0;
}
@media (max-width: 768px) {
  .hojin__contents {
    flex-direction: column;
    margin: -50px 20px 0;
  }
}
.hojin__contents_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  margin: 50px 0 0;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .hojin__contents_item {
    flex-direction: column;
    width: 100%;
    padding-top: 20px;
    border-right: 1px solid #bbc0c4;
    border-bottom: 1px solid #bbc0c4;
  }
}
.hojin__contents_full {
  width: 100%;
}
.hojin__contents_online {
  border-left: 8px solid #2f8fd3;
}
@media (max-width: 768px) {
  .hojin__contents_online {
    border-top: 5px solid #2f8fd3;
    border-left: 1px solid #bbc0c4;
  }
}
.hojin__contents_hybrid {
  border-left: 8px solid #f1ba00;
}
@media (max-width: 768px) {
  .hojin__contents_hybrid {
    border-top: 5px solid #f1ba00;
    border-left: 1px solid #bbc0c4;
  }
}
.hojin__contents_physical {
  border-left: 8px solid #ff4359;
}
@media (max-width: 768px) {
  .hojin__contents_physical {
    border-top: 5px solid #ff4359;
    border-left: 1px solid #bbc0c4;
  }
}
.hojin__contents_img {
  width: 160px;
  text-align: center;
}
@media (max-width: 768px) {
  .hojin__contents_img {
    width: 100%;
  }
}
.hojin__contents_img img {
  margin: 0 auto;
}
.hojin__contents_portal img {
  width: 96px;
}
.hojin__contents_portcup img {
  width: 67px;
}
.hojin__contents_sashiireman img {
  width: 104px;
}
.hojin__contents_gamemusiclive img {
  width: 80px;
}
.hojin__contents_planning img {
  width: 110px;
}
.hojin__contents_cont {
  width: calc(100% - 160px);
  padding: 0 50px 0 0;
  box-sizing: border-box;
  text-align: left;
}
@media (max-width: 768px) {
  .hojin__contents_cont {
    width: 100%;
    padding: 20px;
  }
}
.hojin__contents_ttl {
  margin: 0 0 5px;
  line-height: 140%;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 768px) {
  .hojin__contents_ttl {
    text-align: center;
  }
}
.hojin__contents_ttl .blue {
  color: #2f8fd3;
}
.hojin__contents_ttl .yellow {
  color: #f1ba00;
}
.hojin__contents_ttl .red {
  color: #f75c2b;
}
.hojin__contents_lead {
  margin: 0;
  line-height: 180%;
  font-size: 14px;
  color: #2a1512;
}
.hojin__type {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.hojin__type_online {
  background: #2f8fd3;
}
.hojin__type_hybrid {
  background: #f1ba00;
}
.hojin__type_physical {
  background: #f75c2b;
}

.p-topics-archive__btn {
  margin: 5.6rem auto 0;
}
@media (max-width: 768px) {
  .p-topics-archive__btn {
    margin-top: 6.15rem;
  }
}
.p-topics-archive__btn .c-btn {
  margin: 0 auto;
}

.p-topics-detail__content {
  padding: 0.6rem;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 768px) {
  .p-topics-detail__content {
    padding: 0.4rem;
  }
}
.p-topics-detail__content::before, .p-topics-detail__content::after {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url(../img/common/corner-02.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
}
.p-topics-detail__content::before {
  top: 0;
  left: 0;
}
.p-topics-detail__content::after {
  right: 0;
  bottom: 0;
  transform: scale(-1, -1);
}
.p-topics-detail__content_inner {
  padding: 4rem;
  border: 1px solid var(--blue1);
  box-shadow: 0 0 2.4rem var(--blue1);
  box-sizing: border-box;
  background: var(--black1);
  transition: 0.3s box-shadow;
}
@media (max-width: 768px) {
  .p-topics-detail__content_inner {
    padding: 3rem;
    box-shadow: 0 0 1.6rem var(--blue1);
  }
}
.p-topics-detail__content_thumbnail {
  margin: 0 0 4rem;
}
@media (max-width: 768px) {
  .p-topics-detail__content_thumbnail {
    margin-bottom: 3.2rem;
  }
}
.p-topics-detail__content_thumbnail img {
  width: 100%;
}
.p-topics-detail__head {
  margin: 0 0 4rem;
}
@media (max-width: 768px) {
  .p-topics-detail__head {
    margin-bottom: 3.2rem;
  }
}
.p-topics-detail__head_data {
  display: flex;
  align-items: center;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
}
.p-topics-detail__head_date {
  line-height: 1.625;
  letter-spacing: 0.05em;
  font-size: 1.6rem;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  color: #FFF;
}
.p-topics-detail__tags {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
  row-gap: 1.6rem;
}
.p-topics-detail__tags_item {
  display: inline-block;
  background: var(--blue1);
  transform: skewX(-30deg);
}
.p-topics-detail__tags_link {
  display: block;
  padding: 0.2rem 1.5rem;
  box-sizing: border-box;
  line-height: 1.4166666667;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--black1);
  transform: skewX(30deg);
}
.p-topics-detail__body {
  line-height: 2.0625;
  font-size: 1.6rem;
  font-weight: 400;
  color: #FFF;
}
@media (max-width: 768px) {
  .p-topics-detail__body {
    line-height: 1.8125;
  }
}
.p-topics-detail__body * + * {
  /*margin-top: 2em;*/
}
.p-topics-detail__btns {
  max-width: 58.7rem;
  width: 100%;
  margin: 4rem auto 0;
  position: relative;
}
@media (max-width: 768px) {
  .p-topics-detail__btns {
    padding-top: 8.05rem;
  }
}
.p-topics-detail__btns .c-btn {
  margin: 0 auto;
}
.p-topics-detail__btn {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1.48;
  letter-spacing: 0.04em;
  font-size: 2.5rem;
  font-weight: 400;
  font-family: "Bebas Neue", sans-serif;
  color: var(--blue1);
  transform-origin: center;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .p-topics-detail__btn {
    top: 0;
    transform: translateY(0);
  }
}
.p-topics-detail__btn::before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/common/corner-02.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
}
.p-topics-detail__btn:hover {
  letter-spacing: 0.2em;
  color: var(--blue1);
  opacity: 1;
}
@media (max-width: 768px) {
  .p-topics-detail__btn:hover {
    letter-spacing: 0.04em;
  }
}
.p-topics-detail__btn_prev {
  padding: 0.8rem 0 0.8rem 3.2rem;
  left: 0;
}
.p-topics-detail__btn_prev:hover {
  padding-left: 4.6rem;
  left: -4.6rem;
}
@media (max-width: 768px) {
  .p-topics-detail__btn_prev:hover {
    padding-left: 3.2rem;
    left: 0;
  }
}
.p-topics-detail__btn_prev::before {
  top: 0;
  left: 0;
}
.p-topics-detail__btn_next {
  padding: 0.8rem 3.2rem 0.8rem 0;
  right: 0;
}
.p-topics-detail__btn_next:hover {
  padding-right: 4.6rem;
  right: -4.6rem;
}
@media (max-width: 768px) {
  .p-topics-detail__btn_next:hover {
    padding-right: 3.2rem;
    right: 0;
  }
}
.p-topics-detail__btn_next::before {
  right: 0;
  bottom: 0;
  transform: scale(-1, -1);
}
@media (max-width: 768px) {
  .p-topics-detail__main {
    grid-row: 1/2;
  }
}
@media (max-width: 768px) {
  .p-topics-detail__side {
    grid-row: 3/4;
  }
}
.p-topics-detail__related {
  grid-column: 1/3;
  grid-row: 2/3;
}
@media (max-width: 768px) {
  .p-topics-detail__related {
    grid-column: auto;
  }
}

.p-about__term {
  margin: 4rem auto 0;
  text-align: center;
}
.p-about__term_link {
  line-height: 1.8666666667;
  text-decoration: underline;
  font-size: 1.5rem;
  font-weight: 400;
  color: #FFF;
}
.p-about__term_link:hover {
  text-decoration: none;
}
.p-about__btns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  row-gap: 3rem;
  width: 63rem;
  margin: 0 auto 6.6rem;
}
@media (max-width: 768px) {
  .p-about__btns {
    grid-template-columns: 100%;
    row-gap: 2rem;
    width: 30rem;
    margin-bottom: 3.5rem;
  }
}

.p-manual__title {
  display: inline-block;
  margin: 0 0 2.35rem;
  line-height: 1.8333333333;
  font-size: 1.8rem;
  font-weight: 700;
  color: #FFF;
}
.p-manual__title--ptn1 {
  display: flex;
  -moz-column-gap: 0.8rem;
       column-gap: 0.8rem;
  align-items: center;
}
.p-manual__title--ptn1 img {
  width: 16.359rem;
}
.p-manual__title--ptn2, .p-manual__title--ptn3, .p-manual__title--ptn4 {
  padding-left: 4.8rem;
  position: relative;
}
.p-manual__title--ptn2::before, .p-manual__title--ptn3::before, .p-manual__title--ptn4::before {
  content: "";
  width: 4rem;
  height: 4rem;
  background: 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.p-manual__title--ptn2::before {
  background-image: url(../img/manual/icon_play.svg);
}
.p-manual__title--ptn3::before {
  background-image: url(../img/manual/icon_eventer.svg);
}
.p-manual__title--ptn4::before {
  background-image: url(../img/manual/icon_player.svg);
}
.p-manual__btn {
  margin: 4.95rem auto 0;
}
@media (max-width: 768px) {
  .p-manual__btn {
    margin-top: 3.2rem;
  }
}
.p-manual__btn .c-btn {
  margin: 0 auto;
}
/*# sourceMappingURL=maps/style.css.map */

.manual__nav{
  width: 290px;
  padding: 0 20px;
  box-sizing: border-box;
  font-size: 14px;
  position: fixed;
  left: 0px;
  top: 260px;
}
.manual__nav h3{
  margin-bottom: 10px;
  position: relative;
}
.manual__nav h3:after{
  content:'';
  position: absolute;
  right:0;
  top:50%;
  margin-top: -8px;
  width: 7px;
  height: 7px;
  display: block;
  border-right:2px solid #00F6FF;
  border-bottom:2px solid #00F6FF;
  transform: rotate(45deg);
}
.manual__nav .active:after{
  transform: rotate(-135deg);
}
.manual__nav ul{
  margin-bottom: 30px;
  line-height: 180%;
  display: none;
}

.manual__nav ul li a{
  color: #fff;
  text-decoration:underline;
  }

.p-topics-detail__body p a{
  color: #51E6F0 !important;
}