@charset "utf-8";

/* ============================================
   Inter BEE 2026 来場者TOP CSS
   読み込み: html/ja/index.php のみ

   2025来場者TOPの top_mv_online2025.css / top_mv_exb2025.css を
   このファイルに取り込み、TOP専用の1本にまとめたもの。
   ※取り込み順は 2025 の index.php の <link> 順（online2025 → exb2025）と同じ。
     両ファイルには :root / body / #mv / #magazine / .w1400 など
     15セレクタの重複があり、順序を変えると適用結果が変わるため入れ替え禁止。
   元の2ファイルは /ja/online/exhibition/ 等がまだ読んでいるため無変更で残置。
   ============================================ */


/* ==================================================================
   1. 2025来場者TOPからの継承分（旧 top_mv_online2025.css）
   Quick Menu / 出展者情報 / Inter BEE MAP / Conference / 特別企画 / FAQ ほか
   ================================================================== */

/* 10/3 新着情報コンテンツ掲載 */

/* ニュースのヘッダー非表示 */
#news .news-block {
  border-bottom: none;
}

body {
  color: #000;
}

.txt_link {
  text-decoration: underline;
  color: #0c90e4;
}


@media screen and (min-width: 481px) and (max-width: 850px) {
  .w1400 {
    padding: 0px;
  }
}


/* ボタン */
.c-button::after {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
  font-weight: 700;
  background: #fff;
  width: 20px;
  height: 20px;
  color: #d61919;
  display: inline-block;
  border-radius: 100px;
  line-height: 20px;
  font-size: 0.5rem;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition: all .2s;
}


/* MV */
#mv {
  position: relative;
}

#mv .pc {
  display: block;
}

#mv .sp {
  display: none;
}

#mv .content p.btn a {
  margin-bottom: 0;
  background: #000000;
  font-size: 1.4rem;
  padding: .8rem 65px .8rem 30px;
  width: 95%;
  letter-spacing: .1rem;
}

#mv .c-button.blue::after {
  color: #000;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  right: 25px;
}

.en #mv .c-button.blue::after {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}

#mv .recruitment .main_logo_cont {
  width: 90%;
}

#mv .recruitment .logo_cont {
  position: absolute;
  max-width: 52px;
  width: 100%;
  bottom: -10px;
  right: -10px;
}

.en #mv .recruitment .logo_cont {
  bottom: 0;
}


#mv .recruitment .button span {
  display: block;
}

/* -------- 出展者オンライン説明会 -------- */
#mv .recruitment:has(.notice_contents) {
  width: 28%;
}

#mv .recruitment ._block.cont_25.notice_contents {
  display: flex;
  justify-content: space-between;
  gap: 2%;
  padding: 15px;
  margin-left: -110%;
  width: 210%;
  background-color: rgba(255, 255, 255, .7);
  transition: margin-left 0.5s ease;
}

#mv .notice_contents .notice_expo_area {
  flex: 0 0 42%;
  display: flex;
  flex-wrap: wrap;
}

#mv .notice_contents .expo_btn_wrap {
  align-self: flex-end;
  padding: 2px 5px 10px;
  background: linear-gradient(to right, #0072ff, #34d1ff);
}

#mv .notice_contents .expo_btn {
  margin-bottom: unset;
}

#mv .notice_contents .notice_link_area {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 40px;
  background: rgb(229, 246, 255);
  background: linear-gradient(90deg, rgba(229, 246, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  border: 5px solid #0b90e4;
  transition: transform 0.5s ease, box-shadow 0.5s ease !important;
}

#mv .notice_contents .notice_link_area:hover,
#mv .notice_contents .notice_link_area:focus {
  transform: scale(1.02);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

/* スライダーが動き出したら余白をなくす */
#mv .recruitment ._block.cont_25.notice_contents:hover,
#mv .recruitment ._block.cont_25.notice_contents:focus-within {
  margin-left: 0;
}

#mv .notice_contents .notice_date-img_wrap,
#mv .notice_contents .notice_annotation-img_wrap {
  margin-top: 20px;
}

#mv .notice_contents .notice_btn {
  margin-top: 15px;
  padding: 0.6rem 35px .6rem 15px;
  background: #ee114a;
  background: linear-gradient(90deg, rgba(238, 17, 74, 1) 0%, rgba(222, 37, 84, 1) 100%);
  border-color: #ee114a;
  color: #fff;
  font-size: 1.175rem;
  letter-spacing: 0;
}

#mv .notice_contents .notice_btn:hover {
  background: #fff;
  color: #ee114a;
  cursor: pointer;
}

#mv .notice_contents .notice_btn:after {
  right: 12px;
  width: 22px;
  height: 22px;
  background: #fff;
  color: #ee114a;
  font-size: .725rem;
  line-height: 22px;
}

#mv .notice_contents .notice_btn:hover:after {
  background: #ee114a;
  color: #fff;
}

#mv .mv_btn_link {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  /* padding-top: 30px; */
}

#mv .mv_btn_link li {
  width: 100%;
  margin-bottom: 10px;
}

#mv .mv_btn_link li:last-of-type {
  margin-bottom: 15px;
}

#mv .mv_btn_link li.sup_cont {
  position: absolute;
  width: 65%;
  top: 0;
  left: 18%;
  z-index: 1;
}

#mv .mv_btn_link li.comingsoon {
  pointer-events: none;
}

#mv .catchcopy:has(.catchcopy_newline) {
  width: 100%;
}

#mv .recruitment .btn span {
  display: block;
  font-weight: bold;
  color: #ffffff;
}

@media screen and (max-width:1250px) {
  #mv .recruitment {
    margin: 0px;
    min-width: 350px;
  }

}

@media screen and (max-width:1000px) {
  #mv .catchcopy {
    max-width: calc(100% - 390px);
  }

  #mv .attention_expo_area {
    padding: 0;
  }

  #mv .content p.btn a {
    padding: .8rem 65px .8rem 30px;
    font-size: 1.3rem;
    width: 90%;
  }
}

@media screen and (max-width:768px) {
  #mv .recruitment ._block {
    margin-top: 100%;
  }

  #mv .flex_cont {
    flex-direction: column;
  }

  #mv .recruitment {
    max-width: 400px;
    width: 70%;
    margin: 0 auto;
    min-width: inherit;
  }

  #mv .recruitment:has(.notice_contents) {
    width: 100%;
  }

  #mv .recruitment ._block.cont_25.notice_contents {
    flex-direction: column;
    margin-top: unset;
    margin-left: unset;
    width: 100%;
  }

  #mv .notice_contents .expo_btn_wrap {
    margin-top: 20px;
  }

  #mv .notice_contents .notice_link_area {
    margin-top: 20px;
  }

  #mv .recruitment .logo_cont {
    right: 35px;
    max-width: 45px;
  }
}

@media screen and (max-width:700px) {
  #mv .flex_cont.w1400 {
    flex-direction: column-reverse;
  }

  .en #mv .catchcopy {
    top: 70%;
  }

  #mv .mv_btn_link li {
    width: 100%;
  }

  #mv .mv_btn_link li:last-of-type {
    margin-bottom: 0;
  }
}

@media screen and (max-width:600px) {
  #mv .recruitment {
    width: 78%;
  }
}

@media screen and (max-width:500px) {
  #mv .recruitment ._block {
    margin-top: 85%;
  }

  .en #mv .catchcopy {
    top: 63%;
  }
}

@media screen and (max-width: 480px) {
  #mv .content p.btn a {
    padding: .8rem 50px .8rem 30px;
  }

  #mv .catchcopy {
    width: 100%;
    margin: 20px auto 0;
    padding: 0;
    top: 63.7%;
  }

  #mv .mv_btn_link {
    width: 95%;
  }

  #mv .recruitment ._block {
    width: 100%;
    margin-top: 75%;
  }

  #mv .recruitment .logo_cont {
    left: 80%;
    bottom: -12px;
  }

  #mv .recruitment {
    width: 95%;
  }

  #mv .flex_cont.w1400 {
    margin-top: 0px;
    margin-bottom: 0;
  }

  #mv .recruitment ._block.cont_25.notice_contents {
    width: 90%;
    margin: 0 auto;
  }

  #mv .notice_contents .notice_link_area {
    padding: 20px;
  }

  #mv .notice_contents .notice_btn {
    font-size: 1.125rem;
  }

  #mv .notice_contents .notice_btn:after {
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    line-height: 21px;
  }
}

@media screen and (max-width:410px) {
  .en #mv .catchcopy {
    top: 68%;
  }
}

@media screen and (max-width:350px) {
  .en #mv .catchcopy {
    top: 65%;
  }
}

/* MV下のmagazine 250114~ */
.magazine_mv.main {
  line-height: 1.6;
}

.page_top .magazine .mag_nav_area .nav_cont {
  padding-top: 30px;
  padding-bottom: 30px;
}

.page_top .magazine .mag_nav_area .mag_nav_btn li a:after {
  transform: translateY(-50%) rotate(-45deg);
}


/* MV下のお知らせバナーコンテンツ */
.notice_cont {
  background-color: #e8e8e8;
}

.notice_cont .notice-block {
  width: 70%;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.notice_cont .notice-block .notice_banner_img-wrap {
  box-shadow: 1px -1px 18px #8d8d8d;
}

@media screen and (max-width:768px) {
  .notice_cont .notice-block {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}

.main #mv_panel_popup h2 {
  margin-bottom: 2.3rem;
}

.en .main #mv_panel_popup h2 {
  margin-bottom: 3rem;
}

.mv_panel_content .comingsoon {
  font-size: .9rem;
  border: solid 1px;
  padding: 2px 20px;
  border-radius: 100px;
  width: max-content;
  line-height: 1.8;
  display: block;
  background: #7c7c7c;
  font-weight: bold;
  border: 1px solid #7c7c7c;
  margin: 0 auto 15px;
}

.mv_panel_cont .mv_panel li>a.disabled {
  pointer-events: none;
}


.mv_panel_link .sub_txt {
  color: #fff;
  position: absolute;
  bottom: 16%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

#bnr_Sponsored-Exhibitor-Google-Cloud {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 200px;
}

.mv_panel_cont .mv_panel {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

.mv_panel_cont .mv_panel li:nth-child(4) {
  grid-column: span 1;
}

.mv_panel_cont .mv_panel li#exhibinfo_award {
  grid-column: span 2;
}

.mv_panel_cont .mv_panel li#exhibinfo_award a {
  display: flex;
  background: linear-gradient(46deg, #bbd8e9, #e4e5f3, #d9d8ee);
  padding: 1rem 2rem 1rem 1rem;
  justify-content: space-between;
}

.mv_panel_cont .mv_panel li#exhibinfo_award a figure {
  width: 30%;
}

.mv_panel_cont .mv_panel li#exhibinfo_award a figure.award_logo {
  max-width: 300px;
  width: initial;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
}

.mv_panel_cont .mv_panel li#exhibinfo_award .award_logo.sp_img {
  display: none;
}

.mv_panel_cont .mv_panel li#exhibinfo_award a .txt_cont {
  width: 67%;
  position: relative;
}

.mv_panel_cont .mv_panel li#exhibinfo_award a.comingsoon .txt_cont>div {

  position: relative;
}

.mv_panel_cont .mv_panel li#exhibinfo_award a.comingsoon .txt_cont>div:after {
  content: "Coming Soon";
  font-weight: bold;
  color: #dbdbdb;
  background: #6c6c6c;
  padding: 5px 30px;
  border-radius: 10vh;
  position: absolute;
  right: 0;
  top: 0;
}

.mv_panel_cont .mv_panel li#exhibinfo_award a.comingsoon .txt_cont>div .comingsoon_txt {
  margin-top: 0;
}

.mv_panel_cont .mv_panel li#exhibinfo_award a .txt_cont figure:after {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
  font-weight: 700;
  background: #fff;
  width: 40px;
  height: 40px;
  background: linear-gradient(90deg, #2f67f6 0%, #6022d2 100%);
  color: #ffffff;
  border-radius: 100px;
  line-height: 40px;
  font-size: .6rem;
  text-align: center;
  position: absolute;
  right: -4rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition: all .2s;
}

.mv_panel_cont .mv_panel li#exhibinfo_award a .txt_cont p {
  font-size: .8rem;
  line-height: 1.8;
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 1rem;
}

.en .mv_panel_cont .mv_panel li#exhibinfo_award a .txt_cont p {
  line-height: 1.7;
  font-size: 0.75rem;
}

.ai_serch_btn {
  text-align: center;
  max-width: 500px;
  margin: 1.5rem auto 0;
}

.ai_serch_btn .comingsoon {
  pointer-events: none;
}

.mv_panel_cont .sponsored_cont {
  max-width: 220px;
  position: absolute;
  top: 40px;
  right: 20px;
}

.en .mv_panel_cont .sponsored_cont {
  top: 30px;
}

.mv_panel_cont .mv_panel li>a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 88px 20px;
  height: 100%;
  background-position: bottom;
  border-radius: 12px;
  background-size: cover;
  background-image: url(../img/top/onlineinfo_bg.webp);
}

.mv_panel .comingsoon h3:after {
  display: none;
}

.mv_panel_cont .mv_panel li>a.comingsoon {
  flex-direction: column;
}

.mv_panel_cont .mv_panel li#exhibinfo_online_exhibition_list>a {
  background-image: url(../img/top/exhiblist_bg.webp);
}

.mv_panel_cont .mv_panel li#exhibinfo_event>a {
  background-image: url(../img/top/exhibitorevent_bg.webp);
}

.mv_panel_cont .mv_panel li#exhibinfo_digitalbook>div {
  background-image: url(../img/top/disitalbook_bg.webp?250925);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 55px 20px;
  background-position: top;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}



.mv_panel_cont .mv_panel li>a.comingsoon {
  pointer-events: none;
  padding: 70px 20px;
}

.mv_panel_cont .mv_panel li>a.comingsoon:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}

.mv_panel_cont .mv_panel li>a.comingsoon:after {
  color: #ffffff;
  background: #9b9b9b;
  font-weight: bold;
  margin-top: 3.5rem;
  position: absolute;
  z-index: 3;
  padding: .5rem 2rem;
  border-radius: 12px;
}

.mv_panel_cont .mv_panel li#exhibinfo_award>a.comingsoon:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  color: #ffffff;
  margin-top: 0;
}

.mv_panel_cont .mv_panel li#exhibinfo_award a.comingsoon {
  pointer-events: none;
  flex-direction: row;
}

.mv_panel li:has(.comingsoon) {
  box-shadow: none;
}

.mv_panel_cont .mv_panel li#exhibinfo_award a.comingsoon .txt_cont figure:after {
  display: none;
}

.mv_panel_cont .mv_panel li#exhibinfo_digitalbook div h3 {
  text-align: left;
}

.mv_panel_cont .mv_panel li#exhibinfo_digitalbook div.exhibinfo_link_cont h3 {
  text-align: center;
  text-shadow: 0 0 6px #0000009e;
  letter-spacing: 3px;
}

.mv_panel_cont .mv_panel .exhibinfo_link_cont h3 {
  letter-spacing: 0;
}

.mv_panel_cont .mv_panel #exhibinfo_digitalbook .exhibinfo_link_cont {
  text-align: center;
  width: max-content;
  margin: 0 37% 0 0;
}


.mv_panel_cont .mv_panel li#exhibinfo_digitalbook div h3:after {
  display: none;
}

.mv_panel_cont .mv_panel #exhibinfo_digitalbook .subcont {
  color: #fff;
  margin-top: 1rem;
  display: inline-block;
  text-shadow: 0 0 6px #0000009e;
}

.mv_panel_cont .mv_panel #exhibinfo_digitalbook a.txt_cont {
  text-shadow: 0 0 6px #0000009e;
  color: #fff;
  font-weight: bold;
  font-size: .9rem;
  text-decoration: underline;
}

.mv_panel_cont .mv_panel #exhibinfo_digitalbook a.txt_cont.comingsoon {
  text-decoration: none;
  pointer-events: none;
  color: #a9a9a9;
  text-shadow: 0 0 6px #4040409e;
}

.mv_panel_cont .mv_panel li#exhibinfo_digitalbook>a {
  background-image: url(../img/top/disitalbook_bg.webp);
}


.mv_panel_cont .mv_panel li>a.disabled {
  pointer-events: none;
}

.mv_panel_cont .mv_panel li>a:hover {
  opacity: .8 !important;
}

.mv_panel h3 {
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 2px;

}

.mv_panel span.comingsoon_txt,
.mv_panel .comingsoon h3 {
  position: relative;
  z-index: 2;
}

.mv_panel span.comingsoon_txt {
  background: #6c6c6c;
  padding: .5rem 3rem;
  color: #dbdbdb;
  border-radius: 100vw;
  font-weight: bold;
  margin-top: .5rem;
}

.mv_panel h3:after {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
  font-weight: 700;
  background: #fff;
  width: 40px;
  height: 40px;
  color: #0c90e4;
  display: inline-block;
  border-radius: 100px;
  line-height: 40px;
  font-size: 1rem;
  text-align: center;
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition: all .2s;
}

.mv_panel .disabled h3 {
  line-height: 2.5;
}


.mv_panel li {
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: bottom;
  box-shadow: 0 0 9px 1px #00000052;
}

.mv_panel li a.disabled {
  position: relative;
}

.mv_panel li.mv_panel_content>a.disabled:after {
  z-index: 1;
}

.mv_panel li .c-button {
  color: #000;
  background:
    #fff;
  border: none;
  font-size: .8rem;
  width: 160px;
  padding: 10px 30px 10px 10px;
  max-width: 170px;
  font-size: 13px;
}

.mv_panel_cont .c-button.disabled::after {
  display: none;
}

.mv_panel_cont .c-button::after {
  color: #000;
  border: 1px solid #001;
  font-size: 9px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.en .mv_panel_cont .c-button::after {
  right: 10px;
}

.mv_panel_cont #mv_panel_comment {
  background-color: #ffffff57;
  padding: 15px;
}

.mv_panel_cont #mv_panel_comment h3 {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 10px auto;
  position: relative;
  color: #000;
  background: none;
}

.en .mv_panel_cont #mv_panel_comment h3 {
  font-size: 1.3rem;
}

.mv_panel_cont #mv_panel_comment .c-button.blue {
  border: none;
  background-color: #0c90e4;
  font-weight: bold;
  width: 85%;
  margin: 0 auto;
  margin-bottom: 30px;
  color: #fff;
  padding: 15px 30px;
  max-width: initial;
  font-size: 1.2rem;
}

.en .mv_panel_cont #mv_panel_comment .c-button.blue {
  padding: 15px 45px 15px 20px;
  font-size: 1rem;
}

.c-button.blue {
  border: none;
  background-color: #0c90e4;
  font-weight: bold;
  margin: 0 auto;
  color: #fff;
  padding: 15px 30px;
  max-width: initial;
  padding: 10px 40px 10px 20px;
  font-size: .6rem;
}

.c-button.blue::after {
  color: #0c90e4;
}

.mv_panel_cont #mv_panel_comment .c-button.blue::after {
  color: #0c90e4;
  border: none;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 1rem;
}

.mv_panel_cont #mv_panel_floor-map li>a {
  display: block;
  height: 100%;
}

.mv_panel_cont #mv_panel_online_exhibition_Info>a {
  background-image: url(../img/top/online_Exhibition_information_bg.webp);
  background-size: cover;
  padding: 25px 20px;
}

.mv_panel_cont #mv_panel_floor-map>a {
  background-image: url(../img/top/desital_book_bg.webp);
  background-size: cover;
  background-position: center;
}

.mv_panel_cont #mv_panel_conference>a {
  background-image: url(../img/top/conference_bg.webp);
  background-size: cover;
  background-position: bottom;
}

.mv_panel_cont #mv_panel_exhibitor-seminar>a {
  background-image: url(../img/top/seminer_bg.webp);
}

.mv_panel_cont #mv_panel_special-event>a {
  background-image: url(../img/top/special_event_bg.webp);
}

.mv_panel_cont #mv_panel_exhibitor-event>a {
  background-image: url(../img/top/exhibitorevent_bg.webp);
}

.mv_panel_cont #mv_panel_award>a {
  background-image: url(../img/top/award_bg.webp);
}


.mv_panel_cont .mv_panel #mv_panel_online_exhibition_Info {
  grid-column-start: 2;
  grid-column-end: 4;
  display: grid;
  height: 260px;
}

.mv_panel_cont .mv_panel .tag {
  background: #000;
  color: #fff;
  padding: 5px 25px;
  border-radius: 100vh;
  font-size: .8rem;
  background: linear-gradient(90deg, #a7bef8 0%, #b9b5f5 40%, #e3a4f0 80%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  position: relative;
  z-index: 1;
}

.mv_panel_cont .mv_panel .tag:before {
  content: "";
  width: 100%;
  height: 1.8rem;
  display: block;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 100vh;
  border: 1px solid #525252;
}

.mv_panel_cont .mvmv_panel li {
  text-align: center;
}

.mv_panel_cont #mv_panel_comment figure {
  width: 70px;
  position: relative;
}

#mv_panel_popup .btn_cont {
  margin-top: 40px;
  margin-left: 30px;
}

#mv_panel_popup .btn_cont .mv_panel_inner_link:first-of-type {
  margin-bottom: 10px;
}

.mv_panel li .c-button.disabled {
  background: #a9a9a9;
  color: #737373;
  padding: 10px 30px;
  pointer-events: none;
  width: 100%;
  margin: 0 auto;
  font-size: 1rem;
  max-width: inherit;
  width: 85%;
}

.c-button.disabled {
  background: #a9a9a9 !important;
  color: #737373;
  padding: 1rem 3rem !important;
  pointer-events: none;
  border: none;
  padding: 15px 30px;
  text-align: center;
  cursor: none;
  max-width: 350px;
}

.c-button.disabled:after {
  display: none;
}

@media screen and (max-width:1190px) {
  .mv_panel h3 {
    font-size: 1.2rem;
    padding: 0;
  }
}

@media screen and (max-width:1000px) {
  .main #mv_panel_popup h2 {
    text-align: left;
    padding-right: 200px;
  }

  .mv_panel_cont .sponsored_cont {
    max-width: 180px;
    top: 55px;
  }

  .mv_panel_cont #mv_panel_award>a {
    background-position: 60% 0;
    background-repeat: no-repeat;
  }

  .mv_panel_cont .mv_panel li#exhibinfo_award a figure {
    width: 40%;
  }

  .mv_panel_cont .mv_panel li#exhibinfo_award a .txt_cont {
    width: 57%;
  }

  .mv_panel_cont .mv_panel li#exhibinfo_award a figure.award_logo {
    max-width: 200px;
  }

  .mv_panel_cont .mv_panel li#exhibinfo_award a .txt_cont figure:after {
    width: 30px;
    height: 30px;
    line-height: 30px;
    right: -3rem;
  }

  .mv_panel_cont .mv_panel li#exhibinfo_award a .txt_cont p {
    font-size: .7rem;
    margin-top: .8rem;
  }
}


@media screen and (max-width:767px) {

  .mv_panel_cont #mv_panel_online_exhibition_Info>a,
  .mv_panel_cont .mv_panel li>a {
    padding: 20px 60px 20px 15px;
  }

  .mv_panel_cont .mv_panel {
    grid-template-columns: 1fr 1fr;
  }

  .mv_panel_cont .mv_panel li:nth-child(4),
  .mv_panel_cont .mv_panel li#exhibinfo_award {
    grid-column: span 1;
  }

  .mv_panel_cont .mv_panel li#exhibinfo_award {
    grid-column: span 2;
  }

  .mv_panel_link .sub_txt {
    bottom: 20%;
    padding: 0 10px;
    font-size: .9rem;
  }

  .mv_panel li .c-button.disabled {
    max-width: 300px;
  }

  .c-button.disabled {
    margin: 0 auto;
  }

  .c-button.disabled:after {
    display: none;
  }
}

@media screen and (max-width:700px) {
  .main #mv_panel_popup h2 {
    padding-right: 0;
  }

  .mv_panel_cont .sponsored_cont {
    top: 135px;
  }

  .en .mv_panel_cont .sponsored_cont {
    top: 105px;
  }
}

@media screen and (max-width:660px) {
  .en .mv_panel_cont .sponsored_cont {
    top: 90px;
    min-width: 150px;
  }

}

@media screen and (max-width:600px) {
  .en .mv_panel_cont .sponsored_cont {
    top: 100px;
  }

  .en .main #mv_panel_popup h2 {
    padding-bottom: 4rem;
  }

  .mv_panel_cont .sponsored_cont {
    right: 0;
  }

  #mv_panel_popup {
    padding: 50px 0px;
  }

  .mv_panel_cont .sponsored_cont {
    top: 120px;
  }

  #bnr_Sponsored-Exhibitor-Google-Cloud {
    top: 55px;
    width: 150px;
  }
}

@media screen and (max-width:500px) {
  .en .mv_panel_cont .mv_panel li#exhibinfo_award a .txt_cont {
    width: 60%;
  }

  .en .mv_panel_cont .mv_panel li#exhibinfo_award a {
    padding: 1rem;
  }

  .en .mv_panel_cont .mv_panel li#exhibinfo_award a.comingsoon {
    display: flex;
    flex-direction: column-reverse;
    padding: 20px;
  }

  .en .mv_panel_cont .mv_panel li#exhibinfo_award a figure {
    width: 37%;
  }

  .en .mv_panel_cont .mv_panel li#exhibinfo_award a figure.award_logo {
    width: 80%;
  }

  .mv_panel_cont .sponsored_cont {
    width: 34%;
    top: 9%;
    min-width: 150px;
  }
}

@media screen and (max-width:480px) {
  .mv_panel_cont .mv_panel li#exhibinfo_award a figure.award_logo {
    max-width: 160px;
  }

  .mv_panel_cont .mv_panel li#exhibinfo_award a .txt_cont figure:after {
    width: 25px;
    height: 25px;
    line-height: 25px;
    right: -2.5rem;
  }

  .mv_panel_cont .mv_panel li#exhibinfo_award a {
    padding: 1rem;
  }

  .en .mv_panel_cont .sponsored_cont {
    top: 85px;
  }

  #mv_panel_popup {
    padding: 40px 0px;
  }

  .main #mv_panel_popup h2 {
    font-size: 24px;
  }

  .mv_panel_cont .mv_panel li#exhibinfo_award a.comingsoon .txt_cont>div .comingsoon_txt {
    position: absolute;
    top: 50%;


    left: -29%;
  }

  .mv_panel_cont #mv_panel_online_exhibition_Info>a,
  .mv_panel_cont .mv_panel li>a {
    padding: 15px 10px;
  }

  .mv_panel_cont .mv_panel {
    grid-template-columns: 1fr;
  }

  .mv_panel_cont .mv_panel li:nth-child(4),
  .mv_panel_cont .mv_panel li#exhibinfo_award {
    grid-column: span 1;
  }

  .c-button.blue::after {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  /* 2026: 2025 の padding: 0 20px を削除。左右は #mv_panel_popup の --section-inset で取っているので、
     ここで足すと SP だけ出展者情報が他のセクションより 20px 細くなる */

  .en .mv_panel_cont .mv_panel li#exhibinfo_award a {
    flex-direction: column;
  }

  .en .mv_panel_cont .mv_panel li#exhibinfo_award a .txt_cont {
    width: 100%;
  }

  .en .mv_panel_cont .mv_panel li#exhibinfo_award a figure {
    margin-bottom: 1rem;
    width: 50%;
  }
}

@media screen and (max-width:385px) {
  .mv_panel_cont .mv_panel li#exhibinfo_award a figure.award_logo {
    max-width: 140px;
  }
}

@media screen and (max-width:350px) {
  .main #mv_panel_popup h2 {
    font-size: 22px;
  }
}



/*============================
     MAGAZNINE
============================*/

#magazine .heading:after {
  content: "";
  background-image: url(../../../assets/img/top/magazine_img01.webp);
  display: block;
  width: 500px;
  height: 125px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0px;
  top: -38px;
}

#magazine .contents ul li a.link_cont {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

#magazine .contents ul li:after {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
  font-weight: 700;
  background: #0c90e4;
  width: 55px;
  height: 55px;
  color: #ffffff;
  display: inline-block;
  border-radius: 100px;
  line-height: 55px;
  font-size: 1.3rem;
  position: absolute;
  right: 15px;
  bottom: -12px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition: all .2s;
  text-align: center;
}

#magazine .contents ul li {
  min-height: 170px;
}

@media screen and (max-width:1200px) {
  #magazine .heading:after {
    width: 420px;
    top: -20px;
  }

  .mv_panel_cont .mv_panel li#exhibinfo_award a.comingsoon .txt_cont>div:after {
    right: -3%;

    font-size: .9rem;
  }

}

@media screen and (max-width:1120px) {
  #magazine .heading {
    display: flex;
    flex-direction: column;
    margin-right: auto;
    margin-left: 0;
    width: max-content;
    padding-bottom: 20px;
  }

  #magazine .c-button.white_bg {
    margin-left: 0;
    margin-right: auto;
    margin-top: 15px;
  }

  #magazine .heading:after {
    width: 400px;
    height: 125px;
    top: 20px;
  }
}

@media screen and (max-width: 850px) {
  #magazine .heading:after {
    width: 330px;
    top: 40px;
    right: 20px;
  }

  #magazine {
    display: inline-block;
    margin: 0;
    padding: 50px 20px;
  }

  #magazine .heading h2 {
    line-height: inherit;
    margin-bottom: inherit;
  }

  #magazine .contents ul li .detail {
    padding: 15px 0 20px 0;
  }

  .mv_panel_cont .mv_panel li#exhibinfo_award a.comingsoon .txt_cont>div:after {}


}

@media screen and (max-width: 650px) {
  #magazine .heading:after {
    width: 45%;
    top: 50px;
  }
}

@media screen and (max-width: 600px) {
  #magazine {
    padding: 50px 30px;
  }

  #magazine .heading:after {
    top: 7%;
    right: 0;
  }

  #magazine .contents ul li {
    width: 100%;
  }

  #magazine .c-button.white_bg {
    padding: 10px 45px 10px 21px;
  }
}

@media screen and (max-width: 480px) {
  #magazine .contents ul li figure {
    width: 45%;
  }

  #magazine .contents ul li {
    padding: 15px;
    min-height: 140px;
  }

  #magazine .contents ul li .detail {
    width: 50%;
    padding: 0;
  }

  #magazine .contents ul li:after {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 1.1rem;
    bottom: -7px;
  }

  #magazine .heading:after {
    top: 17%;
    height: 44px;
  }
}

@media screen and (max-width: 400px) {
  #magazine .heading:after {
    width: 50%;
  }

}





/*============================
     mv_panel_cont
============================*/

.mv_panel_cont .mv_panel #mv_panel_online_exhibition_Info {
  grid-column-start: 2;
  grid-column-end: 4;
  display: grid;
  height: 260px;
}

.mv_panel_cont .mv_panel .tag {
  background: #000;
  color: #fff;
  padding: 5px 25px;
  border-radius: 100vh;
  font-size: .8rem;
  background: linear-gradient(90deg, #a7bef8 0%, #b9b5f5 40%, #e3a4f0 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  position: relative;
  z-index: 1;
}

@-moz-document url-prefix() {
  .mv_panel_cont .mv_panel .tag {
    background: #000;
    color: #c4b0f4;
    font-weight: bold;
    position: relative;
    z-index: 1;
    -webkit-text-fill-color: inherit;
  }
}

.mv_panel_cont .mv_panel .tag:before {
  content: "";
  width: 100%;
  height: 1.8rem;
  display: block;
  background: #000;
  position: absolute;
  top: 0;
  z-index: -1;
  border-radius: 100vh;
  border: 1px solid #525252;
}

.mv_panel_cont .mvmv_panel li {
  text-align: center;
}

.mv_panel_cont #mv_panel_comment figure {
  width: 70px;
  position: relative;
}

#mv_panel_popup .btn_cont {
  margin-top: 40px;
  margin-left: 30px;
}

.rainbow_bg {
  animation-name: hero-gradient-animation;
}

@keyframes hero-gradient-animation {
  0% {
    --c-0: hsla(150.8823529411765, 52%, 83%, 1);
    --x-0: 85%;
    --s-start-0: 9%;
    --s-end-0: 55%;
    --y-0: 80%;
    --y-1: 24%;
    --c-1: hsla(219.99999999999997, 100%, 82%, 1);
    --s-start-1: 5%;
    --s-end-1: 72%;
    --x-1: 60%;
    --x-2: 13%;
    --y-2: 82%;
    --s-start-2: 5%;
    --s-end-2: 52%;
    --c-2: hsla(297.7941176470588, 100%, 65%, 0.49);
    --y-3: 7%;
    --x-3: 24%;
    --s-start-3: 13%;
    --s-end-3: 68%;
    --c-3: hsla(182, 72%, 68%, 1);
  }

  100% {
    --c-0: hsla(150.8823529411765, 52%, 83%, 1);
    --x-0: 31%;
    --s-start-0: 9%;
    --s-end-0: 55%;
    --y-0: 94%;
    --y-1: 25%;
    --c-1: hsla(220, 82%, 95%, 1);
    --s-start-1: 5%;
    --s-end-1: 72%;
    --x-1: 2%;
    --x-2: 98%;
    --y-2: 20%;
    --s-start-2: 5%;
    --s-end-2: 52%;
    --c-2: hsla(297.7941176470588, 100%, 65%, 0.49);
    --y-3: 92%;
    --x-3: 95%;
    --s-start-3: 13%;
    --s-end-3: 68%;
    --c-3: hsla(182, 72%, 68%, 1);
  }
}

@property --c-0 {
  syntax: '<color>';
  inherits: false;
  initial-value: hsla(150.8823529411765, 52%, 83%, 1)
}

@property --x-0 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 85%
}

@property --s-start-0 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 9%
}

@property --s-end-0 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 55%
}

@property --y-0 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 80%
}

@property --y-1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 24%
}

@property --c-1 {
  syntax: '<color>';
  inherits: false;
  initial-value: hsla(219.99999999999997, 100%, 82%, 1)
}

@property --s-start-1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 5%
}

@property --s-end-1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 72%
}

@property --x-1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 60%
}

@property --x-2 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 13%
}

@property --y-2 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 82%
}

@property --s-start-2 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 5%
}

@property --s-end-2 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 52%
}

@property --c-2 {
  syntax: '<color>';
  inherits: false;
  initial-value: hsla(297.7941176470588, 100%, 65%, 0.49)
}

@property --y-3 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 7%
}

@property --x-3 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 24%
}

@property --s-start-3 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 13%
}

@property --s-end-3 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 68%
}

@property --c-3 {
  syntax: '<color>';
  inherits: false;
  initial-value: hsla(182, 72%, 68%, 1)
}

.mv_panel_cont {}

.rainbow_bg {
  --c-0: hsla(150.8823529411765, 52%, 83%, 1);
  --x-0: 85%;
  --y-0: 80%;
  --y-1: 24%;
  --c-1: hsla(219.99999999999997, 100%, 82%, 1);
  --x-1: 60%;
  --x-2: 13%;
  --y-2: 82%;
  --c-2: hsla(297.7941176470588, 100%, 65%, 0.49);
  --y-3: 7%;
  --x-3: 24%;
  --c-3: hsla(182, 72%, 68%, 1);
  ;
  background-color: hsl(185.32deg, 100%, 93.26%);
  background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3));
  animation: hero-gradient-animation 10s linear infinite alternate;
  background-blend-mode: normal, normal, normal, normal;
}


@media screen and (max-width:1100px) {
  .mv_panel_cont #mv_panel_comment h3 {
    font-size: 1.1rem;
  }

  .mv_panel_cont #mv_panel_comment .c-button.blue {
    font-size: 1.1rem;
    width: 80%;
  }

  .mv_panel_cont #mv_panel_comment .c-button.blue::after {
    font-size: .9rem;
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
}


@media screen and (max-width:1000px) {
  .mv_panel_cont .mv_panel li#exhibinfo_award a.comingsoon .txt_cont>div:after {

    display: none;
  }

  .mv_panel_cont #mv_panel_comment .c-button.blue {
    width: 100%;
    padding: 15px 45px 15px 30px;
  }

  #mv_panel_popup .btn_cont {
    margin-left: 0;
  }
}



@media screen and (max-width:850px) {
  .mv_panel_cont {}

  .mv_panel_cont .mv_panel {
    gap: 20px;
  }
}



@media screen and (max-width:770px) {
  .mv_panel_cont .mv_panel {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }

  .mv_panel_cont .mv_panel li>a.comingsoon {
    padding: 20px 15px 20px 15px;
  }

  .mv_panel li .c-button {
    min-width: 100px;
    padding: 10px 40px 10px 20px;
    width: 135px;
  }

  .mv_panel_cont #mv_panel_comment,
  .mv_panel_cont .mv_panel #mv_panel_online_exhibition_Info {
    grid-column-start: 1;
    grid-column-end: 3;
  }

  .mv_panel_cont #mv_panel_comment .c-button.blue {
    width: 80%;
    max-width: 300px;
    margin-bottom: 0;
  }

  .mv_panel_cont #mv_panel_comment h3 {
    font-size: 1.4rem;
  }

  #mv_panel_popup .btn_cont {
    margin-left: 30px;
    margin-top: 20px;
  }

  #mv_panel_popup .btn_cont .mv_panel_inner_link:first-of-type {
    font-size: .7rem;
  }

  .en #mv_panel_popup .btn_cont .mv_panel_inner_link:first-of-type {
    padding: 7px 25px 7px 9px;
  }

  .en #mv_panel_popup .btn_cont .mv_panel_inner_link.disabled:first-of-type {
    padding: 7px 9px;
  }

  .en .mv_panel_cont .c-button::after {
    width: 15px;
    height: 15px;
    line-height: 15px;
  }

  .mv_panel_cont #mv_panel_award>a {
    background-position: inherit;
  }



}


@media screen and (max-width:600px) {
  /* 2026: 2025 の padding: 0 20px を削除。左右は #mv_panel_popup の --section-inset で取っているので、
     ここで足すと SP だけ出展者情報が他のセクションより 20px 細くなる */

  #mv_panel_popup .btn_cont {
    margin-left: 0;
  }

  .mv_panel_cont .mv_panel {
    gap: 20px;
  }
}

@media screen and (max-width:550px) {
  .mv_panel_cont .mv_panel {
    display: flex;
    flex-direction: column;
  }

  .mv_panel_cont #mv_panel_online_exhibition_Info>a,
  .mv_panel_cont .mv_panel li>a {
    height: 100%;
    min-height: 120px;
  }
}

@media screen and (max-width:480px) {
  .mv_panel_cont .mv_panel .tag {
    padding: 5px 5%;
  }

  #mv_panel_popup .btn_cont {
    margin-left: 0;
  }

  .mv_panel_cont .mv_panel {
    gap: 10px;
  }

  .mv_panel_cont #mv_panel_award>a {
    background-position: 60% 0;
  }
}






/*============================
     interbee_map
============================*/
:root {
  --forum: #009fde;
  --seminar: #02b8de;
  --experience: #d70d19;
  --cinema: #414141;
  --ippavilion: #2f86c7;
  --ignition: #725094;
  --borderless: #f49801;
  --creative: #12a84e;
  --jba: #0c1739;
  --rokeben: #e5002d;
}

/* 背景は Quick Menu と同じ画像を使う（指示）。旧: maparea_bg.webp */
#interbee_map {
  background-image: url(../img/top/quick_menu_bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
}

#interbee_map .flex_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #ffffff4f;
  border-radius: 12px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

#interbee_map .flex_box ul {
  width: 35%;
}

#interbee_map .flex_box ul.event_list_btn_cont {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

#interbee_map .flex_box ul.event_list_btn_cont li {
  margin-right: 5px;
  border-radius: 100vh;
  border: 2px solid #1591de;
  margin-bottom: 5px;
}

#interbee_map .flex_box ul.event_list_btn_cont li a {
  padding: 8px 45px 8px 15px;
  font-size: .9rem;
}

#interbee_map .flex_box figure.map_img {
  width: 62%;
  position: relative;
  padding: 10px;
  overflow: hidden;
  margin-right: 1%;
}

#interbee_map .flex_box figure.map_img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}


#interbee_map .bold_txt {
  display: block;
  margin-top: .5rem;
  margin-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
  width: 100%;
  border-radius: 10px;
  color: #fff;
  font-weight: 700;
  background: var(--experience);
}


.en #interbee_map .flex_box>figure:after {
  background-image: url(../../../assets/img/top/MAP_speechbubble_en.webp);
}

#interbee_map .flex_box ul li figure {
  width: 101%;
  position: relative;
  height: 230px;
  object-fit: cover;
  overflow: hidden;
  z-index: 2;
}

#interbee_map .map_img_area {
  display: block;
  position: absolute;
  width: 3rem;
  height: 1.5rem;
  cursor: pointer;
}

#interbee_map .map_img_area:hover {
  opacity: 1;
}


#interbee_map .map_img_area:before {
  font-family: "Font Awesome 5 Free";
  content: '\f3c5';
  font-weight: 700;
  display: block;
  width: max-content;
  position: relative;
  font-size: 2.5rem;
  color: #fa2e2d;
  opacity: .7;
}

#interbee_map .map_img_area:hover:before {
  opacity: 1;
}

#interbee_map .map_img_area#borderless:before {
  top: -122%;
  left: 11%;
}

#interbee_map .map_img_area#ip_pavilion:before {
  right: -40%;
  top: -71%;
}

#interbee_map .map_img_area#creative:before {
  left: 59%;
  top: -54%;
  color: #fa2e2dbd;
}

#interbee_map .map_img_area#forum:before {
  left: 59%;
  top: 4%;
  rotate: 25deg;
}

#interbee_map .map_img_area#experience_x:before {
  left: 36%;
  top: -31%;
}

#interbee_map .map_img_area#ignition:before {
  left: 39%;
  top: -127%;
  color: #fa2e2dbd;
}

#interbee_map .map_img_area#cinema:before {
  left: 42%;
  top: -161%;
}

#interbee_map .map_img_area#experience_speaker:before {
  top: 9%;
  left: 45%;
}

#interbee_map .map_img_area#rokeben:before {
  top: -152%;
  left: 58%;
}

.en #interbee_map .map_img_area#rokeben:before,
.en #interbee_map .map_img_area#rokeben {
  display: none;
}

#interbee_map .map_img_area#ignition {
  top: 273px;
  left: 27%;
  width: 24%;
  height: 5%;
  z-index: 1;
}

#interbee_map .map_img_area#experience_x {
  right: 0;
  top: 107px;
  right: 9%;
  width: 20%;
  height: 10%;
  z-index: 1;
}

#interbee_map .map_img_area#forum {
  bottom: 53px;
  rotate: -25deg;
  right: 55%;
  width: 20%;
  height: 18%;
}

#interbee_map .map_img_area#experience_speaker {
  top: 240px;
  left: 61%;
  width: 18%;
  height: 16%;
}

#interbee_map .map_img_area#creative {
  top: 41%;
  left: 61%;
  width: 18%;
  height: 22%;
  left: 0;
}

#interbee_map .map_img_area#borderless {
  /* right: 0; */
  top: 300px;
  right: 67%;
  width: 15%;
  height: 7%;
  z-index: 1;
}

#interbee_map .map_img_area#creative {
  top: 377px;
  height: 7%;
  width: 15%;
  left: 5%;
  z-index: 1;
}

#interbee_map .map_img_area#cinema {
  top: 333px;
  left: 6px;
  width: 16%;
  height: 5%;
  z-index: 1;
}

#interbee_map .map_img_area#ip_pavilion {
  right: 0;
  top: 182px;
  right: 25%;
  height: 6%;
  width: 18%;
}

#interbee_map .map_img_area#rokeben {
  width: 10%;
  height: 5%;
  top: 95px;
  left: 51%;
  z-index: 0;
}

#interbee_map .flex_box>ul>li {
  display: none;
  color: #fff;
  overflow: hidden;
  background: #fff;
  border-radius: 12px 0 0 12px;
  position: relative;
}

#interbee_map .flex_box ul li a {
  display: block;
  position: relative;
}

#interbee_map .flex_box .txt_rokeben.active,
#interbee_map .flex_box .txt_experience_x.active,
#interbee_map .flex_box .txt_forum.active,
#interbee_map .flex_box .txt_ignition.active,
#interbee_map .flex_box .txt_creative.active,
#interbee_map .flex_box .txt_experience_speaker.active,
#interbee_map .flex_box .txt_borderless.active,
#interbee_map .flex_box .txt_cinema.active,
#interbee_map .flex_box .txt_ip_pavilion.active {
  display: block;
}

#interbee_map .flex_box ul li h3 {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.5;
  font-family: 'LINESeedJP', sans-serif;
  position: relative;
  padding: 0px 2rem 20px 0;
}

#interbee_map .flex_box ul li.txt_rokeben h3 {
  color: #000;
  padding: 0px 2rem 0px 0;
}

#interbee_map .flex_box ul li.txt_rokeben h3:after {
  display: none;
}

#interbee_map .flex_box ul li.txt_rokeben .comingsoon {
  font-size: .9rem;
  padding: 2px 20px;
  border-radius: 100px;
  width: 100%;
  line-height: 1.8;
  display: block;
  text-align: center;
  background: #7c7c7c;
  color: #fff;
  font-weight: bold;
  margin-top: 15px;
}

#interbee_map .flex_box ul li h3:after {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
  font-weight: 700;
  width: 35px;
  height: 35px;
  display: inline-block;
  border-radius: 100px;
  line-height: 35px;
  font-size: .7rem;
  font-weight: bold;
  position: absolute;
  margin-left: 1rem;
  text-align: center;
  top: -3px;
}

#interbee_map .c-button.white_bg:after {
  right: 10px;
}

#interbee_map .c-button::after {
  width: 21px;
  height: 22px;
  line-height: 22px;
  font-size: .5rem;
}

#interbee_map .flex_box ul li p {
  font-size: .9rem;
  line-height: 1.5;
}

#interbee_map .flex_box ul>li .txt:after {
  content: "";
  display: none;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 16px;
  border-right: 15px solid #e1e1e1;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

#interbee_map .flex_box ul>li .txt:before {
  content: "";
  display: none;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 16px;
  border-right: 15px solid #0c90e4;
  position: absolute;
  right: 0;
  height: 40%;
  top: 0;
  z-index: 1;
}

/* forum */
#interbee_map li.txt_forum h3:after {
  color: var(--forum);
  border: 2px solid var(--forum);
}

#interbee_map .flex_box ul>li.txt_forum:before {
  border-right: 15px solid var(--forum);
}

/* ignition */
#interbee_map .flex_box .txt_ignition ul.event_list_btn_cont li,
#interbee_map .flex_box .txt_ignition ul.event_list_btn_cont li a,
#interbee_map li.txt_ignition h3:after {
  color: var(--ignition);
  border: 1px solid var(--ignition);
}

#interbee_map .flex_box ul>li.txt_ignition:before {
  border-right: 15px solid var(--ignition);
}

.txt_ignition .c-button.white_bg:after {
  background: var(--ignition);
}

/* experience_speaker */
/* experience_x */
#interbee_map li.txt_experience_x h3:after,
#interbee_map li.txt_experience_speaker h3:after,
#interbee_map .flex_box .txt_experience_speaker ul.event_list_btn_cont li,
#interbee_map .flex_box .txt_experience_speaker ul.event_list_btn_cont li a,
#interbee_map .flex_box .txt_experience_x ul.event_list_btn_cont li,
#interbee_map .flex_box .txt_experience_x ul.event_list_btn_cont li a {
  color: var(--experience);
  border: 1px solid var(--experience);
}

#interbee_map .flex_box ul>li.txt_experience_x:before,
#interbee_map .flex_box ul>li.txt_experience_speaker:before {
  border-right: 15px solid var(--experience);
}

.txt_experience_x .c-button.white_bg:after,
.txt_experience_speaker .c-button.white_bg:after {
  background: var(--experience);
}

/* borderless */
#interbee_map li.txt_borderless h3:after,
#interbee_map .flex_box .txt_borderless ul.event_list_btn_cont li,
#interbee_map .flex_box .txt_borderless ul.event_list_btn_cont li a {
  color: var(--borderless);
  border: 1px solid var(--borderless);
}

#interbee_map .flex_box ul>li.txt_borderless:before {
  border-right: 15px solid var(--borderless);
}

.txt_borderless .c-button.white_bg:after {
  background: var(--borderless);
}

/* creative */
#interbee_map li.txt_creative h3:after,
#interbee_map .flex_box .txt_creative ul.event_list_btn_cont li,
#interbee_map .flex_box .txt_creative ul.event_list_btn_cont li a {
  color: var(--creative);
  border: 1px solid var(--creative);
}

.txt_creative .c-button.white_bg:after {
  background: var(--creative);
}

#interbee_map .flex_box ul>li.txt_creative:before {
  border-right: 15px solid var(--creative);
}

#interbee_map li.txt_rokeben h3:after,
#interbee_map .flex_box .txt_rokeben ul.event_list_btn_cont li,
#interbee_map .flex_box .txt_rokeben ul.event_list_btn_cont li a {
  color: var(--rokeben);
  border: 1px solid var(--rokeben);
}

.txt_rokeben .c-button.white_bg:after {
  background: var(--rokeben);
}

#interbee_map .flex_box ul>li.txt_rokeben:before {
  border-right: 15px solid var(--rokeben);
}

/* cinema */
#interbee_map li.txt_cinema h3:after,
#interbee_map .flex_box .txt_cinema ul.event_list_btn_cont li,
#interbee_map .flex_box .txt_cinema ul.event_list_btn_cont li a {
  color: var(--cinema);
  border: 1px solid var(--cinema);
}

.txt_cinema .c-button.white_bg:after {
  background: var(--cinema);
}

#interbee_map .flex_box ul>li.txt_cinema:before {
  border-right: 15px solid var(--cinema);
}

/* ip_pavilion */
#interbee_map li.txt_ip_pavilion h3:after,
#interbee_map .flex_box .txt_ip_pavilion ul.event_list_btn_cont li,
#interbee_map .flex_box .txt_ip_pavilion ul.event_list_btn_cont li a {
  color: var(--ippavilion);
  border: 1px solid var(--ippavilion);
}

#interbee_map .flex_box ul>li.txt_ip_pavilion:before {
  border-right: 15px solid var(--ippavilion);
}

#interbee_map .flex_box ul>li.txt_ip_pavilion:before,
#interbee_map .flex_box ul>li.txt_ip_pavilion_2:before {
  border-right: 15px solid var(--ippavilion);
}

.fadein {
  animation-name: fadein;
  animation-duration: 1s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#interbee_map h2 {
  color: #fff;
}

#interbee_map .flex_box ul li .txt {
  height: 302px;
  overflow-y: scroll;
  padding: 30px;
}

#interbee_map .flex_box ul li .txt::-webkit-scrollbar {
  background: #e1e1e1;
  width: 10px;
  height: 5px;
}

#interbee_map .flex_box ul li .txt::-webkit-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #e1e1e1 #0c90e4;
}

#interbee_map .flex_box ul li.txt_forum .txt::-webkit-scrollbar-thumb {
  background-color: #0c90e4;
}

#interbee_map .flex_box ul li.txt_ignition .txt::-webkit-scrollbar-thumb {
  background-color: #694d81;
}

#interbee_map .flex_box ul li.txt_ip_pavilion .txt::-webkit-scrollbar-thumb {
  background-color: #1477be;
}

#interbee_map .flex_box ul li.txt_cinema .txt::-webkit-scrollbar-thumb {
  background-color: #4f4f4f;
}

#interbee_map .flex_box ul li.txt_borderless .txt::-webkit-scrollbar-thumb {
  background-color: #e37a00;
}

#interbee_map .flex_box ul li.txt_experience_x .txt::-webkit-scrollbar-thumb,
#interbee_map .flex_box ul li.txt_experience_speaker .txt::-webkit-scrollbar-thumb {
  background-color: var(--experience);
}

#interbee_map .flex_box ul li.txt_creative .txt::-webkit-scrollbar-thumb,
#interbee_map .flex_box ul li.txt_creative_2 .txt::-webkit-scrollbar-thumb {
  background-color: #0a9367;
}



@media screen and (max-width:1450px) {
  #interbee_map .flex_box ul li .txt {
    height: 327px;
  }

  #interbee_map .map_img_area#ignition {
    top: 49%;
  }

  #interbee_map .map_img_area#forum {
    bottom: 13%;
  }

  #interbee_map .map_img_area#experience_speaker {
    top: 41%;
    left: 61%;
    width: 18%;
    height: 22%;
  }

  #interbee_map .map_img_area#creative {
    top: 67%;
  }

  #interbee_map .map_img_area#borderless {
    top: 54%;
    height: 5%;
  }


}

@media screen and (max-width:14000px) {
  #interbee_map .map_img_area#ignition {
    top: 51%;
  }

  #interbee_map .map_img_area#forum {
    bottom: 10%;
  }

  #interbee_map .map_img_area#borderless {
    top: 56%;
  }

  #interbee_map .map_img_area#creative {
    top: 70%;
  }

  #interbee_map .map_img_area#cinema {
    top: 62%;
  }
}

@media screen and (max-width:1315px) {
  #interbee_map .map_img_area#experience_x {
    top: 17%;
  }

  #interbee_map .map_img_area#ip_pavilion {
    top: 29%;
  }

  #interbee_map .map_img_area#experience_speaker {
    top: 36%;
  }

  #interbee_map .map_img_area#borderless {
    top: 48%;
  }

  #interbee_map .map_img_area#creative {
    top: 60%;
  }

  #interbee_map .map_img_area#cinema {
    top: 53%;
  }

  #interbee_map .map_img_area#rokeben {
    top: 14%;
  }
}

@media screen and (max-width:1250px) {
  #interbee_map .map_img_area#borderless {
    top: 57%;
    /* width: 14%; */
  }

  #interbee_map .map_img_area#forum {
    bottom: 9%;
  }

  #interbee_map .map_img_area#cinema {
    top: 63%;
    width: 14%;
    left: 27px;
  }

  #interbee_map .map_img_area#cinema:before {
    top: -92%;
  }

  #interbee_map .flex_box ul li figure {
    width: 40%;
    /* height: 400px; */
    height: initial;
  }

  #interbee_map .flex_box ul li .txt {
    width: 60%;
    height: 240px;
    padding: 1.5rem;
  }

  #interbee_map .flex_box figure.map_img {
    width: 100%;
    position: relative;
    padding: 10px 30px;
    order: 1;
    text-align: center;
  }

  #interbee_map .flex_box ul {
    width: 100%;
    order: 2;
  }

  #interbee_map .flex_box ul>li>a {
    display: flex;
    align-items: center;
    height: 220px;
  }

  #interbee_map .flex_box>ul>li {
    border-radius: 0 0 12px 12px;
  }

  #interbee_map .map_img_area#ignition {
    top: 51%;
    left: 28%;
    width: 22%;
  }

  #interbee_map .map_img_area#ignition:before {
    top: -81%;
  }

  #interbee_map .map_img_area#ip_pavilion {
    top: 35%;
  }

  #interbee_map .map_img_area#rokeben {
    top: 18%;
  }

  #interbee_map .map_img_area#creative {
    top: 72%;
    height: 5%;
    width: 14%;
    z-index: 1;
    left: 7%;
  }

  #interbee_map .map_img_area#experience_x {
    top: 21%;
    right: 11%;
  }

  #interbee_map .map_img_area#rokeben:before {
    top: -112%;
  }

  #interbee_map .map_img_area:before {
    font-size: 2.1rem;
  }

  #interbee_map .map_img_area#borderless:before {
    left: 40%;
    top: -90%;
  }

  #interbee_map .flex_box {

    height: inherit;
  }
}

@media screen and (max-width:1000px) {
  #interbee_map .flex_box>figure:after {
    width: 320px;
    top: -13%;
  }
}

@media screen and (max-width:850px) {
  #interbee_map .flex_box ul li figure {
    padding: 20px 0 20px 20px;
  }
}

@media screen and (max-width:800px) {
  #interbee_map .flex_box ul li .txt {
    padding: 2rem 1.5rem;
  }

  #interbee_map .flex_box ul li h3 {
    font-size: 1.6rem;
  }
}


@media screen and (max-width:767px) {
  #interbee_map .flex_box ul li {
    border-radius: 0px 0 10px 10px;
  }

  #interbee_map .flex_box figure.map_img {
    width: 100%;
    position: relative;
    padding: 10px;
    order: 1;
  }

  #interbee_map .flex_box ul li h3 {
    font-size: 1.2rem;
  }

  #interbee_map .map_img_area#creative:before {
    left: 50%;
  }

}

@media screen and (max-width:600px) {
  #interbee_map .flex_box ul.event_list_btn_cont {
    margin-top: 10px;
  }

  #interbee_map .map_img_area#cinema {
    left: 9px;
  }

  #interbee_map .flex_box ul.event_list_btn_cont li a {
    padding: 5px 35px 5px 10px;
  }

  #interbee_map .flex_box ul li figure {
    padding: 10px;
  }

  #interbee_map .c-button::after {
    width: 18px;
    height: 18px;
    line-height: 18px;
  }

  #interbee_map .flex_box ul>li>a {
    height: 160px;
  }

  #interbee_map .flex_box ul li figure {
    width: 50%;
  }

  #interbee_map .flex_box ul li h3 {
    font-size: 1.1rem;
    padding: 0 1rem 5px 0;
  }

  #interbee_map .flex_box ul li p {
    margin-top: 5px;
  }

  #interbee_map .flex_box ul li.txt_rokeben .comingsoon {
    margin-top: 10px;
  }

  #interbee_map .flex_box ul li .txt {
    width: 60%;
    height: 140px;
    padding: 6px 10px 0 0;
  }

  #interbee_map .flex_box ul li h3:after {
    width: 25px;
    height: 25px;
    line-height: 25px;
    position: relative;
  }


}

@media screen and (max-width:480px) {
  #interbee_map .flex_box ul li h3:after {
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: relative;
    margin-left: 7px;
  }

  #interbee_map .flex_box ul li h3 {
    font-size: 1rem;
    padding: 0 5px 5px 0;
  }

  #interbee_map .flex_box>figure:after {
    width: 250px;
    top: -14%;
    height: 50px;
  }

  #interbee_map .flex_box figure.map_img {
    padding: 5px;
  }

  #interbee_map .map_img_area:before {
    font-size: 1.5rem;
    left: 67%;
  }

  #interbee_map .map_img_area#forum:before {
    top: 31%;
    left: 11%;
  }

  #interbee_map .map_img_area#experience_x:before {
    top: -15%;
  }

  #interbee_map .map_img_area#creative:before {
    top: -181%;
    left: 60%;
  }

  #interbee_map .flex_box ul.event_list_btn_cont li a {
    padding: 5px 25px 5px 10px;
  }

  #interbee_map .c-button.white_bg:after {
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: .5rem;
    right: 6px;
  }

  #interbee_map h2:before {
    width: 80px;
    height: 112px;
  }

}





/*============================
#exhibitor_information
============================*/
#exhibitor_information {
  padding: 70px 50px 80px;
}

#exhibitor_information .top_ttl {
  font-size: 1.7rem;
  font-weight: bold;
  padding: 40px;
  background-image: url(../../../assets/img/top/exhibitor_update_bg.webp);
  background-size: cover;
  background-position: top;
  border-radius: 5px;
}

#exhibitor_information .top_ttl span {
  display: block;
  font-weight: bold;
  margin-top: 10px;
}


#exhibitor_information .top_news_list,
#exhibitor_information .press_release_list {
  background: #f9f9f9;
  padding: 30px;
  padding-top: 20px;
  border-radius: 0 0px 10px 10px;
}


#exhibitor_information #press_release .top_ttl {
  background: url(../../../assets/img/top/top_press_release_bg.webp);
  background-size: cover;
  padding: 40px 160px 40px 40px;
  background-position: center;
}

#exhibitor_information #press_release .press_release_list {
  padding: 23px 30px;
}

#exhibitor_information #press_release .c-button.bl-button {
  position: absolute;
  top: 45px;
  right: 40px;
  width: max-content;
  font-size: 1rem;
  padding: 10px 60px 10px 22px;
  border: 1px solid #0c90e4;
}

.en #exhibitor_information #press_release .top_ttl {
  padding: 40px 16rem 40px 40px;
}

.en #exhibitor_information #press_release .c-button.bl-button {
  padding: 10px 45px 10px 20px;
}

.en #exhibitor_information #press_release .c-button::after {
  right: 10px;
}

#exhibitor_information .inner .exbinfo_list.col>li {
  width: 48.5%;
  min-height: 500px;
  position: relative;
}

#exhibitor_information .inner .exbinfo_list.col>li:first-of-type {
  background: #f9f9f9;
  border-radius: 0 0 10px 10px;
}


#exhibitor_information .inner .exbinfo_list.col>li:last-of-type {
  margin: 0 auto;
  width: 80%;
  background: #f9f9f9;
  border-radius: 0 0 10px 10px;
}


#exhibitor_information .inner .exbinfo_list.col li.press_release_list_item {
  width: 100%;

}

#exhibitor_information .inner .exbinfo_list.col li.press_release_list_item a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

#exhibitor_information .inner .exbinfo_list.col li.press_release_list_item figure {
  width: 150px;
}

#exhibitor_information .inner .exbinfo_list.col li.press_release_list_item div {
  width: calc(100% - 180px);
}

#exhibitor_information .inner .exbinfo_list.col .top_news_list li {
  width: 100%;
}

#exhibitor_information .inner .exbinfo_list.col .top_news_list li+li,
#exhibitor_information .inner .exbinfo_list.col .press_release_list li+li {
  border-top: 1px solid #979797;
}

#exhibitor_information .top_news_list li a,
#exhibitor_information .press_release_list li a {
  display: inline-block;
  width: 100%;
  padding: 20px 57px 25px 10px;
  position: relative;
  transition: all .25s;
  cursor: pointer;
}

#exhibitor_information .top_news_list li a {
  padding: 30px 57px 30px 10px;
}

#exhibitor_information .inner .exbinfo_list.col .top_news_list li a:after,
#exhibitor_information .inner .exbinfo_list.col .press_release_list li a:after {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
  font-weight: 700;
  background: #ffffff;
  width: 30px;
  height: 30px;
  color: #0c90e4;
  display: inline-block;
  border-radius: 100px;
  line-height: 30px;
  font-size: 0.8rem;
  position: absolute;
  border: 1px solid #1d99e6;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  text-align: center;
  transition: all .25s;
}

#exhibitor_information .inner .exbinfo_list.col .top_news_list .text {
  display: flex;
  align-items: center;
}

#exhibitor_information .inner .exbinfo_list.col .top_news_list .news_ttl,
#exhibitor_information .text {
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 1rem;
}

#exhibitor_information .press_release_list .text {
  margin-top: 1rem;
}

#exhibitor_information .date {
  font-weight: bold;
  color: #9d9d9d;
  font-size: .9rem;
  margin-right: 15px;
}

#exhibitor_information .company {
  font-weight: bold;
  font-size: .9rem;
}

@media screen and (max-width:1100px) {
  #exhibitor_information #press_release .top_ttl {
    padding: 40px 150px 40px 40px;
    background-position: right;
  }

  .en #exhibitor_information #press_release .top_ttl {
    padding: 40px 14rem 40px 40px;
  }

  .en #exhibitor_information #press_release .c-button.bl-button {
    padding: 5px 43px 5px 30px;
    width: 200px;
    text-align: left;
  }

  .en #exhibitor_information #press_release .c-button::after {
    text-align: center;
  }
}



@media screen and (max-width:965px) {
  #exhibitor_information .inner .exbinfo_list.col li.press_release_list_item a {
    padding: 20px 57px 25px 10px;
  }

  #exhibitor_information .inner .exbinfo_list.col li.press_release_list_item figure {
    width: 130px;
  }

  #exhibitor_information .inner .exbinfo_list.col li.press_release_list_item div {
    width: calc(100% - 145px);
  }

  #exhibitor_information {
    padding: 10px 50px 80px;
  }

}

@media screen and (max-width: 900px) {
  #exhibitor_information .inner .exbinfo_list.col>li {
    width: 100%;
  }

  #exhibitor_information {
    padding: 0 50px 80px;
  }

  #exhibitor_information .inner .exbinfo_list.col>li:last-of-type {
    padding-right: 0;
  }

  #exhibitor_information .inner .exbinfo_list.col>li:first-of-type {
    padding-left: 0;
    margin-bottom: 30px;
  }

  #exhibitor_information .inner .exbinfo_list.col>li {
    min-height: inherit;
  }

  .en #exhibitor_information #press_release .top_ttl {
    padding: 40px 285px 40px 40px;
  }

  .en #exhibitor_information #press_release .c-button.bl-button {
    width: max-content;
    padding: 10px 45px 10px 20px;
  }

}

@media screen and (max-width:600px) {
  #exhibitor_information {
    padding: 0 20px 80px;
  }

  .en #exhibitor_information #press_release .top_ttl {
    padding: 20px 20px 65px 20px;
  }

  .en #exhibitor_information #press_release .c-button.bl-button {
    top: 55px;
    right: inherit;
    left: 20px;
  }

  #exhibitor_information .top_ttl,
  #exhibitor_information #press_release .top_ttl {
    padding: 30px 150px 40px 30px;
  }

  #exhibitor_information .top_news_list,
  #exhibitor_information .press_release_list {
    padding: 0 30px 10px;
  }

  #exhibitor_information #press_release .press_release_list {
    padding: 0 30px 10px;
  }
}

@media screen and (max-width:480px) {

  #exhibitor_information .inner .exbinfo_list.col li.press_release_list_item a {
    padding: 20px 40px 25px 10px;
  }

  #exhibitor_information .inner .exbinfo_list.col li.press_release_list_item div {
    width: calc(100% - 140px);
  }

  #exhibitor_information {
    padding: 0 20px 80px;
  }

  #exhibitor_information #press_release .c-button.bl-button {
    right: 20px;
    top: 30px;
    padding: 10px 45px 10px 21px;
  }

  #exhibitor_information .inner .exbinfo_list.col>li:first-of-type {
    min-height: inherit;
    width: 100%;
  }

  .c-button.white_bg:after {
    width: 15px;
    height: 15px;
    line-height: 15px;
    right: 7px;
  }


  #exhibitor_information #press_release .top_ttl {
    padding: 20px 150px 20px 20px;
    font-size: 1.5rem;
  }


  #exhibitor_information .top_ttl {
    padding: 20px;
  }

  #exhibitor_information #press_release .press_release_list {
    padding: 0 20px 10px;
  }

  #exhibitor_information .top_news_list,
  #exhibitor_information .press_release_list {
    padding: 0 20px 10px;
  }


  #exhibitor_information .top_news_list {
    padding: 25px 20px;
  }

  #exhibitor_information .top_news_list li a {
    padding: 15px 57px 15px 10px;
  }

  #exhibitor_information .inner .exbinfo_list.col .top_news_list li a:after,
  #exhibitor_information .inner .exbinfo_list.col .press_release_list li a:after {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 0.7rem;
    right: 5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }

  #exhibitor_information .inner .exbinfo_list.col li.press_release_list_item figure {
    width: 100px;
  }

  #exhibitor_information .inner .exbinfo_list.col li.press_release_list_item div {
    width: calc(100% - 110px);
  }

  #exhibitor_information .date {
    display: block;
    margin-bottom: .5rem;
  }

  #exhibitor_information .press_release_list .text {
    margin-top: .5rem;
  }
}

/*============================
     top_conferencepanel
============================*/

.top_conferencepanel .col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.top_conferencepanel .conferencepanel_list .conferencepanel_list_item {
  width: 50%;
  text-align: center;
}

.top_conferencepanel .conferencepanel_list .conferencepanel_list_item a {
  text-decoration: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  padding: 5% 8% 40%;
  display: flex;
  align-items: center;
  transition: all .25s;
  text-align: center;
}

.top_conferencepanel .conferencepanel_list .conference_timetable a {
  background-image: url(../../../assets/img/top/ConferenceTimetable_bg.webp);
}

.top_conferencepanel .conferencepanel_list .session_list a {
  background-image: url(../../../assets/img/top/all_session_list_bg.webp);
}

.top_conferencepanel .conferencepanel_list .conferencepanel_list_item a h3 {
  color: #ffffff;
  font-size: 2.4rem;
  text-shadow: 0 0 10px #000000;
  line-height: 1.4;
  font-weight: bold;
  margin: 0 auto;
  line-height: 1.2;
}

.top_conferencepanel .conferencepanel_list .conferencepanel_list_item a h3 span {
  font-weight: bold;
  font-size: 1.2rem;
  display: block;
  margin-top: 10px;
}

.top_conferencepanel .conferencepanel_list .conferencepanel_list_item .sub_txt {
  margin: 0 auto 15px auto;
}

.top_conferencepanel .conferencepanel_list .conferencepanel_list_item a h3 span.border_treat {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.1rem;
}

.top_conferencepanel .conferencepanel_list .conferencepanel_list_item a h3 span.border_treat::before,
.top_conferencepanel .conferencepanel_list .conferencepanel_list_item a h3 span.border_treat::after {
  background-color: #ffffff;
  border-radius: 5px;
  content: "";
  height: 3px;
  width: 19px;
  box-shadow: 0px 0px 6px #000000b5;
}

.top_conferencepanel .conferencepanel_list .conferencepanel_list_item a h3 span.border_treat::before {
  margin-right: 0px;
  transform: rotate(45deg);
}

.top_conferencepanel .conferencepanel_list .conferencepanel_list_item a h3 span.border_treat::after {
  transform: rotate(-45deg);
}

#pickup_slider_list.slick-initialized {
  margin-bottom: 60px !important;
}

#topregist_area:after {
  content: none;
}

#topregist_area .c-button.blue {
  font-size: 1.3rem;
  padding: 15px 30px 15px 20px;
}


.en #topregist_area .c-button.blue {
  padding: 15px 65px 15px 30px;
  width: max-content;
}

#top_conferencepanel {
  position: relative;
}


#top_conferencepanel:after {
  content: "";
  background-image: url(../../../assets/img/top/regist_treat01.webp);
  width: 160px;
  height: 180px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  right: 30px;
  bottom: -152px;
}


.top_pickup {
  margin: 70px 0px;
}

.top_pickup .slider_count_1 {
  margin: 0 auto;
  max-width: 780px;
  padding: 0 20px;
}

.slick-dots li.slick-active button:before {
  color: #2c7dff !important;
  font-size: .6rem;
}

.js-pickup_slider_item.slick-dotted.slick-slider {
  /* margin-bottom: 80px !important; */
  margin-bottom: 0 !important;
}

.js-pickup_slider_item.slick-initialized .slick-slide {
  padding: 0px 5px;
}

.js-pickup_slider_item .slick-slide img {
  width: 100%;
  height: auto;
  display: block;
}

.js-pickup_slider_item .slick-track {
  display: flex !important;
  align-items: flex-start !important;
}

.js-pickup_slider_item .slick-slide {
  overflow: hidden;
}

.js-pickup_slider_item .pickup_slider_item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.js-pickup_slider_item .pickup_slider_item{
  max-width: 300px; /* または適切なサイズ */
}

.js-pickup_slider_item .pickup_slider_item img {
    width: 100%;
    aspect-ratio: 16/9; /* バナーの縦横比に合わせて調整 */
    object-fit: cover; /* 縦横比を維持しながらフィット */
}

.js-pickup_slider_item .pickup_slider_item_link {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.js-pickup_slider_item .pickup_slider_item_link img {
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.js-pickup_slider_item .slick-dots {
  bottom: -50px;
  display: none;
  display: none !important;
}

#pickup_slider_list .slick-list {
  padding: 0 30px;
}

.slick-dots li button:before {
  color: #a5a5a5 !important;
  font-size: .6rem;
}

.top_pickup h2 {
  text-align: center;
  font-size: var(--font-size_39);
  position: relative;
}

.top_pickup h2:before {
  content: "";
  background-image: url(../../../assets/img/top/exhibitorinfo_treat01.webp);
  width: 113px;
  height: 167px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: -165px;
  z-index: 1;
}


@media screen and (max-width: 850px) {
  .top_conferencepanel .conferencepanel_list .conferencepanel_list_item a h3 {
    font-size: 1.5rem;
  }

  .top_conferencepanel .conferencepanel_list .conferencepanel_list_item.conference_timetable a h3 {
    padding-top: 10%;
    margin-top: initial;
  }

  #top_conferencepanel:after {
    width: 130px;
    height: 147px;
  }
}


@media screen and (max-width:600px) {
  .top_conferencepanel .conferencepanel_list .conferencepanel_list_item.conference_timetable a h3 {
    padding-top: inherit;
  }

  .top_conferencepanel .conferencepanel_list .conferencepanel_list_item {
    width: 100%;
  }

  .top_conferencepanel .conferencepanel_list .conferencepanel_list_item a {
    padding: 5% 8% 35%;
  }

  #top_conferencepanel:after {
    width: 100px;
    height: 112px;
    bottom: -80px;
  }
  .top_conferencepanel .conferencepanel_list .session_list a {
    background-image: url(../../../assets/img/top/all_session_list_bg_sp.webp);
  }
}

@media screen and (max-width:480px) {
  .top_conferencepanel .conferencepanel_list .conferencepanel_list_item.session_list a {
    padding: 4% 8% 50%;
  }

  .en .top_conferencepanel .conferencepanel_list .conferencepanel_list_item.session_list a {
    padding: 4% 8% 40%;
  }

  #top_conferencepanel:after {
    width: 83px;
    height: 93px;
  }

  .en #topregist_area .c-button.blue {
    width: 100%;
  }

  .top_pickup h2:before {
    width: 80px;
    height: 116px;
    top: -120px;
  }
}

/*============================
     top_pickup
============================*/

.top_pickup .hashtag_slider_cont {
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 10px;
  padding: 1.5rem;
  background: #e8e8e8;
  max-width: 1400px;
  border-radius: 100vh;
}

.top_pickup .hashtag_slider_cont .hashtag_slider {
  margin: 0;
  display: inline-block;
  padding-left: 100%;
  white-space: nowrap;
  line-height: 1em;
  animation: hashtag_slider 40s linear infinite;
}

.top_pickup .hashtag_slider_cont .hashtag_slider.roop {
  animation: hashtag_slider_roop 40s linear infinite;
}

.top_pickup .hashtag_slider_cont .hashtag_slider:hover {
  animation-play-state: paused;
}

.top_pickup .hashtag_slider_cont .hashtag_slider .hashtag_slider_item {
  display: inline;
  margin-right: 1em;
}

.top_pickup .hashtag_slider_cont .hashtag_slider .hashtag_slider_item a {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  font-size: 1.1rem;
}

.top_pickup .hashtag_slider_cont .hashtag_slider .hashtag_slider_item a:hover {
  color: #48dff1;
}

@keyframes hashtag_slider {
  0% {
    transform: translateX(0%)
  }

  100% {
    transform: translateX(-100%)
  }
}


.hashtag_slider {
  display: flex;
  animation: scroll 20s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}


@media screen and (max-width:1400px) {
  .top_pickup .hashtag_slider_cont {
    margin: 30px 50px;
  }

  div.hashtag_cont div.hashtag_ttl p {
    margin-left: 50px;
  }
}


@media screen and (max-width:600px) {
  div.hashtag_cont div.hashtag_ttl p {
    width: 175px;
    font-size: .9rem;
    margin-left: 10px;
    padding: 1rem 1rem 1rem 1rem;
  }

  .hashtag_cont .hashtag_ttl p:after {
    font-size: 1.6rem;
  }

  .top_pickup .hashtag_slider_cont {
    padding: 1rem;
    margin: 30px 20px;
  }
}

/*============================
#faq
============================*/
#faq h2 {
  text-align: center;
  color: #fff;
  /* text-shadow: 0 0 20px #ffffff, 0 0 20px #ffffff, 0 0 15px #ffffff, 0 0 15px #ffffff, 0 0 15px #ffffff; */
  font-size: 41px;
}

#faq .faq_cont {
  margin: 0 auto;
  max-width: 700px;
}

#faq.main {
  /* padding: 70px 60px; */
  /* 赤字: Quick Menu・MAP と同じ背景にする。旧: faq_bg.webp */
  background-image: url(../img/top/quick_menu_bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

#faq .bold {
  font-weight: bold;
  display: block;
  font-size: 1.1rem;
  margin-bottom: .5rem;
}

#faq.main .w1400.flex_box .accordion-container .accordion-list {
  position: relative;
  pointer-events: all;
}

#faq.main .w1400.flex_box .c-button.blue {
  margin-top: 30px;
  width: max-content;
  padding: 15px 55px 15px 35px;
  font-size: 1rem;
}

#faq.main .w1400.flex_box .c-button.blue:after {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: .8rem;
  right: 15px;
}

@media screen and (max-width: 900px) {
  #faq h2:before {
    width: 100px;
    height: 128px;
    top: -140px;
  }
}

@media screen and (max-width:850px) {
  #faq h2 {
    /* width: 100%; */
  }

  #faq .faq_cont {
    width: 100%;
  }

  #faq.main {
    padding: 0;
  }
}

@media screen and (max-width:600px) {
  #faq h2:before {
    left: -20px;
  }

  #faq h2 {
    font-size: 35px;
  }
}

@media screen and (max-width:480px) {
  #faq h2:before {
    width: 78px;
    height: 100px;
    left: -10px;
  }

  #faq.main .w1400.flex_box .c-button.blue {
    /* width: 100%; */
  }

}



/*============================
#Exhibitor_info
============================*/
#Exhibitor_info.main {
  background: #187a9d;
  margin-top: 5%;
  margin-left: 4%;
  margin-bottom: 5%;

  padding: 70px 70px 50px;
  border-radius: 10px 0 0 10px;
  position: relative;
  background-image: url(../img/top/exhibitor_info_bg.webp);
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
}

#Exhibitor_info.main div.w1400 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
}

#Exhibitor_info.main div.w1400 h2 {
  order: 2;
  color: #fff;
  text-align: right;
}

#Exhibitor_info.main h2 span {
  margin: 0 11px 30px auto;
  text-align: right;
}

#Exhibitor_info.main div.w1400 h2 span {
  font-weight: bold;
}

#Exhibitor_info.main div.w1400 ul {
  min-width: 550px;
  max-width: 550px;
  position: relative;
  z-index: 2;
}

#Exhibitor_info.main div.w1400 ul li {
  margin-bottom: 20px;
  border-radius: 5px;
  position: relative;
  box-shadow: 1px 1px 9px #46687499;
}

#Exhibitor_info.main div.w1400 ul li:last-of-type {
  margin-bottom: 0;
}

#Exhibitor_info.main div.w1400 ul li>a {
  display: flex;
  flex-wrap: wrap;
  justify-content: initial;
  background: #ffffff;
  padding: 25px;
  align-items: center;
  border-radius: 5px;
}

  {}

#Exhibitor_info.main div.w1400 ul li a.disabled {
  pointer-events: none;
}

#Exhibitor_info.main div.w1400 ul li a h3 {
  order: 2;
  color: #187a9d;
  font-weight: bold;
  margin-left: 15px;
  font-size: 1.7rem;
  line-height: 1.3;
}

.en #Exhibitor_info.main div.w1400 ul li a h3 {
  width: calc(100% - 50%);
}

#Exhibitor_info.main div.w1400 ul li a h3 span {
  display: block;
  font-weight: bold;
  font-size: 1rem;
  margin-top: 10px;
}

.en #Exhibitor_info.main div.w1400 ul li a h3 span.comsoon {
  display: inline-block;
}

#Exhibitor_info.main div.w1400 ul li a h3 span.comingsoon {
  font-size: .9rem;
  border: solid 1px;
  padding: 2px 20px;
  border-radius: 100px;
  width: 100%;
  line-height: 1.8;
  display: block;
  text-align: center;
  background: #7c7c7c;
  border: none;
  color: #fff;
}

#Exhibitor_info.main div.w1400 ul li a h3 span.under_line {
  display: inline;
  border-bottom: 2px solid #187a9d;
}

#Exhibitor_info.main div.w1400 ul li .under_line a {
  font-weight: bold;
  color: #187a9d;
}


#Exhibitor_info.main div.w1400 ul li a figure {
  order: 1;
  width: 200px;
}

#Exhibitor_info.main li a:after {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
  font-weight: 700;
  background: #187a9d;
  width: 55px;
  height: 55px;
  color: #ffffff;
  display: inline-block;
  border-radius: 100px;
  line-height: 55px;
  font-size: 1.3rem;
  position: absolute;
  right: 15px;
  bottom: -12px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition: all .2s;
  text-align: center;
}

#Exhibitor_info.main li a.disabled:after {
  content: none;
}

#Exhibitor_info.main li a:hover:after {
  opacity: 0.9 !important;
}

.flex_cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.mediabiz .flex_cont {
  flex-wrap: nowrap;
}

#Exhibitor_info.main ul:before {
  content: "";
  background-image: url(../../../assets/img/top/exhibitor_speechbubble.webp);
  width: 290px;
  height: 101px;
  display: block;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  left: -90px;
  top: -105px;
  z-index: 1;
}

.en #Exhibitor_info.main ul:before {
  background-image: url(../../../assets/img/top/exhibitor_speechbubble_en.webp);
  width: 400px;
  top: -115px;
}

@media screen and (max-width: 1100px) {
  #Exhibitor_info.main div.w1400 ul {
    min-width: 455px;
  }

  #Exhibitor_info.main div.w1400 ul li a h3 {
    font-size: 1.4rem;
  }

  #Exhibitor_info.main div.w1400 h2 {
    font-size: var(--font-size_50);
  }

  #Exhibitor_info.main div.w1400 h2 span {
    margin-bottom: 20px;
  }

  #Exhibitor_info.main div.w1400 ul li a h3 span {
    font-size: .9rem;
  }

  #Exhibitor_info.main div.w1400 ul li a figure {
    width: 155px;
  }
}

@media screen and (max-width: 970px) {
  #Exhibitor_info.main div.w1400 h2 {
    order: 1;
    width: 100%;
    font-size: var(--font-size_50);
  }

  #Exhibitor_info.main div.w1400 ul {
    order: 2;
    width: 100%;
    max-width: inherit;
    min-width: initial;
  }

  #Exhibitor_info.main ul:before {
    left: 0;
  }
}

@media screen and (max-width: 850px) {
  #Exhibitor_info.main ul:before {
    left: -50px;
    width: 250px;
    top: -85px;
  }

  .en #Exhibitor_info.main ul:before {
    top: -90px;
  }

  #Exhibitor_info.main div.w1400 h2 {
    margin-bottom: 20%;
  }

  #Exhibitor_info.main div.w1400 {
    padding: 0;
  }
}

@media screen and (max-width:600px) {
  #Exhibitor_info.main {
    padding: 5% 40px;
  }

  #Exhibitor_info.main ul:before {
    left: -20px;
    height: 66px;
    top: -73px;
  }

  .en #Exhibitor_info.main ul:before {
    top: -75px;
  }

  .en #Exhibitor_info.main div.w1400 ul li a {
    padding: 20px;
  }

  .en #Exhibitor_info.main div.w1400 ul li .under_line a {
    padding: 0px;
  }

  #Exhibitor_info.main li a:after {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  #Exhibitor_info.main div.w1400 ul li a h3 {
    margin-left: 10px;
  }

  #Exhibitor_info.main div.w1400 ul li a figure {
    width: 145px;
  }
}

@media screen and (max-width:480px) {
  .en #Exhibitor_info.main div.w1400 ul li a h3 {
    width: calc(100% - 55%);
  }

  .en #Exhibitor_info.main div.w1400 ul li a {
    padding: 15px;
  }

  #Exhibitor_info.main div.w1400 ul li a figure {
    width: 125px;
  }

  .en #Exhibitor_info.main ul:before {
    width: 300px;
    top: -70px;
  }

  #Exhibitor_info.main div.w1400 ul li .under_line a {
    padding: 0;
    font-size: .8rem;
  }

  #Exhibitor_info.main {
    padding: 5% 30px;
  }

  #Exhibitor_info.main div.w1400 h2 {
    margin-bottom: 25%;
  }

  #Exhibitor_info.main div.w1400 ul li a {
    padding: 15px;
    align-items: start;
  }

  #Exhibitor_info.main li a:after {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  #Exhibitor_info.main div.w1400 ul li a h3 {
    font-size: 1.2rem;
    width: calc(100% - 140px);
  }

  #Exhibitor_info.main div.w1400 ul li a h3 span {
    font-size: .8rem;
    margin-top: 5px;
  }

  .en #Exhibitor_info.main div.w1400 ul li a h3 span.comingsoon {
    font-size: .8rem;
  }

  #Exhibitor_info.main ul:before {
    width: 230px;
    top: -70px;
  }
}

/*============================
     hashtag_cont
============================*/
.hashtag_cont {
  position: relative;
}

.hashtag_cont .hashtag_ttl {
  position: absolute;
  z-index: 1;
  left: 0px;
}

.hashtag_cont .hashtag_ttl p {
  background: #0c90e4;
  color: #fff;
  font-weight: bold;
  padding: 1.5rem 2rem 1.5rem 1.5rem;
  border-radius: 100vh;
  width: 250px;
  font-size: 1.1rem;
  position: relative;
}

.en .hashtag_cont .hashtag_ttl p {
  width: 330px;
}

.hashtag_cont .hashtag_ttl p:after {
  font-family: "Font Awesome 5 Free";
  content: '\e098';
  font-weight: 700;
  display: inline-block;
  font-size: 1.8rem;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition: all .2s;
}

.main h2 span {
  font-size: 1rem;
  font-weight: bold;
  margin-top: .7rem;
}

.magazine {
  overflow: hidden;
}

#magazine {
  display: block;
}

@media screen and (max-width:850px) {
  .en .hashtag_cont .hashtag_ttl p {
    width: 270px;
  }

  .en .hashtag_cont .hashtag_ttl p:after {
    font-size: 1.4rem;
    right: 20px;
  }
}

@media screen and (max-width:600px) {
  .hashtag_cont .hashtag_ttl p:after {
    font-size: 1.6rem;
    right: 15px;
  }

  .en .hashtag_cont .hashtag_ttl p {
    width: 230px;
  }
}


/*============================
#interbee_search
============================*/

#interbee_search {
  padding: 100px 50px;
}

#interbee_search h2 span {
  margin: 0 0 20px 0;
}

#interbee_search h2 span:before {
  background-image: linear-gradient(135deg, #ffffff, #1d97e5);
}

#interbee_search.main.rainbow_bg h2 {
  color: #0c90e4;
  position: relative;
}

#interbee_search.main.rainbow_bg h2:after {
  content: "";
  background-image: url(../../../assets/img/top/search_icon.webp);
  width: 500px;
  height: 135px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  right: 0px;
}

.en #interbee_search.main.rainbow_bg h2:after {
  background-image: url(../../../assets/img/top/search_icon_en.webp);
  width: 600px;
  height: 152px;
  bottom: -25px;
  top: inherit;
}

#interbee_search.main.rainbow_bg ul li {
  width: 49.8%;
}

#interbee_search.main.rainbow_bg ul li .comingsoon {
  font-size: 1rem;
  padding: 2px 70px;
  border-radius: 100px;
  width: max-content;
  line-height: 1.8;
  display: block;
  text-align: center;
  background: #9d9d9d;
  border: none;
  color: #fff;
  margin-top: 10px;
  font-weight: bold;
}

#interbee_search.main.rainbow_bg ul li a {
  color: #ffff;
  display: block;
  background-image: url(../../../assets/img/top/free_search_bg.webp);
  border-radius: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding: 90px 40px;
  position: relative;
  height: 320px;
}

#interbee_search.main.rainbow_bg ul li:nth-of-type(2) a {
  background-image: url(../../../assets/img/top/AIsearch_bg.webp);
  padding: 90px 40px 60px;
  pointer-events: none;
}

.en #interbee_search.main.rainbow_bg ul li:nth-of-type(2) a {
  padding: 100px 50px 60px 40px;
}

.en #interbee_search.main.rainbow_bg ul li a {
  padding: 80px 50px 40px 40px;
}

#interbee_search.main.rainbow_bg ul li a h3 {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 1rem;
}

#interbee_search.main.rainbow_bg ul li a p {
  color: #fff;
  font-weight: bold;
  line-height: 1.6;
  font-size: 1.3rem;
}

.en #interbee_search.main.rainbow_bg ul li a p {
  line-height: 1.4;
  font-size: 1.2rem;
}

#interbee_search.main.rainbow_bg ul li a span.login {
  position: absolute;
  font-size: 1rem;
}

.ribbon {
  font-size: 1.1rem;
  font-weight: bold;
  color: #fff;
}

.ribbon {
  --r: 1rem;
  border-block: .5em solid #0000;
  padding-inline: .5em calc(var(--r) + 1em);
  line-height: 1.4;
  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%, 100% calc(106% - .25em), calc(100% - var(--r)) 50%, 99% .25em);
  background: #cd0a0b;
  width: fit-content;
  position: absolute;
  top: 30px;
  left: 0;
}

.ribbon span {
  font-weight: bold;
  color: #fff;
  font-size: 1.2rem;
  position: relative;
  padding-left: 1rem;
}

.ribbon span:before {
  font-family: "Font Awesome 5 Free";
  margin-right: 11px;
  color: #fff;
  content: "\f023";
}

@media screen and (max-width:1200px) {
  #interbee_search.main.rainbow_bg ul li a h3 {
    font-size: 1.8rem;
  }

  .en #interbee_search.main.rainbow_bg ul li a h3 {
    font-size: 2rem;
  }

  #interbee_search.main.rainbow_bg ul li a p {
    font-size: 1.2rem;
  }

  .en #interbee_search.main.rainbow_bg ul li a p {
    font-size: 1.5rem;
  }

  #interbee_search.main.rainbow_bg ul li a {
    background-position: center;
  }

  .en #interbee_search.main.rainbow_bg h2:after {
    width: 450px;
    height: 115px;
  }
}


@media screen and (max-width:1130px) {
  #interbee_search.main.rainbow_bg h2:after {
    width: 430px;
    height: 119px;
  }
}

@media screen and (max-width:1050px) {
  #interbee_search.main.rainbow_bg h2 {
    margin-bottom: 100px;
  }

  .en #interbee_search.main.rainbow_bg h2:after {
    top: 50px;
    width: 450px;
    height: 113px;
  }

  #interbee_search.main.rainbow_bg h2:after {
    top: 85px;
    width: 500px;
    height: 135px;
  }

  #interbee_search {
    padding: 50px;
  }

  #interbee_search.main.rainbow_bg ul li {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width:850px) {
  #interbee_search {
    padding: 70px 30px;
  }

  #interbee_search.main.rainbow_bg h2:after {
    top: 75px;
  }
}

@media screen and (max-width:600px) {
  #interbee_search.main.rainbow_bg h2:after {
    width: 350px;
    height: 97px;
    top: 107px;
  }

  .en #interbee_search.main.rainbow_bg h2:after {
    top: 43px;
    width: 400px;
    height: 100px;
  }

  #interbee_search.main.rainbow_bg ul li a {
    padding: 60px 40px;
    height: 100%;
  }

  .en #interbee_search.main.rainbow_bg ul li a {
    padding: 30px 50px 30px 30px;
  }

  .en #interbee_search.main.rainbow_bg ul li a h3,
  #interbee_search.main.rainbow_bg ul li a h3 {
    font-size: 1.7rem;
  }

  .en #interbee_search.main.rainbow_bg ul li a p {
    font-size: 1rem;
  }

  #interbee_search.main.rainbow_bg ul li:nth-of-type(2) a {
    padding: 40px;
  }

  .en #interbee_search.main.rainbow_bg ul li:nth-of-type(2) a {
    padding: 85px 30px 30px;
  }
}

@media screen and (max-width:480px) {
  #interbee_search.main.rainbow_bg h2:after {
    top: 90px;
  }

  #interbee_search {
    padding: 60px 30px;
  }

  #interbee_search.main.rainbow_bg ul li a {
    padding: 60px 30px;
  }

  #interbee_search.main.rainbow_bg ul li a h3 {
    font-size: 1.4rem;
  }

  #interbee_search.main.rainbow_bg ul li a p {
    font-size: 1rem;
  }

  #interbee_search.main.rainbow_bg ul li:nth-of-type(2) a {
    padding: 85px 30px 30px;
  }

  .en #interbee_search.main.rainbow_bg h2:after {
    top: 36px;
    width: 290px;
    height: 75px;
  }

  #interbee_search.main.rainbow_bg h2:after {
    top: 90px;
    width: 320px;
    height: 89px;
  }

  #interbee_search.main.rainbow_bg h2 {
    margin-bottom: 80px;
  }

}



/*============================
#event_conference
============================*/
#event_conference.main.w1400 {
  padding: 100px 50px;
}

#event_conference {
  padding: 50px 0px 90px;
}

#event_conference .event_list_btn_cont li.disabled {
  pointer-events: none;
}

#event_conference .event_list_btn_cont li.disabled a:hover {
  opacity: 1;
}

#event_conference .c-button::after {
  width: 18px;
  height: 18px;
  line-height: 18px;
  right: 8px;
  font-size: 0.4rem;
}

.en #event_conference .c-button::after {
  width: 17px;
  height: 17px;
  line-height: 17px;
  right: 8px;
  font-size: 0.5rem;
}

#event_conference .experience .c-button::after {
  background: #d70d19;
}

#event_conference .cinema .c-button::after {
  background: #414141;
}

#event_conference .ip_pavilion .c-button {
  color: #2f86c7;
}

#event_conference .ip_pavilion .c-button::after {
  background: #2f86c7;
}

#event_conference .ignition .start_up_university .c-button::after,
#event_conference .creative .marketing_rounge .c-button::after {
  text-align: center;
  background: #ffffff;
  color: #e40080;
  line-height: 20px;
}

#event_conference .creative .marketing_rounge .c-button::after {
  color: #12a84e;
}

#event_conference .ignition .c-button {
  color: #725094;
}

#event_conference .ignition .c-button::after {
  background: #725094;
}

#event_conference .mediabiz .c-button::after {
  background: #f49801;
}

#event_conference .mediabiz .c-button {
  color: #f49801;
}

#event_conference .mediabiz .sub_btn .c-button {
  background: #f49801;
  color: #fff;
  padding: 8px 10px 8px 10px;
  border: 1px solid #fff;
}

#event_conference .mediabiz .sub_btn .c-button::after {
  color: #f49801;
  background: #fff;
}

#event_conference .mediabiz .sub_btn .c-button::after {
  display: none;
}

#event_conference .creative .c-button::after {
  background: #12a84e;
}

#event_conference .creative .c-button {
  color: #12a84e;
}

#event_conference .jba_symposium .c-button::after {
  background: #0c1739;
}

#event_conference .jba_symposium .c-button {
  color: #0c1739;
}

#event_conference .disabled .c-button::after {
  display: none;
}

#event_conference .disabled .c-button {
  padding: 10px 20px !important;
}


#event_conference .disabled .c-button.white_bg {
  background: #d8d8d8;
}

#event_conference .award .c-button::after {
  background: #ac891d;
}

#event_conference .award .c-button {
  color: #ac891d;
}

#event_conference .c-button.blue {
  font-size: .9rem;
  padding: 10px 40px 10px 20px;
  width: 100%;
  border: 1px solid #fff;
  margin-bottom: 0;
}


.en #event_conference .c-button.white_bg {
  padding: 8px 30px 8px 13px;
  font-size: .8rem;
}

#event_conference .cinema .c-button.white_bg {
  color: #414141;
}

#event_conference .experience .c-button.white_bg {
  border-radius: 20px;
  padding: 5px 20px 5px 10px;
}

.en #event_conference .experience .c-button.white_bg {
  padding: 10px 40px 10px 15px;
}

.en #event_conference .experience .c-button.white_bg {
  padding: 10px 35px 10px 15px;
}

#event_conference .experience li:first-of-type .c-button.white_bg img {
  max-width: 113px;
  width: 100%;
}

.en #event_conference .experience li:first-of-type .c-button.white_bg img {
  max-width: 100px;
}

.en #event_conference .experience li:last-of-type .c-button.white_bg {
  padding: 12px 40px 13px 15px;
}

#event_conference .experience li:last-of-type .c-button.white_bg img {
  max-width: 279px;
  width: 100%;
}

.en #event_conference .experience li:last-of-type .c-button.white_bg img {
  max-width: 246px;
}

#event_conference.main.w1400 h2.top_ttl {
  text-align: center;
  margin-bottom: 1rem;
}

#event_conference.main.w1400 p {
  text-align: center;
}

#event_conference .event_list_item {
  /* 高さは比率で決める。以前は padding: 140px 0 で高さを作っていたが、
     幅だけが画面に追従して高さが固定だったため、縦横比が 1.18〜2.80 まで振れ、
     background-size: cover の写真が画面幅ごとに違う切り取られ方をしていた。
     5/3 は 3カラム時の 466.7 x 280px（従来の見え方）と同じ比率。
     中身は下の flex 指定で下端へ寄せるので、絶対配置は不要になった */
  aspect-ratio: 5 / 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0;
  background-image: url(../../../assets/img/top/AIsearch_bg.webp);
  background-size: cover;
  background-position: center;
}

/* 1001〜1330px は3カラムのままカード幅だけが縮み、ロゴやボタンが窮屈になるので、
   この帯域だけカードを縦長（5/4）にして中身の余裕を作る。
   1000px 以下は2カラムに変わってカード幅が戻るため 5/3 のまま */
@media screen and (min-width: 1001px) and (max-width: 1330px) {
  #event_conference .event_list_item {
    aspect-ratio: 5 / 4;
  }
}


#event_conference.main h3 {
  width: 300px;
  margin: 0 auto 5px;
  font-family: 'LINESeedJP', sans-serif;
  font-weight: bold;
  color: #fff;
  font-size: 1.4rem;
}

#event_conference.main .experience h3 {
  margin-bottom: 6px;
}

#event_conference.main .ip_pavilion h3 {
  width: 260px;
}

#event_conference.main .cinema h3 {
  width: 270px;
}

#event_conference.main .ignition h3 {
  min-width: 400px;
}


#event_conference.main .creative h3 {
  min-width: 250px;
}


#event_conference.main .flex_cont.single_btn h3 {
  margin-right: 0;
}

#event_conference .event_list_btn_cont {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
}

#event_conference .event_list_btn_cont.sub_btn {
  margin-right: 0;
}

#event_conference .single_btn .event_list_btn_cont {
  margin: 0
}

#event_conference .event_list_btn_cont.single_btn li {
  margin-right: 0;
}

#event_conference .event_list_btn_cont li {
  margin-right: 5px;
  width: max-content;
}

.en #event_conference .event_list_btn_cont li {
  margin-right: 5px;
}

#event_conference .event_list_btn_cont li.single_btn {
  margin-right: 0;
}

#event_conference .event_list_btn_cont li.start_up_university .c-button.white_bg,
#event_conference .event_list_btn_cont li.marketing_rounge .c-button.white_bg {
  padding: 6px 29px 6px 10px;
  color: #fff;
  background: #e40080;
  line-height: 1;
  border: 1px solid #fff;
  text-align: left;
}

#event_conference .event_list_btn_cont li.marketing_rounge .c-button.white_bg {
  background: #12a84e;
  top: 0;
  right: 0;
}

.event_list_item,
.event_list_link {
  position: relative;
}

/* 親が flex column + justify-content:flex-end なので、絶対配置しなくても下端に付く。
   z-index は flex アイテムなら position 無しでも効く */
#event_conference .event_list_cont {
  padding: 20px 1% 20px;
  width: 100%;
}

#event_conference .experience .event_list_cont {
  padding: 20px 1% 13px;
}

.en #event_conference .event_list_cont {
  padding: 20px 2% 15px;
}


.grid_cont {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  gap: .5rem;
  margin-top: 35px;
}

#event_conference .grid_cont {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
  margin-top: 35px;
}

#event_conference .event_list_item.forum {
  background: url(../../../assets/img/top/forum_bg.webp);
  background-position: center;
  background-size: cover;
  padding: 200px 0;
}

#event_conference .event_list_item.experience {
  background: url(../../../assets/img/top/experience_bg.webp);
  background-size: cover;
  background-position: center;
}

#event_conference .event_list_item.cinema {
  background: url(../../../assets/img/top/cinema_bg.webp);
  background-size: cover;
}

#event_conference .event_list_item.ip_pavilion {
  background: url(../../../assets/img/top/ip_bg.webp);
  background-size: cover;
}

.ip_pavilion {
  padding: 0;
  margin: 0;
}

#event_conference .event_list_item.ignition {
  background: url(../../../assets/img/top/ig_bg.webp);
  background-size: cover;
  background-position: center;
}

#event_conference .event_list_item.mediabiz {
  background: url(../../../assets/img/top/mediabiz_bg.webp);
  background-size: cover;
}

#event_conference .event_list_item.creative {
  background: url(../../../assets/img/top/creative_bg.webp);
  background-size: cover;
}

#event_conference .event_list_item.jba_symposium {
  background: url(../../../assets/img/top/minpou_bg.webp);
  background-size: cover;
  padding: 125px 0;
}

#event_conference .event_list_item.award {
  background: url(../../../assets/img/top/award_bg.webp);
  background-size: cover;
  background-position: center;
  padding: 125px 0;
}

#event_conference .event_list_item.disabled {
  position: relative;
  pointer-events: none;
}

#event_conference .event_list_item.disabled .comingsoon {
  font-size: .9rem;
  padding: 2px 30px;
  border-radius: 100px;
  width: max-content;
  line-height: 1.8;
  display: block;
  font-weight: bold;
  margin: 5px auto 5px;
  margin-right: auto;
  margin-left: 0;
  background: #636363;
  color: #fff;
}

#event_conference .forum .event_list_cont {
  background: #009fde99;
  height: 95px;
}

#event_conference .forum .event_list_btn_cont {
  margin: initial;
}


#event_conference .flex_cont_ttl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

#event_conference .flex_cont_ttl .event_list_btn_cont {
  display: block;
  margin: 0;
}

/* #event_conference .creative .event_list_cont {
  background: linear-gradient(to top, #11a84e85 0%,
      #80ce9f85 30%,
      transparent 100%);
} */

#event_conference .jba_symposium .event_list_cont {
  background: #0c1639a3;
  height: 80px;
}

#event_conference .award .event_list_cont {
  background: #ac891dad;
  height: 80px;
}

#event_conference .jba_symposium .event_list_cont,
#event_conference .award .event_list_cont {
  align-items: center;
}

.en #event_conference .jba_symposium .event_list_cont,
.en #event_conference .award .event_list_cont {
  padding: 20px 50px;
  height: auto;
}

#topregist_area {
  overflow: hidden;
}

@media screen and (max-width:1450px) {

  #event_conference .cinema .event_list_btn_cont li,
  #event_conference .experience .event_list_btn_cont li {
    margin-bottom: 5px;
  }

  #event_conference .event_list_item.cinema .event_list_btn_cont li:last-of-type,
  #event_conference .event_list_item.experience .event_list_btn_cont li:last-of-type {
    margin-bottom: 0;
  }

}

@media screen and (max-width:1400px) {
  .en #event_conference .event_list_cont {
    height: auto;
  }

  .en #event_conference .jba_symposium .event_list_cont,
  .en #event_conference .award .event_list_cont {
    padding: 20px 3%;
  }

  .en #event_conference .ip_pavilion .event_list_cont {
    height: inherit;
  }

}

@media screen and (max-width:1350px) {
  #event_conference.main .ignition h3 {
    margin-bottom: 10px;
  }

  #event_conference .ignition .event_list_btn_cont li {
    margin-bottom: 5px
  }

  .en #event_conference .event_list_btn_cont li {
    margin-top: 0;
    margin-bottom: 0;
  }

  .en #event_conference .experience .event_list_btn_cont li:last-of-type {
    margin-bottom: 0px;
  }

  .en #event_conference .event_list_cont {
    height: inherit;
  }

}



@media screen and (max-width:1300px) {


  #event_conference.main .ignition h3 {
    min-width: 300px;
  }

  #event_conference .event_list_cont {
    padding: 20px 2% 10px;
  }

  #event_conference .ip_pavilion .event_list_cont {
    height: inherit;
  }

  #event_conference .jba_symposium .event_list_cont,
  #event_conference .award .event_list_cont {
    padding: 20px 2% 3%;
  }

  #event_conference .jba_symposium .event_list_cont h3,
  #event_conference .award .event_list_cont h3 {
    width: initial;
  }

  #event_conference.main .flex_cont.single_btn h3 {
    width: 275px;
  }
}

@media screen and (max-width:1200px) {
  #event_conference .forum .event_list_btn_cont li {
    margin-bottom: 0px;
  }

  #event_conference .event_list_btn_cont li.start_up_university .c-button.white_bg,
  #event_conference .event_list_btn_cont li.marketing_rounge .c-button.white_bg {
    right: 13%;
  }

}

@media screen and (max-width:1187px) {}


@media screen and (max-width:1180px) {

  #event_conference .mediabiz .sub_btn .c-button {
    padding: 5px 10px 5px 10px;
    font-size: .7rem;
  }

  #event_conference .event_list_btn_cont li.marketing_rounge,
  #event_conference .event_list_btn_cont li.start_up_university {
    position: relative;
  }

  #event_conference .event_list_btn_cont li.start_up_university .c-button.white_bg,
  #event_conference .event_list_btn_cont li.marketing_rounge .c-button.white_bg {
    top: 0;
    right: 0;
    margin-right: 5px;
  }

  #event_conference.main .ignition h3 {
    margin: 0 auto;
    min-width: initial;
    width: 100%;
    max-width: 320px;
  }

  #event_conference.main .creative h3 {
    margin: 0 auto;
    padding: 0 20px;
  }

  #event_conference .forum .event_list_cont,
  #event_conference .award .event_list_cont,
  #event_conference .jba_symposium .event_list_cont,
  #event_conference .event_list_cont,
  #event_conference .experience .event_list_cont {
    height: auto;
  }

  #event_conference .forum .event_list_cont {
    padding-bottom: 15px;
  }

  #event_conference .jba_symposium .event_list_cont h3,
  #event_conference .award .event_list_cont h3 {
    margin-bottom: 10px;
  }

  .mediabiz .flex_cont {
    margin-bottom: .3rem;
  }
}

@media screen and (max-width:1000px) {
  #event_conference .cinema .event_list_btn_cont li, #event_conference .experience .event_list_btn_cont li {
    margin-bottom: 0;
  }

  #event_conference .grid_cont {
    grid-template-columns: 1fr 1fr;
  }

  #event_conference .event_list_cont {
    padding: 15px 2%;
  }

  #event_conference.main .creative h3 {
    max-width: 340px;
    width: initial;
  }

  #event_conference.main .creative h3,
  #event_conference.main .ignition h3,
  #event_conference.main .ip_pavilion h3,
  #event_conference.main h3 {
    margin-bottom: .5rem;
  }
}

@media screen and (max-width:986px) {
  #event_conference .cinema .event_list_btn_cont li {
    margin-bottom: 5px;
  }

  #event_conference .cinema .event_list_btn_cont li {
    margin-top: 0;
  }
}

@media screen and (max-width:962px) {
  #event_conference .experience .event_list_btn_cont li {
    margin-bottom: 5px;
  }

  #event_conference.main .experience h3,
  #event_conference.main .cinema h3 {
    margin-bottom: 0;
  }

  .en #event_conference .event_list_btn_cont li,
  .en #event_conference .experience .event_list_btn_cont li {

    margin-top: 0;
  }
}

@media screen and (max-width:850px) {
  #event_conference.main .creative h3 {
    max-width: 300px;
  }

  .mediabiz .flex_cont {
    margin-bottom: 5px;
  }

  #event_conference.main .flex_cont.single_btn h3 {
    width: 200px;
  }

  #topregist_area .txt_cont {
    width: 50%;
    padding-right: 30px;
  }

  #event_conference {
    padding: 50px 20px;
  }

  #event_conference.main h3 {
    width: 100%;
    max-width: 250px;
  }

  #event_conference.main .forum h3 {
    margin-bottom: 10px;
  }

  #topregist_area .c-button.blue {
    margin: 0 auto;
  }

  #event_conference h2:before {
    width: 110px;
    height: 120px;
  }
}


@media screen and (max-width:700px) {
  #event_conference.main .forum h3 {
    margin-bottom: 10px;
  }

}

@media screen and (max-width:600px) {
  #event_conference .event_list_item {
    background-position: 50% !important;
  }

  #event_conference .event_list_item.ignition {
    background-position: 50%;
  }

  #event_conference.main .creative h3,
  #event_conference.main .ignition h3,
  #event_conference.main .ip_pavilion h3,
  #event_conference.main h3 {
    margin-bottom: 0rem;
  }

  #event_conference.main .flex_cont.single_btn h3 {
    width: 200px;
  }

  #event_conference .grid_cont {
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  #event_conference .forum {
    grid-column-start: 1;
    grid-column-end: 1;
  }

  #event_conference h2:before {
    width: 100px;
    height: 108px;
    right: 20px;
  }

  /* 高さは aspect-ratio が決めるので、ここでパディングを足さない */
  #event_conference .event_list_item.award,
  #event_conference .event_list_item,
  #event_conference .event_list_item.jba_symposium,
  #event_conference .event_list_item.forum {
    padding: 0;
  }

  #event_conference .event_list_cont {
    padding: 10px 10px 15px;
  }

  #event_conference.main .mediabiz .flex_cont h3 {
    max-width: 300px;
  }

  #event_conference.main .flex_cont h3 {
    margin: 0 auto;
  }

  #event_conference .jba_symposium .event_list_cont h3,
  #event_conference .award .event_list_cont h3 {
    margin: 0 30px 0 0;
  }

  .en #event_conference .jba_symposium .event_list_cont h3,
  .en #event_conference .award .event_list_cont h3 {
    margin-bottom: 10px;
  }

  #event_conference .forum .event_list_btn_cont {
    margin-top: 10px;
  }

  #event_conference .experience li:first-of-type .c-button.white_bg img {
    max-width: 100px;
  }

  #event_conference .experience li:last-of-type .c-button.white_bg img {
    max-width: 250px;
  }

  #event_conference .experience .event_list_btn_cont li {
    margin-bottom: 0;
  }

  .en #event_conference .experience .event_list_btn_cont li {
    margin-top: 5px;
  }

  #event_conference .experience .event_list_btn_cont {
    justify-content: center;
  }

  #topregist_area .img_cont {
    width: 95%;
    position: relative;
    margin-top: 25px;
  }

  #topregist_area .txt_cont {
    width: 100%;
    padding-right: 20px;
    margin-left: 20px;
  }

  .en #event_conference .forum .event_list_btn_cont li {
    margin-bottom: 0px;
  }

}

@media screen and (max-width:500px) {
  .en #event_conference .experience .c-button.white_bg {
    padding: 8px 30px 8px 10px;
  }

  .en #event_conference .experience li:last-of-type .c-button.white_bg {
    padding: 8px 32px 8px 10px;
  }

  .en #event_conference .experience li:first-of-type .c-button.white_bg img {
    max-width: 80px;
  }

  .en #event_conference .experience li:last-of-type .c-button.white_bg img {
    max-width: 220px;
  }
}

@media screen and (max-width:480px) {

  #event_conference .jba_symposium .event_list_cont h3,
  #event_conference .award .event_list_cont h3 {
    font-size: 1.2rem;
  }

  #event_conference {
    padding: 70px 20px;
  }

  #event_conference .c-button.blue,
  #event_conference .c-button.white_bg {
    padding: 7px 32px 7px 15px;
  }

  #event_conference .disabled .c-button {
    padding: 7px !important;
  }

  #event_conference .experience li:first-of-type .c-button.white_bg img {
    width: 70px;
  }

  #event_conference .experience li:last-of-type .c-button.white_bg img {
    width: 170px;
  }

  #event_conference .c-button::after {
    right: 7px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: .5rem;
  }

  #event_conference .event_list_cont,
  #event_conference .ip_pavilion .event_list_cont {
    padding: 10px 2%;
  }

  #event_conference {
    padding: 40px 20px;

  }

  #event_conference.main .experience h3 {
    margin-bottom: 0;
  }

  #event_conference .jba_symposium li:last-of-type,
  #event_conference .award li:last-of-type {
    margin-bottom: 0;
    margin-top: 0;
  }

  #topregist_area .txt_cont {
    padding-right: 30px;
  }

  .en #topregist_area .txt_cont {
    padding-right: 0px;
    width: 90%;
  }

  #topregist_area h2 {
    font-size: 1.7rem;
    margin-bottom: 20px;
  }

  #event_conference h2:before {
    width: 90px;
    height: 97px;
    right: 10px;
    top: -110px;
  }

  #event_conference.main .flex_cont.single_btn h3 {
    width: max-content;
  }

  #event_conference .event_list_item.disabled .comingsoon {
    padding: 2px 15px;
  }
}





/*============================
#QuickMenu
============================*/
#QuickMenu.main {
  background-image: url(../img/top/quick_menu_bg.webp);
  background-size: cover;
  background-repeat: no-repeat
}

#QuickMenu.main .w1400 h2 {
  font-family: 'LINESeedJP', sans-serif;
  /* 見出しと補足を横並びの左寄せにする（.main h2 span が display:block で
     改行され、.main h2 が中央寄せになっているため上書きする） */
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 1rem;
  text-align: left;
  /* 「Quick Menu」の文字をグラデーションにする。
     背景をグラデーションにして文字型で切り抜く */
  background: linear-gradient(90deg, #92c4f0 0%, #a1dde6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* 隣の「目的別に情報をチェック！」はグラデーションを引き継がせない */
#QuickMenu.main .w1400 h2 span {
  margin-top: 0;
  white-space: nowrap;
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

/* カードが 1 列になる幅（500px 以下。下の .quick-grid の指定と揃える）では、
   補足を見出しの下に落とす */
@media screen and (max-width: 500px) {
  #QuickMenu.main .w1400 h2 {
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
  }
}

/* flex + width: calc((100% - 80px)/4) で列を作っていたため、列数を変えるたびに
   計算式の上書きが必要だった。Grid に変えて幅の計算をブラウザに任せる。
   minmax(0, 1fr) にしているのは、1fr（= minmax(auto,1fr)）だと中身より縮まず
   グリッドが親をはみ出すため */
#QuickMenu.main .quick-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26.67px;
  align-items: stretch;
  /* ul の既定の左余白（40px）を消す。残すとカードが右に 20px ずれ、他のセクションと幅がずれる */
  padding: 0;
}

#QuickMenu.main .quick-grid li.quick-card {
  /* 高さを揃えたうえで、View More を下端に置くための縦フレックス */
  display: flex;
  flex-direction: column;
  position: relative;
  /* MV のボタンと同じ影づかい。色は #02042d を 17%（旧: 黒 32% の 0 0 20px 4px） */
  box-shadow: 0 8px 32px rgba(2, 4, 45, .17);
  border-radius: 12px;
  background: #fff;
}

/* 吹き出し。旧: about2026_balloon.webp などの画像4枚。文言を変えるたびに
   書き出しが要るうえ、alt がカード名（画像の中身と不一致）だった。
   色はカードごとの --qm-accent（見出しグラデーションの開始色）を使う */
#QuickMenu.main .quick-grid li.quick-card .quick-card__tag {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  /* 4枚とも同じ幅にする（文言の長さで変わらないように） */
  width: 210px;
  max-width: calc(100% - 20px);
  margin: 0;
  padding: 5px 18px;
  border: 2px solid var(--qm-accent, #ef0393);
  border-radius: 999px;
  background: #fff;
  color: var(--qm-accent, #ef0393);
  font-weight: 700;
  font-size: var(--font-size_14, 14px);
  line-height: 1.4;
  white-space: nowrap;
  text-align: center;
}

/* 英語TOPは文言が長い（Viewing and searching for exhibits など）ので、幅は文言に合わせて伸ばし、
   カード幅に収まらないときだけ折り返す。210px は日本語と同じ最小幅として残す
   （min-width は max-width より優先されるので、最小幅側もカード幅で頭打ちにする） */
.en #QuickMenu.main .quick-grid li.quick-card .quick-card__tag {
  width: max-content;
  min-width: min(210px, calc(100% - 20px));
  white-space: normal;
}

/* 吹き出しの下向きの角。枠線ぶん 2 枚重ねて縁取りを再現する */
#QuickMenu.main .quick-grid li.quick-card .quick-card__tag::before,
#QuickMenu.main .quick-grid li.quick-card .quick-card__tag::after {
  content: "";
  position: absolute;
  left: 50%;
  border-style: solid;
  border-color: transparent;
  transform: translateX(-50%);
}

#QuickMenu.main .quick-grid li.quick-card .quick-card__tag::before {
  bottom: -10px;
  border-width: 10px 8px 0;
  border-top-color: var(--qm-accent, #ef0393);
}

#QuickMenu.main .quick-grid li.quick-card .quick-card__tag::after {
  bottom: -7px;
  border-width: 8px 6px 0;
  border-top-color: #fff;
}

/* カードごとのアクセント色（見出しグラデーションの開始色） */
#QuickMenu.main .quick-grid li.quick-card.about2026 { --qm-accent: #ef0393; }
#QuickMenu.main .quick-grid li.quick-card.exhibitor_product { --qm-accent: #9903ef; }
#QuickMenu.main .quick-grid li.quick-card.seminar_event { --qm-accent: #0346ef; }
#QuickMenu.main .quick-grid li.quick-card.service { --qm-accent: #2fbc13; }

#QuickMenu .quick-grid .quick-card h3.card_ttl {
  background: linear-gradient(45deg, #ef0393, #b841ef);
  color: #fff;
  text-align: center;
  font-weight: 900;
  font-size: 1.3rem;
  padding: 1.5rem 10px 1rem;
  position: relative;
  border-radius: 12px 12px 0 0;
}

#QuickMenu .quick-grid li.quick-card.exhibitor_product a.quick-link.btn,
#QuickMenu .quick-grid .quick-card.exhibitor_product h3.card_ttl {
  background: linear-gradient(45deg, #9903ef, #5941ef);
}

#QuickMenu .quick-grid li.quick-card.exhibitor_product a.quick-link.btn:after {
  color: #9e17f0;
}

#QuickMenu .quick-grid li.quick-card.service a.quick-link.btn,
#QuickMenu .quick-grid .quick-card.service h3.card_ttl {
  background: linear-gradient(45deg, #2fbc13, #ade13f);
}

#QuickMenu .quick-grid li.quick-card.service a.quick-link.btn.comingsoon {
  background: #a5a5a5;
  padding: .7rem 2rem;
  color: #f5f5f5;
  pointer-events: none;
}

#QuickMenu .quick-grid li.quick-card.service a.quick-link.btn.comingsoon:after {
  display: none;
}

#QuickMenu .quick-grid li.quick-card.service a.quick-link.btn:after {
  color: #2fbc13;
}

#QuickMenu .quick-grid li.quick-card.seminar_event a.quick-link.btn,
#QuickMenu .quick-grid .quick-card.seminar_event h3.card_ttl {
  background: linear-gradient(45deg, #0346ef, #08ccd8);
}

#QuickMenu .quick-grid li.quick-card.seminar_event a.quick-link.btn:after {
  color: #0346ef;
}


#QuickMenu.main .quick-grid li.quick-card h3.card_ttl:before {
  font-family: "Font Awesome 5 Free";
  content: '\f5da';
  color: #ffffff;
  margin-right: 6px;
  font-weight: 600;
  font-size: 1.5rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#QuickMenu.main .quick-grid li.quick-card.exhibitor_product h3:before {
  content: '\f1ad';
}

#QuickMenu.main .quick-grid li.quick-card.seminar_event h3:before {
  content: '\f3c9';
}

#QuickMenu.main .quick-grid li.quick-card.service h3:before {
  content: '\f4be';
}


/* 旧: ul.link_block に padding-bottom: 5rem を入れて、絶対配置の View More の
   居場所を空けていた。白い本体を作って中で縦に積み、ボタンは margin-top:auto で
   下端に寄せる。これで 5rem と bottom:25px の数値合わせが不要になる */
#QuickMenu.main .quick-grid li.quick-card .quick-card__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 1rem 1.5rem 25px;
  border-radius: 0 0 12px 12px;
}

/* 下の margin は View More の上の空き（赤字: ボタン上あける）。ボタンは margin-top:auto で
   下端に寄せているので、カードの高さがそろっていても最低この分は空く */
#QuickMenu.main .quick-grid li.quick-card ul.link_block {
  padding: 0;
  margin-bottom: 1rem;
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list {
  position: relative;
  display: flex;
  align-items: center;
}

#QuickMenu.main .quick-grid li.quick-card.about2026 ul.link_block li.link_list a:hover {
  color: #d834a4;
}

#QuickMenu.main .quick-grid li.quick-card.exhibitor_product ul.link_block li.link_list a:hover {
  color: #9f17f0;
}

#QuickMenu.main .quick-grid li.quick-card.seminar_event ul.link_block li.link_list a:hover {
  color: #0346ef;
}

#QuickMenu.main .quick-grid li.quick-card.service ul.link_block li.link_list a:hover {
  color: #2fbc13;
}


#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont:before {
  font-family: "Font Awesome 5 Free";
  content: '\f5da';
  color: #d31099;
  margin-right: 9px;
  font-weight: 600;
  font-size: 1.1rem;
}

#QuickMenu.main .quick-grid li.quick-card.exhibitor_product ul.link_block li.link_list .icon_cont:before {
  color: #9f17f0;
}

#QuickMenu.main .quick-grid li.quick-card.seminar_event ul.link_block li.link_list .icon_cont:before {
  color: #0346ef;
}

#QuickMenu.main .quick-grid li.quick-card.service ul.link_block li.link_list .icon_cont:before {
  color: #2fbc13;
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont.icon_visit_registration:before {
  content: "\f145";
  transform: rotate(-42deg);
  /* display: inline-block; */
  font-size: .95rem;
  margin-left: -2px;
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont.icon_schedule:before {
  content: "\f073";
  font-weight: 900;
  font-weight: 500;
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont.icon_access:before {
  content: "\f239";
  margin-left: 2px;
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont.icon_faq:before {
  content: "\f059";
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont.icon_exhibitor_search:before {
  content: "\f002";
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont.icon_venue_map:before {
  content: "\f279";
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont.icon_online_exhibit:before {
  content: "\f05a";
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont.icon_venue_tour:before {
  content: "\f024";
  margin-left: 1px;
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont.icon_timetable:before {
  content: "\f0ce";
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont.icon_all_sessions:before {
  content: "\f00b";
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont.icon_special_list:before {
  content: "\f005";
  margin-left: -2px;
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont.icon_interbee_award:before {
  content: "\f091";
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont.icon_bento:before {
  content: "\f2e7";
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont.icon_coffee_marche:before {
  content: "\f7b6";
  margin-left: -1px;
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont.icon_stamp_rally:before {
  content: "\f5bf";
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont.icon_youtube_lounge:before {
  font-family: "Font Awesome 7 Brands";
  /* font-weight: 500; */
  content: "\f431";
  margin-left: 1px;
}

#QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont:after {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
  position: absolute;
  right: 0;
  font-weight: 600;
  top: 30%;
}

#QuickMenu.main .link_block li.link_list a {
  font-weight: bold;
  font-size: 1.1rem;
  width: 100%;
  padding: .7rem 2rem .7rem 1.7rem;
  text-indent: -1.7rem;
}


#QuickMenu.main .link_block li.link_list a.comingsoon {
  color: #aaaaaa;
  pointer-events: none;
}

#QuickMenu.main .link_block li.link_list a.comingsoon:before {
  color: #aaaaaa !important;
}

#QuickMenu.main .link_block li.link_list a.comingsoon:after {
  display: none;
}

/* 旧: position:absolute + bottom:25px + left:50%/translateX。
   さらに bottom と left が二重宣言で前の値（bottom:0 / left:25%）が死んでいた。
   本体が縦フレックスになったので margin-top:auto で下端に寄せる */
#QuickMenu .quick-grid li.quick-card a.quick-link.btn {
  font-size: .9rem;
  padding: .7rem 3rem .7rem 2rem;
  margin-top: auto;
  align-self: center;
  background: linear-gradient(45deg, #ef0393, #b841ef);
}

#QuickMenu.main .w1400 .quick-grid li.quick-card a.quick-link.btn:after {
  right: 15px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: .6rem;
}

/* 背景は白（指示）。旧: Exhib_Info_bg.webp の敷き込み */
.exhibitor_information {
  background: #fff;
  position: relative;
}

.exhibitor_information ul {
  display: grid;
}

#conference {
  background-image: url(../img/top/conference_bg.webp);
  background-position: inherit;
  background-size: cover;
  background-repeat: no-repeat;
}

#conference h2 {
  color: #fff;
}

@media screen and (max-width:700px) {
  #QuickMenu.main .w1400 h2 {
    margin-bottom: 3rem;
  }

  .en #QuickMenu.main .w1400 .quick-grid li.quick-card a.quick-link.btn:after {
    width: 20px;
    height: 20px;
    line-height: 20px;
    right: 10px;
  }
}

/*============================
#topregist_area
============================*/
#topregist_area.main {
  background-image: url(../img/top/regist_bg.webp);
  background-position: inherit;
  background-size: cover;
  background-repeat: no-repeat;
}

#topregist_area.main .schedule-block h2 {
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

#topregist_area.main .schedule-block h2 span.bg_white {
  display: inline-block;
  font-size: inherit;
  color: #000;
  background: #fff;
  line-height: 1.2;
  padding: 0 2px;
}

#topregist_area.main .schedule-block p {
  text-align: center;
  color: #fff;
  line-height: 2.5;
  margin-bottom: 1rem;
  font-weight: 500;
}

#topregist_area.main .schedule-block ul.link_cont {
  display: flex;
  align-items: center;
  width: max-content;
  margin: 0 auto;
  /* width: 100%; */
}

.en #topregist_area.main .schedule-block ul.link_cont {
  justify-content: center;
}

#topregist_area.main .schedule-block ul.link_cont li {
  margin-right: 1rem;
}

#topregist_area.main .schedule-block ul.link_cont li a.btn.btn_bg_pink {
  color: #ef0194;
  background: #fff;
  border: 1px solid #ef0194;
}

.btn_bg_pink:after {
  border: 1px solid #ef0194;
}


a.btn.btn_bg_pink,
a.btn.btn_pink {
  background: linear-gradient(90deg, #e9099e 0%, #bf39e5 100%);
  padding: 1rem 5rem 1rem 3rem;
}

a.btn.btn_bg_pink:after,
a.btn.btn_pink::after {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: .8rem;
  right: 16px;
}

@media screen and (max-width:850px) {
  a.btn.btn_bg_pink:after, a.btn.btn_pink::after {
    width: 30px;
    height: 30px;
    line-height: 30px;
    right: 20px;
  }
}

@media screen and (max-width:500px) {
  a.btn.btn_bg_pink:after, a.btn.btn_pink::after {
    /* right: 0px; */
  }

  #topregist_area.main .schedule-block p {
    line-height: 2;
  }
}

@media screen and (max-width:480px) {
  /* 2026: 2025 の旧デザイン用の padding: 45px 20px を削除。上下は --section-space（40px）、
     左右は .r26-inner の --section-inset で取っているので、ここで足すと SP だけ余白が大きくなる */

  #topregist_area.main .schedule-block p {
    line-height: 2;
    font-size: .9rem;
  }

  #topregist_area.main .schedule-block h2 {
    margin-bottom: .7rem;
    font-size: 1.5rem;
  }

  a.btn.btn_bg_pink,
  a.btn.btn_pink {
    padding: .8rem 3rem .8rem 1.5rem;
    /* width: 100%; */
  }

  a.btn.btn_bg_pink:after,
  a.btn.btn_pink::after {
    width: 25px;
    height: 25px;
    line-height: 25px;
    right: 9px;
  }

  .link_cont li {
    width: 49%;
  }

  #topregist_area.main .schedule-block ul.link_cont {
    width: 100%;
  }

  .en .link_cont li {
    width: 100%;
    max-width: 300px
  }

  .link_cont li .btn {
    width: initial;
  }
}

/*============================
#exibitor_cont
============================*/
#exibitor_cont.main h2 {
  text-align: left;
  font-weight: 700;
  font-size: 1.6rem;
  margin-bottom: 0;
  padding-bottom: 1rem;
}

#exibitor_cont.main h2 span {
  color: #0c90e4;
}

#exibitor_cont .press_list .date {
  color: #8d8d8d;
  font-weight: bold;
  font-size: 14px;
}

#exibitor_cont .press_list .slick-track {
  padding: 10px 0;
}

#exibitor_cont .press_list .list_info {
  display: flex;
  align-items: center;
}

#exibitor_cont .press_list .list_info p {
  font-size: .8rem;
  color: #000;
}

#exibitor_cont .img_cont {
  margin-bottom: 1rem;
}

#exibitor_cont .press_list a {
  padding: 35px;
  background: #f0f0f0;
}


#conference.section.main ul.conference-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

#conference.section.main ul.conference-grid li {
  width: 49.5%;
  position: relative;
}

#conference.section.main ul.conference-grid li.conference-card a,
#conference ul.conference-grid li.allsessionlist-card a {
  padding: 2rem 0 9rem;
  border-radius: 5px;
  background-size: cover;
  background-image: url(../img/top/timetable_bg.webp);
  display: block;
  background-size: cover;
  color: #fff;
  font-weight: bold;
  background:
}

#conference.section.main ul.conference-grid li.conference-card a:after,
#conference ul.conference-grid li.allsessionlist-card a:after {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
  font-weight: 700;
  background: #fff;
  width: 50px;
  height: 50px;
  background: linear-gradient(90deg, #2f67f6 0%, #6022d2 100%);
  color: #ffffff;
  display: inline-block;
  border-radius: 100px;
  line-height: 50px;
  font-size: 1rem;
  text-align: center;
  position: absolute;
  right: 24px;
  bottom: -11px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition: all .2s;
}

#conference.section.main ul.conference-grid li a {
  background-image: url(../img/top/allsesssionlist_bg.webp);
}

#conference.section.main .inner ul.conference-grid li.allsessionlist-card a h3,
#conference.section.main .inner ul.conference-grid li.conference-card a h3 {
  font-size: 1.8rem;
  font-weight: 900;
  text-align: center;
}

#conference.section.main .inner ul.conference-grid li.conference-card a h3 span,
#conference.section.main .inner ul.conference-grid li.allsessionlist-card a h3 span {
  display: block;
  font-size: .8rem;
  font-weight: bold;
  margin-top: .5rem;
}

#conference.section.main .w1400.inner .grid_cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  margin-top: 20px;
}

#conference.section.main div.grid_cont .c-button.white_bg {
  padding: 8px 40px 8px 20px;
}

#conference.section.main div.grid_cont a.event_list_item {
  width: calc((100% - 40px)/3);
}

#conference.section.main .grid_cont a.event_list_item {
  background-position: bottom;
  border-radius: 12px;
  background-size: cover;
  background-image: url(../img/top/conference_forum_bg.webp?250925);
  padding: 149px 0 0px;
}

#conference.section.main .event_list_item .event_list_cont.flex_cont h3 {
  max-width: 276px;
  margin-bottom: 5px;
}

#conference.section.main .event_list_item.seminar .event_list_cont.flex_cont h3 {
  max-width: 325px;
}

#conference.section.main .event_list_item.seminar .c-button.white_bg {
  color: #04b8de;
}

#conference.section.main .event_list_item.seminar .c-button.white_bg:after {
  background: #04b8de;
}

#conference.section.main .event_list_item.jba_symposium .c-button.white_bg {
  color: #414140;
}

#conference.section.main .event_list_item.jba_symposium .c-button.white_bg:after {
  background: #414140;
}

#conference.section.main .grid_cont a.event_list_item.forum ul.event_list_btn_cont {
  display: flex;
  align-items: center;
}

#conference.section.main .grid_cont a.event_list_item.forum ul.event_list_btn_cont li {
  margin-right: .5rem;
}

#conference .grid_cont a.event_list_item.forum .event_list_cont.flex_cont ul.event_list_btn_cont a.event_list_link.c-button.white_bg {
  font-size: .8rem;
  padding: 10px 35px 10px 20px;
}

#conference.section.main div.grid_cont a.event_list_item.jba_symposium {
  background-image: url(../img/top/conference_jba_bg.webp);
}

#conference.section.main div.grid_cont a.event_list_item.seminar {
  background-image: url(../img/top/conference_exhib_seminar_bg.webp);

}



.event_list_cont.flex_cont {
  flex-direction: column;
  padding-bottom: 1rem;
  padding-top: 1rem;
  border-radius: 0 0 10px 10px;
}


#conference.section.main div.w1400.inner div.grid_cont a.event_list_item.jba_symposium div.event_list_cont.flex_cont ul.event_list_btn_cont {
  width: max-content;
}

@media screen and (max-width:1200px) {
  #QuickMenu.main .link_block li.link_list a {
    font-size: .95rem;
  }
}

@media screen and (max-width:1000px) {

  #conference.section.main .event_list_item .event_list_cont.flex_cont h3 {
    max-width: 200px;
  }

  #conference.section.main .event_list_item.seminar .event_list_cont.flex_cont h3 {
    max-width: 250px;
  }
}

@media screen and (max-width:768px) {
  #conference.section.main div.w1400.inner div.grid_cont a.event_list_item {
    width: calc((100% - 20px)/3);
  }

  .event_list_cont.flex_cont {
    padding: 1rem 10px;
  }

  #conference .grid_cont a.event_list_item.forum .event_list_cont.flex_cont ul.event_list_btn_cont a.event_list_link.c-button.white_bg {
    padding: 10px 35px 10px 10px;
  }
}

@media screen and (max-width:700px) {
  #conference.section.main .w1400.inner .grid_cont {
    flex-direction: column;
  }

  #conference.section.main div.w1400.inner div.grid_cont a.event_list_item {
    width: 100%;
    padding: 89px 0 0;
    background-position: 0 50%;
    margin-bottom: 1rem;
  }

  #conference.section.main div.w1400.inner div.grid_cont a.event_list_item:last-of-type {
    margin-bottom: 0;
  }

  #conference.section.main .event_list_item .event_list_cont.flex_cont h3 {
    max-width: 280px;
  }

  #conference.section.main .event_list_item.seminar .event_list_cont.flex_cont h3 {
    max-width: 270px;
  }

  #conference.section.main ul.conference-grid li.conference-card a,
  #conference ul.conference-grid li.allsessionlist-card a {
    min-height: 222px;
    background-position: 46%;
  }

  #conference.section.main ul.conference-grid li a {
    background-position: 30%;
  }
}

@media screen and (max-width:600px) {
  #conference.section.main ul.conference-grid {
    flex-direction: column;
  }

  #QuickMenu.main .w1400 .quick-grid li.quick-card a.quick-link.btn:after {
    width: 20px;
    height: 20px;
    line-height: 20px;
    right: 10px;
  }

  #conference.section.main ul.conference-grid li.conference-card a,
  #conference ul.conference-grid li.allsessionlist-card a {
    width: 100%;
    min-height: 180px;
    padding: 1rem 0 4rem;
  }

  #conference.section.main ul.conference-grid li {
    width: 100%;
    margin-bottom: 1rem;
  }

  #conference.section.main ul.conference-grid li:last-of-type {
    margin-bottom: 0;
  }
}

@media screen and (max-width:480px) {
  #conference .grid_cont a.event_list_item.forum .event_list_cont.flex_cont ul.event_list_btn_cont a.event_list_link.c-button.white_bg {
    padding: 7px 32px 7px 15px;
  }

  #exibitor_cont.main h2 {
    padding: 0 20px;
  }

  #conference.section.main .inner ul.conference-grid li.allsessionlist-card a h3,
  #conference.section.main .inner ul.conference-grid li.conference-card a h3 {
    font-size: 1.5rem;
  }

  #conference.section.main .event_list_item .event_list_cont.flex_cont h3 {
    max-width: 240px;
  }

  #conference.section.main .event_list_item.seminar .event_list_cont.flex_cont h3 {}

}

/*============================
#exibitor_cont
============================*/

.top_news_list {
  padding: 20px 0;
}

.top_news_list.slick-slider {
  margin-bottom: 0;
}

.top_news_list .slick-track {
  display: flex;
  align-items: center;
}

.top_news_list .slick-slide {
  margin: 10px 15px;
}

.top_news_list .slick-slide.error {
  padding: 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  margin-left: -15px;
}

.top_news_list_item {
  background: #f5f5f5;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 16px rgb(75 75 75 / 31%);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  width: 450px;
  max-width: 450px;
  height: 155px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

.top_news_list_item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.top_news_list_item a {
  display: flex;
  flex-direction: column;
  padding: 50px 20px;
  text-decoration: none;
  color: inherit;
  height: 100%;
  justify-content: center;
}

.top_news_list_item .text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}

.top_news_list_item .date {
  font-weight: bold;
  color: #8d8d8d;
  font-size: 0.9rem;
}

.top_news_list_item .news_ttl {
  font-size: 1rem;
  color: #000000;
  line-height: 1.4;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .top_news_list {
    padding: 15px 0;
  }

  .top_news_list_item {
    width: 350px;
    max-width: 350px;
    height: 110px;
  }

  .top_news_list_item a {
    padding: 15px;
  }
}

@media screen and (max-width: 480px) {
  .top_news_list {
    padding: 10px 0;
  }

  #QuickMenu.main .w1400 .quick-grid li.quick-card a.quick-link.btn:after {
    width: 20px;
    height: 20px;
    line-height: 20px;
  }

  .top_news_list_item {
    width: 300px;
    max-width: 300px;
    height: 100px;
  }

  .top_news_list_item a {
    padding: 12px;
  }

  .top_news_list_item .date {
    font-size: 0.85rem;
  }

  .top_news_list_item .news_ttl {
    font-size: 0.9rem;
  }
}

.top_press_release_cont {
  padding: 40px 0 70px;
}

.top_press_release_cont .top_press_release_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
}

.en .top_press_release_cont .top_press_release_area {
  margin-bottom: 1rem;
}

.top_press_release_cont .top_press_release_area .btn.c-button {
  background: #fff;
  color: #0c90e4;
  border: 1px solid #0c90e4;
  padding: .5rem 3.5rem .5rem 1.5rem;
}


.press_list_cont {
  background: #f5f5f5;
  border-radius: 8px;
  overflow: visible;
  box-shadow: 0 2px 16px rgb(75 75 75 / 31%);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  width: 450px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

.press_list_cont:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.press_list_cont a {
  display: flex;
  flex-direction: column;
  padding: 20px;
  text-decoration: none;
  color: inherit;
  height: 100%;
}

.press_list_cont .img_cont {
  width: 100%;
  height: 200px;
  margin-bottom: 15px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background-color: #e0e0e0;
}

.press_list_cont .img_cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.3s ease;
}

.press_list_cont:hover .img_cont img {
  transform: scale(1.05);
}

.press_list_cont .txt_cont {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.press_list_cont .list_info {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 10px;
  font-size: 0.9rem;
  color: #666;
  width: 100%;
}

.press_list_cont .list_info .date {
  font-weight: bold;
  color: #0c90e4;
  flex-shrink: 0;
  white-space: nowrap;
}

.press_list_cont .list_info p {
  margin: 0;
  overflow-wrap: break-word;
  line-height: 1.4;
  flex: 1;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.press_list_cont .list_info p.exhibitor_txt::before {
  font-family: "Font Awesome 5 Free";
  content: '\f1ad';
  font-weight: 900;
  color: #000000;
  margin-right: 6px;
  font-size: 0.8rem;
}

.press_list_cont h5 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.4;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .press_list {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 15px;
    justify-content: center;
  }

  .press_list_cont {
    width: 100%;
    max-width: 350px;
    height: 280px;
    margin: 0 auto;
  }

  .press_list_cont a {
    padding: 15px;

  }

  #exibitor_cont .press_list a {
    padding: 20px;
  }

  .press_list_cont .img_cont {
    height: 120px;
    margin-bottom: 12px;
  }

  .press_list_cont .list_info p {
    width: 100%;
    word-break: break-all;
  }

  .press_list_cont h5 {
    font-size: 1rem;
  }
}

@media screen and (max-width: 500px) {
  .en .top_press_release_cont .top_press_release_area .btn.c-button {
    padding: .5rem 2rem .5rem 2rem;
    text-align: left;
  }

  .en #exibitor_cont.main>div.top_press_release_cont>div.top.top_press_release_area>a.btn.c-button:after {
    text-align: center;
  }

  .en #exibitor_cont.main h2 {
    margin-right: 1rem;
  }
}

@media screen and (max-width: 480px) {
  /* 2026: padding-top: 40px を削除。上の余白は .top_press_release_cont の --section-space で取っている */

  .top_press_release_cont .top_press_release_area .btn.c-button {
    min-width: 100px;
    margin-right: 20px;
  }

  .top_press_release_cont .top_press_release_area {
    gap: 15px;
    padding: 0;
  }

  .press_list {
    padding: 0px;
    margin-top: 10px;
  }

  .press_list_cont a {
    padding: 12px;
  }

  .press_list_cont .img_cont {
    height: 150px;
    margin-bottom: 10px;
  }

  .press_list_cont h5 {
    font-size: 1rem;
  }
}

#exibitor_cont.main>div.top_press_release_cont>div.top.top_press_release_area>a.btn.c-button:after {
  background: #0c90e4;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

@media screen and (max-width:850px) {
  #exibitor_cont.main>div.top_press_release_cont>div.top.top_press_release_area>a.btn.c-button:after {
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
}

@media screen and (max-width:480px) {
  .top_press_release_cont {
    padding: 25px 0 40px;
  }
}

/*============================
#js-press_item
============================*/
.top_press_release_cont .w1200 .press_list .press_list_cont {
  width: 48.5%;
  background: #fff;
  border-radius: 5px;
}

.top_press_release_cont .w1200 .press_list .press_list_cont a {
  display: flex;
  align-items: center;
  padding: 20px;
  cursor: pointer;
  justify-content: space-between;
}

.top_press_release_cont .w1200 .press_list .press_list_cont a:hover {
  opacity: .7 !important;
}

.top_press_release_cont .w1200 .press_list .press_list_cont a figure.img_cont {
  width: 42%;
  min-width: 150px;
  height: 160px;
  overflow: hidden;
  border-radius: 5px;
}

.top_press_release_cont .w1200 .press_list .press_list_cont a .txt_cont {
  width: 52%;
  display: flex;
  flex-direction: column;
  gap: .7rem;
}

.top_press_release_cont .w1200 .press_list .press_list_cont a figure.img_cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.top_press_release_cont .w1200 .press_list .press_list_cont a .txt_cont .list_info span.date.mgr10 {
  font-family: 'Outfit';
  font-size: .9rem;
}

.top_press_release_cont .w1200 .press_list .press_list_cont a .txt_cont .list_info p {
  position: relative;
  margin-top: .5rem;
  line-height: 1.4;
  font-size: .9rem;
  padding-left: 1rem;
}

.top_press_release_cont .w1200 .press_list .press_list_cont a .txt_cont .list_info p:before {
  font-family: "Font Awesome 5 Free";
  content: '\f1ad';
  color: #000000;
  position: absolute;
  display: block;
  font-weight: 900;
  left: 0;
}

.top_press_release_cont .w1200 .press_list .press_list_cont a .txt_cont h5 {
  color: #123ec9;
  font-weight: bold;
  margin-top: .5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

#pickup_slider_list.slick-initialized {
  display: block;
}

/* Exhibitor Update Information スライダーの左揃え調整 */
.top_exhibitor_updateinfo_cont {
  overflow: visible !important;
}

.top_news_list.slick-initialized {
  margin-left: calc((100vw - 1400px) / 2);
  padding-left: 0;
}

.top_news_list .top_news_list_item {
  width: 400px !important;
  margin-right: 20px;
}

.press_list.slick-initialized {
  margin-left: calc((100vw - 1400px) / 2);
}

.press_list .press_list_cont {
  width: 400px;
  margin-right: 20px;
}

/* レスポンシブ対応 */
@media (max-width: 1400px) {

  .top_news_list.slick-initialized,
  .press_list.slick-initialized {
    margin-left: 20px;
  }
}

/* SP は左の 20px を付けない */
@media (max-width: 600px) {
  .top_news_list.slick-initialized,
  .press_list.slick-initialized {
    margin-left: 0;
  }
}


@media screen and (max-width:1300px) {
  #QuickMenu .quick-grid li.quick-card a.quick-link.btn {
    padding: .6rem 3rem .6rem 1rem;
  }

  #QuickMenu .quick-grid .quick-card h3.card_ttl {
    font-size: 1.1rem;
  }
}


@media screen and (max-width:1100px) {}


@media screen and (max-width:1000px) {
  #QuickMenu.main .quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 20px;
  }

  #QuickMenu.main .quick-grid .seminar_event,
  #QuickMenu.main .quick-grid .service {
    /* 行間は gap が作るので margin は不要 */
    margin-top: 0;
  }



  #QuickMenu .quick-grid li.quick-card a.quick-link.btn {
    padding: .6rem 3rem .6rem 3rem;
  }

  #QuickMenu .quick-grid .quick-card h3.card_ttl {
    font-size: 1.3rem;
    padding: 2rem 10px 1rem;
  }
}

@media screen and (max-width:850px) {
  /* 下 4rem は絶対配置ボタンの居場所だったので不要。余白は本体側が持つ */
  #QuickMenu.main .quick-grid li.quick-card .quick-card__body {
    padding: 1rem 1rem 25px;
  }
}


@media screen and (max-width:850px) {
  /* 吹き出しは CSS になったので幅指定は不要。狭い画面では文字を少し詰める */
  /* 赤字: SP は吹き出しがタイトルに近いので上げる */
  #QuickMenu.main .quick-grid li.quick-card .quick-card__tag {
    top: -20px;
    width: 180px;
    padding: 4px 14px;
    font-size: var(--font-size_12, 12px);
  }
}

/* タブレット（カード 2 列）では -20px だと吹き出しが上に浮きすぎるので、PC と同じ位置に戻す */
@media screen and (min-width: 501px) and (max-width: 850px) {
  #QuickMenu.main .quick-grid li.quick-card .quick-card__tag {
    top: -14px;
  }
}



@media (max-width: 768px) {

  .top_news_list .top_news_list_item,
  .press_list .press_list_cont {
    width: 300px;
  }
}

@media screen and (max-width:600px) {
  #QuickMenu .quick-grid li.quick-card a.quick-link.btn {
    padding: .6rem 3rem .6rem 2rem;
  }
}

@media screen and (max-width:500px) {
  #QuickMenu .quick-grid .quick-card h3.card_ttl {
    padding: 1.2rem 10px .8rem;
    font-size: 1.2rem;
  }

  .en #QuickMenu .quick-grid .quick-card h3.card_ttl {
    padding: 1.7rem 10px 1rem;
  }

  #QuickMenu.main .link_block li.link_list a {
    font-size: 1rem;
  }

  #QuickMenu.main .quick-grid li.quick-card ul.link_block li.link_list .icon_cont:after {
    right: -5px;
  }

  /* 下 4rem は絶対配置ボタンの居場所だったので不要。余白は本体側が持つ */
  #QuickMenu.main .quick-grid li.quick-card .quick-card__body {
    padding: .5rem 1rem 15px;
  }

  #QuickMenu .quick-grid li.quick-card a.quick-link.btn {
    padding: .6rem 3rem .6rem 2rem;
  }

  #QuickMenu.main .quick-grid {
    /* padding: 0 35px; */
  }

  #QuickMenu.main .quick-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }

  #QuickMenu.main .quick-grid li.quick-card {
    /* 行間は gap が作るので margin は不要 */
    margin-bottom: 0;
  }

  #QuickMenu.main .quick-grid li.quick-card:last-of-type {
    margin-bottom: 0;
  }

  #QuickMenu.main .quick-grid .main_img {
    height: 130px;
    width: 100%;
    object-fit: cover;
  }

  #QuickMenu.main .quick-grid .seminar_event, #QuickMenu.main .quick-grid .service {
    margin-top: 0;
  }

  .c26-grid {
    
  }
}


@media (max-width: 480px) {
  br.sp_none {
    display: none;
  }
}


/* ==================================================================
   2. 2025来場者TOPからの継承分（旧 top_mv_exb2025.css）
   MV / News / Magazine が中心。重複セレクタは後勝ちでこちらが有効
   ================================================================== */

* {
  box-sizing: border-box;
  /* line-height: 1; */
}

html {
  scroll-behavior: smooth;
}

main {
  line-height: 1;
  margin-top: 0;
}

#why_exhibits {
  scroll-margin-top: 200px;
}

.delay01 {
  animation-delay: 0.1s;
}

.delay02 {
  animation-delay: 0.2s;
}

.delay03 {
  animation-delay: 0.3s;
}

.delay04 {
  animation-delay: 0.4s;
}

.delay05 {
  animation-delay: 0.5s;
}

.delay06 {
  animation-delay: 0.6s;
}

.delay07 {
  animation-delay: 0.7s;
}

.delay08 {
  animation-delay: 0.8s;
}

.delay09 {
  animation-delay: 0.9s;
}

.delay10 {
  animation-delay: 1s;
}

.w1100 {
  max-width: 1100px;
  padding: 0 clamp(20px, 5vw, 50px);
  width: 100%;
  margin: 0 auto;
}

.w1200 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: clamp(30px, 5vw, 50px) 0;
}

.w1400 {
  max-width: 1400px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 50px 0;
}

:root {
  --font-size_13: clamp(11px, 2.5vw, 13px);
  --font-size_14: clamp(12px, 2.5vw, 14px);
  --font-size_15: clamp(13px, 2.5vw, 15px);
  --font-size_16: clamp(14px, 2.5vw, 16px);
  --font-size_17: clamp(15px, 2.5vw, 17px);
  --font-size_18: clamp(16px, 2.5vw, 18px);
  --font-size_19: clamp(17px, 2.5vw, 19px);
  --font-size_20: clamp(18px, 2.5vw, 20px);
  --font-size_21: clamp(19px, 2.5vw, 21px);
  --font-size_22: clamp(20px, 2.5vw, 22px);
  --font-size_24: clamp(22px, 3vw, 24px);
  --font-size_26: clamp(24px, 3vw, 26px);
  --font-size_28: clamp(26px, 3vw, 28px);
  --font-size_34: clamp(30px, 4vw, 34px);
  --font-size_35: clamp(31px, 4vw, 35px);
  --font-size_36: clamp(32px, 4vw, 36px);
  --font-size_38: clamp(34px, 4vw, 38px);
  --font-size_39: clamp(35px, 4vw, 39px);
  --font-size_47: clamp(42px, 5vw, 47px);
  --font-size_50: clamp(45px, 5vw, 50px);
  --font-size_56: clamp(50px, 6vw, 56px);
  --font-size_60: clamp(54px, 6vw, 60px);
  --font-size_63: clamp(57px, 6vw, 63px);
}

body {
  font-size: 15px;
  background-image: none !important;
  font-family: 'LINESeedJP', sans-serif;
  margin-top: 0;
}

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

p {
  color: #000;
}

.inner {
  margin: 0 auto;
}

/* Zen Kaku Gothic New */
.zen-kaku-gothic-new-regular {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 400;
  font-style: normal;
}

.zen-kaku-gothic-new-medium {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 500;
  font-style: normal;
}

.zen-kaku-gothic-new-bold {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
}

/* Outfit */
.outfit-<uniquifier> {
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


br.sp {
  display: none;
}

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

  br.pc {
    display: none;
  }
}


.main h2 {
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  font-weight: 900;
  margin-bottom: 2rem;
  line-height: 1.2;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.main #exhibitor_information_cont h2 {
  color: #fff;
}

.main h2 span {
  /* font-family: "Outfit", serif; */
  /* font-size: var(--font-size_20) !important; */
  font-weight: bold;
  /* padding: 0 1.5rem; */
  display: block;
}

.main h2 small {
  font-size: var(--font-size_19);
  margin: 14px 0 0 20px;
  color: #c40202;
  font-weight: bold;
  font-family: "Outfit", serif;
  display: inline-block;
}

#results,
#special_events .inner._special {
  padding: 80px 30px 80px;
}

.btn {
  display: block;
  padding: clamp(0.4rem, 1.5vw, 0.5rem) clamp(2rem, 5vw, 4rem);
  border-radius: 100px;
  font-weight: bold;
  position: relative;
  font-size: clamp(1rem, 2.5vw, 1.2rem);
  text-align: center;
  color: #fff;
  width: max-content;
  max-width: 100%;
  background: linear-gradient(90deg, #2f67f6 0%, #6022d2 50%, #2f67f6 100%);
  background-size: 200% 100%;
  border: none;
  transition: .3s ease;
  box-sizing: border-box;
}

.btn:hover {
  background-position: 100% 0;
}

.btn.arrow_btn:after {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
  color: #ffffff;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition: all .2s;
}

.link.arrow_circle {
  font-weight: bold;
  font-family: 'Outfit';
  position: relative;
  margin-right: clamp(40px, 8vw, 80px);
  font-size: var(--font-size_19);
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

.link.arrow_circle:after {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
  width: 60px;
  height: 60px;
  border-radius: 100vh;
  color: #ffffff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition: all .2s;
  line-height: 3.2;
  text-align: center;
  margin-left: 20px;
  background: linear-gradient(90deg, #2f67f6 0%, #6022d2 50%, #2f67f6 100%);
  background-size: 200% 100%;
}

.link.arrow_circle:hover:after {
  background-position: 100% 0;
}




/*============================
#mv
============================*/
/* 2026: 背景は <img class="mv-bg"> で置くようにしたため、background-image /
   background-size / background-position と、高さを作っていた padding を削除。
   指定は下部の「2026 MV 背景」ブロックに集約した（本番の #exb26-mv と同方式）。
   background-color は画像読み込み前のつなぎとして残す。 */
#mv {
  overflow: hidden;
  background-color: #000;
  position: relative;
}

#mv .flex_cont {
  /* align-items: center; */
  align-items: initial;
  justify-content: end;
  margin: 0 0 0 auto;
  position: relative;
  z-index: 1;
}


#mv .flex_cont .cont_l {
  width: 25%;
  max-width: 500px;
}

#mv .flex_cont .cont_l li {
  margin-bottom: 15px;
  /* max-width: 400px; */
}

#mv .flex_cont .cont_l li.sp_cont {
  display: none;
}

/* NAB Show バナー掲載のため
#mv .flex_cont .cont_l li:first-of-type {
  margin-bottom: 10px;
}

#mv .flex_cont .cont_l li:not(:last-of-type) {
  margin-bottom: 5px;
} */

/* 日本語 3/4動画配信完了後 */
.page_top a.comesoon {
  pointer-events: none;
}

/* 英語は事前登録なしのためリンク消し */
.en #mv .flex_cont .cont_l li.comingsoon {
  pointer-events: none;
}

#mv .catchcopy .catchcopy_newline {
  position: absolute;
  max-width: 1400px;
  width: 100%;
  bottom: 25px;
  left: 50%;
  transform: translate(-50%);
  padding: 0 15px;
}

#mv .catchcopy .catchcopy_newline .sp_img{
  display:none;
}

#mv .mv_bubble {
  margin: 0 auto 15px;
}


#mv .recruitment {
   width: 37%;
   max-width: 503px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

#mv .recruitment div {
  position: relative;
}

#mv .btn_cont .btn {
  box-shadow: 0 0 8px 3px #00000054;
  max-width: initial;
  letter-spacing: 2px;
  font-size: 1.3rem;
  padding: .8rem 6rem .8rem 5rem;
  line-height: 1;
}

.en #mv .btn_cont .btn {
  padding: 0.8rem 3.6rem .8rem 1.7rem;
  line-height: 1.2;
  font-size: 1rem;
  width: initial;
  letter-spacing: 1px;
}

.en a.btn.btn_pink::after {
  right: 15px;
  width: 35px;
  height: 35px;
  line-height: 35px;
}

#mv .recruitment .btn_cont {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: #ffffff7d;
  padding: 10px 10px 15px;
  border-radius: 10px;
  width: 100%;
}

.en #mv .recruitment .btn_cont {
  padding: 7px 10px 17px;
}

#mv .recruitment .btn_cont figure {
  width: 80%;
  margin-bottom: .2rem;
  margin: 0 auto;
}

#mv .recruitment .btn_cont figure.firstday_cont{
  width: 90%;
  margin: 0 auto;
}

#mv .recruitment .btn_cont figure.end_cont{
  width: 100%;
  background: #c7e8ff;
  border-radius: 10px 10px 0 0;
  padding: 10px 10px;
}

.en #mv .recruitment .btn_cont figure.end_cont{
  width:100%;
}

#mv .btn_cont .end_cont + .btn{
  margin-top: 20px;
  margin-bottom: 20px;
}

#mv .recruitment .btn_cont figure.end_cont img{
  width: 93%;
}

#mv .recruitment .btn_cont:has(.end_cont){
  padding: 0 0 0px;
}

.en #mv .recruitment .btn_cont figure {
  width: 90%;
  margin-bottom: 0;
}

.en #mv .recruitment .btn_cont figure.firstday_cont{
    width: 80%;
}

.en #mv .recruitment .btn_cont figure.secondday_cont{
  width: 95%;
  margin-top: 5px;
  margin-bottom: 5px;
}

#mv .recruitment .next_event {
  margin-top: 1rem;
}

#mv h1 {
  max-width: 524px;
  margin-bottom: 1rem;
  width: 108%;
}

#mv h1 img {
  width: 100%;
  height: auto;
  max-width: 500px;
}

.en #mv h1 {
  margin-bottom: 4px;
}

#mv .recruitment ._block.cont_25 .attention_txt_area {
  display: flex;
  align-items: center;
  padding: 20px;
  width: 100%;
  justify-content: space-between;
}

#mv .recruitment ._block.cont_25 .attention_txt_area .bg_blue {
  background: #0b90e4;
  color: #fff;
  font-weight: bold;
  padding: 12px 0;
  font-size: 1.5rem;
  line-height: 1.1;
  width: 21%;
  height: 25%;
  margin-right: 15px;
  text-align: center;
  letter-spacing: .2rem;
  text-shadow: 0px 0px 12px #0a2342ab;
}

.en #mv .recruitment ._block.cont_25 .attention_txt_area .bg_blue {
  font-size: 1.2rem;
  padding: 27px 5px;
  letter-spacing: .1rem;
  margin-right: 10px;
}

#mv .recruitment ._block.cont_25 .attention_txt_area h2 {
  margin: 0;
  flex: 1;
  min-width: inherit;
  margin-right: 5px;
  width: inherit;
}

#mv .recruitment ._block.cont_25 .btn a {
  background: #fff;
  color: #0b3667;
  width: max-content;
  font-size: .95rem;
  letter-spacing: 0;
  padding: 0.6rem 35px .6rem 15px;
}

#mv .recruitment ._block.cont_25 .btn a:hover {
  background: #0b3667;
  color: #fff;
}

#mv .recruitment ._block.cont_25 .btn a:after {
  background: #0b3667;
  color: #fff;
  width: 20px;
  height: 20px;
  right: 10px;
}

#mv .recruitment ._block.cont_25 .btn a:hover:after {
  background: #fff;
  color: #0b3667;
}

#mv .cont_25 .c-button.blue::after {
  line-height: 1.3rem;
  font-size: .5rem;
}

.en #mv .cont_25 .c-button.blue::after {
  line-height: 1.4rem;
}

.cont_25 .c-button::after {
  font-size: .9rem;
}

#mv .recruitment ._block h2 {
  margin: 0 auto 0;
  min-width: 250px;
  width: 95%;
}

.en #mv .recruitment ._block h2 {
  width: 100%;
}

#mv .recruitment ._block h2+figure {
  margin-top: -5px;
  margin-bottom: 25px;
  max-width: 300px;
  margin: -5px auto 15px;
}

.en #mv .recruitment ._block h2+figure {
  max-width: 480px;
}

#mv .recruitment ._block ul {
  display: flex;
  justify-content: space-between;
}

#mv .recruitment ._block ul li {
  width: calc((100% - 20px)/3);
  margin-bottom: 1rem;
}

#mv .recruitment ._block ul li:last-of-type {
  margin-bottom: 0;
}

#mv .recruitment ._block ul li img {
  box-shadow: 0 0 8px 3px #00000054;
  border-radius: 10px;
}

#mv .recruitment ._block ul li:last-of-type {
  margin-right: 0;
}

#mv .recruitment ._block ul li a {
  /* display: block; */
  /* background: -webkit-linear-gradient(left, #f9ba1e 0%, #f84603 100%) !important; */
  background: linear-gradient(left, #1878d1 0%, #00fff6 100%) !important;
  /* height: 100%; */
  /* border-radius: 5px; */
  /* padding: 20px 10px; */
}

#mv .recruitment ._block ul li a p {
  color: #fff;
  font-family: "LINESeedJP";
  font-weight: 700;
  font-size: var(--font-size_19);
  margin-bottom: 12px;
  position: relative;
  text-shadow: 0 0 5px #f86c0d, 0 0 5px #f86c0d, 0 0 5px #f86c0d, 0 0 5px #f86c0d;
}

.en #mv .recruitment ._block ul li a p {
  font-family: 'Outfit';
  letter-spacing: 0;
  margin-bottom: 7px;
}

#mv .recruitment ._block ul li a figure {
  max-width: 30px;
  margin: 0 auto;
}

#mv .recruitment ._block ul li:nth-of-type(3) a figure,
#mv .recruitment ._block ul li:nth-of-type(2) a figure {
  width: 27px;
}


#mv .recruitment ._block nav ul {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  flex-wrap: wrap;
}

#mv .recruitment ._block .deadline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 25px;
}

#mv .recruitment ._block .deadline h3 {
  position: relative;
  background-color: #0046d3;
  color: #fff;
  font-size: var(--font-size_21);
  font-weight: bold;
  font-style: italic;
  padding: 5px 15px 2px 20px;
  line-height: 1.5;
  width: 50%;
  text-align: center;
}

#mv .recruitment ._block .deadline h3:after {
  content: "";
  position: absolute;
  top: -20px;
  right: -0.9em;
  border-style: solid;
  border-color: transparent transparent transparent #0046d3;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}

#mv .recruitment ._block .deadline .date {
  margin: auto;
  font-style: italic;
  font-weight: bold;
  color: #0046d3;
  font-size: var(--font-size_18);
  line-height: 1;
}

#mv .recruitment ._block p span.num {
  font-style: italic;
  font-weight: bold;
  font-size: var(--font-size_26);
}

#mv .recruitment ._block nav ul li {
  width: calc((100% - 15px) /3);
}

#mv .recruitment ._block nav ul li:last-child {
  margin-bottom: unset;
}

#mv .recruitment ._block nav ul li a {
  position: relative;
  display: flex;
  width: 100%;
  padding: 15px;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  background-color: #000;
  border-radius: 4px;
  transition: all 0.2s !important;
  text-align: left;
  height: 100%;
  align-items: center;
}

/* #mv .content p.btn a:before, */
#mv .recruitment ._block nav ul li a:before {
  font-family: "Font Awesome 5 Free";
  margin-right: 5px;
}

.en #mv .recruitment ._block nav ul li a:before {
  margin-right: 6px;
}


#mv .recruitment ._block nav ul li a:hover {
  opacity: 1 !important;
  background-color: #0046d3;
}


/* review追加によるcontactリンクの調整 */
#mv .recruitment .mv_contact_link {
  width: 100%;
}

#mv .recruitment .mv_contact_link .btn.arrow_btn {
  width: 100%;
  border-radius: 5px;
  background: #683dbe;
  font-size: 15px;
}

#mv .recruitment .mv_contact_link .btn.arrow_btn:after {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
  color: #ffffffab;
  position: absolute;
  top: 50%;
  font-size: .7rem;
  right: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition: all .2s;
}

@media screen and (max-width:600px) {
#mv .recruitment .btn_cont figure{width: 40%;min-width: 225px;}
  }

@media screen and (max-width:500px) {
  .en a.btn.btn_pink::after {
    width: 25px;
    height: 25px;
    line-height: 25px;
    right: 10px;
  }

  .en a.btn.btn_bg_pink,
  .en a.btn.btn_pink {
    padding: .8rem 3rem .8rem 2rem;
  }
  #mv .btn_cont .btn{
    pa.8rem 6rem .8rem CORNER-SHAPE: SUPERELLIPSE(0.5);
    /* padding: .8rem 3rem .8rem 2rem; */
    pa.8rem 6rem .8rem CORNER-SHAPE: SUPERELLIPSE(0.5);
    font-size: 1.2rem;
  }
  #mv .btn_cont .btn span{
    font-size: .7rem;
  }

  #mv .btn_cont .end_cont + .btn{
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width:500px) {
#mv .recruitment .btn_cont figure{
  min-width: 200px;
  width: 70%;
}
  }



/*============================
#news
============================*/

#news {
  margin: 0 auto;
  padding: 0;
  border-bottom: 1px solid #b8bfd2;
}

#news .news-block {
  margin: 0 auto;
  display: flex;
  padding: 1rem;
  justify-content: space-between;
  align-items: center;
  border-bottom: none;
  gap: 15px;
}

#news .content {
  display: flex;
  align-items: center;
  width: calc(100% - 100px);
}

#news .content h2 {
  font-size: var(--font-size_19);
  font-weight: bold;
  text-align: center;
  padding: 0 35px 0 0;
  position: relative;
  font-family: "Outfit", serif;
  font-weight: bold;
}

#news .content h2:after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 30px;
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#news .content div {
  width: auto;
  display: flex;
  align-items: center;
}

#news .content a {
  color: #010101;
  font-size: var(--font-size_17);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: calc(100% - 80px);
}

#news .content .date {
  margin: 0 25px;
  font-size: var(--font-size_16);
  font-family: "Outfit", serif;
}

#news .view_all {
  width: 100px;
}

#news .view_all a {
  border-bottom: 1px solid #000;
  font-size: var(--font-size_16);

  font-weight: bold;
}

/*============================
#magazine
============================*/
#magazine {
  background-image: url(../../../assets/img/magazine/mv_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  padding: 40px 30px 25px;
  background-position: left;
  overflow: hidden;
  display: block;
}

#magazine .w1200 {
  margin: 0 auto;
}

#magazine h2 {
  font-size: var(--font-size_39);
  font-weight: 700;
  display: inline-block;
  font-family: 'Outfit', sans-serif;
  width: max-content;
  margin-bottom: 15px;
  padding: 0;
}

#magazine .flex_cont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  max-width: 1500px;
  margin: 0 auto;
}

#magazine .txt_area {
  display: flex;
  flex-direction: column;
  width: 21%;
  /* justify-content: center; */
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

#magazine .txt_area .sub_txt {
  /* text-align:left; */
  align-items: l;
  align-items: revert;
  width: 100%;
}

#magazine .txt_area figure {
  max-width: 350px;
  position: relative;
  z-index: 1;
}

#magazine .txt_area .news_list {
  width: 50%;
}


#magazine .magazine_btn.btn.arrow_btn {
  margin-top: -15px;
  position: relative;
  background: -moz-linear-gradient(left, #2f67f6 0%, #6022d2 25%, #6022d2 50%, #2f67f6 100%) !important;
  background: linear-gradient(left, #2f67f6 0%, #6022d2 25%, #6022d2 50%, #2f67f6 100%) !important;
  z-index: 2;
  margin: -15px auto 0;
}

#magazine .btn:hover {
  background-position: 100% 50%;
}

#magazine .btn.arrow_btn:after {
  font-size: .8rem;
  top: 55%;
  color: #fff;
}

.c-button.white_bg {
  display: inline-block;
  color: #0c90e4;
  font-size: var(--font-size_14);
  font-weight: bold;
  position: relative;
  background: #ffff;
  border: none;
  font-size: .7rem;
  font-weight: bold;
  padding: 8px 30px 8px 10px;
}

.c-button.white_bg:after {
  background: #0c90e4;
  color: #fff;
}


#magazine .contents ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}

#magazine .contents ul li {
  width: 48.5%;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 25px;
  margin-bottom: 20px;
  border-radius: 5px;
  position: relative;
  box-shadow: 0px 0px 18px -11px #000000;
}

#magazine .contents ul li:after {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
  font-weight: 700;
  background: #0c90e4;
  width: 55px;
  height: 55px;
  color: #ffffff;
  display: inline-block;
  border-radius: 100px;
  line-height: 55px;
  font-size: 1.3rem;
  position: absolute;
  right: 15px;
  bottom: -12px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition: all .2s;
  text-align: center;
}

#magazine .contents ul li a {
  display: block;
  position: relative;
}

#magazine .contents ul li figure {
  width: 42%;
}

#magazine .contents ul li figure a {
  aspect-ratio: 5 / 3;
  border-radius: 3px;
  overflow: hidden;
}

#magazine .contents ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#magazine .contents ul li figure span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 12px;
  text-align: center;
  background: #000000cc;
  font-weight: bold;
  padding: 7px;
}

#magazine .contents ul li .detail {
  width: 54%;
}

#magazine .contents ul li .detail .info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 3px;
}

#magazine .contents ul li .detail .info .date,
#magazine .contents ul li .detail .info .category {
  color: #7c7c7c;
  font-size: var(--font-size_13);
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

#magazine .contents ul li .detail .info .date {
  margin-right: 16px;
}

#magazine .contents ul li .detail .info .fa {
  margin-right: 4px;
}

#magazine .contents ul li .detail .title {
  font-weight: bold;
  font-size: var(--font-size_14);
  margin-bottom: 10px;
  line-height: 1.4;
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#magazine .contents ul li .detail .tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#magazine .contents ul li .detail .tags .tag {
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 20px;
  margin-right: 10px;
}

#magazine .contents ul li .detail .tags .tag.pr {
  background-color: unset;
  border: unset;
  border-radius: unset;
  color: #7c7c7c;
  font-weight: bold;
  font-size: var(--font-size_13);
}

#magazine .contents ul li .detail .tags .tag a {
  display: block;
  width: 100%;
  padding: 2px 10px;
  font-weight: bold;
  font-size: var(--font-size_13);
}

.magazine h2:after {
  display: none;
}

#magazine .swiper {
  width: 68%;
}

#magazine .main_mag.flex_list.magazine_slide_mv.swiper-wrapper {
  display: flex;
  position: relative;
}



#magazine .swiper-pagination {
  display: block;
  position: relative;
  bottom: 0;
  margin-top: 20px;
}

#magazine .swiper-pagination-bullet {
  background: #d4d4d4;
  opacity: 1;
  margin: 0 10px;
  height: 10px;
  width: 10px;
}

#magazine .swiper-pagination-bullet-active {
  background: #000000;
}







.swiper-button-prev:after,
.swiper-button-next:after,
.swiper-button-prev,
.swiper-button-next,
.swiper-pagination {
  display: block;
}


/* PRはmagazine.css参考*/
.magazine .pr {
  margin-left: auto;
  width: max-content;
  padding: 0px 10px;
  background: #cfcfcfa6;
  font-size: 10px;
  color: #696969;
  margin-top: 5px;
  margin-bottom: 10px;
}

.pr {
  display: none;
}

@media screen and (max-width:1000px) {
  #magazine br.pc {
    display: block;
  }

  #magazine .btn.arrow_btn:after {
    right: 14px;
  }

}

@media screen and (max-width:850px) {
  #magazine .swiper {
    width: 60%;
  }

  #magazine .txt_area {
    padding: 0;
    width: 30%;
  }

  #mv .flex_cont .cont_l>li {
    width: 49%;
  }

  #mv .flex_cont .cont_l>li:first-of-type {
    margin-right: 10px;
  }

  #mv .flex_cont .cont_l li {
    margin-bottom: 0;
  }

  #mv .flex_cont .cont_l li+li {
    margin-right: 0;
  }
}

@media screen and (max-width:600px) {
  #magazine .magazine_btn.btn.arrow_btn {
    padding: .5rem 3rem .5rem 2rem;
  }

  #magazine .txt_area figure {
    max-width: 250px;
    margin: 0 auto;
  }

  #magazine h2 {
    font-size: var(--font-size_35);
    margin-bottom: 0;
  }

  #magazine .flex_cont>.txt_area {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 20px;
  }

  #magazine .swiper {
    width: 100%;
  }

}

@media screen and (max-width:480px) {

  #magazine .swiper-pagination {
    margin-top: 10px;
  }

  #magazine .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 7px;
  }

  #mv .recruitment ._block ul li {
    margin-bottom: 10px;
  }

  #mv .catchcopy:has(.catchcopy_newline) {
    right: 10px;
    margin: 0;
  }

  #magazine h2 {
    margin-right: 15px;
  }

  .link.arrow_circle:after {
    width: 45px;
    height: 46px;
    line-height: 3;
  }
}




/*============================
#event_overview
============================*/
#event_overview {
  color: #fff;
  margin: 0 auto;
  display: block;
  position: relative;
  background-image: url(../../../assets/img/top/overview_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  padding: clamp(30px, 5vw, 40px) clamp(15px, 3vw, 20px) clamp(150px, 20vw, 200px);
  border-top: none;
  min-height: 60vh;
}

#event_overview .link_cont {
  background: #fff;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  border-radius: 8px;
  padding: clamp(20px, 4vw, 30px);
  align-items: center;
  margin-bottom: clamp(40px, 8vw, 60px);
  max-width: 1500px;
  flex-wrap: wrap;
  gap: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

#event_overview .link_cont nav {
  flex: 1;
}

#event_overview .link_cont nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(8px, 2vw, 10px);
  justify-content: space-between;
}

#event_overview .link_cont nav ul li {
  flex: 1 1 auto;
  min-width: 120px;
}

#event_overview .link_cont nav ul li a {
  display: block;
  padding: clamp(0.5rem, 1.5vw, 0.7rem) clamp(0.3rem, 2vw, 1.2rem);
  color: #fff;
  background: #000;
  font-weight: bold;
  font-size: clamp(14px, 2.5vw, 16px);
  border-radius: 5px;
  text-align: center;
  position: relative;
  transition: all 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.en #event_overview .link_cont nav ul li a {
  font-size: 14px;
}

#event_overview .link_cont nav ul li a:after {
  content: "";
  border: 0;
  border-bottom: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  display: inline-block;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 45%;
  right: 12px;
  transform: translateY(-50%) rotate(45deg);
}

#event_overview .link_cont nav ul li.purple a {
  background: #7f35da;
}

#event_overview .link_cont nav ul li.blue a {
  background: #0871ee;
}

#event_overview .link_cont nav ul li.green a {
  background: #05a78e;
}

#event_overview .link_cont nav ul li.light_green a {
  background: #5cbc28;
}

#event_overview .link_cont nav ul li.yellow a {
  background: #c7c50b;
}

#event_overview .link_cont nav ul li.orange a {
  background: #e5950b;
}

#event_overview .link_cont nav ul li.pink a {
  background: #e74fc2;
}

#event_overview .event_overview_headline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

#event_overview .btn {
  padding: 1.2rem 3rem 1.2rem 3rem;
  background: #E91D63;
  font-size: clamp(16px, 2.5vw, 20px);
  /* 最小14px、最大20px、間はビューポート幅の2.5% */
}

#event_overview .btn::before {
  content: '';
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  top: 50%;
  left: 1.5rem;
  background-repeat: no-repeat;
  position: absolute;
  background-image: url(../../../assets/img/top/icon_walking.png);
  background-size: contain;
  transform: translateY(-50%);
}

#event_overview .btn.arrow_btn:after {
  right: 25px;
  font-size: clamp(14px, 1.8vw, 16px);
}

#event_overview .w1200 {
  position: relative;
  margin: 0 auto;
}

#event_overview .w1200 p {
  color: #fff;
  font-weight: bold;
  line-height: 2;
  margin-bottom: 30px;
  font-size: var(--font-size_19);
  text-shadow: 1px 1px 5px #000;
}

#event_overview .link_cont h2 {
  font-size: var(--font-size_26);
  color: #000;
  margin-bottom: 0;
  width: 175px;
  margin-right: 10px;
}

.en #event_overview .link_cont h2 {
  font-size: var(--font-size_24);
  margin-right: 10px;
  width: 160px;
}

#event_overview .video_cont,
#event_overview .event_about {
  width: 100%;
  max-width: 49.5%;
  min-width: 300px;
  flex: 1;
}

@media screen and (max-width: 768px) {

  #event_overview .video_cont,
  #event_overview .event_about {
    max-width: 100%;
    margin-bottom: 20px;
  }
}

#event_overview .video_cont video {
  width: 100%;
}

#event_overview .flex_cont .event_about {
  background: #fff;
  border-radius: 8px;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  padding: clamp(1rem, 3vw, 1.5rem);
  height: 100%;
  align-items: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

#event_overview .flex_cont .event_about div {
  display: flex;
  border-bottom: 1px solid #d5e3ef;
  width: 100%;
}

#event_overview .flex_cont .event_about div:last-of-type {
  border-bottom: none;
}

.en #event_overview .flex_cont .event_about {
  padding: .8rem 1.5rem;
}

#event_overview .flex_cont .event_about dt,
#event_overview .flex_cont .event_about dd {
  font-weight: bold;
  padding: 1.4rem 0;
  font-size: var(--font-size_19);
}

#event_overview .flex_cont .event_about dt:last-of-type,
#event_overview .flex_cont .event_about dd:last-of-type {
  border-bottom: none;
}

#event_overview .flex_cont .event_about dt {
  width: 70px;
}

.en #event_overview .flex_cont .event_about dt {
  width: 100px;
  line-height: 1.2;
}

#event_overview .flex_cont .event_about dd {
  width: calc(100% - 70px);
}

.en #event_overview .flex_cont .event_about dd {
  width: calc(100% - 100px);
  padding-left: 1rem;
  /* line-height: 1; */
  line-height: 1.2;
}

#event_overview .banner_link_area figure {
  max-width: 800px;
  margin: 0 auto;
}

/* 英語は事前登録なしのためリンク消し */
.en #event_overview .banner_link_area.comingsoon {
  pointer-events: none;
}

#event_overview.movie_column .content .text_block {
  width: 48%;
}

#event_overview .flex_cont {
  display: flex;
  align-items: stretch;
  /* margin-bottom: 43px; */
}

#event_overview .flex_cont .event_about,
#event_overview .flex_cont .video_cont {
  min-height: 250px;
}

#event_overview .flex_cont .video_cont {
  position: relative;
  overflow: hidden;
}



#event_overview .flex_cont .event_about {
  background: #fff;
  border-radius: 5px;
}

#event_overview .c-text-link {
  color: #000;
  text-decoration: none;
}

#event_overview .c-text-link:after {
  color: #0c4dd5;
  font-size: 16px;
}

#event_overview .flex_cont .video_cont iframe {
  width: 100%;
  height: 100%;
}

#event_overview.movie_column .content .movie_block {
  width: 48%;
}

#event_overview.movie_column .content .movie_block video {
  width: 100%;
}

#event_overview .inner._why_exhibits {
  justify-content: center;
  margin-top: 20px;
}

#event_overview .link_cont nav ul li {
  width: calc((100% - 30px)/ 4);
  flex: inherit;
}


/*---- 無限に流れる画像 -----*/
.marquee {
  overflow: hidden;
  width: 100%;
  position: absolute;
  margin-top: 60px;
  left: 0;
}

.marquee__inner {
  display: flex;
  animation: scroll 50s linear infinite;
}

.marquee__inner img {
  margin-right: 15px;
  height: 250px;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}


@media screen and (max-width:1450px) {
  #event_overview .link_cont nav ul {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

@media screen and (max-width:1112px) {
  .en #event_overview .flex_cont .event_about {
    padding: .8rem 1.2rem;
  }

  .en #event_overview .flex_cont .event_about dt {
    width: 95px;
  }

  .en #event_overview .flex_cont .event_about dd {
    width: calc(100% - 95px);
  }
}

@media screen and (max-width:1010px) {

  #event_overview .flex_cont .video_cont,
  #event_overview .flex_cont .event_about {
    width: 100%;
  }

  #event_overview .flex_cont .video_cont {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-top: 20px;
  }

  #event_overview .flex_cont .video_cont iframe {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 100%;
  }

  #event_overview .w1200 {
    padding: 0 20px;
  }

  .en #event_overview .link_cont h2,
  #event_overview .link_cont h2 {
    width: 100%;
    margin-bottom: 10px;
  }


  .en #event_overview .link_cont nav ul li {
    width: calc((100% - 30px)/ 3);
  }
}

@media screen and (max-width:850px) {
  .marquee__inner img {
    height: 230px;
  }

  .en #event_overview .link_cont nav ul li {
    width: calc((100% - 20px)/ 2);
  }

  #event_overview .w1200 p {
    margin-bottom: 20px;
  }

  #event_overview .w1200 p {
    font-size: var(--font-size_17);
  }

  .marquee__inner {
    animation: scroll 15s linear infinite;
  }
}


@media screen and (max-width:800px) {
  #event_overview .link_cont nav ul li {
    width: calc((100% - 20px)/ 2);
  }

  .en #event_overview .link_cont nav ul li {
    width: calc((100% - 10px)/ 2);
  }

  #event_overview .link_cont {
    margin-bottom: 40px;
  }

  .marquee__inner img {
    height: 200px;
  }
}

@media (max-width: 768px) {
  #event_overview .event_overview_headline {
    margin-bottom: 20px;
  }

  #event_overview .btn {
    margin: 0 auto 20px;
  }

  #event_overview .btn.arrow_btn:after {
    right: 20px;
  }
}

@media screen and (max-width:600px) {
  #event_overview .flex_cont .video_cont {
    min-height: 200px;
  }

  .en #event_overview .link_cont {
    padding: 20px;
  }

}

@media screen and (max-width:480px) {
  #event_overview .anniversary .content h3 {
    font-size: var(--font-size_22);
    margin-bottom: 10px;
  }

  #event_overview .w1200 {
    padding: 0 10px;
  }

  #event_overview .link_cont nav ul li {
    width: 48%;
  }

  #event_overview .link_cont {
    padding: 15px 20px;
  }

  #event_overview .link_cont nav ul li a {
    font-size: var(--font-size_14);
  }

  #event_overview .flex_cont .event_about {
    padding: 15px 15px 10px;
    min-height: inherit;
  }

  #event_overview .flex_cont {
    margin-bottom: 30px;
  }

  #event_overview .anniversary .content h3 {
    font-size: var(--font-size_22);
    margin-bottom: 10px;
  }
}


/*============================

#why_exhibits 

============================ */

#why_exhibits {
  padding: 100px 30px 80px;
  position: relative;
  overflow: hidden;
}

#why_exhibits .w1200 {
  margin: 0 auto 0;
  /* padding: 0 30px 0; */
}

#why_exhibits .sp_img {
  display: none;
}

#why_exhibits::before {
  content: "";
  display: block;
  background-image: url(../../../assets/img/top/schedule_treat.webp);
  position: absolute;
  width: 364px;
  height: 500px;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  bottom: -70px;
}

#why_exhibits .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  position: relative;
}

#why_exhibits h2 {
  text-align: left;
  color: #000;
}

#why_exhibits.main h2 span:before {
  background: #0709de;
}

#why_exhibits h2 small {
  font-size: var(--font-size_26);
  margin-left: 30px;
}

#why_exhibits p>span {
  font-size: var(--font-size_28);
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.8;
  display: block;
  color: #0305ad;
}

#why_exhibits .content p {
  line-height: 1.8;
  margin-bottom: 30px;
}

#why_exhibits .content p:last-of-type {
  margin-bottom: 0;
}

#why_exhibits .merit_list ul {
  margin-bottom: 20px;
}

#why_exhibits .merit_list li a {
  padding-bottom: 0;
}

#why_exhibits .content .merit_list li p {
  line-height: 1.3;
  margin-bottom: 10px;
}

#why_exhibits p.btn {
  text-align: center;
  width: 100%;
  max-width: 345px;
  margin: 0 auto;
}

#why_exhibits .inner._why_exhibits {
  padding: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin-top: 20px;
  background: #f0f0f0;
}

#why_exhibits .inner._why_exhibits figure {
  width: 380px;
  background: #fff;
  padding: 20px;
}

#why_exhibits .merit_movie_banner {
  max-width: 800px;
  margin: 20px auto auto;
}

#why_exhibits p {
  line-height: 1.8;
  margin-bottom: 40px;
}

#why_exhibits .merit_list_cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}

#why_exhibits .merit_list_cont .merit_list {
  width: calc((100% - 70px)/3);

}

#why_exhibits .merit_list_cont .merit_list:nth-child(n+4) {
  margin-top: 35px;
}

#why_exhibits .content p.btn a {
  color: #fff;
  background-color: #0f1c7d;
}

@media screen and (max-width:1120px) {
  #why_exhibits.main h2 span {
    display: inline-block;
    /* padding: 0 1.5rem!important; */
    margin-left: 15px;
  }

  #why_exhibits .merit_list_cont .merit_list {
    width: calc((100% - 50px)/3);
  }

  #why_exhibits .merit_list_cont .merit_list:nth-child(n+4) {
    margin-top: 25px;
  }
}

@media screen and (max-width: 850px) {
  #why_exhibits .top {
    margin-bottom: 40px;
  }

  #why_exhibits h2 {
    margin-bottom: 30px;
  }

  #why_exhibits .link.arrow_circle {
    /* margin-right: 80px; */
    margin-left: auto;
  }

  #why_exhibits .merit_list_cont .merit_list {
    width: calc((100% - 20px)/2);
    margin-top: 20px;
  }

  #why_exhibits .merit_list_cont .merit_list:nth-child(n+4) {
    margin-top: 20px
  }

  #why_exhibits p {
    margin-bottom: 0;
  }

  #why_exhibits .merit_list_cont {
    margin-top: 0;
  }

  #why_exhibits p>span {
    font-size: var(--font-size_24);
    margin-bottom: 10px;
  }

  #why_exhibits {
    padding: 160px 30px 50px;
  }
}

@media screen and (max-width:480px) {
  #why_exhibits .sp_img {
    display: block;
  }

  #why_exhibits .pc_img {
    display: none;
  }

  #why_exhibits p>span {
    line-height: 1.5;
  }

  #why_exhibits.main h2 span {
    display: block;
    margin-left: 0;
  }

  #why_exhibits h2 {
    margin-bottom: 0;
  }

  #why_exhibits .top {
    margin-bottom: 20px;
  }

  #why_exhibits .merit_list_cont .merit_list {
    margin-top: 7px;
    width: 100%;
  }

  #why_exhibits .merit_list_cont .merit_list:first-of-type {
    margin-top: 0;
  }

  #why_exhibits p {
    margin-bottom: 20px;
  }

  #why_exhibits .merit_list_cont .merit_list:nth-child(n+4) {
    margin-top: 7px;
  }

  #why_exhibits .link.arrow_circle {
    display: none;
  }

  .en .link.arrow_circle:after {
    /* margin-left:10px; */
  }

  .en #why_exhibits .link.arrow_circle {
    margin-right: 60px;
  }
}


/* -------------------

#exhibitor_categories

------------------- */

#exhibitor_categories {
  padding: 80px 0 0px;
  background-size: cover;
  background: -webkit-linear-gradient(left, #000a31 0%, #0c66a6 100%) !important;
  background: linear-gradient(left, #000a31 0%, #0c66a6 100%) !important;
}

#exhibitor_categories .category_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  box-shadow: 0px 10px 15px -5px #a4a4a4;
  position: relative;
}

#exhibitor_categories * {
  color: #fff;
}

#exhibitor_categories h3,
#exhibitor_categories h4 {
  font-size: var(--font-size_26);
  font-weight: bold;
  line-height: 1.3;
}

.en #exhibitor_categories h3 {
  font-size: var(--font-size_28);
  margin-bottom: 20px;
}

#exhibitor_categories h4 {
  font-size: var(--font-size_15);
}

#exhibitor_categories h4 {
  font-size: var(--font-size_19);
  line-height: 1.7;
  font-weight: bold;
  margin-bottom: 10px;
}

#exhibitor_categories h3>span {
  display: block;
  font-weight: bold;
  font-size: var(--font-size_14);
  line-height: 3.5;
}

#exhibitor_categories a {
  padding: 110px 1.5rem;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

#exhibitor_categories a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.3s ease, filter 0.3s ease;
  z-index: -1;
}

#exhibitor_categories .proaudio a:before {
  background-image: url(../../../assets/img/top/pro_audio_bg.webp);
}

#exhibitor_categories .entertainment a:before {
  background-image: url(../../../assets/img/top/entertaiment_bg.webp);
}

#exhibitor_categories .Video_broadcast a:before {
  background-image: url(../../../assets/img/top/video_equipment_bg.webp);
}

#exhibitor_categories .mediasolution a:before {
  background-image: url(../../../assets/img/top/media_bg.webp);
}

#exhibitor_categories a:hover {
  opacity: 1 !important;
}

#exhibitor_categories a:hover:before {
  transform: scale(1.1);
  filter: brightness(70%);
}

#exhibitor_categories a:hover div {
  text-shadow: #000;
}

#exhibitor_categories .top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
  margin: 0 auto 60px;
}

#exhibitor_categories h2 {
  margin-bottom: 0;
  width: 40%;
}

#exhibitor_categories h2 small {
  color: #c40202;
}

#exhibitor_categories h2+p {
  width: 55%;
  font-weight: bold;
  font-size: var(--font-size_18);
}

#exhibitor_categories p {
  line-height: 1.8;
  text-align: left;
  font-size: var(--font-size_14);
}

#exhibitor_categories .content {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
  align-items: center;
}

#exhibitor_categories ul li {
  width: calc(100% / 4);
  text-align: center;
}

#exhibitor_categories ul li a .pro_audio {
  background: url(../img/top/pro_audio_bg.webp) bottom/contain no-repeat,
    linear-gradient(90deg, rgba(4, 153, 159, 1), rgba(4, 119, 159, 1));
  background-size: cover;
}

#exhibitor_categories .content a {
  height: 100%;
  width: 100%;
  display: block;
}

#exhibitor_categories .content .block.entertainmant {
  background: url(../img/top/cat_entertainment.webp) bottom/contain no-repeat,
    linear-gradient(90deg, rgba(104, 37, 167, 1), rgba(169, 52, 106, 1));
}

#exhibitor_categories .content .block.video {
  background: url(../img/top/cat_video.webp) bottom/contain no-repeat,
    linear-gradient(90deg, rgba(35, 112, 181, 1), rgba(35, 60, 181, 1));
}

#exhibitor_categories .content .block.media {
  background: url(../img/top/cat_media.webp) bottom/contain no-repeat,
    linear-gradient(90deg, rgba(226, 126, 0, 1), rgba(226, 153, 0, 1));
}

#exhibitor_categories .content .block h3 {
  font-size: var(--font-size_28);
  font-weight: bold;
  margin-bottom: 30px;
}

#exhibitor_categories .content .block h3 small {
  display: block;
  font-size: var(--font-size_14);
  font-weight: bold;
  margin-top: 20px
}

#exhibitor_categories .content .block h4 {
  font-size: var(--font-size_19);
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 1.4;
}

#exhibitor_categories .content .block p {
  font-size: var(--font-size_14);
  margin: 0;
}

@media screen and (max-width:1300px) {
  #exhibitor_categories ul li {
    width: calc(100% / 2);
  }

  #exhibitor_categories ul li a {
    padding: 40px 1.5rem;
  }
}


@media screen and (max-width: 1250px) {
  #mv .flex_cont {}

  #mv .recruitment ._block h2+figure {
    max-width: 250px;
  }

  #mv .flex_cont .cont_l {
    min-width: 270px;
  }

  #mv .recruitment {
    width: 43%;
  }

  #exhibitor_categories .top {
    padding: 0 30px;
  }

  #mv .recruitment ._block ul li a p {
    font-size: var(--font-size_15);
  }

  #mv .recruitment ._block ul li a figure {
    width: 45px;
  }

  #mv .recruitment ._block ul li:nth-of-type(2) a figure {
    width: 37px;
  }

  #mv h1 img {
    width: 100%;
    height: auto;
    max-width: 400px;
  }

  #mv h1 {
    text-align: center;
  }
}

@media screen and (max-width:1120px) {
  .main h2 span {
    display: block;
    margin-top: 20px;
    padding: 0 !important;
    font-size: var(--font-size_18);
  }


  .main#results h2 span,
  .main#event_overview h2 span {
    display: inline;
    /* padding: 0 1.5rem; */
    margin-left: 1.5rem;
  }

  #event_overview .w1200 p {
    font-size: var(--font-size_16);
  }

  #exhibitor_categories h2 {
    width: 30%;
  }

  #exhibitor_categories h2+p {
    flex: 1;
  }

}

@media screen and (max-width:1000px) {
  #mv .recruitment ._block ul li a p {
    font-size: var(--font-size_14);
  }

  #mv .recruitment ._block ul li a figure {
    width: 40px;
  }

  #mv .recruitment ._block ul li:nth-of-type(3) a figure,
  #mv .recruitment ._block ul li:nth-of-type(2) a figure {
    width: 37px;
  }

}

@media screen and (max-width:850px) {
  

  #mv .flex_cont {
    flex-direction: column-reverse;
  }

  #mv h1 img {
    max-width: 400px;
  }

  #mv .recruitment ._block h2 {
    width: 100%;
  }

  #mv .recruitment ._block h2+figure {
    max-width: 300px;
    width: 80%;
  }

  .en #mv .recruitment ._block h2+figure {
    width: 100%;
  }

  #mv .recruitment ._block ul li a p {
    font-size: var(--font-size_18);
  }

  #exhibitor_categories h2 {
    width: 100%;
    margin-bottom: 30px;
  }
}




@media screen and (max-width:600px) {
  #exhibitor_categories h2+p {
    font-size: var(--font-size_17);
  }

  #exhibitor_categories h3 {
    font-size: var(--font-size_24);
  }

  #exhibitor_categories h4 {
    font-size: var(--font-size_19);
  }

  #exhibitor_categories {
    padding: 50px 0 0;
  }


  #mv .recruitment ._block ul li a p {
    font-size: var(--font-size_15);
  }

}

@media screen and (max-width:500px) {
  #mv .recruitment ._block ul li a p {
    font-size: 14px;
  }
}


@media screen and (max-width:480px) {
  #mv .recruitment h1{
    padding: 0 25px;
    margin-bottom: 0px;
  }
  #event_overview .anniversary .content h3 {
    font-size: var(--font-size_22);
    margin-bottom: 10px;
  }

  #exhibitor_categories .top {
    padding: 0px 20px;
  }

  #mv .recruitment ._block ul li a p {
    font-size: var(--font-size_15);
  }


  #mv .recruitment ._block ul li a figure {
    width: 35px;
  }

  #mv .recruitment ._block ul li:nth-of-type(3) a figure,
  #mv .recruitment ._block ul li:nth-of-type(2) a figure {
    width: 30px;
  }

  .main#results h2 span {
    display: block;
    margin-left: 0;
  }
}





/*============================
#exhibition_fee
============================*/
#exhibition_fee {
  padding: 80px 30px 60px;
  background-size: cover;
  background: url(../../../assets/img/top/exhibition_bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
}

#exhibition_fee .txt_right {
  text-align: right;
  margin-bottom: 20px
}

#exhibition_fee .w1400 {
  padding: 0 50px;
}

#exhibition_fee .top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}

#exhibition_fee.main h2 span:before,
#exhibitor_categories.main h2 span:before {
  background: #006edc;
}

#exhibition_fee .deadline_cont>span {
  color: #fff;
  font-weight: bold;
  background: #e91b3f;
  display: inline-block;
}

#exhibition_fee .deadline_cont .deadline_txt {
  display: inline-block;
}

#exhibition_fee .deadline br.sp {
  display: block;
}

#exhibition_fee .top h2 {
  color: #000;
}

#exhibition_fee .deadline {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  margin-left: auto;
}

.en #exhibition_fee .deadline {
  flex-wrap: nowrap;
}

#exhibition_fee .deadline>span {
  background: #e91b3f;
  color: #fff;
  padding: .2rem .5rem;
  border-radius: 5px;
  letter-spacing: .1rem;
  margin-right: 10px;
  line-height: 1.2;
}

#exhibition_fee .deadline * {
  font-weight: bold;
}

#exhibition_fee .deadline h3 {
  font-size: var(--font-size_21);
  color: #000;
}

#exhibition_fee .deadline h3:after {
  background: url(../img/top/triangles.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.8em;
  height: 0.9em;
  display: inline-block;
  content: "";
  vertical-align: top;
  margin-left: 20px;
}

#exhibition_fee .deadline .date {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#exhibition_fee .deadline .date.first {
  margin-right: 10px;
}

#exhibition_fee .deadline .deadline_border {
  align-items: center;
  display: flex;
  padding-bottom: .5rem;
  border-bottom: 2px solid #000;
}

#exhibition_fee .deadline .date h4 {
  color: #000;
  font-size: var(--font-size_18);
  margin-right: 12px;
}

#exhibition_fee .deadline .date.first * {
  color: #e70e0e;
}

#exhibition_fee .deadline .date p {
  font-size: var(--font-size_22);
}

#exhibition_fee .deadline .date span {
  font-size: var(--font-size_35);
  font-family: 'Outfit';
}

#exhibition_fee .content {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

#exhibition_fee .content ._block {
  background: #fff;
  display: flex;
  align-items: center;
  box-shadow: 1px 1px 10px 0px #b6ddf6ba;
  border-radius: 3px;
  border-left: 11px solid #414ee9;
  margin-bottom: 20px;
  padding: 50px;
  flex-wrap: wrap;
  background-image: url(../../../assets/img/top/standard_bg.webp);
  background-size: cover;
  background-position: 61% 40%;
  justify-content: space-between;
}

#exhibition_fee .content ._block.small {
  border-left: 11px solid #e91737;
  background-image: url(../../../assets/img/top/smallpackage_bg.webp);
  background-position: 50% 35%;
}

#exhibition_fee .border_box {
  text-align: center;
  padding: 0;
  border: none;
  color: #14b40e;
  font-weight: bold;
  border: 1px solid #14b40e;
  padding: .5rem;
  font-size: var(--font-size_16);
  line-height: 1.5;
  width: 150px;
  border-radius: 3px;
  margin-right: 25px;
}

.en #exhibition_fee .border_box {
  width: 290px;
}

#exhibition_fee .content ._block .detail:first-of-type {
  width: 55%;
}

#exhibition_fee .content ._block.standard figure,
#exhibition_fee .content ._block.small figure {
  width: 40%;
}

#exhibition_fee .content ._block figure img {
  width: 100%;
  height: auto;
}

#exhibition_fee .content ._block .detail h3 span {
  display: block;
  font-weight: bold;
  font-family: 'Outfit';
  color: #006edc;
  line-height: 1.8;
}

#exhibition_fee .content ._block.small .detail h3 span {
  color: #dd48a3;
}



/* package-box */
#exhibition_fee .package-box {
  padding: 2rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  background: #fff;
  box-shadow: 1px 1px 10px 0px #edeef7;
  margin-bottom: 30px;
  border-radius: 5px;
}

#exhibition_fee .package-box .detail {
  width: 67%;
}

#exhibition_fee .package-box figure {
  width: 25%;
  margin-right: 30px;
  border-radius: 5px;
  min-width: 270px;
}

#exhibition_fee .package-box h3 span {
  font-weight: bold;
  font-family: 'Outfit';
  color: #14b40e;
  line-height: 1.8;
  padding-left: 20px;
}

#exhibition_fee .package-box .example {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

#exhibition_fee .package-box .example .total {
  background: #14b40e;
  color: #fff;
  font-family: 'Outfit', serif;
  padding: 0 .8rem;
  line-height: 2;
  border-radius: 5px;
  font-size: var(--font-size_24);
  margin: 0 15px 0 0;
  font-weight: bold;
}

.en #exhibition_fee .package-box .example .total {
  font-size: var(--font-size_20);
}

#exhibition_fee .package-box .example .price {
  display: block;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
}


#exhibition_fee .package-box h3,
#exhibition_fee .content ._block .detail h3 {
  font-size: var(--font-size_36);
  font-weight: bold;
  margin-bottom: 18px;
  color: #010101;
}

#exhibition_fee .content ._block .detail p span {
  font-size: var(--font-size_20);
}

#exhibition_fee .package-box h3 {
  font-size: var(--font-size_28);
}

#exhibition_fee .package-box p,
#exhibition_fee .content ._block .detail p {
  line-height: 1.8;
  margin: 10px 0 0 0;
  font-weight: bold;
  font-size: var(--font-size_20);
}

#exhibition_fee .package-box h3+p {
  margin: 0 0 15px;
}

#exhibition_fee .package-box .indent {
  width: 100%;
  font-size: var(--font-size_15);
}

#exhibition_fee .content ._block.standard .detail p span {
  color: #006edc;
  font-weight: bold;
}

#exhibition_fee .content ._block.small .detail p span {
  color: #dd48a3;
}

#exhibition_fee .content ._block.standard .detail p span.border_btm {
  color: #000;
  border-bottom: 1px solid #bcbcbc;
}

#exhibition_fee .package-box span.marker,
#exhibition_fee .content ._block.standard .detail p span.marker {
  background: linear-gradient(transparent 50%, #b2d3f4 50%);
  color: #000;
}

#exhibition_fee .content ._block.small .detail p span {
  font-weight: bold;
}

#exhibition_fee .content ._block.small .detail p span.marker {
  background: linear-gradient(transparent 50%, #f5c8e4 50%);
  color: #000;
}

#exhibition_fee .package-box span.marker {
  font-weight: bold;
  background: linear-gradient(transparent 50%, #b9e8b7 50%);
  font-size: var(--font-size_20);
}

#exhibition_fee .content ._block .detail .price,
#exhibition_fee .package .detail .price {
  display: flex;
  align-items: center;
  padding: 16px 0 0 0;
}

#exhibition_fee .content ._block.small .detail .price {
  padding: 20px 0 0 0;
}

#exhibition_fee .content ._block .detail .price h4 {
  font-size: var(--font-size_18);
  font-weight: bold;
  white-space: nowrap;
  color: #006edc;
  margin-right: 20px;
}


#exhibition_fee .content ._block.small .detail .price h4 {
  color: #dd48a3;
}

#exhibition_fee .content ._block .detail .price p {
  margin: 0;
}

#exhibition_fee .content ._block .detail .price small:nth-child(2) {
  font-size: var(--font-size_20);
  padding: 0 5px;
  font-weight: bold;
}

#exhibition_fee .content ._block .detail .price small:nth-child(3),
#exhibition_fee .content ._block:nth-child(2) .detail .price small {
  font-size: var(--font-size_13);
  padding: 0 5px;
  font-weight: bold;
}

#exhibition_fee .content ._block .detail .price p span,
#exhibition_fee .package .detail .price .value span,
#exhibition_fee .package-box .detail .price .value span {
  font-size: var(--font-size_47);
  line-height: 1;
  font-weight: bold;
  letter-spacing: -2px;
  font-family: 'Outfit';
  letter-spacing: 1px;
}

#exhibition_fee .package-box .detail .price .value {
  margin-top: 0;
}

#exhibition_fee .package-box .detail .price .value span {
  font-size: var(--font-size_47);
  color: #14b40e;
  margin-right: 10px;
}

.en #exhibition_fee .package-box .detail .price .value span {
  font-size: var(--font-size_39);
}

#exhibition_fee .content ._block .detail .price .line,
#exhibition_fee .package .detail .price .line {
  border-top: 1px solid #000;
  width: 100%;
  margin: 0 0 0 1%;
}

#exhibition_fee .content ._block .detail .caution {
  font-size: var(--font-size_17);
  font-weight: normal;
  margin-top: 15px;
}

#exhibition_fee .content ._block.small .detail .caution {
  margin-top: 0px;
}

#exhibition_fee .content ._block.standard .detail .caution {
  border-bottom: 1px solid #b9b9b9;
  display: inline-block;
}

#exhibition_fee .content ._block.small .detail .caution small {
  font-size: var(--font-size_34);
}

#exhibition_fee .content ._block.small .detail .caution small+small {
  font-size: var(--font-size_13);
}

#exhibition_fee .content ._block .detail .caution small {
  padding: 0 5px 0 20px;
  font-size: var(--font-size_24);
  font-family: 'Outfit';
}

#exhibition_fee .content ._block .detail .caution small+small {
  font-family: 'Zen Kaku Gothic New';
  font-size: var(--font-size_16);
  padding: 0 5px;
}

#exhibition_fee .btn.arrow_btn {
  margin: 0 auto;
  padding: 2rem 5rem;
  min-width: 450px;
  font-size: var(--font-size_22);
}



@media screen and (max-width:1250px) {
  .en #exhibition_fee .border_box {
    width: 100%;
    margin-bottom: 20px;
  }

  .en #exhibition_fee .border_box br.pc {
    display: none;
  }

  .en #exhibition_fee .package-box .detail .price .value span {
    font-size: var(--font-size_34);
  }

  .en #exhibition_fee .package-box .example .price {
    justify-content: center;
  }
}

@media screen and (max-width:1150px) {

  .en #exhibition_fee .deadline {
    margin: 0 0 0 auto;
  }

  .en #exhibition_fee .deadline>span {
    width: 130px;
  }

  .en #exhibition_fee .deadline .date {
    flex-wrap: nowrap;
    width: 100%;
  }

  .en #exhibition_fee .deadline .deadline_border {
    flex: 1;
    flex-direction: column;
  }
}

@media screen and (max-width:1080px) {
  #exhibition_fee .border_box {
    width: 100%;
    margin-bottom: 10px;
  }

  #exhibition_fee .border_box br.pc {
    display: none;
  }

  #exhibition_fee .content ._block .detail:first-of-type {
    width: 57%;
  }

  #exhibition_fee .content ._block .detail:first-of-type br.pc {
    display: none;
  }

  #exhibition_fee .package-box h3 span {
    display: block;
    padding: 0;
  }

  #exhibition_fee .package-box .detail {
    flex: 1;
  }
}


@media screen and (max-width:850px) {
  #exhibition_fee .deadline {
    margin: 0 auto;
  }

  #exhibition_fee .content ._block.standard .detail .caution {
    margin: 10px auto 0;
  }

  #exhibition_fee .package-box span.marker,
  #exhibition_fee .package-box h3+p {
    font-size: var(--font-size_18);
  }

  #exhibition_fee .package-box .indent {
    text-align: center;
  }

  #exhibition_fee .package-box .example .price {
    justify-content: center;
  }
}


@media screen and (max-width:768px) {

  #exhibition_fee .deadline .deadline_border {
    /* width: calc(100% - 70px); */
    justify-content: space-evenly;
  }

  .en #exhibition_fee .deadline .deadline_border {
    flex: none;
    align-items: normal;
  }

  #mv .recruitment ._block.cont_25 {
    margin-top: 0;
  }

  .en #exhibition_fee .deadline>span {
    width: max-content;
  }

  .en #exhibition_fee .deadline {
    flex-wrap: wrap;
  }

  #exhibition_fee .content ._block .detail p span,
  #exhibition_fee .package-box p,
  #exhibition_fee .content ._block .detail p {
    font-size: var(--font-size_17);
  }

  #exhibition_fee .deadline {
    width: 100%;
    margin-bottom: 20px;
  }

  #exhibition_fee .deadline .date p,
  #exhibition_fee .deadline .date h4 {
    margin-right: 5px;
  }

  .en #exhibition_fee .deadline .date p {
    font-size: var(--font-size_16);
  }

  .en #exhibition_fee .deadline .date span {
    font-size: var(--font-size_28);
  }

}


@media screen and (max-width:660px) {
  #exhibition_fee .deadline .deadline_border {
    flex-direction: column;
  }

  #exhibition_fee .deadline {
    width: max-content;
    margin-right: auto;
    margin-left: 0;
  }
}



@media screen and (max-width:600px) {

  #exhibition_fee .deadline .date p,
  #exhibition_fee .deadline .date h4 {
    font-size: var(--font-size_17);
    margin-right: 5px;
  }

  #exhibition_fee {
    padding: 50px 30px;
  }

  #exhibition_fee.main h2 span {
    display: block;
    width: 100%;
  }



  .en #mv .recruitment ._block.cont_25 {
    /* margin-bottom: 0px; */
  }
}

@media screen and (max-width:550px) {
  #exhibition_fee .package-box .example .total {
    margin-right: 10px;
  }

  .en #event_overview .flex_cont .event_about dd,
  .en #event_overview .flex_cont .event_about dt {
    padding: 1rem 0;
    font-size: 15px;
  }

  .en #event_overview .flex_cont .event_about dt {
    padding-left: .5rem;
  }

  .en #event_overview .flex_cont .event_about {
    padding: .8rem;
  }

  #exhibition_fee .deadline .date p,
  #exhibition_fee .deadline .date h4 {
    font-size: var(--font-size_17);
    margin-right: 5px;
  }
}

@media screen and (max-width:480px) {

  .en #event_overview .flex_cont .event_about dd,
  .en #event_overview .flex_cont .event_about dt {
    font-size: 14px;
  }

  .en #event_overview .flex_cont .event_about dd {
    padding-top: .8rem;
  }

  .en #event_overview .flex_cont .event_about dt {
    width: 80px;
    padding-left: .2rem;
  }

  #exhibition_fee .package-box .example .total {
    margin-right: 5px;
    font-size: var(--font-size_19);
  }

  #exhibition_fee .deadline .date span {
    font-size: var();
  }

  #mv .recruitment ._block.mv_list_link_cont {
    margin-top: 65%;
  }

  #exhibition_fee .package-box .indent {
    font-size: var(--font-size_14);
  }

  #exhibition_fee .package-box .detail {
    width: 100%;
    padding: 10px;
  }

  #exhibition_fee .package-box figure {
    width: 100%;
    margin-right: 0;
  }

  #exhibition_fee .content ._block .detail p span,
  #exhibition_fee .package-box p,
  #exhibition_fee .content ._block .detail p {
    font-size: var(--font-size_17);
  }

  #exhibition_fee .package-box .detail .price .value small {
    font-size: var(--font-size_13);
  }

  #exhibition_fee {
    padding: 50px 20px;
  }

  #exhibition_fee .content ._block .detail .caution small+small {
    font-size: var(--font-size_14);
  }

  #exhibition_fee .content ._block.small .detail .price h4 {
    width: max-content;
  }

  #exhibition_fee .content ._block.small .detail .price {
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
  }
}




/*============================
#results
============================*/

#results {
  position: relative;
}

#results:after {
  content: "";
  display: block;
  background-image: url(../../../assets/img/top/result_treat.webp);
  position: absolute;
  width: 450px;
  height: 550px;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  right: 0;
  bottom: 0;
}

#results .results-box {
  margin: 0 auto;
}


#results .results-box .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  flex-wrap: wrap;
  position: relative;
}

#results.main h2 span:before {
  background: #0709de;
}

#results .inner._results {
  width: calc(100% - 400px);
}

#results h3 {
  font-family: 'Outfit', sans-serif;
  font-weight: bold;
  font-size: var(--font-size_20);
  color: #fff;
  text-align: center;
  background: #e46db5;
  width: max-content;
  border-radius: 0 0 5px 0;
  padding: .3rem 1rem;
  width: 180px;
}

#results .visitors_data h3 {
  position: absolute;
  top: 0;
  left: 0;
}

#results .exhibitors_data h3 {
  margin-bottom: 0;
  background: #006edc;
  position: absolute;
  top: 0;
  left: 0;
}

#results h4 {
  font-size: var(--font-size_18);
  font-weight: bold;
  border-radius: 35px;
  text-align: center;
  margin-bottom: 8px;
  margin: 0 auto 5px;
  line-height: 1.3;
  text-align: left;
}

#results .exhibitors_data h4 {
  text-align: center;
  font-size: var(--font-size_17);
}

#results .content {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  position: relative;
}


#results .content .visitors_data {
  width: 100%;
  border: 3px solid #e46db5;
  margin-bottom: 20px;
  border-radius: 5px;
  padding: 60px 30px 30px;
  position: relative;
}

#results .data_flex {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 40px;
  justify-content: space-between;
}

#results .exhibitors_data {
  width: 60%;
  border: 3px solid #006edc;
  border-radius: 5px;
  padding: 40px 10px 20px;
  position: relative;
}

#results .exhibitors_data .exhibitors_data_list {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  align-items: center;
}

#results .exhibitors_data .exhibitors_data_list .txt h4 {
  margin-bottom: 10px;
}


#results .exhibitors_data .exhibitors_data_list li {
  border-left: 1px solid #cccccc;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  padding: 15px 10PX;
}

#results .exhibitors_data .exhibitors_data_list li:first-of-type {
  border-left: none;
  width: 30%;
}

#results .exhibitors_data .exhibitors_data_list li:last-of-type {
  width: 35%;
}

#results .exhibitors_data .exhibitors_data_list .reference span {
  background: #b2daff;
  font-size: var(--font-size_14);
  padding: .25rem;
  display: block;
  width: 90%;
  text-align: center;
  font-weight: bold;
  border-radius: 5px;
  margin-bottom: 15px;
}

#results .c-text-link {
  color: #000;
  text-decoration: none;
  font-size: var(--font-size_16);
  font-weight: bold;
  margin-bottom: 15px;
}

#results .c-text-link:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  color: inherit;
  margin-left: 5px;
  content: "\f35d";
  color: #006edc;
}


#results .exhibitors_data .exhibitors_data_list li img {
  width: 65px;
  margin-bottom: 15px;
}

#results .exhibitors_data .exhibitors_data_list li:nth-of-type(1) img {
  margin-bottom: 20px;
}


#results .exhibitors_data .exhibitors_data_list li:nth-of-type(2) img {
  width: 60px;
}

#results .exhibitors_data .exhibitors_data_list li.reference img {
  width: 135px;
  margin-bottom: 0;
}

#results .exhibitors_data .exhibition ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

#results .others {
  width: 38%;
  border: 3px solid #a0a0a0;
  border-radius: 5px;
  position: relative;
  padding: 50px 10px 30px;
  background: #ffffffc2;
}

#results .others img {
  width: 60px;
  margin-bottom: 14px;
}

#results .impression h4 {
  margin-bottom: 10px;
}

#results .others .speaker img {
  width: 35px;
}


#results .others h3 {
  background: #a0a0a0;
  position: absolute;
  top: 0;
  left: 0;
}

#results .others ul,
#results .content .visitors_data ul.data {
  display: flex;
  flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 35px;
}

#results .others ul {
  align-items: center;
  margin-bottom: 0;
  height: 100%;
}

#results .content .visitors_data .type {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 55px 0 25px;
}

#results .content .visitors_data .type figure {
  width: 200px;
}

#results .content .visitors_data .type .txt {
  flex-grow: 1;
  padding-left: 35px;
}

#results .content .visitors_data ul.data li {
  display: flex;
  align-items: end;
  justify-content: center;
  padding: 0 1rem;
  align-items: center;
  border-left: 1px solid #cccccc;
}

#results .content .visitors_data ul.data li:nth-of-type(1) {
  width: 29%;
  border-left: 0;
}

#results .content .visitors_data ul.data li:nth-of-type(n+2) {
  width: 23%;
}

#results .content .visitors_data ul.data li figure {
  margin-right: 15px;
}

#results .content .visitors_data ul.data li:last-of-type,
#results .exhibitors_data .exhibitors_data_list li:last-of-type {
  border-right: 0;
}

#results .content .visitors_data ul.data li .bee2024 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  line-height: unset;
  text-align: left;
  line-height: 1.2;
}

#results .content .visitors_data ul.data li .txt {
  text-align: left;
}

#results .content .visitors_data ul.data li.schedule h4 {
  padding: 10px 0 4px;
}

#results .content .visitors_data ul.data li:first-child img {
  max-width: 85px;
  margin-right: 5px;
}

#results .content .visitors_data ul.data li:nth-child(2) img {
  width: 100%;
  max-width: 60px;
  margin-right: 5px;
}

#results .content .visitors_data ul.data li:nth-child(3) img {
  width: 100%;
  max-width: 50px;
}

#results .content .visitors_data ul.data li:last-child img {
  width: 100%;
  max-width: 60px;
}

#results .content .visitors_data ul.data li h4 small {
  font-size: var(--font-size_14);
  font-weight: bold;
  display: block;
}

#results .content p {
  display: flex;
  align-items: end;
  font-weight: bold;
  font-size: var(--font-size_19);
  text-align: center;
  position: relative;
  align-items: baseline;
}

#results .content p span {
  font-family: 'Outfit', serif;
  font-weight: bold;
  margin-right: 5px;
  font-size: var(--font-size_47);
}

#results .content .data_flex p span {
  font-size: var(--font-size_34);
}

#results .content .data_flex p {
  font-size: var(--font-size_15);
  display: block;
}

#results .content .visitors_data .type h4 {
  text-align: left;
  font-size: var(--font-size_22);
  border-bottom: 1px solid #c0c0c0;
  border-radius: 0;
  line-height: 2;
  margin-bottom: 15px;
}


#results .content .visitors_data .type .data ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

#results .content .visitors_data .type .data>figure {
  width: 100%;
  max-width: 140px;
}

#results .content .visitors_data .type .data>figure>img {
  width: 100%;
  object-fit: cover;
}

#results .content .visitors_data .type .data ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  width: 48%;
}

#results .content .visitors_data .type .data ul li h5 {
  font-size: var(--font-size_17);
  margin-right: 10px;
  font-weight: bold;
}

#results .content .visitors_data .type .data ul li p {
  font-size: var(--font-size_15);
}

#results .content .visitors_data .type .data ul li p span {
  font-size: var(--font-size_24);
}

#results .others ul li {

  display: flex;
  flex-direction: column;
  align-items: center;
}

#results .others ul li:first-of-type {
  width: 65%;
  border-right: 1px solid #d6d6d6;
}

#results .others ul li:last-of-type {
  flex-grow: 1;
}

#results .content .exhibitors_data p span {
  margin-right: 3px;
}

#results .exhibitors_voice .top {
  display: flex;
}

#results .exhibitors_voice h3 {
  color: #000000;
  font-size: var(--font-size_39);
  border-right: 2px solid;
  border-right: none;
  font-family: "Zen Kaku Gothic New", serif;
}

#results .exhibitors_voice small {
  color: #0f1c7d;
  font-size: var(--font-size_19);
  font-weight: bold;
  margin-bottom: 5px;
}

#results .exhibitors_voice .voice_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: url(../img/top/exb_voice.webp);
  background-size: cover;
  padding: 20px 20px 10px;
  border-radius: 5px;
}

#results .exhibitors_voice .top {
  max-width: 1050px;
  padding: 0px 50px 0 0;
}

.exhibitors_voice {
  width: 100%;
}

.exhibitors_voice_wrap {
  position: relative;
}

#results .exhibitors_voice_wrap h3 {
  background: transparent;
  margin-bottom: 0;
  font-size: var(--font-size_26);
  padding: 0;
  margin-bottom: 20px;
  width: max-content;
}

#results .exhibitors_voice_wrap h3 span {
  color: #4289a1;
  font-weight: bold;
  font-family: 'Outfit', serif;
  margin-left: 20px;
  font-size: var(--font-size_24);
}

.en #results .exhibitors_voice_wrap h3 span {
  margin-left: 0px;
  font-size: var(--font-size_34);
}

#results .exhibitors_voice .voice_list li {
  width: calc((100% - 30px)/3);
  background-color: #ffffff;
  padding: 10px 9px;
  margin-bottom: 15px;
  position: relative;
  border-radius: 5px;
  display: flex;
  align-items: center;
}

#results .exhibitors_voice .voice_list li img {
  max-width: 70px;
  margin-right: 11px;
}

#results .exhibitors_voice .voice_list li p {
  font-size: var(--font-size_14);
  line-height: 1.8;
  text-align: left;
}

/* 実績 円グラフ */
#results .pie-chart-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  margin: 0;
  aspect-ratio: 1 / 1;
  background: conic-gradient(#d86cad 0deg 87.84deg,
      #49d09f 87.84deg 144.72deg,
      #77bc61 144.72deg 198.72deg,
      #7f7cb1 198.72deg 244.08deg,
      #d84751 244.08deg 288.36deg,
      #836772 288.36deg 326.52deg,
      #7b938c 326.52deg 360deg
    );
}

/* reviewリンクバナー */
#results .review_banner_cont {
  margin: 0 auto 40px;
  width: 80%;
}


@media screen and (max-width: 850px) {
  #results .others ul li:first-of-type {
    width: 56%;
  }

  #results .data_flex {
    margin-bottom: 10px;
  }

  #results .content .visitors_data ul.data li:nth-child(3) img {
    max-width: 55px;
  }

  #results .content .visitors_data ul.data li:nth-child(3) figure {
    margin-right: 25px;
  }

  #results .content .visitors_data .type .txt {
    padding-left: 20px;
  }

  #results .content .visitors_data .type h4 {
    font-size: var(--font-size_20);
  }

  #results .content .visitors_data .type .data ul li {
    width: 100%;
  }

  #results .content .visitors_data .type .txt {
    padding-left: 35px;
  }

  /* reviewリンクバナー */
  #results .review_banner_cont {
    margin: 40px auto 0;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #results .content .visitors_data .type .data ul li {
    width: 100%;
  }

  #results .content p span {
    font-size: var(--font-size_39);
  }

  #results h4 {
    font-size: var(--font-size_16);
  }

  #results .content .visitors_data ul.data li:first-child img {
    max-width: 70px;
  }

  #results .content .visitors_data ul.data li:nth-child(2) img {
    max-width: 55px;
  }

  #results .content .visitors_data ul.data li:nth-child(3) img {
    width: 100%;
    max-width: 50px;
  }

  #results .content .visitors_data ul.data li:last-child figure {
    margin-right: 20px;
  }

  #results .content .visitors_data ul.data li:last-child img {
    max-width: 55px;
  }

}


@media screen and (max-width:680px) {
  #results .results-box .top {
    flex-direction: column;
    margin-bottom: 40px;
  }

  #results h2 {
    text-align: left;
    width: 100%;
  }

  #results .link.arrow_circle {
    margin-left: auto;
  }
}

@media screen and (max-width:600px) {
  #results .pie-chart-3 {
    margin-top: 20px;
  }

  #results .content .visitors_data .type {
    flex-direction: column-reverse;
  }

  #results h4 {
    font-size: var(--font-size_15);
  }

  #results .content .visitors_data .type .txt {
    padding-left: 0;
  }

  #results .content .visitors_data ul.data li:first-child img {
    max-width: 60px;
    margin-right: 0px;
  }

  #results .content .visitors_data ul.data li:nth-child(2) img {
    max-width: 50px;
    margin-right: 0;
  }

  #results .content .visitors_data ul.data li:nth-child(3) img {
    max-width: 45px;
  }

  #results .content .visitors_data ul.data li:nth-of-type(4) figure {
    margin-right: 25px;
  }

  #results .exhibitors_data {
    width: 60%;
    border: 3px solid #006edc;
    border-radius: 5px;
    padding: 40px 10px 20px;
    position: relative;
  }

  #results .exhibitors_data .exhibitors_data_list {
    flex-wrap: wrap;
  }

  #results .exhibitors_data .exhibitors_data_list li {
    width: 50%;
    padding: 15px 10PX;
  }

  #results .exhibitors_data .exhibitors_data_list li:first-of-type,
  #results .exhibitors_data .exhibitors_data_list li:nth-of-type(2) {
    border-bottom: 1px solid #cccccc;
  }

  #results .exhibitors_data .exhibitors_data_list li:nth-of-type(2) {
    border-right: none;
  }

  #results .exhibitors_data .exhibitors_data_list li:first-of-type {
    width: 50%;
    height: 167px;
  }

  #results .exhibitors_data .exhibitors_data_list li:nth-of-type(1),
  #results .exhibitors_data .exhibitors_data_list li:nth-of-type(3) {
    border-left: none;
    height: 100%;
  }

  #results .exhibitors_data .exhibitors_data_list li:last-of-type {
    width: 50%;
  }

  #results .exhibitors_data .exhibitors_data_list .reference span {
    background: #b2daff;
    font-size: var(--font-size_14);
    padding: .25rem;
    display: block;
    width: 90%;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    margin-bottom: 15px;
  }

  #results .c-text-link {
    color: #000;
    text-decoration: none;
    font-size: var(--font-size_16);
    font-weight: bold;
    margin-bottom: 15px;
  }

  #results .c-text-link:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: inherit;
    margin-left: 5px;
    content: "\f35d";
    color: #006edc;
  }

  #results .exhibitors_data .exhibitors_data_list li img {
    width: 65px;
    margin-bottom: 15px;
  }

  #results .exhibitors_data .exhibitors_data_list li:nth-of-type(1) img {
    margin-bottom: 20px;
  }


  #results .exhibitors_data .exhibitors_data_list li:nth-of-type(2) img {
    width: 60px;
  }

  #results .exhibitors_data .exhibitors_data_list li.reference img {
    width: 135px;
    margin-bottom: 0;
  }

  #results .exhibitors_data .exhibition ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #results .others {
    width: 38%;
    border: 3px solid #a0a0a0;
    border-radius: 5px;
    position: relative;
    padding: 50px 10px 30px;
    background: #ffffffc2;
  }

  #results .others img {
    width: 60px;
    margin-bottom: 14px;
  }

  #results .impression h4 {
    margin-bottom: 10px;
  }

  #results .others .speaker img {
    width: 35px;
  }

  /* reviewリンクバナー */
  #results .review_banner_cont {
    margin: 25px auto 0;
  }
}

@media screen and (max-width:550px) {
  #results h4 {
    font-size: var(--font-size_15);
  }

  #results .content .visitors_data ul.data li:first-child img {
    max-width: 60px;
    margin-right: 0px;
  }

  #results .exhibitors_data {
    width: 60%;
    border: 3px solid #006edc;
    border-radius: 5px;
    padding: 40px 10px 20px;
    position: relative;
  }

  #results .exhibitors_data .exhibitors_data_list {
    align-items: center;
  }

  #results .exhibitors_data .exhibitors_data_list li {
    border-left: 1px solid #cccccc;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 10PX;
  }

  #results .exhibitors_data .exhibitors_data_list .reference span {
    background: #b2daff;
    font-size: var(--font-size_14);
    padding: .25rem;
    display: block;
    width: 90%;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    margin-bottom: 15px;
  }

  #results .c-text-link {
    color: #000;
    text-decoration: none;
    font-size: var(--font-size_16);
    font-weight: bold;
    margin-bottom: 15px;
  }

  #results .c-text-link:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: inherit;
    margin-left: 5px;
    content: "\f35d";
    color: #006edc;
  }

  #results .exhibitors_data .exhibitors_data_list li img {
    width: 65px;
    margin-bottom: 15px;
  }

  #results .exhibitors_data .exhibitors_data_list li:nth-of-type(1) img {
    margin-bottom: 20px;
  }


  #results .exhibitors_data .exhibitors_data_list li:nth-of-type(2) img {
    width: 60px;
    margin-bottom: 10px;
  }

  #results .exhibitors_data .exhibitors_data_list li.reference img {
    width: 135px;
    margin-bottom: 0;
  }

  #results .exhibitors_data .exhibition ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #results .others {
    width: 38%;
    border: 3px solid #a0a0a0;
    border-radius: 5px;
    position: relative;
    padding: 50px 10px 30px;
    background: #ffffffc2;
  }

  #results .others img {
    width: 60px;
    margin-bottom: 14px;
  }

  #results .impression h4 {
    margin-bottom: 10px;
  }

  #results .others .speaker img {
    width: 35px;
  }

}

@media screen and (max-width:480px) {
  #results .others ul li:first-of-type {
    width: 67%;
    padding-right: .5rem;
  }

  #results .content p span {
    font-size: var(--font-size_34);
  }

  #results .exhibitors_data h3,
  #results .visitors_data h3,
  #results .exhibitors_data h3 {

    width: 100%;
    border-radius: 0;
  }


  #results h4 {
    font-size: var(--font-size_16);
    text-align: center;
    margin-top: 10px;
  }

  #results .content .visitors_data ul.data li .bee2024 {
    text-align: center;
  }

  #results .content .visitors_data ul.data li:first-child img {
    max-width: 60px;
    margin-right: 0px;
  }

  #results .exhibitors_data {
    width: 60%;
    border: 3px solid #006edc;
    border-radius: 5px;
    padding: 40px 10px 20px;
    position: relative;
  }

  #results .exhibitors_data .exhibitors_data_list li {
    width: 50%;
  }

  #results .exhibitors_data .exhibitors_data_list li:last-of-type {
    width: 50%;
  }

  #results .exhibitors_data .exhibitors_data_list .reference span {
    background: #b2daff;
    font-size: var(--font-size_14);
    padding: .25rem;
    display: block;
    width: 90%;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    margin-bottom: 15px;
  }

  #results .c-text-link {
    color: #000;
    text-decoration: none;
    font-size: var(--font-size_16);
    font-weight: bold;
    margin-bottom: 15px;
  }

  #results .c-text-link:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: inherit;
    margin-left: 5px;
    content: "\f35d";
    color: #006edc;
  }

  #results .exhibitors_data .exhibitors_data_list li img {
    width: 65px;
    margin-bottom: 15px;
  }

  #results .exhibitors_data .exhibitors_data_list li:nth-of-type(1) img {
    margin-bottom: 20px;
  }


  #results .exhibitors_data .exhibitors_data_list li:nth-of-type(2) img {
    width: 60px;
    margin-bottom: 10px;
  }

  #results .exhibitors_data .exhibitors_data_list li.reference img {
    width: 135px;
    margin-bottom: 0;
  }

  #results .exhibitors_data .exhibition ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #results .others {
    padding: 40px 10px 15px;
  }

  #results .others img {
    width: 60px;
    margin-bottom: 14px;
  }

  #results .impression h4 {
    margin-bottom: 10px;
  }

  #results .others .speaker img {
    width: 35px;
  }

  #results .others h3 {
    width: 100%;
    border-radius: 0;
  }


  #results .content .visitors_data ul.data {
    margin-bottom: 15px;
    justify-content: center;
  }

  #results .content .visitors_data ul.data li:nth-of-type(1) {
    width: 30%;
  }

  #results .content .visitors_data ul.data li:nth-of-type(n+2) {
    width: 23%;
  }

  #results .content .visitors_data ul.data li:nth-child(3) figure,
  #results .content .visitors_data ul.data li:nth-child(4) figure,
  #results .content .visitors_data ul.data li figure {
    margin-right: 0;
  }

  #results .link.arrow_circle {
    display: none;
  }

  #results .results-box .top {
    margin-bottom: 0px;
  }


  #results .content p {
    display: block;
  }

}

@media screen and (max-width:400px) {
  #results .content .data_flex p {
    font-size: var(--font-size_14);
  }
}


/*============================
#special_events
============================*/

#special_events {
  background: url(../img/top/events_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

#special_events .inner._special {
  max-width: 1400px;
}

#special_events .top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

#special_events .top h2 {
  margin-bottom: 0;
  color: #ffffff;
  width: 400px;
}

.en #special_events .top h2 {
  margin-bottom: 30px;
}

#special_events .top p {
  color: #fff;
  font-size: var(--font-size_18);
  line-height: 1.8;
  font-weight: bold;
  text-shadow: 0px 0px 10px #06559e, 0px 0px 10px #06559e, 0px 0px 10px #06559e, 0px 0px 10px #06559e;
}

.en #special_events .top p {
  flex: 1;
}

#special_events .events {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 2%;
}

#special_events .events li {
  width: 32%;
  max-width: 430px;
  margin-bottom: 25px;
  padding-bottom: 20px;
  transition: all 0.2s;
  padding: 1.5rem;
  border-radius: 3px;
  position: relative;
}

#special_events .events li:nth-child(n + 7) {
  margin-bottom: 0;
}

#special_events .events li .content {
  padding-top: 10px;
}

#special_events .events li.red {
  background-color: #ffcdd1bf;
}

#special_events .events li.yellow {
  background-color: #ffefcdbf;
}

#special_events .events li.blue {
  background-color: rgba(179, 203, 255, 0.7);
}

#special_events .events li.purple {
  background-color: #f9cdffb5;
}

#special_events .events li.cinema {
  background: #bcbcbccf;
}

#special_events .events li.comingsoon {
  position: relative;
  pointer-events: none;
}

#special_events .events li.comingsoon:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #0000003b;
  top: 0;
  left: 0;
}

#special_events .events li .comingsoon_txt {
  position: absolute;
  background: #ffffffd1;
  padding: .7rem 1rem;
  width: 88%;
  text-align: center;
  font-size: var(--font-size_20);
  top: 64%;
  font-weight: bold;
  color: #1c1c1c9c;
  rotate: 15deg;
}

#special_events .events li.green {
  background-color: rgba(192, 235, 220, 0.7);
}

#special_events .events li.red:not(.disabled):hover {
  background-color: rgba(207, 177, 222, 1);
}

#special_events .events li.yellow:not(.disabled):hover {
  background-color: rgba(222, 234, 220, 1);
}

#special_events .events li.blue:not(.disabled):hover {
  background-color: rgba(179, 203, 255, 1);
}

#special_events .events li.purple:not(.disabled):hover {
  background-color: rgba(208, 206, 252, 1);
}

#special_events .events li.green:not(.disabled):hover {
  background-color: rgba(192, 235, 220, 1);
}

#special_events .events li.cinema:not(.disabled):hover {
  background-color: #f4f4f4d9;
}

#special_events .events li a {
  display: block;
}

#special_events .events li a:hover {
  opacity: 1 !important;
}

#special_events .events li.disabled a {
  pointer-events: none;
}

#special_events .events li figure img {
  width: 100%;
  height: auto;
}

#special_events .events li .content h3 {
  font-size: var(--font-size_16);
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 15px;
}

#special_events .events li .content h3 a {
  font-weight: bold;
  text-shadow: 0px 0px 6px #fff, 0px 0px 6px #fff;
}


#special_events .events li.red .content h3 a {
  color: #e60013;
  font-weight: bold;
}

#special_events .events li.blue .content h3 a {
  color: #02416f;
}

#special_events .events li.yellow .content h3 a {
  color: #d4860c;
}

#special_events .events li.green .content h3 a {
  color: #0e6d25;
}

#special_events .events li.purple .content h3 a {
  color: #725094;
}

#special_events .events li .content .target {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

#special_events .events li .content .target h4 {
  font-size: var(--font-size_13);
  font-weight: bold;
  color: #fff;
  padding: 27px 0 31px;
  text-align: center;
  border-radius: 50%;
  width: 65px;
  height: 65px;
}

.en #special_events .events li .content .target h4 {
  padding: 16px 0 31px;
  line-height: 1.2;
}

#special_events .events li.red .content .target h4 {
  background-color: #e60012;
}

#special_events .events li.yellow .content .target h4 {
  background-color: #f39800;
}

#special_events .events li.blue .content .target h4 {
  background-color: #1f77b8;
}

#special_events .events li.purple .content .target h4 {
  background-color: #715094;
}

#special_events .events li.green .content .target h4 {
  background-color: #11a84e;
}

#special_events .events li.cinema .content .target h4 {
  background-color: #000;
}

#special_events .events li .content .target p {
  width: calc(96% - 65px);
  font-size: var(--font-size_14);
  line-height: 1.8;
  font-weight: bold;
}

#special_events .events li .content .target .att_txt {
  width: 100%;
  text-align: center;
  margin-top: 15px;
  background: #ebebeb;
  color: #474747;
  font-size: var(--font-size_13);
  line-height: 1.4;
  padding: 5px 10px;
}

@media screen and (max-width:1320px) {
  #special_events .top p {
    margin-top: 20px;
  }
}

@media screen and (max-width:480px) {
  #special_events .events li .comingsoon_txt {
    width: 90%;
    font-size: var(--font-size_24);
  }

  .en #special_events .top h2 {
    margin-bottom: 0;
    padding-bottom: 10px;
  }
}



/*============================
#inter_bee_award
============================*/

#inter_bee_award {
  padding: 80px 30px 80px;
  background: linear-gradient(left, #e1e8fd 0%, #e8dff9 100%) !important;
  background: linear-gradient(left, #e1e8fd 0%, #e8dff9 100%) !important;
}

#inter_bee_award .inner._award {
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  background: -webkit-linear-gradient(left, #e1e8fd 0%, #e8dff9 100%) !important;
  background: linear-gradient(left, #e1e8fd 0%, #e8dff9 100%) !important;
  padding: 50px 50px 55px;
  border-radius: 5px;
  align-items: center;
}

#inter_bee_award .inner._award figure>img {
  height: 100%;
  object-fit: cover;
}

#inter_bee_award figure {
  width: 37%;
  height: 100%;
}

#inter_bee_award figure .tab_img {
  display: none;
}

#inter_bee_award .content figure img {
  width: 100%;
  height: auto;
}

#inter_bee_award .content {
  width: 65%;
  max-width: inherit;
  background: #c7c7c7;
  padding: 0 0 0 2rem;
  background: -webkit-linear-gradient(left, #e1e8fd 0%, #e8dff9 100%) !important;
  background: linear-gradient(left, #e1e8fd 0%, #e8dff9 100%) !important;
  border-radius: 0 5px 5px 0;
}

#inter_bee_award .content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 330px;
}

#inter_bee_award .content h3 {
  margin-bottom: 25px;
}

#inter_bee_award .content p {
  line-height: 2;
  font-weight: 500;
  margin-bottom: 2rem;
  font-size: var(--font-size_16);
}


#inter_bee_award .content p.btn {
  text-align: center;
  width: 100%;
  max-width: 345px;
}

#inter_bee_award {
  position: relative;
}

#inter_bee_award:before {
  content: "";
  display: block;
  background-image: url(../../../assets/img/top/schedule_treat.webp);
  position: absolute;
  width: 364px;
  height: 500px;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  bottom: -80px;
}


/* #mv .content p.btn a, */
#inter_bee_award .content p.btn a,
#why_exhibits .content p.btn a {
  position: relative;
  width: 100%;
  display: block;
  padding: 20px;
  color: #010101;
  font-weight: bold;
  line-height: 1;
  margin-top: 30px;
  background-color: #fff;
  border-radius: 6px;
  transition: all 0.2s !important;
}


#inter_bee_award .content p.btn a:after,
#why_exhibits .content p.btn a:after {
  content: "";
  border: 0;
  border-top: solid 2px #010101;
  border-right: solid 2px #010101;
  display: inline-block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg);
}

#why_exhibits .content p.btn a:after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}

#inter_bee_award .content p.btn a:hover,
#why_exhibits .content p.btn a:hover {
  opacity: 0.7 !important;
}

@media screen and (max-width:1320px) {
  #inter_bee_award .inner._award {
    padding: 3rem 2rem;
  }
}

@media screen and (max-width:850px) {
  #inter_bee_award figure .tab_img {
    display: block;
  }

  #inter_bee_award figure .pc_img {
    display: none;
  }

  #inter_bee_award figure:has(.tab_img) {
    margin: 0 auto 20px;
    width: 100%;
    height: 350px;
  }


}

@media screen and (max-width:768px) {
  #inter_bee_award .inner._award {
    flex-direction: column-reverse;
  }

  #inter_bee_award .inner._award {
    padding: 3rem 2rem 4rem;
  }
}

@media screen and (max-width:600px) {

  #inter_bee_award .content h3 {
    text-align: left;
  }

  #inter_bee_award .content p {
    font-size: var(--font-size_14);
  }

  #inter_bee_award .content {
    width: 100%;
    padding: 0;
  }
}

@media screen and (max-width:550px) {
  #inter_bee_award .inner._award {
    flex-direction: column-reverse;
  }

  #inter_bee_award .inner._award {
    padding: 3rem 2rem 4rem;
  }
}

@media screen and (max-width:480px) {
  #inter_bee_award .inner._award {
    flex-direction: column-reverse;
  }

  #inter_bee_award .inner._award {
    padding: 30px;
  }

  #inter_bee_award .inner._award figure {
    margin-top: 20px;
    height: inherit;
  }

  #inter_bee_award .inner._award figure img {
    max-width: inherit;
  }

  #inter_bee_award {
    padding: 50px 20px;
  }

  #inter_bee_award .link.arrow_circle {
    position: absolute;
    right: 0;
    bottom: -5px;
    margin-right: 65px;
  }
}






/*============================
#schedule
============================*/

#schedule {
  margin: 0 auto 80px;
  z-index: 2;
  position: relative;
}


#schedule h2 {
  text-align: right;
}

#schedule h2 span:before {
  background: #006edc;
}

#schedule h2 span {
  font-family: 'Zen Kaku Gothic New', serif;
}

.schedule-block .content,
.schedule-block .schedule_cont {
  width: 48%;
}

@media screen and (max-width:1000px) {
  .en #schedule:before {
    left: -20%;
  }

}

@media screen and (max-width:850px) {
  #schedule:before {
    left: -10%;
  }
}

@media screen and (max-width:600px) {
  #schedule:before {
    width: 300px;
    height: 350px;
  }
}

@media screen and (max-width:480px) {
  .schedule-block .schedule_cont {
    width: 80%;
    margin: 10px auto 0;
  }

  .en .schedule-block .schedule_cont {
    width: 95%;
  }

  #schedule:before {
    width: 280px;
    height: 320px;
  }

  #schedule {
    margin: 0 auto 50px;
  }
}

@media screen and (max-width:400px) {
  #schedule {
    margin: 0 auto 40px;
  }
}




/*============================
#downloads
============================*/

#downloads {
  position: relative;
  z-index: 2;
}

#downloads ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

#downloads ul li {
  width: calc(100% / 3);
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 340px;
  height: 340px;
  background: #000;
  transition: 0.2s ease;
}

#downloads ul li:last-child {
  border: 0;
}

#downloads ul li:last-child figure {
  width: 30%;
}

#downloads ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

#downloads ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

#downloads ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(55%);
  transition: transform 0.3s ease, filter 0.3s ease;
  z-index: -1;
  border: none !important;
}

#downloads ul li.download a::before {
  background-image: url(../img/top/download_bg.webp);
}

#downloads ul li.application a::before {
  background-image: url(../img/top/appication_bg.webp);
}

#downloads ul li.contact a::before {
  background-image: url(../img/top/contact_bg.webp);
}

#downloads ul li a:hover::before {
  transform: scale(1.1);
  filter: brightness(70%);
}

#downloads ul li h2 {
  font-size: var(--font-size_28);
  color: #fff;
  text-align: center;
  font-weight: bold;
}

#downloads ul li h2 span {
  font-size: var(--font-size_18);
  font-weight: bold;
  display: block;
  margin-top: .8rem;
}

#downloads ul li h2 small {
  font-size: var(--font-size_19);
  font-weight: bold;
  display: block;
  margin: auto;
  margin-top: 20px;
  width: max-content;
}

#downloads ul li figure {
  aspect-ratio: 1/1;
  overflow: hidden;
  width: 25%;
}

#downloads ul li figure img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.spo_area .inner {
  padding: 60px 0;
}


/*=============================================

------- 2025出展募集------- 

============================================*/


/* 1426px-1703px */
@media screen and (min-width: 1426px) and (max-width: 1703px) {
  #downloads ul li a {
    flex-wrap: nowrap;
  }
}

@media screen and (max-width:1200px) {
  .en #exhibition_fee .content ._block .detail .price {
    flex-wrap: wrap;
  }

  .en #exhibition_fee .content ._block .detail .price h4 {
    display: block;
    margin-bottom: 10px;
  }

  .en #exhibition_fee .deadline .deadline_border {
    flex-direction: column;
  }

  .en #exhibition_fee .deadline .date {
    width: 100%;
  }

}


/* 1120px以下 */
@media screen and (max-width:1120px) {

  #results .content .visitors_data ul.data li:nth-of-type(1),
  #results .content .visitors_data ul.data li:nth-of-type(n+2) {
    width: 50%;
    padding: 1rem;
  }

  #results .content .visitors_data .type {
    padding: 0 0 0 25px;
  }

  #results .content .visitors_data ul.data li:nth-of-type(1),
  #results .content .visitors_data ul.data li:nth-of-type(3) {
    border-left: none;
  }

  #results .content .visitors_data ul.data li:nth-of-type(1),
  #results .content .visitors_data ul.data li:nth-of-type(2) {
    border-bottom: 1px solid #cccccc;
  }
}

/* 1000px以下 */
@media screen and (max-width:1000px) {
  #results .exhibitors_data {
    margin-bottom: 15px;
  }

  #results .others,
  #results .exhibitors_data {
    width: 100%;
  }

  #exhibition_fee .package-box h3 span {
    display: block;
    padding-left: 0;
  }

  #exhibition_fee .border_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .menu-container {
    box-shadow: none;
    padding: 0;
  }

  .menu-mobile:after,
  .menu-mobile.active:after {
    color: #ffffff;
  }

  #results .content .visitors_data .type .data ul li h5 {
    font-size: var(--font-size_16);
  }

  #results .content .visitors_data {
    padding: 40px 30px;
  }

  #results .content .visitors_data .type {
    padding: 0;
  }

  #mv .recruitment {
    width: 48%;
  }

  #mv .recruitment ._block nav ul li a {
    padding: 15px 10px;
  }

  #mv .recruitment ._block .deadline h3 {
    font-size: var(--font-size_18);
  }

  #mv .recruitment ._block .deadline h3:after {
    top: -23px;
    right: -0.5em;
  }

  #mv .recruitment ._block .deadline .date {
    font-size: var(--font-size_16);
  }
}


/* 851px - 1425px */
@media screen and (min-width: 851px) and (max-width: 1456px) {

  #exhibition_fee .content ._block .detail .price {
    padding: 20px 0 10px 0;
  }

  #exhibition_fee .content ._block .detail .price h4 {
    text-align: center;
  }

  #exhibition_fee .content ._block .detail .price .line {
    margin: 10px 0 10px 1%;
  }

  #exhibition_fee .content ._block .detail .price p span {
    font-size: 45px;

  }

  #exhibition_fee .content ._block .detail .price p {
    white-space: unset;
    text-align: center;
  }

  #inter_bee_award figure {
    width: 40%;
  }

  #inter_bee_award .inner._award figure>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #inter_bee_award .content {
    width: 56%;
  }

  #downloads ul li h2,
  #downloads ul li figure {
    font-size: var(--font-size_20);
  }

  #downloads ul li h2 span {
    font-size: var(--font-size_16);
  }

  #downloads ul li h2 small {
    font-size: 20px;
  }

  #news .content {
    flex-wrap: nowrap;
  }
}





/* Tablet */
@media screen and (max-width: 850px) {
  #event_overview.movie_column .content .text_block {
    width: 100%;
    margin-bottom: 50px;
  }

  #event_overview.movie_column .content .movie_block {
    width: 100%;
  }

  #mv .flex_cont .cont_l {
    display: flex;
    margin: 0 auto;
    min-width: 450px;
    width: 100%;
    margin-bottom: 25px;
  }

  #mv .recruitment {
    width: 70%;
    max-width: 600px;
    /* padding: 25px 70px; */
    /* background: linear-gradient(to right, #01112500, #011125, #01112500); */
    /* background: none; */
    margin: 0 auto;
  }

  #mv .recruitment .btn_cont{
    margin-top: 109%;
    /* max-width: 400px; */
  }
  #mv .recruitment .mv_award_banner_winning{
    margin-top: 80%;
  }
  #exhibition_fee .package-box .detail {
    width: 100%;
    padding: 0 20px 20px;
  }
}

@media screen and (max-width:768px) {
  #mv .recruitment {
    /* background: none; */
  }
}


@media screen and (min-width: 481px) and (max-width: 850px) {
  .link.arrow_circle:after {
    width: 55px;
    height: 55px;
    line-height: 3;
  }

  #exhibition_fee .txt_right {
    margin-top: 15px;
  }

  #exhibition_fee .package-box {
    flex-direction: column-reverse;
  }


  #exhibition_fee .package-box figure {
    width: 50%;
  }

  #mv .recruitment ._block .slide_area h3 {
    writing-mode: unset;
    width: 100%;
  }

  #mv .recruitment ._block .slide_area ul {
    margin-top: 10px;
    width: 100%;
  }

  #mv .recruitment ._block nav ul li {
    width: 100%;
    margin-bottom: 5px;
  }

  #mv .recruitment ._block nav ul li:last-of-type {
    margin-bottom: 0;
  }


  .w1300 {
    padding: 0;
  }

  .w1100 {
    padding: 0;
  }

  .w1400 {
    /* padding: 50px 20px; */
  }

  .main h2 span {
    /* font-size: var(--font-size_47); */
    /* display: inline; */
    /* font-size: var(--font-size_17) !important; */
    /* margin-left: 15px; */
    /* margin-top: 15px; */
  }

  #exhibitor_categories .main h2 span {
    display: block;
  }

  #mv {
    /* padding: 30px 3% 100px; */
  }

  #news {
    /* padding: 0 20px; */
  }

  #news .content {
    /* flex-wrap: nowrap; */
  }

  .view_all {
    /* width: 100%; */
    /* text-align: center; */
  }

  #magazine .contents {
    width: 100%;
    margin: 0 auto;
  }

  #magazine .contents ul li {
    display: block;
  }

  #magazine .contents ul li figure {
    width: 100%;
  }

  #magazine .contents ul li .detail {
    width: 100%;
    padding: 15px 0 0 0;
  }

  #magazine .contents ul li .detail .info {
    flex-wrap: nowrap;
  }

  #magazine .contents ul li .detail .info .date {
    display: flex;
  }

  #event_overview .title-overview {
    font-size: var(--font-size_47);
  }

  #exhibitor_categories .content .block {
    padding: 40px 30px 200px;
  }

  #results .results-block {
    padding: 0 0;
  }

  #event_overview {
    padding-left: 20px;
    padding-right: 20px;
  }

  #exhibitor_categories .top {
    margin-bottom: 35px;
  }


  #event_overview .main h2 {
    font-size: 57px;
  }

  #event_overview .main h2 span {
    font-size: 65px;
  }

  #event_overview .list.w1520 {
    padding: unset !important;
  }

  #event_overview .content * {
    font-size: 18px;
  }

  #exhibitor_categories .content a {
    width: 100%;
  }


  #exhibition_fee .content {
    display: block;
  }

  #exhibition_fee .content ._block {
    width: 100%;
    padding: 30px;
  }

  #exhibition_fee .content ._block .detail {
    width: 100%;
  }


  #exhibition_fee .content ._block figure img {
    height: auto;
    object-fit: cover;
  }

  #exhibition_fee .content ._block .detail:first-of-type {
    width: 100%;
    margin-bottom: 20px;
  }

  #exhibition_fee .content ._block.small figure,
  #exhibition_fee .content ._block.standard figure {
    width: 60%;
    margin: 0 auto;
  }

  #exhibition_fee .top {
    justify-content: unset;
  }

  #exhibition_fee .deadline>span {
    font-size: var(--font-size_18);
    width: max-content;
  }

  #exhibition_fee .deadline h3:after {
    margin-left: 20px;
    width: 1.6em;
    height: 0.8em;
  }

  #exhibition_fee .content ._block .detail .price p span {
    font-size: 3rem;
  }

  #exhibition_fee .content ._block .detail .price {
    padding-top: 20px;
    justify-content: center;
  }

  #exhibition_fee .caution_cont {
    text-align: center;
  }

  #exhibition_fee .package-bg {
    object-position: center;
    right: 0;
    object-fit: cover;
    height: 100%;
  }

  #exhibition_fee .deadline h3 {
    width: 170px;
  }

  #results .content {
    margin-right: 0;
    display: block;
  }

  #results {
    padding: 60px 30px;
  }

  #results .results-box {
    padding: unset;
  }

  #results .exhibitors_voice_wrap {
    display: inline;
  }

  #results .exhibitors_voice .voice_list li {
    width: calc((100% - 10px) /2);
  }

  #special_events .inner._special {
    padding: 60px 30px;
  }

  #special_events .top h2 {
    width: 100%;
    margin-bottom: 20px;
  }

  #special_events .top {
    margin-bottom: 20px;
  }

  #special_events .top p {
    max-width: unset;
    width: 100%;
    margin-top: 0;
  }

  #special_events .events li {
    width: 49%;
  }

  #special_events .events li .content .target {
    flex-flow: column;
    gap: 10px;
  }

  #special_events .events li .content .target h4 {
    padding: 10px 0;
    border-radius: unset;
    width: 100%;
    height: auto;
    margin-right: unset;
    border: 1px solid;
  }

  .en #special_events .events li .content .target h4 {
    padding: 10px 0;
  }

  #special_events .events li.red .content .target h4 {
    background-color: #ffffff1a;
    color: #e60012;
  }

  #special_events .events li.yellow .content .target h4 {
    background-color: #ffffff1a;
    color: #f39800;
  }

  #special_events .events li.blue .content .target h4 {
    background-color: #ffffff1a;
    color: #1f77b8;
  }

  #special_events .events li.purple .content .target h4 {
    background-color: #ffffff1a;
    color: #715094;
  }

  #special_events .events li.green .content .target h4 {
    background-color: #ffffff1a;
    color: #11a84e;
  }

  #special_events .events li .content .target p {
    width: 100%;
  }

  #special_events .events li:nth-child(-n + 8) {
    margin-bottom: 20px;
  }

  #special_events .events li:nth-child(n + 9) {
    margin-bottom: 0;
  }

  #inter_bee_award {
    padding: 70px 30px;
  }

  #inter_bee_award .inner._award {
    padding: 3rem 2rem 4rem;
    display: block;
  }


  #inter_bee_award .inner._award figure img {
    max-width: inherit;
  }

  #inter_bee_award .content h3 {
    text-align: center;
  }

  #inter_bee_award .content p {
    font-size: var(--font-size_14);
  }

  #inter_bee_award .content {
    width: 100%;
    padding-left: 0;
  }

  #inter_bee_award .link.arrow_circle {
    position: absolute;
    right: 0;
  }

  #inter_bee_award .content p.btn {
    margin: auto;
  }

  #schedule {
    padding: 0 30px;
    margin: 0 auto 70px;
  }

  .schedule-block .content,
  .schedule-block .schedule_cont {
    width: 70%;
    min-width: 440px;
    margin: 0 auto;
  }

  #downloads ul li {
    width: 100%;
    height: 190px;
    border: none !important;
    background: inherit;
  }

  #downloads ul li:last-child h2 {
    width: 56%;
  }

  #downloads ul li:nth-child(2) {
    border-top: 1px solid #3644b0;
    border-bottom: 1px solid #3644b0;
  }

  #downloads ul li figure,
  #downloads ul li:last-child figure {
    width: 20%;
    margin-left: unset;
  }

  #downloads ul li figure img {
    max-width: 85px;
  }

  #schedule .content p {
    width: 60%;
    margin: 0 auto 30px;
  }

  #results .exhibitors_voice {
    padding: 50px 20px 0;
    position: unset;
    width: calc(100vw - 50px);
    width: 100%;
  }


  #results .exhibitors_voice small {
    margin: 0 auto;
    padding: 10px 0 0 0;
  }

  #results h2 {
    margin-bottom: +60px;
  }

  #results .link.arrow_circle {
    position: absolute;
    right: 0px;
    bottom: 10px;
  }

  #schedule .schedule-block {
    padding-left: unset;
    display: block;
    padding: unset;
  }

  #schedule .content:first-child {
    width: 100%;
  }

  #schedule .content:last-child {
    position: unset;
    width: 100%;
    margin-left: auto;
    margin-right: -20px;
  }

  #schedule h2 small {
    display: block;
    margin-left: unset;
    text-align: center;
    color: #000;
  }

  #schedule .content figure {
    margin-right: unset;
    aspect-ratio: 2/1;
    overflow: hidden;
    margin: 0 auto 20px;
    height: 250px;
    width: 100%;
  }

  #schedule .content img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
  }

  #topregist_area .img_cont {
    width: 48%;
  }

  #topregist_area h2 {
    font-size: 1.7rem;
  }
}



@media screen and (max-width: 768px) {
  #mv .catchcopy {
    /* top: 60%; */
    /* right: 30px; */
  }

  #mv .recruitment ._block .deadline {
    justify-content: center;
  }

  #mv .recruitment ._block .deadline h3 {
    width: 100%;
    text-align: center;
  }

  #mv .recruitment ._block .deadline h3:after {
    content: unset;
  }

  #mv .recruitment ._block .deadline .date {
    padding: 5px 0;
  }


  #mv .aniversary {
    width: 15%;
    left: 10px;
    top: 10px;
  }

  #mv .aniversary img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #mv .recruitment ._block .deadline {
    display: block;
  }

  #mv .recruitment ._block .deadline h3:after {
    content: unset;
  }

  #mv .recruitment ._block .deadline h3 {
    text-align: center;
    padding: unset;
    width: 100%;
  }

  #mv .recruitment ._block .deadline .date {
    padding: 5px 0;
    text-align: center;
    margin: unset;
  }

  #mv .recruitment ._block nav ul li a {
    padding: 15px;
  }


  .parallax_content {
    background-attachment: unset;
    height: 100%;
    background-attachment: unset;
    padding: 0;
  }

  .spo_area .inner {
    padding: 60px 20px;
  }


}


@media screen and (max-width:700px) {
  .sp.sp_img {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
  }

  .preview_page .sp.sp_img {
    bottom: -80px;
    right: 25px;
    width: 325px;
  }
}

@media screen and (max-width:630px) {
  #event_overview .w1200 p {
    font-size: var(--font-size_17);
    line-height: 2;
  }
}

@media screen and (max-width:625px) {
  #exhibition_fee .deadline .date {
    width: 100%;
    margin-bottom: 5px;
  }

  #exhibition_fee .deadline .deadline_border {
    padding: 0 20px;
  }

  #exhibition_fee .deadline {
    width: max-content;
    margin-right: auto;
    margin-left: 0;
  }

  #exhibition_fee .deadline>span {
    font-size: var(--font-size_21);
  }

  .en #exhibition_fee .deadline>span {
    width: max-content;
    margin-bottom: 10px;
  }

  .en #exhibition_fee .deadline>span br.tab {
    display: none;
  }

  .en #exhibition_fee .deadline {
    justify-content: start;
  }

  .en #exhibition_fee .deadline .deadline_border {
    padding: 0;
  }
}


@media screen and (max-width:650px) {
  .en #mv .content p.btn a {
    padding: 15px 30px 15px 20px;
  }

  
#mv .catchcopy .catchcopy_newline .sp_img{
  display:block;
  
}
  #mv .catchcopy .catchcopy_newline{
    padding: 0 20px;
  }

  #mv .catchcopy .catchcopy_newline .pc_img{
    display:none;
  }

  #exhibition_fee .content ._block .detail .price small:nth-child(2) {
    font-size: var(--font-size_17);
    padding: 0 5px;
    font-weight: bold;
  }

  #exhibition_fee .content ._block .detail .price small:nth-child(3),
  #exhibition_fee .content ._block:nth-child(2) .detail .price small {
    font-size: var(--font-size_13);
    padding: 0 5px;
    font-weight: bold;
  }

  #exhibition_fee .content ._block .detail .price p span,
  #exhibition_fee .package .detail .price .value span,
  #exhibition_fee .package-box .detail .price .value span {
    font-size: var(--font-size_39);
  }

  #exhibition_fee .content ._block .detail .price h4 {
    margin-right: 10px;
    font-size: var(--font-size_16);
  }

  #exhibition_fee .content ._block .detail .caution small {
    padding: 0;
    font-size: var(--font-size_20);
  }

  #exhibition_fee .content ._block.standard .detail .caution {
    line-height: 1.4;
  }

  #exhibition_fee .content ._block.small .detail .caution small {
    margin-left: 10px;
  }
}


@media screen and (max-width: 622px) {
  .en .target-image {
    display: none;
  }

  #app_banner .flex_box {
    text-align: left;
    justify-content: normal;
  }

  #app_banner .flex_box p {
    width: 80%;
    font-size: 1.8rem;
  }

  .en #app_banner .flex_box p {
    width: 80%;
    font-size: 1.5rem;
  }

  .en #app_banner .flex_box {
    padding: 20px 5px 20px 15px;
  }
}

@media screen and (max-width:600px) {
  #mv .recruitment .btn_cont{
    margin-top: 60%;
    /* max-width: 400px; */
    /* width: initial; */
    max-width: 400px;
    /* padding: 0 20px; */
    /* margin: 0 20px; */
    margin: 105% 20px 15px;
  }
  #mv .recruitment .mv_award_banner_winning{
    margin-top: 68%;
  }
  .main h2 span {
    margin-top: 5px;
  }

  #mv .recruitment {
    /* padding: 20px 30px; */
    /* background: none; */
  }

  #mv .flex_cont .cont_l {}


  #news .news-block {
    padding: 10px 14px;
  }

  #news .content {
    flex-wrap: nowrap;
    width: calc(100% - 80px);
  }

  #news .content h2 {
    padding-right: 10px;
  }

  #news .content h2:after {
    height: 40px;
  }

  #news .content div {
    flex-direction: row;
    padding: 10px;
    /* align-items: flex-start; */
    align-items: center;
  }

  #news .content .date {
    margin: 0 5px;
  }

  #news .content a {
    line-height: 1.1;
    margin-top: 0;
  }

  .marquee__inner img {
    height: 180px;
  }

  .marquee {
    margin-top: 30px;
  }



  #event_overview .flex_cont .event_about dt,
  #event_overview .flex_cont .event_about dd {
    font-size: var(--font-size_16);
  }

  .preview_page .sp.sp_img {
    bottom: -75px;
    width: 310px;
    right: 0;
  }

  .sp.sp_img {
    width: 50%;
  }

  .menu_exhibitors {
    grid-area: 1 / 2 / 2 / 4;
  }

  .menu_about {
    grid-area: 1 / 1 / 2 / 2;
  }

  .menu_access {
    grid-area: 2 / 1 / 3 / 2;
  }

  .menu_magazine {
    grid-area: 2 / 2 / 3 / 3;
  }

  .div5 {
    grid-area: 2 / 3 / 3 / 4;
  }
}


@media screen and (max-width: 570px) {
  .target-image {
    display: none;
  }
}



@media screen and (max-width:550px) {
  #exhibition_fee .package-box .detail {
    padding: 0 0px 20px;
  }

  #exhibitor_categories ul li {
    width: 100%;
  }
}


@media screen and (max-width:530px) {
  #exhibition_fee .package-box .detail .price .value span {
    font-size: var(--font-size_36);
  }
}



@media screen and (max-width:500px) {
  #exhibition_fee .package-box .detail {
    padding: 0 0px 20px;
  }

  .preview_page .sp.sp_img {
    bottom: -50px;
    width: 56%;
    right: 0;
  }

  .sp.sp_img {
    width: 70%;
  }

  #mv .flex_cont .cont_l {
    min-width: 300px;
  }

  .en #mv .flex_cont .cont_l {
    min-width: 200px;
  }

  .en #mv .flex_cont .cont_l li:first-of-type {
    /* margin-right: 0; */
  }

  #event_overview .flex_cont .event_about dt {
    width: 50px;
  }

  #event_overview .flex_cont .event_about dd {
    width: calc(100% - 50px);
  }
}


@media screen and (max-width: 480px) {
    #mv .catchcopy .catchcopy_newline{
    /* padding: 0 20px; */
    bottom: 10px;
  }
  #mv .recruitment .btn_cont{
    margin: 85% 20px 1rem;
  }
  #mv .recruitment ._block nav ul li {
    width: 100%;
    margin-bottom: 5px;
  }
  #mv .content p.btn a {
    padding: 15px 25px 15px 11px;
    font-size: 1.1rem;
  }

  #mv .content p.btn a:after {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    right: 20px;
  }

  #mv .recruitment ._block nav ul li:last-of-type {
    margin-bottom: 0;
  }

}



/* 481px-600px */
@media screen and (min-width: 481px) and (max-width: 600px) {
  #exhibition_fee .content ._block .detail .price .line {
    margin: 10px 0 26px 1%;
  }

  #exhibitor_categories h2 {
    font-size: var(--font-size_38);
    width: 100%;
  }


  #exhibitor_categories .inner.w1400 {
    padding: 0 20px;
  }

  #event_overview .content ul li {
    padding: 20px 0;
  }

  .main h2 span {
    /* font-size: 60px; */
  }

  #event_overview {
    padding: 50px 20px 100px;
  }

  #results .exhibitors_voice .voice_list li {
    width: 100%;
  }

  #results .content .visitors_data {
    padding: 40px 20px;
  }

  #special_events .events li {
    width: 48%;
  }

  #special_events .events li:nth-child(n + 7) {
    margin-bottom: 35px;
  }

  #special_events .inner._special {
    padding-top: 100px;
  }
}


/* SP */
@media screen and (max-width: 480px) {
  :root {
    --font-size_13: 11px;
    --font-size_14: 12px;
    --font-size_16: 14px;
    --font-size_17: 13px;
    --font-size_18: 15px;
    --font-size_20: 16px;
    --font-size_21: 17px;
    --font-size_22: 18px;
    --font-size_19: 15px;
    --font-size_24: 20px;
    --font-size_26: 22px;
    --font-size_28: 24px;
    --font-size_34: 30px;
    --font-size_35: 31px;
    --font-size_36: 30px;
    --font-size_38: 34px;
    --font-size_39: 35px;
    --font-size_47: 42px;
    --font-size_50: 40px;
    --font-size_56: 45px;
    --font-size_60: 40px;
    --font-size_63: 50px;
  }

  .w1400,
  .w1300,
  .w1100 {
    padding: unset;
  }


  .main h2 {
    font-size: 28px;
    margin-bottom: 2rem;
  }

  .main h2 span {
    display: block;
    padding-bottom: 5px;
    margin-top: 5px;
    font-size: var(--font-size_18);
  }

  #topregist_area.main .schedule-block h2 span.bg_white {
    font-size: 1.6rem;
  }

  #mv .recruitment {
    padding: 0px 20px 0px;
    min-width: inherit;
    width: 100%;
    /* background: none; */
    /* margin-bottom: 15px; */
  }

  #mv .recruitment ._block {
    padding: 20px;
    /* margin-bottom: 10px; */
  }

  #mv .recruitment ._block h2 {
    width: 93%;
    min-width: inherit;
    /* margin-bottom: -5px; */
  }

  .en #mv .recruitment ._block h2 {
    /* width: 100%; */
  }

  #mv .recruitment ._block .deadline {
    margin-bottom: 15px;
  }

  #mv .recruitment ._block nav ul li a {
    font-size: .9rem;
  }

  #mv .recruitment ._block nav ul li a:before {
    margin-right: 10px;
    font-size: .8rem;
  }

  #mv .aniversary {
    width: 13%;
  }


  #exhibition_fee .deadline .deadline_border {
    padding: 0;
    /* flex: 1; */
    /* width: calc(100% - 100px); */
    flex-direction: column;
    width: max-content;
    padding: 0 0 0 10px;
  }

  #news {
    padding: 0;
  }

  .view_all {
    /* width: 100%; */
    /* text-align: center; */
    margin: 20px 0;
  }

  #magazine {
    padding: 20px;
  }


  #magazine .contents {
    width: 100%;
    margin: 0 auto;
  }

  #magazine .contents ul li {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
  }

  #magazine .contents ul li:nth-child(4) {
    display: none;
  }

  #magazine .contents ul li figure {
    width: 30%;
  }

  #magazine .contents ul li .detail {
    width: 68%;
  }

  #magazine .contents ul li .detail .info {
    flex-wrap: wrap;
    margin-bottom: 5px;
  }

  #magazine .contents ul li .detail .info .date,
  #magazine .contents ul li .detail .info .category {
    line-height: 1.5;
  }

  #event_overview .flex_cont .event_about dt {
    width: 50px;
  }

  #event_overview .flex_cont .event_about dd {
    width: calc(100% - 50px);
  }

  #event_overview .flex_cont .event_about dt,
  #event_overview .flex_cont .event_about dd {
    font-size: var(--font-size_16);
    padding: 1rem 0;
    text-align: left;
  }

  #event_overview .c-text-link:after {
    font-size: var(--font-size_14);
  }

  #magazine .contents ul li .detail .tags .tag {
    margin-top: 3px;
  }

  #event_overview .content p {
    text-align: left;
    margin-bottom: 30px;
    word-break: auto-phrase;
  }

  #event_overview .content br {
    display: none;
  }

  #event_overview {
    padding: 50px 10px;
  }

  #event_overview h2 {
    text-align: left;
  }

  #event_overview .event-title {
    justify-content: flex-start;
  }


  #event_overview .content ul li {
    padding: 15px 0;
  }

  #event_overview .title-overview {
    font-size: var(--font-size_36);
    padding-left: unset;
  }

  .marquee__inner img {
    height: 120px;
  }

  #why_exhibits {
    padding: 50px 20px 50px;
  }

  #why_exhibits .inner.w1400 {
    padding: unset;
  }

  #exhibitor_categories {
    padding: 50px 0px 0;
  }

  #exhibitor_categories h2 {
    width: 100%;
    margin-bottom: 30px;
  }

  #exhibitor_categories h2+p {
    width: 100%;
  }

  #exhibitor_categories .top {
    margin-bottom: 15px;
  }

  #exhibitor_categories .content .block {
    padding: 30px 25px 150px 25px;
  }

  #exhibitor_categories .content a {
    width: 100%;
  }

  #exhibitor_categories .inner.w1400 {
    padding: unset;
  }

  #exhibitor_categories .content .block h3 {
    margin-bottom: 20px;
    font-size: var(--font-size_24);
  }

  #exhibitor_categories .content .block h3 small {
    margin-top: 10px;
  }

  #exhibitor_categories .content .block h4 {
    margin-bottom: 10px;
  }

  #exhibition_fee .inner.w1400 {
    padding: 0 10px;
  }

  #exhibition_fee .top {
    justify-content: left;
  }

  #exhibition_fee .package-box {
    padding: 20px;
    flex-direction: column-reverse;
  }

  #exhibition_fee .content {
    display: block;
  }

  #exhibition_fee .content ._block {
    padding: 10px;
    flex-direction: column;
    border-left: none;
    border-top: 6px solid #414ee9;
  }

  #exhibition_fee .content ._block.small {
    border-left: none;
    border-top: 6px solid #e91737;
  }

  #exhibition_fee .package-bg {
    height: 100%;
    right: 0;
    object-position: center;
  }

  #exhibition_fee .content ._block .detail .price,
  #exhibition_fee .package .detail .price {
    display: block;
    padding: 15px 0 0 0;
  }

  #exhibition_fee .content ._block .detail {
    padding: 20px;
    text-align: center;
  }

  #exhibition_fee .content ._block .detail:first-of-type {
    border-right: none;
    border-bottom: solid 1px #c0c0c0;
    width: 100%;
    padding: 10px 0 20px;
  }

  #exhibition_fee .content ._block.standard figure,
  #exhibition_fee .content ._block.small figure {
    width: 100%;
  }

  #exhibition_fee .package-box h3,
  #exhibition_fee .content ._block .detail h3 {
    font-size: var(--font-size_24);
    margin-bottom: 10px;
    text-align: center;
  }


  #exhibition_fee .content ._block .detail p {
    text-align: left;
    padding: 0 5px;
  }

  #exhibition_fee .content ._block .detail .price .line {
    margin: 10px 50px;
    width: unset;
  }

  #exhibition_fee .deadline h3 {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
  }

  #exhibition_fee .deadline h3:after {
    content: none;
  }

  #exhibition_fee .package .detail .example {
    margin: 20px 0 0 0;
  }

  #exhibition_fee .content ._block .detail .price p {
    white-space: wrap;
    text-align: center;
  }

  #exhibition_fee .content ._block.small .detail .price p {
    /* flex:1; */
  }

  #exhibition_fee .content ._block .detail .price p span,
  #exhibition_fee .package .detail .price .value span {
    font-size: var(--font-size_38);
  }

  #exhibition_fee .content ._block .detail .caution {
    text-align: center;
    margin: 5px 0 0 0;
  }

  #exhibition_fee .deadline {
    padding: 15px 0px;
    justify-content: flex-start;
    margin-bottom: 0;
    width: 100%;
    padding: 0;
  }

  #exhibition_fee .package .detail .example p.indent {
    margin: 0 0 20px 0;
    text-align: center;
  }

  #exhibition_fee .deadline .date {
    justify-content: center;
    padding: 3px 0 0;
    justify-content: flex-start;
  }

  #exhibition_fee .package {
    margin-right: unset;
    padding: 50px 10px;
    display: block;
    text-align: center;
    background-size: cover;
  }

  #exhibition_fee .package figure {
    width: 85%;
    margin: 0 auto;
  }

  #exhibition_fee .package figure img.no1 {
    width: 20%;
  }

  #exhibition_fee .package .detail {
    width: 100%;
    padding-top: 25px;
  }

  #exhibition_fee .package h3 {
    font-size: var(--font-size_24);
    margin-bottom: 15px;
  }

  #exhibition_fee .package .detail p {
    text-align: left;
  }

  #exhibition_fee .package .detail .example h4 {
    width: 100%;
  }

  #exhibition_fee .package .detail .example .price {
    padding-left: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0;
  }

  #exhibition_fee .deadline .date h4 {
    line-height: 1.4;
  }

  #exhibition_fee .package .detail .example p.btn {
    margin: 0 auto;
    max-width: unset;
  }

  #exhibition_fee .package .detail .example p.btn a {
    padding: 20px 0;
  }

  #results {
    padding: 50px 20px;
  }

  #results .results-box {
    padding: unset;
  }

  #results h2 {
    font-size: 30px;
    margin: 0 0 20px;
  }

  #results h2,
  #results h2 small {
    margin-bottom: 30px;
  }

  #results h3 {
    margin-bottom: 20px !important;
  }

  #results .content .visitors_data ul.data li h4 small {
    width: 100%;
  }

  #results .exhibitors_voice_wrap {
    display: inline;
  }


  #results .content .visitors_data {
    padding-left: 5px;
    padding-right: 5px;
    border-radius: unset;
  }

  #results .content .visitors_data {
    border-radius: 6px 6px 0 0;
    width: 100%;
  }

  #results .content .visitors_data ul.data {
    /* gap: 2%; */
  }

  #results .content .visitors_data ul.data li:nth-of-type(1),
  #results .content .visitors_data ul.data li:nth-of-type(n+2),
  #results .content .visitors_data ul.data li,
  #results .content .visitors_data ul.data li:nth-child(3),
  #results .content .visitors_data ul.data li:last-child {
    width: 49%;
    padding: 0;
    margin-bottom: 0px;
    padding: 20px 5px;
    flex-direction: column;
  }

  #results .content .visitors_data .type h4 {
    max-width: 425px;
    margin-bottom: 8px;
    padding-left: 5px;
  }

  #results .type figure {
    width: 100%;
    text-align: center;
  }

  #results .content .visitors_data .type .data {
    flex-flow: column;
    gap: 10px;
  }

  #results .content .visitors_data .type .data ul li h5 {
    padding: 0 0 0 5px;
    text-align: left;
    margin-right: unset;
    line-height: 1.3;
    width: calc(100% - 80px);
  }

  #results .content .visitors_data .type .data ul li p {
    width: 80px;
    justify-content: end;
  }

  #results .data ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
    justify-content: space-between;
  }

  #results .content .visitors_data {
    padding: 35px 10px;
  }

  #results .region {
    padding-top: 15px;
  }

  #results .exhibitors_voice {
    padding: 40px 0px 20px;
    position: unset;
    width: 100%;
  }

  #results .exhibitors_voice .top {
    display: block;
    padding: unset;
    margin-bottom: 30px;
  }

  #results .exhibitors_voice h3 {
    padding-right: unset;
    margin-right: unset;
    border-right: unset;
  }

  #results .exhibitors_voice small {
    width: 100%;
    text-align: center;
    margin: 10px 0;
    display: block;
  }

  #results .exhibitors_voice .voice_list li {
    width: 100%;
  }

  #results .exhibitors_voice .voice_list li:before {
    left: 0%;
    top: 50%;
    width: 50px;
    height: 50px;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }

  #results .exhibitors_voice .voice_list li:nth-child(n + 4) {
    margin-bottom: 10px;
  }

  #results .exhibitors_voice .voice_list li:after {
    width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
  }

  .parallax_box {
    height: 150px;
  }

  #special_events .inner._special {
    padding: 50px 20px;
  }

  #special_events .top h2 {
    font-size: var(--font-size_38);
    width: 100%;
    padding: 0 0 20px 0;
  }

  .en #special_events .top h2 {
    margin-bottom: 0;
  }

  .main h2 small {
    display: block;
    margin-left: unset;
    margin-top: 10px;
  }

  #special_events .top p {
    width: 100%;
    max-width: unset;
  }

  #special_events .top {
    margin-bottom: 30px;
  }

  #special_events .events li {
    width: 100%;
    max-width: unset;
    margin-bottom: 10px;
  }

  #special_events .events li:nth-child(n + 7) {
    margin-bottom: 10px;
  }

  #inter_bee_award .content p.btn {
    margin: auto;
  }

  #inter_bee_award figure {
    width: 100%;
    margin: 0 auto;
    max-width: unset;
  }

  #inter_bee_award figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #inter_bee_award .content {
    width: 100%;
    padding: 0;
  }

  #inter_bee_award .content h3 {
    margin: 0px;
    text-align: center;
  }

  .schedule-block {
    padding-left: unset;
    display: block;
    padding: unset;
  }

  #schedule h2 {
    text-align: center;
    margin-bottom: 20px;
  }

  #schedule .content p {
    width: 75%;
    margin: 0 auto 30px;
  }

  #schedule .content figure {
    margin-right: unset;
    aspect-ratio: 2/1;
    overflow: hidden;
  }

  #schedule .content figure {
    margin-right: unset;
    aspect-ratio: 2/1;
    overflow: hidden;
  }

  #schedule .content:first-child {
    width: 100%;
  }

  #schedule .content:last-child {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: -10px;
  }


  #downloads ul li {
    width: 100%;
    height: 150px;
  }

  #downloads ul li h2 small {
    margin-top: 10px;
    font-size: var(--font-size_16);
  }

  #downloads ul li:last-child h2 {
    width: 100%;
  }


  #downloads ul li figure,
  #downloads ul li:last-child figure {
    width: 25%;
    margin-left: unset;
  }

  #downloads ul li figure img {
    max-width: 85px;
  }

  /* NAV MOBILE */
  #side_nav-mb nav ul.btns li {
    padding: unset;
  }

  .spo_area .inner {
    padding: 50px 10px;
  }

  .top-partners__slides {
    margin-top: 30px;
  }

  .top-collaborators+.top-collaborators {
    padding-top: 0;
  }

  .top-partners__container .top-collaborators.cofesta .slick-slider .slick-track {
    transform: translate3d(0, 0, 0) !important;
  }

  .cofesta .top-collaborators__banner-slider {
    margin-top: 50px !important;
  }


  #exhibition_fee .btn.arrow_btn {
    min-width: inherit;
  }

  #exhibition_fee .package-box .detail .price .value span {
    font-size: var(--font-size_34);
    margin-right: 5px;
  }

  #exhibition_fee .content ._block.standard .detail .caution {
    margin-top: 15px;
    font-size: var(--font-size_14);
    text-align: left;
  }

  #exhibition_fee .content ._block .detail .price h4 {
    text-align: left;
    margin-right: 0;
    margin-bottom: 5px;
    padding-left: 10px;
  }

  .preview_page .sp.sp_img {
    bottom: -10px;
    width: 200px;
    right: 10px;
  }


  #event_overview {
    padding: 50px 10px 100px;
  }
}

@media screen and (max-width:460px) {

  /* 2026: #mv に padding を持たせると背景 img がその分内側に入り、上下に
     背景色の帯が出る。余白は .flex_cont 側に持たせる方針にしたのでここは削除。
     （英語TOPは現在この CSS を読んでいないため実害は無いが、後で英語版を
     作るときに踏むので消しておく）
  .en #mv {
    padding: 30px 20px 45px;
  }
  */

  #mv .recruitment ._block.cont_25 {
    /* padding: 0 10px 10px; */
  }

  #mv {
    /* background-position: -13px -25px; */
    /* margin-top: 0; */
  }
}


@media screen and (max-width:400px) {
  #event_overview .flex_cont .event_about dt,
  #event_overview .flex_cont .event_about dd {
    font-size: var(--font-size_14);
    padding: .5rem .2rem;
  }

  #event_overview .flex_cont .event_about dt {
    width: 40px;
  }

  #event_overview .flex_cont .event_about dd {
    width: calc(100% - 40px);
  }
}


/* 出展者リスト公開 */
.en #mv .mv_list_link_cont {
  margin-bottom: 18px;
}

#mv .mv_list_link_cont {
  background: #3a4961;
  padding: 1rem 2rem;
  border: 2px solid #6de7ff;
  border-radius: 3px;
  margin-bottom: 10px;
}

#mv .mv_list_link_cont figure {
  width: 80%;
  margin: 0 auto;
  max-width: 450px;
}

.en #mv .mv_list_link_cont figure {
  /* width: 95%; */
  min-width: 440px;
}

@media screen and (max-width:1200px) {
  
  #mv .recruitment .mv_list_link_cont {
    padding: .5rem 2rem .6rem;
    margin-bottom: 10px;
  }

  .en #mv .recruitment .mv_list_link_cont {
    padding: .8rem 2rem .8rem;
  }

  .en #mv .mv_list_link_cont figure {
    min-width: 300px;
  }

  .en #mv .recruitment ._block h2 {
    /* width: 60%; */
  }
}

@media screen and (max-width:1000px) {
  .en #mv .mv_list_link_cont figure {
    min-width: 250px;
  }
}

@media screen and (max-width:850px) {
  #mv .recruitment .mv_list_link_cont {
    padding: 1rem 2rem;
    margin-bottom: 15px;
    margin-top: 100%;
  }

  #mv .sp_none_img {
    display: none;
  }
}

@media screen and (max-width:600px) {
  #mv .recruitment ._block.mv_list_link_cont {
    margin-top: 200px;
    margin-bottom: 20px;
    padding: .8rem;
  }

  .en #mv .mv_list_link_cont figure {
    min-width: 300px;
  }
}

@media screen and (max-width:500px) {
  #mv .recruitment ._block.mv_list_link_cont {
    padding: .9rem;
  }
}

@media screen and (max-width:480px) {
  #mv .recruitment .mv_list_link_cont._block {
    padding: .7rem;
    margin-bottom: 10px;
  }

  #mv .mv_list_link_cont figure {
    width: 70%;
  }

  .en #mv .recruitment .mv_list_link_cont._block {}

  .en #mv .mv_list_link_cont figure {
    width: 80%;
  }
}



/*============================

/* 250903〜 来場者向けコンテンツ反映 

============================*/
#mv .sub_txt_cont {
  width: 80%;
  margin: 0 auto;
}


#mv .cont_l .mv_btn_content {
  position: absolute;
  max-width: 500px;
  width: 24.5%;
  margin-top: 4.2%;
}

@media screen and (min-width:2000px) {
  #mv .cont_l .mv_btn_content {
    margin-top: 80px;
  }
}

#mv .cont_l .btn_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
}

#mv .cont_l .btn_list_item {
  width: calc((100% - 20px)/3);
}

#mv .cont_l .contact_cont {
  padding: 0 1rem;
}

._block.animated.fadeInUp.delay01.cont_25 figure img {
  margin-bottom: 5px;
}

._block.animated.fadeInUp.delay01.cont_25 ul.mv_btn_list li:nth-of-type(2) p {
  letter-spacing: -2px;
}

._block.animated.fadeInUp.delay01.cont_25 ul.mv_btn_list li a i.fa-solid {
  font-size: 1.8rem;
  color: #fff;
  text-shadow: 0 0 5px #f86c0d, 0 0 5px #f86c0d, 0 0 5px #f86c0d, 0 0 5px #f86c0d;
}


/*============================
#for_visitors
============================*/
#for_visitors.main {
  padding: 100px 0px 0px 0px;
  margin: 0 auto;
}

#for_visitors.main .top_press_release_cont .w1400 {
  margin: 0 auto;
  padding: 100px 0;
}

#for_visitors.main .w1400 {
  margin: 0 auto;
  padding: 100px 0 55px;
}

#for_visitors.main .w1400 h2 {
  font-weight: 800;
  font-size: 50px;
}

#for_visitors.main .w1400.top h2 span {
  font-family: "Zen Kaku Gothic New", serif;
}

#for_visitors.main .w1400.top h2 span:before {
  background: #0608cb;
}

#for_visitors.main ul.visitors_cont {
  display: flex;
  align-items: stretch;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

#for_visitors.main ul.visitors_cont li {
  width: 50%;
  text-align: center;
  /* min-height: 300px; */
  display: flex;
  flex-direction: column;
}

#for_visitors.main ul.visitors_cont li .btn {
  background: #df3ed4;
}

#for_visitors.main ul.visitors_cont li a {
  background-position: center;
  display: flex;
  align-items: center;
  padding: 100px 50px;
  flex-direction: column;
  flex: 1;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

#for_visitors.main ul.visitors_cont li.exhibitor_list_cont a {
  background-image: url(../../../assets/img/top/sessionlist_bg.webp);
  background-position: center;
  display: block;
  display: flex;
  /* align-items: center; */
  /* flex-direction: column; */
}

#for_visitors.main ul.visitors_cont li a .txt_cont {
  background: #ffffff96;
  padding: 35px 25px;
  border-radius: 5px;
  min-width: 600px;
}

#for_visitors.main ul.visitors_cont li a h3 {
  font-size: 1.8rem;
  font-weight: bold;
  text-shadow: 0 0 20px #ffffff, 0 0 20px #ffffff, 0 0 20px #ffffff;
  margin-bottom: 1rem;
  font-family: 'Zen Kaku Gothic New';
}

#for_visitors.main ul.visitors_cont li a p,
.en #for_visitors.main ul.visitors_cont li a h3 {
  font-family: 'Outfit';
}

#for_visitors.main ul.visitors_cont li a p {
  font-weight: 900;
  font-size: 1rem;
  text-align: center;
  margin: 0 auto;
  line-height: 1.3;
  margin-bottom: 1.3rem;
  text-shadow: 0 0 6px #ffffff, 0 0 10px #ffffff, 0 0 16px #ffffff;
  font-family: 'Zen Kaku Gothic New';
}

#for_visitors.main ul.visitors_cont li a p.btn {
  padding: .5rem 2.1rem .5rem 1.5rem;
  margin-bottom: 0;
  font-family: 'LINESeedJP';
  text-shadow: none;
  font-size: 1rem;
  box-shadow: 0 0 20px 0px #ffffffb5;
}

#for_visitors.main ul.visitors_cont li a p.btn.arrow_btn:after {
  right: 16px;
  font-size: .7rem;
}

#for_visitors.main ul.visitors_cont li.conference_list_cont .btn {
  background: #2b58e3;
}

#for_visitors.main ul.visitors_cont li.conference_list_cont a {
  background-image: url(../../../assets/img/top/conference_bg.webp);
}

#for_visitors.main .top_press_release_cont {
  background-size: cover;
  background-image: url(../../../assets/img/top/press_release_bg.webp);
  background-position: bottom;
  background-repeat: no-repeat;
}

#for_visitors.main .top_press_release_cont .top.top_press_release_area {
  display: flex;
  justify-content: space-between;
  padding: 0px 0 45px;
  flex-wrap: wrap;
}

#for_visitors .sp_banner {
  display: none;
}

#for_visitors.main .top_press_release_cont .top.top_press_release_area h2 {
  color: #fff;
  font-size: 2rem;
}

#for_visitors.main .top_press_release_cont .top.top_press_release_area a.link.arrow_circle {
  color: #fff;
  padding-top: .4rem;
}

.top_press_release_cont .w1200 .press_list {
  display: flex;
  position: relative;
  justify-content: space-between;
  margin-bottom: 60px;
}

.top_press_release_cont .w1200 .press_list .press_list_cont {
  width: 48.5%;
  background: #fff;
  border-radius: 5px;
}

.top_press_release_cont .w1200 .press_list .press_list_cont a {
  display: flex;
  align-items: center;
  padding: 20px;
  cursor: pointer;
  justify-content: space-between;
}

.top_press_release_cont .w1200 .press_list .press_list_cont a:hover {
  opacity: .7 !important;
}

.top_press_release_cont .w1200 .press_list .press_list_cont a figure.img_cont {
  width: 42%;
  min-width: 150px;
  height: 160px;
  /* 固定の高さを設定 */
  /* margin-right: 1.5rem; */
  overflow: hidden;
  /* はみ出た部分を隠す */
  border-radius: 5px;
  /* 角を丸くする（オプション） */
}

.top_press_release_cont .w1200 .press_list .press_list_cont a .txt_cont {
  width: 52%;
  display: flex;
  flex-direction: column;
  gap: .7rem;
}

.top_press_release_cont .w1200 .press_list .press_list_cont a figure.img_cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* 画像をコンテナに合わせてトリミング */
  object-position: center;
  /* トリミング位置を中央に設定 */
}

.top_press_release_cont .w1200 .press_list .press_list_cont a .txt_cont .list_info span.date.mgr10 {
  font-family: 'Outfit';
  font-size: .9rem;
}

.top_press_release_cont .w1200 .press_list .press_list_cont a .txt_cont .list_info p {
  position: relative;
  margin-top: .5rem;
  line-height: 1.4;
  font-size: .9rem;
  padding-left: 1rem;
}

.top_press_release_cont .w1200 .press_list .press_list_cont a .txt_cont .list_info p:before {
  font-family: "Font Awesome 5 Free";
  content: '\f1ad';
  color: #000000;
  position: absolute;
  display: block;
  font-weight: 900;
  left: 0;
}

.top_press_release_cont .w1200 .press_list .press_list_cont a .txt_cont h5 {
  color: #123ec9;
  font-weight: bold;
  margin-top: .5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media screen and (max-width:1400px) {
  .w1400 {
    padding: 50px 20px;
  }

  #for_visitors.main ul.visitors_cont li a .txt_cont {
    min-width: 300px;
    padding: 50px 30px;
  }

  #for_visitors.main .w1200 {
    padding: 100px 30px;
  }
}

@media screen and (max-width:1300px) {
  #for_visitors.main ul.visitors_cont li a h3 {
    font-size: 1.8rem;
  }

  #for_visitors.main .link_cont .w1200 {
    padding: 80px 30px 50px;
  }

  #for_visitors.main .top_press_release_cont .w1200 {
    padding: 100px 30px;
  }
}

@media screen and (max-width:1100px) {
  #mv .recruitment ._block ul li a {
    /* padding: 15px 5px; */
  }

  #for_visitors.main ul.visitors_cont li a h3 {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }

  #for_visitors.main ul.visitors_cont li a .txt_cont {
    padding: 30px;
    width: 80%;
  }

  #for_visitors.main ul.visitors_cont li a {
    padding: 50px;
  }

  #for_visitors.main ul.visitors_cont li {
    width: 100%;
    min-height: inherit;
  }

  #mv .btn_cont .btn {
    padding: .8rem 4.5rem .8rem 3.5rem;
  }
}

@media screen and (max-width:1050px) {
  #mv .cont_l .mv_btn_content {
    width: 270px;
    margin-top: 4.5%;
  }
}

@media screen and (max-width: 850px) {
  #mv .recruitment ._block.cont_25 {
    /* margin-top: 100%; */
    /* max-width: 400px; */
  }

  #mv .cont_l .mv_btn_content {
    max-width: 250px;
    width: inherit;
    margin-top: 45px;
  }

  #mv .cont_l .btn_list {
    margin-bottom: .5rem;
  }

  .top_press_release_cont .w1200 .press_list .press_list_cont a figure.img_cont {
    min-width: 100px;
    height: 120px;
  }

  #mv .btn_cont .btn {
    padding: .8rem 20% .8rem 18%;
  }
}

/* レスポンシブ対応: visitors_cont の高さ揃え */
@media screen and (max-width: 768px) {
  #for_visitors.main ul.visitors_cont {
    flex-direction: column;
    align-items: stretch;
  }

  #for_visitors.main ul.visitors_cont li:last-child {
    margin-bottom: 0;
  }

  #for_visitors.main ul.visitors_cont li a {
    padding: 50px;
    min-height: inherit;
  }

  #for_visitors.main ul.visitors_cont li a .txt_cont {
    width: 100%;
  }
}

@media screen and (max-width:650px) {
  .top_press_release_cont .w1200 .press_list {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }

  .top_press_release_cont .w1200 .press_list .press_list_cont {
    width: 100%;
  }

  .top_press_release_cont .w1200 .press_list .press_list_cont:first-of-type {
    margin-bottom: 1rem
  }
}

@media screen and (max-width:600px) {
  #mv .recruitment ._block.cont_25 {
    /* margin-top: 65%; */
    /* padding: 20px; */
  }

  #mv .cont_l .mv_btn_content {
    max-width: 240px;
    width: 80%;
  }

  #for_visitors.main .top_press_release_cont .top.top_press_release_area h2 {
    width: 100%;
    text-shadow: 0 0 10px #3c2693, 0 0 10px #3c2693, 0 0 10px #3c2693, 0 0 10px #3c2693;
  }

  #for_visitors.main .top_press_release_cont .top.top_press_release_area a.link.arrow_circle {
    margin-top: 2rem;
    margin-left: auto;
    text-shadow: 0 0 10px #3c2693, 0 0 10px #3c2693, 0 0 10px #3c2693, 0 0 10px #3c2693;
    margin-right: 65px;
  }

  br.sp {
    display: block;
  }

  #for_visitors.main ul.visitors_cont li a p {
    line-height: 1.5;
  }
}

@media screen and (max-width:550px) {

  #mv .recruitment ._block.cont_25 {
    /* padding: 10px; */
  }



  #mv .cont_l .mv_btn_content {
    width: 45%;
  }

  #for_visitors.main .w1200.top h2 span {
    display: block;
    margin-left: 0;
  }

  #for_visitors.main .top_press_release_cont .top.top_press_release_area h2 {
    font-size: 1.7rem;
  }

  .top_press_release_cont .w1200 .press_list {
    margin-bottom: 30px;
  }

  .top_press_release_cont .w1200 .press_list .press_list_cont a {
    padding: 15px;
  }

  #for_visitors.main .w1200 h2 {
    font-size: var(--font-size_36);
  }

  #for_visitors.main .top_press_release_cont .top.top_press_release_area {
    padding: 0 0 30px;
  }

  .top_press_release_cont .w1200 .press_list .press_list_cont a .txt_cont {
    width: 50%;
    gap: 0;
  }

  .top_press_release_cont .w1200 .press_list .press_list_cont a figure.img_cont {
    width: 45%;
    height: 90px;
  }

}

@media screen and (max-width: 480px) {
  .w1400 {
    padding: 40px 20px;
  }

  #mv .recruitment ._block ul li a {
    /* padding: 10px 5px; */
  }

  #mv .recruitment ._block ul {
    margin-bottom: 0;
  }

  #mv .recruitment ._block.cont_25 {
    /* margin-top: 55%; */
    /* margin-bottom: .7rem; */
    padding: 0;
    /* margin-top: 10px; */
  }

  #mv .flex_cont .cont_l li:first-of-type {
    display: none;
  }

  #mv .flex_cont .cont_l li.pc_cont {
    display: none;
  }

  #mv .flex_cont .cont_l li.sp_cont {
    display: block;
    width: 100%;
  }

  #for_visitors .pc_banner {
    display: none;
  }

  #for_visitors .sp_banner {
    display: block;
  }

  #for_visitors.main .w1200 {
    padding: 50px 30px;
  }

  #for_visitors.main .top_press_release_cont .w1200 {
    padding: 50px 20px;
  }

  #mv .cont_l .contact_cont,
  #mv .cont_l .btn_list {
    padding: 0 1rem;
  }

  #mv .flex_cont .cont_l li.btn_list_item {
    width: calc((100% - 25px)/3);
  }

  #mv .flex_cont .cont_l li.btn_list_item:first-of-type {
    display: block;
  }

  #for_visitors.main .link_cont .w1200 {
    padding: 0 30px 20px;
  }

  #mv .cont_l .mv_btn_content {
    margin-top: 3.4rem;
    width: 85%;
    left: 7.5%;
    max-width: 420px;
  }

  .en #mv .cont_l .mv_btn_content {
    width: 90%;
    left: 5%;
  }

  #for_visitors.main ul.visitors_cont li a {
    padding: 30px 20px;
  }

  #for_visitors.main ul.visitors_cont li a .txt_cont {
    padding: 20px 20px;
  }

  #for_visitors.main ul.visitors_cont li a h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }

  #for_visitors.main ul.visitors_cont li a p {
    font-size: .9rem;
    margin-bottom: 1rem;
  }

}

@media screen and (max-width:400px) {
  #mv .cont_l .mv_btn_content {
    margin-top: 2.7rem;
  }

  #mv .catchcopy .catchcopy_newline .sp_img{
  }

  #mv .recruitment ._block ul li a p {
    font-size: 13px;
  }

  .en #mv .recruitment ._block ul li a p {
    margin-bottom: .5rem;
  }

  #mv .recruitment ._block.cont_25 {
    /* padding: 10px; */
    /* margin-top: 10px; */
  }

  #mv .btn_cont .btn {
    padding: .8rem 4.5rem .8rem 3.5rem;
    font-size: 1rem;
    letter-spacing: 1px;
    max-width: 100%;
    box-sizing: border-box;
  }

  #mv .recruitment .btn_cont {
    padding: 10px 5px 15px;
  }
}

/*============================
統合レスポンシブメディアクエリ - 最適化版
============================*/

/* タブレット以下 (1024px以下) */
@media screen and (max-width: 1024px) {
  .w1100, .w1200, .w1400 {
    /* padding-left: clamp(15px, 3vw, 25px); */
    /* padding-right: clamp(15px, 3vw, 25px); */
  }

  #event_overview .link_cont nav ul li {
    min-width: 100px;
  }
}

/* スマートフォン (768px以下) */
@media screen and (max-width: 768px) {
  #news .content {
    /* flex-direction: column; */
    /* align-items: flex-start; */
    /* width: 100%; */
  }

  #news .content h2 {
    /* padding-right: 0; */
    /* margin-bottom: 10px; */
  }

  #news .content h2:after {
    /* display: none; */
  }

  #event_overview .link_cont {
    flex-direction: column;
    text-align: center;
  }

  #event_overview .link_cont h2 {
    width: 100%;
    margin-bottom: 20px;
  }

  #event_overview .link_cont nav ul {
    justify-content: center;
  }

  #event_overview .link_cont nav ul li {
    flex: 0 1 auto;
    margin-bottom: 10px;
  }
}

/* 小型スマートフォン (480px以下) */
@media screen and (max-width: 480px) {
  .btn {
    /* padding: clamp(0.3rem, 1vw, 0.4rem) cla`mp(1.5rem, 4vw, 2rem); */
    /* font-size: clamp(0.9rem, 2vw, 1rem); */
  }

  .en #topregist_area.main .schedule-block ul.link_cont a {
    padding: 1rem 3.4rem 1rem 1.5rem;
  }

  .en a.btn.btn_bg_pink:after,
  .en a.btn.btn_pink::after {
    right: 9px;
  }

  .link.arrow_circle {
    margin-right: clamp(20px, 5vw, 40px);
  }

  .link.arrow_circle:after {
    width: clamp(40px, 8vw, 50px);
    height: clamp(40px, 8vw, 50px);
  }

  #event_overview .link_cont nav ul li a {
    white-space: normal;
    line-height: 1.3;
    padding: clamp(0.4rem, 1vw, 0.5rem) clamp(0.2rem, 1vw, 0.3rem);
  }

  #news .view_all {
    width: max-content;
    /* text-align: center; */
    /* margin-top: 15px; */
  }
}

/* TOPスライド追加 */
#mv .recruitment .slide_cont{
  padding: 15px 15px 0px;
  background: #ffffff7d;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}

/* バナースライダー用CSS */
.js-banner-slider {
  margin: 0;
  padding: 0;
  list-style: none;
}

.js-banner-slider li {
  outline: none;
  box-shadow: 0px 0px 9px rgb(0 0 0 / 44%) !important;
  /* border-radius: 12px !important; */
  /* padding: 8px !important; */
  background: transparent !important;
  margin: 0px !important;
}

.js-banner-slider .slick-dots li{
  box-shadow: none!important;
}

.js-banner-slider img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  /* border-radius: 8px !important; */
  transition: transform 0.3s ease !important;
}

.js-banner-slider li:hover img {
  transform: scale(1.02) !important;
}

@media screen and (max-width:600px){
  #mv .recruitment .slide_cont{
    padding: 12px 12px 0;
  }
}



/* カウントダウン用CSS */
.countdown-wrap {
    margin: 0px 0 10px;
}

.countdown {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 17px;
    flex-wrap: wrap;
}

.countdown .bloc-time {
    text-align: center;
}

.countdown .count-title {
    /* margin-top: 10px; */
    /* display: inline-block; */
    /* margin-bottom: 15px; */
    /* font: normal 0.94em 'Lato', sans-serif; */
    color: #1a1a1a;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    display: block;
}

.countdown .figure {
    position: relative;
    float: left;
    height: 65px;
    width: 59px;
    margin-right: 5px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .2), inset 2px 4px 0 0 rgba(255, 255, 255, .08);
    margin-bottom: 7px;
    font-family: "Lato", sans-serif;
}

.countdown .figure:last-child {
    margin-right: 0;
}

.countdown .figure > span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    /* font-size: 1rem; */
    font-size: 3rem;
    font-weight: 700;
    color: #de4848;
    font-family:"Lato", sans-serif;
}

.countdown .figure .top {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 3rem;
    font-weight: 700;
    color: #de4848;
    line-height: 0px;
    font-family: "Lato", sans-serif;
}

.countdown .figure .bottom {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /* font: normal 5.94em/107px 'Lato', sans-serif; */
    font-weight: 700;
    color: #de4848;
    line-height: 0;
}

.countdown .figure .top,
.countdown .figure .bottom-back {
    position: relative;
}

.countdown .figure .top:after,
 {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #fff;
}

.countdown .figure .bottom-back:after{
   content: "";
   position: absolute;
   z-index: -1;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
}

.countdown .figure .top {
    z-index: 3;
    background-color: #f7f7f7;
    transform-origin: 50% 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transform: perspective(200px);
    height: 50%;
    overflow: hidden;
    /* font-size: 3rem; */
    backface-visibility: hidden;
    border-bottom: 1px solid #fff;
    font-family: "Lato", sans-serif;
}

.countdown .figure .bottom {
    z-index: 1;
    /* height: 50%; */
    overflow: hidden;
}

.countdown .figure .bottom:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: rgb(255 255 255 / 2%);
}

.countdown .figure .bottom-back {
    z-index: 2;
    top: 0;
    height: 50%;
    overflow: hidden;
    /* background-color: #f7f7f7; */
    /* border-top-left-radius: 10px; */
    /* border-top-right-radius: 10px; */
    border: none;
}

.countdown .figure .bottom-back span {
    position: relative;
    left: 0;
    top: -25px;
    right: 0;
    /* top: 0; */
    margin: auto;
    font-size:3rem;
    font-weight:bold;
    /* display: none; */
    background: initial;
    font-family: lato;
}

.countdown .figure .top-back {
    z-index: 2;
    bottom: 0;
    background-color: #fff;
    transform-origin: 50% 0;
    transform: perspective(200px) rotateX(180deg);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 50%;
    overflow: hidden;
    backface-visibility: hidden;
}

.countdown .figure .top-back span {
    position: absolute;
    top: -80%;
    left: 0;
    right: 0;
    margin: auto;
  font-size:3rem;
  font-weight:bold;
}

@media screen and (max-width:1400px){
  .countdown .figure {
    width: 50px;
  }
  .countdown{
    gap:10px
  }

}

@media screen and (max-width:1250px){
  .countdown .figure .bottom-back span,
  .countdown .figure > span,
   .countdown .figure .top {
    /* font-size: 2.5rem; */
    /* height: 40%; */
  }
  .countdown .figure{
    /* width: 45px; */
    /* height: 45px; */
  }
}


@media screen and (max-width:850px){
  .countdown .figure .bottom-back span{
    top: -22px;
  }
}

@media (max-width: 768px) {
   .countdown .figure .bottom-back span,
  .countdown .figure > span,
   .countdown .figure .top {
    font-size: 3rem;
    
  }
    .countdown {
        gap: 10px;
        justify-content: center;
        flex-wrap: nowrap;
    }
    
    .countdown .figure {
        height: 45px;
        width: 45px;
        margin-right: 3px;
    }
    
    .countdown .figure > span,
    .countdown .figure .top,
    .countdown .figure .bottom-back span,
    .countdown .figure .top-back span {
        font-size: 1.8rem;
    }
    
    .countdown .figure .top {
        line-height: 0;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    
    .countdown .figure .bottom-back span {
        top: -13px;
    }
    
    .countdown .figure .top-back span {
     top: -80%;
    }
    
    .countdown .count-title {
        font-size: 10px;
        margin-top: 5px;
    }
}


@media (max-width: 600px){
      .countdown .figure {
        height: 40px;
        width: 35px;
        margin-right: 3px;
    }
  .countdown .figure .top{
    border-radius: 5px 5px 0 0;
  }
}

@media (max-width: 480px) {
      .countdown .figure > span,
    .countdown .figure .top,
    .countdown .figure .bottom-back span,
    .countdown .figure .top-back span {
        font-size: 3rem;
    }
  
    .countdown {
        gap: 8px;
        max-width: 100%;
    }
    
    .countdown .figure {
        height: 45px;
        width: 35px;
        margin-right: 2px;
    }
    
    .countdown .figure > span,
    .countdown .figure .top,
    .countdown .figure .bottom-back span,
    .countdown .figure .top-back span {
        font-size: 1.7rem;
    }
    
    .countdown .figure .bottom-back span {
        top: -13px;
    }
    
    .countdown .figure .top-back span {
        top: -65%;
    }
    
    .countdown .count-title {
        font-size: 9px;
        margin-top: 3px;
    }
}

@media (max-width: 480px){
 .countdown .figure {
        height: 40px;
        width: 30px;
        margin-right: 2px;
    }

  }


#pickup-session{
  /* display: flex; */
  padding: 40px 0;
  display: flex;
  align-items: center;
  max-height:300px;
}

#pickup-session .top_ttl{
  font-size: 27px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

#pickup-session p{
  margin-bottom: 15px;
  font-weight:bold;
  font-size: 1rem;
  letter-spacing: 1px;
}

#pickup-session .pickup-session-block{
  width: 80%;
}

#pickup-session .btn{
  background: linear-gradient(90deg, #0570e9 0%, #05a0e1 100%);
  font-size: .7rem;
  padding: .5rem 3rem .5rem 1rem;
}

#pickup-session .c-button::after{
  color: #1269ec;
}

#pickup-session > div{
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 20px;
}

#pickup-session .txt_cont{
  width: 20%;
}

#pickup-session ul{
  width: 100%;
}

@media screen and (max-width:1200px){
  #pickup-session .txt_cont{
    width: 25%;
  }
  #pickup-session .pickup-session-block{
    width: 75%;
    padding-left: 15px;
  }
  #pickup-session p{
    font-size: .9rem;
  }
}

@media screen and (max-width:850px){
#pickup-session{
  padding: 20px 0;
} 
  #pickup-session .txt_cont{
    padding-left: 10px;
  }
  #pickup-session .top_ttl{
    font-size:20px;
  }
  #pickup-session .c-button::after{
    width: 15px;
    height: 15px;
    line-height: 15px;
  }
  #pickup-session .btn{
    padding: .5rem 2rem .5rem 1rem;
  }
}

@media screen and (max-width:600px){
    #pickup-session .txt_cont{
   display: flex;
   justify-content: space-between;
   padding: 0 10px;
   width: 100%;
   flex-direction: row;
  }
  #pickup-session .txt_cont .add_txt{
    width: max-content;
    text-align: left;
  }
  #pickup-session .btn{
    max-width: initial;
  }
  #pickup-session > div{
    display: flex;
    justify-content: space-between;
  }
  #pickup-session .pickup-session-block{
     width:100%;
     margin-top: 10px;
     padding-left: 0;
  }
  #pickup-session{
    flex-direction: column;
    padding: 20px 0;
  }
  #pickup-session p{
    margin-bottom:0;
  }
}


/* ==================================================================
   3. 2026 追加・変更分
   Conference 6カード / 出展者情報 6カード / Registration ステップ / MVボタン
   ================================================================== */

/* ============================================
   Inter BEE 2026 来場者TOP 追加CSS
   2025ベース（top_mv_online2025.css）の後に読み込む差分スタイル
   ============================================ */

/* --------------------------------------------
   共通カード（Exhibitor Information / Conference）
   デザイン変更: テキストをカードの外に出す
   -------------------------------------------- */

.c26-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 30px;
  margin: 0 auto;
  /* .w1400 に左右のパディングが無く、画面幅によってカードが端に張り付くため */
  padding: 0 20px;
  list-style: none;
}

.c26-card {
  margin: 0;
  /* 行内でカードの上端を揃える */
  align-self: start;
}

.c26-card__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

/* 書き出された画像の比率（619x304）に合わせる。
   高さを画像まかせにすると、未アップのカードが潰れて行の高さが揃わない */
.c26-card__thumb {
  position: relative;
  margin: 0 0 16px;
  overflow: hidden;
  aspect-ratio: 619 / 304;
  /* 角丸は枠側で切り抜く。画像にも角丸が焼き込まれているが、枠で切り抜いておかないと
     ホバーで拡大したときに焼き込みの角丸が枠外へ出て、角が四角く見えてしまう */
  border-radius: 12px;
  /* MV のボタン・Quick Menu のカードと同じ影づかい。色は #02042d を 17% */
  box-shadow: 0 8px 32px rgba(2, 4, 45, .17);
  /* background: #e9e9e9; */
}

/* 画像がまだ無いダミーは、角丸が無いと四角く見えるのでこちらだけ当てる */
.c26-card__thumb.is-placeholder {
  border-radius: 12px;
}

.c26-card__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  /* 枠いっぱいに敷く。書き出し画像は 619x304 と 575x260 の2種類あるが、
     cover なら比率に関係なく枠を埋められる。焼き込みの角丸と影は切り落とされ、
     代わりに枠側の border-radius が効くので見た目は揃う */
  object-fit: cover;
  /* 焼き込みの角丸と影を必ず枠外へ逃がすため、通常時から少し拡大して置く。
     枠と比率が近い画像（award_online 2.040 / 枠 2.036）だけ焼き込みの縁が
     残ってしまい、他と見え方も動きも揃わなかったため */
  transform: scale(1.04);
  transition: transform .45s ease;
  /* 拡大時に縁がちらついたり、角丸からはみ出して見えるのを抑える */
  backface-visibility: hidden;
  will-change: transform;
}

/* 赤字: ホバーで画像が大きくなる動き。バッジは img の外にあるので一緒に拡大しない */
.c26-card__link:hover .c26-card__thumb img {
  transform: scale(1.10);
}

/* 触れる面であることが伝わるよう、わずかに明るくする（影は使わない） */
.c26-card__link {
  transition: opacity .3s ease;
}

.c26-card__link:hover {
  opacity: .92;
}

.c26-card__ttl {
  margin: 0 0 4px;
  text-align: center;
  /* デザイン書き出しから抽出（見出し・説明文とも純黒） */
  color: #000;
  font-size: var(--font-size_20, 20px);
  font-weight: 700;
  line-height: 1.4;
}

.c26-card__ttl--award img {
  width: auto;
  max-height: 20px;
}

.c26-card__desc {
  margin: 0;
  text-align: center;
  color: #000;
  font-size: var(--font-size_14, 14px);
  line-height: 1.6;
}

.c26-card__desc--links a {
  text-decoration: underline;
}

/* 案内状カード: 画像とタイトルだけリンクにしている（説明文に別のリンクがあるため）。
   画像のリンクはブロックにし、タイトルは色・下線を他のカードのタイトルと同じにする */
.c26-card__thumb-link {
  display: block;
}

.c26-card__ttl a {
  color: inherit;
  text-decoration: none;
}

/* リンク未定の項目（span）は下線なし。サイト共通の span 指定で 17px になっていたので説明文と同じ大きさに戻す */
.c26-card__desc--links span {
  font-size: inherit;
  line-height: inherit;
}

/* 素材待ちのグレーダミー（会場MAP写真＝めぐさん待ち） */
.c26-card__thumb.is-placeholder {
  background: #d5d5d5;
}

/* 公開前のカード（コンファレンスAI検索・オンライン展示情報・出展者イベント・AWARD）。クリック不可。
   赤字（添付の形）: 写真の色を落としてグレーを重ね、公開予定日を白文字で画像の中央に載せる */
.c26-card.is-soon .c26-card__link {
  pointer-events: none;
  cursor: default;
}

/* 公開前は説明文のリンクも押せないので、下線を消して押せそうに見せない */
.c26-card.is-soon .c26-card__desc--links a {
  text-decoration: none;
}

/* 白黒にしきらず、元の色が少し残るようにする */
.c26-card.is-soon .c26-card__thumb img {
  filter: grayscale(.6);
}

.c26-card.is-soon .c26-card__thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgb(68 68 68 / 70%);
}

/* 公開予定日（地の色は付けず、白文字＋影） */
.c26-card__soon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  color: #fff;
  /* カードのタイトル（--font-size_20）より若干小さく */
  font-size: var(--font-size_18, 18px);
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
  /* 輪郭の濃い影と、広めのぼかしを重ねる */
  text-shadow: 0 1px 3px rgb(0 0 0 / 80%), 0 2px 12px rgb(0 0 0 / 70%);
  transform: translate(-50%, -50%);
}

/* ログイン限定バッジ: 赤字「HTMLで組んで、画像と一緒に大きくならないように」 */
.c26-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: inline-block;
  padding: 4px 10px;
  border-radius: 8px;
  background: #fffc29;
  color: #222;
  font-size: var(--font-size_12, 12px);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

/* Conference は濃色背景なので文字を白に */
#conference .c26-card__ttl,
#conference .c26-card__desc {
  color: #fff;
}

/* デザイン書き出しから抽出 */
#conference .c26-card__ttl--forum {
  color: #009fde;
}

/* INTER BEE FORUM はロゴ画像 */
#conference .c26-card__ttl--forum img {
  display: inline-block;
  width: auto;
  max-height: 20px;
}

#conference .c26-card__ttl--seminar {
  color: #02b8de;
}

/* --------------------------------------------
   横長ブロック（赤字: 横長で出展者AI検索を入れる）
   画像が来るまではグレーのボックスにテキストを載せた仮置き
   -------------------------------------------- */

/* 赤字: 出展者AI検索のバナーは上のカード列の半分の幅で中央に置く。SP は全幅（下の 640px 以下） */
.c26-wide {
  width: 50%;
  margin: 50px auto 0;
}

/* 960px 以下は上のカードが 2 列になり、半分の幅だとバナーが小さく見えるので少し広げる */
@media screen and (max-width: 960px) {
  .c26-wide {
    width: 70%;
  }
}

@media screen and (max-width: 640px) {
  /* SP は上の「10/9(金) 公開予定」「ログイン限定」のバッジがバナーに近すぎてずれて見えたので、上の余白を詰めた 30px にする */
  .c26-wide {
    width: 100%;
    margin: 30px auto 0;
  }
}

.c26-wide__ph {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 40px 24px;
  overflow: hidden;
  /* 上のカードと同じ影 */
  box-shadow: 0 8px 32px rgba(2, 4, 45, .17);
  border-radius: 12px;
  text-align: center;
}

/* 仮置き中のグレー */
.c26-wide__ph.is-placeholder {
  background: #d5d5d5;
  color: #555;
}

.c26-wide__ph img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c26-wide__ttl {
  margin: 0 0 8px;
  font-size: var(--font-size_22, 22px);
  font-weight: 700;
}

.c26-wide__desc {
  margin: 0;
  font-size: var(--font-size_14, 14px);
}

/* バッジは右上に固定（画像・グレーの幕より上） */
.c26-wide__ph .c26-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
}

/* 画像バナー（出展者AI検索）。枠の高さ・余白を外し、画像の縦横比のまま表示する。
   グレーがけ・文字は画像に入っているので CSS では重ねない */
/* 角丸・影は下の .c26-wide__crop に付けるので、外枠には付けない（影が切れないよう overflow も戻す） */
.c26-wide__ph.is-banner {
  display: block;
  min-height: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

/* 画像（1878x568）の周り 43px は影用の透明な余白で、画像自体の角丸も小さい（表示で約7px）。
   余白を切り落として、上のカードと同じ角丸 12px・同じ影を CSS で付ける。
   見えている部分は 1792px 幅なので、画像を 1878/1792 倍にして 43/1792 だけずらす（% は枠の幅基準） */
.c26-wide__crop {
  display: block;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(2, 4, 45, .17);
}

.c26-wide__ph.is-banner .c26-wide__img {
  display: block;
  width: calc(100% * 1878 / 1792);
  max-width: none;
  height: auto;
  margin: calc(-100% * 43 / 1792);
}

/* バナー右上のバッジ（公開予定＝白、ログイン限定＝黄）。並べて置くので個々の absolute は外す */
.c26-wide__badges {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  gap: 6px;
}

/* 大きさはコンファレンスAI検索のバッジ（.c26-badge の既定）と同じ。並べるので absolute だけ外す */
.c26-wide__ph .c26-wide__badges .c26-badge {
  position: static;
}

.c26-badge--white {
  background: #fff;
}

/* SP はバナーが低く画像内のタイトルに掛かるので、バッジをバナーの上（外側・右寄せ）に出す */
@media screen and (max-width: 640px) {
  /* バッジを画像の上に並べる（HTML では画像の後ろにあるので order で前へ） */
  .c26-wide__ph.is-banner {
    display: flex;
    flex-direction: column;
    overflow: visible;
  }

  .c26-wide__badges {
    position: static;
    order: -1;
    justify-content: flex-end;
    margin-bottom: 6px;
  }

  /* 白背景の上に出るので、白いバッジは枠線で見えるようにする */
  .c26-wide__badges .c26-badge--white {
    box-shadow: inset 0 0 0 1px #ccc;
  }


}

/* --------------------------------------------
   Registration（2026: ステップ形式の新規ブロック）
   -------------------------------------------- */

.r26-inner {
  /* 他のセクション（.w1400）と同じく幅 100%・最大 1400px。左右の余白は --section-inset
     （下の「左右の余白も揃える」）で取る。旧: min(1400px, 92%) で 4% ずつ余白が上乗せされ、
     SP では他より細く、中身も中央からずれて見えていた */
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 70px 0;
  text-align: center;
  color: #fff;
}

.r26-ttl {
  margin: 0 0 30px;
  font-size: var(--font-size_40, 40px);
  font-weight: 700;
  line-height: 1.2;
}

.r26-ttl span {
  display: block;
  margin-top: 8px;
  font-size: var(--font-size_14, 14px);
}

/* 素の p { color:#000 } が当たるため、.r26-inner の color:#fff は継承では勝てない。
   ダークな背景に乗る文なので、ここで明示的に白を指定する */
.r26-lead {
  color: #fff;
  margin: 0 0 16px;
  font-size: var(--font-size_20, 20px);
  font-weight: 700;
}

.r26-note {
  color: #fff;
  margin: 0 0 40px;
  font-size: var(--font-size_14, 14px);
  line-height: 1.8;
}

.r26-steps {
  display: grid;
  /* 1fr（= minmax(auto,1fr)）だと画像の幅より縮まず、2 列の SP で右の列がはみ出す */
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5%;
  /* 見出し・本文・ボタンより外に張り出して見えるため、内側で幅を絞って中央に置く */
  max-width: 1000px;
  margin: 0 auto 40px;
  padding: 0;
  list-style: none;
  counter-reset: none;
}

.r26-step {
  position: relative;
  padding: 20px 16px 24px;
  border-radius: 12px;
  background: #dbf0fd;
  color: #222;
  text-align: center;
}

/* STEP 1 のみ緑系（デザイン準拠） */
.r26-step--1 {
  background: #dce7d6;
}

/* ステップ間の矢印。border の三角形だと角を丸められないので SVG にする。
   同じ色の太い線（stroke-linejoin:round）で縁取って、角だけ少し丸める */
.r26-step + .r26-step::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -35px;
  width: 20px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpolygon points='2,2 18,12 2,22' fill='%23dddddd' stroke='%23dddddd' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  transform: translateY(-50%);
}

.r26-step__label {
  display: inline-block;
  min-width: 96px;
  margin-bottom: 14px;
  padding: 5px 14px;
  border-radius: 999px;
  background: #1a9de0;
  color: #fff;
  font-size: var(--font-size_13, 13px);
  font-weight: 700;
  letter-spacing: .08em;
}

.r26-step--1 .r26-step__label {
  background: #22ac38;
}

.r26-step__img {
  margin: 0 0 14px;
}

.r26-step__img img {
  width: auto;
  max-width: 100%;
  max-height: 160px;
}

.r26-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}

/* MV の来場事前登録ボタンと同じグラデーション＋白丸の矢印 */
.r26-btn {
  position: relative;
  display: inline-block;
  min-width: 420px;
  padding: 20px 72px 20px 40px;
  border-radius: 999px;
  background: linear-gradient(90deg, #e60ea1 0%, #c038e2 100%);
  color: #fff;
  font-size: var(--font-size_20, 20px);
  font-weight: 700;
  text-decoration: none;
  transition: opacity .3s ease;
}

.r26-btn:hover {
  opacity: .85;
}

.r26-btn::after {
  content: '\f061';
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  position: absolute;
  top: 50%;
  right: 18px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  color: #e60ea1;
  font-size: 15px;
  line-height: 1;
  transform: translateY(-50%);
}

.r26-textlink {
  color: #fff;
  font-size: var(--font-size_15, 15px);
  font-weight: 700;
  text-decoration: underline;
}

.r26-textlink::after {
  content: '\f061';
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  margin-left: 8px;
  text-decoration: none;
  display: inline-block;
}

/* --------------------------------------------
   MV（赤字: コンファレンス以下のボタンも画像なしのベタ色）
   -------------------------------------------- */

/* ==== 2026 MV 背景 ==========================================================
   本番の出展募集TOP（2026_exb_top.css の #exb26-mv）と同じ考え方で、背景は
   background-image ではなく <img class="mv-bg"> で置く。こうすると MV の高さを
   画像の縦横比が決めるので、デバイス幅が変わっても上下が切れない。

   重ね方だけ本番と変えてある。本番は「img を通常フローで置き、コンテンツを
   position:absolute で重ねる」方式だが、それだと画像より中身が高くなる幅
   （来場TOP では 1030px 付近以下）で中身が MV からはみ出し、上下が切れる。
   本番は 851-1200px でコンテンツを詰めてかわしているが、ボタンの文言が増えると
   また破綻する。ここでは img とコンテンツを grid の同じセルに重ね、

     MV の高さ = max(画像の自然な高さ, コンテンツの高さ)

   にした。画像は object-fit:cover なので、コンテンツの方が高い幅では左右だけが
   切れる。上下が切れる条件が原理的に無くなる（Chromium / WebKit で確認済み）。
   #mv に padding を持たせると画像がその分内側に入るため、余白は .flex_cont 側に置く。

   TODO(2026): tablet / SP 用の背景画像が未入稿（S3 に mv_bg_online_sp.webp は無い）。
   届いたら index.php に .mv-bg--tablet / .mv-bg--sp を追加し、下の表示切替の
   display を入れ替えるだけでよい（高さの仕組みはそのまま使える）。
   ========================================================================== */
#mv {
  display: grid;
  grid-template-columns: 1fr;
}

/* #mv の直下はすべて同じセルに重ねる。背景 img とコンテンツのほか、
   2025 から残るキャッチコピー（.catchcopy／650px 以下でだけ表示）も含めて
   段が増えないようにする */
#mv > * {
  grid-area: 1 / 1;
}

#mv .mv-bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* MV を少し低くする（赤字: 上下が空きすぎ。以前は英語TOPだけの指定だったのを日英共通にした）。
   画像の縦横比（2000x1081）の代わりに 2000x820 を使わせ、上の空と下の床の映り込みを
   中央基準で切る（object-fit:cover）。MV の高さは上の仕組みどおり
   max(この比率での高さ, コンテンツの高さ) なので、コンテンツの方が高い幅では今までどおり伸びる */
#mv .mv-bg {
  aspect-ratio: 2000 / 820;
}

/* 背景は picture（SP は source で mv_bg_online_sp.webp に切り替わる）。
   picture 自体は箱を作らず、中の img を #mv の grid の同じセルに置く */
#mv picture {
  display: contents;
}

/* picture が display:contents なので、上の #mv > * は picture にしか当たらない。中の img にも同じセルを指定する */
#mv picture > .mv-bg {
  grid-area: 1 / 1;
}

/* ==========================================================================
   SP（600px 以下）の MV: 縦長の画像（1230x1879）に合わせた配置
   デザイン（イメージ）: 上にロゴ、中央にイラスト、下に来場事前登録のパネルと3つのボタン。
   高さは画像の縦横比で決め、中身の方が高い場合は grid の仕組みで伸びる（上の説明どおり）。
   この下にある #mv の各指定より後勝ちにするため .page_top を付けて詳細度を上げている
   ========================================================================== */
@media screen and (max-width: 600px) {
  .page_top #mv .mv-bg {
    aspect-ratio: 1230 / 1879;
    object-position: center top;
  }

  /* 中身を MV の高さいっぱいに伸ばし、ロゴを上、パネルとボタンを下に分ける */
  /* 2025 の SP 指定（flex-direction: column-reverse）を上書きし、中身を縦いっぱいに伸ばす */
  .page_top #mv .flex_cont {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 28px 0 32px;
  }

  .page_top #mv .recruitment.mv26 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0 auto;
  }

  .page_top #mv .recruitment.mv26 .mv26__logo {
    margin-bottom: auto;
  }

  .page_top #mv .recruitment.mv26 .mv26__glass {
    margin-top: 16px;
    margin-bottom: 10px;
    padding: 10px 4% 12px;
  }

  /* デザイン（イメージ）ではイラストの下にパネルとボタンが収まるので、SP はボタンを低く・間隔を詰める */
  .page_top #mv .mv26__catch {
    margin-bottom: 8px;
  }

  .page_top #mv .mv26__catch img {
    width: 88%;
    margin: 0 auto;
  }

  .page_top #mv .mv26__btns li + li {
    margin-top: 8px;
  }

  .page_top #mv .mv26__btn {
    padding: 9px 48px 9px 20px;
  }

  .page_top #mv .mv26__btn__ja {
    font-size: 16px;
  }

  .page_top #mv .mv26__btn__en {
    font-size: 10px;
  }

  .page_top #mv .mv26__btn::after {
    width: 26px;
    height: 26px;
    right: 12px;
    font-size: 11px;
  }

  /* 2025 のテーマコピー（.catchcopy）は SP 用 MV のデザインに無いので出さない */
  .page_top #mv .catchcopy {
    display: none;
  }
}

/* 背景画像と同じセルに重ねるコンテンツ。
   2025 の #mv .flex_cont（margin:0 0 0 auto）を後勝ちで上書きする。
   上下の余白は #mv ではなくこちらに持たせる（#mv の padding は画像を内側に押し込むため） */
#mv .flex_cont {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  /* 上下は幅に追従させる（赤字: レスポ時は詰まりすぎ）。画像の方が高い広い画面では MV の高さは変わらず、
     中身の方が高くなる幅（ヘッダー直下にロゴ、下端にボタンが付いて見えていた）で上下が空く */
  padding: clamp(56px, 5vw, 72px) 3%;
  z-index: 1;
}

/* 650px 以下は 2025 から残るキャッチコピー（.catchcopy）が出る。MV 下端から 25px の
   絶対配置で、画像の高さは幅のおよそ 1/10（650px で 65px、375px で 36px）。
   固定値だと 650px 付近でボタンに重なるため、高さに追従する calc で下を空ける。
   TODO(2026): このキャッチコピーは 2025 のテーマコピー（mv_copy_sp.webp）。
   2026 来場TOPで出す想定が無ければ index.php の .catchcopy ごと削除し、
   この padding も 24px 3% に戻してよい */
@media screen and (max-width: 650px) {
  #mv .flex_cont {
    padding: 56px 3% calc(40px + 10.5vw);
  }
}

/* ---- 851〜1200px: コンテンツを詰める --------------------------------------
   背景 img の高さは幅に比例して縮む（2000x1081 → 高さ = 幅 / 1.85）のに対し、
   ボタンの padding / 文字サイズは固定なのでコンテンツ高は縮まない。
   1030px あたりからコンテンツの方が高くなり、上の grid の仕組みで MV が縦に伸び、
   その分だけ背景画像の左右が切られる。ここを詰めておくと切られる量が小さくなる。
   本番も同じ帯域に同じ狙いのルールを置いている
   （2026_exb_top.css の「この帯域はMV高に対しコンテンツが収まらなくなるため上下を詰める」）。
   vw 基準の clamp で連続的に詰め、1100px 以上では通常サイズに戻る。 */
@media screen and (min-width: 851px) and (max-width: 1200px) {
  #mv .recruitment.mv26 .mv26__logo {
    margin-bottom: clamp(14px, 1.64vw, 18px);
  }

  .mv26__glass {
    margin-bottom: clamp(10px, 1.27vw, 14px);
    padding: clamp(10px, 1.27vw, 14px) 4% clamp(13px, 1.64vw, 18px);
  }

  .mv26__catch {
    margin-bottom: clamp(9px, 1.09vw, 12px);
  }

  .mv26__btns li + li {
    margin-top: clamp(7px, 0.91vw, 10px);
  }

  .mv26__btn {
    padding: clamp(10px, 1.27vw, 14px) clamp(44px, 5.1vw, 56px)
             clamp(10px, 1.27vw, 14px) clamp(18px, 2.18vw, 24px);
  }

  .mv26__btn__ja {
    font-size: clamp(15px, 1.82vw, 20px);
  }

  .mv26__btn__en {
    font-size: clamp(11px, 1.27vw, 14px);
  }

  .mv26__btn::after {
    width: clamp(25px, 2.91vw, 32px);
    height: clamp(25px, 2.91vw, 32px);
    right: clamp(12px, 1.45vw, 16px);
    font-size: clamp(11px, 1.27vw, 14px);
  }
}


/* 2025 から残る #mv h1（max-width:524px）と #mv h1 img（max-width:500px、
   1250px 以下と 850px 以下は 400px）が .mv26__logo よりも詳細度が高く、
   ロゴだけボタンより細く出ていた。会期中フェーズの旧マークアップがまだ
   残っているので旧ルールは触らず、mv26 の中だけ詳細度で上書きする。
   ボタン・グラス内側と同じ「4% 寄せ＝幅 92%」に揃える */
#mv .recruitment.mv26 .mv26__logo {
  width: 100%;
  max-width: none;
  margin: 0 0 18px;
  padding: 0 4%;
}

#mv .recruitment.mv26 .mv26__logo img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}

/* 2026: MV右側の横幅。2025 は width:37% / max-width:503px だったが、
   ボタンの文字が詰まるため広げる。
   44% は本番の出展募集TOP（#exb26-mv .mv-content）と同じ値 */
#mv .recruitment.mv26 {
  width: 44%;
  max-width: 500px;
}

/* 狭い幅の指定が無く 44% のままだったため、850px 以下でコンテンツが極端に細く
   なっていた。本番の .mv-content と同じブレークポイント・同じ値に揃える */
@media screen and (max-width: 850px) {
  #mv .recruitment.mv26 {
    width: 49.4vw;
    max-width: none;
  }
}

/* タブレット（601〜850px）も PC と同じく右寄せにする。2025 から残る 768px 以下の
   #mv .recruitment { margin: 0 auto } などで中央に寄り、左側の MV のイラストに重なっていた。
   右の余白は外側の要素がすでに持っていて PC と同じ幅になるので、ここでは足さない。
   600px 以下は SP の中央寄せのまま */
@media screen and (min-width: 601px) and (max-width: 850px) {
  #mv .recruitment.mv26 {
    margin: 0 0 0 auto;
  }
}

@media screen and (max-width: 600px) {
  /* 本番の .mv-content（82vw）に合わせ、ロゴとグラスパネルを 82vw いっぱいに広げる。
     2025 から残る #mv .recruitment の padding 20px と、ロゴ・グラスの 4% 寄せを外す。
     ボタンはグラスの内側パディング（4%）と同じだけ寄せて、来場事前登録と横幅を揃えたまま */
  #mv .recruitment.mv26 {
    width: 82vw;
    padding-inline: 0;
  }

  #mv .recruitment.mv26 .mv26__logo {
    padding-inline: 0;
  }
}

/* 2025 の #mv .recruitment は align-items:center のため、子要素が中身の幅に縮む。
   グラスパネルとボタン列を同じ幅にして、4つのボタンの横幅を揃える */
#mv .recruitment.mv26 > * {
  width: 100%;
}

/* リキッドグラス風パネル（出展募集TOPの .mv-glass-box に合わせる）
   デザイン準拠: 中に入るのは「来場事前登録開始！！」と来場事前登録ボタンのみ */

/* 枠の外形もロゴ・ボタンと同じ幅（4% 寄せ＝92%）に揃える。
   #mv .recruitment.mv26 > * の width:100% より詳細度を上げる必要がある */
#mv .recruitment.mv26 .mv26__glass {
  width: 92%;
}

/* 600px 以下は本番に合わせてグラスも 82vw いっぱい（上の #mv .recruitment.mv26 の 600px 以下の指定とセット） */
@media screen and (max-width: 600px) {
  #mv .recruitment.mv26 .mv26__glass {
    width: 100%;
  }
}

.mv26__glass {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 14px;
  padding: 14px 4% 18px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .22);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .08);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(18px);
}

.mv26__catch {
  width: 85%;
  margin: 0 0 12px;
  text-align: center;
}

/* ボタンと横幅を揃える */
.mv26__catch img {
  width: 100%;
  height: auto;
}

/* パネル外の3ボタン。グラスの内側パディングと同じだけ寄せて、
   中の来場事前登録ボタンと横幅を合わせる */
.mv26__btns {
  margin: 0;
  padding: 0 4%;
  list-style: none;
}

.mv26__btns li + li {
  margin-top: 10px;
}

.mv26__btn {
  position: relative;
  display: block;
  width: 100%;
  padding: 14px 56px 14px 24px;
  /* グラスパネルと角丸を揃える（レスポンシブ側も同じ値で追従） */
  border-radius: 12px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: opacity .3s ease;
}

/* 来場事前登録のみピル型 */
.mv26__btn--regist {
  border-radius: 999px;
}

.mv26__btn:hover {
  opacity: .85;
}

.mv26__btn::after {
  content: '\f061';
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  position: absolute;
  top: 50%;
  right: 16px;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  font-size: 14px;
  line-height: 1;
  transform: translateY(-50%);
}

.mv26__btn__ja {
  display: block;
  font-size: var(--font-size_20, 20px);
  font-weight: 700;
  line-height: 1.2;
}

/* 英語は「あしらい」。デザイン準拠で大きめ・半透明にし、和文の直下に軽く重ねる */
.mv26__btn__en {
  display: block;
  margin-top: 0;
  font-size: var(--font-size_13, 13px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: .04em;
  color: rgba(255, 255, 255, .45);
}

/* 赤字: 画像を使わず塗りで作る。色はデザインから抽出したグラデーション */
.mv26__btn--regist { background: linear-gradient(90deg, #ef0393 0%, #b841ef 100%); }
.mv26__btn--conference { background: linear-gradient(90deg, #0dccff 0%, #4760ff 100%); }
.mv26__btn--exhibitor { background: linear-gradient(90deg, #0abe4c 0%, #06af9d 100%); }
.mv26__btn--map { background: linear-gradient(90deg, #facc22 0%, #f83600 100%); }

/* コンファレンス・出展者一覧・会場MAP にシャドウ。
   ぼかし幅は本番サイト（2026_exb_top.css）のカードと同じ 0 8px 32px。
   色は指定の #02042d（濃紺）を 30%。
   来場事前登録はグラスパネルの中にあり、パネル側が影を持つので当てない */
.mv26__btn--conference,
.mv26__btn--exhibitor,
.mv26__btn--map {
  box-shadow: 0 8px 32px rgba(2, 4, 45, .3);
}

/* 矢印の色はボタンごとに変える（デザイン準拠） */
.mv26__btn--regist::after { color: #e60ea1; }
.mv26__btn--conference::after { color: #2a6fce; }
.mv26__btn--exhibitor::after { color: #14a15c; }
.mv26__btn--map::after { color: #e8701c; }

/* --------------------------------------------
   レスポンシブ
   -------------------------------------------- */

@media screen and (max-width: 960px) {
  .c26-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }

  .r26-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .r26-step + .r26-step::before {
    display: none;
  }

  .r26-btn {
    min-width: 0;
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  /* 1 列になる SP では、上の padding: 0 20px を外してクイックメニューのカードと横幅を揃える
     （左右の余白はセクション側の --section-inset だけにする） */
  .c26-grid {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .c26-wide__ph {
    min-height: 160px;
    padding: 32px 20px;
  }

  .r26-inner {
    padding: 50px 0;
  }

  /* 列間の 5% は幅が狭いと詰まりすぎ・行間は 0 になるので、SP は固定値にする */
  .r26-steps {
    gap: 16px 12px;
  }

  /* 左右の padding を揃えて文字を中央に置く（PC は 40px / 72px で右の矢印ぶん空けている）。
     文字は幅に合わせて小さくし、「（無料）」が折り返さないようにする */
  .r26-btn {
    padding: 16px 56px;
    font-size: clamp(15px, 4.4vw, 18px);
    white-space: nowrap;
  }
}

/* --------------------------------------------
   2025のリンク先を一旦外した箇所
   （2026の値が確定するまでクリック不可。見た目はデザインのまま）
   -------------------------------------------- */

/* href が無い a はそもそも遷移しないため、pointer-events は切らない。
   切るとホバーの動きまで止まってしまう */
.is-nolink {
  cursor: default;
}

/* --------------------------------------------
   特別企画のボタン（赤字PDF準拠）
   5カード共通で 基調講演 / 企画セッション / 出展者 / 企画イベント の4つ。
   白いピル＋右端に各企画の色の丸矢印。
   -------------------------------------------- */

/* デザインは4つとも1行。折り返すとカードの縦幅が2025より伸びるため折り返さない */
.se26-btns {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.se26-btns li {
  margin: 0;
}

.se26-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 8px 7px 12px;
  border-radius: 999px;
  background: #fff;
  font-size: var(--font-size_13, 13px);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

/* 右端の丸矢印。色は各企画ごとに差し替える */
.se26-btn::after {
  content: '\f061';
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--se26-accent, #888);
  color: #fff;
  font-size: 9px;
  line-height: 1;
}

/* 企画ごとのアクセントカラー（デザインPDFから抽出） */
.event_list_item.ignition    .se26-btn { --se26-accent: #734f95; color: #734f95; }
.event_list_item.ip_pavilion .se26-btn { --se26-accent: #207fc3; color: #207fc3; }
.event_list_item.mediabiz    .se26-btn { --se26-accent: #f59800; color: #f59800; }
.event_list_item.creative    .se26-btn { --se26-accent: #0b966c; color: #0b966c; }
.event_list_item.cinema      .se26-btn { --se26-accent: #6b7b86; color: #6b7b86; }

/* リンク先未定のボタンも見た目はそのまま。押すとカードのリンクへ転送する（下の .event_list_link.is-nolink 参照） */
.se26-btn.is-nolink {
  cursor: pointer;
}

@media screen and (max-width: 640px) {
  .se26-btns {
    flex-wrap: wrap;
  }

  .se26-btn {
    padding: 6px 8px 6px 12px;
    font-size: var(--font-size_12, 12px);
  }
}

/* グラスパネルのレスポンシブ */
@media screen and (max-width: 850px) {
  .mv26__glass {
    padding: 14px 4% 18px;
    border-radius: 14px;
  }

  .mv26__btn:not(.mv26__btn--regist) {
    border-radius: 14px;
  }
}

@media screen and (max-width: 480px) {
  .mv26__glass {
    padding: 12px 4% 16px;
    border-radius: 12px;
  }

  .mv26__btn:not(.mv26__btn--regist) {
    border-radius: 12px;
  }

}

/* --------------------------------------------
   特別企画カードのホバー
   背景画像（CSS の background）のため img の scale が使えない。
   background-size を広げて、他セクションのカードと同じ「画像が少し寄る」動きにする
   -------------------------------------------- */

/* background-size を animate すると動きがカクつき、cover とは別のサイズ指定に
   なるため画像の出方（高さ）まで変わってしまう。
   背景画像を擬似要素に写し取り、それを transform で拡大する */
#event_conference .event_list_item {
  position: relative;
  overflow: hidden;
  transition: opacity .3s ease;
}

#event_conference .event_list_item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  /* 親に指定された背景画像をそのまま受け継ぐ */
  background-image: inherit;
  background-size: cover;
  background-position: center;
  transition: transform .45s ease;
  backface-visibility: hidden;
  will-change: transform;
}

#event_conference .event_list_item:hover::before {
  transform: scale(1.06);
}

#event_conference .event_list_item:hover {
  opacity: .92;
}

/* --------------------------------------------
   特別企画カードの透過グラデーション（下から企画ごとの色 → 透明）
   以前は背景画像に焼き込まれていた。CSS にすると画像が軽く、写真差し替えのたびに
   描き直す必要が無く、カードの縦横比が変わっても位置がずれない。
   ::before は写真の拡大（ホバー）に使っているので ::after に描く（写真だけが寄り、グラデーションは動かない）。
   重ね順: 写真(::before, 0) < グラデーション(::after, 0・後に描かれる) < 全面リンク・ロゴ・ボタン(1)

   TODO(画像): 今の *_bg.webp はグラデーションが焼き込み済みなので、このままでは二重になる。
   グラデーション無しの写真に差し替えたカードから、index.php の .event_list_item に is-css-fade を付けて有効にする
   （全カード差し替え後は #event_conference に付けてまとめてもよい）。
   色は今の画像の下端から拾った値（デザインに合わせて調整可）
   -------------------------------------------- */
#event_conference.is-css-fade .event_list_item::after,
#event_conference .event_list_item.is-css-fade::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(to top,
      rgb(var(--se26-fade)) 0%,
      rgb(var(--se26-fade)) 16%,
      rgb(var(--se26-fade) / 75%) 32%,
      rgb(var(--se26-fade) / 0%) 48%);
}

/* 企画ごとの色は RGB の数値（スペース区切り）で持ち、rgb() で不透明度を付けて使う。
   color-mix() は古いブラウザ（iOS 16.1 以前など）で効かないため使わない。
   透明側も transparent ではなく同じ色の 0% にする（古いブラウザで灰色が混ざるのを防ぐ） */
#event_conference .event_list_item.ignition    { --se26-fade: 214 191 227; } /* #d6bfe3 */
#event_conference .event_list_item.ip_pavilion { --se26-fade: 162 189 208; } /* #a2bdd0 */
#event_conference .event_list_item.mediabiz    { --se26-fade: 229 210 188; } /* #e5d2bc */
#event_conference .event_list_item.creative    { --se26-fade: 220 237 224; } /* #dcede0 */
#event_conference .event_list_item.cinema      { --se26-fade: 175 176 178; } /* #afb0b2 */
#event_conference .event_list_item.experience  { --se26-fade: 216 186 192; } /* #d8bac0 */

/* 特別企画カードのボタン同士の余白を全カードで揃える（赤字: カードによって余白が違う）。
   2025 から残る li の margin（右 5px、IGNITION・CINEMA・EXPERIENCE だけ下にも 5px）と ul の gap（6px）が
   足し合わさり、縦 6px / 11px・横 11px と揃っていなかった。右の 5px は最後のボタンにも付くので並びも左へずれていた。
   li の margin を外し、上下左右とも gap の 8px だけにする（.en や画面幅ごとの旧指定より詳細度を上げている） */
html #event_conference .event_list_item .event_list_cont .event_list_btn_cont {
  gap: 8px;
}

html #event_conference .event_list_item .event_list_cont .event_list_btn_cont > li {
  margin: 0;
}

/* ------------------------------------------------------------------
   カード全面のリンク
   カード自体を <a> にすると、中のアンカーボタン（基調講演・企画セッション…）が
   <a> のネストになる。HTML5 では不正で、パーサに外側の <a> を閉じられるのを
   <object> で包んで回避していた（22か所）。
   リンクをカードの子として重ねることで、<object> を使わずに
   「カードのどこを押しても特別企画ページ」「ボタンは各アンカーへ」を両立する。
   ------------------------------------------------------------------ */
#event_conference .event_list_overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* 中身はクリックを拾わず、下に敷いたリンクへ通す。ボタンだけ拾わせる */
#event_conference .event_list_cont {
  pointer-events: none;
}

#event_conference .event_list_link {
  pointer-events: auto;
}

/* リンク先が未定のボタンも、ホバーの動きを出すためにマウスは拾わせる
   （上の .is-nolink と同じ方針。pointer-events を切るとホバーまで止まる）。
   href が無いので、押したときは index.php の JS でカードのリンク（.event_list_overlay）へ
   転送し、カード全体が <a> だった頃と同じく各特別企画のトップへ飛ばす。遷移するので指カーソルにする */
#event_conference .event_list_link.is-nolink {
  cursor: pointer;
}

/* ロゴとボタンは一緒に動かない（赤字: バッジや文字は拡大させない） */
/* position は指定しない。ここで relative を当てると、詳細度で
   #event_conference .event_list_cont の position:absolute / bottom:0 を潰してしまい、
   ロゴとボタンがカード下端から浮いて通常フローに戻る（カードも中身の分だけ伸びる）。
   z-index は absolute のままでも効くので、重ね順だけ指定する */
#event_conference .event_list_item .event_list_cont {
  z-index: 1;
}


/* ==========================================================================
   セクションの境目に置く装飾キューブ
   --------------------------------------------------------------------------
   画像は Git 管理外。assets/img/.htaccess が S3 へ 302 で振り分けるので、
   バケットの stg-img/top/ と img/top/ の両方に置くこと。
     mv_cube.webp       … 左側に置く
     overview_cube.webp … 右側に置く

   下側セクションの ::before を、境目から上へ 50% ずらして 2 つのセクションを
   またがせる。装飾なのでクリックは拾わせない。
   大きさと寄せ幅は --cube-size / --cube-inset の 2 つで調整できる。

   ※ position: relative を足しても配下の絶対配置は動かないことを確認済み。
     #interbee_map .map_img_area は figure.map_img（relative）が基準、
     #event_conference .event_list_cont は .event_list_item（relative）が基準。
   ========================================================================== */

#interbee_map,
#event_conference,
#exibitor_cont {
  position: relative;
}

/* .exhibitor_information はすでに position: relative なのでここには入れない */

.exhibitor_information::before,
#interbee_map::before,
#event_conference::before,
#exibitor_cont::before {
  --cube-size: clamp(90px, 11vw, 220px);
  --cube-inset: 3%;
  /* 境目からの下げ幅。translateY(-50%) と組み合わせるので、
     --cube-size を変えても位置は動かない（サイズと独立した数値にしている） */
  --cube-drop: 0px;
  content: "";
  position: absolute;
  top: var(--cube-drop);
  z-index: 3;
  width: var(--cube-size);
  height: var(--cube-size);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(-50%);
  pointer-events: none;
}

#interbee_map::before,
#exibitor_cont::before {
  --cube-size: clamp(124px, 15vw, 300px);
}

/* 左: クイックメニュー ↔ 出展者情報
   左の mv_cube 2 つは境目ごとに見え方が違うので、大きさ・位置を別々に持たせる
   （まとめて指定していた頃: 全幅 1.1 倍 clamp(97px, 12.1vw, 238px)・-20px） */
.exhibitor_information::before {
  --cube-size: clamp(97px, 12.1vw, 238px);
  --cube-drop: -20px;
  left: var(--cube-inset);
  background-image: url(../img/top/mv_cube.webp);
}

/* 右: 出展者情報 ↔ Inter BEE MAP */
#interbee_map::before {
  right: var(--cube-inset);
  background-image: url(../img/top/overview_cube.webp);
}

/* 左: コンファレンス ↔ 特別企画（大きさ・位置は出展者情報側と別に持つ） */
#event_conference::before {
  --cube-size: clamp(97px, 12.1vw, 238px);
  --cube-drop: -20px;
  left: var(--cube-inset);
  background-image: url(../img/top/mv_cube.webp);
}

/* 右: レジストレーション ↔ マガジン
   この 2 つの間には出展者プレスリリース（#exibitor_cont）が挟まるので、
   レジストレーション側の境目に置いている */
#exibitor_cont::before {
  right: var(--cube-inset);
  background-image: url(../img/top/overview_cube.webp);
}


/* ==========================================================================
   セクションの上下余白を揃える
   --------------------------------------------------------------------------
   現行サイト（2026_exb_top.css）は #exb26-about / visitors / merit / categories /
   fee / special がすべて padding: 80px 0 で揃っている（850px 以下は 40px。下の @media 参照）。
   一方こちらは上 40〜70px / 下 25〜90px とばらついていたので同じ 80px に合わせる。

   余白を持っている要素がセクションごとに違う（.w1400 だったり独自クラスだったり）
   ため、まとめてここで上下だけ指定する。左右は各セクションの既存指定を壊さない
   よう padding-block を使う。値は --section-space の 1 か所で変えられる。
   ========================================================================== */
.page_top {
  --section-space: 80px;
}

#QuickMenu > .w1400,
#interbee_map > .w1400,
#conference > .w1400,
#faq > .w1400,
.exhibitor_information #mv_panel_popup,
#event_conference,
#topregist_area .r26-inner,
#exibitor_cont .top_press_release_cont,
#magazine,
.spo_area .inner {
  padding-block: var(--section-space);
}

/* 特別企画と来場登録は本番サイトに無いセクションなので、上の共通値とは別に詰める。
   ここを変えても他のセクションには影響しない */
#event_conference {
  --section-space: 80px;
  /* 下の余白は不要。カードが画面端まで届くデザインなので、次のセクションと直に接する。
     上の padding-block と、2025 から残る padding 指定（L4480 ほか、画面幅ごとに
     50px/70px/90px と振れている）の両方をここで打ち消す */
  padding-block-end: 0;
}

#topregist_area .r26-inner {
  --section-space: 80px;
}

/* タブレット・SP。本番（2026_exb_top.css）は 850px 以下で 80px → 40px に切り替わり、
   タブレット幅とスマホ幅で値を分けていない（2026-09 に 1440〜375px で実測）ので同じにする。
   特別企画・来場登録は自分で --section-space を持っているので、ここでも個別に指定する */
@media screen and (max-width: 850px) {
  .page_top,
  #event_conference,
  #topregist_area .r26-inner {
    --section-space: 40px;
  }
}

/* 左右の余白も揃える。0 / 10 / 20 / 30px が混在し、しかも同じセクションが
   画面幅で変わっていた（出展者情報 20→0、spo_area 0→20→10 など）。
   本番サイトの標準 .exb26-w1400 と同じ clamp(20px, 4vw, 40px) にする */
.page_top {
  --section-inset: clamp(20px, 4vw, 40px);
}

#QuickMenu > .w1400,
#interbee_map > .w1400,
#conference > .w1400,
#faq > .w1400,
.exhibitor_information #mv_panel_popup,
#topregist_area .r26-inner,
#exibitor_cont .top_press_release_cont,
#magazine,
.spo_area .inner {
  padding-inline: var(--section-inset);
}

/* 特別企画だけはカードを画面端まで出すデザインなので全幅のまま。
   600px 以下で 20px が付いていたのを外して、どの幅でも 0 に揃える */
#event_conference {
  padding-inline: 0;
}

/* 出展者プレスリリースは 2025 と同じく、カードの列を画面の右端まで流す（赤字: 右がくっつかず中央寄り）。
   左は他と揃えたまま右の余白だけ外し、見出し行（一覧ボタン）には右の余白を戻す */
#exibitor_cont .top_press_release_cont {
  padding-right: 0;
}

#exibitor_cont .top_press_release_cont .top_press_release_area {
  padding-right: var(--section-inset);
}

/* 出展者更新情報（プレスリリースの上）。左右はプレスリリースと同じ（右は画面端まで流す）、
   上はセクションの余白、下はプレスリリースの上の余白に任せて 0 */
#exibitor_cont .top_exhibitor_updateinfo_cont {
  padding: var(--section-space) 0 0 var(--section-inset);
}

/* カードの間隔をプレスリリースと揃える（右 20px。上下 10px は影の余白で、プレスリリースの track の 10px と同じ）。
   旧: 左右 15px ＋ 右 20px で、先頭のカードも左へ 15px ずれていた */
#exibitor_cont .top_news_list .slick-slide {
  margin: 10px 20px 10px 0;
}

/* 見出しの上下 50px（2025 の指定）はプレスリリースの見出しと同じく 0 にする */
#exibitor_cont .top_exhibitor_updateinfo_cont .top_exhibitor_updateinfo_aret {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: var(--section-inset);
}

/* 左端のカードの影が切れる対策（赤字: カードの左端が若干切れている）。
   slick の表示枠（.slick-list）は overflow:hidden で、1枚目のカードの左端と枠の左端が一致しているため、
   box-shadow（ぼかし 16px）の左側が切り取られていた。影の分だけ枠を左へ広げ、同じ分を内側に空ける
   （カードの位置は変わらない）。カードの間隔（margin-right 20px）より小さくしないと、
   1つ前のカードの右端が枠に入って縦線に見えるので 16px にする */
/* 赤字: 見出しと一番左のカードの左端を、ほかのセクション（Quick Menu・FAQ など）と同じラインに揃える。
   ほかのセクションの左端は max(余白, (画面幅 - 1400px) / 2 + 余白)。このセクションは右端まで流すため
   左の余白（--section-inset）だけ親に持たせているので、親の幅（100%）= 画面幅 - 余白 として
   ずらす量 --exb-shift = max(0, (100% + 余白 - 1400px) / 2) を見出し行とカード列の両方に使う。
   見出し行の右（一覧ボタン）も同じ量だけ内側に入れて、ほかのセクションの右端に揃える */
html #exibitor_cont .top_press_release_cont .top_press_release_area,
html #exibitor_cont .top_exhibitor_updateinfo_cont .top_exhibitor_updateinfo_aret {
  width: auto;
  max-width: none;
  margin-left: max(0px, calc((100% + var(--section-inset) - 1400px) / 2));
  margin-right: 0;
  padding-left: 0;
  padding-right: calc(var(--section-inset) + max(0px, calc((100% + var(--section-inset) - 1400px) / 2)));
}

#exibitor_cont .press_list.slick-initialized,
#exibitor_cont .top_news_list.slick-initialized {
  margin-left: max(0px, calc((100% + var(--section-inset) - 1400px) / 2));
}

#exibitor_cont .press_list .slick-list,
#exibitor_cont .top_news_list .slick-list {
  margin-left: -16px;
  padding-left: 16px;
  /* 広げた 16px には1つ前のカードの影も入り、枠の左端で切れて境目が見えるので、左端をぼかして消す */
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 16px);
  mask-image: linear-gradient(to right, transparent 0, #000 16px);
}

/* --------------------------------------------
   IGNITION のロゴ横ボタン（スタートアップ＆ユニバーシティ）
   ロゴと 1 行に並べる。#event_conference.main h3 の width:300px / margin:0 auto を
   打ち消す必要があるので、同じ詳細度でこちらを後に置いている
   -------------------------------------------- */
#event_conference .se26-head {
  display: flex;
  align-items: center;
  justify-content: center;
  /* 折り返さずに必ず1行に並べる。flex-wrap:wrap だと、ロゴは縮む前に
     「入り切らない」と判断されてボタンが次の行に落ちてしまう */
  flex-wrap: nowrap;
  gap: 0;
  margin-bottom: 5px;
  padding: 0 1%;
}

#event_conference.main .ignition .se26-head h3 {
  margin: 0;
}

#event_conference .se26-head h3 img {
  max-width: 100%;
  height: auto;
}

/* カードが狭いときはロゴの下にボタンを落とす（縦積み）。
   ロゴ（最大 400px）＋ボタン（約 130px）が 1 行に収まるのはカード幅 560px 前後まで。
   カード幅は画面幅に比例しない（3→2→1 カラムで広がり直す）ので、
   画面幅の @media ではなくカード自身の幅で切り替える */
#event_conference .event_list_item.ignition {
  container-type: inline-size;
}

@container (max-width: 559px) {
  #event_conference .se26-head {
    flex-direction: column;
    gap: 6px;
  }

  /* 2025 から残る min-width（400px / 300px）と max-width（320px）を打ち消し、
     カード幅に対する比率で決める */
  /* #event_conference.main .ignition .se26-head h3 {
    width: min(400px, 80%);
    min-width: 0;
    max-width: none;
  } */

  /* 縦積みならボタンは横に使えるので、改行をやめて 1 行の横長ボタンにする */
  #event_conference .se26-btn--2line {
    white-space: nowrap;
  }

  #event_conference .se26-btn--2line br {
    display: none;
  }
}

/* 601px 付近の 2 カラム（カード幅 300px 前後）は高さも 180px 弱しかなく、
   縦積みで増えた 1 段ぶんが上にはみ出すので、ロゴを小さくして高さを稼ぐ */
@container (max-width: 359px) {
  #event_conference .se26-head {
    gap: 4px;
  }

  /* #event_conference.main .ignition .se26-head h3 {
    width: 64%;
  } */
}

/* 2 行に折り返すぶん、行間を詰めて左寄せにする */
#event_conference .se26-btn--2line {
  line-height: 1;
  text-align: left;
}

/* このボタンだけ白ピルではなくベタ塗り（指定色 #de0785 ＋白文字）。
   丸矢印は他のボタンと逆に、白丸＋ボタン色の矢印にする。
   2025 から残る #event_conference .ignition .c-button（色 #725094、L4536）が
   詳細度 (1,2,0) で効いているので、.event_list_item を足して上回らせる */
#event_conference .event_list_item.ignition .se26-btn--2line {
  background: #de0785;
  color: #fff;
}

#event_conference .event_list_item.ignition .se26-btn--2line::after {
  background: #fff;
  color: #de0785;
}

/* 特別企画カード内のボタンのホバー。下のエクスペリエンスのボタンと揃えて、地は白のまま
   外周をアクセント色で縁取る（丸矢印は動かさない）。
   ベタ塗りの「スタートアップ＆ユニバーシティ」だけは従来どおり白地へ反転する。
   リンク先未定（is-nolink）の「企画イベント」も同じ動き */
#event_conference .se26-btn,
#event_conference .se26-btn::after {
  transition: background-color .2s, color .2s, box-shadow .2s;
}

#event_conference .event_list_item .se26-btn:not(.se26-btn--2line):hover {
  box-shadow: 0 0 0 2px var(--se26-accent, #888);
}

#event_conference .event_list_item.ignition .se26-btn--2line:hover {
  background: #fff;
  color: #de0785;
}

#event_conference .event_list_item.ignition .se26-btn--2line:hover::after {
  background: #de0785;
  color: #fff;
}

/* エクスペリエンスのボタンは中身が白地の画像（黒と赤の文字）なので、地を塗ると画像の白が四角く浮き、
   アクセント色で塗ると文字が読めなくなる。地はそのままにして、外周をアクセント色（#d70d19）で縁取る。
   丸矢印は動かさない（translateY(-50%) で縦位置を合わせているので、transform を触ると下にずれる） */
#event_conference .experience .c-button.white_bg {
  transition: box-shadow .2s;
}

#event_conference .experience .c-button.white_bg:hover {
  box-shadow: 0 0 0 2px #d70d19;
}

/* ==========================================================================
   マガジン（本番サイト 2026_exb_top.css からの移植）
   --------------------------------------------------------------------------
   .mag-card / .mag-balloon / .mag-hero-img の構成に合わせる。
   旧構成（.swiper-slide a > figure + .txt_area）向けのルールは削除済み。
   ========================================================================== */

#magazine {
  background-image: url(../img/magazine/mv_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  padding: 40px 30px 25px;
  background-position: left;
  overflow: hidden;
  display: block;
}
#magazine h2 {
  font-size: var(--font-size_36);
  font-weight: 700;
  display: inline-block;
  font-family: 'Outfit', sans-serif;
  width: max-content;
  margin-bottom: 4px;
  padding: 0;
  color: #000;
}
#magazine h2:after {
  display: none;
}
#magazine .flex_cont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  max-width: 1500px;
  margin: 0 auto;
  gap: 16px;
}
#magazine .txt_area {
  display: flex;
  flex-direction: column;
  width: 28%;
  min-width: 240px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
#magazine .txt_area figure {
  max-width: 350px;
  position: relative;
  z-index: 1;
}
.mag-balloon {
  background: rgb(255 255 255 / 78%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 20px;
  padding: 10px 16px;
  margin: 0 0 8px;
  position: relative;
}
.mag-balloon p {
  font-size: var(--font-size_16);
  line-height: 1.6;
  color: #000;
  text-align: center;
}
.mag-balloon:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 10px 8px 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.78) transparent transparent;
}
.mag-hero-img {
  max-width: 350px;
  margin: 4px auto 0;
  position: relative;
  z-index: 1;
}
.mag-hero-img img {
  width: 100%;
  height: auto;
  display: block;
}
#magazine .btn {
  display: block;
  padding: clamp(0.4rem, 1.5vw, 0.5rem) clamp(2rem, 5vw, 4rem);
  border-radius: 100px;
  font-weight: bold;
  position: relative;
  font-size: clamp(1rem, 2.5vw, 1.2rem);
  text-align: center;
  color: #fff;
  width: max-content;
  max-width: 100%;
  background: linear-gradient(90deg, #2f67f6 0%, #6022d2 50%, #2f67f6 100%);
  background-size: 200% 100%;
  border: none;
  transition: .3s ease;
  box-sizing: border-box;
}
#magazine .btn.arrow_btn:after {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
  color: #ffffff;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
#magazine .magazine_btn.btn.arrow_btn {
  margin-top: -15px;
  position: relative;
  background: linear-gradient(90deg, #2f67f6 0%, #6022d2 50%, #2f67f6 100%) !important;
  background-size: 200% 100% !important;
  z-index: 2;
  margin: -15px auto 0;
  transition: all 0.3s ease !important;
}
#magazine .btn:hover {
  background-position: 100% 0 !important;
}
#magazine .btn.arrow_btn:hover:after {
  transform: translateY(-50%) translateX(4px);
}
#magazine .btn.arrow_btn:after {
  font-size: .8rem;
  top: 55%;
  color: #fff;
}
#magazine .swiper {
  width: 66%;
  overflow: hidden;
}
#magazine .swiper-wrapper {
  display: flex;
}
#magazine .swiper-slide {
  border-radius: 14px;
  height: auto;
  flex-shrink: 0;
  width: calc(33.333% - 14px);
}
#magazine .swiper-slide a.mag-card {
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 14px;
  padding: 10px;
  color: #000;
  height: 100%;
}
.mag-card-img {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 10px;
}
.mag-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}
.mag-card-body {
  padding: 12px 6px 8px;
}
.mag-card-date {
  font-family: 'Outfit', sans-serif;
  font-size: var(--font-size_13);
  color: #000;
  font-weight: bold;
  display: block;
  /* margin-bottom: 6px; */
}
.mag-card-title {
  font-size: var(--font-size_14);
  font-weight: bold;
  line-height: 1.5;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#magazine .swiper-pagination {
  display: block;
  position: relative;
  bottom: 0;
  margin-top: 20px;
}
#magazine .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.4);
  opacity: 1;
  margin: 0 6px;
  height: 8px;
  width: 8px;
}
#magazine .swiper-pagination-bullet-active {
  background: #fff;
}
#magazine .main_mag.flex_list.magazine_slide_mv.swiper-wrapper .swiper-slide a .txt_area h4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-weight: bold;
  margin-top: 5px;
  -webkit-line-clamp: 3;
  font-size: var(--font-size_16);
  line-height: 1.5;
}

@media screen and (max-width: 1000px) {
  #magazine .btn.arrow_btn:after {
    right: 14px;
  }
  #magazine h2 {
    width: auto;
    font-size: clamp(1.3rem, 4vw, var(--font-size_36));
    line-height: 1;
    text-align: center;
    margin-bottom: 10px;
  }
  .mag-balloon p {
    font-size: var(--font-size_14) !important;
  }
}

@media screen and (max-width: 850px) {
  #magazine .txt_area {
    padding: 0;
    width: 30%;
    min-width: 180px;
  }
}

@media screen and (max-width: 650px) {
  #magazine .flex_cont {
    flex-direction: column;
    align-items: flex-start;
  }
  #magazine .flex_cont > .txt_area {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto auto;
    grid-template-areas:
    "heading  hero"
    "balloon  hero"
    "btn      hero";
    align-items: start;
    width: 100%;
    min-width: unset;
    margin-bottom: 16px;
    gap: 0 12px;
  }
  #magazine h2 {
    grid-area: heading;
    font-size: clamp(1.3rem, 5.5vw, var(--font-size_34));
    white-space: nowrap;
    width: auto;
    margin-bottom: 6px;
  }
  .mag-balloon {
    grid-area: balloon;
    margin: 0 0 8px;
    display: none;
  }
  .mag-balloon p {
    font-size: var(--font-size_12) !important;
  }
  .mag-hero-img {
    grid-area: hero;
    max-width: 120px;
    margin: 0;
    align-self: center;
  }
  #magazine .magazine_btn.btn.arrow_btn {
    grid-area: btn;
    padding: .4rem 2rem .4rem 1rem;
    font-size: var(--font-size_13);
    align-self: end;
    margin: 0;
  }
  #magazine .swiper {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  #magazine .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 7px;
  }
  #magazine {
    overflow-x: clip;
    padding-bottom: 15px;
  }
  #magazine .flex_cont {
    flex-direction: column;
    align-items: flex-start;
  }
  #magazine .flex_cont > .txt_area {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    width: 100%;
    min-width: unset;
    margin-bottom: 16px;
    padding-right: 0;
  }
  #magazine h2 {
    white-space: nowrap;
    font-size: clamp(1.4rem, 7vw, var(--font-size_30));
    margin-bottom: 8px;
    width: auto;
    grid-area: unset;
  }
  .mag-balloon {
    display: none !important;
  }
  #magazine .txt_area figure {
    position: absolute;
    top: 5px;
    right: -78px;
    max-width: 55vw;
    width: 55vw;
    margin: 0;
    z-index: 1;
    pointer-events: none;
    grid-area: unset;
  }
  #magazine .magazine_btn.btn.arrow_btn {
    position: relative;
    z-index: 2;
    margin-top: 0;
    grid-area: unset;
    align-self: flex-start;
  }
  #magazine .swiper {
    width: 100% !important;
  }
}

/* 移植した #magazine { padding: 40px 30px 25px } がこの下にあるため、
   左右だけここで上書きして他セクションと揃える。上下は本番と同じ 40/25 のまま */
#magazine {
  padding-inline: var(--section-inset);
}


/* ==========================================================================
   Inter BEE MAP（2026 デザイン）
   --------------------------------------------------------------------------
   左: エリア一覧 / 右: 地図（ピンを HTML で重ねる）＋ 選択中エリアのカード。
   一覧・ピン・カードは index.php の $imap26_areas から出していて、
   data-area で対応を取る（切り替えは index.php の initializeMapInteraction）。
   旧構成（.flex_box / .map_img / .map_img_area）向けのルールは上に残っているが、
   その class はもう HTML に無いので効いていない。
   ========================================================================== */
.imap26 {
  --imap26-blue: #1f8fe5;
  display: grid;
  grid-template-columns: minmax(260px, 30%) 1fr;
  gap: 28px;
  padding: 0 28px 0 0;
  border-radius: 12px;
  background: rgb(255 255 255 / 18%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  overflow: hidden;
}

/* ---- 左: エリア一覧 ---- */
.imap26__side {
  padding: 28px 16px 28px 16px;
  background: rgb(255 255 255 / 55%);
}

.imap26__label {
  margin: 0 0 16px 8px;
  color: #666;
  font-size: var(--font-size_12, 12px);
}

.imap26__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.imap26__list li + li {
  margin-top: 12px;
}

.imap26__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #111;
  font: inherit;
  font-weight: 700;
  font-size: var(--font-size_15, 15px);
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
  transition: background-color .2s;
}

.imap26__item:hover {
  background: rgb(255 255 255 / 60%);
}

.imap26__item.is-active {
  background: rgb(160 210 245 / 75%);
}

/* 行の高さ（1.4）を引き継ぐと数字が丸の中で上下にずれるので line-height:1 にする。
   本文フォントの「1」は字幅の中で左に寄って描かれ、丸の中心から外れるので、
   数字だけ Outfit（head_base.php で読み込み済み）にする */
.imap26__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-family: 'Outfit', sans-serif;
  line-height: 1;
}

.imap26__item.is-active .imap26__num {
  background: var(--imap26-blue);
  color: #fff;
}

.imap26__name small {
  display: block;
  font-size: var(--font-size_12, 12px);
  font-weight: 500;
}

/* ---- 右: 地図 ---- */
.imap26__main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  padding: 28px 0;
}

.imap26__map {
  position: relative;
  /* 地図の絵は右上・右下が空いた形で左が詰まって見えるので、中央から少し右へずらす（PC 20px）。
     img に margin を付けるとピン（left: %）の基準と画像がずれるので、この箱ごと動かす。
     タブレット・SP は下の @media で個別に指定 */
  left: 20px;
  /* 枠が狭い PC 幅（1001〜1240px 付近）でずらした分がはみ出さないよう、左右に余裕を持たせる */
  width: calc(100% - 60px);
  max-width: 720px;
  margin: 0 auto;
}

.imap26__map img {
  display: block;
  width: 100%;
  height: auto;
}

/* ピン。--x / --y は地図画像の左上基準の %（index.php の pin）で、丸の中心をその位置に置く。
   デザイン: 縁取り・尖りの無い、少し透ける丸。下の地図の文字が透けて読める程度にする */
.imap26__pin {
  position: absolute;
  left: var(--x);
  top: var(--y);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgb(40 40 40 / 85%);
  color: #fff;
  font: inherit;
  /* 一覧の番号（.imap26__num）と同じく、丸の中心に収まる Outfit にする */
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: background-color .2s, transform .2s;
}

.imap26__pin:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.imap26__pin.is-active {
  z-index: 2;
  background: rgb(31 143 229 / 90%);
}

/* ---- 右下: 選択中エリアのカード ---- */
.imap26__card {
  /* 白地の余白も含めてカード全体をタイトルのリンクにする（下の .imap26__ttl a::before） */
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px;
  border-radius: 6px;
  background: #fff;
}

.imap26__card[hidden] {
  display: none;
}

.imap26__thumb {
  flex-shrink: 0;
  width: 26%;
  max-width: 180px;
  aspect-ratio: 16 / 9;
  border-radius: 4px;
  overflow: hidden;
}

.imap26__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.imap26__body {
  min-width: 0;
}

.imap26__ttl {
  margin: 0 0 6px;
  font-size: var(--font-size_20, 20px);
  font-weight: 700;
  line-height: 1.3;
}

.imap26__ttl a {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  color: #111;
}

.imap26__ttl small {
  font-size: var(--font-size_14, 14px);
}

/* タイトル横の丸矢印（白地に青枠） */
.imap26__ttl a::after {
  content: '\f061';
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 2px solid var(--imap26-blue);
  border-radius: 50%;
  color: var(--imap26-blue);
  font-size: 11px;
  transition: background-color .2s, color .2s;
}

.imap26__ttl a:hover::after,
.imap26__card:hover .imap26__ttl a::after {
  background: var(--imap26-blue);
  color: #fff;
}

/* タイトルのリンクをカード全体に広げる（::after は丸矢印で使用中なので ::before） */
.imap26__ttl a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
}

.imap26__desc {
  margin: 0;
  color: #111;
  font-size: var(--font-size_13, 13px);
  line-height: 1.6;
}

.imap26__btns {
  /* ボタンは全体リンクの上に出し、それぞれの飛び先へ */
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

/* 白ピルに青枠、右端に青丸の矢印 */
.imap26__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 5px 4px 12px;
  border: 1.5px solid var(--imap26-blue);
  border-radius: 999px;
  background: #fff;
  color: var(--imap26-blue);
  font-size: var(--font-size_12, 12px);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition: background-color .2s, color .2s;
}

.imap26__btn::after {
  content: '\f061';
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--imap26-blue);
  color: #fff;
  font-size: 8px;
}

.imap26__btn:hover {
  background: var(--imap26-blue);
  color: #fff;
}

.imap26__btn:hover::after {
  background: #fff;
  color: var(--imap26-blue);
}

/* ---- タブレット・SP: 地図 → カード → 一覧（2列）の縦積み ---- */
@media screen and (max-width: 1000px) {
  .imap26 {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0;
  }

  .imap26__main {
    order: -1;
    padding: 20px;
  }

  /* 地図が枠いっぱいに広がる幅では、地図の外に置いたピン（CINEMA の ⑤ は -2.7%）が
     角丸の枠で切れるので、左右にピンの分だけ余白を取る。ピンは % なので位置関係は変わらない */
  .imap26__map {
    /* 地図の絵は右上・右下が空いた形なので、左右同じ余白だと左が詰まって見える。
       左を多めに取って右へ寄せる。
       padding で寄せるとピン（left: %）の基準と画像がずれるので、margin と width で寄せる */
    width: calc(100% - 84px);
    /* 最大幅（720px）で止まる幅でも左に寄らないよう、中央に置いてから右へ 18px ずらす
       （最大幅に届かない幅では 左 60px・右 24px と同じになる） */
    margin: 0 auto;
    position: relative;
    left: 18px;
  }

  /* タブレットは地図が PC より小さく見えるので、ピンも一回り小さく（PC 32px / SP 24px） */
  .imap26__pin {
    width: 26px;
    height: 26px;
    font-size: 15px;
  }

  .imap26__side {
    padding: 20px;
  }

  /* 2 列でも番号は縦に読む順（左列 1〜5・右列 6〜9）。行の間は詰める */
  .imap26__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(5, auto);
    grid-auto-flow: column;
    gap: 8px 8px;
  }

  .imap26__list li + li {
    margin-top: 0;
  }
}

@media screen and (max-width: 600px) {
  .imap26__main,
  .imap26__side {
    padding: 14px;
  }

  .imap26__list {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-auto-flow: row;
    gap: 2px;
  }

  .imap26__card {
    flex-direction: column;
    align-items: stretch;
  }

  .imap26__thumb {
    width: 100%;
    max-width: none;
  }

  .imap26__ttl {
    font-size: var(--font-size_18, 18px);
  }

  /* 小さすぎて押しづらかったので 18px → 24px。大きくした分ラベルにかぶるので、
     左へ 4px ずらす（ピンはどれもラベルの左に置いている。transform は :hover で使うので margin で） */
  .imap26__pin {
    width: 24px;
    height: 24px;
    margin-left: -4px;
    font-size: 14px;
  }

  /* SP は地図が小さいので、右へ寄せずに半透明の枠の内側いっぱいに広げて大きく見せる
     （ピンはどれも地図の内側にあるので、切れないための余白は要らない） */
  .imap26__main {
    padding-inline: 6px;
  }

  .imap26__map {
    width: 100%;
    margin: 0;
    left: 0;
  }

  /* 地図の下のカードは今までどおり枠から 14px（padding-inline を詰めた分を戻す） */
  .imap26__card {
    margin-inline: 8px;
  }
}

/* ==========================================================================
   デザイン合わせ（PC のみ・851px 以上）
   デザインは PSD のため実寸が取れず、デザインのキャプチャと並べた比較から換算した値。
   - セクション間の余白を詰める（上下 80px → 60px。境目の合計 160px → 120px）
   - 見出しを大きく（34px → 38px、Quick Menu は 48px）
   - Conference・Special Events の見出しとカードの間は他と同じ（54px に広げたら空きすぎた）
   - 境目の装飾キューブを 1.1 倍（1.25 倍は大きすぎた）。左の mv_cube は上の共通指定で全幅 1.1 倍
   - 出展者情報・Conference のカードのタイトルを少し大きく・文字間を空け、説明文は太字に
   ========================================================================== */
@media screen and (min-width: 851px) {
  .page_top,
  .page_top #event_conference,
  .page_top #topregist_area .r26-inner {
    --section-space: 60px;
  }

  .page_top .main h2 {
    font-size: 38px;
  }

  .page_top #QuickMenu.main h2 {
    font-size: 48px;
  }

  /* プレスリリースはスライダーの影用の下 10px ぶん、他のセクションより下が空くので相殺する */
  .page_top #exibitor_cont .press_list {
    margin-bottom: -10px;
  }

  .page_top #interbee_map::before,
  .page_top #exibitor_cont::before {
    --cube-size: clamp(136px, 16.5vw, 330px);
  }

  /* 太さはもう一段上の LINE Seed JP ExtraBold（900）。読み込み済みのウェイト */
  .page_top .c26-card__ttl {
    font-size: var(--font-size_22, 22px);
    font-weight: 900;
    letter-spacing: .08em;
  }

  /* 赤字「太く」: 大きさは変えず太字にする */
  .page_top .c26-card__desc {
    font-weight: 700;
  }
}