@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap");
/*------------------------------------------------
 Basic setting
--------------------------------------------------*/
:root {
  --darkgray: #333333;
  --purple: #1b1464;
  --darkblue: #13274c;
  --lightblue: #0078d4;
  --lightpurple: #6f7dd2;
  --bgpurple: #e0e7f7;
  --clmp76: clamp(50px, 7.9167vw, 76px);
  --clmp51: clamp(40px, 5.3125vw, 51px);
  --clmp42: clamp(32px, 4.3750vw, 42px);
  --clmp36: clamp(28px, 3.7500vw, 36px);
  --clmp34: clamp(26px, 3.5417vw, 34px);
  --clmp31: clamp(24px, 3.2292vw, 31px);
  --clmp30: clamp(24px, 3.1250vw, 30px);
  --clmp28: clamp(22px, 2.9167vw, 28px);
  --clmp26: clamp(20px, 2.7083vw, 26px);
  --clmp24: clamp(19px, 2.5000vw, 24px);
  --clmp23: clamp(18px, 2.3958vw, 23px);
  --clmp21: clamp(17px, 2.1875vw, 21px);
  --clmp20: clamp(16px, 2.0833vw, 20px);
  --clmp19: clamp(16px, 1.9792vw, 19px);
  --clmp17: clamp(15px, 1.7708vw, 17px);
  --clmp16: clamp(14px, 1.6667vw, 16px);
  --clmp14: clamp(12px, 1.4583vw, 14px);
  --clmp13: clamp(12px, 1.3542vw, 13px);
  --clmp12: clamp(11px, 1.2500vw, 12px);
}
#fwl2026 {
  background: #fff;
  font-family: "Noto Sans JP","メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","MS PGothic",sans-serif;
  color: var(--darkgray);
}
#fwl2026 p {
  font-size: var(--clmp16);
  line-height: 1.8;
  margin: 0;
  padding: 0;
}
@media all and (max-width: 780px) {
  #fwl2026 p {
    line-height: 1.6;
  }
}
#fwl2026 .disp_tb,
#fwl2026 .disp_tb-mb,
#fwl2026 .disp_mb {
  display: none;
}
@media (min-width: 561px) and (max-width: 780px) {
  #fwl2026 .disp_pc-tb,
  #fwl2026 .disp_tb,
  #fwl2026 .disp_tb-mb {
    display: inline;
  }
  #fwl2026 .disp_pc {
    display: none;
  }
}
@media all and (max-width: 560px) {
  #fwl2026 .disp_tb-mb,
  #fwl2026 .disp_mb {
    display: inline;
  }
  #fwl2026 .disp_pc,
  #fwl2026 .disp_pc-tb,
  #fwl2026 .disp_tb {
    display: none;
  }
}
#fwl2026 img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
#fwl2026 .notes {
  font-size: var(--clmp12) !important;
}
#fwl2026 .l-2025-page__section {
  padding: 0;
}
#fwl2026 .offsetindent {
  text-indent: -0.5em;
}
#fwl2026 .closed {
  display: inline-block;
  margin-bottom: 1em;
  padding: 0.5em 0.75em;
  background-color: #dd4173;
  font-size: var(--clmp12);
  color: #fff;
  line-height: 1;
}

