@charset "utf-8";

.section-header__title {
font-size: var(--font-size-h5);
}

.hero {
    position: relative;
    width: 100%;
    height: 100svh;
    overflow: hidden;
}
.hero__media {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.hero__media,
.hero__slide,
.hero__slide .swiper-wrapper,
.hero__slide .swiper-slide {
  width: 100%;
  height: 100% !important;
  padding: 0;
}
.hero__slide .swiper-slide {
box-shadow: none;
max-width: none !important;
}
.hero__slide .swiper-slide figure,
.hero__slide .swiper-slide picture {
  display: block;
  aspect-ratio: auto;
  width: 100%;
  height: 100%;
  margin: 0;
}
.hero__slide .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__content {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items:flex-end;
    justify-content: center;
    text-align: center;
	background: var(--color-black);
	background: linear-gradient(180deg,rgba(8, 4, 25, 0.2) 0%, rgba(8, 4, 25, 0.2) 50%, rgba(8, 4, 25, 1) 90%);
}
.hero__content .wrapper {
width: 100%;
padding: 3rem 4%;
align-items: center;
}
.hero__intro {
width: 57%;
text-align: left;
}
.hero__intro p {
margin-top: var(--space-md);
font-size: var(--font-size-h5);
font-weight: 900;
line-height: var(--line-height-x-small);
}
.hero__info {
width: 40%;
  position:relative;
  display:inline-block;
  padding: var(--space-lg) 0 var(--space-md) 0;
}
.hero__info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: -1;
    border-radius: var(--space-xl);
    border: 5px solid transparent;
    background: var(--color-gradients) border-box border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
    -webkit-mask-composite: destination-out;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
    mask-composite: exclude;
}
.hero__info .date {
margin-bottom: var(--space-sm);
font-family: var(--font-en);
font-size: var(--font-size-h3);
}
.hero__info .date span.txt-small {
font-size: var(--font-size-h5);
}
.hero__info .date span.vertical-writing {
writing-mode: vertical-rl;
text-orientation: mixed;
font-size: var(--font-size-x-small);
}
.hero__info .venue {
font-weight: 600;
font-size: var(--font-size-h6);
}
.hero__info .button {
margin-top: var(--space-xs);
display: flex;
justify-content: center;
align-items: center;
font-size: var(--font-size-body);
}
.hero__info .button a {
display: block;
padding: var(--space-xs) var(--space-lg);
background: var(--color-primary);
border-radius: var(--space-lg);
color: var(--color-white);
}


.about {
background: url("../common/circle.svg") left -20% bottom / auto 80% no-repeat, url("../images/about-bk.webp") right top / auto 100% no-repeat;
}
.about .lead {
text-align: center;
}
.special {
background: #6000FF;
background: url("../common/drop.svg") right 5% top 15% / 20% auto no-repeat, linear-gradient(180deg,rgba(96, 0, 255, 0) 0%, rgba(96, 0, 255, 1) 100%);
}
.session {
padding-left: 0;
padding-right: 0;
padding-bottom: var(--space-xs);
background: url("../common/circle.svg") right -18% bottom 10% / auto 45% no-repeat, url("../images/session-bk.webp") right top / 100% auto no-repeat;
}
.speaker {
margin: 3%;
padding-left: 0;
padding-right: 0;
background: url("../images/speaker-bk.webp") center top / 100% auto no-repeat, url("../images/speaker-bk2.webp") center bottom / 100% auto no-repeat, #4500b6;
border-radius: var(--space-lg);
}
.session .session__content,
.expo .expo__content,
.news .news__content,
.speaker .speaker__content {
overflow: hidden;
}
.session .session__slide,
.expo .expo__slide,
.news .news__slide,
.speaker .speaker__slide {
  width: 100%;
overflow: visible;
}
.session__slide:not(.swiper-initialized) .swiper-wrapper,
.expo__slide:not(.swiper-initialized) .swiper-wrapper,
.news__slide:not(.swiper-initialized) .swiper-wrapper,
.speaker__slide:not(.swiper-initialized) .swiper-wrapper {
  display: flex !important;
  gap: 15px;
}
.session__slide:not(.swiper-initialized) .swiper-slide,
.expo__slide:not(.swiper-initialized) .swiper-slide,
.news__slide:not(.swiper-initialized) .swiper-slide {
  width: 20% !important;
  flex-shrink: 0 !important;
}
.speaker__slide:not(.swiper-initialized) .swiper-slide {
  width: 18% !important;
  flex-shrink: 0 !important;
}
@media screen and (max-width: 1199px) {
  .session__slide:not(.swiper-initialized) .swiper-slide,
  .expo__slide:not(.swiper-initialized) .swiper-slide,
  .news__slide:not(.swiper-initialized) .swiper-slide {
    width: 35% !important;
  }
  .speaker__slide:not(.swiper-initialized) .swiper-slide {
    width: 28% !important;
  }
}
@media screen and (max-width: 767px) {
  .session__slide:not(.swiper-initialized) .swiper-slide,
  .expo__slide:not(.swiper-initialized) .swiper-slide,
  .news__slide:not(.swiper-initialized) .swiper-slide {
    width: 85% !important;
  }
  .speaker__slide:not(.swiper-initialized) .swiper-slide {
    width: 40% !important;
  }
}


