@charset "utf-8";
#heading {
  margin: 0;
}

#niip2025_bd img {
  vertical-align: middle;
}

#niip2025_bd .bg_area {
  background: url(/event/niip2024/images/bg_hd.jpg) no-repeat top;
  background-size: cover;
  background-attachment: fixed;
}

#niip2025_bd .bg_area:nth-of-type(2) {
  padding: 15em 0 12em;
}

#niip2025_bd {
  font-size: 15px;
}

#niip2025_bd .hd {
  background: url(/event/niip2024/images/bg_hd_cover.jpg) no-repeat top;
  background-size: cover;
  aspect-ratio: 1625 / 836;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 4em 0;
}

#niip2025_bd .hd_area {
  /* max-width: 1280px; */
  max-width: 720px;
  margin: 0 auto;
  /* text-align: center; */
  position: relative;
  /* top: 8em; */
  opacity: 0;
}

#niip2025_bd .slideIn.isActive {
  /* animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) forwards; */
  animation: slideUp 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes slideIn {
  0% {
    transform: translateX(1280px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(100vh);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
  }
  40%,100% {
    opacity: 1;
  }
}

#niip2025_bd .hd_area img {
  margin: 0 auto 2em;
}

#niip2025_bd .hd_area img:first-child {
  width: 84%;
  background: rgba(255, 255, 255, 0.5);
  padding: 0.75em 1.5em;
}

#niip2025_bd .hd_area img:last-child {
  filter: drop-shadow(0.5em 0.5em 0.5em rgba(0, 0, 0, 0.5));
}

#niip2025_bd .hd_area p {
  font-size: 2em;
  line-height: 2em;
  font-style: italic;
  font-weight: 500;
}

#niip2025_bd .slant-bg {
  width: 100%;
  margin: 0;
  padding: 6em 0 10em;
  position: relative;
  top: 6em;
  z-index: 1;
}

#niip2025_bd .slant-bg::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* background-color: #787878; */
  background-color: #17c3ff;
  transform: skewY(-6deg);
  z-index: -1;
}

#niip2025_bd .box {
  width: 960px;
  margin: 0 auto;
}

#niip2025_bd .bg_area .box {
  color: #fff;
}

#niip2025_bd .bg_area:nth-of-type(2) .box {
  color: #000;
}

#niip2025_bd .box dl {
  margin: 0 0 4em;
}

#niip2025_bd .box dl > div {
  margin: 0 0 2em;
  text-align: center;
}

#niip2025_bd .box dt {
  margin: 0 0 2em;
  position: relative;
  text-align: center;
}

#niip2025_bd .box dt.isActive::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 10%;
  width: 0%;
  height: 40%;
  transition: all 0.5s;
  /* background: #ff0d10; */
  background: #3b50ef;
  z-index: 0;
  right: 0;
  margin: 0 auto;
}

#niip2025_bd .box dt.isActive::after {
  width: 24em;
}

#niip2025_bd .box dt span.linear {
  position: relative;
  z-index: 2;
  font-size: 3.2em;
  text-align: center;
  display: inline-block;
  font-weight: 600;
  margin: 0 0 0.25em;
  font-style: italic;
}

#niip2025_bd .box dt:after {
  content: '';
  position: absolute;
  left: 0;
  width: 0%;
  z-index: 1;
  transition: all 0.5s;
}

/* #niip2025_bd .box dt span.linear {
  font-size: 3.2em;
  background: linear-gradient(transparent 70%, #ff0d10 70%);
  padding: 0 0.5em;
  font-style: italic;
}
 */

#niip2025_bd .box dt span span {
  filter: drop-shadow(0.05em 0.075em 0 black);
  font-weight: 600;
  letter-spacing: 0.25em;
  padding: 0 0 0 0.25em;
}

#niip2025_bd .box dt span span.ex {
  letter-spacing: 0;
  padding: 0;
}

#niip2025_bd .box dd {
  font-size: 2.4em;
  line-height: 1em;
}