/*------------------------------------------------
 Hero
--------------------------------------------------*/
#fwl2026 #hero .hero_inr {
  background: url("/sites/default/files/dynabook-b2b/business/ai/ai-ready/images8/hero_bg_pc.jpg") no-repeat center bottom / clamp(2400px, 214.2857vw, 3000px);
}
#fwl2026 #hero .hero_title {
  padding-top: var(--clmp51);
  padding-bottom: var(--clmp20);
  text-align: center;
}
#fwl2026 #hero .hero_title img {
  filter: drop-shadow(4px 4px 4px rgba(255,255,255,0.8)) drop-shadow(-4px -4px 4px rgba(255,255,255,0.8));
}
#fwl2026 #hero .hero_title p img {
  width: min(28.1250vw, 270px);
}
#fwl2026 #hero .hero_title h1 {
  padding-top: clamp(25px, 4.1667vw, 40px);
  padding-top: var(--clmp42);
}
#fwl2026 #hero .hero_title h1 img {
  width: min(92.2917vw, 886px);
}
#fwl2026 #hero .hero_title .lead {
  padding-top: var(--clmp20);
  font-size: var(--clmp36);
  font-weight: 700;
  color: var(--purple);
  filter: drop-shadow(4px 4px 4px rgba(255,255,255,0.8)) drop-shadow(-4px -4px 4px rgba(255,255,255,0.8));
}
#fwl2026 #hero .hero_title .lead span {
  display: inline-block;
}
#fwl2026 #hero .hero_bottom {
  display: grid;
  grid-template-columns: 1fr auto;
  padding-bottom: var(--clmp20);
}
#fwl2026 #hero .hero_bottom .hero_date p:first-of-type {
  padding-bottom: var(--clmp16);
}
#fwl2026 #hero .hero_bottom .hero_date,
#fwl2026 #hero .hero_bottom .hero_free {
  align-self: end;
}
#fwl2026 #hero .hero_bottom .hero_date p img {
  width: clamp(250px, 36.1458vw, 347px);
}
#fwl2026 #hero .hero_bottom .hero_date p span {
  display: inline-block;
  background-color: #1b1464;
  background-image: linear-gradient(90deg, #1b1464 0%, #0092ff 34.25%, #7553ff 60.48%, #c03bc4 100%);
  padding: 6px 10px;
  margin-bottom: 5px;
  font-size: var(--clmp21);
  color: #fff;
  font-weight: 700;
  line-height: 1;
}
#fwl2026 #hero .hero_bottom .hero_date p span:first-of-type {
  background-color: #1b1464;
  background-image: linear-gradient(90deg, #1b1464 0%, #0092ff 34.25%, #7553ff 100%);
  padding: 2px 10px 4px;
  font-size: var(--clmp26);
}
#fwl2026 #hero .hero_bottom .hero_free {
  justify-self: end;
  display: grid;
}
#fwl2026 #hero .hero_bottom .hero_free img,
#fwl2026 #hero .hero_bottom .hero_free p {
  grid-row: 1;
  grid-column: 1;
  align-self: center;
  justify-self: center;
}
#fwl2026 #hero .hero_bottom .hero_free img {
  width: clamp(160px, 23.4375vw, 225px);
}
#fwl2026 #hero .hero_bottom .hero_free p {
  color: #fff;
  text-align: center;
  font-size: var(--clmp19);
  font-weight: 600;
  line-height: 1.4;
}
#fwl2026 #hero .hero_bottom .hero_free p strong {
  display: block;
  padding-bottom: 5px;
  color: #fff;
  font-size: var(--clmp36);
  font-weight: 600;
}
#fwl2026 #hero .hero_bottom .hero_free span {
  display: block;
  border: 1px solid #fff;
  border-radius: 100px;
  margin-bottom: 5px;
  padding: 3px 25px;
  font-size: var(--clmp20);
  font-weight: 500;
  letter-spacing: 0.2em;
}
@media all and (max-width: 780px) {
  #fwl2026 #hero .hero_inr {
    display: contents;
  }
  #fwl2026 #hero .hero_inr_sp {
    background: url("/sites/default/files/dynabook-b2b/business/ai/ai-ready/images8/hero_bg_sp.jpg") no-repeat center bottom / clamp(700px, 208vw, 1560px);
  }
  #fwl2026 #hero .hero_title {
    padding-top: clamp(90px, 26.0000vw, 195px);
    padding-bottom: clamp(160px, 49.0667vw, 368px);
  }
  #fwl2026 #hero .hero_title p img {
    width: clamp(120px, 38.5333vw, 289px);
  }
  #fwl2026 #hero .hero_title h1 {
    padding-top: clamp(22px, 4.8000vw, 36px);
  }
  #fwl2026 #hero .hero_title h1 img {
    width: 100%;
    max-width: 650px;
  }
  #fwl2026 #hero .hero_title .lead {
    padding-top: clamp(18px, 3.4667vw, 26px);
    font-size: clamp(18px, 5.1282vw, 40px);
  }
  #fwl2026 #hero .hero_bottom {
    grid-template-columns: 1fr 0.5fr;
    column-gap: 20px;
    margin-top: calc(-1 * clamp(5px, 3.2vw, 24px));
  }
  #fwl2026 #hero .hero_bottom .hero_date p img {
    width: auto;
  }
  #fwl2026 #hero .hero_bottom .hero_date p span {
    padding: 6px;
    font-size: clamp(12px, 3.4667vw, 26px);
    font-size: clamp(12px, 3.3333vw, 26px);
  }
  #fwl2026 #hero .hero_bottom .hero_date p span:first-of-type {
    padding: 4px 6px 6px;
    font-size: clamp(14px, 4.2667vw, 32px);
  }
  #fwl2026 #hero .hero_bottom .hero_free img {
    width: 100%;
  }
  #fwl2026 #hero .hero_bottom .hero_free p {
    font-size: clamp(12px, 2.2667vw, 17px);
  }
  #fwl2026 #hero .hero_bottom .hero_free p strong {
    font-size: clamp(12px, 4.5333vw, 34px);
  }
  #fwl2026 #hero .hero_bottom .hero_free span {
    padding: 2px 15px;
    font-size: clamp(12px, 2.6667vw, 20px);
  }
}
@media all and (max-width: 570px) {
  #fwl2026 #hero .hero_bottom {
    grid-template-columns: 1fr 0.6fr;
    column-gap: 10px;
  }
  #fwl2026 #hero .hero_bottom .hero_date p:first-of-type {
    padding-bottom: 10px;
  }
}

/*------------------------------------------------
 Hero logos section
--------------------------------------------------*/
#fwl2026 #hero_logos .hero_logos {
  display: grid;
  grid-template-columns: auto auto auto;
  column-gap: 60px;
  padding: 30px 0;
  place-content: center;
  place-items: center;
}
#fwl2026 #hero_logos .hero_logos img {
  height: 29.8px;
}
#fwl2026 #hero_logos .hero_logos img:first-of-type {
  height: 33.4px;
}
@media all and (max-width: 630px) {
  #fwl2026 #hero_logos .hero_logos {
    column-gap: clamp(20px, 4.5333vw, 34px);
  }
  #fwl2026 #hero_logos .hero_logos img {
    height: clamp(20px, 4.7302vw, 29.8px);
  }
  #fwl2026 #hero_logos .hero_logos img:first-of-type {
    height: 33.4px;
    height: clamp(24px, 5.3016vw, 33.4px);
  }
}

/*------------------------------------------------
 Navi section
--------------------------------------------------*/
#fwl2026 #fwl2026_navi {
  background-color: var(--darkblue);
}
#fwl2026 #fwl2026_navi.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
#fwl2026 #fwl2026_navi div {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
#fwl2026 #fwl2026_navi ul {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  column-gap: 15px;
  width: min(82.3529411765vw, 1120px);
  margin: 0 auto; 
  padding: 20px 0;
}
#fwl2026 #fwl2026_navi.fixed ul {
  padding: 12px 0;
}
@media all and (min-width: 1761px) {
  #fwl2026 #fwl2026_navi ul {
    width: 1232px;
  }
}
@media all and (max-width: 780px) {
  #fwl2026 #fwl2026_navi ul {
    width: 90.2564102564vw;
  }
}
@media all and (max-width: 620px) {
  #fwl2026 #fwl2026_navi ul {
    grid-template-columns: repeat(7, auto);
    padding-left: 15px;
    padding-right: 15px;
  }
}
#fwl2026 #fwl2026_navi ul li {
  display: grid;
  align-items: center;
  padding: 0 0 10px 0;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  font-size: clamp(12px, 1.3462vw, 14px);
  line-height: 1.4;
  color: #fff;
  border-bottom: 1px solid #495875;
  cursor: pointer;
  transition: all .3s;
  scroll-snap-align: start;
  scroll-margin-left: 15px;
}
#fwl2026 #fwl2026_navi.fixed ul li {
  padding: 0 0 7px 0;
  font-size: clamp(11px, 1.4085vw, 13.5px);
  transition: all .3s;
}
#fwl2026 #fwl2026_navi.fixed ul li br {
  display: none;
}
#fwl2026 #fwl2026_navi ul li:hover,
#fwl2026 #fwl2026_navi.fixed ul li:hover,
#fwl2026 #fwl2026_navi ul li.current {
  border-bottom-color: #fff;
}
@media all and (max-width: 780px) {
  #fwl2026 #fwl2026_navi ul li,
  #fwl2026 #fwl2026_navi.fixed ul li {
    font-size: clamp(12px, 1.7949vw, 14px);
    padding: 0 5px 5px 5px;
  }
}

