@charset "UTF-8";
/* CSS Document */
img[src$=".svg"] {
  width: 100%;
}

/*def end*/
/*share*/
::-moz-selection {
  background: rgba(72, 41, 161, 0.6); /* Safari */
  color: white;
}
::selection {
  background: rgba(72, 41, 161, 0.6); /* Safari */
  color: white;
}

::-moz-selection {
  background: rgba(72, 41, 161, 0.6); /* Firefox */
  color: white;
}

html, body {
  height: 100%;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  text-decoration: none;
  color: black;
}
a:hover {
  text-decoration: underline;
}

li {
  list-style-type: none;
}

dl, dt, dd, ul, li, figure {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, p {
  padding: 0;
  margin: 0;
  font-size: 1em;
}

em, i {
  font-style: normal;
}

._pc {
  display: block;
}
@media all and (max-width: 640px) {
  ._pc {
    display: none;
  }
}

._sp {
  display: none;
}
@media all and (max-width: 640px) {
  ._sp {
    display: block;
  }
}

/* リンクボタン用など */
/* リンクボタン用など */
/* for 2022 */
/* for 2022 */
/* for exhibition */
/* for exhibition */
/* for metaverse */
/* for metaverse */
/* for exhibition2023 */
/* for exhibition2023 */
/* for exhibition2024 */
/* for exhibition2024 */
/* for learning2024 */
/* for learning2024 */
body {
  font-family: dnp-shuei-gothic-gin-std, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Meiryo UI", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.loading {
  position: fixed;
  z-index: 10000;
  background: #d8cebc;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  line-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform-origin: right;
          transform-origin: right;
}
.loading__back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(315deg, #d8cebc, #d8cebc, #5a25ff); /*グラデーションを定義*/
  z-index: -1;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.loading__back._active {
  opacity: 1;
}
.loading::before, .loading::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  width: 100%;
  height: 100%;
  background: white;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scale(0, 1.02);
          transform: scale(0, 1.02);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ver_2025 .loading::before {
  background: #5a25ff;
}
.ver_2024 .loading::before {
  background: #5a25ff;
}
.ver_2023 .loading::before {
  background: #5a25ff;
}
.loading::after {
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transform: scale(1, 1.02);
          transform: scale(1, 1.02);
}
.loading._start::after {
  -webkit-transform: scale(0, 1.02);
          transform: scale(0, 1.02);
}
.loading._end {
  -webkit-transform: scale(0, 1.02);
          transform: scale(0, 1.02);
  visibility: hidden;
}
.loading._active .loading__back {
  opacity: 1;
}
.loading._active::before {
  -webkit-transform: scale(1.1, 1.02);
          transform: scale(1.1, 1.02);
}
.loading__logo {
  width: 20%;
  max-width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media all and (max-width: 640px) {
  .loading__logo {
    width: 30%;
  }
}
.loading__logo div[class*=loading__] {
  position: relative;
}
.loading__logo div[class*=loading__]::before {
  content: "";
  position: absolute;
  top: 0;
  right: -2;
  width: 100%;
  height: 100%;
  background: #d8cebc;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scale(1.1, 1.02);
          transform: scale(1.1, 1.02);
  -webkit-transform-origin: right;
          transform-origin: right;
}
.loading__logo._active div[class*=loading__]::before {
  -webkit-transform: scale(0, 1.02);
          transform: scale(0, 1.02);
}
.loading__logomark {
  width: 100%;
}
.loading__logomark::before {
  -webkit-transition-delay: 0.1s !important;
          transition-delay: 0.1s !important;
}
.loading__logotypename {
  width: 100%;
  margin-top: 6.5%;
}
.loading__logotypename::before {
  -webkit-transition-delay: 0.3s !important;
          transition-delay: 0.3s !important;
}
.loading__logotypeyear {
  width: 100%;
  margin-top: 3%;
}
.loading__logotypeyear::before {
  -webkit-transition-delay: 0.5s !important;
          transition-delay: 0.5s !important;
}
.loading__logotypeyear img {
  width: 28%;
}
.ver_2025 .loading__logotypeyear img {
  width: 52.75%;
}
.ver_2024 .loading__logotypeyear img {
  width: 52.75%;
}
.ver_2023 .loading__logotypeyear img {
  width: 52.75%;
}
.loading__logotypecatch {
  margin-top: 4%;
  width: 100%;
}
.loading__logotypecatch::before {
  -webkit-transition-delay: 0.7s !important;
          transition-delay: 0.7s !important;
}
@media all and (max-width: 640px) {
  .loading__logotypecatch {
    /* svgの高さが、環境によって5px or 6pxとなり、ずれがおきるため*/
    min-height: 10px;
    background-size: contain;
    width: 100%;
    /* svgの高さが、環境によって5px or 6pxとなり、ずれがおきるため*/
  }
  .ver_2024 .loading__logotypecatch {
    min-height: 14px;
    background: none;
  }
  .ver_2023 .loading__logotypecatch {
    background: url(../image/logo_typecatch_2023.svg) no-repeat top center;
  }
  .loading__logotypecatch img {
    opacity: 1;
  }
  .ver_2025 .loading__logotypecatch {
    background: none;
  }
  .ver_2025 .loading__logotypecatch img {
    opacity: 1;
  }
  .ver_2024 .loading__logotypecatch img {
    opacity: 1;
  }
}

.header {
  position: fixed;
  top: 0;
  left: -250px;
  min-width: 315px;
  height: 100%;
  z-index: 2000;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ver_2025 .header {
  background: rgba(216, 206, 188, 0.9);
}
.ver_2024 .header {
  background: rgba(216, 206, 188, 0.9);
}
.ver_2023 .header {
  background: rgba(216, 206, 188, 0.9);
}
.ver_metaverse .header {
  background: rgba(0, 0, 0, 0.9);
}
.ver_exhibition2024 .header {
  background: rgba(171, 255, 15, 0.9);
}
.ver_learning2024 .header {
  background: rgba(116, 109, 255, 0.9);
}
.ver_workshop .header {
  background: rgba(216, 206, 188, 0.9);
}
@media all and (max-width: 640px) {
  .header {
    left: calc(-100% + 40px);
    min-width: 100%;
  }
}
.header._active {
  left: 0;
  background: linear-gradient(315deg, rgba(216, 206, 188, 0.9), rgba(90, 37, 255, 0.3)); /*グラデーションを定義*/
}
.ver_2025 .header._active {
  background: linear-gradient(315deg, rgba(216, 206, 188, 0.9) 30%, rgba(90, 37, 255, 0.9)); /*グラデーションを定義*/
}
.ver_2024 .header._active {
  background: linear-gradient(315deg, rgba(216, 206, 188, 0.9) 60%, rgba(90, 37, 255, 0.9)); /*グラデーションを定義*/
}
@media all and (max-width: 640px) {
  .ver_2024 .header._active {
    background: linear-gradient(135deg, rgba(216, 206, 188, 0.9) 60%, rgba(90, 37, 255, 0.9)); /*グラデーションを定義*/
  }
}
.ver_2023 .header._active {
  background: linear-gradient(315deg, rgba(216, 206, 188, 0.9) 60%, rgba(90, 37, 255, 0.9)); /*グラデーションを定義*/
}
@media all and (max-width: 640px) {
  .ver_2023 .header._active {
    background: linear-gradient(135deg, rgba(216, 206, 188, 0.9) 60%, rgba(90, 37, 255, 0.9)); /*グラデーションを定義*/
  }
}
.ver_2022 .header._active {
  background: linear-gradient(315deg, rgba(245, 214, 39, 0.9), rgba(242, 41, 65, 0.75), rgba(148, 101, 156, 0.75), rgba(69, 169, 230, 0.75)); /*グラデーションを定義*/
}
@media all and (max-width: 640px) {
  .ver_2022 .header._active {
    background: linear-gradient(315deg, rgba(245, 214, 39, 0.9), rgba(242, 41, 65, 0.85), rgba(148, 101, 156, 0.85), rgba(69, 169, 230, 0.85)); /*グラデーションを定義*/
  }
}
.ver_metaverse .header._active {
  background: linear-gradient(315deg, rgba(0, 0, 0, 0.9), rgba(0, 225, 220, 0.3)); /*グラデーションを定義*/
}
@media all and (max-width: 640px) {
  .ver_metaverse .header._active {
    background: linear-gradient(315deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.75)); /*グラデーションを定義*/
  }
}
.ver_exhibition2024 .header._active {
  background: linear-gradient(315deg, rgba(109, 73, 238, 0.9), rgba(171, 255, 15, 0.3)); /*グラデーションを定義*/
}
@media all and (max-width: 640px) {
  .ver_exhibition2024 .header._active {
    background: linear-gradient(315deg, rgba(109, 73, 238, 0.9), rgba(109, 73, 238, 0.75)); /*グラデーションを定義*/
  }
}
.ver_learning2024 .header._active {
  background: linear-gradient(315deg, rgba(124, 255, 0, 0.9), rgba(116, 109, 255, 0.3)); /*グラデーションを定義*/
}
@media all and (max-width: 640px) {
  .ver_learning2024 .header._active {
    background: linear-gradient(315deg, rgba(124, 255, 0, 0.9), rgba(124, 255, 0, 0.75)); /*グラデーションを定義*/
  }
}
.header._active .header__navigation, .header._active .header__catch {
  color: white;
}
@media all and (max-width: 640px) {
  .ver_learning2024 .header._active .header__navigation, .ver_learning2024 .header._active .header__catch {
    color: #746DFF;
  }
}
.ver_2025 .header._active .header__catch {
  color: #5a25ff;
}
.ver_2024 .header._active .header__catch {
  color: #5a25ff;
}
.ver_2023 .header._active .header__catch {
  color: #5a25ff;
}
.ver_exhibition2024 .header._active .header__catch {
  color: #ABFF0F;
}
.ver_learning2024 .header._active .header__catch {
  color: #746DFF;
}
.header._active .header__menubutton {
  background: none;
}
.ver_2025 .header._active .header__menubutton::before, .ver_2025 .header._active .header__menubutton::after {
  background: #5a25ff;
}
.ver_2024 .header._active .header__menubutton::before, .ver_2024 .header._active .header__menubutton::after {
  background: #5a25ff;
}
.ver_2023 .header._active .header__menubutton::before, .ver_2023 .header._active .header__menubutton::after {
  background: #5a25ff;
}
.ver_metaverse .header._active .header__menubutton::before, .ver_metaverse .header._active .header__menubutton::after {
  background: rgb(0, 225, 220);
}
.ver_exhibition2024 .header._active .header__menubutton::before, .ver_exhibition2024 .header._active .header__menubutton::after {
  background: #ABFF0F;
}
.ver_learning2024 .header._active .header__menubutton::before, .ver_learning2024 .header._active .header__menubutton::after {
  background: #746DFF;
}
.ver_workshop .header._active .header__menubutton::before, .ver_workshop .header._active .header__menubutton::after {
  background: #5a25ff;
}
.header._active .header__logomain img, .header._active .header__logosub img {
  opacity: 0;
}
.header._active .header__logomain::after, .header._active .header__logosub::after {
  opacity: 1;
}
.ver_2024 .header._active .header__logomain img, .ver_2024 .header._active .header__logosub img {
  opacity: 1;
}
.ver_2024 .header._active .header__logomain::after, .ver_2024 .header._active .header__logosub::after {
  opacity: 0;
}
.ver_2023 .header._active .header__logomain img, .ver_2023 .header._active .header__logosub img {
  opacity: 1;
}
.ver_2023 .header._active .header__logomain::after, .ver_2023 .header._active .header__logosub::after {
  opacity: 0;
}
@media all and (max-width: 640px) {
  .header._active {
    background: linear-gradient(315deg, rgba(216, 206, 188, 0.9), rgba(216, 206, 188, 0.8), rgba(90, 37, 255, 0.8)); /*グラデーションを定義*/
  }
  .header._active .header__catch, .header._active .header__logo, .header._active .header__menubutton {
    right: auto;
    left: 0;
  }
  .header._active .header__navigation, .header._active .header__subnavigation {
    left: 40px;
  }
}
.header__logo {
  width: 65px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px;
}
@media all and (max-width: 640px) {
  .header__logo {
    padding: 10px;
    width: 40px;
  }
}
.header__logomain {
  text-align: center;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header__logomain img {
  height: auto;
  width: 100%;
}
.header__logomain::after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../image/logo_mark_wh.svg) center center no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}
.ver_exhibition2024 .header__logomain::after {
  background: url(../image/logo_mark_exhibition2024_sub.svg) center center no-repeat;
  background-size: contain;
}
.ver_learning2024 .header__logomain::after {
  background: url(../image/logo_mark_learning2024_sub.svg) center center no-repeat;
  background-size: contain;
}
.header__logosub {
  margin-top: 10px;
  width: 100%;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media all and (max-width: 640px) {
  .header__logosub {
    margin-top: 5px;
  }
}
.header__logosub::after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../image/logo_typerotation_wh.svg) center center no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}
.ver_exhibition2024 .header__logosub::after {
  background: url(../image/logo_typerotation_exhibition2024_sub.svg) center center no-repeat;
  background-size: contain;
}
.ver_learning2024 .header__logosub::after {
  background: url(../image/logo_typerotation_learning2024_sub.svg) center center no-repeat;
  background-size: contain;
}
.header__catch {
  width: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 0;
  font-size: 11px;
  font-weight: bold;
  line-height: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #d8cebc;
  letter-spacing: 0.15em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
          font-feature-settings: "pkna";
  position: absolute;
  bottom: 80px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ver_2025 .header__catch {
  color: #5a25ff;
}
.ver_2024 .header__catch {
  color: #5a25ff;
}
.ver_2023 .header__catch {
  color: #5a25ff;
}
.ver_metaverse .header__catch {
  color: rgb(0, 225, 220);
}
.ver_exhibition2024 .header__catch {
  color: #6D49EE;
}
.ver_learning2024 .header__catch {
  color: #7CFF00;
}
.ver_workshop .header__catch {
  color: #5a25ff;
}
.ver_2022 .header__catch {
  color: #5a25ff;
}
@media all and (max-height: 800px) {
  .header__catch span {
    display: none;
  }
}
@media all and (max-width: 640px) {
  .header__catch {
    bottom: 70px;
    font-size: 11px;
    width: 40px;
  }
  .header__catch span {
    display: none;
  }
}
.header__navigation {
  position: absolute;
  width: 250px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #d8cebc;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media all and (max-width: 640px) {
  .header__navigation {
    width: calc(100% - 40px);
    padding-top: 20px;
  }
  .header__navigation._withapplication {
    padding-top: 50px;
  }
}
@media all and (min-width: 640px) {
  .ver_exhibition2024 .header__navigation ul {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (min-width: 640px) {
  .ver_learning2024 .header__navigation ul {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (min-width: 640px) {
  .ver_exhibition .header__navigation ul {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.header__navigation::after {
  content: "";
  position: absolute;
  background: white;
  right: 0;
  top: 0;
  width: 1px;
  opacity: 0.5;
  height: 100%;
}
@media all and (max-width: 640px) {
  .header__navigation {
    padding-bottom: 50px;
  }
  .header__navigation::after {
    left: 0;
  }
}
.header__navigation > ul {
  padding-top: 50px;
}
@media all and (max-width: 640px) {
  .header__navigation > ul {
    padding-top: 0px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.header__navigation ul > li {
  font-weight: bold;
  font-size: 13px;
  margin: 5px 0;
  margin-top: 12px;
  letter-spacing: 0.25em;
  position: relative;
  display: table;
  cursor: pointer;
}
.header__navigation ul > li span {
  position: relative;
}
.header__navigation ul > li i {
  padding-top: 0.5em;
  display: block;
  padding-bottom: 0.5em;
  font-size: 0.8em;
}
.header__navigation ul > li::after, .header__navigation ul > li span::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: white;
  bottom: -3px;
  left: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header__navigation ul > li._current::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.header__navigation ul > li._singlenav:hover::after, .header__navigation ul > li span:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.header__navigation ul > li .header__navigationinner > li {
  margin-top: 7px;
  font-size: 12px;
}
.header__navigation ul > li .header__navigationinner > li:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
@media all and (min-width: 640px) {
  .header__navigation ul > li .header__navigationinner > li {
    margin-left: 20px;
  }
}
@media all and (max-width: 640px) {
  .header__navigation ul > li {
    font-size: 13px;
    margin-top: 17px;
  }
  .header__navigation ul > li .header__navigationinner {
    font-size: 11px;
  }
  .header__navigationinner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .header__navigationinner li + li {
    margin-left: 15px;
  }
  .header__navigationinner li + li::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    width: 1px;
    height: 100%;
    background: white;
  }
}
.header__subnavigation {
  position: absolute;
  bottom: 10px;
  width: calc(100% - 65px);
}
@media all and (max-width: 640px) {
  .header__subnavigation {
    width: calc(100% - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.header__subnavigation .sns__icon {
  margin-right: 0.25em;
}
.header__subnavigation .sns__icon img {
  width: 0.9em;
  -webkit-transform: translateY(-0.15em);
          transform: translateY(-0.15em);
}
.header__subnavigation_year {
  width: 100%;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.header__subnavigation_2021, .header__subnavigation_2022, .header__subnavigation_2023, .header__subnavigation_2024, .header__subnavigation_2025 {
  display: block;
  font-weight: bold;
  border-radius: 30px;
  line-height: 35px;
  color: white;
  font-size: 13px;
  letter-spacing: 0.15em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  width: 65%;
  margin: 0 auto;
  text-align: center;
  background: rgba(72, 41, 161, 0.8);
}
@media all and (max-width: 640px) {
  .header__subnavigation_2021, .header__subnavigation_2022, .header__subnavigation_2023, .header__subnavigation_2024, .header__subnavigation_2025 {
    height: 35px;
    font-size: 11px;
    width: calc(50% - 15px);
  }
}
.header__subnavigation_2021:hover, .header__subnavigation_2022:hover, .header__subnavigation_2023:hover, .header__subnavigation_2024:hover, .header__subnavigation_2025:hover {
  text-decoration: none;
  background: linear-gradient(315deg, rgba(72, 41, 161, 0.9), rgba(72, 41, 161, 0.5)); /*グラデーションを定義*/
}
.header__subnavigation_2021 + .header__subnavigation_2021, .header__subnavigation_2021 + .header__subnavigation_2022, .header__subnavigation_2021 + .header__subnavigation_2023, .header__subnavigation_2021 + .header__subnavigation_2024, .header__subnavigation_2021 + .header__subnavigation_2025, .header__subnavigation_2022 + .header__subnavigation_2021, .header__subnavigation_2022 + .header__subnavigation_2022, .header__subnavigation_2022 + .header__subnavigation_2023, .header__subnavigation_2022 + .header__subnavigation_2024, .header__subnavigation_2022 + .header__subnavigation_2025, .header__subnavigation_2023 + .header__subnavigation_2021, .header__subnavigation_2023 + .header__subnavigation_2022, .header__subnavigation_2023 + .header__subnavigation_2023, .header__subnavigation_2023 + .header__subnavigation_2024, .header__subnavigation_2023 + .header__subnavigation_2025, .header__subnavigation_2024 + .header__subnavigation_2021, .header__subnavigation_2024 + .header__subnavigation_2022, .header__subnavigation_2024 + .header__subnavigation_2023, .header__subnavigation_2024 + .header__subnavigation_2024, .header__subnavigation_2024 + .header__subnavigation_2025, .header__subnavigation_2025 + .header__subnavigation_2021, .header__subnavigation_2025 + .header__subnavigation_2022, .header__subnavigation_2025 + .header__subnavigation_2023, .header__subnavigation_2025 + .header__subnavigation_2024, .header__subnavigation_2025 + .header__subnavigation_2025 {
  margin-top: 10px;
}
@media all and (max-width: 640px) {
  .header__subnavigation_2021 + .header__subnavigation_2021, .header__subnavigation_2021 + .header__subnavigation_2022, .header__subnavigation_2021 + .header__subnavigation_2023, .header__subnavigation_2021 + .header__subnavigation_2024, .header__subnavigation_2021 + .header__subnavigation_2025, .header__subnavigation_2022 + .header__subnavigation_2021, .header__subnavigation_2022 + .header__subnavigation_2022, .header__subnavigation_2022 + .header__subnavigation_2023, .header__subnavigation_2022 + .header__subnavigation_2024, .header__subnavigation_2022 + .header__subnavigation_2025, .header__subnavigation_2023 + .header__subnavigation_2021, .header__subnavigation_2023 + .header__subnavigation_2022, .header__subnavigation_2023 + .header__subnavigation_2023, .header__subnavigation_2023 + .header__subnavigation_2024, .header__subnavigation_2023 + .header__subnavigation_2025, .header__subnavigation_2024 + .header__subnavigation_2021, .header__subnavigation_2024 + .header__subnavigation_2022, .header__subnavigation_2024 + .header__subnavigation_2023, .header__subnavigation_2024 + .header__subnavigation_2024, .header__subnavigation_2024 + .header__subnavigation_2025, .header__subnavigation_2025 + .header__subnavigation_2021, .header__subnavigation_2025 + .header__subnavigation_2022, .header__subnavigation_2025 + .header__subnavigation_2023, .header__subnavigation_2025 + .header__subnavigation_2024, .header__subnavigation_2025 + .header__subnavigation_2025 {
    margin-top: 0;
  }
}
@media all and (max-width: 640px) {
  .header__subnavigation_2021:nth-child(n+3), .header__subnavigation_2022:nth-child(n+3), .header__subnavigation_2023:nth-child(n+3), .header__subnavigation_2024:nth-child(n+3), .header__subnavigation_2025:nth-child(n+3) {
    margin-top: 10px;
  }
}
.header__subnavigation_2022 {
  background: linear-gradient(135deg, rgba(245, 214, 39, 0.9), rgba(242, 41, 65, 0.9), rgba(148, 101, 156, 0.9), rgba(69, 169, 230, 0.9)); /*グラデーションを定義*/
}
.header__subnavigation_2022:hover {
  background: linear-gradient(315deg, rgba(242, 41, 65, 0.9), rgba(69, 169, 230, 0.5)); /*グラデーションを定義*/
}
.header__subnavigation_2023 {
  background: #0d90f4;
  color: #FFA70F;
}
.header__subnavigation_2023:hover {
  background: linear-gradient(315deg, rgba(13, 144, 244, 0.9), rgba(255, 167, 15, 0.5)); /*グラデーションを定義*/
}
.header__subnavigation_2024 {
  background: linear-gradient(135deg, rgba(211, 255, 255, 0.9), rgba(232, 87, 43, 0.9), rgba(232, 87, 43, 0.9), rgba(211, 255, 255, 0.9)); /*グラデーションを定義*/
  color: #D3FFFF;
}
.header__subnavigation_2024:hover {
  background: linear-gradient(315deg, rgba(232, 87, 43, 0.9), rgba(211, 255, 255, 0.5)); /*グラデーションを定義*/
}
.header__subnavigation_2025 {
  color: #d8cebc;
  background: #5a25ff;
}
.header__subnavigation_2025:hover {
  background: linear-gradient(315deg, rgba(216, 206, 188, 0.9), rgba(90, 37, 255, 0.5)); /*グラデーションを定義*/
}
.header__subnavigation ul {
  width: 100%;
}
.header__subnavigation ul li {
  text-align: center;
  letter-spacing: 0.25em;
  color: white;
}
.ver_2025 .header__subnavigation ul li {
  color: #5a25ff;
}
.header__subnavigation ul li .languageselect, .header__subnavigation ul li .privacybutton {
  position: relative;
  cursor: pointer;
}
.header__subnavigation ul li .languageselect a, .header__subnavigation ul li .privacybutton a {
  color: white;
}
.header__subnavigation ul li .languageselect::after, .header__subnavigation ul li .privacybutton::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: white;
  bottom: -3px;
  left: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ver_2025 .header__subnavigation ul li .languageselect::after, .ver_2025 .header__subnavigation ul li .privacybutton::after {
  background: #5a25ff;
}
.header__subnavigation ul li .languageselect:hover::after, .header__subnavigation ul li .languageselect._current::after, .header__subnavigation ul li .privacybutton:hover::after, .header__subnavigation ul li .privacybutton._current::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.header__subnavigation_sns {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px;
}
.header__subnavigation_sns li {
  padding: 0 5px;
  font-size: 12px;
}
.header__subnavigation_sns li i.fa {
  margin-right: 0.2em;
}
.header__subnavigation_sns li a {
  letter-spacing: 0.075em;
  color: inherit;
  position: relative;
  padding-bottom: 5px;
  display: block;
}
.header__subnavigation_sns li a::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: white;
  bottom: 1px;
  left: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ver_2025 .header__subnavigation_sns li a::after {
  background: #5a25ff;
}
.header__subnavigation_sns li a:hover {
  text-decoration: none;
}
.header__subnavigation_sns li a:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.header__subnavigation_privacy {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px;
}
.header__subnavigation_privacy li {
  font-size: 11px;
  padding: 5px;
}
@media all and (min-width: 640px) {
  .header__subnavigation_privacy li:first-child {
    width: 100%;
  }
}
@media all and (max-width: 640px) {
  .header__subnavigation_language {
    margin-top: 5px;
  }
}
.header__subnavigation_language li {
  font-size: 11px;
  padding: 7px 0;
}
@media all and (max-width: 640px) {
  .header__subnavigation_language li {
    padding: 5px 0;
  }
}
.header__subnavigation_language li::before {
  content: "[ ";
}
.header__subnavigation_language li::after {
  content: " ]";
}

.prize__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.prize {
  margin-top: 20px;
  width: 31.33333%;
  margin-left: 3%;
}
._exhibition .prize {
  padding-bottom: 40px;
  position: relative;
}
.prize:nth-child(3n+1) {
  margin-left: 0;
}
.prize._gold {
  width: 100%;
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.prize._gold .prize__picture {
  width: 48.5%;
  padding-top: 0;
  text-align: center;
}
.prize._gold .prize__picture img {
  position: relative;
  top: auto;
  left: auto;
  -webkit-transform: none;
          transform: none;
  max-height: 350px;
}
.prize._gold .prize__title {
  font-size: 120%;
  line-height: 150%;
}
.prize._gold .prize__text {
  width: 48.5%;
  margin-left: 3%;
}
.prize._silver, .prize._bronze {
  width: 48.5%;
}
.prize._silver .prize__picture, .prize._bronze .prize__picture {
  padding-top: 56.25%;
  /*             
  padding-top: 0;
  img {
      position: relative;
      top: auto;
      left: auto;
      transform: none;
  } */
}
.prize._normal {
  text-align: center;
}
.prize._normal .prize__title {
  display: inline;
}
@media all and (max-width: 768px) {
  .prize {
    width: 100%;
    margin-left: 0;
  }
  .prize._gold .prize__picture {
    width: 100%;
  }
  .prize._gold .prize__text {
    width: 100%;
    margin-left: 0%;
  }
  .prize._silver, .prize._bronze {
    width: 100%;
  }
  .prize__picture {
    margin-top: 1em;
  }
}
.prize__movie {
  position: relative;
  padding-top: 56.25%;
  margin-top: 10px;
}
.prize__movie iframe {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.prize__picture {
  position: relative;
  padding-top: 66.433%;
  overflow: hidden;
}
.prize__picture span {
  position: absolute;
  z-index: 1;
  bottom: 2px;
  right: 5px;
  color: white;
  font-size: 90%;
}
.prize__picture span._up {
  bottom: 18px;
}
.prize__picture img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.prize__text {
  margin-top: 0.5em;
}
.prize__title {
  font-size: 100%;
}
.prize__title::before {
  content: "《";
}
.prize__title::after {
  content: "》";
}
.prize__artistlink {
  padding-right: 1.25em;
}
.prize__artistlink::before {
  content: "\f08e";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: -0.2em;
}
.prize__artist {
  font-weight: normal;
  display: block;
}
.prize__comment {
  margin-top: 0.5em;
}
.prize__button {
  cursor: pointer;
  color: white;
  background: #d8cebc;
  display: table;
  margin: 1em auto 0;
  padding: 0.5em 1em;
  border-radius: 2em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 2px solid #d8cebc;
}
.prize__button:hover {
  color: #d8cebc;
  background: white;
}
.prize__button._workshop {
  background: #2755d0;
  color: #C5F01C;
  border-color: #2755D0;
}
.prize__button._workshop:hover {
  color: #2755D0;
  background: #C5F01C;
}
.prize__button._workshop a {
  display: block;
  color: inherit;
}
.prize__button._workshop a:hover {
  text-decoration: none;
}
.prize__button._exhibition a {
  display: block;
  color: inherit;
}
.prize__button._exhibition a:hover {
  text-decoration: none;
}
._exhibition .prize__button {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
  padding: 0.25em 1.5em;
}
.ver_exhibition2024 .prize__button {
  border-color: #6D49EE;
  color: #ABFF0F;
  background: #6D49EE;
}
.ver_exhibition2024 .prize__button:hover {
  color: #6D49EE;
  background: #ABFF0F;
}
.ver_learning2024 .prize__button {
  border-color: #7CFF00;
  color: #746DFF;
  background: #7CFF00;
}
.ver_learning2024 .prize__button:hover {
  color: #7CFF00;
  background: #746DFF;
}
.prize__externalbutton {
  text-align: center;
}
.prize__externalbutton[data-status=disactive] {
  display: none;
}
.prize__externalbutton a {
  padding-right: 1.25em;
}
.prize__externalbutton a::before {
  content: "\f08e";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: -0.2em;
}
._koufu .prize__exhibitionnumber {
  color: #D94484;
}
._hokuto .prize__exhibitionnumber {
  color: #E77C37;
}
._fuji .prize__exhibitionnumber {
  color: #0075AF;
}
._online .prize__exhibitionnumber {
  color: #7F807E;
}

/* .judge {
    display: flex;
    flex-wrap: wrap;
    dl {
        width: 48.5%;
        &:nth-child(2n) {
            margin-left: 3%;
        }
        &:nth-child(n + 3) {
            margin-top: 2em;
        }
    }
} */
.main {
  margin-top: 200px;
  margin-left: 65px;
  margin-bottom: 100px;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.2em;
}
@media all and (max-width: 640px) {
  .main {
    margin-top: 150px;
    margin-left: 40px;
  }
}
.ver_workshop .main {
  margin-top: 80px;
}
@media all and (max-width: 640px) {
  .ver_workshop .main {
    margin-top: 50px;
  }
}
.ver_metaverse .main {
  margin-top: 80px;
}
@media all and (max-width: 640px) {
  .ver_metaverse .main {
    margin-top: 50px;
  }
}
.ver_exhibition2024 .main {
  margin-top: 80px;
}
@media all and (max-width: 640px) {
  .ver_exhibition2024 .main {
    margin-top: 50px;
  }
}
.ver_learning2024 .main {
  margin-top: 80px;
}
@media all and (max-width: 640px) {
  .ver_learning2024 .main {
    margin-top: 50px;
  }
}
.ver_exhibition .main {
  margin-top: 80px;
}
@media all and (max-width: 640px) {
  .ver_exhibition .main {
    margin-top: 50px;
  }
}
.main.thanks {
  padding: 0;
  margin: 0;
  min-height: 100vh;
}
.main.thanks .main__box {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.main._active {
  margin-left: 315px;
}
.main._active .main__box {
  width: 75%;
}
.main._active .main__box._right {
  -webkit-transform: translateX(10%);
          transform: translateX(10%);
}
.main._active .main__box._left {
  -webkit-transform: translateX(-10%);
          transform: translateX(-10%);
}
@media all and (max-width: 1024px) {
  .main._active .main__box {
    width: 80%;
  }
  .main._active .main__box._right {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
  }
  .main._active .main__box._left {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
}
@media all and (max-width: 768px) {
  .main._active .main__box {
    width: 90%;
  }
  .main._active .main__box._right {
    -webkit-transform: translateX(2.5%);
            transform: translateX(2.5%);
  }
  .main._active .main__box._left {
    -webkit-transform: translateX(-2.5%);
            transform: translateX(-2.5%);
  }
}
@media all and (max-width: 640px) {
  .main._active {
    margin-left: 40px;
  }
}
.main__headingbold {
  font-weight: bold;
  font-size: 125%;
}
@media all and (max-width: 640px) {
  .main__headingbold {
    font-size: 100%;
  }
}
.main__headingbold span {
  display: block;
}
.main__headingbold span::before {
  content: "[";
}
.main__headingbold span::after {
  content: "]";
}
.main__headingbold span._small {
  font-size: 80%;
}
.main__headingbold span._small::after, .main__headingbold span._small::before {
  content: "";
}
._koufu .main__headingbold {
  color: #D94484;
}
._hokuto .main__headingbold {
  color: #E77C37;
}
._fuji .main__headingbold {
  color: #0075AF;
}
._online .main__headingbold {
  color: #7F807E;
}
.main__map {
  position: relative;
  width: 100%;
  padding-top: 50%;
  margin-top: 20px;
}
@media all and (max-width: 640px) {
  .main__map {
    padding-top: 50vh;
  }
}
.main__map iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  border: none;
}
.main__row {
  margin-top: 20px;
}
@media all and (min-width: 640px) {
  .main__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media all and (min-width: 640px) {
  .main__row_heading {
    width: 30%;
  }
}
@media all and (min-width: 640px) {
  .main__row_body {
    width: 67.5%;
  }
}
.main__button {
  cursor: pointer;
  color: white;
  background: #d8cebc;
  display: table;
  margin: 1em auto 0;
  border-radius: 2em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 2px solid #d8cebc;
}
.ver_metaverse .main__button {
  color: rgb(0, 0, 0);
  background: rgb(0, 225, 220);
  border: 2px solid rgb(0, 225, 220);
}
.ver_exhibition2024 .main__button {
  color: #ABFF0F;
  background: #6D49EE;
  border: 2px solid #6D49EE;
}
.ver_learning2024 .main__button {
  color: #746DFF;
  background: #7CFF00;
  border: 2px solid #7CFF00;
}
.main__button:hover {
  color: #d8cebc;
  background: white;
}
.ver_metaverse .main__button:hover {
  color: rgb(0, 225, 220);
  background: rgb(0, 0, 0);
}
.ver_exhibition2024 .main__button:hover {
  color: #6D49EE;
  background: #ABFF0F;
}
.ver_learning2024 .main__button:hover {
  color: #7CFF00;
  background: #746DFF;
}
.main__button a {
  padding: 0.5em 1em;
  display: block;
  color: inherit;
}
.main__button a:hover {
  text-decoration: none;
}
.main__boxwrapper {
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  will-change: transform;
}
.main__logo {
  width: 200px;
  margin: 0 auto;
}
.main__logo + .main__box {
  margin-top: 200px;
}
.ver_workshop .main__logo + .main__box {
  margin-top: 80px;
}
.ver_metaverse .main__logo + .main__box {
  margin-top: 80px;
}
.ver_2022 .main__logo {
  visibility: hidden !important;
  opacity: 0;
}
.ver_2023 .main__logo {
  visibility: hidden !important;
  opacity: 0;
}
.ver_2024 .main__logo {
  visibility: hidden !important;
  opacity: 0;
}
.ver_2025 .main__logo {
  visibility: hidden !important;
  opacity: 0;
}
.ver_workshop .main__logo {
  width: 350px;
}
@media all and (max-width: 1024px) {
  .main__logo {
    width: 150px;
  }
  .ver_workshop .main__logo {
    width: 100px;
  }
}
@media all and (max-width: 640px) {
  .main__logo {
    width: 100px;
  }
  .ver_workshop .main__logo {
    width: 65%;
  }
  .main__logo + .main__box {
    margin-top: 100px;
  }
  .ver_workshop .main__logo + .main__box {
    margin-top: 50px;
  }
}
.main__box {
  margin: 100px auto 0;
  width: 60%;
  max-width: 600px;
  color: #d8cebc;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  /* & > * {
      margin-left: 50px;
  } */
}
.ver_2022 .main__box {
  color: #5a25ff;
}
.ver_2023 .main__box {
  color: #5a25ff;
}
.ver_2024 .main__box {
  color: #5a25ff;
}
.ver_2025 .main__box {
  color: #5a25ff;
}
.ver_metaverse .main__box {
  color: rgb(0, 225, 220);
}
.ver_exhibition2024 .main__box {
  color: #6D49EE;
}
.ver_learning2024 .main__box {
  color: #746DFF;
}
.ver_exhibition .main__box {
  color: #191818;
}
.main__box._middle {
  width: 80%;
  max-width: 1000px;
}
.main__box._wide {
  width: 70%;
  max-width: 800px;
}
@media all and (max-width: 640px) {
  .main__box._wide {
    width: 90%;
  }
}
.main__box._middlesub {
  width: 50%;
  max-width: 1000px;
}
@media all and (max-width: 640px) {
  .main__box._middlesub {
    width: 90%;
  }
}
.main__box._workshop {
  width: 70%;
  max-width: 700px;
}
@media all and (max-width: 640px) {
  .main__box._workshop {
    width: 90%;
  }
}
.ver_metaverse .main__box {
  width: 70%;
  max-width: 700px;
}
@media all and (max-width: 640px) {
  .ver_metaverse .main__box {
    width: 90%;
  }
}
.main__box._exhibition {
  margin-top: 50px;
  width: 80%;
  max-width: 800px;
}
@media all and (max-width: 640px) {
  .main__box._exhibition {
    width: 90%;
  }
}
.main__box._right {
  -webkit-transform: translateX(30%);
          transform: translateX(30%);
}
.main__box._right._workshop {
  -webkit-transform: translateX(20%);
          transform: translateX(20%);
}
@media all and (max-width: 640px) {
  .main__box._right._workshop {
    -webkit-transform: translateX(2.5%);
            transform: translateX(2.5%);
  }
}
.main__box._exhibition {
  -webkit-transform: translateX(15%);
          transform: translateX(15%);
}
@media all and (max-width: 640px) {
  .main__box._exhibition {
    -webkit-transform: translateX(2.5%);
            transform: translateX(2.5%);
  }
}
.main__box._left {
  -webkit-transform: translateX(-30%);
          transform: translateX(-30%);
}
.main__box._left._workshop {
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
}
@media all and (max-width: 640px) {
  .main__box._left._workshop {
    -webkit-transform: translateX(-2.5%);
            transform: translateX(-2.5%);
  }
}
.main__box._exhibition {
  -webkit-transform: translateX(-15%);
          transform: translateX(-15%);
}
@media all and (max-width: 640px) {
  .main__box._exhibition {
    -webkit-transform: translateX(-2.5%);
            transform: translateX(-2.5%);
  }
}
.main__box .judge_name {
  font-size: 110%;
  font-weight: bold;
}
.main__box .judge_position {
  font-size: 90%;
  margin-bottom: 0.25em;
}
.main__box .judge_position::before {
  content: "(";
}
.main__box .judge_position::after {
  content: ")";
}
@media all and (max-width: 1024px) {
  .main__box {
    width: 70%;
  }
  .main__box._middle {
    width: 90%;
  }
  .main__box._right {
    -webkit-transform: translateX(15%);
            transform: translateX(15%);
  }
  .main__box._left {
    -webkit-transform: translateX(-15%);
            transform: translateX(-15%);
  }
}
@media all and (max-width: 768px) {
  .main__box {
    width: 80%;
  }
  .main__box._right {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
  .main__box._left {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
}
@media all and (max-width: 640px) {
  .main__box {
    margin-top: 50px;
    width: 90%;
  }
  .main__box._right {
    -webkit-transform: translateX(2.5%);
            transform: translateX(2.5%);
  }
  .main__box._left {
    -webkit-transform: translateX(-2.5%);
            transform: translateX(-2.5%);
  }
}
.main__box._plain {
  padding: 25px 30px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.9)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.9)); /*グラデーションを定義*/
}
.ver_2025 .main__box._plain {
  background: rgba(255, 255, 255, 0.9);
}
.main__box._subcolor {
  padding: 25px 30px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(90, 37, 255, 0.8)), to(rgba(90, 37, 255, 0.9)));
  background: linear-gradient(90deg, rgba(90, 37, 255, 0.8), rgba(90, 37, 255, 0.9)); /*グラデーションを定義*/
}
.ver_2025 .main__box._subcolor {
  color: #d8cebc;
}
.main__box._transparent {
  color: white;
  background: linear-gradient(315deg, rgba(216, 206, 188, 0.7), rgba(90, 37, 255, 0.1)); /*グラデーションを定義*/
  padding: 30px;
}
.ver_2025 .main__box._transparent {
  background: linear-gradient(315deg, rgba(90, 37, 255, 0.7), rgba(90, 37, 255, 0.7)); /*グラデーションを定義*/
}
.ver_2022 .main__box._transparent {
  background: linear-gradient(135deg, rgba(245, 214, 39, 0.7), rgba(242, 41, 65, 0.7), rgba(148, 101, 156, 0.7), rgba(69, 169, 230, 0.7)); /*グラデーションを定義*/
}
.main__box._transparent .main__definition dt::after {
  background: white;
}
@media all and (max-width: 640px) {
  .main__box._transparent .main__definition dt::before {
    background: white;
  }
}
.main__innerbox {
  position: relative;
  padding: 30px;
  padding-left: 60px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.9)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.9)); /*グラデーションを定義*/
  min-height: 12em;
}
.main__innerbox._full {
  padding-left: 30px;
}
.ver_2022 .main__innerbox {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0.9)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.9)); /*グラデーションを定義*/
}
.ver_2023 .main__innerbox {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)); /*グラデーションを定義*/
}
.ver_2024 .main__innerbox {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)); /*グラデーションを定義*/
}
.ver_2025 .main__innerbox {
  background: rgba(216, 206, 188, 0.95);
}
.ver_metaverse .main__innerbox {
  font-family: fot-matisse-pron, sans-serif;
  background: rgb(0, 0, 0);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8)); /*グラデーションを定義*/
}
._workshop .main__innerbox {
  padding-left: 30px;
}
@media all and (max-width: 640px) {
  ._workshop .main__innerbox {
    padding-left: 20px;
  }
}
.main__innerbox.thanks {
  padding-left: 30px;
}
.main__innerbox.thanks .main__subheading {
  margin-top: 0;
}
.main__innerbox .main__heading {
  position: absolute;
  left: 20px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
          font-feature-settings: "pkna";
  font-size: 14px;
  /* &::after {
      position: absolute;
      content: "";
      opacity: .5;
      width: 1px;
      height: 70px;
      bottom: -75px;
      left: calc(50% - 1px);
      background: $keycolor;
  } */
}
.main__innerbox .main__heading._full {
  -webkit-writing-mode: inherit;
      -ms-writing-mode: inherit;
          writing-mode: inherit;
  position: relative;
  left: auto;
  margin-bottom: 20px;
  font-size: 20px;
  text-align: left;
}
.ver_2025 .main__innerbox .main__heading._full {
  font-size: 24px;
}
.main__innerbox .main__heading + * {
  margin-top: 0;
}
@media all and (max-width: 640px) {
  .main__innerbox {
    padding: 20px 20px;
    padding-left: 40px;
  }
  .main__innerbox._full {
    padding-left: 20px;
  }
  .main__innerbox .main__heading {
    left: 11px;
    font-size: 12px;
  }
  .main__innerbox .main__heading._full {
    left: auto;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .ver_2025 .main__innerbox .main__heading._full {
    font-size: 16px;
  }
}
.main__innerbox + .main__innerbox {
  margin-top: 1px;
}
.main__heading {
  font-size: 14px;
  font-weight: bold;
  position: relative;
  text-align: center;
  /*         letter-spacing: .15em;
          writing-mode: vertical-rl;
          font-feature-settings: 'pkna'; */
  /*         padding-bottom: 10px;
  display: table;
  &::after {
      position: absolute;
      bottom: 0;
      left: 0;
      content: "";
      height: 3px;
      width: 100%;
      background: $keycolor;
  } */
}
* + .main__heading {
  margin-top: 50px;
}
.main__subheading {
  font-size: 13px;
  font-weight: bold;
  display: table;
  position: relative;
}
* + .main__subheading {
  margin-top: 30px;
}
.main__subheading._number {
  counter-increment: sample;
}
.main__subheading._number::before {
  content: counter(sample) ", ";
}
.main__subheading._center {
  margin-left: auto;
  margin-right: auto;
}
.main__subheading::after {
  content: "";
  height: 1px;
  width: 100%;
  background: #d8cebc;
  position: absolute;
  left: -2px;
  bottom: -0.25em;
  opacity: 0.5;
}
.ver_2025 .main__subheading::after {
  background: #5a25ff;
}
.ver_2022 .main__subheading::after {
  background: #5a25ff;
}
.ver_metaverse .main__subheading::after {
  background: rgb(0, 225, 220);
}
.ver_exhibition2024 .main__subheading::after {
  background: #6D49EE;
}
.ver_learning2024 .main__subheading::after {
  background: #7CFF00;
}
.ver_exhibition .main__subheading::after {
  background: #191818;
}
@media all and (max-width: 640px) {
  .main__subheading {
    font-size: 12px;
    margin-top: 20px;
  }
}
.main__headingset {
  font-size: 13px;
  font-weight: bold;
  display: table;
  position: relative;
}
.main__headingset span {
  font-size: 80%;
  display: block;
}
.main__headingset p {
  font-size: 110%;
}
* + .main__headingset {
  margin-top: 30px;
}
@media all and (max-width: 640px) {
  .main__headingset {
    font-size: 12px;
    margin-top: 20px;
  }
}
* + .main__childheading {
  margin-top: 15px;
}
@media all and (max-width: 640px) {
  .main__childheading {
    margin-top: 10px;
  }
}
.main__text {
  text-align: justify;
  letter-spacing: 0.2em;
  word-break: break-all;
}
* + .main__text {
  margin-top: 15px;
}
.main__text._center {
  text-align: center;
}
.main__text._fz20 {
  font-size: 20px;
  font-weight: bold;
}
.main__text._fz14 {
  font-size: 14px;
  font-weight: bold;
}
.ver_metaverse .main__text._english {
  text-align: left;
  letter-spacing: 0;
  word-break: normal;
  font-size: 97.5%;
}
@media all and (max-width: 640px) {
  .main__text {
    margin-top: 10px;
  }
}
.main__text i.requirement::after {
  content: "*";
  color: red;
}
* + .main__bracketdefinition_header {
  margin-top: 5px;
}
@media all and (max-width: 640px) {
  * + .main__bracketdefinition_header {
    margin-top: 15px;
  }
}
.main__bracketdefinition_header::before {
  content: "[";
}
.main__bracketdefinition_header::after {
  content: "]";
}
@media all and (max-width: 640px) {
  .main__bracketdefinition_body {
    margin-top: 5px;
  }
}
@media all and (min-width: 640px) {
  .main__bracketdefinition_body {
    padding-left: 1.25em;
    position: relative;
  }
  .main__bracketdefinition_body::before {
    content: "";
    position: absolute;
    top: 0.75em;
    left: 0.25em;
    width: 0.5em;
    height: 1px;
    background: black;
  }
}
.main .main__link {
  color: white;
  position: relative;
}
.main .main__link._purple, .main .main__link._purple2 {
  color: #d8cebc;
}
.ver_2025 .main .main__link._purple, .ver_2025 .main .main__link._purple2 {
  color: #5a25ff;
}
.ver_2022 .main .main__link._purple, .ver_2022 .main .main__link._purple2 {
  color: #5a25ff;
}
.ver_exhibition2024 .main .main__link._purple, .ver_exhibition2024 .main .main__link._purple2 {
  color: #6D49EE;
}
.ver_learning2024 .main .main__link._purple, .ver_learning2024 .main .main__link._purple2 {
  color: #746DFF;
}
.ver_exhibition .main .main__link._purple, .ver_exhibition .main .main__link._purple2 {
  color: #191818;
}
.main .main__link._purple::after, .main .main__link._purple2::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: #d8cebc;
  top: calc(50% + 9px);
  left: 0;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ver_2025 .main .main__link._purple::after, .ver_2025 .main .main__link._purple2::after {
  background: #5a25ff;
}
.ver_2022 .main .main__link._purple::after, .ver_2022 .main .main__link._purple2::after {
  background: #5a25ff;
}
.ver_exhibition2024 .main .main__link._purple::after, .ver_exhibition2024 .main .main__link._purple2::after {
  background: #6D49EE;
}
.ver_learning2024 .main .main__link._purple::after, .ver_learning2024 .main .main__link._purple2::after {
  background: #746DFF;
}
.ver_exhibition .main .main__link._purple::after, .ver_exhibition .main .main__link._purple2::after {
  background: #191818;
}
.main .main__link._purple:hover, .main .main__link._purple2:hover {
  text-decoration: none;
}
.main .main__link._purple:hover::after, .main .main__link._purple2:hover::after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.main .main__link._purple2::after {
  -webkit-transform-origin: left;
          transform-origin: left;
  opacity: 0.5;
}
.main .main__link::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: white;
  top: calc(50% + 9px);
  left: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.main .main__link._external {
  padding-right: 1.5em;
}
.main .main__link._external::before {
  content: "\f08e";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: -0.3em;
}
.main .main__link:hover {
  text-decoration: none;
}
.main .main__link:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.main__subtext {
  margin-top: 10px;
  letter-spacing: 0.2em;
  font-size: 90%;
}
.main__figure {
  margin-top: 30px;
  text-align: center;
}
.main__figure img {
  width: 150px;
}
.main__figure._tandem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main__figure._tandem img {
  margin: 0 10px;
  width: auto;
  height: 150px;
}
@media all and (max-width: 640px) {
  .main__figure._tandem img {
    height: 90px;
  }
}
.main__figure._tandem a {
  margin: 0 10px;
}
.main__figure._tandem a:hover {
  opacity: 0.8;
}
.main__banner {
  text-align: center;
}
* + .main__banner {
  margin-top: 20px;
}
.main__banner._workshop {
  text-align: left;
}
.main__banner._workshop img {
  width: 80%;
}
@media all and (max-width: 640px) {
  .main__banner._workshop img {
    width: 100%;
  }
}
.main__list {
  margin-top: 15px;
}
.main__list li {
  padding-left: 15px;
  position: relative;
}
.main__list li::before {
  content: "・";
  position: absolute;
  left: 2px;
  top: 0;
}
.main__list li .main__text {
  margin-top: 0;
}
.main__list .main__list {
  margin-top: 0;
}
.main__list .main__list li {
  padding-left: 20px;
}
.main__list .main__list li::before {
  content: "― ";
}
@media all and (max-width: 640px) {
  .main__list {
    margin-top: 10px;
  }
  .main__list li {
    padding-left: 10px;
  }
  .main__list li::before {
    left: 0;
  }
  .main__list .main__list li {
    padding-left: 15px;
  }
  .main__list .main__list li::before {
    content: "- ";
  }
}
.main__list._circlenumber > li {
  position: relative;
  padding-left: 20px;
  counter-increment: circle-number;
}
.main__list._circlenumber > li:before {
  content: counter(circle-number);
  position: absolute;
  left: 1px;
  text-align: center;
  z-index: 2;
  width: 14px;
  line-height: 14px;
  text-align: center;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
  font-size: 9px;
}
.main__list._circlenumber > li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  border: thin solid #d8cebc;
  border-radius: 9px;
  z-index: 1;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
  opacity: 0.5;
}
.ver_2022 .main__list._circlenumber > li:after {
  border-color: #5a25ff;
}
.main__workshoplist {
  margin-top: 20px;
  counter-reset: number 0;
}
.main__workshoplist_link {
  cursor: pointer;
}
.main__workshoplist_link:hover h4 {
  border-color: #d8cebc;
}
.ver_learning2024 .main__workshoplist_link:hover h4 {
  border-color: #746DFF;
}
.main__workshoplist li {
  position: relative;
  padding-left: 10em;
}
@media all and (max-width: 640px) {
  .main__workshoplist li {
    padding-left: 0;
  }
}
.main__workshoplist li::before {
  counter-increment: number 1;
  content: "Workshop" counter(number);
  position: absolute;
  left: 0;
}
@media all and (max-width: 640px) {
  .main__workshoplist li::before {
    position: relative;
    border-bottom: thin solid rgba(216, 206, 188, 0.5);
    padding-bottom: 0.5em;
  }
}
.main__workshoplist li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 9em;
  width: 1px;
  height: 100%;
  background: #d8cebc;
}
@media all and (max-width: 640px) {
  .main__workshoplist li::after {
    height: 1em;
    left: 8px;
    background: none;
    content: none;
  }
}
.main__workshoplist li + li {
  margin-top: 15px;
}
.main__workshoplist time {
  display: block;
  font-weight: bold;
}
@media all and (max-width: 640px) {
  .main__workshoplist time {
    margin-top: 10px;
  }
}
.main__workshoplist h5 {
  margin: 0;
  font-size: 0.9em;
}
.main__workshoplist h4 {
  font-size: 1.2em;
  display: table;
  border-bottom: thin solid rgba(216, 206, 188, 0);
}
@media all and (max-width: 640px) {
  .main__workshoplist h4 {
    font-size: 1.1em;
  }
}
.main__learninglist {
  margin-top: 20px;
  counter-reset: number 0;
}
.main__learninglist_link {
  cursor: pointer;
}
.main__learninglist_link:hover h4 {
  border-color: #746dff;
}
.main__learninglist li {
  position: relative;
  padding-left: 10em;
}
@media all and (max-width: 640px) {
  .main__learninglist li {
    padding-left: 0;
  }
}
.main__learninglist li::before {
  counter-increment: number 1;
  content: "Learning" counter(number);
  position: absolute;
  left: 0;
}
@media all and (max-width: 640px) {
  .main__learninglist li::before {
    position: relative;
    border-bottom: thin solid rgba(116, 109, 255, 0.5);
    padding-bottom: 0.5em;
  }
}
.main__learninglist li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 9em;
  width: 1px;
  height: 100%;
  background: #746DFF;
}
@media all and (max-width: 640px) {
  .main__learninglist li::after {
    height: 1em;
    left: 8px;
    background: none;
    content: none;
  }
}
.main__learninglist li + li {
  margin-top: 15px;
}
.main__learninglist time {
  display: block;
  font-weight: bold;
}
@media all and (max-width: 640px) {
  .main__learninglist time {
    margin-top: 10px;
  }
}
.main__learninglist h5 {
  margin: 0;
  font-size: 0.9em;
}
.main__learninglist h4 {
  font-size: 1.2em;
  display: table;
  border-bottom: thin solid rgba(216, 206, 188, 0);
}
@media all and (max-width: 640px) {
  .main__learninglist h4 {
    font-size: 1.1em;
  }
}
.main__bannerlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 1em;
     -moz-column-gap: 1em;
          column-gap: 1em;
  row-gap: 1em;
}
.main__bannerlist li {
  width: calc(50% - 0.5em);
}
.main__logolist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main__logolist li {
  margin-right: 0.5em;
}
.main__logolist li._single {
  padding-right: 5px;
}
.main__logolist li._single img {
  height: 50px;
}
@media all and (max-width: 640px) {
  .main__logolist li._single {
    width: 100%;
    margin-bottom: 5px;
  }
  .main__logolist li._single img {
    height: 40px;
  }
}
.main__logolist img {
  height: 40px;
}
@media all and (max-width: 640px) {
  .main__logolist img {
    height: 25px;
  }
}
.main__stafflist {
  margin-top: 15px;
}
.main__stafflist li {
  margin-top: 5px;
  letter-spacing: 0;
  word-break: normal;
  font-size: 97.5%;
}
.main__stafflist li span::after {
  content: ":";
  margin-right: 0.5em;
}
.main__definition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media all and (max-width: 640px) {
  .main__definition._workshop, .main__definition._parallelsp {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.main__definition dt {
  width: 175px;
  margin-top: 10px;
  position: relative;
}
.main__definition dt::after {
  content: "";
  height: 1px;
  width: 60px;
  opacity: 0.5;
  background: #d8cebc;
  position: absolute;
  right: 20px;
  top: 10px;
}
.ver_2022 .main__definition dt::after {
  background: #5a25ff;
}
.ver_metaverse .main__definition dt::after {
  background: rgb(0, 225, 220);
}
@media all and (min-width: 640px) {
  .ver_metaverse .main__definition dt::after {
    width: 15px;
  }
}
.ver_exhibition2024 .main__definition dt::after {
  background: #6D49EE;
}
.ver_learning2024 .main__definition dt::after {
  background: #746DFF;
}
.ver_exhibition .main__definition dt::after {
  background: #191818;
}
.main__definition._judgevertical dt {
  width: 100%;
  margin-top: 40px;
}
.main__definition._judgevertical dt figure {
  text-align: center;
}
.main__definition._judgevertical dt figure._portrait img {
  max-width: 60%;
}
.main__definition._judgevertical dt::after {
  content: none;
}
@media all and (max-width: 640px) {
  .main__definition._judgevertical dt {
    margin-top: 20px;
  }
  .main__definition._judgevertical dt::before {
    content: none;
  }
}
.main__definition._judgevertical dd {
  width: 100%;
  margin-top: 10px;
}
@media all and (max-width: 640px) {
  .main__definition._workshop dt, .main__definition._parallelsp dt {
    width: 5em;
  }
  .main__definition._workshop dt::before, .main__definition._workshop dt::after, .main__definition._parallelsp dt::before, .main__definition._parallelsp dt::after {
    top: 0;
    height: 100%;
  }
}
.main__definition dd {
  margin-top: 10px;
  width: calc(100% - 175px);
  word-break: break-all;
}
.main__definition dd .main__list {
  margin-top: 0;
}
@media all and (max-width: 640px) {
  .main__definition._workshop dd, .main__definition._parallelsp dd {
    margin-top: 10px;
    width: calc(100% - 6em);
    line-height: 1.2em;
  }
}
.main__definition_paragraph + .main__definition_paragraph {
  margin-top: 5px;
}
@media all and (max-width: 640px) {
  .main__definition._shortpc dt::after {
    display: none;
  }
}
@media all and (min-width: 640px) {
  .main__definition._shortpc dt {
    width: 100px;
  }
  .main__definition._shortpc dt::after {
    width: 25px;
    right: 10px;
  }
}
@media all and (min-width: 640px) {
  .main__definition._shortpc dd {
    width: calc(100% - 100px);
  }
}
.main__definition._shortborder dt::after {
  width: 15px;
}
.main__definition._prizejudge dt {
  margin-top: 30px;
  width: 350px;
  padding-right: 20px;
}
.main__definition._prizejudge dt::after {
  content: none;
}
.main__definition._prizejudge dt figure {
  position: relative;
  padding-top: 66.433%;
  overflow: hidden;
}
.main__definition._prizejudge dt figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.main__definition._prizejudge dt figure._withcaption {
  padding-top: calc(66.433% + 4em);
}
.main__definition._prizejudge dt figure._withcaption img {
  height: 95%;
  top: 45%;
}
.main__definition._prizejudge dt figure._withcaption figcaption {
  font-size: 90%;
  text-align: center;
  font-weight: normal;
}
@media all and (max-width: 768px) {
  .main__definition._prizejudge dt figure._withcaption img {
    height: 92%;
    top: 42%;
  }
}
.main__definition._prizejudge dd {
  margin-top: 30px;
  width: calc(100% - 350px);
}
@media all and (max-width: 768px) {
  .main__definition._prizejudge dt {
    width: 100%;
    padding-right: 0;
  }
  .main__definition._prizejudge dt::after, .main__definition._prizejudge dt::before {
    content: none;
  }
  .main__definition._prizejudge dd {
    width: 100%;
    margin-top: 10px;
  }
}
.main__heading + .main__definition dt:first-child, .main__heading + .main__definition dd:nth-child(2) {
  margin-top: 0;
}
@media all and (max-width: 768px) {
  .main__heading + .main__definition dd:nth-child(2) {
    margin-top: 10px;
  }
}
.main__definition._en dt {
  width: 200px;
}
.main__definition._en dt::after {
  content: none;
}
.main__definition._en dd {
  width: calc(100% - 200px);
  position: relative;
}
.main__definition._en dd::after {
  content: "";
  height: calc(100% - 5px);
  width: 1px;
  opacity: 0.5;
  background: #d8cebc;
  position: absolute;
  left: -10px;
  top: 5px;
}
@media all and (max-width: 640px) {
  .main__definition._en dt {
    width: auto;
  }
  .main__definition._en dt::after, .main__definition._en dt::before {
    content: "";
  }
  .main__definition._en dd {
    width: 100%;
  }
  .main__definition._en dd::after {
    content: none;
  }
}
@media all and (max-width: 640px) {
  .main__definition dt {
    width: auto;
    font-weight: bold;
    display: table;
  }
  .main__definition dt::after, .main__definition dt::before {
    content: "";
    height: 70%;
    opacity: 0.5;
    background: #5a25ff;
    position: absolute;
    width: 1px;
    top: 15%;
    right: 0;
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  .ver_metaverse .main__definition dt::after, .ver_metaverse .main__definition dt::before {
    background: rgb(0, 225, 220);
  }
  .ver_learning2024 .main__definition dt::after, .ver_learning2024 .main__definition dt::before {
    background: #746DFF;
  }
  .main__definition dt::after {
    -webkit-transform: translateX(7px);
            transform: translateX(7px);
  }
  .main__definition dd {
    margin-top: 0;
    width: 100%;
  }
}
.main__definition._prize dt {
  width: 315px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.main__definition._prize dd {
  width: calc(100% - 315px);
  min-width: 130px;
}
.main__definition._prize._en dt {
  width: 200px;
}
.main__definition._prize._en dd {
  width: calc(100% - 200px);
}
@media all and (max-width: 640px) {
  .main__definition._prize._en dt {
    width: auto;
  }
  .main__definition._prize._en dt::after {
    width: 1px;
  }
  .main__definition._prize._en dd {
    width: 100%;
  }
}
@media all and (max-width: 640px) {
  .main__definition._prize dt {
    width: auto;
  }
  .main__definition._prize dd {
    width: 100%;
  }
}
.main #newsbox_list, .main #newsbox_list_en {
  margin-top: 15px;
}
.main #newsbox_list dt, .main #newsbox_list_en dt {
  display: table;
  cursor: pointer;
  position: relative;
  width: auto;
  padding-bottom: 2px;
}
.main #newsbox_list dt::after, .main #newsbox_list_en dt::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform-origin: left;
          transform-origin: left;
  opacity: 0.5;
  background: #d8cebc;
}
.ver_2022 .main #newsbox_list dt::after, .ver_2022 .main #newsbox_list_en dt::after {
  background: #5a25ff;
}
.main #newsbox_list dt:hover::after, .main #newsbox_list_en dt:hover::after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.main #newsbox_list dd, .main #newsbox_list_en dd {
  display: none;
  padding-bottom: 10px;
}
.main #newsbox_list dd a, .main #newsbox_list_en dd a {
  color: #d8cebc;
  text-decoration: underline;
  word-break: break-all;
  cursor: pointer;
}
.main #newsbox_list dd a:hover, .main #newsbox_list_en dd a:hover {
  text-decoration: none;
}
.main #newsbox_list dd + dt, .main #newsbox_list_en dd + dt {
  margin-top: 5px;
}
.main__bracket {
  font-size: 80%;
  vertical-align: top;
}
.main__bracket::before {
  content: "（";
}
.main__bracket::after {
  content: "）";
}
.main__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px auto 0;
  width: 80%;
}
.main__formheader {
  text-align: center;
  margin-top: 50px;
  position: relative;
}
.main__formheader::after, .main__formheader::before {
  position: absolute;
  top: 50%;
  width: calc(40% - 5em);
  height: 1px;
  right: 10%;
  border-top: thin dotted #d8cebc;
  content: "";
}
.ver_2025 .main__formheader::after, .ver_2025 .main__formheader::before {
  border-color: #5a25ff;
}
.ver_2022 .main__formheader::after, .ver_2022 .main__formheader::before {
  border-color: #5a25ff;
}
.main__formheader::before {
  right: auto;
  left: 10%;
}
.main__form .wpcf7-not-valid-tip {
  font-weight: bold;
}
.main__form dt {
  width: 35%;
  margin-top: 30px;
  text-align: right;
  font-weight: bold;
  padding-right: 20px;
  line-height: 30px;
  white-space: nowrap;
}
.main__form dt.main__formsubheader {
  width: 100%;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.main__form dt i.requirement::after {
  content: "*";
  color: red;
}
.main__form dd {
  width: 65%;
  margin-top: 30px;
  word-break: break-all;
  /*             &.upload {
                  .wpcf7-list-item:nth-child(1) {
                      .wpcf7-list-item-label {
                          &::before {
                              margin-left: 0.5em;
                              content: "A：";
                          }
                          &::after {
                              font-size: 0.9em;
                              content: "(任意のサーバー上に作品をアップロード)";
                          }
                      }
                  }
                  .wpcf7-list-item:nth-child(2) {
                      .wpcf7-list-item-label {
                          &::before {
                              margin-left: 0.5em;
                              content: "B：";
                          }
                          &::after {
                              font-size: 0.9em;
                              content: "(DVDメディアに作品を収録したものを郵送)";
                          }
                      }
                  }
              } */
}
.main__form dd aside {
  margin-top: 10px;
  font-size: 0.9em;
}
.main__form dd aside p {
  display: inline;
}
.main__form dd aside::after {
  content: ")";
}
.main__form dd aside::before {
  content: "(";
}
.main__form dd aside.nobrackets::after {
  content: "";
}
.main__form dd aside.nobrackets::before {
  content: "";
}
.main__form dd._occupation .has-free-text {
  display: block;
}
.main__form dd._occupation input[type=text] {
  width: 70%;
}
.main__form .wpcf7-form-control-wrap {
  line-height: 30px;
}
.main__form .wpcf7-list-item {
  margin-right: 1em;
  margin-left: 0;
}
.main__form input[type=text], .main__form input[type=email], .main__form input[type=tel], .main__form input[type=url], .main__form textarea {
  height: 30px;
  background: rgba(255, 255, 255, 0.4);
  width: 100%;
  border: none;
  border-bottom: thin rgba(216, 206, 188, 0.5) solid;
  color: #d8cebc;
  padding: 5px;
}
.ver_2025 .main__form input[type=text], .ver_2025 .main__form input[type=email], .ver_2025 .main__form input[type=tel], .ver_2025 .main__form input[type=url], .ver_2025 .main__form textarea {
  color: inherit;
  border-color: rgba(90, 37, 255, 0.5);
}
.ver_2022 .main__form input[type=text], .ver_2022 .main__form input[type=email], .ver_2022 .main__form input[type=tel], .ver_2022 .main__form input[type=url], .ver_2022 .main__form textarea {
  color: #5a25ff;
  border-color: rgba(90, 37, 255, 0.5);
}
.main__form input[type=text]::-webkit-input-placeholder, .main__form input[type=email]::-webkit-input-placeholder, .main__form input[type=tel]::-webkit-input-placeholder, .main__form input[type=url]::-webkit-input-placeholder, .main__form textarea::-webkit-input-placeholder {
  color: rgba(216, 206, 188, 0.5);
}
.main__form input[type=text]::-moz-placeholder, .main__form input[type=email]::-moz-placeholder, .main__form input[type=tel]::-moz-placeholder, .main__form input[type=url]::-moz-placeholder, .main__form textarea::-moz-placeholder {
  color: rgba(216, 206, 188, 0.5);
}
.main__form input[type=text]:-ms-input-placeholder, .main__form input[type=email]:-ms-input-placeholder, .main__form input[type=tel]:-ms-input-placeholder, .main__form input[type=url]:-ms-input-placeholder, .main__form textarea:-ms-input-placeholder {
  color: rgba(216, 206, 188, 0.5);
}
.main__form input[type=text]::-ms-input-placeholder, .main__form input[type=email]::-ms-input-placeholder, .main__form input[type=tel]::-ms-input-placeholder, .main__form input[type=url]::-ms-input-placeholder, .main__form textarea::-ms-input-placeholder {
  color: rgba(216, 206, 188, 0.5);
}
.main__form input[type=text]::placeholder, .main__form input[type=email]::placeholder, .main__form input[type=tel]::placeholder, .main__form input[type=url]::placeholder, .main__form textarea::placeholder {
  color: rgba(216, 206, 188, 0.5);
}
.ver_2025 .main__form input[type=text]::-webkit-input-placeholder, .ver_2025 .main__form input[type=email]::-webkit-input-placeholder, .ver_2025 .main__form input[type=tel]::-webkit-input-placeholder, .ver_2025 .main__form input[type=url]::-webkit-input-placeholder, .ver_2025 .main__form textarea::-webkit-input-placeholder {
  color: rgba(90, 37, 255, 0.75);
}
.ver_2025 .main__form input[type=text]::-moz-placeholder, .ver_2025 .main__form input[type=email]::-moz-placeholder, .ver_2025 .main__form input[type=tel]::-moz-placeholder, .ver_2025 .main__form input[type=url]::-moz-placeholder, .ver_2025 .main__form textarea::-moz-placeholder {
  color: rgba(90, 37, 255, 0.75);
}
.ver_2025 .main__form input[type=text]:-ms-input-placeholder, .ver_2025 .main__form input[type=email]:-ms-input-placeholder, .ver_2025 .main__form input[type=tel]:-ms-input-placeholder, .ver_2025 .main__form input[type=url]:-ms-input-placeholder, .ver_2025 .main__form textarea:-ms-input-placeholder {
  color: rgba(90, 37, 255, 0.75);
}
.ver_2025 .main__form input[type=text]::-ms-input-placeholder, .ver_2025 .main__form input[type=email]::-ms-input-placeholder, .ver_2025 .main__form input[type=tel]::-ms-input-placeholder, .ver_2025 .main__form input[type=url]::-ms-input-placeholder, .ver_2025 .main__form textarea::-ms-input-placeholder {
  color: rgba(90, 37, 255, 0.75);
}
.ver_2025 .main__form input[type=text]::placeholder, .ver_2025 .main__form input[type=email]::placeholder, .ver_2025 .main__form input[type=tel]::placeholder, .ver_2025 .main__form input[type=url]::placeholder, .ver_2025 .main__form textarea::placeholder {
  color: rgba(90, 37, 255, 0.75);
}
.ver_2022 .main__form input[type=text]::-webkit-input-placeholder, .ver_2022 .main__form input[type=email]::-webkit-input-placeholder, .ver_2022 .main__form input[type=tel]::-webkit-input-placeholder, .ver_2022 .main__form input[type=url]::-webkit-input-placeholder, .ver_2022 .main__form textarea::-webkit-input-placeholder {
  color: rgba(90, 37, 255, 0.5);
}
.ver_2022 .main__form input[type=text]::-moz-placeholder, .ver_2022 .main__form input[type=email]::-moz-placeholder, .ver_2022 .main__form input[type=tel]::-moz-placeholder, .ver_2022 .main__form input[type=url]::-moz-placeholder, .ver_2022 .main__form textarea::-moz-placeholder {
  color: rgba(90, 37, 255, 0.5);
}
.ver_2022 .main__form input[type=text]:-ms-input-placeholder, .ver_2022 .main__form input[type=email]:-ms-input-placeholder, .ver_2022 .main__form input[type=tel]:-ms-input-placeholder, .ver_2022 .main__form input[type=url]:-ms-input-placeholder, .ver_2022 .main__form textarea:-ms-input-placeholder {
  color: rgba(90, 37, 255, 0.5);
}
.ver_2022 .main__form input[type=text]::-ms-input-placeholder, .ver_2022 .main__form input[type=email]::-ms-input-placeholder, .ver_2022 .main__form input[type=tel]::-ms-input-placeholder, .ver_2022 .main__form input[type=url]::-ms-input-placeholder, .ver_2022 .main__form textarea::-ms-input-placeholder {
  color: rgba(90, 37, 255, 0.5);
}
.ver_2022 .main__form input[type=text]::placeholder, .ver_2022 .main__form input[type=email]::placeholder, .ver_2022 .main__form input[type=tel]::placeholder, .ver_2022 .main__form input[type=url]::placeholder, .ver_2022 .main__form textarea::placeholder {
  color: rgba(90, 37, 255, 0.5);
}
.main__form input[type=text]:focus, .main__form input[type=email]:focus, .main__form input[type=tel]:focus, .main__form input[type=url]:focus, .main__form textarea:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.5);
}
.main__form input[type=text].short, .main__form input[type=email].short, .main__form input[type=tel].short, .main__form input[type=url].short, .main__form textarea.short {
  width: 50px;
  margin-right: 0.5em;
}
.main__form input[type=file] {
  font-size: 12px;
  font-family: dnp-shuei-gothic-gin-std, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Meiryo UI", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}
.main__form input[type=checkbox], .main__form input[type=radio] {
  vertical-align: text-bottom;
}
.main__form label {
  line-height: 30px;
  white-space: nowrap;
  margin-right: 0.5em;
}
.main__form label span {
  margin-left: 0.5em;
}
.main__form textarea {
  height: 100px;
}
@media all and (max-width: 640px) {
  .main__form {
    width: 100%;
    margin-top: 0px;
  }
  .main__form dt {
    width: auto;
    margin-top: 20px;
  }
  .main__form dd {
    width: 100%;
    margin-top: 0px;
  }
}
.main__formbutton {
  display: table;
  margin: 20px auto 0;
  border: none;
  font-weight: bold;
  border-radius: 30px;
  line-height: 40px;
  padding: 0 25px;
  color: white;
  font-size: 13px;
  letter-spacing: 0.15em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: rgba(216, 206, 188, 0.8);
  cursor: pointer;
}
.main__formbutton:hover {
  background: linear-gradient(315deg, rgba(216, 206, 188, 0.9), rgba(216, 206, 188, 0.5)); /*グラデーションを定義*/
}
.ver_2025 .main__formbutton {
  background: rgba(90, 37, 255, 0.8);
}
.ver_2025 .main__formbutton:hover {
  background: linear-gradient(315deg, rgba(90, 37, 255, 0.9), rgba(90, 37, 255, 0.5)); /*グラデーションを定義*/
}
@media all and (max-width: 640px) {
  .main__formbutton {
    line-height: 30px;
  }
}
.main__aside {
  margin-top: 10px;
}

.applicationbutton, .workshopbutton, .exhibitionbutton, .roundbutton {
  position: fixed;
  right: 20px;
  top: 20px;
  z-index: 1000;
  font-weight: bold;
  border-radius: 30px;
  line-height: 50px;
  padding: 0 25px;
  color: white;
  font-size: 13px;
  letter-spacing: 0.15em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  background: rgba(216, 206, 188, 0.8);
  display: none;
}
.ver_2022 .applicationbutton, .ver_2022 .workshopbutton, .ver_2022 .exhibitionbutton, .ver_2022 .roundbutton {
  background: linear-gradient(135deg, rgba(245, 214, 39, 0.9), rgba(242, 41, 65, 0.9), rgba(148, 101, 156, 0.9), rgba(69, 169, 230, 0.9)); /*グラデーションを定義*/
}
.ver_2025 .applicationbutton, .ver_2025 .workshopbutton, .ver_2025 .exhibitionbutton, .ver_2025 .roundbutton {
  background: rgba(90, 37, 255, 0.8);
}
@media all and (max-width: 640px) {
  .ver_2025 .applicationbutton, .ver_2025 .workshopbutton, .ver_2025 .exhibitionbutton, .ver_2025 .roundbutton {
    background: rgba(90, 37, 255, 0.9);
  }
}
.ver_2024 .applicationbutton, .ver_2024 .workshopbutton, .ver_2024 .exhibitionbutton, .ver_2024 .roundbutton {
  background: rgba(90, 37, 255, 0.8);
  color: #d8cebc;
}
@media all and (max-width: 640px) {
  .ver_2024 .applicationbutton, .ver_2024 .workshopbutton, .ver_2024 .exhibitionbutton, .ver_2024 .roundbutton {
    background: rgba(90, 37, 255, 0.9);
  }
}
.ver_2023 .applicationbutton, .ver_2023 .workshopbutton, .ver_2023 .exhibitionbutton, .ver_2023 .roundbutton {
  background: rgba(90, 37, 255, 0.8);
  color: #d8cebc;
}
@media all and (max-width: 640px) {
  .ver_2023 .applicationbutton, .ver_2023 .workshopbutton, .ver_2023 .exhibitionbutton, .ver_2023 .roundbutton {
    background: rgba(90, 37, 255, 0.9);
  }
}
.applicationbutton span, .workshopbutton span, .exhibitionbutton span, .roundbutton span {
  margin-left: 20px;
  vertical-align: top;
  font-size: 11px;
}
@media all and (max-width: 640px) {
  .applicationbutton, .workshopbutton, .exhibitionbutton, .roundbutton {
    z-index: 2100;
    top: 15px;
    right: 15px;
    line-height: 35px;
    font-size: 11px;
    padding: 0 15px;
  }
  .applicationbutton span, .workshopbutton span, .exhibitionbutton span, .roundbutton span {
    margin-left: 10px;
  }
}
.applicationbutton._visible, .workshopbutton._visible, .exhibitionbutton._visible, .roundbutton._visible {
  display: block;
}
.applicationbutton:hover, .workshopbutton:hover, .exhibitionbutton:hover, .roundbutton:hover {
  background: linear-gradient(315deg, rgba(216, 206, 188, 0.9), rgba(216, 206, 188, 0.5)); /*グラデーションを定義*/
}
.ver_2025 .applicationbutton:hover, .ver_2025 .workshopbutton:hover, .ver_2025 .exhibitionbutton:hover, .ver_2025 .roundbutton:hover {
  background: #d8cebc;
  color: #5a25ff;
}
.ver_2024 .applicationbutton:hover, .ver_2024 .workshopbutton:hover, .ver_2024 .exhibitionbutton:hover, .ver_2024 .roundbutton:hover {
  background: #5a25ff;
  color: #d8cebc;
}
.ver_2023 .applicationbutton:hover, .ver_2023 .workshopbutton:hover, .ver_2023 .exhibitionbutton:hover, .ver_2023 .roundbutton:hover {
  background: #5a25ff;
  color: #d8cebc;
}

.roundbutton {
  display: block;
  line-height: 40px;
}
.ver_2024 .roundbutton {
  background: rgba(216, 206, 188, 0.8);
  color: #d8cebc;
}
@media all and (max-width: 640px) {
  .ver_2024 .roundbutton {
    background: rgba(216, 206, 188, 0.9);
  }
}
.roundbutton:hover {
  background: rgba(90, 37, 255, 0.8);
}
.roundbutton:hover a {
  color: #d8cebc;
}
.roundbutton a {
  color: #5a25ff;
}
.roundbutton a:hover {
  text-decoration: none;
}
.roundbutton .fa {
  margin-right: 0.25em;
}
@media all and (max-width: 640px) {
  .roundbutton {
    line-height: 1em;
    font-size: 12px;
    padding: 8px 15px;
    margin-top: 0.5em;
    margin-left: 0.5em;
  }
}

.workshop__applicationtrigger {
  cursor: pointer;
  color: white;
  background: #d8cebc;
  display: table;
  margin: 1em auto 0;
  padding: 0.5em 1em;
  border-radius: 2em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 2px solid #d8cebc;
}
.workshop__applicationtrigger:hover {
  color: #d8cebc;
  background: white;
}
.workshop__applicationtrigger._disactive {
  background: #aaa;
  border-color: #aaa;
  pointer-events: none;
}
.workshop__applicationtrigger._workshop {
  background: #2755d0;
  color: #C5F01C;
  border-color: #2755D0;
}
.workshop__applicationtrigger._workshop:hover {
  color: #2755D0;
  background: #C5F01C;
}
.workshop__applicationtrigger._workshop a {
  display: block;
  color: inherit;
}
.workshop__applicationtrigger._workshop a:hover {
  text-decoration: none;
}

.workshopbutton {
  display: block;
  background: rgba(39, 85, 208, 0.8) !important;
  color: #C5F01C !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  right: 250px;
  padding: 0;
}
@media all and (max-width: 640px) {
  .workshopbutton {
    right: 195px;
  }
}
.workshopbutton:hover {
  color: rgba(39, 85, 208, 0.8) !important;
  background: #C5F01C !important;
}
.workshopbutton a {
  color: inherit;
  display: block;
  padding: 0 25px;
}
@media all and (max-width: 640px) {
  .workshopbutton a {
    padding: 0 15px;
  }
}
.workshopbutton a:hover {
  text-decoration: none;
}

.exhibitionbutton {
  display: block;
  background: rgba(216, 206, 188, 0.8) !important;
  color: #5a25ff !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 0;
}
.exhibitionbutton:hover {
  color: rgba(216, 206, 188, 0.8) !important;
  background: #5a25ff !important;
}
.exhibitionbutton a {
  color: inherit;
  display: block;
  padding: 0 25px;
}
@media all and (max-width: 640px) {
  .exhibitionbutton a {
    padding: 0 15px;
  }
}
.exhibitionbutton a:hover {
  text-decoration: none;
}

.headercontrol {
  position: fixed;
  right: 20px;
  bottom: 13px;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media all and (max-width: 640px) {
  .headercontrol {
    z-index: 1900;
    bottom: 15px;
    right: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
.headercontrol__button {
  display: block;
  font-weight: bold;
  border-radius: 30px;
  line-height: 40px;
  padding: 0 25px;
  color: white;
  font-size: 13px;
  letter-spacing: 0.15em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  background: rgba(216, 206, 188, 0.8);
  margin-left: 1em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.headercontrol__button._ymaa {
  color: #D3FFFF;
  background: rgba(232, 87, 43, 0.8);
}
.headercontrol__button._metaverse {
  color: rgb(0, 225, 220);
  background: rgba(0, 0, 0, 0.8);
}
.headercontrol__button._exhibition {
  color: #6D49EE;
  background: rgba(171, 255, 15, 0.8);
}
.headercontrol__button._learning {
  color: #7CFF00;
  background: rgba(116, 109, 255, 0.8);
}
.headercontrol__button:hover {
  text-decoration: none;
}
.headercontrol__button:hover._ymaa {
  background: #D3FFFF;
  color: rgba(232, 87, 43, 0.8);
}
.headercontrol__button:hover._metaverse {
  background: rgb(0, 225, 220);
  color: rgba(0, 0, 0, 0.8);
}
.headercontrol__button:hover._exhibition {
  background: #6D49EE;
  color: rgba(171, 255, 15, 0.8);
}
.headercontrol__button:hover._learning {
  background: #7CFF00;
  color: rgba(116, 109, 255, 0.8);
}
@media all and (max-width: 640px) {
  .headercontrol__button {
    line-height: 1em;
    font-size: 10px;
    padding: 10px 15px;
    margin-top: 0.5em;
    margin-left: 0.5em;
  }
}

body._en .header__navigation ul > li {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: normal;
}
body._en .header__navigation ul > li .header__navigationinner > li {
  margin-left: 10px;
}
@media all and (max-width: 640px) {
  body._en .header__navigation ul > li {
    width: 90%;
    margin-left: 5%;
    margin-top: 15px;
  }
  body._en .header__navigation ul .header__navigationinner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body._en .header__navigation ul .header__navigationinner > li {
    width: auto;
    margin-left: 15px !important;
    margin-top: 10px;
    padding-left: 0 !important;
    padding-right: 5px;
  }
  body._en .header__navigation ul .header__navigationinner > li::before {
    content: "";
    position: absolute;
    left: -10px;
    top: calc(50% - 1px);
    width: 5px;
    height: 1px;
    background: white;
  }
}
body._en .main {
  letter-spacing: 0.05em;
}
body._en .main__subtext {
  letter-spacing: 0.05em;
}
body._en .main__text {
  letter-spacing: 0.05em;
  word-break: normal;
  text-align: left;
}
body._en .main__text._center {
  text-align: center;
}
body._en .main__form dt {
  width: 45%;
}
body._en .main__form dd {
  width: 55%;
  word-break: normal;
}
body._en .main__formheader::after, body._en .main__formheader::before {
  width: calc(33% - 5em);
}
@media all and (max-width: 640px) {
  body._en .main__form dt {
    width: auto;
  }
  body._en .main__form dd {
    width: 100%;
  }
}
body._en .main__definition dd {
  word-break: normal;
}
body._en .main__link {
  word-break: break-all;
}
body._en .main__link._purple::after, body._en .main__link._purple2::after {
  bottom: -5px;
  top: auto;
}
body._en .main__box .judge_position::before {
  content: "" !important;
}
body._en .main__box .judge_position::after {
  content: "" !important;
}
@media all and (max-width: 640px) {
  body._en .applicationbutton._active {
    right: calc(50% - 20px - 60px);
  }
}
body._en .modalwindow {
  letter-spacing: 0.05em;
}
body._en .modalwindow._prize .prizedetail__comment dt {
  width: 140px;
}
body._en .modalwindow._prize .prizedetail__comment dd {
  width: calc(100% - 140px);
}

footer {
  text-align: center;
  font-size: 10px;
  padding-left: 65px;
  line-height: 65px;
  height: 65px;
  background: #d8cebc;
  font-weight: bold;
  color: white;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ver_2025 footer {
  background: #d8cebc;
  color: #5a25ff;
}
.ver_2024 footer {
  background: #5a25ff;
  color: #d8cebc;
}
.ver_2023 footer {
  background: #5a25ff;
  color: #d8cebc;
}
.ver_metaverse footer {
  background: rgb(0, 225, 220);
  color: rgb(0, 0, 0);
}
.ver_exhibition2024 footer {
  background: #6D49EE;
  color: #ABFF0F;
}
.ver_learning2024 footer {
  background: #7CFF00;
  color: #746DFF;
}
.ver_workshop footer {
  background: #5a25ff;
  color: #d8cebc;
}
.ver_2022 footer {
  background: -webkit-gradient(linear, right top, left top, from(rgba(245, 214, 39, 0.9)), color-stop(rgba(242, 41, 65, 0.9)), color-stop(rgba(148, 101, 156, 0.9)), to(rgba(69, 169, 230, 0.9)));
  background: linear-gradient(270deg, rgba(245, 214, 39, 0.9), rgba(242, 41, 65, 0.9), rgba(148, 101, 156, 0.9), rgba(69, 169, 230, 0.9)); /*グラデーションを定義*/
}
footer._active {
  padding-left: 315px;
}
footer.thanks {
  position: fixed;
  bottom: 0;
  width: 100%;
}
footer span {
  display: inline !important;
}
@media all and (max-width: 640px) {
  footer {
    font-size: 9px;
    padding-left: 40px;
    line-height: 60px;
    height: 60px;
    line-height: 14px;
    padding-top: 10px;
  }
  footer span {
    display: none !important;
  }
  footer._active {
    padding-left: 40px;
  }
  footer.thanks {
    padding-left: 0;
    line-height: 40px;
  }
}

#backgroundmovie {
  left: 0;
  overflow: hidden;
  position: fixed; /* fixed の場合。absolute でも同じ */
  height: 100vh; /* for DEV */
  right: 0;
  top: 0;
  background: url(../photo/bg.jpg) center center no-repeat;
  background-size: cover;
  z-index: -2;
}
.ver_2025 #backgroundmovie {
  background: url(../photo/bg_2025.jpg) center center no-repeat;
}
.ver_2024 #backgroundmovie {
  background: url(../photo/bg_2024.jpg) center center no-repeat;
}
.ver_2023 #backgroundmovie {
  background: url(../photo/bg_2023.jpg) center center no-repeat;
}
.ver_workshop #backgroundmovie {
  background: linear-gradient(135deg, rgba(216, 206, 188, 0.9) 60%, rgba(90, 37, 255, 0.9)); /*グラデーションを定義*/
}
.ver_metaverse #backgroundmovie {
  background: linear-gradient(315deg, rgba(0, 0, 0, 0.9) 60%, rgba(0, 225, 220, 0.6)); /*グラデーションを定義*/
}
.ver_exhibition2024 #backgroundmovie {
  background: linear-gradient(315deg, rgba(109, 73, 238, 0.9) 60%, rgba(171, 255, 15, 0.6)); /*グラデーションを定義*/
}
.ver_learning2024 #backgroundmovie {
  background: linear-gradient(315deg, rgba(124, 255, 0, 0.9) 60%, rgba(116, 109, 255, 0.6)); /*グラデーションを定義*/
}
.ver_2022 #backgroundmovie {
  background: url(../photo/bg_2022.jpg) center center no-repeat;
}
#backgroundmovie iframe {
  z-index: -1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 56.25vw; /* 16:9 の高さなので 56.25% (= 9 ÷ 16) */
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 177.77777778vh; /* 16:9 の幅なので 177.77% (= 16 ÷ 9) */
}

