@charset "UTF-8";

*,
*::before,
*::after {
    box-sizing: border-box
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
    margin: 0
}

html {
    scroll-behavior: smooth;
}
html, body {
    background: rgb(9, 32, 57);
    width: 100%;
    margin: 0;
}


body {
    background-color: rgb(255, 255, 255);
    font-family: "Noto Sans JP", sans-serif;
    /* font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif, YuGothic, "Yu Gothic", メイリオ, Meiryo, sans-serif; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.03em;
    font-size: 15px;
    overflow-x: hidden;
    color: rgb(9, 39, 85);
}

body .fixed {
    position: fixed;
    width: 100%;
    left: 0;
}

img {
    max-width: 100%;
    display: block;
    width: 100%;
    margin: auto;
}

ul {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0px;
}

ul li,
nav li {
    list-style: none;
}

section {
    display: block;
}

footer {
    position: relative;
    text-align: center;
    background-color: #000;
    color: #999;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 1.5rem 0;
    z-index: 2;
}

a {
    text-decoration: none;
}

a.blank {
    text-decoration: underline;
    word-break: break-all;
}

a.blank:hover {
    text-decoration: none;
}


.Hiragino_Kaku_Gothic_ProN_W3 {
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.Hiragino_Kaku_Gothic_ProN_W6 {
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.xplorers {
    margin: auto;
    /* width: 460px;
  max-width: 460px; */
    position: relative;
    box-sizing: content-box;
    overflow: hidden;
    min-height: 100vh;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.flex {
    display: flex;
}

#pagetop a {
    position: fixed;
    background: url(./img/pagetop.png)no-repeat center top;
    background-size: contain;
    width: 80px;
    height: 64px;
    right: 40px;
    bottom: 40px;
    transition: all .15s ease;
    z-index: 1000;
}

#pagetop a:hover {
    opacity: .8;
}

.slide-down-d2 .is-show {
    transform: translate(0px, 0px);
    opacity: 1;
}

header {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    padding: 1rem 1rem 1rem 1.5rem;
    transition: 0.5s case;
    width: 99%;
}

header h1 {
    width: 220px;
    transition: all .2s ease;
}

header h1:hover {
    opacity: .8;
}

#fv {
    position: fixed;
    width: 100%;
    height: 80px;
    min-height: 80px;
    z-index: 120;
    background: rgb(9, 32, 57);
    align-items: center;
    justify-content: center !important;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    display: -webkit-flex;
}

header nav {
    display: flex;
    align-items: center;
    z-index: 10;
    margin: 0px 0px 0px auto;
}

header nav li {
    margin-right: 20px;
}

header nav li:first-child {
    width: 110px;
}

ul li,
nav li {
    list-style: none;
}

ul {
    margin-block-start: 0px;
    margin-block-end: 0px;
    padding-inline-start: 0px;
}

main {
    background: rgb(9, 32, 57);
    background: url(./img/bg.jpg) no-repeat;
    background-size: cover;
    background-position: right top;
    background-attachment: fixed;
    position: relative;
    margin-top: 80px;
}

header nav li a.blank {
    word-break: break-all;
    color: rgb(255, 255, 255);
    padding-right: 20px;
    text-decoration: none;
}

header nav li a {
    position: relative;
    color: rgb(255, 255, 255);
    font-size: 14px;
}

header nav li a:hover {
    color: #FFF;
}

header nav li:nth-child(9) a {
    font-weight: bold;
    color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0.3);
    margin: 0px 0px 0px -1em;
    padding: 1em 1.7em;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(153, 153, 153);
    border-image: initial;
    border-radius: 30px;
    transition: all .2s ease;
}

header nav li:nth-child(9) a:hover {
    margin: 0 0 0 -1em;
    padding: 1em 1.7em;
    font-weight: bold;
    color: #092755;
    background-color: #FFF !important;
    border: solid 1px #FFF;
    border-radius: 30px;
    background-color: #092755;
}

header nav li:not(:first-child, :nth-child(9)) a::after {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -10px;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #FFF;
    transition: all .3s ease;
    transform: scale(0, 1);
    transform-origin: left top;
}

header nav li:not(:first-child, :nth-child(9)) a:hover::after {
    transform: scale(1, 1);
    height: 2px;
}

.btn_hamburger {
    display: none;
}

#demo1 {
    display: none;
}

.t_center {
    text-align: center;
}

.engText {
    font-size: 1.2vw;
    font-weight: 300;
    font-weight: bold;
}

.towa {
    margin-left: -1px;
}

#g_logo img {
    width: 80%;
    margin: auto;
}

* {
    box-sizing: border-box;
}
/* Menu */
.menu {
    list-style: none;
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    z-index: 1001;
    padding: 10px 20px;
}

.menu li {
    padding: 10px 0;
    color: #092755;
    border-top: solid 1px #CCC;
}
.menu a {
    color: #092755;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}
.menu img{
    width: 18%;
    margin: auto;
}

.menu.active {
    visibility: visible;
    opacity: 1;
}

/* Hamburger */
.hamburger {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
    z-index: 1003;
    right: 30px;
    position: absolute;
    width: 40px;
    top: 50%;
    right: 4%;
    margin: 0 0 0 auto !important;
    padding: 0;
    transform: translateY(-50%);
}

.hamburger div {
    width: 40px;
    height: 4px;
    background-color: white;
    margin: 6px 0;
    height: 1px;
    background-color: white;
    border-radius: 2px;
    -webkit-transition: all .4s;
    transition: all .4s;
    box-sizing: border-box;
    transition: transform 0.4s, opacity 0.3s, background 0.3s;
}

.navbar.active .hamburger div {
    background-color: black;
}

.bannerImg{
    /* top: 80px; */
    position: relative;
}
.mobileBanner{
    display: none;
}
.banner {
    background: url(./img/top\ banner_background.png) no-repeat;
    background-size: cover;
    background-position: right top;
    background-attachment: block;
    position: relative;
    padding: 3%;
    top: 80px;
    color: white;
    text-align: center;

}

.bannerInner {}

.bannerBigText {
    font-size: 18px;
    font-weight: 900;
    text-shadow: rgb(0, 0, 0) 10px 10px 30px;
}

.logoBanner {
    width: 20%;
    margin: 1% auto 0;
}
.slideshow-container {
    position: relative;
    margin: auto;
    overflow: hidden;
    top: 80px;
  }

  .slide {
    display: none;
  }

  .slide img {
    width: 100%;
    height: auto;
    display: block;
    top: 80px;
  }

  .active {
    display: block;
  }

.yearText {
    width: 35%;
    margin: auto;
    margin-left: 38.8%;
    font-size: 12px;
    font-weight: 550;
    position: relative;
    top: -16px;
}

.banner .ttl_en {
    font-size: 14.5px;
}

.banner .ttl_ja {
    font-size: 9.5px;
    line-height: 1.8;
}

.BannerDate {
    font-weight: 900;
    font-size: 20px;
}

.BannerDate .day {
    background-color: white;
    color: #06062f;
    font-size: 16px;
    padding: 1px;
    border-radius: 1px;
}

.dateBottomText {
    font-weight: 900;
    font-size: 10px;
}

.bannerX {
    padding: 4% 3% 5%;
    background: rgba(13, 9, 44, 0.6);
    color: white;
}

.bottomBorder {
    width: 10%;
    margin: auto;
    border-bottom: 1.5px solid rgb(181, 154, 1);
}

.bannerX p {
    font-size: 20px;
    font-weight: 550;
    line-height: 1.7;
}

.bannerX .bannerBigText {
    padding-top: 40px;
    font-size: 40px;
    font-weight: 900;
    text-shadow: rgb(0, 0, 0) 10px 10px 30px;
    line-height: 1;
}

.bannerX img {
    width: 18%;
    margin: auto;
    margin-top: 2%;
}

.bannerX .ttl_en {
    font-size: 16px;
}

.bannerX .ttl_ja {
    font-size: 11px;
}


#Xplorersとは {
    position: relative;
    z-index: 4;
    color: rgb(255, 255, 255);
    background: rgba(13, 9, 44, 0.28);
}

#Xplorersとは_inner {
    width: 70%;
    margin: auto;
    backdrop-filter: blur(10px);
    padding: 6vw 4rem;
    background: rgba(9, 8, 47, 0.38);
}

#Xplorersとは_ttl {
    width: 50%;
    margin: auto;
}

#Xplorersとは_ttl .ttl_ja {
    font-size: 13px;
    text-align: center;
    line-height: 2;
}

#Xplorersとは_ttl .ttl_en {
    font-size: 20px;
    text-align: center;
}

#about .accordion {
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
}

#about br {
    font-size: 5px;
}

#about b {
    font-size: 26px;
}

#ParticipatingCompanies {
    position: relative;
    z-index: 4;
    color: rgb(255, 255, 255);
    background: #0d092c67;
    padding: 7% 0;

}

#ParticipatingCompanies #Xplorersとは_inner {
    width: 85%;
    padding: 6vw 4rem;
}

#ParticipatingCompanies #ParticipatingCompanies_ttl .ttl_en {
    font-size: 60px;
    text-align: center;
    line-height: 1.5;
}

#ParticipatingCompanies #ParticipatingCompanies_ttl .ttl_ja {
    font-family: "Josefin Sans", sans-serif;
    color: rgb(255, 255, 255);
    text-shadow: rgb(0, 0, 0) 0px 0px 30px;
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2;
}

.attendeesGrid {
    font-size: 18px;
    display: flex;
    justify-content: space-around;
    gap: 25px;
}

.attendeesGrid ul li {
    list-style: disc;
}

#participate_inner {
    width: 95%;
    margin: auto;
    padding: 7vw 3rem 7vw 3rem;
}

#participate_inner .ttl_en {
    font-family: "Josefin Sans", sans-serif;
    color: rgb(255, 255, 255);
    text-shadow: rgb(0, 0, 0) 0px 0px 30px;
    text-align: center;
    font-size: 70px;
    font-weight: 900;
    line-height: 1.2;
}

#participate_inner .ttl_ja {
    font-family: "Josefin Sans", sans-serif;
    color: rgb(255, 255, 255);
    text-shadow: rgb(0, 0, 0) 0px 0px 30px;
    text-align: center;
    font-size: 24px;
}

#whyAttend {
    z-index: 3;
    background: rgb(32, 48, 73);
    padding: 100px 20px 30px;
}

#whyAttend #whyAttendTitle {
    position: relative;
    color: rgb(255, 255, 255);
    font-size: 22px;
    padding: 0px 0px 30px;
}

#whyAttend h2 {
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 25px;
}

#whyAttend .thema-anchor {
    width: 100%;
    max-width: 900px;
    justify-content: center;
    margin: 30px auto 0px;
    padding: 10px 0px;
}