/*------------------------------------------------
 H2
--------------------------------------------------*/
#fwl2026 section h2 {
  text-align: center;
}
#fwl2026 section h2 strong {
  display: block;
  margin-bottom: 0.25em;  
  font-size: clamp(30px, 5.3125vw, 51px);
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: var(--darkblue);
  line-height: 1;
}
#fwl2026 section h2 span {
  display: block;
  font-size: var(--clmp16);
  font-weight: 500;
  color: #000;
}
@media all and (max-width: 780px) {
  #fwl2026 section h2 strong {
    font-size: clamp(20px, 7.069vw, 41px);
  }
}

/*------------------------------------------------
 Section setting
--------------------------------------------------*/
#fwl2026 .body_bg {
  background-image: radial-gradient(farthest-side at -50% 120%, #bbe4f6, #ecf7fc 85%);
  position:relative;
}
#fwl2026 .body_bg:before {
  background: url("/sites/default/files/dynabook-b2b/business/ai/ai-ready/images8/cont-body_bg.png") no-repeat center top / clamp(1800px, 214.2857vw, 3000px);
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  background-blend-mode: lighten;
  mix-blend-mode: darken;
}
#fwl2026 #message,
#fwl2026 #speaker,
#fwl2026 #program {
  position: relative;
  padding-top: clamp(50px, 9.2857vw, 130px);
  padding-bottom: clamp(40px, 7.1429vw, 100px);
}

/*------------------------------------------------
 Event Closed section
--------------------------------------------------*/
#fwl2026 #event_closed {
  position: relative;
  padding: 2em 0 2em;
}
#fwl2026 #event_closed .event_closed_wrap {
  padding: 1.5em 2em;
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
}
#fwl2026 #event_closed p {
  font-size: var(--clmp21);
  color: #dd4173;
  font-weight: 600;
  line-height: 2.0;
}
#fwl2026 #event_closed p + p {
  margin-top: 1em;
  font-size: var(--clmp16);
  color: var(--darkblue);
}
@media all and (max-width: 1023px) {
  #fwl2026 #event_closed p {
    text-align: left;
    line-height: 1.8;
  }
  #fwl2026 #event_closed p + p {
    font-weight: normal;
  }
  #fwl2026 #event_closed p + p br:first-of-type {
    display: contents;
  }
}
@media all and (max-width: 780px) {
  #fwl2026 #event_closed .event_closed_wrap {
    padding: 20px;
  }
}

/*------------------------------------------------
 Message section
--------------------------------------------------*/
#fwl2026 #message .message_inr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
}
#fwl2026 #message .message_inr h2 {
  text-align: left;
  padding-left: var(--clmp42);
  padding-bottom: clamp(40px, 8.3333vw, 80px);
}
#fwl2026 #message .message_inr h3 {
  grid-column: 1;
  grid-row: 2;
  padding-left: var(--clmp42);
  font-size: var(--clmp34);
  font-size: clamp(20px, 2.9310vw, 34px);;
  font-weight: 700;
  color: var(--darkblue);
}
#fwl2026 #message .message_inr h2 span .arrow {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 1;
  position: relative;
  width: 3.5em;
  height: 1px; 
  background: currentColor;
  margin-left: 0.8em;
}
#fwl2026 #message .message_inr h2 span .arrow::before {
  content: '';
  width: 0.65em;
  height: 0.65em;
  border-top: 1px solid currentColor;
  transform: rotate(35deg);
  transform-origin: top right;
  position: absolute;
  top: 50%;
  right: -0.05em;
  box-sizing: border-box;
}
#fwl2026 #message .message_inr div {
  grid-column: 2;
  grid-row: 1 / 3;
}
#fwl2026 #message .message_inr div p {
  padding-bottom: 2em;
  line-height: 2em;
  font-weight: 500;
}
#fwl2026 #message .message_inr div p:last-of-type {
  padding-bottom: 0;
}
@media all and (max-width: 780px) {
  #fwl2026 #message .message_inr h2,
  #fwl2026 #message .message_inr h3 {
    padding-left: 0;
  }
  #fwl2026 #message .message_inr h3 {
    font-size: clamp(14px, 3.4615vw, 27px);
    font-weight: 600;
  }
  #fwl2026 #message .message_inr div p {
    padding-bottom: 1.6em;
    line-height: 1.6em;
  }
}
@media all and (max-width: 560px) {
  #fwl2026 #message .message_inr {
    display: block;
  }
  #fwl2026 #message .message_inr h2,
  #fwl2026 #message .message_inr h3 {
    padding-bottom: 20px;
  }
  #fwl2026 #message .message_inr h3 {
    font-size: clamp(14px, 4.1071vw, 23px);
  }
  #fwl2026 #message .message_inr div p {
    padding-bottom: 1em;
  }
}