.speaker a {
color: var(--color-white);
}
.speaker .swiper-slide {
background: #250e4a;
box-shadow: 0 0 10px 3px #72dfff;
}
.speaker .slide__photo {
position: relative;
}
.speaker .slide__photo::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: #250E4A;
background: linear-gradient(180deg,rgba(37, 14, 74, 0) 20%, rgba(37, 14, 74, 1) 95%);
}
.speaker .title {
font-size: var(--font-size-h5);
}
.speaker a .title {
margin-bottom: var(--space-sm);
color: var(--color-white);
}
.speaker .slide__body p {
font-size: var(--font-size-body);
}
.expo {
padding-left: 0;
padding-right: 0;
padding-bottom: var(--space-md);
background: url("../common/backslash.svg") left -18% top 20% / 40% auto no-repeat, url("../images/expo-bk.webp") right top / 100% auto no-repeat;
}
.expo .btn--primary {
justify-content: center;
margin: 0 auto;
}
.expo .slide__body .venue {
font-size: var(--font-size-h3);
margin-bottom: var(--space-md);
}
.expo .company {
font-size: var(--font-size-h6);
line-height: var(--line-height-x-small);
}
.expo__slide {
margin-top: var(--space-xl);
}
.expo .floor {
font-size: var(--font-size-body);
margin-bottom: var(--space-sm);
}
.schedule {
overflow: hidden;
margin: 3%;
padding-left: 0;
padding-right: 0;
padding-bottom: var(--space-xl);
background: url("../common/xr-mark.svg") right -2% top -10% / 45% auto no-repeat, var(--color-white);
border-radius: var(--space-lg);
text-align: center;
}
.schedule header {
color: var(--color-black);
}
.schedule .card {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
}
.schedule .card__body {
flex-grow: 2;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
}
.schedule .card__body .title {
margin-bottom: var(--space-xl);
font-size: var(--font-size-h4);
font-family: var(--font-en);
color:  var(--color-accent);
}
.schedule .card__body .date {
margin-bottom: var(--space-lg);
font-size: var(--font-size-h2);
font-weight: 600;
}
.schedule .card__body .date span {
margin-left: -0.75rem;
font-size: var(--font-size-h6);
}
.schedule .card__body .list {
flex-grow: 2;
margin-top: var(--space-xs);
}
.schedule .card__body .list li {
font-size: var(--font-size-large);
margin-bottom: var(--space-sm);
}
.schedule .card__body .button,
.schedule .card__body .button li {
width: 100%;
}
.schedule .card__body .button li a {
border: var(--color-primary) 2px solid;
background: var(--color-primary);
}
.schedule__content {
padding-left: var(--space-3xl);
padding-right: var(--space-3xl);
}
.schedule .section-footer {
    margin-top: var(--space-lg);
}
.schedule .card__list {
    margin: 0;
}
.schedule .section-footer__list li a {
    border: var(--color-primary) 2px solid;
	color: var(--color-primary);
}
.news {
padding-left: 0;
padding-right: 0;
background: url("../common/circle.svg") left -30% bottom 20% / 40% auto no-repeat, url("../images/ticket-bk.webp") right top / 100% auto no-repeat;
}