#whyAttend .thema-anchor li {
    position: relative;
    margin: 0px 1px 0px 10px;
    padding: 0px 1.5em;
}

#whyAttend .thema-anchor li a {
    display: block;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 16px;
    padding: 0px 1em;
}

#whyAttend .thema-anchor li:first-child a::before {
    content: "1. ";
    font-family: Oswald, sans-serif;
    font-size: 24px;
    line-height: 15px;
    vertical-align: sub;
    margin: 0px 10px 0px -10px;
}

#whyAttend .thema-anchor li a::after {
    content: "";
    position: absolute;
    top: 33%;
    right: 1em;
    width: 12px;
    height: 12px;
    transform: rotate(90deg);
    background: url(./img/icon_arrow.svg) right center / contain no-repeat;
}

#whyAttend .thema-anchor li:nth-child(2) {
    border-right: 1px solid rgb(204, 204, 204);
    border-left: 1px solid rgb(204, 204, 204);
}

#whyAttend .thema-anchor li:nth-child(2) a::before {
    content: "2. ";
    font-family: Oswald, sans-serif;
    font-size: 24px;
    line-height: 15px;
    vertical-align: sub;
    margin: 0px 10px 0px -10px;
}

#whyAttend .thema-anchor li:nth-child(3) a::before {
    content: "3. ";
    font-family: Oswald, sans-serif;
    font-size: 24px;
    line-height: 15px;
    vertical-align: sub;
    margin: 0px 10px 0px -10px;
}

#whyAttend #session_thema_wrap {
    background: rgb(242, 242, 242);
    margin: 0px;
    padding: 2rem 1rem;
    border-radius: 16px;
}

#whyAttend #session_thema1,
#whyAttend #session_thema2,
#whyAttend #session_thema3 {
    width: 100%;
    max-width: 1100px;
    margin: 0px auto 50px;
    padding: 2px 50px;
}

#whyAttend .session {
    justify-content: space-between;
    align-items: start;
}

#whyAttend .session_ttl_box {
    width: 49%;
    padding: 0px;
    margin: 80px 0px 0px;
}

#whyAttend .session_number {
    font-size: 98px;
    line-height: 1;
    margin-right: 30px;
    font-family: Oswald, sans-serif;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(180deg, rgb(1, 147, 167) 0%, rgb(36, 91, 155) 100%) text;
}

#whyAttend .session_ttl_box h3 {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.3;
    margin: 10px 0px 20px;
}

#whyAttend #session_thema1 .session_contents {
    width: 53%;
    padding: 1rem 2.5rem 0px 0px;
    border-top: 1px solid rgb(186, 202, 223);
}

#whyAttend .session_image01 {
    width: 47%;
    margin-top: -8rem;
    overflow: hidden;
}

#whyAttend #session_thema2 .session_ttl_box {
    margin: 0px 0px 0px auto;
}

#whyAttend .session_image02 {
    width: 47%;
    margin-top: -8rem;
    margin-bottom: 0px;
    overflow: hidden;
}

#whyAttend #session_thema2 .session_contents {
    width: 53%;
    padding: 1rem 0px 0px 2.5rem;
    border-top: 1px solid rgb(186, 202, 223);
}

#whyAttend #session_thema3 {
    padding-bottom: 80px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#whyAttend #session_thema3 .session_ttl_box {
    width: 100%;
    border-top-width: initial;
    border-right-width: initial;
    border-left-width: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    align-items: end;
    border-style: none none solid;
    border-image: initial;
    margin: 0px;
    padding: 0px 0px 1em;
    border-bottom: 1px solid rgb(186, 202, 223);
}

#whyAttend #session_thema3 .session_contents {
    width: 53%;
    padding: 1rem 2.5rem 0px 0px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

#whyAttend .session_image03 {
    width: 47%;
    margin-top: -8rem;
    overflow: hidden;
}

.slide-up {
    transition: all 400ms linear;
    transform: translate(0, 100px);
    opacity: 0;
}

.slide-up.is-show {
    transition: all 400ms linear;
    transform: translate(0, 0);
    opacity: 1;
}


#speaker_inner,
#sponsor_inner,
#location_inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1100px;
    margin: 0px auto;
    padding: 80px 50px;
}

#speaker h2,
#council h2,
#Sponsors h2,
#location h2,
#participate h2 {
    text-align: center;
    margin: 0;
}

h2.ttl_en {
    font-size: 70px;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 900;
    line-height: 1.2;
}

#speaker h2.ttl_en,
#council h2.ttl_en,
#Sponsors h2.ttl_en {
    font-family: "Josefin Sans", sans-serif;
    color: rgb(255, 255, 255);
    text-shadow: rgb(0, 0, 0) 0px 0px 30px;
}

h2.ttl_ja {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 30px;
}

#speaker h2.ttl_ja,
#council h2.ttl_ja,
h2.ttl_ja,
#Sponsors h2.ttl_ja {
    margin-bottom: 30px;
    color: rgb(255, 255, 255);
    text-shadow: rgb(0, 0, 0) 0px 0px 20px;
    font-size: 24px;
}

#speaker ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 20px;
    
}


#speaker ul li {
    width: 23.5%;
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
    box-shadow: rgba(1, 112, 175, 0.15) 0px 10px 30px 0px;
    background: linear-gradient(to top, rgb(236, 236, 244) 10%, rgb(236, 236, 244) 20%, rgba(0, 0, 0, 0) 20%);
    border-radius: 14px;
}

#speaker ul li .speakers_img {
    position: relative;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    overflow: hidden;
}

#speaker ul li .speakers_img .hover-text {
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0px;
    color: rgb(255, 255, 255);
    opacity: 0;
    z-index: 3;
    transition: .2s ease;
}

#speaker ul li .speakers_img .hover-text p {
    text-align: center;
    font-size: 13px;
    padding: 0.7em 1em;
    border-radius: 4px;
}

#speaker ul li .speakers_img .hover-text p::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0px;
    background-color: rgba(9, 33, 85, 0.77);
    transform: scale(0, 1);
    transform-origin: left top;
    z-index: -1;
    transition: 0.2s;
}

#speaker ul li .speakers_img .hover-text p::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 10px;
    margin-left: 0.2em;
    background: url(./img/icon_popup.png) right center / contain no-repeat;
}

#speaker ul li:hover .speakers_img img.speakers {
    transform: scale(1.1);
    position: relative;
}

#speaker ul li:hover .speakers_img .hover-text {
    opacity: 1;
}

#speaker ul li:hover .speakers_img .hover-text p::before {
    transform: scale(1, 1);
}
#council ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
}

#council ul::before {
    content: "";
    display: block;
    width: 23.5%;
    order: 1;
}

#council ul li {
    width: 23.5%;
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
    box-shadow: rgba(1, 112, 175, 0.15) 0px 10px 30px 0px;
    background: linear-gradient(to top, rgb(236, 236, 244) 10%, rgb(236, 236, 244) 20%, rgba(0, 0, 0, 0) 20%);
    border-radius: 14px;
}

#council ul li .speakers_img {
    position: relative;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    overflow: hidden;
}

#council ul li .speakers_img .hover-text {
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0px;
    color: rgb(255, 255, 255);
    opacity: 0;
    z-index: 3;
    transition: 0.2s;
}

#council ul li .speakers_img .hover-text p {
    text-align: center;
    font-size: 13px;
    padding: 0.7em 1em;
    border-radius: 4px;
}

#council ul li .speakers_img .hover-text p::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0px;
    background-color: rgba(9, 33, 85, 0.77);
    transform: scale(0, 1);
    transform-origin: left top;
    z-index: -1;
    transition: 0.2s;
}

#council ul li .speakers_img .hover-text p::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 10px;
    margin-left: 0.2em;
    background: url(./img/icon_popup.png) right center / contain no-repeat;
}

#council ul li:hover .speakers_img img.speakers {
    transform: scale(1.1);
    position: relative;
}

#council ul li:hover .speakers_img .hover-text {
    opacity: 1;
}

#council ul li:hover .speakers_img .hover-text p::before {
    transform: scale(1, 1);
}

#speaker {
    position: relative;
    background: #0d092c67;
}

#speaker h3,
#Sponsors h3 {
    display: flex;
    color: #FFF;
    align-items: center;
    margin: 2em 0 0.7em 0;
    font-size: 20px;
    letter-spacing: .1rem;
}

#speaker h3::before,
#Sponsors h3::before {
    content: "";
    background: url(../img/icon_circle.svg) no-repeat center top;
    background-size: contain;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

#speaker ul li .speakers_img img.speakers {
    transition: all .7s ease;
    width: 100%;
}

#speaker ul li .speakers_name {
    padding: 15px;
    transition: .2s ease;
    background: #ECECF4;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

#speaker ul li .speakers_name h4 {
    color: #222;
    text-align: center;
    font-size: 20px;
}

#speaker ul li .speakers_name p {
    color: #666;
    font-size: 12px;
    line-height: 1.2;
    margin-top: 8px;
}
#speaker ul li .speakers_name p span{
    font-size: 9px;
}
.moderatorText{
    border-left: 2px solid #444;
    padding-left: 2px;
    line-height: 1;
    margin-top: 5px;
    font-size: 12px;
    color: #444;
    font-weight: normal;
    letter-spacing: .04rem;
    line-height: 1.3;
   
}

#ourmembersSpeak {
    position: relative;
    z-index: 4;
    color: rgb(255, 255, 255);
    background: #0d092c67;
    padding: 3% 0 4%;
}

#ourmembersSpeak_inner {
    width: 80%;
    margin: auto;
    backdrop-filter: blur(5px);
    padding: 7vw 4rem 7vw 6rem;
    background: rgba(9, 8, 47, 0.3);
}

#ourmembersSpeak_ttl {
    width: 90%;
    margin: auto;
    text-align: center;
}

#ourmembersSpeak_ttl .ttl_ja {
    font-size: 28px;
    text-align: center;
    line-height: 2;
}

#ourmembersSpeak_ttl .ttl_en {
    font-size: 55px;
    text-align: center;
}


.ourmembersSpeakImgText {
    display: grid;
    width: 95%;
    margin: auto;
    grid-template-columns: 1fr 5fr;
    font-size: 18px;
    line-height: 2;
}

.ourmembersSpeakText {
    display: flex;
}

.ourmembersSpeakText svg {
    width: 75px;
    height: 20px;
    position: relative;
}

.ourmembersSpeakText p {
    font-size: 16px;
    margin-left: 8px;
}

.ourmembersSpeakImg {
    display: block;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.ourmembersSpeakImg img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: auto;
    border: 3px solid white;
    object-fit: cover;
}