/*------------------------------------------------
 Speaker section
--------------------------------------------------*/
#fwl2026 #speaker h3 {
  background-color: var(--darkblue);
  margin-top: var(--clmp42);
  padding: 10px 20px;
  color: #fff;
  font-size: var(--clmp20);
  font-weight: 500;
  line-height: 1;
}
#fwl2026 #speaker dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
  gap: 20px;
}
#fwl2026 #speaker dl dt {
  grid-column: 1 / 3;
  padding: 0.5em 0 0.25em;
  border-bottom: 1px solid var(--darkblue);
  font-size: var(--clmp24);
  color: var(--darkblue);
}
#fwl2026 #speaker dl:last-of-type dt {
  padding-top: 1.5em;
}
#fwl2026 #speaker dl dt span {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1;
}
#fwl2026 #speaker dl dt span:first-of-type {
  padding-right: 0.75em;
  padding-bottom: 0;
}
#fwl2026 #speaker dl dt span:last-of-type {
  padding-left: 0.75em;
  border-left: 1px solid var(--darkblue);
}
#fwl2026 #speaker dl dt span small {
  margin-left: -0.3em;
  font-size: 0.67em;
  font-weight: 500;
}
#fwl2026 #speaker dl dd {
  padding: 30px;
  background-color: #fff;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  grid-template-rows: auto 1fr auto auto;
  column-gap: 20px;
  cursor: pointer;
  transition: all .2s;
}
#fwl2026 #speaker ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
}
#fwl2026 #speaker ul li {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  grid-template-rows: 1fr auto auto;
  column-gap: 15px;
  cursor: pointer;
  transition: all .2s;
}
#fwl2026 #speaker dl dd:hover,
#fwl2026 #speaker ul li:hover {
  opacity: 0.8;
}
#fwl2026 #speaker dl dd h4 {
  grid-column: 1 / 3;
  padding-bottom: 20px;
  font-size: var(--clmp21);
  font-weight: 600;
  color: var(--darkblue);
  line-height: 1.6;
}
#fwl2026 #speaker dl dd img,
#fwl2026 #speaker ul li img {
  grid-row: 2 / 5;
  align-self: end;
}
#fwl2026 #speaker dl dd p:first-of-type,
#fwl2026 #speaker ul li p:first-of-type {
  grid-column: 2;
  grid-row: 2;
  align-self: end;
  padding-bottom: 0.5em;
  line-height: 1.4;
}
#fwl2026 #speaker dl dd p:last-of-type,
#fwl2026 #speaker ul li p:last-of-type {
  grid-column: 2;
  grid-row: 3;
  font-size: var(--clmp21);
  font-weight: 600;
  color: #000;
  line-height: 1.4;
  padding-bottom: 0.75em;
}
#fwl2026 #speaker dl dd div,
#fwl2026 #speaker ul li div {
  grid-column: 2;
  grid-row: 4;
  font-size: var(--clmp14);
  font-weight: 600;
  color: var(--lightpurple);
  text-decoration: underline;
  line-height: 1;
  transition: all .2s;
}
#fwl2026 #speaker dl dd:hover div,
#fwl2026 #speaker ul li:hover div {
  margin-left: 0.5em;
  text-decoration: none;
}
#fwl2026 #speaker ul li img {
  grid-row: 1 / 4;
}
#fwl2026 #speaker ul li p:first-of-type {
  grid-row: 1;
  font-size: var(--clmp13);
}
#fwl2026 #speaker ul li p:first-of-type .closed {
  padding: 0.2em 0.3em;
  line-height: 1.4;
}
#fwl2026 #speaker ul li p:last-of-type {
  grid-row: 2;
  font-size: var(--clmp19);
}
#fwl2026 #speaker ul li div {
  grid-row: 3;
}
@media all and (max-width: 1120px) {
  #fwl2026 #speaker dl dd {
    padding: 20px;
    column-gap: 15px;
  }
  #fwl2026 #speaker ul {
    grid-template-columns: repeat(2, 1fr);
  }
  #fwl2026 #speaker ul li {
    grid-template-columns: 1fr 2fr;
  }
}
@media all and (max-width: 780px) {
  #fwl2026 #speaker dl,
  #fwl2026 #speaker ul {
    gap: 15px;
  }
}
@media all and (max-width: 630px) {
  #fwl2026 #speaker dl,
  #fwl2026 #speaker ul {
    display: block;
  }
  #fwl2026 #speaker dl dd {
    margin-top: 20px;
  }
  #fwl2026 #speaker dl dd {
    grid-template-columns: 1fr 2fr;
  }
  #fwl2026 #speaker ul li {
    grid-template-columns: 100px 1fr;
    margin-top: 15px;
  }
}
@media all and (max-width: 430px) {
  #fwl2026 #speaker ul li {
    grid-template-columns: 1fr 2.5fr;
    padding: 15px 20px
  }
}

/*------------------------------------------------
 Application button
--------------------------------------------------*/
#fwl2026 .application_blk {
  text-align: center;
  padding-top: 76px;
  padding-top: clamp(25px, 7.9167vw, 76px);
}
#fwl2026 .application_blk a {
  display: inline-block;
  padding: 1em 2.5em;
  background-color: #1b1464;
  background-image: linear-gradient(105deg, #0078d4 0%, #9e45c7 100%);
  border-radius: 100px;
  font-size: var(--clmp21);
  font-weight: 600;
  color: #fff;
  line-height: 1.4;
  transition: all .2s;
}
#fwl2026 .application_blk a:hover {
  opacity: 0.7;
}
#fwl2026 .application_blk p {
  padding: 1.5em 0 0;
}
@media all and (max-width: 730px) {
  #fwl2026 .application_blk p.notes {
    text-align: left;
  }
}
@media all and (max-width: 340px) {
  #fwl2026 .application_blk a {
    padding: 1em 1.5em;
  }
  #fwl2026 .application_blk p {
    text-align: left;
  }
}

/*------------------------------------------------
 Seminar section
--------------------------------------------------*/
#fwl2026 #seminar {
  position: relative;
  background: url("/sites/default/files/dynabook-b2b/business/ai/ai-ready/images8/seminar_bg.jpg") no-repeat center top / 2000px;
  padding: 2.5em 0;
}
#fwl2026 #seminar .seminar_inr {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  padding: var(--clmp76);
  padding: clamp(30px, 5.7143vw, 80px);
}
#fwl2026 #seminar .seminar_inr h3 {
  text-align: center;
  padding-top: var(--clmp51);
  font-size: clamp(20px, 2.2143vw, 31px);
  font-weight: 600;
}
#fwl2026 #seminar .seminar_inr h3 small {
  font-size: 0.9em;
}
#fwl2026 #seminar .seminar_inr p {
  margin-top: 2em;
}
#fwl2026 #seminar .seminar_inr .recommendation {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  margin-top: 2em;
  padding: var(--clmp30);
  border-radius: 8px;
  background: var(--darkblue);
  font-size: var(--clmp20);
  font-size: clamp(14px, 1.4286vw, 20px);
  font-weight: 600;
  color: #fff;
}
#fwl2026 #seminar .seminar_inr .recommendation h4 {
  font-weight: 500;
}
#fwl2026 #seminar .seminar_inr .recommendation span {
  display: block;
}
#fwl2026 #seminar .seminar_inr .recommendation ul {
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 1.5em;
}
#fwl2026 #seminar .seminar_inr .recommendation ul li {
  text-indent: -1.5em;
  padding-left: 1em;
  padding-bottom: 0.5em;
  font-weight: 500;
  line-height: 1.4;
}
#fwl2026 #seminar .seminar_inr .recommendation ul li:last-of-type {
  padding-bottom: 0;
}
@media all and (max-width: 890px) {
  #fwl2026 #seminar .seminar_inr h3 small {
    display: inline-block;
    margin-top: 1em;
    line-height: 1.4;
    font-size: clamp(16px, 2.0455vw, 18px);
  }
  #fwl2026 #seminar .seminar_inr h3 small:last-of-type {
    margin-top: 0.5em;
  }
}
@media all and (max-width: 780px) {
  #fwl2026 #seminar .seminar_inr h3 {
    text-align: left;
  }
  #fwl2026 #seminar .seminar_inr p {
    margin-top: 1.5em;
  }
  #fwl2026 #seminar .seminar_inr .recommendation {
    margin-top: 3em;
  }
}
@media all and (max-width: 630px) {
  #fwl2026 #seminar .seminar_inr .recommendation {
    display: block;
  }
  #fwl2026 #seminar .seminar_inr .recommendation h4 {
    padding-bottom: 1em;
    font-size: 1.2em;
  }
  #fwl2026 #seminar .seminar_inr .recommendation h4 br {
    display: contents;
  }
  #fwl2026 #seminar .seminar_inr .recommendation span {
    display: none;
  }
  #fwl2026 #seminar .seminar_inr .recommendation ul li {
    font-weight: normal;
  }
}

