@charset "UTF-8";
/*-----------------------------------------------
reset
-----------------------------------------------*/

#mwc2024 { font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
#mwc2024 a{    transition: .6s;}
/*edit*/
#mwc2024 a:hover{opacity: .7;}
#wrapMV {
  background: #000038 /*url(/extlib/files/mwc2024/img/bg-mv.png) no-repeat center top*/;
  background-size: 100% auto; 
  position: relative;
  overflow: hidden;
  text-align: center;
}
#mv{
  /*background:url(/extlib/files/mwc2024/img/bg-mv-blue.png) ,url(/extlib/files/mwc2024/img/bg-mv-green.png) ;
  background-size: 100% 100%;
  background-repeat: none;
  padding: 110px 0 140px;*/
  position: relative;
}
/*#mv h1{max-width: 872px; margin: 17.7% auto 22.5%;}*/
#mv h1{/*max-width: 872px; margin: 0 auto;*/}
#mv img{width: 100%;}

  
#mv .ulLang{
  display: flex;
  position: absolute;
  top:20px;
  right: 20px;
}
.ulLang li:nth-child(1){margin-right: 5px;}
.ulLang li a{
  display: block;
  width: 36px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  border-radius: 12px;
  text-align: center;
  padding: 5px 0 0 0;
  transition: none;
}
.ulLang li a:link,.ulLang li a:hover,.ulLang li a:active,.ulLang li a:visited{color: #fff;}
.ulLang li.cur a{pointer-events: none;border:solid #fff 1px;}

#wrapLnav{  background:linear-gradient(to right, #0164EA, #00BCDE); position: relative; }
#wrapLnav .wrapFlex{display: flex;max-width: 1200px; margin: 0 auto;}
#wrapLnav #ulLnav{ display: flex; width: 90%; margin: 0 0;}
#wrapLnav #ulLnav > li{width: 18%;  position: relative;text-align: center;}
#wrapLnav #ulLnav > li:nth-child(3){width: 28%;}
#wrapLnav #ulLnav > li::after{
  content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: calc(50% - 6px);
    width: 3px;
    height: 3px;
    background: url(/extlib/files/mwc2024/img/dot-lnav.png) no-repeat;
    background-size: 100% auto;
}
#wrapLnav #ulLnav > li:last-child::after{background: none;}
#wrapLnav #ulLnav > li a{
  display: block;
  padding: 20px 0 0; 
  height: 90px;
}
#wrapLnav.en #ulLnav > li a{height: 70px;}
#wrapLnav #ulLnav > li a:link,#wrapLnav #ulLnav > li a:hover,#wrapLnav #ulLnav > li a:active,#wrapLnav #ulLnav > li a:visited{color:#fff;}
#wrapLnav #ulLnav > li a::after{
  content: '\FF1E';
    display: block;
    position: absolute;
    bottom: 6px;
    left: calc(50% - 11px);
    font-weight: bold;
    transform: rotate(90deg) scale(.6,1);
    font-size: 16px;
}
#wrapLnav #ulLnav > li a .txtLnav{  display: block;  font-family: 'Montserrat' !important;  line-height: 1; margin: 0 auto 8px;}
#wrapLnav.en #ulLnav > li a .txtLnav{ margin: 0 auto;}
#wrapLnav #ulLnav > li a .noteLnav{display: block; font-size: 11px;line-height: 1;}

#wrapLnav .wrapUlLang{width: 10%;    padding: 32px 0 0;}
#wrapLnav.en .wrapUlLang{padding: 24px 0 0;}
#wrapLnav .ulLang{width: 10%;display: flex;}

.bgBox {
  padding:0;
  background: #0E0F5C;
  background-image: url(/extlib/files/mwc2024/img/bg-conccept.png) ,url(/extlib/files/mwc2024/img/bg-conccept2.png);
  background-blend-mode: normal, lighten;
  background-position: center top -50px, center top;
  background-size: 1302px auto, 100% auto;
  background-repeat: no-repeat;
}
#concept{
  position: relative;
  padding: 110px 0 160px;
  
}
#innerConcept{
  width: 740px;
  margin: 0 auto;
  padding: 110px 120px 140px;
  text-align: left;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  background: rgba(255, 255, 255, 0.25);
  background-blend-mode:lighten;
  border-radius: 12px;
  color: #fff;
}
#concept .wrapLead{margin:0 auto 40px;}
#concept .lead {margin: 10px auto;}
#concept .lead .bgLead{
  display: inline-block;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.0;
  padding: 5px 10px 8px 5px;
  background: #0E0F5C;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}
#concept .txt{line-height: 2.6;}
#concept .ulLink{margin:20px 0 0;}
#concept .ulLink > li{margin:0 auto 10px; font-size: 14px;}
#concept .ulLink > li{margin:0 auto; }
#concept .ulLink > li a{position: relative;display: inline-block; color: #fff !important;}

#programs{ color: #fff; text-align: center; padding: 120px 0 160px;
background: url(/extlib/files/mwc2024/img/bg-programs.png) repeat-x center bottom ;
background-size:100% 956px;
}


#timetable { padding: 110px 0 0; color:#fff; }
#timetable h2 { margin-bottom: 30px; }

.ancBox { text-align: right; position: relative; }
.ancBox a::after { content:'\FF1E'; display: inline-block; transform: rotate(90deg) scale(.6,1); font-size: 20px; position: absolute; top: 17px; right: 22px }
#timetable .lnkNxtDay { font-size: 34px; color: #0e0d6a; font-family: 'Montserrat' !important; font-weight: 600; display: inline-block; background: #fff; border-radius: 6px; padding: 8px 50px 8px 30px; }
#timetable .lnkNxtDay span { display: inline-block; vertical-align: middle; }
#timetable .lnkNxtDay span.day { font-size: 16px; position: relative; bottom: -3px; }
#timetable .lnkNxtDay span.day span { font-size: 20px; }
#timetable .lnkNxtDay span.num { font-size: 20px; padding: 0 32px; position: relative; top: -2px; }
#timetable .lnkNxtDay span.num::after { content: ''; display: block; width: 0; height: 38px; border-left: 1px solid #0e0d6a; transform: rotate(30deg); position: absolute; right: 13px; top: -9px }

#dayToggleWrap { position: relative; margin-bottom: 60px; overflow: hidden;}
#dayToggle {   max-width: 1041px;  display: flex;  justify-content: center;  text-align: center;  margin: 0 auto; background-size: 100%;  position: relative; }
#dayToggle::before {  width: 100%;    height: 1px;    background-color: rgba(255,255,255,0.25);    position: absolute;    bottom: 0;    left: -100%;    content: '';    display: block;}
#dayToggle::after { width: 100%; height: 1px; background-color: rgba(255,255,255,0.25); position: absolute; bottom: 0; right: -100%; content: ''; display: block; }