#niip2025_bd .box dd p {
  filter: drop-shadow(0.075em 0.1em 0 black);
}

#niip2025_bd .box dd span {
  font-size: 0.75em;
}

#niip2025_bd .box dd .g-map {
  margin: 0.5em auto 0;
  width: 640px;
  height: auto;
  aspect-ratio: 16 / 9;
  position: relative;
}

#niip2025_bd .box dd .g-map iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

#niip2025_bd .box .link p  {
  margin: 0 0 1em;
  text-align: center;
  position: relative;
}

#niip2025_bd .box .link p.isActive::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 10%;
  width: 0%;
  height: 40%;
  transition: all 0.5s;
  /* background: #ff5c0c; */
  background: #3b50ef;
  z-index: 0;
  right: 0;
  margin: 0 auto;
}

#niip2025_bd .box .link p.isActive::after {
  width: 100%;
}

#niip2025_bd .box .link p > span {
  position: relative;
  z-index: 2;
  font-size: 2.2em;
  text-align: center;
  display: inline-block;
  font-weight: 600;
  margin: 0.5em 0;
  font-style: italic;
}

#niip2025_bd .box .link p:after {
  content: '';
  position: absolute;
  left: 0;
  width: 0%;
  z-index: 1;
  transition: all 0.5s;
}

#niip2025_bd .box .link p > span > span {
  filter: drop-shadow(0.1em 0.1em 0 #000);
}

/* #niip2025_bd .box .link:nth-of-type(2) a {
  color: #c4302b;
  border: 0.15em solid #c4302b;
}

#niip2025_bd .box .link:nth-of-type(2) a::before {
  border-bottom: 72px solid #c4302b;
}

#niip2025_bd .box .link:nth-of-type(2) a:hover {
  color: #fff;
}

i.fa-brands.fa-youtube {
  font-size: 1.2em;
} */

#niip2025_bd .box .link a {
  color: #c4302b;
  font-size: 1.8em;
  font-weight: bold;
  background: #fff;
  /* width: 640px; */
  height: 72px;
  text-align: center;
  line-height: 72px;
  border: 0.15em solid #c4302b;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: .3s;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;

}

#niip2025_bd .box .link a::before {
  content: "";
  width: 108%;
  position: absolute;
  /* top: 0;
  right: -72px; */
  top: -4px;
  right: 4px;
  left: 0;
  z-index: -1;
  border-right: 72px solid transparent;
  border-bottom: 72px solid #c4302b;
  transform: translateX(-100%);
  transition: transform ease .3s;
}

#niip2025_bd .box .link a:hover {
  color: #fff;
  text-decoration: none;
  opacity: 1;
}

#niip2025_bd .box .link a:hover::before {
  transform: translateX(0);
  right: 0;
}

#niip2025_bd .box .link a span {
  margin: 0 0.5em;
}

#niip2025_bd .box .link span.note {
  /* text-align: right; */
  text-align: center;
  display: block;
  margin: 0.25em 0 0;
  font-size: 1.2em;
}

.nobg_area {
  padding: 12em 0 0;
}

.heading_area {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 2em;
}

.text_hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.slice-text {
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4.8em;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0 0 0 0.1em;
}

.slice-text.isActive {
  --skewX: 0deg;
  --x: 0;
}