.access,
.faq {
/*padding-top: var(--space-xl);
padding-bottom: var(--space-xl);*/
width: 50%;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.access header,
.faq header {
margin-bottom: var(--space-lg);
}
.access {
background: url("../images/access-bk.webp") center top / cover no-repeat;
}
.faq {
background: url("../images/faq-bk.webp") center top / cover no-repeat;
}
.access .section-header__en,
.faq .section-header__en {
color: var(--color-white);
}
.access .section-header__en strong,
.faq .section-header__en strong {
    display: inline-block;
    background: none;
	-webkit-text-fill-color: currentcolor;
}
.ticket {
background: url("../common/backslash.svg") right -18% top -5% / 40% auto no-repeat;
}
.ticket__group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem;
	text-align: center;
}
.ticket__info {
    display: grid;
    grid-template-rows: 1fr;
}
.ticket__info h3 {
padding: var(--space-lg) 0 var(--space-md) 0;
background: rgba(255,255,255,0.3);
border-radius: var(--space-sm) var(--space-sm) 0 0;
border: transparent 3px solid;
border-bottom: none;
font-size: var(--font-size-h4);
line-height: 1;
letter-spacing: var(--letter-spacing-body);
    display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

}

.ticket__info.standard h3 {
border-color: var(--color-primary);
}
.ticket__info.same-day h3 {
border-color: var(--color-accent);
}
.ticket__info h3 span.ft1 {
display: inline-block;
font-size: var(--font-size-large);
margin-bottom:  var(--space-xs);
}
.ticket__info h3 span.ft2 {
font-size: var(--font-size-large);
}
.ticket__info .list {
    display: grid;
	grid-template-rows: repeat(6, auto);
    margin: 0;
border: transparent 3px solid;
border-top: none;
border-radius: 0 0 var(--space-sm) var(--space-sm);
	background: rgba(255,255,255,0.2);
}
.ticket__info.standard .list {
border-color: var(--color-primary);
}
.ticket__info.same-day .list {
border-color: var(--color-accent);
}
.ticket__info .list .item {
align-content:flex-start;
}
.ticket__info .list > .item:last-child {
border-radius: 0 0 var(--space-sm) var(--space-sm);
}
.ticket__info dt,
.ticket__info dd,
.ticket__info div {
    margin: 0;
    padding: 0;
}
.ticket__info dt {
padding: 1rem 0 0.8rem 0;
font-size: var(--font-size-small);
color: #ccc;
line-height: 1;
}
.ticket__info .list > div.item:first-child > dt:first-child {
padding-top: 2rem;
}
.ticket__info dd {
padding: 0 0 1.25rem 0;
position: relative;
}
.ticket__info dd span.note {
position: absolute;
right: 1rem;
top: -0.3rem;
font-size: var(--font-size-x-small);
line-height: 1.35;
text-align: left;
text-indent: -0.8rem;
}
.ticket__info .date {
font-size: var(--font-size-h5);
}
.ticket__info .availability {
font-size: var(--font-size-large);
}
.ticket__info .price {
font-size: var(--font-size-h4);
}
.ticket__info .price span {
font-size: var(--font-size-h5);
}
.ticket__info .button {
margin-top: var(--space-sm);
}
.ticket__info .button li {
width: 100%;
}
.ticket__info .button li a {
padding-left: 0;
padding-right: 0;
    border: var(--color-primary) 2px solid;
    color: var(--color-white);
	background: var(--color-primary);
}


