@charset "UTF-8";

/* ================================================== */
/* hero */
/* ================================================== */
#hero {
  background-color: #000000;
  height: 100vh; /* 画面いっぱいに表示する場合 */
  overflow: hidden;
  position: relative;
  width: 100%;  
}

#hero video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover; /* 動画を要素に合わせて表示 */
  opacity: 0.6;
}

#hero .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1; /* 動画の上に表示 */
  color: white; /* テキストの色 */
}

#hero h1 {
  line-height: 0;
  margin: 0 0 var(--margin-bottom-content-item);
  text-align: center;
  width: 488px;
}
#hero h1 img {
  width: 100%;
}

#hero .buttons .button-conference,
#hero .buttons .button-community {
  background-color: transparent;
  border: 2px solid var(--color-white);
  flex: 1;
}
#hero .buttons .button-conference:hover,
#hero .buttons .button-community:hover {
  color: var(--color-white);
}

#hero .buttons .button-conference:hover {
  background-color: var(--color-purple-highlight);
  border: 2px solid var(--color-purple-highlight);
}

#hero .buttons .button-community:hover {
  background-color: var(--color-blue-highlight);
  border: 2px solid var(--color-blue-highlight);
}

@media screen and (max-width: 767px) {
  #hero h1 {
    width: 335px;
  }
}

/* ================================================== */
/* about */
/* ================================================== */
#about {
  background: url(../../images/2026/about_background.jpg) no-repeat bottom right;
  background-size: cover;
}

/* ================================================== */
/* keynote */
/* ================================================== */

/* ================================================== */
/* time-table */
/* ================================================== */

/* ================================================== */
/* tickets */
/* ================================================== */

/* ================================================== */
/* venue */
/* ================================================== */

/* ================================================== */
/* vision */
/* ================================================== */
#vision {
  background: url(../../images/2026/vision_background.png) no-repeat bottom center var(--color-purple);
  background-size: 100%;
  padding-bottom: 25%;
}

/* ================================================== */
/* less-company-bv */
/* ================================================== */
@media screen and (max-width: 767px) {
  #less-company-bv .title.is-3 {
    font-size: var(--font-size-xlarge);
  }
  #less-company-bv .title.is-3 .is-3_small {
    font-size: var(--font-size-normal);
  }
}

/* ================================================== */
/* conference-sponsor */
/* ================================================== */

/* ================================================== */
/* community */
/* ================================================== */
#community .button {
  margin-top: var(--margin-bottom-block-item);
}

#community .image img {
  box-shadow: 8px 8px 0 rgba(0,0,0,0.4);
}

/* ================================================== */
/* community-sponsor */
/* ================================================== */

/* ================================================== */
/* community-sponsor-board */
/* ================================================== */

/* ================================================== */
/* organizer */
/* ================================================== */