.ourmembersSpeakImg p {
    font-size: 1rem;
    font-weight: bold;
}
.ourBottom{
    bottom: -15px; 
    width:23px
}
.ourTop{
    top: -10px;
}
#council {
    position: relative;
    background: #0d092c67;
}

#council ul li .speakers_img img.speakers {
    transition: all .7s ease;
    width: 100%;
}

#council ul li .speakers_name {
    padding: 15px;
    transition: .2s ease;
    background: #ECECF4;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

#council ul li .speakers_name h4 {
    color: #222;
    text-align: center;
    font-size: 20px;
}

#council ul li .speakers_name p {
    color: #666;
    font-size: 12px;
    line-height: 1.2;
    margin-top: 8px;
}
#council ul li .speakers_name p span{
    font-size: 9px;
}


#council #speaker_inner {
    padding-top: 40px;
}
.scheduleSponsor{
    margin-top: 0;
}


/* //layout test */

/* PC用 */

/*---------------- ▼ モーダル ▼ ----------------*/
.modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}

.modal_bg {
    background: rgb(12 13 24 / 95%);
    height: 100vh;
    position: absolute;
    width: 100%;
    cursor: pointer;
    top: 80px;
}

.modal_content {
    background-color: #f9f9f9;
    left: 50%;
    padding: 3rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 55%;
    max-height: 87vh;
    max-width: 890px;
    border-radius: 10px;
    overflow: scroll;
}

.modal_content_black {
    background-color: #252533;
    left: 50%;
    padding: 4rem 3rem 4rem 4rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    max-width: 1040px;
    max-height: 87vh;
    border-radius: 10px;
    overflow: scroll;
}

.modal_bg::before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 50px;
    top: 5%;
    right: 5%;
    background-color: #FFF;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.modal_bg::after {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 50px;
    top: 5%;
    right: 5%;
    background-color: #FFF;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.caution_02 {
    font-size: 12px;
    text-align: center;
    margin-bottom: 5px;
    opacity: .7;
}

.caution_03 {
    font-size: 12px;
    text-align: left;
    margin-bottom: 5px;
    opacity: .7;
}

#speaker h2,
#schedule h2,
#Sponsors h2,
#location h2,
#participate h2 {
    text-align: center;
}

#speaker h2.ttl_en {
    font-family: 'Josefin Sans', sans-serif;
    color: rgb(255, 255, 255);
    text-shadow: rgb(0, 0, 0) 0px 0px 30px;
}
#Sponsors h2.ttl_en {
    font-family: 'Josefin Sans', sans-serif;
    color: rgb(9, 39, 85);
    text-shadow: rgb(255, 255, 255) 0px 0px 30px;
}

#speaker h2.ttl_ja {
    margin-bottom: 30px;
    color: rgb(255, 255, 255);
    text-shadow: rgb(0, 0, 0) 0px 0px 20px;
}

#Sponsors h2.ttl_ja {
    margin-bottom: 30px;
    color: rgb(9, 39, 85);
    text-shadow: rgb(255, 255, 255) 0px 0px 20px;
}

/*---SCROLL ANIMATION---*/
.slide-up {
    transition: all 400ms linear;
    transform: translate(0, 100px);
    opacity: 0;
}

.slide-up.is-show {
    transition: all 400ms linear;
    transform: translate(0, 0);
    opacity: 1;
}

.slide-down-d2 {
    transition: all 300ms linear;
    transition-delay: .9s;
    transform: translate(0, -50px);
    opacity: 0;
}

.slide-down-d2.is-show {
    transform: translate(0, 0);
    opacity: 1;
}


.modal_content_black .profile_img {
    width: 30%;
}

.modal_content_black .profile_info {
    width: 73%;
    margin-left: 3rem;
    line-height: 1.9em;
    text-align: left;
}

.modal_content_black .company {
    color: #ccc;
    margin-bottom: 15px;
    font-size: .88rem;
    letter-spacing: .05rem;
}
.modal_content_black .company span{
    font-size: 0.68rem;
}


.modal_content_black .name {
    color: #eee;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: .05rem;
    margin-bottom: 5px;
}

.modal_content_black .profile_info .mr {
    color: #eee;
    font-size: 1.1rem;
    font-weight: normal;
}

.modal_content_black .url a {
    color: #0099CC;
    text-decoration: underline;
    letter-spacing: .05rem;
}

.modal_content_black .url a:hover {
    text-decoration: none;
}

.modal_content_black .txt {
    color: #CCC;
    margin-top: 2rem;
    font-size: .88rem;
}

.modal_content_black .txt dt {
    display: inline-block;
    width: 18%;
    vertical-align: top;
    line-height: 1.5;
}

.modal_content_black .txt dd {
    display: inline-block;
    width: 82%;
    vertical-align: top;
    line-height: 1.5;
    margin-bottom: 10px;
}

.modal_content_black a {
    color: #0099cc;
    text-decoration: underline;
}

.modal_content_black a:hover {
    text-decoration: none;
}

#schedule {
    width: 100%;
    margin: 0 auto;
    padding: 0 50px;
    color: #333;
    background: #0d092c67;
}

#schedule .ttl_en,
#schedule .ttl_ja {
    color: #FFF;
}

#schedule_inner {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 60px 80px 50px 80px;
    background: #99999960;
    backdrop-filter: blur(40px);
    border-radius: 30px;
    ;
    position: relative;
    z-index: 2;
}

#schedule_inner table {
    width: 100%;
    font-size: 14px;
    background-color: #FFF;
    border-spacing: 0;
    border-collapse: collapse;
}

#schedule_inner table th {
    width: 130px;
    padding: .8em 1em;
    font-size: 13px;
    color: #0997AA;
    text-align: left;
    border-bottom: solid 1px #CCC;
    border-left: none;
    border-right: none;
    border-top: solid 1px #CCC;
}
#schedule_inner table tr:first-child th {
    border-top: none;
    border-right: none;
}

#schedule_inner table td {
    padding: .8em 1.4em;
    font-feature-settings: "palt";
    letter-spacing: .1rem;
    font-size: 15px;
    font-weight: bold;
    border-left: solid 1px #CCC;
    /* border-right: solid 1px #CCC; */
    border-bottom: solid 1px #CCC;
    border-top: solid 1px #CCC;
    vertical-align: top;
}

#schedule_inner table tr:first-child td { 
    border-top: none;
    border-right: none;
}

#schedule_inner table .mr {
    font-size: 11px;
    padding-left: 0.1em;
}

#schedule_inner table th.rest,
#schedule_inner table td.rest {
    background-color: #dcdcdc;
    padding: 0.2em 1em;
    vertical-align: middle;
}

#schedule_inner table .center-center {
    align-items: center;
    display: flex;
    justify-content: center;
}

#schedule_inner table .hall {
    background-color: #666;
    color: #FFF;
}

.hall.hall-2nd {
    width: 28%;
}

#schedule_inner table .left-b-n {
    border-left: none;
}

#schedule_inner table .right-b-n {
    border-right: none;
}

#schedule_inner table .conversation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#schedule_inner table .conversation .program_speaker {
    width: 49%;
    margin: 0 0 .3rem 0;
}

#schedule_inner .program_position {
    display: block;
    font-size: 12px;
    color: #444;
    font-weight: normal;
    letter-spacing: .04rem;
    line-height: 1.3;
    margin-bottom: 0.2rem;
}

#schedule_inner .program_title {
    position: relative;
    margin: 10px 0;
    padding-left: 0.6em;
    font-size: 19px;
    line-height: 1.25;
    letter-spacing: 0.07rem;
}

/* #schedule_inner .program_title::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: .6em;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
    box-sizing: border-box;
    border: 5px solid transparent;
    border-left: 6px solid #666;
} */

#schedule_inner .program_img {
    width: 60px;
    margin-right: 10px;
}

#schedule_inner .program_img img {
    width: 100%;
    border-radius: 50%;
}

#schedule_inner .program_speaker {
    display: flex;
    align-items: center;
    padding: 0;
    margin-top: 0.5rem;
    margin-bottom: 0.3rem;
    border-radius: 3px;
}
#schedule_inner .program_sponsor {
    display: flex;
    align-items: center;
    padding: 0;
    margin-top: 0.5rem;
    margin-bottom: 0.3rem;
    border-radius: 3px;
}
#schedule_inner .program_speaker_info {
    display: block;
    width: calc(100% - 70px);
}

#schedule_inner .program_name {
    font-size: 15px;
}

#Sponsors {
    position: relative;
    background: #f4f4f4;
    background: url(./img/sponsorBG.png) no-repeat;
    background-size: cover;
    background-position: right top;
    background-attachment: fixed;
    position: relative;


}
#Sponsors_inner {
    width: 90%;
    margin: auto;
    padding: 7vw 3rem 7vw 3rem;
}
#Sponsors .sponsorsTitle{
    width: 100%;
    background-color: none;
    color: #717171;
    text-align: center;
    padding: 2%;
    margin-bottom: 2%;
    border-bottom: solid 1px #717171;
    border-top: solid 1px #717171;
}
#Sponsors .sponsorsTitle p{
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
}

#Sponsors ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

#Sponsors .platinum li {
    width: 45%;
    height: 30vh;
    background-color: white;
    transition: .2s ease;
    position: relative;
    margin: 0 auto 2%;
    position: relative;
    padding: 2%;
    overflow: hidden;
}
#Sponsors .gold li{
    width: 35%;
    height: 25vh;
    background-color: white;
    transition: .2s ease;
    position: relative;
    margin: 0 auto 2%;
    position: relative;
    padding: 2%;
    overflow: hidden;

}
#Sponsors .Silver li{
    width: 25%;
    height: 20vh;
    background-color: white;
    transition: .2s ease;
    position: relative;
    margin: 0 auto 2%;
    position: relative;
    padding: 2%;
    overflow: hidden;

}
#Sponsors .SUPPORTER li{
    width: 18%;
    height: 30vh;
    background-color: white;
    transition: .2s ease;
    position: relative;
    margin: 0 auto 2%;
    position: relative;
    padding: 2%;
    overflow: hidden;

}
/* #Sponsors .SUPPORTER li .sonyImg{
    width: 50%;
} */

#Sponsors ul li img {
    width:  100%;
    margin: auto;
    display: flex;
    justify-content: center !important;
    box-sizing: border-box;
    text-align: center;
    display: -webkit-flex;
    align-items: flex-end; 
    position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%); 
}

#Sponsors ul li.scale:hover {
    transform: scale(1.04);
    cursor: pointer;
}

#Sponsors .company_summary {
    height: 100%;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    /* display: grid;
    grid-template-rows: 70% 30%;
    gap: 2px; */
    display: flex
;
    position: relative;
    align-items: center;
    flex-direction: column;
    margin-bottom: 8%;
}