/*------------------------------------------------
 Program section
--------------------------------------------------*/
#fwl2026 #program .program_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-top: var(--clmp51);
}
#fwl2026 #program .program_blk:first-of-type {
  border-right: 1px solid #fff;
  padding-right: 20px;
}
#fwl2026 #program .program_blk:last-of-type {
  padding-left: 20px;
}
#fwl2026 #program .program_blk h3 {
  grid-column: 1 / 3;
  padding: var(--clmp17) var(--clmp24);
  margin-bottom: 20px;
  background-color: var(--lightblue);
  font-size: var(--clmp28);
  color: #fff;
  line-height: 1;
}
#fwl2026 #program .program_blk:last-of-type h3 {
  background-color: var(--lightpurple);
}
#fwl2026 #program .program_blk h3 span {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  line-height: 1;
}
#fwl2026 #program .program_blk h3 span:first-of-type {
  padding-right: 0.75em;
  padding-bottom: 0;
}
#fwl2026 #program .program_blk h3 span:last-of-type {
  padding-left: 0.75em;
  border-left: 1px solid #fff;
}
#fwl2026 #program .program_blk h3 span small {
  margin-left: -0.3em;
  font-size: 0.67em;
  font-weight: 500;
}
#fwl2026 #program .program_blk li {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 20px;
  margin-top: 15px;
}
#fwl2026 #program .program_blk li .time_blk span {
  display: block;
  font-size: var(--clmp14);
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  line-height: 1;
}
#fwl2026 #program .program_blk li .time_blk span:first-of-type {
  font-size: var(--clmp21);
}
#fwl2026 #program .program_blk li .time_blk i {
  display: block;
  height: 20px;
  margin: 5px 0;
  border-left: 1px solid var(--darkgray);
  line-height: 1;
}
#fwl2026 #program .program_blk li .lecture_blk {
  background-color: #fff;
  padding: var(--clmp20) var(--clmp24);
  padding: 20px;
  border-radius: 5px;
}
#fwl2026 #program .program_blk li .lecture_blk.modal_open {
  cursor: pointer;
  transition: all .2s;
}
#fwl2026 #program .program_blk li .lecture_blk.modal_open:hover {
  opacity: 0.8;
}
#fwl2026 #program .program_blk li .lecture_blk strong {
  display: block;
  margin-bottom: 10px;
  font-size: var(--clmp14);
  font-weight: 600;
  line-height: 1;
  color: var(--darkgray);
}
#fwl2026 #program .program_blk li .lecture_blk strong .keynote {
  display: inline-block;
  background-color: var(--lightblue);
  border-radius: 100px;
  padding: 0.5em 1em;
  font-size: var(--clmp12);
  color: #fff;
}
#fwl2026 #program .program_blk:last-of-type li .lecture_blk strong .keynote {
  background-color: var(--lightpurple);
}
#fwl2026 #program .program_blk li .lecture_blk h4 {
  padding-bottom: 1em;
  font-size: var(--clmp17);
  font-weight: 600;
  line-height: 1.6;
}
#fwl2026 #program .program_blk li .lecture_blk .speaker_grid {
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: 20px;
}
#fwl2026 #program .program_blk li .lecture_blk img,
#fwl2026 #program .program_blk li .lecture_blk .speaker {
  align-self: end;
}
#fwl2026 #program .program_blk li .lecture_blk .speaker {
  font-size: var(--clmp17);
  font-weight: 600;
  line-height: 1.6;
}
#fwl2026 #program .program_blk li .lecture_blk .speaker span {
  display: block;
  padding: 0.3em 0;
  font-size: var(--clmp13);
  font-weight: normal;
}
#fwl2026 #program .program_blk li .more-link {
  margin-top: 0.5em;
  margin-right: 0.5em;
  text-align: right;
  font-size: var(--clmp14);
  font-weight: 600;
  color: var(--lightpurple);
  text-decoration: underline;
  line-height: 1;
  transition: all .2s;
}
#fwl2026 #program .program_blk li:hover .more-link {
  margin-right: 0;
  text-decoration: none;
}
@media all and (max-width: 780px) {
  #fwl2026 #program .program_grid {
    display: block;
  }
  #fwl2026 #program .program_grid .program_blk {
    padding: 0;
    border: none;
  }
  #fwl2026 #program .program_grid .program_blk:first-of-type {
    padding-bottom: 40px;
  }
}

/*------------------------------------------------
 Contents section
--------------------------------------------------*/
#fwl2026 #contents {
  background: var(--darkblue) url("/sites/default/files/dynabook-b2b/business/ai/ai-ready/images8/contents_bg-title.png") no-repeat center bottom / 1400px;
  padding-top: clamp(50px, 9.2857vw, 130px);
  padding-bottom: clamp(90px, 15.7143vw, 220px);
  color: #fff;
}
#fwl2026 #contents h2 strong,
#fwl2026 #contents h2 span {
  color: #fff;
}
#fwl2026 #contents h2 + p {
  margin-top: var(--clmp51);
  text-align: center;
  font-size: var(--clmp17);
  line-height: 2;
}
#fwl2026 #contents ul {
  margin-top: var(--clmp51);
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--clmp30);
  row-gap: 30px;
}
#fwl2026 #contents ul li h3 {
  padding: 20px 0 10px;
  font-size: var(--clmp20);
  font-weight: 600;
  line-height: 1.6;
}
#fwl2026 #contents ul li p {
  line-height: 1.6;
}
@media all and (max-width: 1400px) {
  #fwl2026 #contents {
    background-size: contain;
  }
}
@media all and (max-width: 1280px) {
  #fwl2026 #contents h2 + p {
    text-align: left;
  }
}
@media all and (max-width: 540px) {
  #fwl2026 #contents {
    background-position: 0 99.8%;
  }
  #fwl2026 #contents ul {
    display: block;
  }
  #fwl2026 #contents ul li {
    margin-bottom: 30px;
  }
  #fwl2026 #contents ul li:last-of-type {
    margin-bottom: 0;
  }
}