.backgroundcover {
  position: fixed;
  height: 100%;
  width: 100%;
  background: linear-gradient(45deg, #3bade3, #d8cebc, #5a25ff); /*グラデーションを定義*/
  background-size: 200% 200%; /*サイズを大きくひきのばす*/
  opacity: 0;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: 3s;
  transition: 3s;
}
.ver_2024 .backgroundcover {
  background: linear-gradient(45deg, #d8cebc, #d8cebc); /*グラデーションを定義*/
}
.ver_2023 .backgroundcover {
  background: linear-gradient(45deg, #d8cebc, #d8cebc); /*グラデーションを定義*/
}
.ver_2022 .backgroundcover {
  background: linear-gradient(135deg, rgba(245, 214, 39, 0.9), rgba(242, 41, 65, 0.9), rgba(148, 101, 156, 0.9), rgba(69, 169, 230, 0.9)); /*グラデーションを定義*/
}
.ver_metaverse .backgroundcover {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 60%, rgba(0, 225, 220, 0.9)); /*グラデーションを定義*/
}
.ver_exhibition2024 .backgroundcover {
  background: none;
}
.ver_learning2024 .backgroundcover {
  background: none;
}
.backgroundcover._active {
  opacity: 0.5;
}
.backgroundcover._pattern2 {
  background: linear-gradient(135deg, #3bade3, #5a25ff, rgba(216, 206, 188, 0.7)); /*グラデーションを定義*/
}
.ver_2024 .backgroundcover._pattern2 {
  background: linear-gradient(135deg, rgba(148, 101, 156, 0.9), rgba(245, 214, 39, 0.9)); /*グラデーションを定義*/
}
.ver_2023 .backgroundcover._pattern2 {
  background: linear-gradient(135deg, rgba(148, 101, 156, 0.9), rgba(245, 214, 39, 0.9)); /*グラデーションを定義*/
}
.ver_2022 .backgroundcover._pattern2 {
  background: linear-gradient(135deg, rgba(245, 214, 39, 0.9), rgba(242, 41, 65, 0.9)); /*グラデーションを定義*/
}
.backgroundcover._pattern3 {
  background: linear-gradient(135deg, #5a25ff, #d8cebc, #d8cebc); /*グラデーションを定義*/
}
.ver_2024 .backgroundcover._pattern3 {
  background: linear-gradient(135deg, rgba(90, 37, 255, 0.9), rgba(148, 101, 156, 0.9)); /*グラデーションを定義*/
}
.ver_2023 .backgroundcover._pattern3 {
  background: linear-gradient(135deg, rgba(90, 37, 255, 0.9), rgba(148, 101, 156, 0.9)); /*グラデーションを定義*/
}
.ver_2022 .backgroundcover._pattern3 {
  background: linear-gradient(135deg, rgba(242, 41, 65, 0.9), rgba(148, 101, 156, 0.9)); /*グラデーションを定義*/
}
.backgroundcover._pattern4 {
  background: linear-gradient(225deg, #5a25ff, #d8cebc, #3bade3); /*グラデーションを定義*/
}
.ver_2024 .backgroundcover._pattern4 {
  background: linear-gradient(135deg, rgba(148, 101, 156, 0.9), rgba(90, 37, 255, 0.9)); /*グラデーションを定義*/
}
.ver_2023 .backgroundcover._pattern4 {
  background: linear-gradient(135deg, rgba(148, 101, 156, 0.9), rgba(90, 37, 255, 0.9)); /*グラデーションを定義*/
}
.ver_2022 .backgroundcover._pattern4 {
  background: linear-gradient(135deg, rgba(148, 101, 156, 0.9), rgba(69, 169, 230, 0.9)); /*グラデーションを定義*/
}
.ver_2022 .backgroundcover._fortop {
  background: white;
}
.ver_2024 .backgroundcover._fortop {
  background: none;
}
.ver_2023 .backgroundcover._fortop {
  background: none;
}

/* @keyframes bggradient{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
} */
.modalwindow {
  position: fixed;
  width: 100%;
  width: calc(100% - 65px);
  height: 100%;
  top: 0;
  left: 0;
  overflow-y: scroll;
  z-index: 2500;
  margin-left: 65px;
  padding-bottom: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.2em;
  background: linear-gradient(45deg, rgba(216, 206, 188, 0.9), rgba(90, 37, 255, 0.7)); /*グラデーションを定義*/
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
  visibility: hidden;
  opacity: 0;
  /*     &__cover {
          width: 100%;
          height: 100%;
          position: absolute;
          background: red;
          top: 0;
          left: 0;
          z-index: 1;
      } */
}
.ver_2022 .modalwindow {
  background: linear-gradient(135deg, rgba(245, 214, 39, 0.6), rgba(242, 41, 65, 0.7), rgba(148, 101, 156, 0.8), rgba(69, 169, 230, 0.8)); /*グラデーションを定義*/
}
.ver_exhibition2024 .modalwindow {
  background: linear-gradient(315deg, rgba(109, 73, 238, 0.9), rgba(171, 255, 15, 0.3)); /*グラデーションを定義*/
}
@media all and (max-width: 640px) {
  .ver_exhibition2024 .modalwindow {
    background: linear-gradient(315deg, rgba(109, 73, 238, 0.9), rgba(109, 73, 238, 0.75)); /*グラデーションを定義*/
  }
}
.ver_learning2024 .modalwindow {
  background: linear-gradient(315deg, rgba(124, 255, 0, 0.9), rgba(116, 109, 255, 0.3)); /*グラデーションを定義*/
}
@media all and (max-width: 640px) {
  .ver_learning2024 .modalwindow {
    background: linear-gradient(315deg, rgba(124, 255, 0, 0.9), rgba(124, 255, 0, 0.75)); /*グラデーションを定義*/
  }
}
@media all and (max-width: 640px) {
  .modalwindow {
    width: 100%;
  }
  .modalwindow#application, .modalwindow[id^=newsdetail_], .modalwindow[id^=prize_], .modalwindow[id^=modal_workshop_application] {
    margin-left: 0;
  }
}
.modalwindow._open {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  visibility: visible;
  opacity: 1;
}
.modalwindow__back {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.modalwindow__close {
  text-align: center;
  color: white;
  height: 65px;
  line-height: 65px;
  display: table;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
}
.modalwindow__close::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: white;
  top: calc(50% + 9px);
  left: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modalwindow__close:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.modalwindow__close span {
  position: relative;
  padding-left: 20px;
}
.modalwindow__close span::before, .modalwindow__close span::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 13px;
  height: 2px;
  margin: auto;
  background: white;
  content: "";
}
.modalwindow__close span::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.modalwindow__close span::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.modalwindow .main__box {
  margin-top: 65px;
  width: 80%;
  max-width: 900px;
  z-index: 2;
}
@media all and (max-width: 640px) {
  .modalwindow .main__box {
    width: 85%;
    margin-top: 7.5%;
  }
}
.modalwindow._newsdetail .main__box {
  max-width: 700px;
}
.modalwindow .main__list li + li {
  margin-top: 20px;
}
.modalwindow .main__list li + li li {
  margin-top: 0;
}
.modalwindow .main__noticelist {
  margin-top: 15px;
  display: table;
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 640px) {
  .modalwindow .main__noticelist {
    margin-top: 5px;
  }
}
.modalwindow .main__noticelist li .main__text {
  margin-top: 0;
}
.modalwindow .main__link {
  color: white;
  position: relative;
}
.modalwindow .main__link._small {
  font-size: 0.8em;
}
.modalwindow .main__link._purple, .modalwindow .main__link._purple2 {
  color: #d8cebc;
}
.ver_2025 .modalwindow .main__link._purple, .ver_2025 .modalwindow .main__link._purple2 {
  color: inherit;
}
.ver_2022 .modalwindow .main__link._purple, .ver_2022 .modalwindow .main__link._purple2 {
  color: #5a25ff;
}
.ver_exhibition2024 .modalwindow .main__link._purple, .ver_exhibition2024 .modalwindow .main__link._purple2 {
  color: #6D49EE;
}
.ver_learning2024 .modalwindow .main__link._purple, .ver_learning2024 .modalwindow .main__link._purple2 {
  color: #7CFF00;
}
.modalwindow .main__link._purple::after, .modalwindow .main__link._purple2::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: #d8cebc;
  top: calc(50% + 9px);
  left: 0;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ver_2025 .modalwindow .main__link._purple::after, .ver_2025 .modalwindow .main__link._purple2::after {
  background: #5a25ff;
}
.ver_2022 .modalwindow .main__link._purple::after, .ver_2022 .modalwindow .main__link._purple2::after {
  background: #5a25ff;
}
.ver_exhibition2024 .modalwindow .main__link._purple::after, .ver_exhibition2024 .modalwindow .main__link._purple2::after {
  background: #6D49EE;
}
.ver_learning2024 .modalwindow .main__link._purple::after, .ver_learning2024 .modalwindow .main__link._purple2::after {
  background: #7CFF00;
}
.modalwindow .main__link._purple:hover, .modalwindow .main__link._purple2:hover {
  text-decoration: none;
}
.modalwindow .main__link._purple:hover::after, .modalwindow .main__link._purple2:hover::after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.modalwindow .main__link._purple2::after {
  -webkit-transform-origin: left;
          transform-origin: left;
  opacity: 0.5;
}
.modalwindow .main__link._external {
  padding-right: 1.5em;
}
.modalwindow .main__link._external::before {
  content: "\f08e";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: -0.3em;
}
.modalwindow .main__link::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: white;
  top: calc(50% + 9px);
  left: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modalwindow .main__link:hover {
  text-decoration: none;
}
.modalwindow .main__link:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.modalwindow._prize .prizedetail__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 110%;
  margin-top: 1em;
}
@media all and (max-width: 640px) {
  .modalwindow._prize .prizedetail__heading {
    font-size: 100%;
    display: block;
    text-align: center;
  }
}
.modalwindow._prize .prizedetail__title {
  font-size: 110%;
}
.modalwindow._prize .prizedetail__artist {
  padding-left: 3em;
  position: relative;
}
.modalwindow._prize .prizedetail__artist::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 2em;
  top: 0.7em;
  left: 0.5em;
  background: #d8cebc;
  display: block;
}
@media all and (max-width: 640px) {
  .modalwindow._prize .prizedetail__artist {
    padding-left: 0;
    display: inline-block;
  }
  .modalwindow._prize .prizedetail__artist::before {
    content: none;
  }
}
.modalwindow._prize .prizedetail__figure {
  position: relative;
}
.modalwindow._prize .prizedetail__figure._movie {
  padding-top: 56.25%;
}
.modalwindow._prize .prizedetail__figure iframe {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.modalwindow._prize .prizedetail__header {
  margin-top: 1.25em;
}
.modalwindow._prize .prizedetail__header._nomargin {
  margin-top: 0;
}
@media all and (max-width: 640px) {
  .modalwindow._prize .prizedetail__header {
    margin-top: 2em;
  }
}
.modalwindow._prize .prizedetail__followartist {
  margin-top: 0.5em;
}
.modalwindow._prize .prizedetail__text {
  margin-top: 0.5em;
}
.modalwindow._prize .prizedetail__followartist + .prizedetail__text {
  margin-top: 0em;
}
.modalwindow._prize .prizedetail__comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1em;
}
.modalwindow._prize .prizedetail__comment._nomargin {
  margin-top: 0;
}
.modalwindow._prize .prizedetail__comment dt {
  width: 120px;
  margin-top: 1em;
  font-weight: bold;
}
.modalwindow._prize .prizedetail__comment dd {
  padding-left: 1em;
  width: calc(100% - 120px);
  margin-top: 1em;
}
@media all and (max-width: 640px) {
  .modalwindow._prize .prizedetail__comment dt {
    width: 100%;
  }
  .modalwindow._prize .prizedetail__comment dd {
    width: 100%;
    padding-left: 0;
    margin-top: 0.5em;
  }
}
.modalwindow._prize .prizedetail__artistlink {
  margin-left: 0.5em;
  padding-right: 1.25em;
}
.modalwindow._prize .prizedetail__artistlink::before {
  content: "\f08e";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: 0.1em;
}
@media all and (max-width: 640px) {
  .modalwindow._prize .prizedetail__artistlink {
    margin-left: 0.25em;
  }
  .modalwindow._prize .prizedetail__artistlink::before {
    top: -0.1em;
  }
}
.modalwindow._prize .prizedetail__link {
  cursor: pointer;
  color: white;
  background: #d8cebc;
  display: table;
  margin: 1em auto 0;
  padding: 0.5em 2.5em 0.5em 1em;
  border-radius: 2em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 2px solid #d8cebc;
  position: relative;
}
.modalwindow._prize .prizedetail__link:hover {
  text-decoration: none;
  color: #d8cebc;
  background: white;
}
.modalwindow._prize .prizedetail__link::before {
  content: "\f08e";
  font-family: FontAwesome;
  position: absolute;
  right: 0.75em;
  top: 0.6em;
}
.modalwindow._prize .prizedetail__link._disactive {
  pointer-events: none;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  padding-right: 1em;
}
.modalwindow._prize .prizedetail__link._disactive::before {
  content: "";
}
.modalwindow._prize .prizedetail__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modalwindow._prize .prizedetail__profile dt {
  position: relative;
  margin-top: 30px;
  width: 350px;
  padding-right: 20px;
}
.modalwindow._prize .prizedetail__profile dt figure {
  position: relative;
  padding-top: 66.433%;
  overflow: hidden;
}
.modalwindow._prize .prizedetail__profile dt figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.modalwindow._prize .prizedetail__profile dt figcaption {
  font-size: 90%;
}
.modalwindow._prize .prizedetail__profile dd {
  margin-top: 30px;
  width: calc(100% - 350px);
  word-break: break-all;
}
.modalwindow._prize .prizedetail__profile dd .main__list {
  margin-top: 0;
}
@media all and (max-width: 640px) {
  .modalwindow._prize .prizedetail__profile dt {
    font-weight: bold;
    display: table;
    width: 100%;
    padding-right: 0;
  }
  .modalwindow._prize .prizedetail__profile dd {
    margin-top: 10px;
    width: 100%;
  }
}
.modalwindow .wpcf7 form.invalid .wpcf7-response-output, .modalwindow .wpcf7 form.sent .wpcf7-response-output {
  border-color: #d8cebc !important;
  padding: 5px !important;
  text-align: center !important;
  font-weight: bold !important;
}
.modalwindow._active {
  margin-left: 315px;
  width: calc(100% - 250px - 65px);
}
@media all and (max-width: 640px) {
  .modalwindow._active {
    margin-left: 0;
    width: 100%;
  }
}
.modalwindow._workshop select {
  width: 100%;
  font-size: 12px;
  margin: 0 auto;
  border: none;
  padding: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: inherit;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.4);
  border-bottom: thin rgba(216, 206, 188, 0.5) solid;
  color: #d8cebc;
}
.modalwindow._workshop select:focus {
  outline: none;
  color: black;
  background: rgba(255, 255, 255, 0.2);
}
.modalwindow._workshop .select__outer {
  position: relative;
  display: table;
  width: 100%;
}
.modalwindow._workshop .select__outer::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 5px;
  height: 5px;
  border-top: 1px black solid;
  border-right: 1px black solid;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  pointer-events: none;
}
.modalwindow._workshop .select__outer select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
}