.ticket-table {
    width: 100%;
    border-collapse: collapse;
}

.ticket-table th,
.ticket-table td {
    padding: 20px;
    border: 1px solid #ddd;
}

.ticket-table thead th {
    text-align: center;
}

.ticket-table tbody th {
    text-align: left;
}

.ticket-table td {
    text-align: center;
}

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

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

    .ticket-table,
    .ticket-table tbody,
    .ticket-table tr,
    .ticket-table th,
    .ticket-table td {
        display: block;
    }

    .ticket-table thead {
        display: none;
    }

    .ticket-table tr {
        margin-bottom: 20px;
        border: 1px solid #ddd;
    }

    .ticket-table tbody th {
        padding: 15px;
        background: #f5f5f5;
        text-align: center;
        font-size: 1.8rem;
    }

    .ticket-table td {
        padding: 12px 15px;
        border: 0;
        text-align: left;
    }

}


.sponsor {
background: #fff;
color: var(--color-black);
text-align: center;
}
.sponsor .en {
font-size: var(--font-size-h5);
font-weight: 800;
margin-bottom: var(--space-sm);
}
.sponsor .platinum .en {
color :#81828b;
}
.sponsor .gold .en {
color : #b5a958;
}
.sponsor .silver .en {
color :#aba9a4;
}
.sponsor .bronze .en {
color :#c89f81;
}
.sponsor h3 {
font-size: var(--font-size-body);
}
.sponsor section {
margin-bottom: var(--space-2xl);
}

