/* ============================================================
   ITA microsite 固有スタイル（BioJapan2024 style.css より抽出）
   抽出範囲: 1-336行（base/reset/font/header）＋ 5419-6184行
   （body.digital-event / body.digital-event-ja ブロック）
   url() は ../img/ 配下（ita_asset/img/）へ修正済み
   ============================================================ */

@charset "UTF-8";
@font-face {
  font-family: "Segoe UI";
  font-weight: 200;
  src: local("Segoe UI Light");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 300;
  src: local("Segoe UI Semilight");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 400;
  src: local("Segoe UI");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 600;
  src: local("Segoe UI Semibold");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 700;
  src: local("Segoe UI Bold");
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 400;
  src: local("Segoe UI Italic");
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 700;
  src: local("Segoe UI Bold Italic");
}
/* 変数 */
/* 基礎のスタイル */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
  overflow-x: hidden;
  color: #000000;
}

body.pc {
  min-width: 1080px;
}

a {
  text-decoration: none !important;
  color: black;
}

* a {
  text-decoration: none !important;
  color: unset;
}

h1, h2, h3, h4, h5, h6, p {
  line-height: 1.0;
}

h2 {
  line-height: 1.5;
}
h2 .titlemark {
  position: absolute;
  top: 0px;
  margin-left: 10px;
}

ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
}

a:hover img {
  opacity: 0.7;
}

p a:hover {
  opacity: 0.7;
  text-decoration: underline !important;
}

.anchor {
  display: block;
  padding-top: 45px;
  margin-top: -45px;
}

.grayout {
  -webkit-filter: grayscale(1);
  /* Webkit */
  filter: gray;
  /* IE6-9 */
  filter: grayscale(1);
  /* W3C */
  cursor: default;
  mix-blend-mode: multiply;
  opacity: 0.5;
}