.modaldetail__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 110%;
  margin-top: 1em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media all and (max-width: 640px) {
  .modaldetail__heading {
    font-size: 100%;
    display: block;
    text-align: center;
  }
}
.modaldetail__exhibitionnumber {
  font-weight: bold;
  font-size: 90%;
  margin-right: 0.5em;
}
._koufu .modaldetail__exhibitionnumber {
  color: #D94484;
}
._hokuto .modaldetail__exhibitionnumber {
  color: #E77C37;
}
._fuji .modaldetail__exhibitionnumber {
  color: #0075AF;
}
._online .modaldetail__exhibitionnumber {
  color: #7F807E;
}
.modaldetail__title {
  font-size: 110%;
}
.modaldetail__title::before {
  content: "《";
}
.modaldetail__title::after {
  content: "》";
}
.modaldetail__artist {
  padding-left: 3em;
  position: relative;
}
.modaldetail__artist::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 2em;
  top: 0.7em;
  left: 0.5em;
  background: #191818;
  display: block;
}
.modaldetail__artist i {
  font-style: oblique;
}
@media all and (max-width: 640px) {
  .modaldetail__artist {
    padding-left: 0;
    display: inline-block;
  }
  .modaldetail__artist::before {
    content: none;
  }
}
.modaldetail__header {
  margin-top: 1.25em;
}
.modaldetail__header::before {
  content: "[";
}
.modaldetail__header::after {
  content: "]";
}
@media all and (max-width: 640px) {
  .modaldetail__header {
    margin-top: 2em;
  }
}
.modaldetail__text {
  margin-top: 0.5em;
  margin-top: 0em;
}
.modaldetail__text._name {
  font-weight: bold;
}
.modaldetail__comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modaldetail__comment dt {
  width: 120px;
  margin-top: 1em;
  font-weight: bold;
}
.modaldetail__comment dd {
  padding-left: 1em;
  width: calc(100% - 120px);
  margin-top: 1em;
}
@media all and (max-width: 640px) {
  .modaldetail__comment {
    margin-top: 10px;
  }
  .modaldetail__comment dt {
    width: 100%;
  }
  .modaldetail__comment dd {
    width: 100%;
    padding-left: 0;
    margin-top: 0.5em;
  }
}
.modaldetail__artistlink {
  margin-left: 0.5em;
  padding-right: 1.25em;
}
.modaldetail__artistlink::before {
  content: "\f08e";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: 0.1em;
}
@media all and (max-width: 640px) {
  .modaldetail__artistlink {
    margin-left: 0.25em;
  }
  .modaldetail__artistlink::before {
    top: -0.1em;
  }
}
.modaldetail__link {
  cursor: pointer;
  color: white;
  background: #d8cebc;
  display: table;
  margin: 1em auto 0;
  padding: 0.5em 2.5em 0.5em 1em;
  border-radius: 2em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 2px solid #d8cebc;
  position: relative;
}
.modaldetail__link:hover {
  text-decoration: none;
  color: #d8cebc;
  background: white;
}
.modaldetail__link::before {
  content: "\f08e";
  font-family: FontAwesome;
  position: absolute;
  right: 0.75em;
  top: 0.6em;
}
.modaldetail__link._disactive {
  pointer-events: none;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  padding-right: 1em;
}
.modaldetail__link._disactive::before {
  content: "";
}
.ver_exhibition2024 .modaldetail__link {
  border-color: #6D49EE;
  color: #ABFF0F;
  background: #6D49EE;
}
.ver_exhibition2024 .modaldetail__link:hover {
  color: #6D49EE;
  background: #ABFF0F;
}
.ver_learning2024 .modaldetail__link {
  border-color: #7CFF00;
  color: #746DFF;
  background: #7CFF00;
}
.ver_learning2024 .modaldetail__link:hover {
  color: #7CFF00;
  background: #746DFF;
}
.modaldetail__column dt {
  width: 100%;
  margin-top: 10px;
  text-align: center;
  background: white;
  padding: 5px;
}
.modaldetail__column dt img {
  max-height: 500px;
}
.modaldetail__column dd {
  margin-top: 10px;
}
.modaldetail__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 10px;
}
.modaldetail__row dt {
  position: relative;
  width: 350px;
  padding-right: 20px;
}
.modaldetail__row dt figure {
  position: relative;
  padding-top: 66.433%;
  overflow: hidden;
}
.modaldetail__row dt figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.modaldetail__row dt figcaption {
  font-size: 90%;
}
.modaldetail__row dd {
  width: calc(100% - 350px);
  word-break: break-all;
}
@media all and (max-width: 640px) {
  .modaldetail__row dt {
    font-weight: bold;
    display: table;
    width: 100%;
    padding-right: 0;
  }
  .modaldetail__row dd {
    margin-top: 10px;
    width: 100%;
  }
}
.modaldetail__caption {
  display: block;
  margin-top: 5px;
  font-size: 90%;
  opacity: 0.8;
  text-align: right;
  line-height: 90%;
}