/*
.sponsor__list {
margin-top: var(--space-md);
  display: grid;
  gap: var(--space-lg);
justify-content: center;
align-items: center;
}
.sponsor .platinum .sponsor__list {
  grid-template-columns: repeat(3, 280px);
}
.sponsor .gold .sponsor__list {
  grid-template-columns: repeat(3, 240px);
}
.sponsor .silver .sponsor__list {
  grid-template-columns: repeat(3, 200px);
  color: #bcbab4;
}
.sponsor .bronze .sponsor__list {
  grid-template-columns: repeat(3, 160px);
}
.sponsor .exhibitor .sponsor__list {
  grid-template-columns: repeat(3, 1fr);
}
*/
.sponsor__list {
margin-top: var(--space-md);
display: flex;
gap: var(--space-lg);
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.sponsor .platinum .sponsor__list img {
  width: 280px;
}
.sponsor .gold .sponsor__list img {
  width: 240px;
}
.sponsor .silver .sponsor__list img {
  width: 200px;
  color: #bcbab4;
}
.sponsor .bronze .sponsor__list img {
  width: 280px;
}
.sponsor .exhibitor .sponsor__list {
width: 33%;
}


@media screen and (max-width: 1366px) {
.hero__info {
    padding: var(--space-md) 0 var(--space-md) 0;
}
.hero__intro p {
    margin-top: var(--space-sm);
}
.hero__info .date {
    margin-bottom: var(--space-xs);
}

.ticket__info dd span.note {
    right: 0.2rem;
}
.sponsor__list {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: var(--space-md);
    justify-content: center;
}
.sponsor__list li {
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.ticket__info h3 {
    font-size: var(--font-size-h5);
	line-height: 1.2;
	letter-spacing: .3em;
}
.ticket__info h3 span {
    font-size: var(--font-size-body);
	letter-spacing: var(--letter-spacing-body);
}
.ticket__info h3 span.ft1 {
    margin-bottom: 0.3rem;
}
.ticket__info .date {
    font-size: var(--font-size-h6);
}
.ticket__info .price {
    font-size: var(--font-size-h5);
}
.sponsor .exhibitor .sponsor__list {
  grid-template-columns: repeat(2, 1fr);
}
.schedule .card__list--3 {
    display: block;
}
.schedule .card {
margin-bottom: var(--space-xs);
}
.schedule .card__body .title {
    margin-bottom: var(--space-md);
    font-size: var(--font-size-h5);
}
.schedule .card__body .date {
    margin-bottom: var(--space-sm);
}
.schedule .card__body .list {
	margin-bottom: var(--space-xs);
}
.schedule .card__body .list li {
    font-size: var(--font-size-body);
	margin-bottom: var(--space-xs);
}
.schedule .card__body .date span {
    margin-left: -0.75rem;
}

.schedule .card__body {
display: grid;
grid-template-columns: 45% 55%;
align-items: center;
}
.schedule .card.card--accent .card__body div {
grid-column: 1 / 2;
grid-row: 1 / 3;
}
.schedule .card.card--accent .card__body .list {
grid-column: 2 / 3;
grid-row: 1 / 2;
}
.schedule .card.card--accent .card__body .button {
grid-column: 2 / 3;
grid-row: 2 / 3;
}

.schedule .card.card--accent .card__body {

}

}

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

.about {
    padding-top: var(--space-sm);
}
.hero__content .wrapper {
flex-direction: column;
padding: 3rem 6%;
align-items: flex-start;
}
.hero__intro {
    width: 100%;
	margin-bottom: var(--space-md);
}
.hero__intro figure {
    width: 90%;
}

.hero__info {
    padding: var(--space-lg) 0 var(--space-lg) 0;
    width: 60%;
}
.hero__info .date {
    font-size: var(--font-size-h2);
}
.ticket__info dd span.note {
width: 100%;
    position: absolute;
	right: auto;
    left: 50%;
    top: auto;
	transform: translateX(-50%);
	bottom: 0.2rem;
    text-align: center;
    text-indent:0;
}
.ticket__info dd span.note br {
display: none;
}
.sponsor__list {
    margin-top: var(--space-md);
    gap: var(--space-sm);
}

.sponsor .en {
    margin-bottom: var(--space-xs);
}


}

@media screen and (max-width: 840px) {
.ticket__group {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, 1fr);
}
.ticket__info {
    margin-bottom: var(--space-md);
}
.ticket__info h3 {
    padding: var(--space-sm) 0 var(--space-xs) 0;
    letter-spacing: var(--letter-spacing-body);
}
.ticket__info h3 br {
display: none;
}
.ticket__info .list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
}
.ticket__info dt {
    padding: 0.8rem 0 0.5rem 0;
}
.ticket__info .list > div.item:first-child > dt:first-child,
.ticket__info .list > div.item:nth-child(2) > dt:first-child {
    padding-top: 1.5rem;
}
.ticket__info dd {
    padding: 0 0 0.5rem 0;
}
.ticket__info .date {
    padding: 0 0 0.5rem 0;
}
.ticket__info .list > div.item:last-child > dd:last-child,
.ticket__info .list > div.item:nth-last-child(2) > dd:last-child {
    padding-bottom: 1.5rem;
}
.ticket__info h3 span.font-size-x-small {
        letter-spacing: 0.075em;
    }
.ticket__info h3 span.ft1 {
        margin-bottom: 0;
		font-size: var(--font-size-h5);
}
.sponsor section {
    margin-bottom: var(--space-xl);
}
.sponsor .platinum .sponsor__list img {
  width: 240px;
}
.sponsor .gold .sponsor__list img {
  width: 200px;
}
.sponsor .silver .sponsor__list img {
  width: 160px;
}
.sponsor .bronze .sponsor__list img {
  width: 240px;
}
.sponsor .exhibitor .sponsor__list {
width: 48%;
}
.sponsor h3 {
    font-size: var(--font-size-small);
}
}

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