/*------------------------------------------------
 Visitor Benefits section
--------------------------------------------------*/
#fwl2026 #visitor-benefits {
  background-color: var(--bgpurple);
  padding-top: clamp(50px, 9.2857vw, 130px);
}
#fwl2026 #visitor-benefits h2 {
  margin-bottom: var(--clmp76);
  font-size: var(--clmp42);
  font-weight: 600;
  color: var(--darkblue);
  letter-spacing: 0.25em;
}
#fwl2026 #visitor-benefits h2 i {
  display: inline-block;
  font-weight: 300;
}
#fwl2026 #visitor-benefits h2 i:first-of-type {
  margin-right: 0.2em;
}
#fwl2026 #visitor-benefits h2 i:last-of-type {
  margin-left: 0.2em;
}
#fwl2026 #visitor-benefits .benefits_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--clmp42);
  row-gap: var(--clmp51);
}
#fwl2026 #visitor-benefits .benefits_blk {
  padding: 0 30px 30px;
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
}
#fwl2026 #visitor-benefits .benefits_blk:last-of-type {
  grid-column: 1 / 3;
}
#fwl2026 #visitor-benefits .benefits_blk h3 {
  padding: 0.5em 0;
  margin-top: -1em;
  background-color: #ff7b1e;
  border-radius: 100px;
  font-size: var(--clmp24);
  font-weight: 600;
  color: #fff;
  line-height: 1;
}
#fwl2026 #visitor-benefits .benefits_blk:first-of-type h3 {
  background-color: #ff4b5e;
}
#fwl2026 #visitor-benefits .benefits_blk:last-of-type h3 {
  background-color: #fbb03b;
  width: 18em;
  margin-left: auto;
  margin-right: auto;
}
#fwl2026 #visitor-benefits .benefits_blk > p,
#fwl2026 #visitor-benefits .benefits_blk > div > p {
  padding: var(--clmp30) 0;
  font-size: var(--clmp19);
  font-weight: 600;
  line-height: 1.6;
}
#fwl2026 #visitor-benefits .benefits_blk:last-of-type ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
#fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 15px;
  padding: 0 clamp(10px, 1.2802vw, 20px);
  border-right: 1px solid #fbb03b;
}
#fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li:last-of-type {
  border: none;
}
#fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li h4 {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  background-color: #fbb03b;
  padding: 0 1.2em;
  border-radius: 100px;
  text-align: left;
  font-size: var(--clmp16);
  color: #fff;
  line-height: 1.4;
}
#fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li h4 strong {
  font-size: var(--clmp28);
  color: #fff;
  font-weight: 600;
}
#fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li h4 strong small {
  font-size: 0.7em;
  padding-left: 0.2em;
}
#fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li h4 span {
  justify-self: end;
}
#fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li h4 span i {
  font-size: var(--clmp21);
  font-weight: 600;
}
#fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li p {
  padding-bottom: 0.1em;
  font-size: var(--clmp21);
  font-weight: 600;
  line-height: 1.2;
}
#fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li p span {
  display: inline-block;
  padding-bottom: 10px;
  font-size: var(--clmp16);
  font-weight: 500;
}
#fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li img {
  align-self: center;
  justify-self: center;
  padding: 0 clamp(20px, 2.5608vw, 40px);
}
#fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li:first-of-type img {
  padding: 0 clamp(30px, 3.8412vw, 50px);
}
@media all and (max-width: 1220px) {
  #fwl2026 #visitor-benefits .benefits_blk {
    padding: 0 20px 20px;
  }
  #fwl2026 #visitor-benefits .benefits_blk > div > p {
    text-align: left;
  }
  #fwl2026 #visitor-benefits .benefits_blk > div > p br {
    display: contents;
  }
  #fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li p span {
    font-size: var(--clmp14);
  }
}
@media all and (max-width: 780px) {
  #fwl2026 #visitor-benefits .benefits_grid {
    column-gap: var(--clmp30);
  }
  #fwl2026 #visitor-benefits .benefits_blk:last-of-type ul {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(20px, 3.8462vw, 30px);
  }
  #fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li {
    padding: 0;
    border: 0;
  }
}
@media all and (max-width: 680px) {
  #fwl2026 #visitor-benefits .benefits_grid {
    grid-template-columns: 1fr;
  }
  #fwl2026 #visitor-benefits .benefits_blk > p {
    text-align: left;
  }
  #fwl2026 #visitor-benefits .benefits_blk > p br {
    display: contents;
  }
  #fwl2026 #visitor-benefits .benefits_blk:first-of-type > div,
  #fwl2026 #visitor-benefits .benefits_blk:nth-last-of-type(2) > div {
    display: grid;
    grid-template-columns: 1fr 3fr;
    column-gap: 20px;
    margin-top: 20px;
  }
  #fwl2026 #visitor-benefits .benefits_blk:first-of-type > div p,
  #fwl2026 #visitor-benefits .benefits_blk:nth-last-of-type(2) > div p {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
  }
  #fwl2026 #visitor-benefits .benefits_blk:first-of-type > div img,
  #fwl2026 #visitor-benefits .benefits_blk:nth-last-of-type(2) > div img {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
  }
  #fwl2026 #visitor-benefits .benefits_blk:first-of-type > div img {
    width: 75%;
    justify-self: center;
  }
  #fwl2026 #visitor-benefits .benefits_blk:nth-last-of-type(2) {
    grid-column: 1;
  }
  #fwl2026 #visitor-benefits .benefits_blk:last-of-type {
    grid-column: 1;
  }
  #fwl2026 #visitor-benefits .benefits_blk:last-of-type h3 {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 679px) {
  #fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li img,
  #fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li:first-of-type img {
    max-width: clamp(30px, 20.3240vw, 138px);
    max-height: clamp(30px, 20.3240vw, 138px);
    padding: 0;
  }
}
@media all and (max-width: 480px) {
  #fwl2026 #visitor-benefits .benefits_blk:last-of-type ul {
    display: block;
  }
  #fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li {
    grid-template-columns: 1fr 2.5fr;
    grid-template-rows: auto 1fr;
    padding-bottom: var(--clmp30);
  }
  #fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li h4 {
    grid-column: 1 / 3;
    padding: 0 1.5em;
  }
  #fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li p {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    text-align: left;
  }
  #fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li img {
    grid-column: 1;
    grid-row: 2;
  }
  #fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li:first-of-type img {
    padding: 0 25px;
  }
}
@media all and (max-width: 380px) {
  #fwl2026 #visitor-benefits .benefits_blk:first-of-type > div,
  #fwl2026 #visitor-benefits .benefits_blk:nth-last-of-type(2) > div {
    grid-template-columns: 1fr 2fr;
  }
  #fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li {
    grid-template-columns: 1fr 2fr;
    column-gap: 10px;
  }
  #fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li img {
    padding: 0 10px;
  }
  #fwl2026 #visitor-benefits .benefits_blk:last-of-type ul li:first-of-type img {
    padding: 0 15px;
  }
}