@keyframes enter {
  from {
    opacity: 0;
    transform: scaleY(0.98) translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* 共通のスタイル */
header#header {
  position: relative;
  margin: 0 0 45px;
  padding: 10px 0;
  background: #ffffff;
}
header#header .site-header {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 1080px;
  margin: 0 auto;
}
header#header .site-header .logos {
  display: flex;
  align-items: center;
}
header#header .site-header .logos a {
  margin-right: 14px;
}
header#header .site-header .sh-right {
  display: flex;
  flex-flow: column;
  padding-bottom: 5px;
}
header#header .site-header .sh-right .shr-lead {
  font-weight: 700;
  width: 100%;
  font-size: 24px;
  text-align: center;
  position: relative;
  margin-bottom: 10px;
}
header#header .site-header .sh-right .shr-lead:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #5482B8 0%, #46AFBD 25%, #3EB592 50%, #ABAB4A 75%, #FF954F 100%, #FF954F 100%);
  background: linear-gradient(to right, #5482b8 0%, #46afbd 25%, #3eb592 50%, #abab4a 75%, #ff954f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
header#header .site-header .sh-right .shr-period {
  display: block;
  width: 100%;
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 19px;
  font-weight: 700;
}
header#header .site-header .sh-right .shr-period span {
  font-size: 33px;
}
header#header .site-header .sh-right .shr-period span.shr-ttl {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 20px;
  padding-left: 20px;
}
header#header .site-header .sh-menu {
  display: flex;
  flex-flow: column;
  padding-bottom: 5px;
}
header#header .site-header .sh-menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 127px;
  height: 31px;
  margin: 0 0 0 15px;
  padding: 0 13px;
  background: #ffffff;
  border-radius: 15px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.36);
  transition: 0.3s ease;
}
header#header .site-header .sh-menu a:hover {
  opacity: 0.7;
}
header#header .site-header .sh-menu a span.txt {
  margin: 0px;
  font-size: 18px;
  font-weight: 700;
}
header#header .global-nav {
  position: absolute;
  left: 0;
  bottom: -45px;
  width: 100%;
  background: #000000;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.36);
  z-index: 1001;
}
header#header .global-nav .nav-list {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
}
header#header .global-nav .nav-list .nav-item {
  position: relative;
  transition: 0.3s ease;
  margin: 0 1px;
}
header#header .global-nav .nav-list .nav-item:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  bottom: 5px;
  left: calc(50% - 2px);
  background: #ffffff;
  opacity: 0.7;
  will-change: transform;
  transform: scale(0);
  transition: transform 0.2s ease;
}
header#header .global-nav .nav-list .nav-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  height: 45px;
}
header#header .global-nav .nav-list .nav-item a span {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
}
header#header .global-nav .nav-list .nav-item .sub-menu {
  position: absolute;
  width: auto;
  top: 100%;
  left: 100%;
  transform: translateX(-50%);
  display: none;
  z-index: 1;
  list-style: none;
}
header#header .global-nav .nav-list .nav-item .sub-menu .sub-menu-item {
  margin: 1px 0 0;
  background: #333;
  opacity: 0;
  transform-origin: bottom;
  animation: enter 0.2s ease forwards;
  transition: 0.3s ease;
}
header#header .global-nav .nav-list .nav-item .sub-menu .sub-menu-item a {
  height: 45px;
  justify-content: flex-start;
}
header#header .global-nav .nav-list .nav-item .sub-menu .sub-menu-item a span {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  white-space: nowrap;
}
header#header .global-nav .nav-list .nav-item .sub-menu .sub-menu-item:hover {
  background: rgba(0, 0, 0, 0.7);
}
header#header .global-nav .nav-list .nav-item .sub-menu .sub-menu-item:nth-child(1) {
  animation-duration: 0.1s;
  animation-delay: 0s;
}
header#header .global-nav .nav-list .nav-item .sub-menu .sub-menu-item:nth-child(2) {
  animation-duration: 0.15s;
  animation-delay: 0.05s;
}
header#header .global-nav .nav-list .nav-item .sub-menu .sub-menu-item:nth-child(3) {
  animation-duration: 0.2s;
  animation-delay: 0.1s;
}
header#header .global-nav .nav-list .nav-item .sub-menu .sub-menu-item:nth-child(4) {
  animation-duration: 0.25s;
  animation-delay: 0.15s;
}
header#header .global-nav .nav-list .nav-item .sub-menu .sub-menu-item:nth-child(5) {
  animation-duration: 0.3s;
  animation-delay: 0.20s;
}
header#header .global-nav .nav-list .nav-item.current {
  background: rgba(255, 255, 255, 0.3);
}
header#header .global-nav .nav-list .nav-item:hover {
  background: rgba(255, 255, 255, 0.3);
}
header#header .global-nav .nav-list .nav-item:hover:after {
  transform: scale(1);
}
header#header .global-nav .nav-list .nav-item:hover .sub-menu {
  display: block;
}
header#header .global-nav.fixed {
  position: fixed;
  left: 0;
  top: 0;
  height: 45px;
}