#dayToggle li { width: calc(100% / 3); margin:0; }
#dayToggle li a { display: block; height: 100%; border-bottom: solid 1px rgba(255,255,255,0.25); font-size: 28px; font-weight: 500; font-family: 'Montserrat' !important;    letter-spacing: .05em;}
#dayToggle li a:link,#dayToggle li a:hover,#dayToggle li a:active,#dayToggle li a:visited{color: #1EACE5;}
#dayToggle li a.on{border-bottom: solid 1px rgba(255,255,255,1);}
#dayToggle li a.on:link,#dayToggle li a.on:hover,#dayToggle li a.on:active,#dayToggle li a.on:visited{color: #fff;}
#dayToggle li a .dow{font-size: 15px; padding: 0 0 0 5px;}



#timetable p.titleNote { text-align: center; font-size: 14px; margin-bottom: 90px; }
.timetableBox { max-width: 1040px; margin: 0 auto; display: none;}
.timetableBox#day26{display: block;}

.timetableBox .ulTTBox{}
.timetableBox .ulTTBox > li{margin: 0 auto 30px;}
.timetableBox .ulTTBox > li:last-child{margin: 0 auto;}
.timetableBox .ulTTBox > li .boxProgram{background: #fff; padding: 20px; border-radius: 12px; color: #333; text-align: left;}
.timetableBox .ulTTBox > li .boxProgram.cs{background:radial-gradient(circle at center, #fff 0, #fff 10%, #d2eafe 50%, #38BFFF 80% , #38BFFF 100%);}
.timetableBox .ulTTBox > li .boxProgram.cs .time{color: #fff;}
.timetableBox .ulTTBox > li .boxProgram.cs .boxCS{padding:120px 0; text-align: center;}
.timetableBox .ulTTBox > li .boxProgram.cs .boxCS .txt{font-size: 26px; line-height: 26px; font-family: 'Montserrat' !important; font-weight: 500; color: #1EACE5;}

.timetableBox .ulTTBox > li .boxProgram > .time{ font-size: 22px; line-height: 22px; font-family: 'Montserrat' !important; font-weight: 600; color: #1EACE5;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex{  display: flex;  margin: 0 auto 0; padding: 40px 60px 30px;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSummary{width: 60%;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSummary .label{
  display: inline-block;
  width: auto;
  height: 24px;
  font-size: 14px;
  font-family: 'Montserrat' !important;
  font-weight: 600;
  color: #1EACE5;
  line-height: 1;
  border-radius: 12px;
  text-align: center;
  padding: 4px 20px 0;
  border: solid #1EACE5 1px;
  margin: 0 0 30px;
}

.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSummary .tit{font-size: 20px;  font-family: 'Montserrat' !important; font-weight: 600; line-height: 1.2; margin: 0 auto 30px; }
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSummary .tit.cs{color: #1EACE5;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSummary .txt.cs{color: #1EACE5;  text-align: center;  padding: 50px;font-size: 20px;  font-family: 'Montserrat' !important; font-weight: 600; line-height: 1;}


.csGradient {
  background: linear-gradient(0deg, #0031AA, #27BEC6);
  background: -webkit-linear-gradient(0deg, #0031AA, #27BEC6);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Montserrat' !important;
}


.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers{width: 40%;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers{ display: flex; flex-wrap: wrap; margin: 0 0 0 10%;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers > li{width: 45%; margin: 0 2.5% 5%;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers > li .boxImg{margin-bottom:10px ; font-size: 0; line-height: 1;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers > li .boxImg img{display: block; width: 100%; border-radius: 6px;}

.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers > li .boxTxt .txt{ margin-bottom: 5px; font-size: 11px;}
/*#programs.en .timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers.txtH .ulSpeakers > li .boxTxt .txt{min-height: 88px;}*/
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers > li .boxTxt .name{font-size: 14px;}

.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers > li .boxTxt .txt.cs{ color: #1EACE5;font-size: 15px;  font-family: 'Montserrat' !important; font-weight: 600; line-height: 1;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers > li .boxTxt .name.cs{color: #1EACE5;font-size: 15px;  font-family: 'Montserrat' !important; font-weight: 600; line-height: 1;}
.timetableBox .ulTTBox > li .boxProgram .boxBtn{margin: 20px auto 0;}


/*Programs Other*/
#programs2{
  color: #fff; text-align: center; padding: 120px 0 160px;
  background:#0E0F5C url(/extlib/files/mwc2024/img/bg-programs.png) repeat-x center bottom ;
  background-size:100% 956px;
}
#timetable2 { padding: 110px 0 0; color:#fff; }
#timetable2 h2 { margin-bottom: 30px; }
#timetable2 .lnkNxtDay { font-size: 34px; color: #0e0d6a; font-family: 'Montserrat' !important; font-weight: 600; display: inline-block; background: #fff; border-radius: 6px; padding: 8px 50px 8px 30px; }
#timetable2 .lnkNxtDay span { display: inline-block; vertical-align: middle; }
#timetable2 .lnkNxtDay span.day { font-size: 16px; position: relative; bottom: -3px; }
#timetable2 .lnkNxtDay span.day span { font-size: 20px; }
#timetable2 .lnkNxtDay span.num { font-size: 20px; padding: 0 32px; position: relative; top: -2px; }
#timetable2 .lnkNxtDay span.num::after { content: ''; display: block; width: 0; height: 38px; border-left: 1px solid #0e0d6a; transform: rotate(30deg); position: absolute; right: 13px; top: -9px }

#dayToggleWrap2 { position: relative; margin-bottom: 60px; overflow: hidden;}
#dayToggle2 {   max-width: 1041px;  display: flex;  justify-content: center;  text-align: center;  margin: 0 auto; background-size: 100%;  position: relative; }
#dayToggle2::before {  width: 100%;    height: 1px;    background-color: rgba(255,255,255,0.25);    position: absolute;    bottom: 0;    left: -100%;    content: '';    display: block;}
#dayToggle2::after { width: 100%; height: 1px; background-color: rgba(255,255,255,0.25); position: absolute; bottom: 0; right: -100%; content: ''; display: block; }

#dayToggle2 li { width: 100%; margin:0; }
#dayToggle2 li div { display: block; height: 100%; border-bottom: solid 1px rgba(255,255,255,0.25); font-size: 28px; font-weight: 500; font-family: 'Montserrat' !important;    letter-spacing: .05em;color: #fff;}
#dayToggle2 li div:link,#dayToggle2 li div:hover,#dayToggle2 li div:active,#dayToggle2 li div:visited{color: #1EACE5;}
#dayToggle2 li div.on{border-bottom: solid 1px rgba(255,255,255,1);}
#dayToggle2 li div.on:link,#dayToggle2 li div.on:hover,#dayToggle2 li div.on:active,#dayToggle2 li div.on:visited{color: #fff;}
#dayToggle2 li div .dow{font-size: 15px; padding: 0 0 0 5px;}
#timetable2 p.titleNote { text-align: center; font-size: 14px; margin-bottom: 90px; }
#timetable2 .timetableBox {display: block;}
#timetable2 .timetableBox .ulTTBox > li .boxProgram > .time{line-height: 1.4;}





#solution{
  text-align: center;
  color: #fff;
  padding: 120px 0 160px;
  background: #0E0F5C;
  background-image: url(/extlib/files/mwc2024/img/bg-solution.png), url(/extlib/files/mwc2024/img/bg-programs.png);
  background-repeat: no-repeat,repeat-x;
  background-position: center top -20vw,center bottom;
  background-size: 150% auto,100% 956px;
  background-blend-mode: lighten ,normal;
}
#solution .ulSolution{display: flex;flex-wrap: wrap; max-width: 1200px;     margin: 85px auto 0; }
#solution .ulSolution > li{width: 45.8%;}
#solution .ulSolution > li:nth-child(odd){margin: 0 4.2% 0 0;}
#solution .ulSolution > li:nth-child(even){margin: 0 0 0 4.1%; padding-top: 100px;}
#solution .ulSolution > li .boxSolution{
  border-radius: 10px;
  overflow: hidden;
  padding: 260px 0 0 50px;
}
#solution .ulSolution > li:nth-child(1) .boxSolution{  background:url(/extlib/files/mwc2024/img/bg-solution01.png) no-repeat;  background-size:100% auto;}
#solution .ulSolution > li:nth-child(2) .boxSolution{  background:url(/extlib/files/mwc2024/img/bg-solution02.png) no-repeat;  background-size:100% auto;}
#solution .ulSolution > li:nth-child(3) .boxSolution{  background:url(/extlib/files/mwc2024/img/bg-solution03.png) no-repeat;  background-size:100% auto;}
#solution .ulSolution > li:nth-child(4) .boxSolution{  background:url(/extlib/files/mwc2024/img/bg-solution04.png) no-repeat;  background-size:100% auto;}
#solution .ulSolution > li:nth-child(5) .boxSolution{  background:url(/extlib/files/mwc2024/img/bg-solution05.png) no-repeat;  background-size:100% auto;}
#solution .ulSolution > li:nth-child(6) .boxSolution{  background:url(/extlib/files/mwc2024/img/bg-solution06.png) no-repeat;  background-size:100% auto;}

#solution .ulSolution > li .boxSolution .wrapTit{display: flex; background: url(/extlib/files/mwc2024/img/img-slash-zone.png) no-repeat left 15px top 5px; background-size: auto 90%; height: 80px; margin: 0 auto 10px;}
#solution .ulSolution > li .boxSolution .wrapTit .zone{width: 10%; font-family: 'Montserrat' !important; font-weight: 600; line-height: 1; font-size: 15px; text-align: center;color: #1EACE5;}
#solution .ulSolution > li .boxSolution .wrapTit .zone .numZone{font-family: 'Montserrat' !important; font-weight: 500; line-height: 1; font-size: 36px; font-style: italic; display: block;text-align: left;  padding: 0 0 0 10px;}
#solution .ulSolution > li .boxSolution .wrapTit .tit{width: 90%; padding: 20px 0 0 20px; text-align: left;font-family: 'Montserrat' !important; font-weight: 500; line-height: 1.2; font-size: 24px; /*font-style: italic; }*/}
#solution .ulSolution > li:nth-child(2) .boxSolution .wrapTit .tit,#solution .ulSolution > li:nth-child(5) .boxSolution .wrapTit .tit,#solution .ulSolution > li:nth-child(6) .boxSolution .wrapTit .tit{
  padding: 30px 0 0 20px;
}
#solution .ulSolution > li .boxSolution .boxSummary{
  background:#53C8FF ;
  border-radius: 10px 0 10px 10px;
  padding: 40px 45px;
  color: #333;
  text-align: left;
}
#solution .ulSolution > li .boxSolution .boxSummary .tit{font-family: 'Montserrat' !important; font-weight: 700; line-height: 1.4; font-size: 18px; /*margin: 0 auto 25px;*/margin: 0 auto; min-height: 52px;}
#solution .ulSolution > li .boxSolution .boxSummary .ulLink{margin:10px 0 0;}
#solution .ulSolution > li .boxSolution .boxSummary .ulLink > li{margin:0 auto 10px; font-size: 14px;}
#solution .ulSolution > li .boxSolution .boxSummary .ulLink > li{margin:0 auto; }
#solution .ulSolution > li .boxSolution .boxSummary .ulLink > li a{position: relative;display: inline-block; color: #333 !important;}
.linkPdf{padding-left: 20px; line-height: 14px;}
.linkPdf::after{
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  background-image: url(/extlib/files/mwc2024/img/icon-pdf.png);
  background-size: 100% 100%;
}
.linkTxt::after {
  content: '\FF1E';
  display: inline-block;
  position: absolute;
  right: -20px;
  top: 0;
  transform: scale(.6, 1);
  font-size: 100%;
  font-weight: bold;
}

#map{
  background: #2680eb;
  background-image: url(/extlib/files/mwc2024/img/bg-map1.png), url(/extlib/files/mwc2024/img/bg-map2.png);
  background-repeat: repeat, no-repeat;
  background-size: auto,100% 584px;
  background-position: left top -10px, center top;
  color: #fff;
padding: 130px 0 130px;
}
#boxMap{max-width: 1200px; margin: 45px auto 0; background: #fff; border-radius: 26px; overflow: hidden;}
#boxMap img{width: 100%;}

#contact{
  background: #0E0F5C;
  background-image: url(/extlib/files/mwc2024/img/bg-contact1.png), url(/extlib/files/mwc2024/img/bg-contact2.png);
  background-repeat: no-repeat, no-repeat;
  background-size: auto,100% auto;
  background-position: center top -20px, center bottom;
  color: #fff;
  padding: 140px 0 170px;
  text-align: center;
}
#contact .ulContact > li{font-size: 16px; line-height: 30px; }
#contact .ulContact > li .bgWhite{
  display: inline-block;
  background-color: #fff;
  padding: 0 10px;
  border-radius: 3px;
  width: 350px;
  line-height: 80px;
  font-weight: 600;
}

#contact .ulContact > li .name{font-size: 17px; font-weight: bold; display: inline-block; padding: 0 55px 0 0; background: url(/extlib/files/mwc2024/img/img-slash-contact.png) no-repeat;
background-size:auto 100%;
background-position: right 12px center;
}
.linkBlank{position: relative;display: inline-block; color: #fff !important; padding-left: 20px; line-height: 16px;}
.linkBlank::after{
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: 14px;
  background-image: url(/extlib/files/mwc2024/img/icon-blank.png);
  background-size: 100% 100%;
}

.mdlShow { transition: .6s; opacity: 1; display: block;}
.mdlShow .keynote > div,.mdlShow .speech > div { transition: .6s; }
.mdlShow:hover .keynote > div,.mdlShow:hover .speech > div { opacity: .7; }
.mdlShow .keynote,.mdlShow .speech { transition: .6s; }
.mdlShow:hover .keynote,.mdlShow:hover .speech { transform: translate(0,5px); }


ul.noteList { text-align: left; font-size: 15px; margin-bottom: 40px; }
ul.noteList li { line-height: 2; }
ul.noteList li:first-child { font-weight: 600; }
p.flwNoteTxt { color: #333; font-size: 16px; margin-top: 60px; }
.btn.flw { margin: 0 20px ; max-width: 320px; font-size: 23px; height: 92px; line-height: 92px; border-radius: 46px; vertical-align: middle; }
.btn.flw.gray { margin: 0 20px ; max-width: 320px; font-size: 23px; height: 92px; line-height: 92px; border-radius: 46px; pointer-events: none; }

#eventDate .btn { width: 47%; margin: 0; margin-right: 5%; }
#eventDate .btn.gray.login { background-image: none, linear-gradient(90deg, #555, #555); background-repeat: no-repeat; background-size: 19px,100%; background-position: right 5% center, center center; }


#banner { background: #F1F2F6; padding: 70px 0; }
#banner ul { max-width: 1040px; margin: 0 auto; display: flex; justify-content: space-between; }
#banner ul li { width: 49%; }
#banner ul li img { width: 100%; }
#banner ul li a img { transition: .6s; }
#banner ul li a:hover img { opacity: .7; } 

#mwc2024 h2 { font-family: 'Montserrat'; font-size: 43px; font-weight: 600; line-height: 1.4; padding-bottom: 35px;text-align: center; position: relative; z-index: 1; }
#mwc2024 h2 span { font-family: 'Noto Sans JP'; font-size: 30%; font-weight: 400; display: block; }
#mwc2024 h2 + .titleNote .note{font-size: 11px;}

.btn { display: inline-block; text-align: center; height: 80px; line-height: 80px; color: #fff; width: 100%; background-image: url(/extlib/files/mwv2024/img/icon-btn-arow.png), linear-gradient(90deg, #00b5e9, #1328ba); background-repeat: no-repeat; background-size: 19px,100%; background-position: right 5% center, center center; border-radius: 40px; transition: .6s; }
.btn.gray { background-image: none, linear-gradient(90deg, #555, #555); background-repeat: no-repeat; background-size: 19px,100%; background-position: right 5% center, center center; border-radius: 40px; transition: .6s; }
.btn:hover { opacity: .6;}


.mdlMov{
  background: #eb5505;
  color: #fff!important;
  display: inline-block;
  height: 60px;
  line-height: 58px;
  max-width: 350px;
  width: 45%;
  border: 1px solid #eb5505;
  border-radius: 30px;
  text-align: center;
}
.mdlMov img {
  vertical-align: middle;
  width: 25px;
  margin-bottom: 4px;
}

#bgmodal { background: rgba(0,0,0,.8); position: fixed; top: 0; left: 0; z-index: 122; width: 100%; height: 0; overflow: hidden; }
#bgmodal.opn { height: 100vh; }
#bgmodalclose {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/extlib/files/summit2022/img/icon-close.png) right calc(50% - 420px ) top 20px no-repeat; background-size: 30px; }

.yt #bgmodalclose {background: url(/extlib/files/summit2022/img/icon-close.png) right calc(50% - 420px ) top calc(50% - 280px) no-repeat; background-size: 30px; }
/*#bgmodalInner { position: relative; width: 100%; height: 100%; }*/
#bgmodalInner { position: absolute; width: 100%; max-width: 880px; background: #fff; height: 84%; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 6px; overflow: hidden; }
#bgmodalInner.mov { height:auto; padding: 0; background: #000; }
#bgmodalInner.mov > div { height:0; padding-top: 56.25%; }
#bgmodalInner > div { position: relative; height: 100%; }
.bgmodal_video { /*width: 100%; position:absolute; top: 0; left: 0;*/
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1; }
#bgmodalInner.mov .bgmodal_video { display: none; }

.mdlContent { width: 100%; height: 100%; overflow: auto; position: relative; z-index: 1; display: none; padding: 25px 0 0; }
.mdlContent.on { display: block; }
.mdlContent h3 { font-size: 38px; color: #fff; font-family: 'Montserrat'; font-weight: 600; margin-bottom: 50px; padding: 0 60px; }
.mdlContent h3 span { display: inline-block;}
.mdlContent h3 span.day { font-size: 17px; position: relative; top: -5px; }
.mdlContent h3 span.day span { font-size: 24px; vertical-align: middle; }
.mdlContent h3 span.num { font-size: 20px; padding: 0 32px 0 20px; background: url(/extlib/files/summit2022/img/timetable-h3-heading.png) left center no-repeat; background-size: 8px; vertical-align: middle; position: relative; }
.mdlContent h3 span.num::after { content: ''; display: block; width: 0; height: 46px; border-left: 2px solid #fff; transform: rotate(30deg); position: absolute; right: 13px; top: -13px }
.mdlContent h3 + p { text-align: center; color: #fff; font-size: 19px; line-height: 2; margin-bottom: 80px;padding: 0 60px; text-shadow: 0 0 10px rgb(0 0 0 / 20%),0 0 10px rgb(0 0 0 / 20%),0 0 10px rgb(0 0 0 / 20%); }

.mdlContent.president h3 + p { margin-bottom: 160px; }
.mdlDiscImg { width: 80%; margin: 0 auto 50px;}
.mdlDiscImg2 { text-align: center!important;}
.mdlDiscImg2 img { width: 80%; margin-top: -100px; border-radius: 20px; overflow: hidden; }
.modalSummaryWrap { background: #fff; text-align: center; padding: 0 90px 50px;  }
.modalSummaryWrap img.thumb { margin-top: -130px; border-radius: 18px; width: 430px; }
.modalSummary { color:#0e0d6a; padding-top: 45px; }
.modalSummary > div { margin-bottom: 40px;}
.modalSummary > div { text-align: left; }
.modalSummary > div h4 { font-size: 16px; padding-bottom: 5px; border-bottom: 2px solid #0e0d6a; margin-bottom: 35px; }
.modalSummary > div p { font-size: 14px; line-height: 1.8; margin-bottom: 16px; }

.biography p span { font-weight: bold; }



@media screen and (min-width: 768px) and (max-width: 920px){
/*#mv h1 {    margin: 0 5%;}*/
#wrapLnav #ulLnav > li a .txtLnav{font-size: 1.6vw;}
#wrapLnav #ulLnav > li a .noteLnav{font-size: 1.2vw;}

}
@media screen and (min-width: 768px) and (max-width: 1040px){
  .timetableBox {max-width: unset; width: 94%;}
  #solution .ulSolution > li:nth-child(even) {    padding-top: 10vw;}
  #solution .ulSolution > li .boxSolution {padding: 20vw 0 0 50px;}
  
  #boxMap {width: 94%;}
  #banner ul{width: 94%;}
  
}
@media screen and (min-width: 768px) and (max-width: 1200px){
  #solution{
    background: #0E0F5C;
    background-image: url(/extlib/files/mwc2024/img/bg-solution.png), url(/extlib/files/mwc2024/img/bg-programs.png);
    background-repeat: no-repeat,repeat-x;
    background-position: center top -14vw,center bottom;
    background-size: 150% auto,100% 956px;
    background-blend-mode: lighten ,normal;
  }
  #solution .ulSolution > li .boxSolution .wrapTit .tit {font-size: 2.1vw;}
  #solution .ulSolution > li .boxSolution .boxSummary .tit{    font-size: 1.4vw;    min-height: 4.2vw;}
  #boxMap{    max-width: unset;  width: 94%;}
}

@media screen and (min-width: 768px) and (max-width: 1500px){
  /*#wrapMV {
    background: #000038 url(/extlib/files/mwc2024/img/bg-mv.png) no-repeat center top;
    background-size: auto 100%; 
    position: relative;
    overflow: hidden;
    text-align: center;
  }*/
  #mv{
    /*background:url(/extlib/files/mwc2024/img/bg-mv-blue.png) ,url(/extlib/files/mwc2024/img/bg-mv-green.png) ;
    background-size: 100% 100%;
    background-repeat: none;
    padding: 7.6vw 0 9.7vw;*/
    position: relative;
    
  }

}


@media screen and (min-width: 0px) and (max-width: 767.98px){
img{max-width: 100%;}
#mv { 
    background: #000038 /*url(/extlib/files/mwc2024/img/bg-mv-sp.png) no-repeat center top*/;
    background-size: 100% auto;
    position: relative;
    overflow: hidden;
    text-align: center;
    /*height: 135vw;*/
    padding: 0 0;
}
#mv h1 img {width: 100%;}
#mv .wrapUlLang{top:3vw;  right: 3vw;}
#mv .ulLang{
  display: flex;
  position: absolute;
  
}
.ulLang li:nth-child(1){margin-right: 1vw;}
.ulLang li a{
  display: block;
  width: 8vw;
  height: 6vw;
  font-size: 3vw;
  line-height: 1;
  border-radius: 4vw;
  text-align: center;
  padding: 1.12vw 0 0 0;
}
.ulLang li a:link,.ulLang li a:hover,.ulLang li a:active,.ulLang li a:visited{color: #fff;}
.ulLang li.cur a{pointer-events: none;border:solid #fff 1px;}

#wrapLnav{    background: linear-gradient(135deg, #0164EA 0%, #0164EA 45%, #00BCDE 100%); position: relative; display: block;}
#wrapLnav #ulLnav{max-width: none; height:auto; margin: 0 3vw; display: flex; flex-wrap: wrap; width: 100%;}
#wrapLnav #ulLnav > li{width: calc(100% / 3); position: relative;text-align: center;}
#wrapLnav #ulLnav > li:nth-child(3) {width: 44%;}
#wrapLnav #ulLnav > li:nth-child(4) {width: 26%;}
#wrapLnav #ulLnav > li:nth-child(5) {width: 30%;}
#wrapLnav #ulLnav > li:nth-child(3),#wrapLnav #ulLnav > li:nth-child(4),#wrapLnav #ulLnav > li:nth-child(5){
  border-top: solid .4vw rgba(0,23,134,20%);
}
#wrapLnav #ulLnav > li:nth-child(1){margin: 0 0 0 calc(100% / 6);}
#wrapLnav #ulLnav > li:nth-child(2){margin: 0 calc(100% / 6) 0 0;}
#wrapLnav #ulLnav > li::after{
  content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: calc(50% - -1vw);
    width: 0.8vw;
    height: 0.8vw;
    background: url(/extlib/files/mwc2024/img/dot-lnav.png) no-repeat;
    background-size: 100% auto;
}
#wrapLnav #ulLnav > li:nth-child(2)::after,#wrapLnav #ulLnav > li:last-child::after{background: none;}
#wrapLnav #ulLnav > li a{  display: block;    padding: 4vw 0;    height: 17.4vw;}
#wrapLnav.en #ulLnav > li a{  display: block;    padding: 4vw 0;    height: 14.4vw;}
#wrapLnav #ulLnav > li:nth-child(4) a,#wrapLnav #ulLnav > li:nth-child(5) a{padding: 5.6vw 0 0;}
#wrapLnav #ulLnav > li:nth-child(3) a,#wrapLnav #ulLnav > li:nth-child(4) a,#wrapLnav #ulLnav > li:nth-child(5) a{height: 20vw; }
#wrapLnav.en #ulLnav > li:nth-child(3) a,#wrapLnav.en #ulLnav > li:nth-child(4) a,#wrapLnav.en #ulLnav > li:nth-child(5) a{height: 18vw; }


#wrapLnav #ulLnav > li a::after{
  bottom: 1vw;
  left: calc(50% - 1.6vw);
  font-size: 3.2vw;
}
#wrapLnav #ulLnav > li a .txtLnav{  display: block;  font-family: 'Montserrat' !important;  line-height: 1; margin: 0 auto 0.8vw;}
#wrapLnav #ulLnav > li a .noteLnav{display: block; font-size: 11px;line-height: 1;}

.bgBox {
  padding: 0;
    background: #0E0F5C;
    background-image: url(/extlib/files/mwc2024/img/bg-conccept-sp.png) ,url(/extlib/files/mwc2024/img/bg-conccept2-sp.png);
    background-blend-mode: normal, lighten;
    background-position: center top -18vw, center top;
    background-size: 145% auto, 100% auto;
    background-repeat: no-repeat;
}
#concept {  position: relative;  padding: 28vw 0 46vw;}
#innerConcept {  width: 90%;  padding: 15vw 8vw;  border-radius: 2vw;}
#concept .wrapLead{margin:0 auto 10%;}
#concept .lead {margin: 3vw auto;}
#concept .lead .bgLead{
  display: inline-block;
  font-size: 4.6vw;
  font-weight: 500;
  line-height: 1.0;
  padding: 1vw 2vw 1.4vw 2vw;
  background: #0E0F5C;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  clip-path: polygon(0 0, 100% 0, calc(100% - 2vw) 100%, 0 100%);
}
#concept .txt{line-height: 2.0;}
#concept .ulLink{margin:5% 0 0;}
#concept .ulLink > li{margin:0 auto 5%; font-size: 3vw;}
#concept .ulLink > li{margin:0 auto; }
#concept .ulLink > li a{position: relative;display: inline-block; color: #fff !important;}


#programs {
  padding: 20vw 0 20vw;
  background: url(/extlib/files/mwc2024/img/bg-programs.png) repeat-x center bottom;
  background-size: 100% auto;
}

  #timetable { padding: 20vw 0 0; color:#fff; }
  #timetable h2 { margin-bottom: 15%; }

#dayToggleWrap { position: relative; margin-bottom: 10%; overflow: hidden;}
#dayToggle { display: flex; justify-content: center; text-align: center; margin: 0 auto;  position: relative; }
  
#dayToggle li { width: calc(100% / 3); margin:0; }
#dayToggle li a { display: block; height: 12.6vw; border-bottom: solid .2vw rgba(255,255,255,0.25); font-size: 6vw; font-weight: 500; text-align: center; line-height: 1; font-family: 'Montserrat' !important; }
/*#programs.en #dayToggle li a{font-size: 5.2vw;}*/
#dayToggle li a:link,#dayToggle li a:hover,#dayToggle li a:active,#dayToggle li a:visited{color: #1EACE5;}
#dayToggle li a.on{border-bottom: solid .2vw rgba(255,255,255,1);}
#dayToggle li a .dow{font-size: 3vw; display: block; line-height: 1;}

.timetableBox { max-width:none; margin: 0 auto ; padding: 0 5%; }
.timetableBox .ulTTBox{}
.timetableBox .ulTTBox > li{margin: 0 auto 5%;}
.timetableBox .ulTTBox > li:last-child{margin: 0 auto;}
.timetableBox .ulTTBox > li .boxProgram{background: #fff; padding: 5%; border-radius: 2vw; color: #333; text-align: left;}
.timetableBox .ulTTBox > li .boxProgram.cs{background:radial-gradient(circle at center, #fff 0, #fff 10%, #d2eafe 50%, #38BFFF 90% , #38BFFF 100%);}
.timetableBox .ulTTBox > li .boxProgram.cs.withTime{background:radial-gradient(ellipse 60% 80% at center 75%, #fff 0, #fff 10%, #d2eafe 50%, #38BFFF 90% , #38BFFF 100%);}
.timetableBox .ulTTBox > li .boxProgram.cs .boxCS{padding:24vw 0; text-align: center;}
.timetableBox .ulTTBox > li .boxProgram.cs .boxCS .txt{font-size: 6vw; line-height: 6vw; font-family: 'Montserrat' !important; font-weight: 500; color: #1EACE5;}

.timetableBox .ulTTBox > li .boxProgram > .time{    font-size: 5vw;  line-height: 5vw;  font-family: 'Montserrat' !important;  font-weight: 600; text-align: center; }
.timetableBox .ulTTBox > li .boxProgram .wrapFlex{  display:block;  margin: 0 auto 0; padding: 5%;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSummary{width: 100%;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSummary .label{
  display: inline-block;
  width: auto;
  height: 6vw;
  font-size: 3.2vw;
  font-family: 'Montserrat' !important;
  font-weight: 600;
  color: #1EACE5;
  line-height: 5.6vw;
  border-radius: 3vw;
  text-align: center;
  padding: 0 2.4vw;
  border: solid #1EACE5 0.2vw;
  margin: 0 0 5%;
}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSummary .tit{font-size: 4vw;  font-family: 'Montserrat' !important; font-weight: 600; line-height: 1.2; margin: 0 auto 10%; }
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSummary .txt{}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSummary .tit.cs{color: #1EACE5; font-size: 5vw;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSummary .txt.cs{color: #1EACE5;  text-align: left;     padding: 0 0 7vw;font-size:5vw;  font-family: 'Montserrat' !important; font-weight: 600; line-height: 1;}

.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers{width: 100%; margin-top: 5%;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers{ display: flex; flex-wrap: wrap; margin: 0 auto;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers > li{width: 48%; margin: 0 2% 5% 0;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers > li:nth-child(even){margin: 0 0 5% 2%;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers > li .boxImg{margin-bottom:5% ; font-size: 0; line-height: 1;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers > li .boxImg img{display: block; width: 100%; border-radius: 1vw;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers > li .boxTxt .txt{ margin-bottom: 5%; font-size: 2.8vw;}
/*#programs.en .timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers.txtH .ulSpeakers > li .boxTxt .txt{min-height: 25vw;}*/
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers > li .boxTxt .name{font-size: 3.2vw;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers > li .boxTxt .txt.cs{ color: #1EACE5;font-size: 3.2vw;  font-family: 'Montserrat' !important; font-weight: 600; line-height: 1;}
.timetableBox .ulTTBox > li .boxProgram .wrapFlex .boxSpeakers .ulSpeakers > li .boxTxt .name.cs{color: #1EACE5;font-size: 3.2vw;  font-family: 'Montserrat' !important; font-weight: 600; line-height: 1;}

.timetableBox .ulTTBox > li .boxProgram .boxBtn{margin: 5% auto 0;}


/*Programs Other*/
#programs2{
  padding: 20vw 0 20vw;
  background:#0E0F5C url(/extlib/files/mwc2024/img/bg-programs.png) repeat-x center bottom;
  background-size: 100% auto;
}
#timetable2 { padding: 20vw 0 0; color:#fff; }
  #timetable2 h2 { margin-bottom: 15%; }

#dayToggleWrap2 { position: relative; margin-bottom: 10%; overflow: hidden;}
#dayToggle2 { display: flex; justify-content: center; text-align: center; margin: 0 auto;  position: relative; }
  
#dayToggle2 li { width:100%; margin:0; }
#dayToggle2 li div { display: block; height: 12.6vw; border-bottom: solid .2vw rgba(255,255,255,0.25); font-size: 6vw; font-weight: 500; text-align: center; line-height: 1; font-family: 'Montserrat' !important; }
/*#programs.en #dayToggle li a{font-size: 5.2vw;}*/
#dayToggle2 li div:link,#dayToggle2 li div:hover,#dayToggle2 li div:active,#dayToggle2 li div:visited{color: #1EACE5;}
#dayToggle2 li div.on{border-bottom: solid .2vw rgba(255,255,255,1);}
#dayToggle2 li div .dow{font-size: 3vw; display: block; line-height: 1;}
#timetable2 .timetableBox {display: block;}
#timetable2 .timetableBox .ulTTBox > li .boxProgram > .time{line-height: 1.4;}


#solution{
  padding: 8vw 0 20vw;
  background:#0E0F5C ;
  background-image: url(/extlib/files/mwc2024/img/bg-solution-sp.png), url(/extlib/files/mwc2024/img/bg-programs.png) ;
  background-repeat: no-repeat,repeat-x;
  background-position: center top,center bottom;
background-size:110% auto,100% auto;
background-blend-mode: lighten ,normal;
}
#solution .ulSolution{display: block; max-width: none;  margin: 15vw auto 0;}
#solution .ulSolution > li{width:100%;}
#solution .ulSolution > li:nth-child(odd){margin: 0 0; padding:0 16vw 8% 0;}
#solution .ulSolution > li:nth-child(even){margin: 0 0; padding:0 0 8% 16vw;}
#solution .ulSolution > li:last-child{padding-bottom:0 ;}
#solution .ulSolution > li .boxSolution{
  border-radius: 0;
  overflow: hidden;
  padding: 40vw 0 0 8vw;
}
#solution .ulSolution > li:nth-child(1) .boxSolution{  background:url(/extlib/files/mwc2024/img/bg-solution01-sp.png) no-repeat;  background-size:100% auto;}
#solution .ulSolution > li:nth-child(2) .boxSolution{  background:url(/extlib/files/mwc2024/img/bg-solution02-sp.png) no-repeat;  background-size:100% auto;}
#solution .ulSolution > li:nth-child(3) .boxSolution{  background:url(/extlib/files/mwc2024/img/bg-solution03-sp.png) no-repeat;  background-size:100% auto;}
#solution .ulSolution > li:nth-child(4) .boxSolution{  background:url(/extlib/files/mwc2024/img/bg-solution04-sp.png) no-repeat;  background-size:100% auto;}
#solution .ulSolution > li:nth-child(5) .boxSolution{  background:url(/extlib/files/mwc2024/img/bg-solution05-sp.png) no-repeat;  background-size:100% auto;}
#solution .ulSolution > li:nth-child(6) .boxSolution{  background:url(/extlib/files/mwc2024/img/bg-solution06-sp.png) no-repeat;  background-size:100% auto;}
#solution .ulSolution > li:nth-child(even) .boxSolution{border-radius: 2vw 0 0 2vw;}

#solution .ulSolution > li .boxSolution .wrapTit{    display: flex;
  background: url(/extlib/files/mwc2024/img/img-slash-zone-sp.png) no-repeat left 2vw top 1vw;
  background-size: auto 13vw;
  height: auto;
  margin: 0 auto 5%;}
#solution .ulSolution > li .boxSolution .wrapTit .zone{min-width: 9vw;  width: auto;  font-family: 'Montserrat' !important;  font-weight: 600;  line-height: 1;  font-size: 3.2vw;  text-align: center;  color: #1EACE5;}
#solution .ulSolution > li .boxSolution .wrapTit .zone .numZone{    font-family: 'Montserrat' !important;  font-weight: 500;  line-height: 1;  font-size: 6vw;  font-style: italic;  display: block;  text-align: center;      padding: 0 1.4vw 0 0;}
#solution .ulSolution > li .boxSolution .wrapTit .tit{    width: 100%;  padding: 11vw 0 0 0;  text-align: left;  font-family: 'Montserrat' !important;  font-weight: 500;  line-height: 1.2;  font-size: 5vw; /* font-style: italic;*/margin: 0 0 0 -3vw;}
#solution .ulSolution > li:nth-child(4) .boxSolution .wrapTit .tit,#solution .ulSolution > li:nth-child(5) .boxSolution .wrapTit .tit,#solution .ulSolution > li:nth-child(6) .boxSolution .wrapTit .tit{padding: 11vw 0 0 0; }
#solution .ulSolution > li .boxSolution .boxSummary{
  background: #53C8FF;
  border-radius: 2vw 0 2vw 2vw;
  padding: 15% 10%;
  color: #333;
  text-align: left;
  margin: 0 0 0 6vw;
}
#solution .ulSolution > li:nth-child(even) .boxSolution .boxSummary{border-radius: 2vw 0 0 2vw;}
#solution .ulSolution > li .boxSolution .boxSummary .tit{    font-family: 'Montserrat' !important;  font-weight: 700;  line-height: 1.4;  font-size: 3.8vw;  /*margin: 0 auto 15%;*/margin: 0 auto;  min-height: unset;}
#solution .ulSolution > li .boxSolution .boxSummary .ulLink{margin:5% 0 0;}
#solution .ulSolution > li .boxSolution .boxSummary .ulLink > li{margin:0 auto 5%; font-size: 3vw;}
#solution .ulSolution > li .boxSolution .boxSummary .ulLink > li:last-child{margin:0 auto ;}
#solution .ulSolution > li .boxSolution .boxSummary .ulLink > li a{position: relative;display: inline-block; color: #333 !important;}
.linkPdf{padding-left: 4.2vw; line-height: 3vw; line-height: 1.4;}
.linkPdf::after{
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: .8vw;
  width: 3vw;
  height: 3vw;
  background-image: url(/extlib/files/mwc2024/img/icon-pdf.png);
  background-size: 100% 100%;
}
.linkTxt::after {
  content: '\FF1E';
  display: inline-block;
  position: absolute;
  right: -5vw;
  top: 0;
  transform: scale(.6, 1);
  font-size: 100%;
  font-weight: bold;
}

#map {
  background: #2680eb;
  background-image: url(/extlib/files/mwc2024/img/bg-map1.png), url(/extlib/files/mwc2024/img/bg-map2.png);
  background-repeat: repeat, no-repeat;
  background-size: auto,100% 584px;
  background-position: left top -3vw, center top;
  color: #fff;
  padding: 20vw 0 20vw;
}
#boxMap{    max-width: unset;  width: 90%;  margin: 0 auto 0;  background: #fff;  border-radius: 4vw;  overflow: hidden;}
#boxMap img{width: 100%;}

#contact{
  background: #0E0F5C;
  background-image: url(/extlib/files/mwc2024/img/bg-contact1-sp.png), url(/extlib/files/mwc2024/img/bg-contact2-sp.png);
  background-repeat: no-repeat, no-repeat;
  background-size:125% auto,100% auto;
  background-position: center top 3vw, center bottom;
  color: #fff;
  padding: 20vw 0 20vw;
  text-align: center;
}
#contact .ulContact > li{font-size: 3.6vw; line-height: 1.8; }
#contact .ulContact > li .bgWhite{
  display: inline-block;
  background-color: #fff;
  padding: 0 3vw;
  border-radius: .6vw;
  width: 60%;
  line-height: 12vw;
  font-weight: 600;
}
#contact .ulContact > li .name{font-size: 3.8vw; font-weight:normal; display: inline-block; padding: 0; background: none;}
#contact .ulContact > li .bar-contact{font-size: 7vw;  font-weight: lighter;  line-height: 6vw;}
.linkBlank{position: relative;display: inline-block; color: #fff !important; padding-left: 5.4vw; line-height: 3.6vw;}
.linkBlank::after{
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: .6vw;
  width: 3.4vw;
  height: 3.4vw;
  background-image: url(/extlib/files/mwc2024/img/icon-blank.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
  

  ul.noteList { text-align: left; font-size: 3vw; margin-bottom: 10%; margin-left: 3%; }
  ul.noteList li { line-height: 2; text-indent: -1em; }
  ul.noteList li:first-child { font-weight: 600; }
  
  p.flwNoteTxt { color: #333; font-size: 3.4vw; text-align: left; margin-top: 10%; }
  .btn.flw { margin: 0 auto 3%; max-width: 640px; font-size: 5vw; height: 15vw; line-height: 15vw; border-radius: 7.5vw; }
  .btn.flw.gray { margin: 0 auto 3%; max-width: 640px; font-size: 5vw; height: 15vw; line-height: 15vw; border-radius: 7.5vw; }
  

  
  #banner { background: #eee; padding: 15vw 0; }
  #banner ul { max-width: unset; margin: 0 auto; display: block; width: 90%; justify-content: space-between; }
  #banner ul li { width: 100%; margin-bottom: 5%; }
  #banner ul li:last-child { margin-bottom: 0; }
  #banner ul li img { width: 100%; }
  
  #mwc2024 h2 { font-family: 'Montserrat' !important; font-size: 7.6vw; font-weight: 600; line-height: 1.4; padding-bottom: 10vw; text-align: center; position: relative; z-index: 1; }
  #mwc2024 #concept h2 {padding-bottom: 12vw;}
  #mwc2024 #contact h2 {padding-bottom: 12vw;}
  #mwc2024 h2 span { font-family: 'Noto Sans JP'; font-size: 44%; font-weight: 400; display: block; }
  #mwc2024 h2 + .titleNote{width: 80%; margin: 0 auto; text-align: left;}
  #mwc2024 h2 + .titleNote .note{font-size: 2.8vw;}
  

  
  .mdlMov{
    display: block;
    height: 10vw;
    line-height: 9.8vw;
    font-size: 4vw;
    max-width: none;
    width: 100%;
    border: 1px solid #eb5505;
    border-radius: 5vw;
    margin-bottom: 0;
    text-align: center;
  }
  .mdlMov img {
    vertical-align: middle;
    width: 7vw;
  }
  
  
  #bgmodal { background: rgba(0,0,0,.8); position: fixed; top: 0; left: 0; z-index: 122; width: 100%; height: 0; overflow: hidden; }
  #bgmodal.opn { height: 100vh; }
  #bgmodalclose { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/extlib/files/summit2022/img/icon-close.png) right 5% top 3vh no-repeat; background-size: 4vh; }
  .yt #bgmodalclose {background: url(/extlib/files/summit2022/img/icon-close.png) right 5% top calc(50% - 33vw) no-repeat; background-size: 4vh; }
  #bgmodalInner { position: absolute; width: 90%; max-width: 880px; background: #fff; height: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 6px; overflow: hidden; }
  #bgmodalInner > div { position: relative; height: 100%; }
  .bgmodal_video { /*width: 130vw; height: auto; position:absolute; top: 0%; left: 50%; transform: translate(-50%, 0);*/ }
  .mdlContent { width: 100%; height: 100%; overflow: auto; position: relative; z-index: 1; display: none; padding: 3% 0 0; }
  .mdlContent.on { display: block; }
  .mdlContent h3 { font-size: 8vw; color: #fff; font-family: 'Montserrat'; font-weight: 600; margin-bottom: 8%; padding: 0 5%; }
  .mdlContent h3 span { display: inline-block;}
  .mdlContent h3 span.day { font-size: 4vw; position: relative; top: -.5vw; }
  .mdlContent h3 span.day span { font-size: 4vw; vertical-align: middle; }
  .mdlContent h3 span.num { font-size: 4vw; padding: 0 10% 0 3%; background: url(/extlib/files/summit2022/img/timetable-h3-heading.png) left center no-repeat; background-size: 1.2vw; vertical-align: middle; position: relative; }
  .mdlContent h3 span.num::after { content: ''; display: block; width: 0; height: 8.4vw; border-left: .4vw solid #fff; transform: rotate(30deg); position: absolute; right: 3vw; top: -2vw }
  .mdlContent h3 + p { text-align: center; color: #fff; font-size: 3.4vw; line-height: 2; margin-bottom: 10%;padding: 0 5%; }
  .mdlContent.president h3 + p { text-align: center; color: #fff; font-size: 3.4vw; line-height: 2; margin-bottom: 30%;padding: 0 10%; }
  .mdlDiscImg { width: 100%; margin-bottom: 15%;}
  .mdlDiscImg2 { text-align: center!important;}
  .mdlDiscImg2 img { width: 98%; display: block; margin:0 auto ; }
  .mdlDiscImg2 img:first-child { margin:-10vw auto 0; }
  .modalSummaryWrap { background: #fff; text-align: center; padding: 0 8% 5%; width: 100%; }
  .modalSummaryWrap img.thumb { margin-top: -25%; width: 100%; border-radius: 2vw; }
  .modalSummary { display: block; justify-content: space-between; color:#0e0d6a; padding-top: 5%; }
  .modalSummary > div:first-child { width: 100%; text-align: left; margin-bottom: 10%; }
  .modalSummary > div:nth-child(2) { width: 100%; text-align: left; margin-bottom: 10%; }
  .modalSummary > div:nth-child(3) { width: 100%; text-align: left; margin-bottom: 10%; }
  .modalSummary > div h4 { font-size: 4vw; padding-bottom: 2%; border-bottom: .6vw solid #0e0d6a; margin-bottom: 5%; font-weight: 500; }
  .modalSummary > div p { font-size: 3.4vw; line-height: 1.8; margin-bottom: 3%; }
  
  .biography p span { font-weight: bold; }
  


      


footer {  z-index: 101 !important;}
}

.fcBlue{color: #00B1FF;}

body.open { overflow: hidden; }
#day8_5 { display: none;}
#ytmov { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.view-pc { display: block!important; }
.view-sp { display: none!important; }


@media screen and (max-width:767.98px) {
    .view-pc { display: none!important; }
    .view-sp { display: block!important; }
}