.header__menubutton {
  overflow: hidden;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 65px;
  height: 65px;
  cursor: pointer;
  background: #d8cebc;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ver_2025 .header__menubutton {
  background: #5a25ff;
}
.ver_2024 .header__menubutton {
  background: #5a25ff;
}
.ver_2023 .header__menubutton {
  background: #5a25ff;
}
.ver_metaverse .header__menubutton {
  background: rgb(0, 225, 220);
}
.ver_exhibition2024 .header__menubutton {
  background: #6D49EE;
}
.ver_learning2024 .header__menubutton {
  background: #7CFF00;
}
.ver_workshop .header__menubutton {
  background: #5a25ff;
}
.ver_2022 .header__menubutton {
  background: linear-gradient(135deg, rgba(245, 214, 39, 0.9), rgba(242, 41, 65, 0.9), rgba(148, 101, 156, 0.9), rgba(69, 169, 230, 0.9)); /*グラデーションを定義*/
}
@media all and (max-width: 640px) {
  .header__menubutton {
    width: 40px;
    height: 60px;
  }
}
.header__menubutton span, .header__menubutton::before, .header__menubutton::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 13px;
  height: 2px;
  margin: auto;
  background: white;
}
.ver_2025 .header__menubutton span, .ver_2025 .header__menubutton::before, .ver_2025 .header__menubutton::after {
  background: #d8cebc;
}
.ver_2024 .header__menubutton span, .ver_2024 .header__menubutton::before, .ver_2024 .header__menubutton::after {
  background: #d8cebc;
}
.ver_2023 .header__menubutton span, .ver_2023 .header__menubutton::before, .ver_2023 .header__menubutton::after {
  background: #d8cebc;
}
.ver_metaverse .header__menubutton span, .ver_metaverse .header__menubutton::before, .ver_metaverse .header__menubutton::after {
  background: rgb(0, 0, 0);
}
.ver_exhibition2024 .header__menubutton span, .ver_exhibition2024 .header__menubutton::before, .ver_exhibition2024 .header__menubutton::after {
  background: #ABFF0F;
}
.ver_learning2024 .header__menubutton span, .ver_learning2024 .header__menubutton::before, .ver_learning2024 .header__menubutton::after {
  background: #746DFF;
}
.ver_workshop .header__menubutton span, .ver_workshop .header__menubutton::before, .ver_workshop .header__menubutton::after {
  background: #d8cebc;
}
.header__menubutton span {
  overflow: hidden;
  z-index: 1;
  color: #000;
}
.header__menubutton::before {
  z-index: 2;
  -webkit-transform: translate(0, -5px);
          transform: translate(0, -5px);
  content: "";
}
.header__menubutton::after {
  z-index: 2;
  -webkit-transform: translate(0, 5px);
          transform: translate(0, 5px);
  content: "";
}
.header__menubutton span {
  -webkit-transition: -webkit-transform 150ms 50ms;
  transition: -webkit-transform 150ms 50ms;
  transition: transform 150ms 50ms;
  transition: transform 150ms 50ms, -webkit-transform 150ms 50ms;
}
.header__menubutton::before, .header__menubutton::after {
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}
.header__menubutton.clicked span {
  opacity: 0;
  -webkit-transition: -webkit-transform 150ms;
  transition: -webkit-transform 150ms;
  transition: transform 150ms;
  transition: transform 150ms, -webkit-transform 150ms;
}
.header__menubutton.clicked::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.header__menubutton.clicked::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.newsdetail__content {
  margin-top: 30px;
}
@media all and (max-width: 640px) {
  .newsdetail__content {
    margin-top: 20px;
  }
}
.newsdetail__content figure {
  text-align: center;
}
.newsdetail__content figure img {
  margin: 0 auto;
}
.newsdetail__content p + p {
  margin-top: 10px;
}
.newsdetail__content * + figure {
  margin-top: 20px;
}
.newsdetail__date {
  font-size: 13px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  display: table;
  position: relative;
  margin-top: 10px;
  font-size: 90%;
}
.newsdetail__date::after {
  content: "";
  height: 1px;
  width: 100%;
  background: #d8cebc;
  position: absolute;
  left: -2px;
  bottom: -0.25em;
  opacity: 0.5;
}
@media all and (max-width: 640px) {
  .newsdetail__date {
    font-size: 12px;
  }
}

