@charset "UTF-8";
/*-----------------------------------------------
reset
-----------------------------------------------*/
/* --- reset CSS--- */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ""; }
abbr, acronym { border: 0; }
ul { list-style: none; }
a {  text-decoration: none; }
a:focus {  outline: none; }
a:link {  text-decoration: none;}
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
input,button,textarea,select { font-size: 100%; margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; appearance: none; }
hr { display: block; border: none; padding: 0; margin: 0; }
body { font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
@media screen and (min-width: 768px){
  #header { position: fixed; display: flex; justify-content: space-between; align-items: center; width: 100%; background: #fff; z-index: 20; transition: .6s; height: 86px; box-shadow: 0 0 10px 10px rgb(0 0 0 / 20%); }
  #header > p { margin-left: 20px; width: 140px;  }
  #header > p img { width: 100%; margin-top: -2px; }
  #header > a { display: none; }
  #header > div#gnav { padding-right: 15px; text-align: right; width: calc(100% - 140px); }
  #header > div#gnav div ul { display: flex; justify-content: flex-end; align-items: center; padding: 20px 0; font-family: 'Montserrat'; width: 100%; }
  #header > div#gnav ul li { display: inline-block; padding: 0 2%; width:fit-content; }
  #header > div#gnav ul li a span { display: block!important; font-size: 60%; margin-top: 5%; }
  #header > div#gnav ul li a { display: block; transition: .4s; position: relative; text-align: center; color:#333; }
  #header > div#gnav ul li a:hover { color:#0E0D6A; }
  #header > div#gnav ul li a::after { content: ''; border-bottom: 2px solid #0E0D6A; position: absolute; bottom: -3px; left: 50%; width: 0%; transition: .4s; }
  #header > div#gnav ul li a:hover::after { width: 100%; left: 0; }
  #header > div#gnav ul li:last-child { font-family: 'Noto Sans JP', sans-serif; background-image: linear-gradient(90deg, #00b5e9, #1328ba); border-radius: 40px;  background-image: linear-gradient(90deg, #eb5505, #c94701); border-radius: 40px; margin-left: 8%; padding: 0 2%; }
  #header > div#gnav ul li.archive { padding: 0 5%;}
  #header > div#gnav ul li.archive:last-child a { line-height: 1.2; font-size: 14px; padding: 0; padding: 7.8% 0%; }

  #header > div#gnav ul li.gray:last-child { font-family: 'Noto Sans JP', sans-serif; background-image: linear-gradient(90deg, #00b5e9, #1328ba); border-radius: 40px;  background-image: linear-gradient(90deg, #555, #555); border-radius: 40px; margin-left: 8%; padding: 0 2%; }
  #header > div#gnav ul li:last-child a { padding: 12px 50px; font-size: 18px; color:#fff}
  #header > div#gnav ul li.gray a { pointer-events: none; }
  #header > div#gnav ul li:last-child a span { font-size: 100%; margin-top: 0; display: block;}
  #header > div#gnav ul li:last-child a::after { display: none; }
  #header > div#gnav ul li:last-child a:hover { opacity: .6;}
  #header > div#humberger { display:none; }

 .mvin #header { position: fixed; display: flex; justify-content: space-between; width: 100%; background: transparent; font-family: 'Noto Sans JP'; z-index: 20; box-shadow: none; }
 .mvin #header > p { margin-left: 20px; width: 140px; }
 .mvin #header > p a { display: none; }
 .mvin #header > div#gnav { padding-right: 15px; text-align: right; width: calc(100% - 140px); }
 .mvin #header > div#gnav ul li a { display: block; color:#fff; }
 .mvin #header > div#gnav ul li:last-child { color:#fff; }
 .mvin #header > div#gnav ul li:last-child a { /*font-size: 18px;*/ }
 .mvin #header > div#gnav ul li a::after { border-bottom: 2px solid #fff; }
 .mvin #header > div#gnav ul li:last-child a span { font-size: 100%; margin-top: 0; }


 footer { background: #fff; position: relative; z-index: 19; font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;  }
 footer #footerLinkList2 { padding-bottom: 80px; }
 footer #footerLinkList2 ul { max-width: 960px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; padding-top: 40px; }
 footer #footerLinkList2 ul li { margin-top: 30px; }
 footer #footerLinkList2 ul li a { display: block; padding: 0 25px; position: relative; color: #929292!important; }
 footer #footerLinkList2 ul li a::before { content: '\FF1E'; position: absolute; transform: scale(.5,.8); left: 0; top: 0; }
 footer #footerLinkList2 ul li a:hover { text-decoration: underline; color: #1d9bff!important; }
 footer #copyright { text-align: center; display: flex; justify-content: center; align-items: center; padding-bottom: 20px; }
 footer #copyright p.logo { width: 64px; margin-right: 20px; }
 footer #copyright p.logo img { width: 100%; margin-bottom: 5px; }
 footer #copyright p.ipv { width: 120px; margin-right: 30px; }
 footer #copyright p.ipv img { width: 100%; }
 footer #copyright small { font-size: 10px; }
}
@media screen and (max-width:1000px) {
  #header { height: 76px;}
  #header > p img { }
  #header > div#gnav ul li a { font-size: 14px; }
  #header > div#gnav ul li:last-child a { padding: 8px; font-size: 14px;}
  #header > div#gnav ul li:last-child { margin-left: 2%;}
}
@media screen and (max-width:767.98px) {
  body { font-size: 3.4vw; line-height: 1.5;}
  #header { position: fixed; width: 100%; font-family: 'Noto Sans JP'; z-index: 20; height: 13vw; background: #fff; }
  #header > p { position: relative; height: 0; z-index: 1; }
  #header > p img { position: absolute; top: 3vw; left: 3vw; width: 27vw; margin-top: 0; }
  #header > a { position: relative; height: 10vw; line-height: 10vw; text-align: center; border-radius: 5vw; display: block; left: 37vw; top: 1.4vw; color: #fff!important; z-index: 1; background-image: linear-gradient(90deg, #eb5505, #c94701); width: 40%; }
  #header > a.gray { position: relative; height: 10vw; line-height: 10vw; text-align: center; border-radius: 5vw; display: block; left: 37vw; top: 1.4vw; color: #fff!important; z-index: 1; background-image: linear-gradient(90deg, #555, #555); width: 40%; pointer-events: none;}
  #header > a.archive { position: relative; height: 10vw; line-height: 1.2; text-align: center; border-radius: 5vw; display: block; left: 37vw; top: 1.4vw; font-size: 2.8vw; padding-top: 1.6vw; color: #fff!important; z-index: 1; background-image: linear-gradient(90deg, #eb5505, #c94701); width: 40%; }
  
  
  
  #header > div#gnav { transition: .6s; transform: translateY(-100vh); height: 1vh; overflow: hidden;  }
  #header > div#gnav.opn { transform: translateY(0); /*background: rgba(0,0,0,.3);*/height: 100vh; }
  #header > div#gnav ul { padding: 22vw 0 5%; height: 100%; background: #fff; }
  #header > div#gnav ul li { padding: 4% 25%; text-align: center; font-family: 'Montserrat'; }
  #header > div#gnav ul li span { display: block; font-size: 60%; font-weight: 300; }
  #header > div#gnav ul li a { display: block; text-align: center; font-size: 5vw; font-weight: 600; color: #12115b!important; }
  #header > div#gnav ul li:last-child { display: none; border: 1px solid #111; width: 60%; margin: 0 auto; padding: 3% 5%; margin-top: 5%; }
  #header > div#gnav ul li:last-child a { padding: 1vw 0; text-align: center; font-size: 80%;}

  #header > div#humberger { position: absolute; top: 5vw; right: 3vw; width: 6vw; height: 6vw; }
  #header > div#humberger a { position: relative; width: 6vw; height: 6vw; display: block;}
  #header > div#humberger a span { display: block; border-top: 1px solid #0E0D6A; margin: 0 auto 22%; width: 6vw; line-height: 0; transition: .6s; }
  #header > div#humberger.opn a span { margin: 0;}
  #header > div#humberger.opn a span:nth-child(1) { position: absolute; transform: rotate(45deg); top: 0; left:0 } 
  #header > div#humberger.opn a span:nth-child(2) { opacity: 0; } 
  #header > div#humberger.opn a span:nth-child(3) { position: absolute; transform: rotate(-45deg); top: 0; left:0 } 

  .mvin #header { background: none; }
  .mvin #header > p { display: none; }
  .mvin #header > a { display: none; }
}

/*
@media screen and (min-width:767px) and (max-width:896.98px) {
  #header { position: fixed; width: 100%; font-family: 'Noto Sans JP'; z-index: 20; height: 14vw; }
  #header > p { width: 12vw; height: 14vw; background:#0E0D6A; text-align: center; position: relative; z-index: 1; }
  #header > p::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 4vw 12vw 0 0; border-color: #0E0D6A transparent transparent transparent; position: absolute; bottom: -4vw; left: 0; }
  #header > p img { width: 10vw; height: 10vw; margin-top: 2vw; }
  #header > div#gnav { transition: .6s; transform: translateX(100%); margin-top: -14vw; height: 100vh;  }
  #header > div#gnav.opn { transform: translateX(0); }
  #header > div#gnav ul { padding: 14vw 0 5%; height: 100%; background: #fff; margin-left: 26%; }
  #header > div#gnav ul li { padding: 5% 25%; }
  #header > div#humberger { position: absolute; top: 4vw; right: 3vw; width: 4vw; height: 4vw; }
  #header > div#humberger a { position: relative; width: 4vw; height: 4vw; display: block;}
  #header > div#humberger a span { display: block; border-top: 1px solid #0E0D6A; margin: 0 auto 14%; width: 4vw; line-height: 0; transition: .6s; }
  #header > div#humberger.opn a span { margin: 0;}
  #header > div#humberger.opn a span:nth-child(1) { position: absolute; transform: rotate(45deg); top: 0; left:0 } 
  #header > div#humberger.opn a span:nth-child(2) { opacity: 0; } 
  #header > div#humberger.opn a span:nth-child(3) { position: absolute; transform: rotate(-45deg); top: 0; left:0 }
}**/

@media screen and (min-width: 0px) and (max-width:767.98px) {
  footer { background: #fff; position: relative; z-index: 101; padding-bottom: 16vw; font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; z-index: 2; }
  footer #footerLinkList2 { padding-bottom: 3%; }
  footer #footerLinkList2 ul { margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 5% 4%; }
  footer #footerLinkList2 ul li { line-height: 3; white-space: nowrap; }
  footer #footerLinkList2 ul li a { display: block; text-align: left; font-size: 3vw; padding: 0 3.8vw 0 3.4vw; position: relative; color: #929292!important }
  footer #footerLinkList2 ul li a::before { content: '\FF1E'; position: absolute; transform: scale(.5,.8); left: 0; top: 0; }
  
  footer #copyright { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 0 5% 5%; }
  footer #copyright p.logo { width: 22%; margin-right: 12%; }
  footer #copyright p.logo img { width: 100%; margin-bottom: 4%; }
  footer #copyright p.ipv { width: 30%;  }
  footer #copyright p.ipv img { width: 100%; }
  footer #copyright small { font-size: 2.4vw; display: block; width: 100%; text-align: center; padding-top: 3%  }
}

#mv { background: #0E0D6A; height: 100vh; position: relative; overflow: hidden; text-align: center; }
#bgWrap { width: 100%; min-width: 1280px; height: 100%; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

  #bgmv { width: 100%; height: 100%; position: relative; overflow: hidden; }
  #bgmv img { position: absolute; top: 50%; left: 50%; transition: 0; transform: translate(-50%, -50%) scale(1); height: 100%; opacity: 0; }
  #bgmv img.show { opacity: 1; } 
  #bgmv img.msk { -webkit-clip-path: polygon(47% 34%, 53% 34%, 47% 34%, 47% 56%, 53% 56%, 47% 56%); clip-path: polygon(47% 34%, 53% 34%, 47% 34%, 47% 56%, 53% 56%, 47% 56%); transition: 0; /*transition-property: clip-path;*/}
  #bgmv img.msk.on { -webkit-clip-path: polygon(47% 34%, 53% 34%, 53% 38%, 53% 52%, 53% 56%, 47% 56%);clip-path: polygon(47% 34%, 53% 34%, 53% 38%, 53% 52%, 53% 56%, 47% 56%); transition: 1.2s; }
  #bgmv img.msk.zoom1 {-webkit-clip-path: polygon(-100% -400%, 200% -400%, 200% -400%, 200% 400%, 200% 400%, -100% 400%); clip-path: polygon(-100% -400%, 200% -400%, 200% -400%, 200% 400%, 200% 400%, -100% 400%); transition: 4.8s; transform: translate(-50%, -50%) scale(1.1); }
  #bgmv img:nth-child(1) { z-index: 2; }
  #bgmv img:nth-child(2) { z-index: 1; }
  h1 { position: absolute; top: calc(50% - 60px); left: 50%; transform: translate(-50%, -50%) scale(.7); z-index: 3; min-width: 640px; opacity: 0; transition: 1.3s; transition-delay: .3s;}
  h1 div.endTxt { text-align: center; display: block; width: 100%; margin-top: 30px; color: #eb5505; border: 2px solid #eb5505; font-size: 30px; font-weight: bold; background: #fff; line-height: 1; padding: 5px 0 8px; }
  h1 div.endNote { text-align: center; margin: 12px auto 0; font-size: 14px; }
  h1.show { opacity: 1; transform: translate(-50%, -50%) scale(1);}
  .bg_video { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1; }
  #eventDate { height: 115px; position: absolute; z-index: 4; width: 100%; bottom:0; left: 0; background: #fff;}
  #eventDate.on { height: 115px; position: absolute; z-index: 4; width: 100%; bottom:0; left: 0; background: #fff;}
  #eventDate > div { max-width: 1120px; margin: 0 auto; display: flex; justify-content: space-between; height: 100%; }
  #eventDate > div > div:first-child { width: 54%; text-align: left; position: relative; }
  #eventDate.d0226 > div > div:first-child { text-align: center; }
  #eventDate > div > div:last-child { width: 100%; text-align: center; }
  #eventDate > div > div img { width: 100%; position: absolute; left: 0; bottom: 20px; }
  #eventDate > div > div a.btn { font-size: 20px; margin-top: 17px; vertical-align: middle; }
  
  #eventDate > div.archiveShow > div p { font-size: 24px; text-align: center; font-weight: bold; height: 115px; line-height: 115px; display: inline-block;
    background: linear-gradient(135deg, #0e0d6a 0%, #0599e6 100%);
    background: -webkit-linear-gradient(-45deg, #0e0d6a 0%, #0599e6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

  #eventDate .btn.login.archive { line-height: 1.2; font-size: 18px; padding-top: 3.4%; margin-top: 17px; vertical-align: middle; }

#information { padding: 20px 0; background: #e9eef8;}
#informationInner { max-width: 1040px; margin: 0 auto; }
#informationInner ul li { text-align: left; display: flex; margin-bottom: 8px; line-height: 1.6; }
#informationInner ul li:last-child { margin-bottom: 0; }
#informationInner ul li span:first-child { width: 15%; }
#informationInner ul li span:last-child { width: 85%; }

#about { padding: 140px 0; background: url(/extlib/files/summit2022/img/bg-about.jpg) no-repeat center top; background-size: 100% ; text-align: center; color:#0E0D6A; }
#about h2 { margin-bottom: -85px; }
#aboutBox { position: relative; max-width: 700px; margin: 0 auto;  }
#aboutInnerWrap { filter: drop-shadow(0 10px 16px rgba(97,194,255,.5)); }
 
#aboutInner { background: rgba(255,255,255,.8); padding: 150px 20px 60px; -webkit-clip-path: polygon(15% 0, 100% 0, 100% 80%, 83% 100%, 0 100%, 0 20%);  clip-path: polygon(15% 0, 100% 0, 100% 80%, 83% 100%, 0 100%, 0 20%); transition: .6s; box-shadow: inset 100px 100px 100px rgba(255,255,255,.8),
  inset -100px -100px 100px rgba(255,255,255,.8); }
#aboutInner.op { clip-path: polygon(15% 0, 100% 0, 100% 90%, 83% 100%, 0 100%, 0 9%); }
#aboutInner p { line-height: 1.8; margin-bottom: 20px; font-size: 16px; }
#statementMore { display: none;} 
#statementMore p { color: transparent; background-image: linear-gradient(135deg, #00b5e9, #1328ba); background-size: cover; background-clip: text; -webkit-background-clip: text; }
a#moreStatement { display: block; margin: 20px auto 40px; width: 370px; height: 45px; line-height: 45px; border: 1px solid #00a3ef; color: #00a3ef!important; border-radius: 23px; position: relative; }
a#moreStatement::after { content:'\FF1E'; display: inline-block; transform: rotate(90deg) scale(.6,1); position: absolute; top: 0; right: 20px; }
a#moreStatement.op::after { transform: rotate(-90deg) scale(.6,1); }

#timetable { padding: 140px 0; background:rgba(19,40,186,.5); 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'; 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: 83px; overflow: hidden;}
#dayToggle { max-width: 1041px; display: flex; justify-content: center; text-align: center; margin: 0 auto; background: url(/extlib/files/summit2023/img/tab-02.png) no-repeat; background-size: 100%; position: relative; }
#dayToggle::before { width: 100%; height: 2px; background: #fff; position: absolute; bottom: 0; left: -100%; content: ''; display: block; }
#dayToggle::after { width: 100%; height: 2px; background: #fff; position: absolute; bottom: 0; right: -100%; content: ''; display: block; }
#dayToggle.even { background: url(/extlib/files/summit2023/img/tab-01.png) no-repeat; background-size: 100%; }
#dayToggle li { width: 48%; margin: 0 1%; height: 89px; }
#dayToggle li a { display: block; height: 100%; }

#timetable h3 { font-size: 50px; color: #fff; font-family: 'Montserrat'; font-weight: 600; margin-bottom: 90px; /*margin-top: -66px;*/ }
#timetable h3 span { display: inline-block;}
#timetable h3 span.day { font-size: 23px; position: relative; top: -5px; }
#timetable h3 span.day span { font-size: 30px; vertical-align: middle; margin-bottom: 1px; }
#timetable h3 span.num { font-size: 30px; padding: 0 32px; background: url(/extlib/files/summit2023/img/timetable-h3-heading.png) left center no-repeat; background-size: 10px; position: relative; top: -5px; }
#timetable h3 span.num::after { content: ''; display: block; width: 0; height: 56px; border-left: 1px solid #fff; transform: rotate(30deg); position: absolute; right: 13px; top: -13px }
#timetable p.titleNote { text-align: center; font-size: 14px; margin-bottom: 90px; }
.timetableBox { max-width: 1040px; margin: 0 auto 60px; }
.keynoteWrap { padding-left: 65px; padding-bottom: 25px; margin-bottom: 0px; margin-bottom: 40px; border-left: solid 3px #0E0D6A; position: relative; }
.keynoteWrap.nobdr { border-color: transparent; }
.keynoteWrap::before { content:''; position: absolute; left: -15px; top: -33px; display: block; width: 26px; height: 26px; border-radius: 14px; border: 7px solid #0E0D6A; } 
.keynote { position: relative; /*display: flex; flex-wrap: wrap;*/  color:#0E0D6A; background: #fff; overflow: hidden; border-radius: 6px; }
.keynote.president { /*display: flex; justify-content: space-between; flex-wrap: wrap;*/}
.keynote.president > div:nth-child(2) { width: 100%; }
.keynote.president > div:nth-child(1) { width: 100%; position: relative; overflow: hidden; }
.keynote.president > div:nth-child(1) img { /*height: auto; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 0 6px 6px 0;*/ }
.keynote.president > div:nth-child(3) { width: 100%; }
.keynote.president .summaryTxtBox { padding: 70px 45px; }
.keynote .summaryTxtBox > div.titleFx { display: flex; }
.keynote .summaryTxtBox > div.titleFx div.labelBox { width: 20%; }
.keynote .summaryTxtBox > div.titleFx p.title { width: 65%; }
.keynote.president .summaryTxtBox > div.titleFx { display: block; }
.keynote.president .summaryTxtBox > div.titleFx div.labelBox { width: 100%; }
.keynote.president .summaryTxtBox > div.titleFx p.title { width: 100%; }
.keynote .summaryTxtBox { padding: 50px 45px; }

.speechWrap.prevnospace { padding-bottom: 0; }
.speechWrap.nospace { margin-top: 0; }
.speechWrap { padding-left: 65px; padding-bottom: 25px; margin-bottom: 0px; margin-bottom: 40px; border-left: solid 3px #0E0D6A; position: relative; }
.speechWrap.nobdr { border-color: transparent; }
.speechWrap::before { content:''; position: absolute; left: -15px; top: -33px; display: block; width: 26px; height: 26px; border-radius: 14px; border: 7px solid #0E0D6A; } 
.speechWrap.nospace::after { content:''; position: absolute; left: 0; top: -70px; display: block; width: calc( 100% - 65px); margin-left: 65px; height: 80px; background: #fff; } 

.speech { /*display: flex;*/ color:#0E0D6A; background: #fff; overflow: hidden; border-radius: 6px; overflow: hidden; }
/*.speech > div:first-child { width: 35%; position: relative; overflow: hidden; }
.speech > div:first-child img { height: auto; width: 100%; border-radius: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.speech > div:last-child { width: 65%; }*/
.speech > div { position: relative; }
.speech > div.speechInFlx { display: flex; justify-content: space-between; padding: 45px;}
.speech > div.speechInFlx > span { display: block; width: 32%; position: relative; text-align: center; background: url(../img/howatto.png) center center no-repeat; }
.speech > div.speechInFlx a { display: block; width: 32%; position: relative; transition: .6s;}
.speech > div.speechInFlx > span p { position: absolute; top: 50%; align-items: center; left: 50%; transform: translate(-50%, -50%); color:#001daf; }
.speech > div.speechInFlx a:hover { opacity: .6;}
.speech > div.speechInFlx .summaryTxtBox { min-height: 400px; position: relative; padding: 15px 15px 175px; border: 1px solid #f1f1f1; border-radius: 8px; overflow: hidden; }
.speech > div.speechInFlx.d0228 .summaryTxtBox { width:32%;}
.speech > div.speechInFlx.d0228 a { width: 100%; max-width: 240px; }
.speech .summaryTxtBox { padding: 45px; }
.disc { width: 100%; margin: 0 auto; max-width: 640px; display: block;}
.keynote img,.keynote2 img,.speech img { /*width: 100%;*/ }
.keynoteWrap .time { position: absolute; top: -20px; left: 40px; background: #001daf; color: #fff; border-radius: 0 4px 4px 4px; padding: 5px 16px; font-family: 'Montserrat'; font-size: 23px; font-weight: 300; z-index: 1; }
.keynoteWrap .time::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 24px 17px 0; border-color: transparent #001daf transparent transparent; position: absolute; top: 0; left: -23px; }
.speechWrap .time { position: absolute; top: -20px; left: 40px; background: #001daf; color: #fff; border-radius: 0 4px 4px 4px; padding: 5px 16px; font-family: 'Montserrat'; font-size: 23px; font-weight: 300; z-index: 1; }
.speechWrap .time::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 24px 17px 0; border-color: transparent #001daf transparent transparent; position: absolute; top: 0; left: -23px; }
.keynote.president .label { border: 2px solid #eb5505; border-radius: 16px; line-height: 1; display: inline-block; color: #eb5505; padding: 5px 10px; margin-bottom: 20px; background: #fff; }
.keynote .label { border: 2px solid #eb5505; border-radius: 16px; line-height: 1; display: inline-block; color: #eb5505; padding: 5px 10px; margin-bottom: 20px; background: #fff; }
.speech .label { border: 2px solid #eb5505; border-radius: 14px; line-height: 1; display: inline-block; color: #eb5505; padding: 5px 8px; position: absolute; top: 5px; right: 5px; background: #fff; }
.category { margin-bottom: 20px; }
.speechInFlx .category { min-height: 3em; }
.category li { border: 1px solid #00a3ef; background: #fff; line-height: 1; display: inline-block; color: #00a3ef; padding: 3px 6px; margin-right: 5px; font-size: 73%; white-space: nowrap; }
.castBox { display: flex; flex-wrap: wrap; justify-content: space-between; }
.castBox > div { width: 48%; display: flex; justify-content: space-between; margin-bottom: 20px; align-items: center; }
.speechInFlx .castBox > div { width: 100%; display: flex; justify-content: space-between; margin-bottom: 20px; align-items: center; }
.castBox > div img { width: 30%; }
.castBox > div div { width: 67%; }
.castBox > div.mori { width: 60%; }
.castBox > div.mori img { width: 25%; }
.castBox > div.mori div { width: 72%; }
.castBoxKey2 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.castBoxKey2 > div {  }
.castBoxKey2 > div img { width: 60%; margin: 0 20% 20px; }
.castBoxKey2 > div img.l { width: 100%; margin: 0 0 20px;}
.speech .name.mbName { margin-bottom: 20px; }

.castBox > div.comingsoon { display: flex; border: 1px solid #f1f1f1; min-height:150px; border-radius: 8px; position: relative; }
.castBox > div.comingsoon p.cms { height: 100%; width: 30%;  background: url(../img/howatto.png) center center no-repeat;  position: relative; margin-bottom: 0; }
.castBox > div.comingsoon p.cms span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 10px; }
/*.castBoxKey2 > div > div { width: 65%; }*/
.hrGuest { position: relative; text-align: center; margin-bottom: 20px;}
.hrGuest::before { content:''; position: absolute; width: 100%; height: 6px; top: 10px; left: 0; background: linear-gradient(90deg, #00b5e9, #1328ba);  }
.hrGuest p { display: inline-block; position: relative; background: #fff; padding: 2px 15px; line-height: 1; }
/*.keynote.president .castBox > div { width: 70%;} */
.keynote.president .program { display: flex; text-align: left; margin-bottom: 20px; }
.keynote.president .titleSch {font-size: 22px; font-weight: 500; white-space:nowrap; }
.keynote.president .titleParagraph { font-size: 22px; font-weight: 500; margin-bottom: 24px; }
.keynote.president .titleParagraph span { font-size: 70%; display: block; }
.keynote .title { font-size: 22px; font-weight: 400; margin-bottom: 18px; }
.keynote .title span { font-size: 70%; display: block; }
.speech .title { font-size: 20px; font-weight: 400; margin-bottom: 18px; }
.speech div.speechInFlx .title { color: #0E0D6A; font-size: 16px; min-height: 7em; }
.speech div.speechInFlx .title span { color: #0E0D6A; font-size: 88%; }
.keynote.president .text { margin-top: 30px; padding-top: 0;}
.keynote .text { padding: 30px 0 ; font-size: 14px;}
.keynote.president .post { font-size: 15px;}
.keynote .post{ font-size: 13px;}
.speech .post { font-size: 12px;}
.keynote.president .name { font-size: 21px;}
.keynote .name{ font-size: 16px; margin-bottom: 6px;}
.speech .name { font-size: 15px; margin-bottom: 6px;}

.speech div.speechInFlx .post,
.speech div.speechInFlx .name { color: #0E0D6A; }

.keynote .modalLnk,.speech .modalLnk { text-align: right; position: absolute; bottom: 0; right: 0; width: 100%; }
.keynote .modalLnk p,.speech .modalLnk p { color: #eb5505; display: inline-block; margin-right: 55px; margin-bottom: 9px; }
.keynote .modalLnk p span,.speech .modalLnk p span { display: inline-block; position: absolute; width: 20px; height: 10px; bottom: 13px; right: 8px; z-index: 1; background: url(/extlib/files/summit2022/img/icon-btn-arow.png) no-repeat center right; background-size: 24px; }
.keynote .modalLnk p::after,.speech .modalLnk p::after { content: ''; display: block; position: absolute; bottom: 0; right: -1px; width: 0; height: 0; border-style: solid; border-width: 0 0 60px 60px; border-color: transparent transparent #eb5505 transparent; }
.speech .speechInFlx .modalLnk p::after { border-width: 0 0 50px 50px; }

.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); }

#day8_5 { /*padding-top: 75px;*/}

#flow { padding: 140px 0; text-align: center; background: #e9eef8; color:#0E0D6A; }
#flowInner { max-width: 1040px; margin: 0 auto; }
ul.flow { display: flex; justify-content: space-between; margin-bottom: 40px; }
ul.flow li { width: 33.333%; }
ul.flow li > p { text-align: left; font-size: 35px; margin-bottom: -25px; padding-left: 20px; font-weight: 300; position: relative; z-index: 1; position: relative; }
ul.flow li > p::after { content: ''; display: block; height: 80px; border-left: 1px solid #0e0d6a; transform: rotate(45deg); width: 0; position: absolute; top: 3px; left: 48px; }
ul.flow li .iconbox { height: 134px; width: 100%; }
ul.flow li:nth-child(1) .iconbox { background: url(/extlib/files/summit2023/img/icon-flow-1.png) center center no-repeat; background-size: 50px auto; }
ul.flow li:nth-child(2) .iconbox { background: url(/extlib/files/summit2023/img/icon-flow-2.png) center center no-repeat; background-size: 57px auto; }
ul.flow li:nth-child(3) .iconbox { background: url(/extlib/files/summit2023/img/icon-flow-3.png) center center no-repeat; background-size: 65px auto; }
ul.flow li > div { width: 84%; height: 100%; background: #fff; border-radius: 4px; position: relative; padding: 20px 0 20px 20px; }
ul.flow li > div div.delta { position: absolute; background: #fff; clip-path: polygon(0 0, 0% 100%, 100% 50%); height: 100%; top: 0; right: -9.8%; width: 10%; }
ul.flow li:last-child > div { width: 100%; padding: 20px; }
ul.flow p { font-size: 15px; margin-bottom: 10px; }
ul.flow .title { color: #009ae2; font-size: 22px; font-weight: 400; margin-bottom: 20px; }
ul.flow p a { text-decoration: underline!important; }
ul.flow p a.d0222 { color: #666!important; text-decoration: underline!important; pointer-events: none;}
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; }
.btn.login { margin: 0 auto; max-width: 320px; font-size: 23px; height: 92px; line-height: 92px; border-radius: 46px; background-image: url(/extlib/files/summit2022/img/icon-btn-arow.png), linear-gradient(90deg, #eb5505, #c94701); background-repeat: no-repeat; background-size: 19px,100%; background-position: right 5% center, center center; }

.btn.login.archive { line-height: 1.2; padding-top: 1.4%; }
#eventDate .btn { width: 47%; margin: 0; margin-right: 5%; }
#eventDate .btn.login { margin: 0; margin-top: 17px; font-size: 23px; height: 80px; line-height: 80px; border-radius: 40px; background-image: url(/extlib/files/summit2023/img/icon-btn-arow.png), linear-gradient(90deg, #eb5505, #c94701); background-repeat: no-repeat; background-size: 19px,100%; background-position: right 5% center, center center; }

.btn.login.gray { background-image: none, linear-gradient(90deg, #555, #555); background-repeat: no-repeat; background-size: 19px,100%; background-position: right 5% center, center center; }
#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; }


#contact { padding: 140px 0; text-align: center;  background: url(/extlib/files/summit2023/img/bg-about.jpg) no-repeat center cent er; background-size: cover; color:#0E0D6A;}
#contact p span { padding: 0 40px; position: relative; display: inline-block; }
#contact p span::before { content:''; position: absolute; top:-5px; left: 20px; display: block; width: 40px; border-bottom: 1px solid #0E0D6A; transform: rotate(126deg); }

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

h2 { font-family: 'Montserrat'; font-size: 43px; font-weight: 600; line-height: 1.4; padding-bottom: 40px; margin-bottom: 60px; text-align: center; position: relative; z-index: 1; background: url(/extlib/files/summit2023/img/h2_line.png) center bottom no-repeat; background-size: 115px; }
h2 span { font-family: 'Noto Sans JP'; font-size: 30%; font-weight: 400; display: block; }

.btn { display: inline-block; text-align: center; height: 80px; line-height: 80px; color: #fff; width: 100%; background-image: url(/extlib/files/summit2023/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;}

#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; }


.d0228Lnk{ background:#edf1f8; padding: 35px; text-align: center; }
.d0228Lnk a { transition: .6s;}
.d0228Lnk a:hover { opacity: .6;}
.d0228Lnk a:first-child { background:#fff; color: #0e0d6a!important; display: inline-block; height: 60px; line-height: 58px; max-width: 350px; width: 45%; border: 1px solid #0e0d6a; border-radius: 30px; margin-right: 40px; }
.d0228Lnk a:last-child {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; }
.d0228Lnk a:last-child img {vertical-align: middle; width: 25px;margin-bottom: 4px;}

.speech > div.speechInFlx .summaryTxtBox .d0228Lnk{ text-align: center; width: 100%; margin-left: -15px; margin-top: 40px; padding: 25px 2%; position: absolute; bottom: 0;}
.speech > div.speechInFlx .summaryTxtBox .d0228Lnk a:first-child { height: 45px; line-height: 43px; border: 1px solid #0e0d6a; border-radius: 23px; margin: 0 auto 10px; }
.speech > div.speechInFlx .summaryTxtBox .d0228Lnk a:last-child { height: 45px; line-height: 43px; border: 1px solid #eb5505; border-radius: 23px; margin: 0 auto; }


@media screen and (min-width: 768px) and (max-width: 880px){
#bgmodalclose { background: url(/extlib/files/summit2022/img/icon-close.png) right 0 top 20px no-repeat; background-size: 30px; }
}
@media screen and (min-width: 0px) and (max-width: 767.98px){

  #mv { background: #0E0D6A; height: 120vw; position: relative; overflow:visible; text-align: center; }
  /*#bgWrap { width: 100%; min-width: 1280px; height: 100%; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }*/
  
    #bgmv { width: 100%; height: 100%; position: relative; overflow: hidden; }
    #bgmv img { position: absolute; top: 50%; left: 50%; transition: 0; transform: translate(-56%, -50%) scale(1); transform-origin: 56% 50%; height: 100%; opacity: 0; }
    #bgmv img.show { opacity: 1; }
    #bgmv img.msk { -webkit-clip-path: polygon(53% 40%, 59% 40%, 53% 40%, 53% 60%, 59% 60%, 53% 60%); clip-path: polygon(53% 40%, 59% 40%, 53% 40%, 53% 60%, 59% 60%, 53% 60%); transition: 0; /*transition-property: clip-path;*/}
    #bgmv img.msk.on { -webkit-clip-path: polygon(53% 40%, 59% 40%, 59% 42%, 59% 58%, 59% 60%, 53% 60%); clip-path: polygon(53% 40%, 59% 40%, 59% 42%, 59% 58%, 59% 60%, 53% 60%); transition: 1.2s; }
    #bgmv img.msk.zoom1 { -webkit-clip-path: polygon(-100% -400%, 200% -400%, 200% -400%, 200% 400%, 200% 400%, -100% 400%); clip-path: polygon(-100% -400%, 200% -400%, 200% -400%, 200% 400%, 200% 400%, -100% 400%); transition: 4.4s; transform: translate(-56%, -50%) scale(1.1); transform-origin: 56% 50%; }
    #bgmv img:nth-child(1) { z-index: 2; }
    #bgmv img:nth-child(2) { z-index: 1; }
    h1 { position: absolute; top: calc(50%); left: 50%; transform: translate(-50%, -50%) scale(.8); z-index: 3; min-width: auto; width: 100%; opacity: 0; transition: 1.3s; text-align: center; transition-delay: .3s;}
    h1 div.endTxt { text-align: center; display: block; margin: 5% auto 0; width: 80%; color: #eb5505; border: 2px solid #eb5505; font-size: 4.8vw; font-weight: bold; background: #fff; }
    
  h1 div.endNote { text-align: left;   margin: 2% 3% 0; font-size: 2.8vw; }
    h1 img { width: 80%;}
    h1.show { opacity: 1; transform: translate(-50%, -50%) scale(1);}
    .bg_video { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1; }
    #eventDate { height: 40vw; position: absolute; z-index: 4; width: 100%; bottom:-40vw; left: 0; background: #fff; }
    /*#eventDate.on { height: 20vw; position: absolute; z-index: 4; width: 100%; }*/
    #eventDate > div { max-width: none; margin: 0; display: block; justify-content: space-between; height: 100%; }
    #eventDate > div > div:first-child { width: 100%; text-align: center; position: relative; top: -13vw; }
    #eventDate > div > div:last-child { width: 90%; margin: 0 auto; text-align: center; position: relative; top: -13vw;}
    #eventDate > div > div img { width: 90%; position: relative; left: auto; bottom: auto; }
    #eventDate > div > div a.btn { font-size: 5vw; margin-top: 3%; }

    #eventDate > div.archiveShow > div:first-child { width: 100%; text-align: center; position: relative; top: 0; }
    /*#eventDate > div.archiveShow > div:last-child { width: 90%; margin: 0 auto; text-align: center; position: relative; top: 0;}*/
    
  #eventDate > div.archiveShow > div p { font-size: 6vw; text-align: center; font-weight: bold; height: 20vw; line-height: 22vw;
    
   }

  #eventDate.d0214 { height: 64vw; bottom:-64vw; }
  #eventDate.d0222 { height: 22vw; bottom:-22vw; }
  #eventDate.d0226 { height: 64vw; bottom:-64vw; }
  #eventDate.d0228 { height: 22vw; bottom:-22vw; }

  #information { padding: 3% 8%; background: #e9eef8; margin-top: 40vw;}
  #information.d0214 { padding: 3% 8%; background: #e9eef8; margin-top: 64vw;}
  #information.d0222 { padding: 3% 8%; background: #e9eef8; margin-top: 22vw;}
  #information.d0226 { padding: 3% 8%; background: #e9eef8; margin-top: 64vw;}
  #information.d0228 { padding: 3% 8%; background: #e9eef8; margin-top: 22vw;}
  #informationInner { max-width: 1040px; margin: 0 auto; }
  #informationInner ul li { text-align: left; margin-bottom: 8px; line-height: 1.6; }
  #informationInner ul li:last-child { margin-bottom: 0; }
  #informationInner ul li span:first-child { width: 26%; }
  #informationInner ul li span:last-child { width: 74%; }

  
  #about { padding: 20vw 0; background: url(/extlib/files/summit2022/img/bg-about.jpg) no-repeat center top; background-size: cover; text-align: center; color:#0E0D6A; }
  #about h2 { margin-bottom: -22vw; }
  #aboutBox { position: relative; max-width: 700px; width: 86%; margin: 0 auto;  }
  #aboutInnerWrap { filter: drop-shadow(0 10px 16px rgba(97,194,255,.5)); }
   
  #aboutInner { background: rgba(255,255,255,.8); padding: 37% 5% 10%; clip-path: polygon(14% 0, 100% 0, 100% 90%, 86% 100%, 0 100%, 0 10%); transition: .6s; box-shadow: inset 100px 100px 100px rgba(255,255,255,.8),
    inset -100px -100px 100px rgba(255,255,255,.8); }
  #aboutInner.op { clip-path: polygon(14% 0, 100% 0, 100% 95%, 86% 100%, 0 100%, 0 5%); }
  #aboutInner p { line-height: 1.8; margin-bottom: 5%; font-size: 3.2vw; }
  #statementMore { display: none;}
  #statementMore p { color: transparent; background-image: linear-gradient(135deg, #00b5e9, #1328ba); background-size: cover; background-clip: text; -webkit-background-clip: text; text-align: left; padding: 0 4%; }
  a#moreStatement { display: block; margin: 8% auto; width: 90%; height: 12vw; line-height: 12vw; border: 1px solid #00a3ef; color: #00a3ef!important; border-radius: 6vw; position: relative; }
  a#moreStatement::after { content:'\FF1E'; display: inline-block; transform: rotate(90deg) scale(.6,1); position: absolute; top: 0; right: 3vw; }
  a#moreStatement.op::after { transform: rotate(-90deg) scale(.6,1); }
  
  #timetable { padding: 20vw 0; background:rgba(19,40,186,.5); color:#fff; }
  #timetable h2 { margin-bottom: 15%; }
  
  .ancBox { text-align: right; position: relative; }
  .ancBox a { position: relative;}
  .ancBox a::after { content:'\FF1E'; display: inline-block; transform: rotate(90deg) scale(.7,1); font-size: 3.4vw; position: absolute; top: auto; right: auto; bottom: 1%; left: 0; width: 100%; }
  #timetable .lnkNxtDay { text-align: center; font-size: 5vw; color: #0e0d6a; font-family: 'Montserrat'; font-weight: 600; display: inline-block; background: #fff; border-radius: 6px; padding: 2% 2% 5%; line-height: 1.1; }
  #timetable .lnkNxtDay span { display: block; }
  #timetable .lnkNxtDay span.day { font-size: 3vw; position: relative; bottom: -3px; display: inline; }
  #timetable .lnkNxtDay span.day span { font-size: 3.2vw; display: inline; }
  #timetable .lnkNxtDay span.num { font-size: 3.2vw; padding: 0; position: relative; }
  #timetable .lnkNxtDay span.num::after { display: none; }
  
  #timetable h3 { font-size: 8vw; color: #fff; font-family: 'Montserrat'; font-weight: 600; margin-bottom: 11vw; margin-top: -14vw; }
  #timetable h3 span { display: inline-block;}
  #timetable h3 span.day { font-size: 3.6vw; position: relative; top: -5px; font-weight: 300; }
  #timetable h3 span.day span { font-size: 4.8vw; vertical-align: middle; }
  #timetable h3 span.num { font-size: 5vw; padding: 0 8% 0 5%; background: url(/extlib/files/summit2022/img/timetable-h3-heading.png) left center no-repeat; background-size: 10px; vertical-align: middle; position: relative; top:0; }
  #timetable h3 span.num::after { content: ''; display: block; width: 0; height: 10vw; border-left: 1px solid #fff; transform: rotate(30deg); position: absolute; right: 3vw; top: -2vw }
  #timetable p.titleNote { text-align: center; font-size: 2.9vw; margin-bottom: 10%; padding: 0 5% 0 8%; text-align: left; }
  #timetable p.titleNote.d0226 {text-indent: 0;}
  .timetableBox { max-width: 1040px; margin: 0 auto 60px; padding: 0 5%; }
  .keynoteWrap { padding-left: 5%; padding-bottom: 2%; margin-bottom: 12%; border-left: solid 3px #0E0D6A; position: relative; }
  .keynoteWrap.nobdr { border-color: transparent; }
  .keynoteWrap::before { content:''; position: absolute; left: -4.5vw; top: -9vw; display: block; width: 7.4vw; height: 7.4vw; border-radius: 3.7vw; border: 2.4vw solid #0E0D6A; } 
  .keynote { position: relative; display: block; color:#0E0D6A; background: #fff; border-radius: 2vw; }
  .keynote > div:nth-child(2) { width: 100%; }
  .keynote > div:nth-child(1) { width: 100%; }
  /*.keynote > div:nth-child(1) img { height: auto; position: relative; top: 0; left: 0; transform: translate(0,0); width: 100%; }*/
  .keynote.president .summaryTxtBox { padding: 8%; }
  .keynote .summaryTxtBox { padding: 8%; }
  
  .speechWrap.prevnospace { padding-bottom: 0; }
  .speechWrap { padding-left: 5%; padding-bottom: 2%; margin-bottom: 12%; border-left: solid 3px #0E0D6A; position: relative;}
  .speechWrap.nobdr { border-color: transparent; }
  .speechWrap::before { content:''; position: absolute; left: -4.5vw; top: -9vw; display: block; width: 7.4vw; height: 7.4vw; border-radius: 3.7vw; border: 2.4vw solid #0E0D6A; } 
  .speechWrap.nospace::after { content:''; position: absolute; left: 0; top: -15vw; display: block; width: calc( 100% - 5%); margin-left: 5%; height: 17vw; background: #fff; } 
  
  .speech { display: block; flex-wrap: wrap; color:#0E0D6A; background: #fff; border-radius: 2vw; overflow: hidden; }
  .speech > div:first-child { width: 100%; }
  .speech > div:first-child img { height: auto; position: relative; top: 0; left: 0; transform: translate(0,0); }
  .speech > div:last-child { width: 100%; }
  .speech > div { position: relative; }
  .speech .summaryTxtBox { padding: 8%; }

  .speech > div.speechInFlx { display: block; padding: 5%; }
.speech > div.speechInFlx > span { width: 100%; margin-bottom: 5%; background-size: 100%; }
.speech > div.speechInFlx > a { width: 100%; margin-bottom: 5%;}
.speech > div.speechInFlx .summaryTxtBox { height: 100%; min-height:auto; position: relative; padding: 3% 3% 0;  }
.speech > div.speechInFlx.d0228 .summaryTxtBox { width: 100%;}
.disc { width: 100%; margin-top: 5%;}
  .keynote img,.keynote2 img,.speech img { width: 100%; }
  .keynoteWrap .time { position: absolute; top: -6vw; left: 11%; background: #001daf; color: #fff; border-radius: 0 4px 4px 4px; padding: 1% 5%; font-family: 'Montserrat'; font-size: 5vw; font-weight: 300; z-index: 1; }
  .keynoteWrap .time::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 6vw 3vw 0; border-color: transparent #001daf transparent transparent; position: absolute; top: 0; left: -5.8vw; }
  .speechWrap .time { position: absolute; top: -6vw; left: 11%; background: #001daf; color: #fff; border-radius: 0 4px 4px 4px; padding: 1% 5%; font-family: 'Montserrat'; font-size: 5vw; font-weight: 300; z-index: 1; }
  .speechWrap .time::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 6vw 3vw 0; border-color: transparent #001daf transparent transparent; position: absolute; top: 0; left: -5.8vw; }
  .keynote.president .label { border: 2px solid #eb5505; border-radius: 4vw; line-height: 1; display: inline-block; color: #eb5505; padding: 2% 4%; margin-bottom: 5%; background: #fff; }
  .keynote .label { border: 2px solid #eb5505; border-radius: 4vw; line-height: 1; display: inline-block; color: #eb5505; padding: 2% 4%; margin-bottom: 5%;  background: #fff; }
  .speech .label { border: 2px solid #eb5505; border-radius: 4vw; line-height: 1; display: inline-block; color: #eb5505; padding: 2% 4%; position: absolute; top: 5px; right: 5px; background: #fff; }
  .category { margin-bottom: 5%; display: flex; flex-wrap: wrap;  }
  .category li { border: 1px solid #00a3ef; background: #fff; line-height: 1; color: #00a3ef; padding: 1% 2%; margin-right: 1%; margin-bottom: 1%; font-size: 80%; white-space: nowrap; }
  .castBox,.castBoxKey2 { display: block; }
  .castBox > div,.castBoxKey2 > div { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 3%; align-items: center; }
  .castBox > div img,.castBoxKey2 > div img { width: 30%; margin: 0; }
  .castBox > div div,.castBoxKey2 > div div { width: 65%; }
  .castBoxKey2 > div img.l { width: 50%; margin: 0 40% 5% 0;}
  .castBoxKey2 > div img.l + div {width: 100%;}
  .castBox > div.comingsoon {height: 26vw; min-height: auto; display: flex; border: 1px solid #f1f1f1; border-radius: 8px; position: relative; }
  .castBox > div.comingsoon p.cms { height: 100%; width: 30%;  background: url(../img/howatto.png) center center no-repeat; text-align: center;  position: relative; }
  .castBox > div.comingsoon p.cms span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 2.8vw; }

.speech .name.mbName { margin-bottom: 5%; }

.castBox > div.mori { width: 100%; }
.castBox > div.mori img { width: 30%; }
.castBox > div.mori div { width: 65%; }

  .speechInFlx .category { min-height: auto; }
.speech div.speechInFlx .title { color: #0E0D6A; font-size: 3.6vw; min-height: auto; }
.speech div.speechInFlx .title span { color: #0E0D6A; font-size: 88%; }

.speech .speechInFlx .modalLnk p::after { border-width: 0 0 14vw 14vw; }

  .hrGuest { position: relative; text-align: center; margin-bottom: 5%;}
  .hrGuest::before { content:''; position: absolute; width: 100%; height: 1vw; top: 2.4vw; left: 0; background: linear-gradient(90deg, #00b5e9, #1328ba);  }
  .hrGuest p { display: inline-block; position: relative; background: #fff; padding: 1vw 3vw; line-height: 1; }

  
  .keynote.president > div:nth-child(2) { width: 100%; }
.keynote.president > div:nth-child(1) { width: 100%; position: relative; overflow: hidden; }
.keynote.president > div:nth-child(1) img { height: auto; /*width: 100%; position: relative; top: 0%; left: 0%; transform: translate(0); border-radius: 0;*/ }
.keynote.president { display: block; }
.keynote.president .program { display: block; text-align: left; margin-bottom: 8%; }
.keynote.president .titleSch {font-size: 4.8vw; font-weight: 500; display: block; }
.keynote.president .titleParagraph { font-size: 4.8vw; font-weight: 500; margin-bottom: 5%; }
.keynote.president .titleParagraph span { font-size: 70%; display: block; }
  .keynote .title { font-size: 4.8vw; font-weight: 400; margin-bottom: 5%; }
  .keynote .title span { font-size: 70%; display: block; }
  .speech .title { font-size: 4.6vw; font-weight: 400; margin-bottom: 5%; }
  .keynote.president .text { /*margin-bottom: 5%;*/}
  .keynote.president .castBox > div { width: 100%;}
  .keynote.president .summaryTxtBox > div.titleFx { display: block;}
  .keynote.president .summaryTxtBox > div.titleFx div.labelBox { width: 100%;}
  .keynote.president .summaryTxtBox > div.titleFx p.title { width: 100%;}
  .keynote .text { padding: 0 0 12%; font-size: 3.4vw;}
  .keynote.president .post { font-size: 3vw;}
  .keynote .post{ font-size: 3vw;}
  .speech .post { font-size: 3vw;}
  .keynote.president .name { font-size: 4vw;}
  .keynote .name{ font-size: 3.4vw; margin-bottom: 3%;}
  .speech .name { font-size: 3.4vw; margin-bottom: 3%;}
  .keynote .modalLnk,.speech .modalLnk { text-align: right; position: absolute; bottom: 0; right: 0; width: 100%; }
  .keynote .modalLnk p,.speech .modalLnk p { font-size: 130%; color: #eb5505; display: inline-block; margin-right: 12vw; margin-bottom: 2.4vw; }
  .keynote .modalLnk p span,.speech .modalLnk p span { position: absolute; width: 5vw; height: 5vw; bottom: 2.6vw; right: 1.4vw; z-index: 1; transition: .6;}
  .keynote .modalLnk p::after,.speech .modalLnk p::after { content: ''; display: block; position: absolute; bottom: 0; right: -1px; width: 0; height: 0; border-style: solid; border-width: 0 0 14vw 14vw; border-color: transparent transparent #eb5505 transparent; }
  

  #day8_5 { padding-top: 0;}
  
  #flow { padding: 20vw 0; text-align: center; background: #e9eef8; color:#0E0D6A; }
  #flowInner { max-width: 1040px; margin: 0 auto; padding: 5% 7%; }
  ul.flow { display: block; justify-content: space-between; margin-bottom: 0px; }
  ul.flow li { width: 100%; margin-bottom: 10%; }
  ul.flow li > p { text-align: left; font-size: 7.2vw; margin-bottom: -6vw; margin-left: -2vw; padding-left: 0; font-weight: 300; position: relative; z-index: 1; position: relative; }
  ul.flow li > p::after { content: ''; display: block; height: 17vw; border-left: 1px solid #0e0d6a; transform: rotate(40deg); width: 0; position: absolute; top: 1vw; left: 6vw; }
  ul.flow li .iconbox { height: 10vw; width: 20%; }
  ul.flow li:nth-child(1) .iconbox { background: url(/extlib/files/summit2022/img/icon-flow-1.png) center center no-repeat; background-size: 8vw auto; }
  ul.flow li:nth-child(2) .iconbox { background: url(/extlib/files/summit2022/img/icon-flow-2.png) center center no-repeat; background-size: 9vw auto; }
  ul.flow li:nth-child(3) .iconbox { background: url(/extlib/files/summit2022/img/icon-flow-3.png) center center no-repeat; background-size: 10vw auto; }
  ul.flow li > div { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; background: #fff; border-radius: 4px; position: relative; padding: 5%; }
  ul.flow li > div div.delta { position: absolute; background: #fff; clip-path: polygon(0 0, 50% 10vw, 100% 0%); height: 10vw; bottom: -9.9vw; right: .5%; top: auto; width: 99%; }
  ul.flow li:last-child > div { width: 100%; padding: 9% 5%; }
  ul.flow p { font-size: 3.5vw; margin-bottom: 3%; margin-top: 5%; width: 100%; text-align: left; }
  ul.flow .title { color: #009ae2; font-size: 5vw; font-weight: 400; margin-top: 0; margin-bottom: 0;  width: auto;}
  ul.flow p a {  text-decoration: underline!important; }
  ul.flow p a.d0222 { color: #666!important; text-decoration: underline!important; pointer-events: none;}
  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; }
  
  #contact { padding: 20vw 0; text-align: center;  background: url(/extlib/files/summit2022/img/bg-about.jpg) no-repeat center center; background-size: cover; color:#0E0D6A;}
  #contact p span { padding: 7% 0 0; width: 20%; margin: 0 auto 7%; position: relative; display: block; border-bottom: 1px solid #0E0D6A; }
  #contact p span::before { display: none; }
  
  #banner { background: #eee; padding: 10vw 0; }
  #banner ul { max-width: 1040px; 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%; }
  
  h2 { font-family: 'Montserrat'; font-size: 10vw; font-weight: 600; line-height: 1.4; padding-bottom: 9vw; margin-bottom: 5vw; text-align: center; position: relative; z-index: 1; background: url(/extlib/files/summit2022/img/h2_line.png) center bottom no-repeat; background-size: 36%; }
  h2 span { font-family: 'Noto Sans JP'; font-size: 44%; font-weight: 400; display: block; }
  
  
  .btn.login.archive { line-height: 1.2; font-size: 4.8vw; padding-top: 1.4%; }
  .btn { display: block; text-align: center; height: 15vw; line-height: 15vw; color: #fff; width: 100%; background-image: url(/extlib/files/summit2022/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: 8vw; }
  .btn.gray { background-image: none, linear-gradient(90deg, #555, #555); background-repeat: no-repeat; background-size: 6vw auto, 100%; background-position: right 10% center, center center; pointer-events: none;}
  #eventDate .btn { width: 100%; margin: 0; margin-bottom: 2%; }
  #eventDate .btn.login { width: 100%; margin: 0; margin-bottom: 0%; max-width: none; height: 15vw; line-height: 15vw; border-radius: 8vw; font-size: 5vw; }

  #eventDate .btn.login.archive { height: 15vw; line-height: 1.2; font-size: 4.8vw; padding-top: 1.4%; }
  
  #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; }
  

#dayToggleWrap { position: relative; margin-bottom: 20%; overflow: hidden;}
#dayToggle { display: flex; justify-content: center; text-align: center; margin: 0 auto; background: url(/extlib/files/summit2023/img/tab-02_sp.png) no-repeat; background-size: 100%; position: relative; }
#dayToggle.even { background: url(/extlib/files/summit2023/img/tab-01_sp.png) no-repeat; background-size: 100%; }
#dayToggle li { width: 48%; margin: 0 1%; height: 26vw; }
#dayToggle li a { display: block; height: 100%; }
      
.d0228Lnk{ background:#edf1f8; padding: 5%; text-align: center; }
.d0228Lnk a { transition: .6s;}
.d0228Lnk a:hover { opacity: 1;}
.d0228Lnk a:first-child { display: block; height: 10vw; line-height: 9.8vw; font-size: 4vw; max-width:none; width: 100%; border: 1px solid #0e0d6a; border-radius: 5vw; margin-bottom: 3%; }
.d0228Lnk a:last-child { 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; }
.d0228Lnk a:last-child img {vertical-align: middle; width: 7vw;}

.speech > div.speechInFlx .summaryTxtBox { margin-bottom: 5%;}
.speech > div.speechInFlx .summaryTxtBox .d0228Lnk{ text-align: center; width: calc(100% + 8%); margin-left: -4%; margin-top: 5%; padding: 5%; position: relative; bottom: 0;}
.speech > div.speechInFlx .summaryTxtBox .d0228Lnk a:first-child { height: 10vw; line-height: 9.8vw; font-size: 4vw; max-width:none; border: 1px solid #0e0d6a; border-radius: 5vw; margin: 0 auto 3%; }
.speech > div.speechInFlx .summaryTxtBox .d0228Lnk a:last-child { height: 10vw; line-height: 9.8vw; font-size: 4vw; max-width:none; border: 1px solid #eb5505; border-radius: 5vw; margin: 0 auto; }
}

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; }
}