@charset "UTF-8";

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

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

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

#hero-area h1 {
  line-height: 0;
  text-align: center;
}
#hero-area h1 img {
  max-width: 450px;
  width: 100%;
}

/* ================================================== */
/* news */
/* ================================================== */
#news dl {
  display: flex;
}
#news dl:not(:last-child) {
  border-bottom: 1px dotted #e1dfe6;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
#news dl dt {
  margin: 0;
  min-width: 110px;
}

@media screen and (max-width: 767px) {
  #news dl {
    flex-direction: column;
  }
  #news dl dt {
    margin: 0 0 1rem 0;
  }
}

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

/* ================================================== */
/* sponsorship */
/* ================================================== */
#sponsorship .button a {
  background-color: #ffffff;
  color: #12003B;
}
#sponsorship .button a:hover {
  background-color: #8654ff;
  color: #ffffff;
}

/* ================================================== */
/* proposal */
/* ================================================== */
#proposal .button a {
  background-color: #ffffff;
  color: #12003B;
}
#proposal .button a:hover {
  background-color: #8654ff;
  color: #ffffff;
}

/* ================================================== */
/* keynote */
/* ================================================== */
#keynote .cards .cards_card .cards_card_content {
  background-color: rgba(0,0,0,.4);
  border: 1px solid #2B1B52;
}

#keynote .cards .cards_card .cards_card_content .group_group {
  margin-bottom: 2rem;
}
#keynote .cards .cards_card .cards_card_content .group_group:last-child {
  margin-bottom: 0;
}

#keynote .layout_image-text {
  border-bottom: 1px solid #2B1B52;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}

#keynote .layout_image-text .layout_image-text_image {
  margin-right: 4rem;
  margin-top: -1.3rem;
  max-width: 192px;
}

@media screen and (max-width: 1023px) {
  #keynote .layout_image-text .layout_image-text_image {
    margin: 0 0 4rem;
    max-width: 347px;
  }

  #keynote .layout_image-text .layout_image-text_text {
    width: 100%;
  }
}

/* ================================================== */
/* time-table */
/* ================================================== */
#time-table .h3_small {
  display: inline;
}

#time-table table th {
  border: none;
}

#time-table .speaker-sponsor {
  align-items: flex-start;
  flex-direction: column;
}
#time-table .speaker-sponsor figure {
  margin-right: 0;
  width: 100%;
}
#time-table .speaker-sponsor figure img {
  border-radius: 0;
  width: 45%;
}
#time-table .speaker-sponsor figure img:not(:last-child) {
  border: none;
  margin-right: 1rem;
}

/* ================================================== */
/* location */
/* ================================================== */
#location {
  background: url(../../images/2025/location_background.jpg) no-repeat bottom center;
  background-size: cover;
}

#location dd {
  font-size: 1.6rem;
  margin-top: 1rem;
}

#location iframe {
  width: 100%;
}

/* ================================================== */
/* tickets */
/* ================================================== */
#tickets .cards {
  width: 100%;
}

#tickets .cards-tickets {
  flex-direction: column;
}

#tickets .cards-tickets_row {
  display: flex;
  justify-content: space-between;
  margin: 0 0 1rem;
}
#tickets .cards-tickets_row:last-child {
  margin: 0;
}

#tickets .cards-tickets dl dt {
  flex-direction: column;
}

#tickets .coming-soon {
  background: url(../../images/2025/tickets_background_coming-soon.jpg) no-repeat center;
  background-size: cover;
  padding: 3rem;
}

#tickets .coming-soon p {
  font-size: 2.4rem;
}

#tickets .coming-soon p span {
  border: 2px solid #ffffff;
  display: inline-block;
  padding: 1rem 2rem;
}

#tickets .label_content {
  margin: 0 0 .5rem;
}

@media screen and (max-width: 767px) {
  #tickets .cards-tickets_row {
    flex-direction: column;
  }
}

/* ================================================== */
/* vision */
/* ================================================== */
#vision .text-sign {
  font-weight: 800;
}

#vision .text-sign_position {
  margin-right: 2rem;
}

/* ================================================== */
/* less-company-bv */
/* ================================================== */
#less-company-bv {
  background-color: #4E96BD;
}

#less-company-bv figure {
  line-height: 0;
  margin: 0 auto;
  width: 300px;
}

#less-company-bv .button a {
  background-color: #253F8E;
}
#less-company-bv .button a:hover {
  background-color: #1045e6;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  #less-company-bv h2 {
    font-size: 2.8rem;
  }
}

/* ================================================== */
/* sponsors */
/* ================================================== */
#sponsors .logos-small li.logos_thousands-of-books {
  max-width: 230px;
}

#sponsors .sponsors_event-proposal .cards_card_content {
  padding: 2rem;
}

/* ================================================== */
/* community */
/* ================================================== */
#community-sponsors.sponsors a:hover,
#community-sponsor-board.sponsors a:hover {
  color: #0082f0;
}

#community {
  background: url(../../images/2025/community_background.jpg) no-repeat bottom center;
  background-attachment: fixed;
  background-size: cover;
}
#community .button a {
  background-color: #ffffff;
  color: #006DAC;
}
#community .button a:hover {
  background-color: #0082f0;
  color: #ffffff;
}

#community-sponsors h2,
#community-sponsors h3 {
  color: #1762A2;
}
#community-sponsors .h3_border::before,
#community-sponsors .h3_border::after {
  background-color: #1762A2;
}
#community-sponsors .logos a {
  color: #00284a;
}
#community-sponsors.sponsors .logos_thousands-of-books {
  max-width: 368px;
}
#community-sponsors .button a {
  background-color: #006DAC;
  color: #fff;
}
#community-sponsors .button a:hover {
  background-color: #0082f0;
  color: #fff;
}

@media screen and (max-width: 1023px) {
  #community h2,
  #community-sponsors h2 {
    text-align: center;
  }

  #community .button,
  #community-sponsors .button {
    text-align: center;
  }
}

/* ================================================== */
/* video */
/* ================================================== */
#video .h3_border {
  color: #fff;
}
#video .h3_border::before,
#video .h3_border::after {
  background-color: #fff;
}

#video .video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 のアスペクト比 (9 / 16 * 100%) */
  height: 0;
  overflow: hidden;
  margin-bottom: 1rem;
}
#video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ================================================== */
/* share */
/* ================================================== */
#share .logos {
  align-items: center;
  display: flex;
  justify-content: center;
}

#share .logos li {
  margin: 0 2rem;
}

#share .logos li img {
  height: 48px;
}

/* ================================================== */
/* low-priority */
/* ================================================== */
.low-priority h2 {
  font-size: 3rem;
}