#Sponsors .coming,
#speaker .coming {
    text-align: center;
    padding: 4rem 1rem;
    background: rgba(255, 255, 255, 0.70);
}

#Sponsors ul li:hover {
    transform: scale(1);
}

#Sponsor ul li:hover h4 {
    text-decoration: underline;
}

#Sponsor ul li.coming:hover {
    transform: scale(1);
}

#Sponsor ul li a:hover .company_name h4 {
    text-decoration: underline;
}

#Sponsor ul li a .company_name h5 {
    font-weight: normal;
    text-indent: -4.2em;
    padding-left: 4.2em;
    margin: 0.8rem 0 0 0;
    padding-top: 0.7em;
    border-top: solid 1px #ddd;
}

#Sponsor .company_summary .company_name p {
    color: #666;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 8px;
    letter-spacing: 0;
}

#Sponsor .company_summary .company_name p.max-3-lines {
    word-break: break-all;
    /** 3行以上で省略 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /** webkit以外のフォールバック */
    line-height: 18px;
    max-height: calc(18px*3);
}

#Sponsor ul.company_themes {
    align-self: normal;
    display: flex;
    justify-content: start;
    padding: 2px 15px 17px;
    gap: 4px;
}

#Sponsor ul.company_themes>li {
    display: inline-block;
    width: auto;
    margin-bottom: 0;
    padding: 1px 7px;
    border: 1px solid #BACADF;
    border-radius: 12px;
    background-color: transparent;
    color: #666;
    font-size: 10px;
    letter-spacing: 0;
    transition: none;
    box-shadow: none;
}

.hash {
    color: #10A6C6;
}

#Sponsor+#modal_area .modal_content {
    color: #222 !important;
    width: 85%;
}

.modal_content .startup_header {
    justify-content: space-between;
    align-items: center;
}

.modal_content .company_main {
    width: 100%;
}

.modal_content .company_image {
    width: 30%;
}

.modal_content .company_main {
    justify-content: flex-start;
    align-items: center;
}

.modal_content .company_main h4 {
    font-size: 30px;
    line-height: 1.3;
}

.modal_content .company_main h4 .country {
    font-size: 18px;
    line-height: 1.1;
}

.modal_content .company_main p {
    font-size: 14px;
}

.modal_content .company_main .company_logo {
    width: 25%;
    margin-right: 2rem;
    border: solid 1px #ddd;
}

.modal_content .company_main .company_name {
    width: 74%;
}

.modal_content .company_main .company_name .company_label01 {
    display: inline-block;
    background-color: #9098ad;
    color: #FFF;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 10px;
    margin: 15px 0 0 0;
}

.modal_content .company_main .company_name .company_label02 {
    display: inline-block;
    color: #9098ad;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 10px;
    margin: 15px 0 0 0;
    border: 1px solid #A5AAC7;
}

.modal_content table {
    width: 100%;
    margin: 2rem 0;
    border-collapse: collapse;
}

.modal_content table tr {
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.modal_content table th {
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
    width: 135px;
    background: #f2f2f2;
}

.modal_content table td {
    padding: 8px 10px;
    padding-left: 25px;
    vertical-align: middle;
    word-break: break-all;
}

.modal_content table td a {
    color: #0099CC;
}

.modal_content table td a::after {
    content: "";
    background: url(../img/icon_blank.svg) no-repeat right top;
    background-size: contain;
    width: 25px;
    height: 25px;
    top: 26%;
    right: 15px;
}

.modal_content .company_overview {
    line-height: 2;
}

.modal_content .btn_BP_link a {
    position: relative;
    background: #000;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    max-width: 340px;
    width: 100%;
    display: block;
    text-align: center;
    text-indent: -0.5em;
    margin: 2em auto 10px auto;
    padding: 0.9rem 0;
    border-radius: 6px;
}

.modal_content .btn_BP_link a::after {
    position: absolute;
    content: "";
    background: url(../img/icon_blank_light.svg) no-repeat right top;
    background-size: contain;
    width: 25px;
    height: 25px;
    top: 26%;
    right: 15px;
}

.modal_content .btn_BP_link a:hover {
    opacity: .7;
}

#location {
    position: relative;
    background: #203049;
    color: #FFF;
    z-index: 2;
}

#location h2,
#location p {
    text-align: center;
}

#location p {
    font-size: 14px;
    text-align: left;
}

#location h2.ttl_ja {
    margin-bottom: 50px;
}

#participate h2,
#participate p {
    text-align: center;
}

#participate p {
    font-size: 14px;
    text-align: left;
}
#participate .noText{
    height: 6px;
}

#participate h2.ttl_ja {
    margin-bottom: 50px;
}


#location #venue_info {
    padding: 0 0;
}

#location #venue_info table tr {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid gray;
}

#location #venue_info table tr th {
    width: 50px;
}

#location #venue_info table tr td {
    /* display: block; */
    padding-left: 20px;
}

#location #venue_info h3 {
    font-size: 27px;
    font-feature-settings: "palt";
    letter-spacing: .07rem;
}

#location #venue_info p {
    margin-top: 15px;
    line-height: 1.7;
}

#location #venue_info a {
    color: #FFF;
}

#location #venue_info ul li {
    font-size: 20px;
    margin-top: 50px;
}

#location .flex {
    justify-content: space-around;
    align-items: center;
}

#location .flex div {
    width: 48%;
}

#location .remarks {
    font-size: 13px;
    padding-left: 1em;
    text-indent: -1em;
}

#location .place_day {
    text-align: center;
    color: #F3F3F3;
    background-color: #222;
    padding: 8px;
    margin-top: 1rem;
}

.waytoparticipate {
    width: 98%;
    margin: auto;
    display: flex;
    gap: 20px;
}

.waytoparticipateSection {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 20% 20% 60%;
    background-color: white;
    border: #9095a7ff solid 1px;
}

.xleaderImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.leadersub {
    padding: 3% 5%;
    border-bottom: 3px solid #213B73;
}

.xleader .leadersub {
    background-color: #F0F7FA;
    color: #213B73;
}

.xpartner .leadersub {
    background-color: #E5F3FE;
    color: #3477BB;
}

#participate .xpartner .button a {
    /* background-color: #3477BB; */
    background-color: #a9a9a9;
}

#participate .participate-title {
    text-align: left;
}

.participate-price {
    font-size: 24px;
    font-weight: 550;
    line-height: 1.8;
    padding: 3% 0;
}

#participate .button a {
    width: 97%;
    margin: auto;
    display: flex;
    height: 60px;
    margin-bottom: 25px;
    position: relative;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 0px 3px 3px #0000002d;
    text-decoration: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 93% 7%;
    /* background-color: #213B73; */
    background-color: #a9a9a9;
    border-radius: 5px;
}

#participate .button a p {
    color: white;
    font-size: 18px;
    text-align: center;
    position: relative;
    pointer-events: none;
    margin-left: 7%;
    font-weight: 700;
}

#participate .button svg {
    width: 15px;
    height: 15px;
}

.participate-text {
    padding: 5% 7%;
    font-weight: 500;
}

.participate-text li {
    list-style: disc;
}
#whoWasAt{
    position: relative;
    z-index: 4;
    color: rgb(255, 255, 255);
    background: #0d092c67;
    padding: 3% 0 1%;
}
#whoWasAt_inner {
    width: 95%;
    margin: auto;
    backdrop-filter: blur(5px);
    padding: 5vw 3rem;
    background: rgba(9, 8, 47, 0.3);
    text-align: center;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    padding-top: 2rem;
  }
  .stat-card {
    background-color: #092755;
    color: white;
    padding: 1.5rem;
    border-radius: 1rem;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    font-size: 0.95rem;
    transition: transform 0.2s ease;
    text-align: left;
  }
  .stat-card:hover {
    transform: translateY(-5px);
  }
  .stat-card h3 {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-bottom: 1px solid #ffffff33;
    padding-bottom: 0.5rem;
  }
  .stat-card p {
    margin: 0.3rem 0;
    line-height: 1.4;
  }
  .stat-card strong {
    font-size: 1.2rem;
    color: #00D1B2;
  }

#footer {
    position: relative;
    z-index: 10;
    color: rgb(255, 255, 255);
}

#footer_inner {
    width: 100%;
    margin: auto;
    backdrop-filter: blur(10px);
    padding: 6vw 4rem;
    background: rgba(9, 8, 47, 0.7);
    display: block;
}

#footer_inner #Xplorers_ttl {
    width: 30%;
    margin: auto;
}

#footer_inner #Xplorers_ttl img {
    width: 96%;
    margin: 0;
}

#footer_inner #Xplorers_ttl .ttl_en {
    font-size: 22px;
}

#footer_inner #Xplorers_ttl .ttl_ja {
    font-size: 16px;
    font-weight: 550;
    line-height: 1.8;
}

#footer_inner #Xplorers_ttl .image01 {
    width: 50%;
    margin: auto;
}

.footerInner {
    width: 90%;
    margin: 3% auto 0;
    display: flex;
    justify-content: space-around;
}

.footer_inner_ttl {
    font-size: 22px;
    font-weight: 900;
    color: #f3cc6bff;
    margin-bottom: 5%;
}

.footerInner li {
    list-style: none;
}

.footerInner li a.blank {
    word-break: break-all;
    color: rgb(255, 255, 255);
}

.footerInner li a {
    position: relative;
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height: 2;
    font-weight: 550;
}

.footerInner li a:hover {
    color: #FFF;
}

.footerInner li a::after {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -10px;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #FFF;
    transition: all .3s ease;
    transform: scale(0, 1);
    transform-origin: left top;
}

.footerInner li a:hover::after {
    transform: scale(1, 1);
    height: 2px;
}

.footer_inner_c p {
    font-weight: 900;
}

.socialCsontainer {
    display: flex;
    margin-top: 5%;
}

.icon01 {
    fill: white;
    width: 40px;
    height: 24px;
    transition: 0.3s;
}

.icon02 {
    fill: #D9D9D9;
    width: 24px;
    height: 24px;
    margin-left: 10px;
}

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

    header nav li:last-child a:hover,
    header nav li:nth-child(8) a,
    #g_nav nav li:last-child a:hover,
    #g_nav nav li:nth-child(8) a {
        padding: 0.8em 1.2em;
        display: inline-block;
        font-size: 12px;
    }

    header nav li:last-child a,
    header nav li:nth-child(8) a:hover,
    #g_nav nav li:last-child a,
    #g_nav nav li:nth-child(8) a:hover {
        padding: 0.8em 1.2em;
        display: inline-block;
        font-size: 12px;
    }

    #footer_inner #Xplorers_ttl img {
        width: 90%;
        margin: auto;
    }

    #footer_inner #Xplorers_ttl .ttl_en {
        font-size: 18px;
    }

    #footer_inner #Xplorers_ttl .ttl_ja {
        font-size: 14px;
    }

}