body.digital-event {
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
  /*background: transparent linear-gradient(147deg, #080051 0%, #2e276a 27%, #0c0351 55%, #120c47 76%, #020010 100%) 0% 0% no-repeat padding-box;*/
  background-color: #a1d0ea;
}
body.digital-event header#header {
  background: #252243;
}
body.digital-event header#header .site-header .sh-right {
  align-items: flex-end;
}
body.digital-event header#header .site-header .sh-right .shr-period {
  color: #ffffff;
}
body.digital-event header#header .site-header .sh-right .shr-ttl {
  color: #333333;
}
body.digital-event header#header .global-nav {
  background: #2c2856;
  -webkit-box-shadow: inset 0px 5px 15px 0px #33333359;
  box-shadow: inset 0px 5px 15px 0px #33333359;
}
body.digital-event header#header .global-nav:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
}
body.digital-event #digital-event-list-lead {
  margin: 75px 0 23px;
  padding: 21px 0 27px;
  background: #252243;
}
body.digital-event #digital-event-list-lead .digital-event-list-head-ttl {
  text-align: center;
  font-family: "Segoe UI";
  font-size: 31px;
  font-weight: 700;
  line-height: 38px;
  color: #333333;
}
body.digital-event #digital-event-list-lead .digital-event-list-head-ttl span {
  display: block;
  font-family: "Segoe UI";
  font-size: 45px;
  font-weight: 700;
  background: transparent linear-gradient(273deg, #FFF771 0%, #FFCA4D 50%, #FF781E 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.digital-event #digital-event-list-lead .period-mark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
body.digital-event #digital-event-list-body {
  padding: 0 0 44px;
}
body.digital-event #digital-event-list-body .digital-event-list-ttl {
  margin: 0 0 23px;
  text-align: center;
}
body.digital-event #digital-event-list-body .digital-event-list-ttl span {
  text-align: center;
  font-family: "Segoe UI";
  font-size: 24px;
  color: #333333;
  text-decoration: underline;
}
body.digital-event #digital-event-list-body .digital-event-list .digital-event-item {
  display: flex;
  align-items: center;
  margin: 0 0 20px;
  padding: 24px 127px 33px 41px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 5px;
  transition: 0.3s ease;
}
body.digital-event #digital-event-list-body .digital-event-list .digital-event-item:hover {
  opacity: 0.7;
}
body.digital-event #digital-event-list-body .digital-event-list .digital-event-item .dei-logo {
  width: 194px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
  background: #333333;
  padding: 10px;
  border-radius: 5px;
  margin-right: 20px;
}
body.digital-event #digital-event-list-body .digital-event-list .digital-event-item .dei-logo img {
  max-width: 154px;
  object-fit: contain;
}
body.digital-event #digital-event-list-body .digital-event-list .digital-event-item .dei-infos {
  width: calc(100% - 194px);
}
body.digital-event #digital-event-list-body .digital-event-list .digital-event-item .dei-infos .dei-infos-ttl {
  margin: 0 0 4px;
  font-family: "Segoe UI";
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 10px;
  color: #333333;
}
body.digital-event #digital-event-list-body .digital-event-list .digital-event-item .dei-infos .dei-infos-txt {
  margin: 0 0 11px;
  font-family: "Segoe UI";
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
body.digital-event #digital-event-item-logo {
  padding: 41px 0 0;
}
body.digital-event #digital-event-item-logo .digital-event-item-logo-box img {
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
}
body.digital-event #digital-event-item-logo .digital-event-item-logo-box-onlylogo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 19px;
  background: #333333;
  border-radius: 5px;
}
body.digital-event #digital-event-item-body {
  padding: 15px 0 42px;
}
body.digital-event #digital-event-item-body div.content.ja {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
}
body.digital-event #digital-event-item-body .digital-event-item-body-lead {
  display: flex;
  align-items: flex-start;
  margin: 0 0 42px;
}
body.digital-event #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-infos {
  width: calc(100% - 326px);
  padding-right: 20px;
}
body.digital-event #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-infos .digital-event-item-body-lead-infos-ttl {
  margin: 0 0 22px;
  font-family: "Segoe UI";
  font-size: 26px;
  font-weight: 700;
  color: #333333;
}
body.digital-event #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-infos .digital-event-item-body-lead-infos-txt {
  font-family: "Segoe UI";
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #333333;
}
body.digital-event #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-infos .digital-event-item-body-lead-infos-txt a {
  text-decoration: underline !important;
}
body.digital-event #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-contact {
  width: 326px;
  padding: 0 0 8px;
}
body.digital-event #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-contact p#lang {
  color: black;
  text-align: center;
  margin-bottom: 20px;
}
body.digital-event #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-contact p#lang span#lang-deactive {
  opacity: 0.5;
}
body.digital-event #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-contact p#lang span#lang-active {
  opacity: 1.0;
}
body.digital-event #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-contact .digital-event-item-body-lead-contact-link {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px 18px 21px 18px;
  font-family: "Segoe UI";
  font-size: 31px;
  font-weight: 700;
  color: #333333;
  background: transparent linear-gradient(106deg, #D6A034 0%, #E5B75A 59%, #D6A034 100%) 0% 0% no-repeat padding-box;
  border-radius: 5px;
  transition: 0.3s ease;
}
body.digital-event #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-contact .digital-event-item-body-lead-contact-link:hover {
  opacity: 0.7;
}
body.digital-event #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-contact .digital-event-item-body-lead-contact-link:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 17px;
  border-color: transparent transparent transparent #333333;
}
body.digital-event #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-contact .digital-event-item-body-lead-contact-link span {
  display: block;
  margin: 7px 0 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list {
  display: flex;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .tabs {
  width: calc(100% - 515px);
  padding-right: 40px;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .tabs li {
  margin: 0 0 10px;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .tabs li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 56px 20px;
  text-align: center;
  font-family: "Segoe UI";
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  background: rgba(255, 255, 255, 0.08);
  transition: 0.3s ease;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .tabs li a:hover {
  opacity: 0.7;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .tabs li a.active {
  background: rgba(255, 255, 255, 0.5);
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .tabs li a.active:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -27px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 0 16px 27px;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .tabs li:last-child {
  margin: 0;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .company-panel-container {
  width: 515px;
  height: auto;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel {
  display: none;
  width: 100%;
  height: 100%;
  padding: 22px 30px 27px;
  background: rgba(255, 255, 255, 0.5);
  overflow-y: auto;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel#company-panel-guide {
  display: block;
  padding: 84px 0 0;
  background: rgba(255, 255, 255, 0.15);
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel#company-panel-guide .cp-guide {
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 312px;
  margin: 0 auto;
  font-size: 31px;
  font-weight: 700;
  line-height: 37px;
  color: #333333;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel#company-panel-guide .cp-guide:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 27px 16px 0;
  border-color: transparent #333333 transparent transparent;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-head {
  display: flex;
  flex-direction: column;
  margin: 0 0 18px;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-head .company-panel-head-ttl {
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  color: #333333;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-head .company-panel-head-logo a {
  width: 160px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
  background: #ffffff;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 20px;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-head .company-panel-head-logo a img {
  max-width: 140px;
  max-height: 80px;
  object-fit: contain;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-txt {
  margin: 0 0 27px;
  font-size: 18px;
  line-height: 24px;
  color: #333333;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-movie {
  position: relative;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-movie:after {
  content: '';
  opacity: 0.8;
  position: absolute;
  top: 0px;
  display: block;
  width: 454px;
  height: 259px;
  background: url("../img/movie-play-icon.webp") no-repeat center center;
  background-size: 150px;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-pdf {
  position: relative;
}
body.digital-event #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-pdf:after {
  content: '';
  opacity: 0.8;
  position: absolute;
  top: 0px;
  display: block;
  width: 454px;
  height: 259px;
  background: url("../img/pdf-icon.webp") no-repeat center center;
  background-size: 150px;
}

/* ページのスタイル */
body.digital-event-ja {
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
  /*background: transparent linear-gradient(147deg, #080051 0%, #2e276a 27%, #0c0351 55%, #120c47 76%, #020010 100%) 0% 0% no-repeat padding-box;*/
  background-color: #a1d0ea;
}
body.digital-event-ja header#header {
  background: #252243;
}
body.digital-event-ja header#header .site-header .sh-right {
  align-items: flex-end;
}
body.digital-event-ja header#header .site-header .sh-right .shr-period {
  color: #ffffff;
}
body.digital-event-ja header#header .site-header .sh-right .shr-ttl {
  color: #333333;
}
body.digital-event-ja header#header .global-nav {
  background: #2c2856;
  -webkit-box-shadow: inset 0px 5px 15px 0px #33333359;
  box-shadow: inset 0px 5px 15px 0px #33333359;
}
body.digital-event-ja header#header .global-nav:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
}
body.digital-event-ja #digital-event-list-lead {
  margin: 75px 0 23px;
  padding: 21px 0 27px;
  background: #252243;
}
body.digital-event-ja #digital-event-list-lead .digital-event-list-head-ttl {
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 31px;
  font-weight: 700;
  line-height: 38px;
  color: #333333;
}
body.digital-event-ja #digital-event-list-lead .digital-event-list-head-ttl span {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 45px;
  font-weight: 700;
  background: transparent linear-gradient(273deg, #FFF771 0%, #FFCA4D 50%, #FF781E 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.digital-event-ja #digital-event-list-lead .period-mark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
body.digital-event-ja #digital-event-list-body {
  padding: 0 0 44px;
}
body.digital-event-ja #digital-event-list-body .digital-event-list-ttl {
  margin: 0 0 23px;
  text-align: center;
}
body.digital-event-ja #digital-event-list-body .digital-event-list-ttl span {
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 24px;
  color: #333333;
  text-decoration: underline;
}
body.digital-event-ja #digital-event-list-body .digital-event-list .digital-event-item {
  display: flex;
  align-items: center;
  margin: 0 0 20px;
  padding: 24px 127px 33px 41px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 5px;
  transition: 0.3s ease;
}
body.digital-event-ja #digital-event-list-body .digital-event-list .digital-event-item:hover {
  opacity: 0.7;
}
body.digital-event-ja #digital-event-list-body .digital-event-list .digital-event-item .dei-logo {
  width: 194px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
  background: #333333;
  padding: 10px;
  border-radius: 5px;
  margin-right: 20px;
}
body.digital-event-ja #digital-event-list-body .digital-event-list .digital-event-item .dei-logo img {
  max-width: 154px;
  object-fit: contain;
}
body.digital-event-ja #digital-event-list-body .digital-event-list .digital-event-item .dei-infos {
  width: calc(100% - 194px);
}
body.digital-event-ja #digital-event-list-body .digital-event-list .digital-event-item .dei-infos .dei-infos-ttl {
  margin: 0 0 4px;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 38px;
  color: #333333;
}
body.digital-event-ja #digital-event-list-body .digital-event-list .digital-event-item .dei-infos .dei-infos-txt {
  margin: 0 0 11px;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