.newslist__item {
  margin-top: 10px;
}
.newslist__item time {
  display: block;
}
.newslist__modal {
  cursor: pointer;
  margin-left: 0.5em;
  color: #d8cebc;
  position: relative;
}
.ver_2025 .newslist__modal {
  color: inherit;
}
.newslist__modal:hover {
  text-decoration: none;
}
.newslist__modal:hover::before {
  border-bottom: thin solid rgba(216, 206, 188, 0);
}
.ver_2025 .newslist__modal:hover::before {
  border-bottom: thin solid rgba(90, 37, 255, 0);
}
.newslist__modal::before {
  position: absolute;
  content: "";
  bottom: -3px;
  width: 100%;
  border-bottom: thin solid #d8cebc;
}
.ver_2025 .newslist__modal::before {
  border-bottom: thin solid #5a25ff;
}

.judgevertical__name {
  font-size: 110%;
  font-weight: bold;
  margin-top: 20px;
}
.judgevertical__name:first-child {
  margin-top: 0;
}
.judgevertical__position {
  font-size: 90%;
  margin-bottom: 0.25em;
  display: inline;
}
.judgevertical__position::before {
  content: "(";
}
.judgevertical__position::after {
  content: ")";
}
.judgevertical__text {
  margin-top: 3px;
}

.grecaptcha-badge {
  visibility: hidden;
}/*# sourceMappingURL=base_2025.css.map */