@media screen and (max-width: 1250px) {
    header {
        padding: 1.1rem 1rem 1.1rem 1.5rem;
    }

    header h1,
    #g_logo {
        width: 140px;
        margin-right: 20px;
    }

    #footer_inner #Xplorers_ttl .ttl_ja {
        font-size: 12px;
    }


}

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

    header h1,
    #g_logo {
        width: 140px;
        margin-right: 20px;
    }

    header nav li:nth-child(1),
    header nav li:nth-child(2),
    header nav li:nth-child(3),
    header nav li:nth-child(4),
    header nav li:nth-child(5),
    header nav li:nth-child(7),
    header nav li:nth-child(8),
    header nav li:nth-child(9) {
        margin-right: 15px;
    }

    header nav li a {
        font-size: 12px;
    }

}

@media screen and (max-width: 1100px) {
    header h1 {
        width: 120px;
        margin-right: 10px;
    }

    header nav li:not(:last-child) {
        margin-right: 8px;
    }

    header nav li a {
        font-size: 12px;
    }

    header nav li:nth-child(8) a,
    header nav li:nth-child(8) a:hover {
        margin: 0 -20px 0 0;
    }

    header nav li:last-child a {
        margin: 0 0 0 1.5em;
    }

    #Xplorersとは_ttl .ttl_en {
        font-size: 18px;
    }

    #Xplorersとは_ttl .ttl_ja {
        font-size: 12px;
    }

    #whyAttend #session_thema3 .session_ttl_box {
        width: 49%;
    }

    #footer_inner #Xplorers_ttl .ttl_en {
        font-size: 16px;
    }

    #footer_inner #Xplorers_ttl .ttl_ja {
        font-size: 11px;
    }
    
}

/*=======================================================================================================================

タブレット用　（990px以下）

======================================================================================================================= */

@media screen and (max-width: 1000px) {
    #gnav {
        display: none;
    }

    /* mobile nav  */
    header {
        padding: 1rem;
    }
    #g_logo {
        width: 18%;
        position: relative;
        z-index: 2;
        transition: all 0.2s ease 0s;
    }

    #g_logo:hover {
        opacity: .8;
    }

    #g_nav nav {
        display: none;
    }
    .hamburger {
        display: block;
    }

    .hamburger.active div:nth-child(1) {
        -webkit-transform: translateY(20px) scale(0);
        -ms-transform: translateY(20px) scale(0);
        transform: translateY(20px) scale(0);
    }

    .hamburger.active div:nth-child(2) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .hamburger.active div:nth-child(2)::after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .hamburger.active div:nth-child(3) {
        -webkit-transform: translateY(-20px) scale(0);
        -ms-transform: translateY(-20px) scale(0);
        transform: translateY(-20px) scale(0);
    }
    .hamburger.active div:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .hamburger.active div:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active div:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px);
    }

    /* Хар фон */
    .overlay {
        position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.8);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease-in-out;
        z-index: 1000;
    }

    .overlay.active {
        opacity: 1;
        visibility: visible;
        /* z-index: 1500; */
    }

    /* Бусад контент */
    .content {
        transition: opacity 0.3s;
    }

    .content.blur {
        opacity: 0.3;
    }


    /* SECTION（SP）
================================================== */
    .section_demo {
        display: none;
        margin: 1rem 0 0 -1rem;
        width: 100%;
        height: 100vh;
    }

    .section_demo::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -2;
        margin-top: 20rem;
        background-color: rgba(10, 10, 10, 0.8);
    }

    .section_demo_list {
        padding: 0;
        margin-bottom: -1px;
        border-top: solid 1px #CCC;
    }

    .section_demo_list .target {
        background-color: #f3f3f3;
    }

    .section_demo .trigger {
        z-index: 0;
        line-height: 3em;
        background-color: #fff;
    }

    .section_demo a {
        position: relative;
        display: block;
        line-height: 2em;
        padding: .5em 0;
        color: #111;
        letter-spacing: .1em;
        text-align: center;
        text-decoration: none;
        opacity: 1;
        -webkit-transition: .2s all ease;
        transition: .2s all ease;
        color: white;
    }

    .section_demo li a:hover {
        color: #FFF;
        background-color: #092755;
        opacity: 1;
    }

    .section_demo li a.blank {
        text-decoration: none;
        word-break: break-all;
        color: #092755;
        color: white;
        padding-right: 20px;
    }

    .section_demo li a.blank::after {
        content: "";
        display: inline-block;
        background: url(../img/icon_blank_dark.svg) no-repeat center center;
        width: 20px;
        height: 20px;
        background-size: contain;
        vertical-align: middle;
    }

    .section_demo li a.blank:hover {
        color: #FFF;
        background-color: #092755;
        opacity: 1;
    }

    .section_demo li a.blank:hover::after {
        content: "";
        display: inline-block;
        background: url(../img/icon_blank_light.svg) no-repeat center center;
        width: 20px;
        height: 20px;
        background-size: contain;
        vertical-align: middle;
    }

    .section_demo .trigger a:before,
    .section_demo .trigger a:after {
        position: absolute;
        display: block;
        content: '';
        width: 1px;
        background-color: #999;
        -webkit-transition: .25s all ease;
        transition: .25s all ease;
        border-radius: 10px;
    }

    .section_demo .trigger a:before {
        top: 1em;
        right: 6%;
        height: 12px;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .section_demo .trigger a:after {
        top: 1em;
        right: 6%;
        height: 12px;
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .section_demo .target {
        z-index: 1;
        display: none;
        margin: 0 auto;
        padding: 10px 0;
        color: #fff;
    }

    .section_demo .target .target a {
        background-color: #2c363a;
    }

    .section_demo .target .target a:hover {
        background-color: #374449;
    }

    .section_demo .target .trigger a {
        background-color: #161b1d;
    }

    .section_demo .target .trigger a:before,
    .section_demo .target .trigger a:after {
        background-color: #fff;
    }

    .section_demo .target .trigger a:before {
        top: .5em;
        right: 16px;
    }

    .section_demo .target .trigger a:after {
        top: .85em;
        right: 16px;
    }

    .section_demo .target .active a {
        padding-left: 1.5em;
        padding-right: 1.5em;
        color: #fff;
    }

    .section_demo .target .active a:hover {
        background-color: #2c363a;
    }

    .section_demo .target .active a:before,
    .section_demo .target .active a:after {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    .section_demo .target .active a:before {
        top: .65em;
        left: 1em;
        width: 3px;
        height: 12px;
    }

    .section_demo .target .active a:after {
        display: none;
    }

    .section_demo .target ul li a {
        padding: 0.7em 1em 0.7em 2em;
        line-height: 1em;
    }

    .section_demo .target a {
        display: block;
        color: #888;
        font-size: 3.3vw;
        -webkit-transition: .2s all ease;
        transition: .2s all ease;
    }

    .section_demo .active a:hover {
        background-color: #2c363a;
    }

    .section_demo .active a:before,
    .section_demo .active a:after {
        background-color: #999;
    }

    .section_demo .active a:after {
        top: 1em;
        right: 6%;
        height: 12px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(90deg);
    }

    .section_demo>ul>li {
        border-bottom: 1px #CCC solid;
        background-color: #FFF;
        background-color: #092755;
        color: white;
    }

    .section_demo>ul>li:last-of-type {
        border-bottom: 0;
        margin-bottom: 0;
    }

    .section_demo>ul>li:nth-child(3) a:after {
        background-size: 10px;
        opacity: 0.7;
        position: absolute;
        display: block;
        content: '';
        width: 16px;
        height: 16px;
        right: 5%;
        top: 34%;
    }

    /* BUTTON（SP）
================================================== */  
    .btn_hamburger {
        display: block;
        position: absolute;
        width: 40px;
        top: 50%;
        right: 4%;
        margin: 0 0 0 auto !important;
        padding: 0;
        transform: translateY(-50%);
    }

    .btn_hamburger a {
        position: relative;
        display: block;
        height: 30px;
        -webkit-transition: all .4s;
        transition: all .4s;
        box-sizing: border-box;
    }

    .btn_hamburger span {
        position: absolute;
        display: inline-block;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: white;
        border-radius: 2px;
        -webkit-transition: all .4s;
        transition: all .4s;
        box-sizing: border-box;
    }

    .btn_hamburger span:nth-of-type(1) {
        top: 0;
    }

    .btn_hamburger span:nth-of-type(2) {
        top: 14px;
    }

    .btn_hamburger span:nth-of-type(3) {
        bottom: 0;
        height: 1px;
    }

    .btn_hamburger span:nth-of-type(2)::after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 1px;
        background-color: white;
        border-radius: 2px;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

    .btn_hamburger .active span:nth-of-type(2) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .btn_hamburger .active span:nth-of-type(2)::after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .btn_hamburger .active span:nth-of-type(1) {
        -webkit-transform: translateY(20px) scale(0);
        -ms-transform: translateY(20px) scale(0);
        transform: translateY(20px) scale(0);
    }

    .btn_hamburger .active span:nth-of-type(3) {
        -webkit-transform: translateY(-20px) scale(0);
        -ms-transform: translateY(-20px) scale(0);
        transform: translateY(-20px) scale(0);

    }

    /* ▲ BUTTON（SP） */

    /*---SCROLL ANIMATION---*/
    .slide-up {
        transition: all 400ms linear;
        transform: translate(0, 20px);
        opacity: 0;
    }

    .slide-up.is-show {
        transition: all 400ms linear;
        transform: translate(0, 0);
        opacity: 1;
    }

    .bannerInner {
        width: 100%;
        margin: auto;
    }

    .bannerBigText {
        font-size: 14px;
    }

    .yearText {
        top: -10px;
        font-size: 8px;
    }

    .banner .ttl_en {
        font-size: 14px;
    }

    .banner .ttl_ja {
        font-size: 9px;
        margin-bottom: 25px;
    }

    .bannerX {
        padding: 4% 3% 3%;
    }

    .bannerX .bannerBigText {
        font-size: 30px;
        padding-top: 25px;
    }

    .bannerX p {
        line-height: 1.2;
        font-size: 18px;
    }

    .bottomBorder {
        width: 7%;
    }

    #Xplorersとは {
        padding: 3rem 0;
        height: auto;
    }

    #Xplorersとは #Xplorersとは_inner {
        position: relative;
        width: 90%;
        margin: 0 auto 0 auto;
        padding: 3.5rem 1.8rem 2rem 1.8rem;
    }

    #Xplorersとは_ttl {
        width: 35%;
    }

    #Xplorersとは_ttl .ttl_en {
        font-size: 14px;
    }

    #Xplorersとは_ttl .ttl_ja {
        font-size: 10px;
    }

    #about b {
        font-size: 24px;
    }

    #about .accordion {
        font-size: 16px;
        line-height: 1.6;
        text-align: center;
    }

    #Xplorersとは #Xplorersとは_ttl h2,
    #location h2 {
        text-align: center;
    }

    h2.ttl_en {
        font-size: 6.5vw;
    }

    #whyAttend {
        padding: 0 0 3rem 0;
        background-color: #203049;
    }

    #whyAttend #whyAttendTitle {
        font-size: 20px;
        padding-bottom: 4vw;
    }

    #whyAttend h2 {
        font-size: 5vw;
        line-height: 1.4;
        margin: 0 auto 1rem auto;
        padding: 4rem 0 0;
    }

    #whyAttend h2+.t_center span {
        display: inline-block;
    }

    #whyAttend .thema-anchor {
        display: none;
    }

    #whyAttend #session_thema_wrap {
        margin: 0 20px;
    }

    #whyAttend #session_thema1,
    #whyAttend #session_thema2,
    #whyAttend #session_thema3 {
        width: 90%;
        margin: 0rem auto 1rem auto;
        padding: 0;
        background: none;
        border-bottom: solid 1px #ccc;
    }

    #whyAttend .session_contents {
        width: 100%;
        padding: 0 0 3rem 0;
        margin: 0;
        border-top: none;
    }

    #whyAttend .session_image01,
    #whyAttend .session_image02,
    #whyAttend .session_image03 {
        width: 100%;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    #whyAttend .session_ttl_box {
        position: relative;
        width: 100%;
        padding: 0;
        margin: 0 0 0 0;
        align-items: center;
    }

    #whyAttend .session_number {
        font-size: 11vw;
    }

    #whyAttend .session_image01 {
        height: auto;
    }

    #whyAttend #session_thema1 .session_contents,
    #whyAttend #session_thema2 .session_contents,
    #whyAttend #session_thema3 .session_contents {
        width: 100%;
        border-top: none;
        padding: 3%;
    }

    #whyAttend #session_thema3 .session_ttl_box {
        width: 100%;
    }

    #whyAttend #session_thema3 .session_ttl_box {
        border: none;
    }

    #whyAttend #session_thema1 .session_contents,
    #whyAttend #session_thema3 .session_contents {
        order: 2;
    }

    #whyAttend #session_thema3 .session_image01 {
        margin-top: 2rem;
    }

    #whyAttend #session_thema3 {
        border: none;
    }

    #whyAttend #session_thema3 h3 {
        margin: 5px 0 0 0;
    }

    #speaker_inner,
    #sponsor_inner,
    #location_inner,
    #c06_inner {
        width: 100%;
        margin: 0 auto;
        padding: 4rem 1.5rem
    }

    #ourmembersSpeak {
        padding: 2% 0 3%;
    }

    #ourmembersSpeak_inner {
        width: 90%;
        padding: 2.5rem 1rem;
    }

    #ourmembersSpeak_ttl .ttl_en {
        font-size: 5vw;
    }

    #ourmembersSpeak_ttl .ttl_ja {
        font-size: 18px;
    }

    .ourmembersSpeakImgText {
        width: 94%;
    }

    .ourmembersSpeakText p {
        font-size: 14px;
    }

    .ourmembersSpeakText svg {
        width: 50px;
        height: 14px;
    }

    #schedule {
        padding: 0 1.5rem;
    }

    #schedule_inner {
        width: 100%;
        margin: 0;
        padding: 3rem 1.5rem;
        border-radius: 14px;
    }

    .modal_content {
        padding: 3rem;
        width: 90%;
        max-height: 82vh;
        overflow-y: scroll;
    }

    .modal_content .company_main h4 {
        font-size: 3.5vw;
    }

    .modal_content .company_main h4 .country {
        font-size: 2.5vw;
    }

    .modal_bg::before,
    .modal_bg::after {
        top: 2%;
        right: 4%;
    }

    #ParticipatingCompanies #ParticipatingCompanies_ttl .ttl_en {
        font-size: 6vw;
    }

    #ParticipatingCompanies #Xplorersとは_inner {
        width: 90%;
        padding: 4.5vw 2rem;
    }

    .attendeesGrid {
        font-size: 16px;
    }

    #location h2 {
        padding-left: 0;
    }

    #location #location_img {
        position: absolute;
        width: 100%;
        height: 50vw;
        top: 13rem;
    }

    #location .flex {
        flex-direction: column-reverse;
    }

    #location .flex div {
        width: 100%;
    }

    #location #venue_info {
        padding: 0 0 3rem 0;
    }

    #participate_inner {
        width: 100%;
        margin: auto;
        padding: 7vw 1rem;
    }

    #participate_inner .ttl_en {
        font-size: 6vw;
    }

    #participate_inner .ttl_ja {
        font-size: 20px;
    }

    #participate h2.ttl_ja {
        margin-bottom: 30px;
    }

    .waytoparticipateSection {
        grid-template-rows: 15% 16% 70%;
    }

    .leadersub h2 {
        font-size: 1.4em;
    }

    .participate-price {
        font-size: 22px;
        line-height: 1.6;
        padding: 3% 0 1%;
    }
    #Sponsors ul {
        gap: 10px;
    }
    #Sponsors .platinum li {
        height: 25vh;
    }
    #Sponsors .gold li{
        height: 20vh;
    }
    #Sponsors .Silver li{
        height: 25vh;
    }
    #Sponsors .SUPPORTER li{
        height: 25vh;
    }

    #footer_inner #Xplorers_ttl {
        width: 40%;
    }

    .footer_inner_ttl {
        font-size: 18px;
    }

    .footerInner li a {
        font-size: 12px;
        line-height: 1.5;
    }

    footer {
        padding: 1rem 0;
    }

    #pagetop a {
        width: 70px;
        height: 54px;
    }
   
  
}