/*------------------------------------------------
 Outline section
--------------------------------------------------*/
#fwl2026 #outline {
  background-color: var(--bgpurple);
  padding-top: clamp(50px, 9.2857vw, 130px);
}
#fwl2026 #outline dl {
  margin-top: var(--clmp51);
  border-top: 1px solid var(--darkblue);
  display: grid;
  grid-template-columns: 9em 1fr;
  font-size: var(--clmp17);
}
#fwl2026 #outline dl dt,
#fwl2026 #outline dl dd {
  padding: 1.5em 0;
  border-bottom: 1px solid var(--darkblue);
}
#fwl2026 #outline dl dt {
  font-weight: 600;
  padding-right: 2em;
}
#fwl2026 #outline dl dd p:first-of-type {
  padding-bottom: 1em;
}
#fwl2026 #outline dl dd a {
  display: inline-block;
  color: var(--lightblue);
  font-weight: 500;
  transition: all .2s;
}
#fwl2026 #outline dl dd a:hover {
  text-decoration: underline;
  color: #f63;
}
@media all and (max-width: 480px) {
  #fwl2026 #outline dl {
    display: block;
  }
  #fwl2026 #outline dl dt {
    border: none;
    padding-bottom: 0;
  }
  #fwl2026 #outline dl dd {
    padding-top: 1em;
  }
}

/*------------------------------------------------
 Access section
--------------------------------------------------*/
#fwl2026 #access {
  background-color: var(--bgpurple);
  padding-top: clamp(50px, 9.2857vw, 130px);
  padding-bottom: clamp(50px, 9.2857vw, 130px);
}
#fwl2026 #access .map_iframe {
  margin-top: var(--clmp51);
}
#fwl2026 #access .map_iframe iframe {
  width: 100%;
  margin-bottom: 1em;
}
#fwl2026 #access h3 {
  font-size: var(--clmp16);
  font-weight: 500;
}

/*------------------------------------------------
 Contact block
--------------------------------------------------*/
#fwl2026 #contact_sec {
  padding-top: clamp(50px, 9.2857vw, 130px);
}
#fwl2026 #contact_sec h2 {
  padding-bottom: clamp(30px, 4.2857vw, 60px);
}
#fwl2026 #contact_sec h2 span {
  display: inline-block;
  font-size: var(--clmp34);
  font-weight: 600;
  color: var(--darkblue);
}
#contact_sec .contact_inr {
  padding: 24px 40px;
  background-color: #f5f6f7;
}
#contact_sec .contact_btn_inr {
  width: 100%;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  display: table;
  border-collapse: separate;
  border-radius: 5px;
  text-align: center;
}
#contact_sec .contact_btn_inr a {
  display: table-cell;
  border-radius: 5px;
  line-height: 26px;
  vertical-align: middle;
  font-size:120%;
  font-size: clamp(16.8px, 3vw, 19.2px);
  color: #039;
  padding: 27px 10px;
}
#contact_sec .contact_btn_inr a:hover {
  color: #f63;
  text-decoration: underline;
}
#contact_sec .contact_btn_inr a .icon_mail {
  margin-right: 10px;
  margin-left: 0;
}
#contact_sec .contact_btn_inr a .icon_window {
  margin-right: 2px;
  margin-left: 5px;
}
#contact_sec .contact_btn_inr a img {
  vertical-align: middle;
}
@media all and (max-width: 430px) {
  #contact_sec h2 {
    font-size: var(--fs28);
  }
}
#fwl2026 .notes_sec {
  padding: 60px 0;
}
#fwl2026 .notes_sec .notes {
  line-height: 1.6;
}