.section-header__title {
    font-size: var(--font-size-body);
	letter-spacing: 0.085em;
}
.about {
padding-bottom: var(--space-section);
    background: url(../common/circle.svg) left -15% bottom 8% / auto 70% no-repeat, url(../images/about-bk.webp) right top / auto 100% no-repeat;
}
.about .lead {
font-size: var(--font-size-body);
    line-height: var(--line-height-small);
	text-shadow: 0 0 3px rgba(0,0,0,0.8), 0 0 20px rgba(0,0,0,0.8);
}

.section-column-2 {
flex-direction: column;
}
.access,
.faq {
    width: 100%;
}
.hero__info {
    width: 100%;
}
.hero__intro figure {
    width: 100%;
}
.hero__info .date span.vertical-writing {
	line-height: var(--line-height-x-small);
}
.hero__info .date span.txt-small {
	line-height: var(--line-height-heading);
}
.special .card__list--3 {
        grid-template-columns: repeat(1, 1fr);
}
.expo {
    padding-bottom: var(--space-section);;
}
.expo .floor {
    margin-bottom: var(--space-2xs);
}
.expo .slide__body .venue {
    margin-bottom: var(--space-xs);
}
.expo .company {
    margin-bottom: var(--space-xs);
}
.speaker {
    margin: 0 0 1rem 0;
}
.schedule .card__body {
display: flex;
flex-direction: column;
}
.schedule {
    margin: 0 0 1rem 0;
}
.schedule .card__body .list li {
    font-size: var(--font-size-body);
}
.schedule .card__body .title {
        margin-bottom: var(--space-xxs);
}
.schedule .card__body .date {
        margin-bottom: var(--space-xxs);
}
.schedule .card__body .date span {
        margin-left: -0.25rem;
}
.access .lead,
.faq .lead {
font-size: var(--font-size-body);
}
.sponsor__list {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-lg);
        gap: var(--space-xs);
}
.sponsor .platinum .sponsor__list img {
  width: 220px;
}
.sponsor .gold .sponsor__list img {
  width: 180px;
}
.sponsor .silver .sponsor__list img {
  width: 140px;
}
.sponsor .bronze .sponsor__list img {
  width: 220px;
}
}
@media screen and (max-width: 640px) {
.hero__content .wrapper {
        padding: 3rem 6% 2rem 6%;
}
.about {
padding-top: 0;
padding-bottom: 0;
padding-left: 4rem;
padding-right: 4rem;
    background: url(../common/circle.svg) left -20% bottom 15% / auto 45% no-repeat, url(../images/about-bk.webp) right top / auto 100% no-repeat;
}
.special {
    background: url(../common/drop.svg) right -5% top 20% / 40% auto no-repeat, linear-gradient(180deg, rgba(96, 0, 255, 0) 0%, rgba(96, 0, 255, 1) 100%);
}
.session {
    background: url(../common/circle.svg) right -18% bottom 10% / auto 30% no-repeat, url(../images/session-bk.webp) right top / 100% auto no-repeat;
}
.expo {
    background: url(../common/backslash.svg) left -50% top 10% / 60% auto no-repeat, url(../images/expo-bk.webp) right top / 100% auto no-repeat;
}
.news {
    background: url(../common/circle.svg) left -20% bottom 10% / 40% auto no-repeat, url(../images/ticket-bk.webp) right top / 100% auto no-repeat;
}
.ticket {
    background: url(../common/backslash.svg) right -40% top / 50% auto no-repeat, url(../common/backslash.svg) left -40% bottom / 50% auto no-repeat;
}
.about .lead br:nth-child(2) {
display: none;
}
.sponsor section {
        margin-bottom: var(--space-md);
}
.sponsor .exhibitor .sponsor__list {
    gap: var(--space-xs);
    align-items:flex-start;
}
.sponsor .platinum .sponsor__list img {
  width: 140px;
}
.sponsor .gold .sponsor__list img {
  width: 130px;
}
.sponsor .silver .sponsor__list img {
  width: 120px;
}
.sponsor .bronze .sponsor__list img {
  width: 140px;
}

}