/*=======================================================================================================================

スマホ用 (max-width: 800px)

======================================================================================================================= */
@media screen and (max-width: 800px) {
    .menu{
        top: 75px;
    }  

    #fv {
        min-height: auto;
    }

    #Xplorersとは_ttl {
        width: 45%;
    }

    #speaker ul li,
    #council ul li {
        overflow: hidden;
        background-color: #ECECF4;
    }

    #speaker ul li .speakers_name,
    #council ul li .speakers_name {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .leadersub h2 {
        font-size: 1.1em;
    }

    .waytoparticipateSection {
        grid-template-rows: 15% 18% 70%;
    }

    .participate-text {
        font-size: 11px;
    }

    #participate .button a {
        width: 85%;
        margin: auto;
        display: flex;
        height: 45px;
    }

    #participate .button svg {
        width: 10px;
        height: 10px;
        margin-left: 10px;
    }

    #footer_inner {
        padding: 6vw;
    }

    #footer_inner #Xplorers_ttl {
        width: 50%;
    }

    #footer_inner #Xplorers_ttl .image01 {
        width: 40%;
        margin: auto;
    }
    .attendeesGrid {
        font-size: 14px;
    }
 
}


/*=======================================================================================================================

スマホ用 (max-width: 640px)

======================================================================================================================= */
@media screen and (max-width: 640px) {
    .menu{
        top: 35px;
    }
    .menu img{
        width: 25%;
    }

    .modal_bg{
        top: 50px;
    }
    .pcBanner{
        display: none;
    }
    .mobileBanner{
        display: block;
    }

    h2.ttl_en {
        font-size: 6.5vw;
    }

    #speaker h2.ttl_ja,
    #council h2.ttl_ja,
    h2.ttl_ja,
    #Sponsor h2.ttl_ja {
        font-size: 18px;
    }

    #fv {
        height: 50px;
    }

    header {
        padding: 0rem 1rem;
    }

    .banner {
        top: 50px;
    }

    main {
        margin-top: 50px;
    }
    .bannerImg{
        /* top: 50px; */
    }
    .slideshow-container {
        top: 50px;
      }
    
      .slide img {
        top: 50px;
      }
    
    .bannerX .bannerBigText {
        font-size: 22px;
        padding-top: 20px;
    }

    .bannerX p {
        font-size: 14px;
    }


    #Xplorersとは #Xplorersとは_inner {
        padding: 2rem 1.2rem;
    }

    #Xplorersとは_ttl {
        width: 60%;
    }

    #Xplorersとは_ttl img {
        width: 75%;
        margin: auto;
    }

    #Xplorersとは_ttl .ttl_en {
        font-size: 11px;
    }

    #Xplorersとは_ttl .ttl_ja {
        font-size: 8px;
    }

    #speaker h2.ttl_ja,
    #council h2.ttl_ja,
    h2.ttl_ja,
    #Sponsor h2.ttl_ja {
        margin-bottom: 15px;
    }

    #about b {
        font-size: 24px;
    }

    #about .accordion {
        font-size: 11px;
        line-height: 1.6;
        text-align: center;
    }

    #whyAttend {
        padding: 0 0 2rem 0;
    }

    #whyAttend #whyAttendTitle {
        font-size: 16px;
        padding-bottom: 5vw;
    }

    #whyAttend h2 {
        font-size: 6vw;
        line-height: 1.4;
        margin: 0 auto 0.7rem auto;
        padding: 2rem 0 0;
    }

    #whyAttend #session_thema_wrap {
        padding: 1.5rem 0.5rem 1rem;
        border-radius: 14px;
    }

    #whyAttend .session_number {
        font-size: 8vw;
        font-weight: 900;
    }

    #whyAttend .session_ttl_box h3 {
        font-size: 2.8vw;
        margin: 10px 0px;
    }

    #whyAttend #session_thema_wrap .session_ttl_box.flex {
        display: flex;
    }

    #whyAttend #session_thema_wrap #session_thema1 .session_ttl_box.flex {
        margin-bottom: 8px;
    }

    #whyAttend #session_thema_wrap .flex {
        display: grid;
    }

    #whyAttend .session_image01 {
        width: 90%;
        margin: auto;
    }

    #whyAttend .session_contents {
        font-size: 11px;
    }

    #speaker_inner,
    #sponsor_inner,
    #location_inner,
    #c06_inner {
        width: 100%;
        margin: 0 auto;
        padding: 2.5rem 1.2rem;
    }

    #speaker ul li,
    #council ul li
     {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #speaker ul li a.modal-open,
    #council ul li a.modal-open
     {
        display: flex;
    }

    #speaker ul li .speakers_img,
    #council ul li .speakers_img
     {
        width: 24%;
        background: #FFF;
    }

    #speaker ul li .speakers_name,
    #council ul li .speakers_name
     {
        width: 76%;
        padding: .6rem 1rem;
        background: #FFF;
    }

    #speaker ul li .speakers_name h4,
    #council ul li .speakers_name h4
     {
        text-align: left;
    }

    #speaker ul li .belong,
    #council ul li .belong
     {
        position: absolute;
        top: -1.3rem;
    }

    #speaker ul#js-speakers-session li,
    #council ul#js-speakers-session li
     {
        margin-top: 20px;
    }

    #speaker ul li .speakers_img .hover-text,
    #council ul li .speakers_img .hover-text

     {
        display: none;
    }

    #speaker ul li .speakers_img,
    #council ul li .speakers_img

     {
        border-top-left-radius: 10px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 10px;
    }

    #speaker ul li .speakers_name,
    #council ul li .speakers_name
     {
        padding: 10px 15px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 0;
    }

    #ourmembersSpeak_ttl .ttl_ja {
        font-size: 14px;
    }
    .ourmembersSpeakImgText {
        width: 100%;
    }
    .ourmembersSpeakImgText {
        line-height: 1.5;
    }
    .ourmembersSpeakImg img {
        width: 60px;
        height: 60px;
        border: 1.5px solid white;
    }
    .ourmembersSpeakImg p {
        font-size: 0.7rem;
    }
    .ourmembersSpeakText p {
        font-size: 10px;
    }
    .ourmembersSpeakText svg {
        height: 10px;
    }
    .ourmembersSpeakText .ourBottom{
        bottom: -5px; 
        width:10px
    }
    .ourmembersSpeakText .ourTop{
        top: -4px;
    }
    
    #schedule_inner dl {
        font-size: 16px;
    }

    #schedule_inner dl dt {
        width: 100px;
    }

    #schedule_inner dl dd span:last-child {
        display: block;
    }

    #schedule_inner table:first-child {
        width: 100%;
    }

    #schedule_inner table th {
        width: 77px;
        padding: 0.8em;
        letter-spacing: 0;
        font-size: 11px;
    }

    #schedule_inner .greeting {
        display: block;
    }

    #schedule_inner table .conversation .program_speaker {
        margin: 0 0 .3rem 0;
    }

    #schedule_inner table td {
        font-size: 11px;
        padding: .6em 1em;
    }


    #schedule_inner table .conversation .program_speaker {
        width: 100%;
    }

    #schedule_inner .program_title {
        font-size: 12px;
    }
    #schedule_inner .program_title::before {
        width: 7px;
        height: 7px;
        border: 4px solid transparent;
        border-left: 4px solid #666;
    }
    #schedule_inner #table_wrap {
        overflow: scroll;
    }

    #schedule_inner #table_wrap table {
        width: 160%;
    }

    #schedule_inner #table_wrap table th {
        position: sticky;
        left: 0;
        z-index: 2;
        background: #FFF;
        border-right: solid 1px #ccc;
    }

    #schedule_inner #table_wrap table tr:first-child th {
        background: #666 !important;
    }

    #schedule_inner .program_img {
        width: 50px;
    }

    #schedule_inner .program_position {
        font-size: 10px;
    }

    #schedule_inner .program_name {
        font-size: 13px;
    }

    #schedule_inner table td .mr {
        font-size: 10px;
    }

    #Sponsor ul li {
        width: 48%;
        margin-bottom: 1.5rem;
    }

    #Sponsor ul li.coming {
        background-color: rgba(40, 40, 40, .9);
    }
    #location h2.ttl_ja {
        margin-bottom: 30px;
    }

    #location .flex div {
        width: 100%;
    }

    #location .flex div img {
        width: 100%;
    }

    #location #venue_info {
        margin-top: 0;
        padding-left: 0;
        font-size: 12px;
    }
    #location #venue_info table tr {
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

    #pagetop a {
        background: url(./img/pagetop.png)no-repeat center top;
        background-size: contain;
        width: 40px;
        height: 40px;
        right: 10px;
        bottom: 90px;
    }
    #participate_inner .ttl_ja {
        font-size: 18px;
    }
    .waytoparticipate {
        display: grid;
    }
    .waytoparticipateSection {
        width: 90%;
        margin: auto;
        grid-template-rows: 23% 20% 54%;
    }
    .waytoparticipateSection.xpartner {
        grid-template-rows: 23% 26% 54%;
    }

    .leadersub h2 {
        font-size: 1.2em;
    }
    .participate-price {
        font-size: 18px;
        line-height: 1.5;
        padding: 3% 0;
    }
    .attendeesGrid {
        font-size: 12px;
    }
    #participate .button a {
        width: 70%;
        margin: auto;
        display: flex;
        height: 40px;
        justify-content: space-between;
        padding: 0 3%;
    }
    #participate .button a p {
        font-size: 14px;
        margin-left: 20%;
    }
    #footer_inner {
        padding: 5vw 3vw;
    }
    #footer_inner #Xplorers_ttl {
        width: 70%;
    }
    #footer_inner #Xplorers_ttl img{
        width: 50%;
        margin: auto;
    }
    #footer_inner #Xplorers_ttl .ttl_en {
        font-size: 10px;
    }
    #footer_inner #Xplorers_ttl .ttl_ja {
        font-size: 6.5px;
    }
    #footer_inner #Xplorers_ttl .image01 {
        width: 25%;
        margin: auto;
    }
    .footer_inner_ttl {
        font-size: 12px;
    }
    .footerInner {
        width: 96%;
    }
    .footerInner li a {
        font-size: 10px;
        line-height: 1.3;
    }
    .footer_inner_c p {
        font-size: 12px;
    }

    .modal_content_black {
        padding: 2rem 1rem;
    }

    .modal_content_black .profile_info {
        margin-left: 2rem;
    }

    .modal_content_black .txt {
        line-height: 1.5;
    }

    .modal_bg::before,
    .modal_bg::after {
        height: 30px;
        right: 10%;
        z-index: 10;
    }

    .modal_content .company_main .company_logo {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .modal_content .company_main .company_name {
        width: 100%;
    }

    .modal_content .company_main {
        flex-direction: column;
    }

    .modal_content_black .company {
        line-height: 1.5;
        letter-spacing: 0;
    }

    .modal_content_black .txt dt {
        width: 33%;
        letter-spacing: 0;
    }

    .modal_content_black .txt dd {
        width: 67%;
        letter-spacing: 0;
    }

    .modal_content .startup_header {
        align-items: flex-start
    }

    ;

    .modal_content table th {
        padding: 10px;
        font-size: 14px;
        width: 90px;
    }

    .modal_content table td {
        padding: 10px;
        padding-left: 15px;
        line-height: 1.2;
        font-size: 14px;
    }
    .stat-card {
        font-size: 0.85rem;

    }
    .stat-card h3 {
        font-size: 1.15rem;
      }

      .stat-card strong {
        font-size: 1.1rem;
    }
    #Sponsors_inner {
        width: 95%;
        margin: auto;
        padding: 5vw 1rem;
    }
    #Sponsors .sponsorsTitle {
        margin: 3% 0;
    }
    #Sponsors .sponsorsTitle p{
        font-size: 24px;
        line-height: 0.9;
    }
    #Sponsors ul {
        gap: 8px;
    }
    #Sponsors .platinum li {
        height: 15vh;
    }
    #Sponsors .gold li{
        height: 20vh;
    }
    #Sponsors .Silver li{
        height: 25vh;
    }
    #Sponsors .SUPPORTER li{
        height: 25vh;
    }
    .program_sponsor img {
        width: 100%;
        margin: auto;
        margin-top: 0;
        margin-left: 0;
        display: wrap;
    }


}