.text1,
.text2,
.text3 {
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.text2,
.text3 {
  position: absolute;
}

.text1 {
  mask-image: linear-gradient(
    to bottom,
    #000 33.3%,
    transparent 33.3%
  );
  transform: translateX(var(--x, -110%)) skewX(var(--skewX, 40deg));
}

.text2 {
  mask-image: linear-gradient(
    to bottom,
    transparent 33.3%,
    #000 33.3%,
    #000 66.6%,
    transparent 66.6%
  );
  transform: translateX(var(--x, 110%)) skewX(var(--skewX, -40deg));
}

.text3 {
  mask-image: linear-gradient(
    to bottom,
    transparent 66.6%,
    #000 66.6%
  );
  transform: translateX(var(--x, -110%)) skewX(var(--skewX, 40deg));
}

.lecturer {
  position: relative;
}

.lecturer::before {
  content: "";
  display: block;
  /* padding-top: 100%; */
  aspect-ratio: 960 / 640;
}

.lecturer_pic {
  width: 320px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

.lecturer_pic img {
  filter: drop-shadow(0.5em 0.5em 0 rgba(100, 100, 100, 0.5));
}

.lecturer_dtl {
  position: absolute;
  background: #ededed;
  padding: 2em 2em 2em 20em;
  left: 4em;
  top: 2em;

}

.lecturer_dtl .logo {
  background: #fff;
  margin: 0 0 1em;
}

.lecturer_dtl .logo img {
  padding: 1em;
  box-sizing: border-box;
}

.lecturer_dtl .position {
  font-size: 2.4em;
  font-weight: 800;
}

/* .lecturer_dtl .position span {
  display: block;
} */

.lecturer_dtl .position span:first-child {
  font-size: 1.125em;
}

/* .lecturer_dtl .position span:nth-of-type(2) {
  text-align: right;
} */

.lecturer_dtl .lecturer_txt {
  margin: 1em 0 0;
}

.lecturer_dtl .lecturer_txt p {
  font-size: 1.2em;
  word-break: break-all;
}

.lecturer_dtl .lecturer_txt a {
  color: #26ADFF;
  text-decoration: underline;
}

.talk-session,
.pitch {
  margin: 0 0 8em;
}

.member_area {
  margin: 2em 0 0;
}

.member {
  display: flex;
  align-items: center;
  margin: 0 0 2em;
}

.member:nth-of-type(odd) {
  flex-direction: row-reverse;
}

.member_pic {
  width: 240px;
  min-width: 240px;
  text-align: center;
}

.member_pic img {
  filter: drop-shadow(0.5em 0.5em 0 rgba(100, 100, 100, 0.5));
}

/* .member:nth-of-type(even) .member_pic img {
  filter: drop-shadow(-0.5em 0.5em 0 rgba(100, 100, 100, 0.5));
} */

.member_dtl {
  background: #ededed;
  padding: 2em;
  width: 100%;
}

.member_dtl .logo {
  background: #fff;
  margin: 0 0 1em;
  text-align: center;
}

.member_dtl .logo a {
  display: block;
}

.member_dtl .logo img {
  padding: 1em;
  box-sizing: border-box;
}

.member_dtl .logo img[src="/event/niip2024/images/logo_fuller.jpg"],
.member_dtl .logo img[src="/event/niip2024/images/logo_tbs-ip.jpg"] {
  width: 480px;
}

.member_dtl .logo img[src="/event/niip2024/images/logo_derta.jpg"] {
  width: 240px;
}

.member_dtl .logo img[src="/event/niip2024/images/logo_BSN-Media-Holdings.jpg"] {
  width: 360px;
}

.member_dtl .position {
  font-size: 1.6em;
  font-weight: 800;
}

.pitch .slice-text {
  font-size: 3.6em;
  letter-spacing: 0;
  padding: 0;
  /* color: #ff0d10; */
  color: #3b50ef;
}

.pitch .slice-text span {
  color: #17C3FF;
}

.talk-session .catch,
.pitch .catch {
  text-align: center;
  font-size: 2em;
  font-weight: 500;
}

.mc {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2em 0 0;
}

.mc img {
  width: 180px;
  filter: drop-shadow(0.5em 0.5em 0 rgba(100, 100, 100, 0.5));
}

.mc div:nth-of-type(2) {
  background: #ededed;
  padding: 2em;
}

.mc div:nth-of-type(2) p {
  font-size: 1.6em;
  font-weight: 600;
}

.mc div:nth-of-type(2) p span {
  font-size: 0.8em;
}

.company_area {
  margin: 2em 0 0;
  padding: 2em;
  background: #ededed;
}

.company_item {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}

.company_item li {
  width: 48%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 0 0 2em;
  padding: 1em;
  box-sizing: border-box;
}

.company_item li a {
  display: block;
}

.company_item li img {
  width: 400px;
}

.company_item li img[src="/event/niip2024/images/logo_drone-show-japan.jpg"] {
  width: 270px;
}

.company_item li img[src="/event/niip2024/images/logo_metai.jpg"] {
  width: 320px;
}

.company_item li img[src="/event/niip2024/images/logo_wamazing.jpg"],
.company_item li img[src="/event/niip2024/images/logo_ms-engineer.jpg"],
.company_item li img[src="/event/niip2024/images/logo_torana.jpg"] {
  width: 360px;
}

.time-schedule {
  margin: 0 0 4em;
}

.time-schedule .mc {
  display: flex;
  align-items: center;
  justify-content: center;
}

.time-schedule .mc img {
  width: 180px;
  filter: drop-shadow(0.5em 0.5em 0 rgba(100, 100, 100, 0.5));
}

.time-schedule .mc div:nth-of-type(2) {
  background: #ededed;
  padding: 2em;
}

.time-schedule .mc div:nth-of-type(2) p {
  font-size: 1.6em;
  font-weight: 600;
}

.time-schedule .mc div:nth-of-type(2) p span {
  font-size: 0.8em;
}

.time-schedule .table_wrap {
  margin: 2em auto 0;
  width: 740px;
}

.table_body {
  margin: 0 auto 0 6em;
  padding: 0 0 0 0.2em;
  border-left: 0.4em solid #3b50ef;
  box-sizing: border-box;
}

.table_body li {
  width: 100%;
  padding: 0.5em 0;
  position: relative;
}

/* .table_body li:first-child {
  padding: 0 0 0.5em;
} */

.table_body .sch_time {
  width: 4em;
  display: inline-block;
  margin: 0 0 0 -6em;
  vertical-align: top;
  position: relative;
  text-align: right;
  box-sizing: border-box;
}

.table_body .sch_time span {
  font-size: 1.6em;
  font-weight: 500;
}

.table_body .sch_time::after {
  content: "";
  position: absolute;
  right: -2.4em;
  top: 0.5em;
  background: #17C3FF;
  width: 1.6em;
  height: 1.6em;
  border-radius: 100vh;
}

.table_body .sch_box {
  display: inline-block;
  width: 100%;
  margin: 0 0 0 2em;
  padding: 1em 2em;
  vertical-align: middle;
  background: #ededed;
  box-sizing: border-box;
  border-radius: 1em;
}

.table_body .sch_title {
  font-size: 1.8em;
  font-weight: 600;
  font-style: italic;
}

.table_body .sch_tx {
  font-size: 1.2em;
  margin: 0.5em 0 0;
  font-weight: 500;
}

.facilitator {
  margin: 1em 0 0;
}

.performer {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}

.performer_item {
  width: calc(50% - 0.5em) !important;
  padding: 0 0 1em !important;
}

.performer_item p {
  margin: 0 0 0.5em;
}

.performer_item a {
  display: block;
  background: #fff;
  padding: 1em;
  text-align: center;
}

#niip2025_bd .slant-bg.sponsored {
  padding: 6em 0;
}

.sponsored .box {
  display: flex;
  justify-content: center;
  color: #fff !important;
}

/* .sponsored div {
  text-align: center;
}

.sponsored div p {
  font-weight: 500;
  font-size: 1.8em;
  text-align: left;
  display: inline-block;
  line-height: 2em;
} */

.sponsored ul {
  font-weight: 500;
  font-size: 1.8em;
  line-height: 2em;
}

.sponsored li {
  display: flex;
}

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

  #niip2025_bd {
    font-size: 12px;
    overflow: hidden;
  }

  #niip2025_bd .bg_area {
    background: url(/event/niip2024/images/bg_hd.jpg) repeat top;
    /* background-size: cover; */
    background-attachment: scroll;
  }

  #niip2025_bd .hd {
    aspect-ratio: 1 / 1;
  }

  #niip2025_bd .hd_area {
    max-width: 94%;
    /* top: 4em; */
  }

  #niip2025_bd .hd_area img {
    margin: 0 auto 1em;
  }

  /* #niip2025_bd .hd_area img:first-child {
    width: 90%;
  } */

  #niip2025_bd .hd_area img:last-child {
    width: 96%;
    margin: 0 auto;
  }

  #niip2025_bd .slant-bg {
    padding: 4em 0 6em;
    top: 4em;
  }

  #niip2025_bd .box {
    width: auto;
  }

  #niip2025_bd .box dt span.linear {
    font-size: 3em;
  }

  #niip2025_bd .box dt {
    margin: 0 0 1em;
  }

  #niip2025_bd .box dd {
    font-size: 2em;
    line-height: 1.25em;
  }

  #niip2025_bd .box dd .g-map {
    width: 90%;
  }

  #niip2025_bd .box .link {
    margin: 0 1em;
  }

  #niip2025_bd .box .link p.isActive::after {
    bottom: 0;
    height: 100%;
  }

  #niip2025_bd .box .link a::before {
    width: 120%;
  }

  #niip2025_bd .box .link p > span {
    font-size: 2em;
  }

  #niip2025_bd .bg_area:nth-of-type(2) {
    padding: 9em 0 12em;
  }

  .slice-text {
    font-size: 3em;
  }

  .sp-speech {
    margin: 0 0 2em;
  }

  .lecturer {
    margin: 0 1em;
  }

  .lecturer::before {
    display: none;
  }

  .lecturer_pic {
    width: 210px;
    margin: 0 auto;
    position: relative;
  }

  .lecturer_dtl {
    position: relative;
    left: 0;
    top: -2em;
    padding: 4em 1em 1em;
  }

  .lecturer_dtl .position span:last-child {
    display: block;
    padding: 0 0 0 1em;
  }

  .talk-session, .pitch {

  }

  .member_area {
    margin: 0 1em;
  }

  .member_pic {
    width: 150px;
    min-width: 150px;
  }

  .member_dtl {
    padding: 1em;
  }

  .member_dtl .position {
    font-size: 1.4em;
  }

  .member_dtl .logo img[src="/event/niip2024/images/logo_derta.jpg"] {
    width: 90px;
  }

  .member_dtl .logo img[src="/event/niip2024/images/logo_fuller.jpg"], .member_dtl .logo img[src="/event/niip2024/images/logo_tbs-ip.jpg"] {
    width: 150px;
  }

  .member_dtl .logo img[src="/event/niip2024/images/logo_BSN-Media-Holdings.jpg"] {
    width: 120px;
  }

  .pitch .slice-text {
    margin: 0 0.25em;
  }

  .talk-session .catch,
  .pitch .catch {
    font-size: 1.75em;
    padding: 0 0.5em;
    margin: 0 0 1em;
  }

  .company_item li {
    width: 100%;
  }

  .mc {
    margin: 2em 1em 0;
  }

  .mc img {
    width: 120px;
  }

  .time-schedule .mc {
    margin: 0 1em;
  }

  .time-schedule .mc img {
    width: 120px;
  }

  .time-schedule .table_wrap {
    width: auto;
    margin: 2em 1em 0;
  }

  .table_body {
    margin: 0 auto 0 5em;
    padding: 0 0 0 0.4em;
  }

  .table_body .sch_box {
    display: block;
    width: auto;
    margin: 0 0 0 1em;
    padding: 1em;
  }

  .table_body .sch_time span {
    font-size: 1.2em;
  }

  .table_body .sch_time {
    width: 4em;
  }

  .table_body .sch_time::after {
    right: -2em;
    width: 1.2em;
    height: 1.2em;
  }

  /* .sponsored div p {
    font-size: 1.4em;
    text-align: center;
  } */

  .sponsored ul {
    font-size: 1.25em;
    text-align: center;
    line-height: 1.5em;
  }

  .sponsored li {
    display: block;
    text-align: center;
    margin: 0 0 0.5em;
  }

  .sponsored li:last-child {
    margin: 0;
  }

  .sponsored li span:first-child {
    display: block;
  }
}