body.digital-event-ja #digital-event-item-logo {
  padding: 41px 0 0;
}
body.digital-event-ja #digital-event-item-logo .digital-event-item-logo-box img {
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
}
body.digital-event-ja #digital-event-item-body {
  padding: 15px 0 42px;
}
body.digital-event-ja #digital-event-item-body div.content.ja {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-lead {
  display: flex;
  align-items: flex-start;
  margin: 0 0 42px;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-infos {
  width: calc(100% - 326px);
  padding-right: 20px;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-infos .digital-event-item-body-lead-infos-ttl {
  margin: 0 0 22px;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #333333;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-infos .digital-event-item-body-lead-infos-txt {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #333333;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-infos .digital-event-item-body-lead-infos-txt a {
  text-decoration: underline !important;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-contact {
  width: 326px;
  padding: 0 0 8px;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-contact p#lang {
  color: black;
  text-align: center;
  margin-bottom: 20px;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-contact p#lang span#lang-deactive {
  opacity: 0.5;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-contact p#lang span#lang-active {
  opacity: 1.0;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-contact .digital-event-item-body-lead-contact-link {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px 18px 21px 18px;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 31px;
  font-weight: 700;
  color: #333333;
  background: transparent linear-gradient(106deg, #D6A034 0%, #E5B75A 59%, #D6A034 100%) 0% 0% no-repeat padding-box;
  border-radius: 5px;
  transition: 0.3s ease;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-contact .digital-event-item-body-lead-contact-link:hover {
  opacity: 0.7;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-contact .digital-event-item-body-lead-contact-link:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 17px;
  border-color: transparent transparent transparent #333333;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-lead .digital-event-item-body-lead-contact .digital-event-item-body-lead-contact-link span {
  display: block;
  margin: 7px 0 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list {
  display: flex;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .tabs {
  width: calc(100% - 515px);
  padding-right: 40px;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .tabs li {
  margin: 0 0 10px;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .tabs li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 56px 20px;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  background: rgba(255, 255, 255, 0.08);
  transition: 0.3s ease;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .tabs li a:hover {
  opacity: 0.7;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .tabs li a.active {
  background: rgba(255, 255, 255, 0.5);
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .tabs li a.active:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -27px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 0 16px 27px;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .tabs li:last-child {
  margin: 0;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .company-panel-container {
  width: 515px;
  height: auto;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel {
  display: none;
  width: 100%;
  height: 100%;
  padding: 22px 30px 27px;
  background: rgba(255, 255, 255, 0.5);
  overflow-y: auto;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel#company-panel-guide {
  display: block;
  padding: 84px 0 0;
  background: rgba(255, 255, 255, 0.15);
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel#company-panel-guide .cp-guide {
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 312px;
  margin: 0 auto;
  font-size: 31px;
  font-weight: 700;
  line-height: 37px;
  color: #333333;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel#company-panel-guide .cp-guide:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 27px 16px 0;
  border-color: transparent #333333 transparent transparent;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-head {
  display: flex;
  flex-direction: column;
  margin: 0 0 18px;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-head .company-panel-head-ttl {
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  color: #333333;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-head .company-panel-head-logo a {
  width: 160px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.67);
  background: #ffffff;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 20px;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-head .company-panel-head-logo a img {
  max-width: 140px;
  max-height: 80px;
  object-fit: contain;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-txt {
  margin: 0 0 27px;
  font-size: 18px;
  line-height: 24px;
  color: #333333;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-movie {
  position: relative;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-movie:after {
  content: '';
  opacity: 0.8;
  position: absolute;
  top: 0px;
  display: block;
  width: 454px;
  height: 259px;
  background: url("../img/movie-play-icon.webp") no-repeat center center;
  background-size: 150px;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-pdf {
  position: relative;
}
body.digital-event-ja #digital-event-item-body .digital-event-item-body-list .company-panel-container .company-panel .company-panel-pdf:after {
  content: '';
  opacity: 0.8;
  position: absolute;
  top: 0px;
  display: block;
  width: 454px;
  height: 259px;
  background: url("../img/pdf-icon.webp") no-repeat center center;
  background-size: 150px;
}

.digital-event-partnering-btn {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 20px;
  padding: 15px 18px 21px 18px;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, YuGothic, "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #333333;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  transition: 0.3s ease;
}
.digital-event-partnering-btn:hover {
  opacity: 0.7;
}
.digital-event-partnering-btn:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 17px;
  border-color: transparent transparent transparent #333333;
}
.digital-event-partnering-btn span {
  display: block;
  margin: 7px 0 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

/*マイクロサイト*/
/* ページのスタイル */

/* ============================================================
   メインコンテンツ幅を本体サイトの .inner に合わせる
   （full-window に広がるのを防ぎ max-width:1080px 中央寄せ）
   ja(body.digital-event-ja)・en(body.digital-event) 共通
   ============================================================ */
#digital-event-item-body .content {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* ============================================================
   レスポンシブ対応（ブレークポイント 768px = 本体サイトと同じ）
   ・PC固定幅(min-width:1080px / width:1080px)を解除
   ・lead: infos + contact を1列
   ・list: タブ廃止→社名+説明文を縦積みアコーディオン
   クラスは本microsite固有のため短いセレクタ+!importantで上書き
   ============================================================ */
@media screen and (max-width: 768px) {
  /* --- PC固定幅の解除 --- */
  html, body, body.pc { min-width: 0 !important; }

  header#header { margin: 0 0 24px; }
  header#header .site-header {
    width: 100% !important;
    padding: 0 16px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  header#header .site-header .logos { flex-wrap: wrap; justify-content: center; }
  header#header .site-header .logos a { margin: 0 7px; }
  header#header .site-header .logos a img { max-width: 100%; height: auto; }
  header#header .site-header .sh-right { align-items: center; }
  header#header .site-header .sh-right .shr-period { text-align: center; font-size: 14px; }
  header#header .site-header .sh-right .shr-period span { font-size: 20px; }

  /* バナー帯（画像上下の余白を除去） */
  .digital-event-item-logo-box { height: auto !important; padding: 0 !important; }
  .digital-event-item-logo-box a { display: block; font-size: 0; line-height: 0; }
  .digital-event-item-logo-box img { max-width: 100%; height: auto; display: block; margin: 0 auto; }

  /* コンテンツ内側余白 */
  #digital-event-item-body .content { padding: 0 16px; }

  /* --- (1) lead: infos と contact を1列 --- */
  .digital-event-item-body-lead { flex-direction: column !important; }
  .digital-event-item-body-lead .digital-event-item-body-lead-infos {
    width: 100% !important;
    padding-right: 0 !important;
  }
  .digital-event-item-body-lead .digital-event-item-body-lead-infos .digital-event-item-body-lead-infos-ttl { font-size: 22px !important; }
  .digital-event-item-body-lead .digital-event-item-body-lead-infos .digital-event-item-body-lead-infos-txt { font-size: 15px !important; }
  .digital-event-item-body-lead .digital-event-item-body-lead-contact {
    width: 100% !important;
    margin-top: 24px;
  }
  .digital-event-item-body-lead .digital-event-item-body-lead-contact .digital-event-item-body-lead-contact-link { font-size: 26px !important; }

  /* --- (2) list: タブ廃止→縦積みアコーディオン --- */
  .digital-event-item-body-list { display: block !important; }
  .digital-event-item-body-list .tabs { display: none !important; }
  .digital-event-item-body-list .company-panel-container { width: 100% !important; height: auto !important; }
  .digital-event-item-body-list .company-panel-container .company-panel#company-panel-guide { display: none !important; }

  /* 全社パネルを縦積み表示（PC/JSのinline display:none を上書き） */
  .digital-event-item-body-list .company-panel-container .company-panel {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border-radius: 5px;
    overflow: hidden !important;
  }

  /* 見出し（社名＋ロゴ）＝アコーディオンのトグル（横並び・コンパクト） */
  .digital-event-item-body-list .company-panel-container .company-panel .company-panel-head {
    flex-direction: row !important;
    align-items: center;
    gap: 12px;
    margin: 0 !important;
    padding: 12px 42px 12px 12px !important;
    cursor: pointer;
    position: relative;
  }
  .digital-event-item-body-list .company-panel-container .company-panel .company-panel-head .company-panel-head-logo a {
    width: 76px !important;
    height: 52px !important;
    margin-bottom: 0 !important;
    padding: 6px !important;
    flex-shrink: 0;
  }
  .digital-event-item-body-list .company-panel-container .company-panel .company-panel-head .company-panel-head-logo a img { max-width: 60px !important; max-height: 40px !important; }
  .digital-event-item-body-list .company-panel-container .company-panel .company-panel-head .company-panel-head-ttl { font-size: 18px !important; }

  /* 開閉インジケータ（矢印） */
  .digital-event-item-body-list .company-panel-container .company-panel .company-panel-head::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: translateY(-70%) rotate(45deg);
    transition: transform 0.2s ease;
  }
  .digital-event-item-body-list .company-panel-container .company-panel.is-open .company-panel-head::after {
    transform: translateY(-30%) rotate(-135deg);
  }

  /* 本文・動画＝開いたときだけ表示 */
  .digital-event-item-body-list .company-panel-container .company-panel .company-panel-txt {
    display: none;
    margin: 0 !important;
    padding: 0 12px 14px !important;
    font-size: 15px !important;
    line-height: 22px !important;
  }
  .digital-event-item-body-list .company-panel-container .company-panel > a {
    display: none;
    padding: 0 12px 14px;
  }
  .digital-event-item-body-list .company-panel-container .company-panel.is-open .company-panel-txt { display: block; }
  .digital-event-item-body-list .company-panel-container .company-panel.is-open > a { display: block; }

  /* 動画サムネイル＋再生アイコンをレスポンシブに。
     .company-panel-movie を画像幅にフィット＆中央寄せし、
     ::after(再生アイコン)が常に画像の左右中央に重なるようにする */
  .digital-event-item-body-list .company-panel-container .company-panel .company-panel-movie {
    display: block;
    width: fit-content !important;
    max-width: 100%;
    margin: 0 auto !important;
  }
  .digital-event-item-body-list .company-panel-container .company-panel .company-panel-movie img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
  .digital-event-item-body-list .company-panel-container .company-panel .company-panel-movie:after {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: 33% !important;
  }
}

/* ============================================================
   コピーライト（本体サイトに準拠。ただし背景が明るいため文字色は #333）
   ============================================================ */
.copyright-wrap {
  margin-top: 40px;
  padding: 20px 0 24px;
  text-align: center;
}
.copyright {
  font-size: 12px;
  color: #333333;
}
@media screen and (max-width: 768px) {
  .copyright-wrap { margin-top: 24px; }
  .copyright { font-size: 13px; }
}