/*------------------------------------------------
 Profile Modal block
--------------------------------------------------*/
#fwl2026 .profile_modal {
  display: none;
  justify-content: center;
  position: fixed;
  z-index: 2100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(224, 231, 247, 0.8);
  transition: all 1s ease-in-out;
}
#fwl2026 .profile_modal .profile_wrap {
  width: 90%;
  max-width: 1120px;
  background-color: #fff;
  border-radius: 10px;
  padding: clamp(20px, 5.3125vw, 50px);
  margin: 2% 0 2%;
  animation: show 0.2s linear 0s;
  overflow: auto;
  overscroll-behavior-y: none;
}
@keyframes show{
  from{opacity: 0;}
  to{opacity: 1;}
}
#fwl2026 .profile_modal .profile_wrap .header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  padding-bottom: 15px;
  margin-bottom: var(--clmp28);
  border-bottom: 1px solid var(--darkblue);
}
#fwl2026 .profile_modal .profile_wrap .header p {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-size: var(--clmp26);
  font-weight: 500;
  font-style: normal;
  color: var(--darkblue);
  line-height: 1;
}
#fwl2026 .profile_modal .profile_wrap .header p:last-of-type {
  padding-left: 0.5em;
  font-weight: 600;
}
#fwl2026 .profile_modal .profile_wrap .header p span:first-of-type {
  display: inline-block;
  padding-right: 0.5em;
  padding-bottom: 0;
}
#fwl2026 .profile_modal .profile_wrap .header p span:last-of-type {
  display: inline-block;
  padding-left: 0.5em;
  border-left: 1px solid var(--darkblue);
}
#fwl2026 .profile_modal .profile_wrap .header p span small {
  margin-left: -0.3em;
  font-size: 0.67em;
  font-weight: 500;
}
#fwl2026 .profile_modal .profile_wrap .header .modal_close {
  background-color: var(--bgpurple);
  border-radius: 100px;
  font-size: 14px;
  padding: 0 1.5em 0.3em;
  cursor: pointer;
}
#fwl2026 .profile_modal .profile_wrap .header .modal_close span {
  display: inline-block;
  vertical-align: middle;
  color: var(--darkblue);
  line-height: 1;
  width: 1em;
  height: 0.1em;
  background: currentColor;
  border-radius: 0.1em;
  position: relative;
  transform: rotate(45deg);
}
#fwl2026 .profile_modal .profile_wrap .header .modal_close span::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
#fwl2026 .profile_modal .profile_wrap .profile_main .keynote {
  display: inline-block;
  border-radius: 100px;
  padding: 0.5em 1em;
  font-size: var(--clmp16);
  color: #fff;
  line-height: 1;
}
#fwl2026 .profile_modal .profile_wrap.day-1 .profile_main .keynote {
  background-color: var(--lightblue);
}
#fwl2026 .profile_modal .profile_wrap.day-2 .profile_main .keynote {
  background-color: var(--lightpurple);
}
#fwl2026 .profile_modal .profile_wrap .profile_main h2 {
  padding-top: var(--clmp26);
  font-size: var(--clmp26);
  font-weight: 600;
  color: #000;
  line-height: 1.6;
}
#fwl2026 .profile_modal .profile_wrap .profile_main h3 {
  padding-top: var(--clmp36);
  padding-bottom: var(--clmp12);
  font-size: var(--clmp19);
  font-weight: 600;
  line-height: 1;
}
#fwl2026 .profile_modal .profile_wrap.day-1 .profile_main h3 {
  color: var(--lightblue);
}
#fwl2026 .profile_modal .profile_wrap.day-2 .profile_main h3 {
  color: var(--lightpurple);
}
#fwl2026 .profile_modal .profile_wrap .profile_main .speakers_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--clmp36);
}
#fwl2026 .profile_modal .profile_wrap .profile_main .speaker_blk {
  display: grid;
  grid-template-columns: clamp(110px, 13.5246vw, 165px) 1fr;
  column-gap: 20px;
  align-items: end;
}
#fwl2026 .profile_modal .profile_wrap .profile_main .speaker_blk p {
  font-size: var(--clmp16);
  font-weight: 500;
  line-height: 1.4;
}
#fwl2026 .profile_modal .profile_wrap .profile_main .speaker_blk p strong {
  display: block;
  padding-top: 10px;
  font-size: var(--clmp23);
  font-weight: 600;
  color: var(--darkgray);
  line-height: 1.4;
}
#fwl2026 .profile_modal .profile_wrap .profile_main .closed {
  font-size: var(--clmp16);
  margin-bottom: 0;
}
#fwl2026 .profile_modal .profile_wrap .profile_main p:has(+ .closed) {
  margin-right: 1em;
}
@media all and (max-width: 780px) {
  #fwl2026 .profile_modal .profile_wrap .profile_main .speaker_blk {
    grid-template-columns: clamp(75px, 16.6667vw, 130px) 1fr;
    column-gap: clamp(10px, 2.5641vw, 20px);
  }
}
@media all and (max-width: 580px) {
  #fwl2026 .profile_modal .profile_wrap .profile_main .speakers_grid {
    grid-template-columns: 1fr;
  }
}
@media all and (max-width: 450px) {
  #fwl2026 .profile_modal .profile_wrap .header {
    grid-template-columns: 1fr auto;
  }
  #fwl2026 .profile_modal .profile_wrap .header p:last-of-type {
    grid-column: 1;
    grid-row: 2;
    padding: 0.5em 0 0;
  }
  #fwl2026 .profile_modal .profile_wrap .header .modal_close {
    grid-row: 1 / 3;
  }
  #fwl2026 .profile_modal .profile_wrap .profile_main .keynote,
  #fwl2026 .profile_modal .profile_wrap .profile_main .closed {
    margin-bottom: 0.5em;
  }
}

/*------------------------------------------------
 Application Button
--------------------------------------------------*/
#fwl2026 .application_btn {
  position: fixed;
  right: -100px;
  bottom: 65px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
}
#fwl2026 .application_btn.fixed {
  right: 15px;
  opacity: 1;
  visibility: visible;
}
#fwl2026 .application_btn .l-2025-page__section {
  display: contents;
}
#fwl2026 .application_btn a {
  display: grid;
  place-content: center;
  padding: 0;
  width: clamp(105px, 10.6667vw, 160px);
  height: clamp(105px, 10.6667vw, 160px);
  background-image: linear-gradient(135deg, #0078d4 0%, #c03bc4 50%, #f4364c 100%);
  border-radius: 100px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.6);
  text-align: center;
  font-size: clamp(16px, 1.5vw, 21px);
  font-weight: 600;
  color: #fff;
  line-height: 1.4;
  transition: all .2s;
}
#fwl2026 .application_btn a:hover {
  font-size: clamp(15px, 1.4286vw, 20px);
  box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
@media all and (max-width: 780px) {
  #fwl2026 .application_btn {
    display: block;
    position: static;
    padding: 15px 0;
    opacity: 1;
    visibility: visible;
    right: 0;
    bottom: -50px;
  }
  #fwl2026 .application_btn.fixed {
    position: fixed;
    opacity: 1;
    visibility: visible;
    right: 0;
    bottom: 0;
    width:100%;
    padding: 15px 0;
    text-align: center;
    background-color: rgba(224, 231, 247, 0.8);
  }
  #fwl2026 .application_btn .l-2025-page__section {
    display: block;
    text-align: center;
  }
  #fwl2026 .application_btn a {
    display: inline-block;
    position: relative;
    padding: 15px clamp(25px, 4.4814vw, 55px) 15px clamp(10px, 3.2010vw, 45px);
    width: calc(100vw - 124px);
    max-width: 580px;
    height: auto;
    background-image: linear-gradient(90deg, #0078d4 0%, #c03bc4 50%, #f4364c 100%);
    box-shadow: none;
    font-size: clamp(16px, 4vw, 30px);
  }
  #fwl2026 .application_btn a:hover {
    font-size: clamp(16px, 4vw, 30px);
  }
  #fwl2026 .application_btn a::after {
    content: '';
    position: absolute;
    right: clamp(23px, 5.3333vw, 40px);
    top: 50%;
    width: clamp(12px, 2vw, 15px);
    height: clamp(12px, 2vw, 15px);
    border-top: solid 3px currentColor;
    border-right: solid 3px currentColor;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-70%);
    transition: all .2s;
  }
}