/*=======================================================================================================================

スマホ用 (max-width: 480px)

======================================================================================================================= */
@media screen and (max-width: 480px) {
    .menu{
        top: 30px;
    }
    .menu a{
        font-size: 15px;
    }
    .menu img{
        width: 35%;
    }
    .hamburger{
        right: 5px;
    }
    .hamburger div{
        width: 25px;
    }
    .slideshow-container {
        max-width: 100%;
      }  
    #g_logo {
        width: 20%;
    }
    .bannerX {
        padding: 7% 3%;
    }
    .btn_hamburger {
        padding: 1.5rem 0;
    }

    h2.ttl_ja {
        font-size: 14px;
        margin-bottom: 1.5rem;
    }
    .bannerX .bannerBigText {
        font-size: 20px;
        padding-top: 15px;
    }

    .bannerX p {
        font-size: 15px;
    }

    #Xplorersとは_ttl {
        width: 80%;
    }

    #Xplorersとは {
        padding: 2rem 0;
        font-size: 13px;
    }

    #Xplorersとは #Xplorersとは_inner {
        padding: 2.3rem 1rem;
        width: 85%;
    }   
     #Xplorersとは_ttl img {
        width: 90%;
        margin: auto;
    }

    #Xplorersとは_inner .ttl_en {
        margin-top: 0;
        font-size: 14px;
    }
    #Xplorersとは_ttl .ttl_ja {
        font-size: 10px;
    }
    #about b {
        font-size: 22px;
    }
    #about .accordion {
        font-size: 10px;
        line-height: 1.5;
    }
    #whyAttend #thema_2024 {
        font-size: 13px;
        padding: 2rem 1rem 1rem;
    }

    #whyAttend {
        padding: 1.5rem 0;
    }

    #whyAttend h2 {
        font-size: 6vw;
        padding: 0 1rem;
    }

    #whyAttend h2+.t_center {
        text-align: center;
        padding: 0 1rem;
    }
    #whyAttend #whyAttendTitle {
        font-size: 14px;
        padding-bottom: 5vw;
    }
    #whyAttend .session_number {
        margin-right: 1.5rem;
    }

    #whyAttend #session_thema_wrap {
        padding: 1.5rem 1.5rem 1rem;
        margin: 1rem;
    }

    #whyAttend #session_thema1,
    #whyAttend #session_thema2,
    #whyAttend #session_thema3 {
        width: 100%;
    }

    #whyAttend .session_ttl_box h3,
    #whyAttend #session_thema3 .session_ttl_box h3 {
        font-size: 3.5vw;
    }

    #whyAttend #session_thema3 .session_ttl_box {
        border: none;
        align-self: flex-start;
    }

    #whyAttend .session_image01,
    #whyAttend .session_image02,
    #whyAttend .session_image03

     {
        width: 90%;
        margin: auto;
    }

    #whyAttend .session_contents {
        font-size: 10px;
    }

    #speaker ul li .speakers_new {
        width: 35px;
        height: 35px;
    }

    #speaker_inner,
    #sponsor_inner,
    #location_inner,
    #c06_inner {
        padding: 2rem 1rem;
    }
    #speaker h2.ttl_ja, #council h2.ttl_ja, h2.ttl_ja, #Sponsor h2.ttl_ja {
        font-size: 14px;
    }

    #speaker ul#js-speakers-session li {
        margin-top: 10px;
    }
    /* #speaker ul li .speakers_img img.speakers,
    #council ul li .speakers_img img.speakers
     {
        width: 100%;
        height: 100%;
        object-fit: cover;
    } */

    #schedule {
        padding: 0 .5rem;
    }

    #schedule_inner {
        padding: 2rem 0.8rem;
    }

    #schedule_inner table th {
        width: 65px !important;
        padding: 0.8em;
        letter-spacing: 0;
        font-size: 11px;
    }

    #Sponsor .company_summary.flex {
        display: block;
    }

    #Sponsor .company_summary .company_name {
        width: 100%;
        padding: 0 10px 8px 12px;
    }

    #Sponsor ul li {
        width: 48.5%;
    }

    #Sponsor ul li a .company_name h5 {
        line-height: 1.2;
    }

    #Sponsor .company_summary .company_logo {
        width: 100%;
        margin: 0 auto 0.7rem auto;
    }

    #Sponsor .company_summary .company_name p {
        font-size: 11px;
    }

    #Sponsor .company_summary .company_name h4 {
        font-size: 3.5vw;
    }

    #Sponsor .company_summary .company_name p.max-3-lines {
        line-height: 1.4;
    }

    .modal_content_black .txt {
        line-height: 1.7;
        font-size: 12px;
    }

    .modal_content .company_overview {
        line-height: 1.7;
        font-size: 12px;
    }
    #ParticipatingCompanies #Xplorersとは_inner {
        width: 85%;
        padding: 4.5vw 2rem;
    }
    #ParticipatingCompanies #ParticipatingCompanies_ttl .ttl_ja {
        font-size: 12px;
    }
    .attendeesGrid {
        font-size: 10px;
        display: flex;
        justify-content: space-between;
    }
    #location #location_img {
        top: 11rem;
    }

    #location #venue_info {
        padding: 0 0 2rem 0;
        font-size: 10px;
    }

    #location #venue_info h3 {
        font-size: 6vw;
    }

    #location #venue_info p,
    #location #venue_info ul li {
        font-size: 12px;
        line-height: 1.7;
    }
    #participate h2.ttl_ja {
        margin-bottom: 20px;
        font-size: 14px;
    }
    .waytoparticipateSection {
        width: 90%;
        margin: auto;
        grid-template-rows: 20% 21% 62%;
    }
    .leadersub h2 {
        font-size: 1.1em;
    }
    .participate-price {
        font-size: 14px;
        line-height: 1.5;
        padding: 2% 0;
    }
    #participate .button a {
        width: 90%;
        height: 45px;
        justify-content:space-between;
        padding: 0 2%;
    }
    #participate .button a p {
        font-size: 14px;
        margin-left: 23%;
        text-align: center;
    }
    #participate .button svg {
        width: 10px;
        height: 10px;
        margin-right: 5px;
    }
    .participate-text {
        padding: 3% 6%;
        font-size: 9.5px;
    }
    .waytoparticipateSection.xpartner {
            grid-template-rows: 20% 29% 54%;
        }
    #footer_inner #Xplorers_ttl .ttl_ja {
        margin-bottom: 0.7rem;
        }
        #footer_inner #Xplorers_ttl .image01 {
            width: 30%;
        }
        .footerInner {
            width: 96%;
            display: inline-block;
            margin-left: 5%;
            gap: 10px;
        }
        .footer_inner_ttl {
            margin-bottom: 0.5%;
            margin-top: 5%;
        }
    .modal_content_black {
        width: 90%;
    }

    .modal_content_black .flex {
        display: block;
    }

    .modal_content_black .profile_img {
        width: 70%;
        margin: 0 auto;
    }

    .modal_content_black .profile_info {
        width: 100%;
        margin-top: 2rem;
        margin-left: 0;
    }

    .modal_content_black .name {
        font-size: 1.6rem;
    }

    .modal_content_black .profile_info .mr {
        font-size: .9rem;
    }

    .modal_bg::before,
    .modal_bg::after {
        height: 25px;
    }

    .modal_content {
        padding: 1.6rem;
    }

    .modal_content .startup_header {
        display: block;
    }

    .modal_content .company_main {
        width: 100%;
        margin-bottom: 1rem;
    }

    .modal_content .company_main .company_logo {
        height: auto;
        border: solid 1px #ddd;
    }

    .modal_content .company_main h4 {
        font-size: 5vw;
        line-height: 1.2;
        margin-bottom: 0.4rem;
    }

    .modal_content .company_main p {
        font-size: 13px;
    }

    .modal_content table th {
        padding: 10px;
        font-size: 13px;
        width: 70px;
    }

    .modal_content table td {
        padding: 10px;
        padding-left: 15px;
        line-height: 1.2;
        font-size: 13px;
    }

    .modal_content .company_image {
        width: 100%;
    }

    .modal_content table {
        margin: 1.5rem 0;
    }

    .modal_content div p {
        font-size: 14px;
    }


    .ourmembersSpeakImg p {
        font-size: 0.56rem;
    }
    .stat-card {
        padding: 1rem;
        border-radius: 0.7rem;
        font-size: 0.8rem;
    }
      .stat-card h3 {
        font-size: 1rem;
      }
      .stat-card p {
        line-height: 1.05;
      }
      .stat-card strong {
        font-size: 1rem;
      }
      #Sponsors_inner {
        width: 97%;
        margin: auto;
        padding: 4vw 0.5rem;
    }
    #Sponsors .sponsorsTitle p{
        font-size: 22px;
        /* line-height: 1.2; */
    }
    #Sponsors ul {
        gap: 5px;
    }
    #Sponsors .platinum li {
        height: 10vh;
    }
    #Sponsors .gold li{
        height: 20vh;
    }
    #Sponsors .Silver li{
        height: 20vh;
    }
    #Sponsors .SUPPORTER li{
        height: 20vh;
    }
    .company_summary p {
        font-size: 0.3rem; /* テキストも少し調整可能 */
      }
    .company_summary p{
        font-size: 10px;
    }


}

/*=======================================================================================================================

スマホ用 (max-width: 375px)

======================================================================================================================= */
@media screen and (max-width: 375px) {
    .attendeesGrid {
    font-size: 8px;
}
.participate-text {
    padding: 3% 6%;
    font-size: 7.5px;
}
.waytoparticipateSection {
    grid-template-rows: 20% 27% 62%;
}
.waytoparticipateSection.xpartner {
    grid-template-rows: 20% 34% 54%;
}
.ourmembersSpeakImg img {
    width: 50px;
    height: 50px;
    border: 1px solid white;
}
.ourmembersSpeakImg p {
    font-size: 0.5rem;
}
#participate .button a p {
    font-size: 12px;
    margin-left: 20%;
}
#whyAttend #whyAttendTitle {
    font-size: 12px;
    padding-bottom: 5vw;
}
}
@media screen and (max-width: 350px) {
    .waytoparticipateSection.xpartner {
        grid-template-rows: 20% 37% 54%;
    }    
    
}

/*=======================================================================================================================

スマホ用 (max-width: 320px)

======================================================================================================================= */
@media screen and (max-width: 320px) {
    .waytoparticipateSection {
        grid-template-rows: 20% 27% 62%;
    }
    .scheduleSponsor img {
        width: 100%;
    
    }
    .company_summary p {
        font-size: 0.4rem; /* テキストも少し調整可能 */
      }
}


#swiper02 .swiper-wrapper {
    transition-timing-function: linear;
}

#swiper02.swiper-outer {
    position: relative;
    width: 100%;
    margin: auto;
}

#swiper02 .swiper-container {
    margin-top: 80px;
    height: auto;
    width: 100%;
    overflow: hidden;
}

#swiper02 .swiper-slide {
    width: 240px;
    margin: 0 10px;
}

#swiper02 .swiper-slide img {
    width: 100%;
    max-width: 240px;
}

#swiper02 .swiper-button-prev,
#swiper02 .swiper-button-next {
    display: none;
}

/* supporter sp media query */


  /* 親のレイアウト調整 */
.company_summary {
  display: flex;
  flex-direction: column; /* 縦方向に並べる */
  align-items: center;     /* 中央揃え */
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* ロゴ画像に枠とサイズ指定 */
.company_logo {
  width: 25%;
  margin-bottom: 1rem; /* 下のテキストとの余白 */
  border: solid 1px #ddd;
}

/* ロゴ画像サイズ調整 */
.company_logo img {
  width: 100%;
  height: auto;
  display: block;
}

/* テキストのスタイル */
/* .company_summary p {
  font-size: 0.8rem;
  color: #000;
  text-align: center;
  font-weight: 550;
  margin: 0;
} */

/* PC・タブレット向け */
.company_logo {
  width: 22%;
  margin: auto;
  margin-bottom: 1rem;
  margin-left: 0;
  border: solid 0px #ddd;
}
/* .gold .company_logo{
    margin-bottom: 6.5rem;
}
.Silver .company_logo{
    margin-bottom: 5.1rem;
} */

.company_logo img {
  width: 100%;
  height: auto;
  display: block;
}

/* スマホ向け調整（画面幅768px以下） */
@media (max-width: 768px) {
  .company_logo {
    width: 30%; /* スマホでは大きめに */
  }


  .company_summary p {
    font-size: 0.7rem; /* テキストも少し調整可能 */
  }
  .scheduleSponsor {
    flex-direction: column;
  }
  .scheduleSponsor img {
    width: 110%;
    margin: auto;
    margin-top: 0;
    margin-left: 0;
}
}
li.scale {
  list-style: none;
  margin: 0;
  padding: 0;
}
.program_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* position:relative; */
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: 4fr 1fr;
   
  }
  
  .program_speaker_section {
    flex: 1;
    margin-right: 20px; /* Adjust as needed */
  }
  
  .scheduleSponsor {
    width: 90%;
    margin: 0 0 .3rem 0;
  }
  .scheduleSponsor img {
    width: 139px;
    margin: auto;
    margin-top: 0;
    margin-left: 0; 
}

.company_summary p {
    margin: 0;
    padding: 30px 0 0 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-weight: 500;
    line-height: 1.4;
    width: 100%;
    word-wrap: break-word;
    z-index: 1;
    margin-top: 40px;
}

.company_summary .mar70{
    margin-top: 70px;
}
.company_summary .mar60{
    margin-top: 60px;
}
@media screen and (max-width: 480px) {
    .company_summary p {
        font-size: 10px;
    }
}

#sponsor .SUPPORTER .company_summary p {
    margin: 0;
    padding: 30px 0 0 0;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    font-weight: 500;
    line-height: 1.4;
    width: 100%;
    word-wrap: break-word;
    z-index: 1;
    margin-top: 5px;
}

.noPointerEvents {
    pointer-events: none;
    opacity: 0.5;
  }