@charset "UTF-8";
@keyframes _wipeIn {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
@keyframes _fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes _fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes _zoomOut {
  0% {
    transform: scale(3); }
  100% {
    transform: scale(1); } }
#Splash {
  background: #be599c;
  background: linear-gradient(180deg, #be599c 0%, #c0599c 14%, #7f5ca3 100%);
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 20000;
  top: 0;
  left: 0; }
  #Splash._isSplashFinished {
    animation: _fadeOut 1000ms forwards; }
  #Splash #Particle {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 767.9px) {
      #Splash #Particle {
        width: min(800vw / 4.28, 800px); } }
    @media print, screen and (min-width: 768px) {
      #Splash #Particle {
        width: 960px; } }
  #Splash #Logo {
    opacity: 0;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 767.9px) {
      #Splash #Logo {
        width: min(800vw / 4.28, 800px); } }
    @media print, screen and (min-width: 768px) {
      #Splash #Logo {
        width: 960px; } }
  #Splash._isSplashStarted #Particle {
    animation: _fadeIn 500ms ease forwards; }
  #Splash._isSplashStarted #Logo {
    animation: _fadeIn 500ms ease 800ms forwards; }

body._isLoading #Container {
  height: 0;
  opacity: 0; }

#Container > ._inner {
  background-color: #FFF; }

#MainVisual {
  width: 100vw; }
@media screen and (max-width: 428px) and (orientation: portrait) {
  #MainVisual {
    height: calc(1vh * 100 - (55px));
    height: calc(var(--vh-portrait, 1vh) * 100 - (55px)); } }
@media screen and (max-width: 428px) and (orientation: landscape) {
  #MainVisual {
    height: calc(1vh * 100 - (55px));
    height: calc(var(--vh-landscape, 1vh) * 100 - (55px)); } }

@media screen and (min-width: 428.1px) and (max-width: 767.9px) and (orientation: portrait) {
  #MainVisual {
    height: calc(1vh * 100 - (70px));
    height: calc(var(--vh-portrait, 1vh) * 100 - (70px)); } }
@media screen and (min-width: 428.1px) and (max-width: 767.9px) and (orientation: landscape) {
  #MainVisual {
    height: calc(1vh * 100 - (70px));
    height: calc(var(--vh-landscape, 1vh) * 100 - (70px)); } }

@media print and (orientation: portrait), screen and (min-width: 768px) and (orientation: portrait) {
  #MainVisual {
    height: calc(1vh * 100 - (80px));
    height: calc(var(--vh-portrait, 1vh) * 100 - (80px)); } }
@media print and (orientation: landscape), screen and (min-width: 768px) and (orientation: landscape) {
  #MainVisual {
    height: calc(1vh * 100 - (80px));
    height: calc(var(--vh-landscape, 1vh) * 100 - (80px)); } }

  #MainVisual > ._inner {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #MainVisual_Image {
    position: fixed;
    width: 100%;
    display: block;
    left: 0;
    transform: scale(1.2); }
    @media screen and (max-width: 428px) {
      #MainVisual_Image {
        height: calc(100vh - 55px);
        top: 55px; } }
    @media screen and (min-width: 428.1px) and (max-width: 767.9px) {
      #MainVisual_Image {
        height: calc(100vh - 70px);
        top: 70px; } }
    @media print, screen and (min-width: 768px) {
      #MainVisual_Image {
        height: calc(100vh - 80px);
        top: 80px; } }
    #MainVisual_Image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden; }
  #MainVisual_CopyText {
    position: absolute; }
    #MainVisual_CopyText._isHidden {
      animation: _fadeOut 1000ms forwards; }
  #MainVisual_DateText {
    position: absolute; }
    #MainVisual_DateText._isHidden {
      animation: _fadeOut 1000ms forwards; }
  #MainVisual._landscape #MainVisual_Image ._landscape {
    display: block; }
  #MainVisual._landscape #MainVisual_Image ._portrait {
    display: none; }
  #MainVisual._landscape #MainVisual_Image ._neither {
    display: none; }
  #MainVisual._landscape #MainVisual_CopyText {
    width: 27.08333%;
    top: 1.82292%;
    left: 7.08333%; }
  #MainVisual._landscape #MainVisual_DateText {
    width: 26.04167%;
    bottom: calc((62% / 19.20) + 2.8em);
    right: 2.1875%; }
  #MainVisual._portrait #MainVisual_Image ._landscape {
    display: none; }
  #MainVisual._portrait #MainVisual_Image ._portrait {
    display: block; }
  #MainVisual._portrait #MainVisual_Image ._neither {
    display: none; }
  #MainVisual._portrait #MainVisual_CopyText {
    width: 69.33333%;
    top: 4%;
    left: 15.46667%; }
  #MainVisual._portrait #MainVisual_DateText {
    width: 66.8%;
    bottom: calc((14% / 7.50) + 2.8em);
    left: 16.26667%; }
  #MainVisual._neither #MainVisual_Image ._landscape {
    display: none; }
  #MainVisual._neither #MainVisual_Image ._portrait {
    display: none; }
  #MainVisual._neither #MainVisual_Image ._neither {
    display: block; }
  #MainVisual._neither #MainVisual_CopyText {
    width: 46.2963%;
    top: 1.82292%;
    left: 7.08333%; }
  #MainVisual._neither #MainVisual_DateText {
    width: 46.2963%;
    bottom: calc((62% / 19.20) + 2.8em);
    right: 2.1875%; }
  #MainVisual_BiprogyKen {
    color: #FFF;
    line-height: 1.4;
    background-color: #8F70AE;
    box-sizing: border-box;
    width: 100vw;
    height: 2.8em;
    padding: .8em 0 1em 0;
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    @media screen and (max-width: 767.9px) {
      #MainVisual_BiprogyKen {
        font-size: 0.8125em;
        letter-spacing: .1em; } }
    @media print, screen and (min-width: 768px) {
      #MainVisual_BiprogyKen {
        font-size: 1.5625em;
        letter-spacing: .2em; } }
    #MainVisual_BiprogyKen._isHidden {
      animation: _fadeOut 1000ms forwards; }
    #MainVisual_BiprogyKen span:first-child {
      border-right: 1px solid #FFF;
      display: inline-block; }
      @media screen and (max-width: 767.9px) {
        #MainVisual_BiprogyKen span:first-child {
          margin-right: .8em;
          padding-right: .8em; } }
      @media print, screen and (min-width: 768px) {
        #MainVisual_BiprogyKen span:first-child {
          margin-right: 1.5em;
          padding-right: 1.5em; } }

#MainArea {
  margin: 0 auto; }
  #MainArea section {
    position: relative; }
    @media screen and (max-width: 767.9px) {
      #MainArea section {
        padding: 3em 4%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea section {
        padding: 6em 0 4em 0; } }
  #MainArea #Concept {
    position: relative;
    background-blend-mode: lighten; }
    @media screen and (max-width: 767.9px) {
      #MainArea #Concept {
        padding: 1.33333% 4% 8% 4%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Concept {
        box-sizing: border-box;
        margin: 0 auto;
        padding: 4em 20px; } }
    #MainArea #Concept ._inner {
      box-sizing: border-box;
      margin: 0 auto;
      display: inline-block; }
      @media print, screen and (min-width: 768px) {
        #MainArea #Concept ._inner {
          max-width: 820px; } }
    #MainArea #Concept ._text {
      color: #000;
      text-align: left;
      margin-top: 2em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Concept ._text {
          font-size: 0.875em;
          line-height: 2;
          letter-spacing: .05em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Concept ._text {
          font-size: 1.375em;
          line-height: 2.6;
          letter-spacing: .1em; } }
      #MainArea #Concept ._text span {
        white-space: nowrap; }
      #MainArea #Concept ._text ._dash {
        color: transparent;
        margin-right: .9em;
        position: relative; }
        #MainArea #Concept ._text ._dash::after {
          border-top: 1px solid #000;
          width: 1.5em;
          height: 1px;
          display: inline-block;
          position: absolute;
          top: calc(50% - 1px);
          left: .2em;
          content: ""; }
    #MainArea #Concept #Rhizomatiks {
      box-sizing: border-box;
      max-width: 980px; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Concept #Rhizomatiks {
          margin: 10.66667% auto 0 auto;
          padding: 5.33333%; } }
      @media screen and (min-width: 768px) and (max-width: 1023.9px) {
        #MainArea #Concept #Rhizomatiks {
          margin: 90px auto 0 auto;
          padding: 4.08163% 6.12245%; } }
      @media print, screen and (min-width: 1024px) {
        #MainArea #Concept #Rhizomatiks {
          margin: 90px auto 0 auto;
          padding: 40px 60px; } }
      #MainArea #Concept #Rhizomatiks_Heading {
        font-weight: 500;
        color: #000;
        line-height: 2;
        text-align: left; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Concept #Rhizomatiks_Heading {
            font-size: 0.875em;
            letter-spacing: .1em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Concept #Rhizomatiks_Heading {
            font-size: 1.25em;
            letter-spacing: .15em; } }
      #MainArea #Concept #Rhizomatiks_Title {
        font-weight: 500;
        color: #000;
        line-height: 2;
        text-align: left;
        margin-top: .5em; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Concept #Rhizomatiks_Title {
            font-size: 0.875em;
            letter-spacing: .1em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Concept #Rhizomatiks_Title {
            font-size: 1.25em;
            letter-spacing: .15em; } }
      #MainArea #Concept #Rhizomatiks_Text {
        color: #000;
        line-height: 1.8;
        text-align: justify;
        text-justify: inter-ideograph;
        margin-bottom: .2em; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Concept #Rhizomatiks_Text {
            font-size: 0.75em;
            letter-spacing: .1em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Concept #Rhizomatiks_Text {
            font-size: 1.125em;
            letter-spacing: .15em; } }
  #MainArea #Contents {
    background-color: #FFF;
    margin: 0 auto; }
    #MainArea #Contents > ._inner {
      text-align: left; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Contents > ._inner {
          padding: 1.33333% 0; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Contents > ._inner {
          max-width: 980px;
          margin: 0 auto;
          padding: 0 20px; } }
    #MainArea #Contents_Heading {
      font-weight: 400;
      color: #7f5ca3;
      line-height: 1.6; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Contents_Heading {
          font-size: 1.375em;
          letter-spacing: .15em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Contents_Heading {
          font-size: 2.25em;
          letter-spacing: .2em; } }
    #MainArea #Contents_Text {
      color: #000;
      line-height: 1.8;
      text-align: justify;
      text-justify: inter-ideograph;
      margin-top: 1.5em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Contents_Text {
          font-size: 0.875em;
          letter-spacing: .1em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Contents_Text {
          font-size: 1.25em;
          letter-spacing: .1em; } }
    #MainArea #Contents_Image {
      text-align: center; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Contents_Image {
          margin-top: 11.5942%; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Contents_Image {
          margin-top: 70px; } }
      #MainArea #Contents_Image img {
        max-width: 538px; }
        @media print, screen and (min-width: 768px) {
          #MainArea #Contents_Image img {
            width: 538px;
            margin: 0 auto; } }
        @media screen and (max-width: 767.9px) {
          #MainArea #Contents_Image img {
            width: 94.2029%;
            margin: 0 auto; } }
    #MainArea #Contents ._item {
      background-color: #FFF;
      position: relative; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Contents ._item {
          border-top: 1px solid #000;
          margin-top: 2em;
          padding-top: 2em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Contents ._item {
          margin-top: 5em;
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Contents ._icon {
        width: 43.47826%;
        margin: 0 auto; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Contents ._icon {
        margin-top: .2em;
        width: 194px; } }
    #MainArea #Contents ._icon img {
      width: 100%; }
    @media screen and (max-width: 767.9px) {
      #MainArea #Contents ._textArea {
        margin: 1.5em 0 1em 0; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Contents ._textArea {
        box-sizing: border-box;
        width: calc(100% - 194px);
        margin-bottom: 1em;
        position: relative;
        padding-left: 2.5em; } }
    #MainArea #Contents ._textArea h3 {
      font-weight: 400;
      color: #7f5ca3;
      margin-bottom: .5em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Contents ._textArea h3 {
          font-size: 1.125em;
          line-height: 1.6;
          letter-spacing: .05em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Contents ._textArea h3 {
          font-size: 1.625em;
          line-height: 1.5;
          letter-spacing: .2em; } }
    #MainArea #Contents ._textArea ._date {
      color: #FFF;
      letter-spacing: .1em;
      background-color: #7f5ca3;
      padding: .5em .9em .7em 1em;
      display: inline-block; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Contents ._textArea ._date {
          margin-top: .5em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Contents ._textArea ._date {
          white-space: nowrap;
          margin-left: auto; } }
    #MainArea #Contents ._textArea ._text {
      color: #000;
      line-height: 1.8;
      text-align: justify;
      text-justify: inter-ideograph; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Contents ._textArea ._text {
          font-size: 0.875em;
          letter-spacing: .05em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Contents ._textArea ._text {
          font-size: 1.25em;
          letter-spacing: .1em; } }
    #MainArea #Contents ._textArea ._note {
      color: #7f5ca3;
      line-height: 1.6;
      margin-top: 1em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Contents ._textArea ._note {
          font-size: 0.75em;
          text-indent: -1.05em;
          letter-spacing: .05em;
          padding-left: 1.05em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Contents ._textArea ._note {
          font-size: 1em;
          text-indent: -1.1em;
          letter-spacing: .1em;
          padding-left: 1.1em; } }
      #MainArea #Contents ._textArea ._note em {
        font-style: normal; }
    #MainArea #Contents ._button {
      text-align: center; }
      #MainArea #Contents ._button a {
        font-size: 1.125em;
        color: #FFF;
        text-decoration: none;
        width: 70%;
        max-width: 14em;
        padding: 1em 2em .9em 1em;
        display: inline-block;
        position: relative; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Contents ._button a {
            letter-spacing: .05em;
            margin: 1.5em auto .5em auto; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Contents ._button a {
            letter-spacing: .1em;
            margin: 2em auto 0 auto; } }
        body:not([data-device="touchDevice"]) #MainArea #Contents ._button a:hover {
          opacity: .7;
          transition: 400ms; }
        #MainArea #Contents ._button a::after {
          border-top: solid 2px #FFF;
          border-right: solid 2px #FFF;
          width: .4em;
          height: .4em;
          margin-top: -0.28284em;
          position: absolute;
          top: 50%;
          right: 1em;
          content: "";
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
    #MainArea #Contents_Session._item {
      border-top: none;
      padding-top: 0; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Contents_Session._item {
          margin-top: 12.66667%; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Contents_Session._item {
          margin-top: 8em; } }
  @media print, screen and (min-width: 768px) {
    #MainArea #Outline_Heading, #MainArea #Keynote_Heading, #MainArea #Report_Heading, #MainArea #Schedule_Heading {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -moz-box-align: end;
      -ms-flex-align: end;
      -webkit-align-items: flex-end;
      align-items: flex-end; } }
  #MainArea #Outline_Heading ._ja, #MainArea #Keynote_Heading ._ja, #MainArea #Report_Heading ._ja, #MainArea #Schedule_Heading ._ja {
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .15em;
    font-feature-settings: normal; }
    @media screen and (max-width: 767.9px) {
      #MainArea #Outline_Heading ._ja, #MainArea #Keynote_Heading ._ja, #MainArea #Report_Heading ._ja, #MainArea #Schedule_Heading ._ja {
        font-size: 0.875em;
        margin-top: 1em;
        display: block; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Outline_Heading ._ja, #MainArea #Keynote_Heading ._ja, #MainArea #Report_Heading ._ja, #MainArea #Schedule_Heading ._ja {
        font-size: 1.5em;
        margin-left: 1.5em; } }
  #MainArea .st1 {
    fill: rgba(0, 175, 236, 0.3);
    stroke: #F00; }
  #MainArea #Outline {
    background-color: #FFF;
    margin: 0 auto;
    position: relative; }
    @media screen and (max-width: 767.9px) {
      #MainArea #Outline {
        padding-top: 36vw; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Outline {
        padding-top: 270px; } }
    #MainArea #Outline::before {
      content: '';
      background: url("../images/bg-outline.jpg") no-repeat 50% 50%;
      background-size: cover;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Outline::before {
          height: 26.4vw; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline::before {
          height: 198px; } }
    #MainArea #Outline > ._inner {
      text-align: left;
      position: relative; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Outline > ._inner {
          padding: 1.33333% 0; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline > ._inner {
          max-width: 980px;
          margin: 0 auto;
          padding: 0 20px; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Outline_Heading ._en {
        width: 35.94161%;
        display: block; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Outline_Heading ._en {
        width: 22.14265%; } }
    #MainArea #Outline_Heading ._ja {
      color: #7F5CA3; }
    #MainArea #Outline_Data {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Outline_Data {
          margin-top: 2em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline_Data {
          margin-top: 5em; } }
      #MainArea #Outline_Data dt {
        color: #7f5ca3;
        white-space: nowrap;
        margin-bottom: .8em; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Outline_Data dt {
            font-size: 0.875em;
            line-height: 1.4;
            letter-spacing: .05em;
            width: 5.5em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Outline_Data dt {
            font-size: 1.25em;
            line-height: 1.8;
            letter-spacing: .1em;
            width: 11em; } }
        #MainArea #Outline_Data dt._space {
          letter-spacing: 1.1em; }
      #MainArea #Outline_Data dd {
        color: #000;
        box-sizing: border-box;
        margin-bottom: .8em; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Outline_Data dd {
            font-size: 0.875em;
            line-height: 1.4;
            letter-spacing: .05em;
            width: calc(100% - 5.5em); } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Outline_Data dd {
            font-size: 1.25em;
            line-height: 1.8;
            letter-spacing: .1em;
            width: calc(100% - 11em); } }
        #MainArea #Outline_Data dd._date span {
          white-space: nowrap; }
        #MainArea #Outline_Data dd._date small {
          font-size: 70%; }
    #MainArea #Outline ._wrapper {
      margin-top: 1em; }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline ._wrapper {
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline ._wrapper._production {
          width: 100%;
          margin-top: -3em;
          display: block; } }
      @media screen and (max-width: 767.9px) {
        #MainArea #Outline ._wrapper._production ._button {
          text-align: center; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline ._wrapper._production ._button {
          text-align: right; } }
      @media screen and (max-width: 767.9px) {
        #MainArea #Outline ._wrapper._production ._button a {
          margin: .5em auto .5em auto; } }
      #MainArea #Outline ._wrapper ._note {
        color: #F00;
        line-height: 1.4;
        letter-spacing: .05em; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Outline ._wrapper ._note {
            font-size: 0.8125em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Outline ._wrapper ._note {
            font-size: 1.5em; } }
    #MainArea #Outline ._button {
      text-align: center; }
      #MainArea #Outline ._button a {
        color: #FFF;
        text-decoration: none;
        background-color: #7f5ca3;
        display: inline-block;
        position: relative; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Outline ._button a {
            font-size: 0.9375em;
            letter-spacing: .05em;
            margin: 1.5em auto .5em auto;
            padding: 1em 3em 1.2em 2em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Outline ._button a {
            font-size: 1.125em;
            letter-spacing: .1em;
            padding: 1em 2em 1.2em 1em; } }
        body:not([data-device="touchDevice"]) #MainArea #Outline ._button a:hover {
          opacity: .7;
          transition: 400ms; }
        #MainArea #Outline ._button a::after {
          border-top: solid 2px #FFF;
          border-right: solid 2px #FFF;
          width: .4em;
          height: .4em;
          margin-top: -0.28284em;
          position: absolute;
          top: 50%;
          right: 1em;
          content: "";
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
    @media screen and (max-width: 767.9px) {
      #MainArea #Outline_Notes {
        margin-top: 2em; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Outline_Notes {
        margin-top: 3em; } }
    #MainArea #Outline_Notes li {
      color: #000;
      line-height: 1.6;
      text-align: left;
      text-indent: -1.05em;
      letter-spacing: .05em;
      margin-bottom: .2em;
      padding-left: 1.05em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Outline_Notes li {
          font-size: 0.75em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline_Notes li {
          font-size: 0.875em; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Outline #ForVisitor > div {
        margin-top: 2em;
        padding: 4.34783%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Outline #ForVisitor > div {
        margin-top: 1.5em;
        padding: 15px 0;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; } }
    #MainArea #Outline #ForVisitor > div h3 {
      font-weight: normal;
      line-height: 1.4;
      text-align: center;
      letter-spacing: .05em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Outline #ForVisitor > div h3 {
          font-size: 1em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline #ForVisitor > div h3 {
          font-size: 1.25em;
          padding: 0 2em .5em 2em; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Outline #ForVisitor > div ul {
        border-top: 1px solid #000;
        margin-top: 1em;
        padding-top: 1em; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Outline #ForVisitor > div ul {
        border-left: 1px solid #000;
        padding: 0 2em; } }
    #MainArea #Outline #ForVisitor > div ul li {
      color: #000;
      line-height: 1.6;
      text-align: left;
      text-indent: -1.05em;
      letter-spacing: .05em;
      margin-top: .2em;
      padding-left: 1.05em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Outline #ForVisitor > div ul li {
          font-size: 0.75em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline #ForVisitor > div ul li {
          font-size: 0.875em; } }
      #MainArea #Outline #ForVisitor > div ul li::before {
        content: "・ "; }
      #MainArea #Outline #ForVisitor > div ul li:first-child {
        margin-top: 0; }
    @media screen and (max-width: 767.9px) {
      #MainArea #Outline_Sns {
        text-align: center;
        margin: 1.5em auto 0 auto; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Outline_Sns {
        position: absolute;
        top: 24.4898%;
        right: 20px; } }
    #MainArea #Outline_Sns a {
      vertical-align: bottom;
      margin: 0 4px; }
      body:not([data-device="touchDevice"]) #MainArea #Outline_Sns a:hover {
        opacity: .7;
        transition: 400ms; }
    @media print, screen and (min-width: 428.1px) {
      #MainArea #Outline_Sns img {
        width: 36px; } }
    @media screen and (max-width: 428px) {
      #MainArea #Outline_Sns img {
        width: 30px; } }
  #MainArea #Outline_Sponsorship {
    text-align: center;
    overflow: hidden; }
    @media screen and (max-width: 428px) {
      #MainArea #Outline_Sponsorship {
        margin-top: 1em; } }
    @media print, screen and (min-width: 428.1px) {
      #MainArea #Outline_Sponsorship {
        margin-top: 2em; } }
    #MainArea #Outline_Sponsorship ._heading {
      font-weight: normal;
      color: #7f5ca3;
      line-height: 1.4;
      text-align: center;
      letter-spacing: .2em;
      margin: 2em 0 .5em 0;
      padding-left: .2em;
      display: inline-block;
      position: relative; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Outline_Sponsorship ._heading {
          font-size: 1.25em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline_Sponsorship ._heading {
          font-size: 1.5625em; } }
      #MainArea #Outline_Sponsorship ._heading::before {
        background-color: #7f5ca3;
        width: 100vw;
        height: 1px;
        display: block;
        position: absolute;
        top: 50%;
        content: "";
        transform: translateX(-100%); }
        @media screen and (max-width: 767.9px) {
          #MainArea #Outline_Sponsorship ._heading::before {
            left: -2em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Outline_Sponsorship ._heading::before {
            left: -2em; } }
      #MainArea #Outline_Sponsorship ._heading::after {
        background-color: #7f5ca3;
        width: 100vw;
        height: 1px;
        display: block;
        position: absolute;
        top: 50%;
        content: ""; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Outline_Sponsorship ._heading::after {
            left: calc(100% + 2em); } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Outline_Sponsorship ._heading::after {
            left: calc(100% + 2em); } }
    #MainArea #Outline_Sponsorship ._company {
      max-width: 900px;
      margin: 0 auto; }
      #MainArea #Outline_Sponsorship ._company._c1 {
        display: grid; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Outline_Sponsorship ._company._c1 {
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Outline_Sponsorship ._company._c1 {
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } }
    #MainArea #Outline_Sponsorship li {
      margin-bottom: 1.5em; }
      #MainArea #Outline_Sponsorship li span {
        display: inline-block; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Outline_Sponsorship li span {
            padding: 0 0.13333%; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Outline_Sponsorship li span {
            padding: 0; } }
      @media screen and (max-width: 767.9px) {
        #MainArea #Outline_Sponsorship li img {
          height: 16.26667vw;
          max-height: 82px; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline_Sponsorship li img {
          height: 82px; } }
      #MainArea #Outline_Sponsorship li p {
        line-height: 1.4;
        white-space: nowrap;
        letter-spacing: .05em; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Outline_Sponsorship li p {
            font-size: 0.75em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Outline_Sponsorship li p {
            font-size: 0.875em; } }
      #MainArea #Outline_Sponsorship li a {
        color: #000;
        text-decoration: none;
        display: inline-block; }
        body:not([data-device="touchDevice"]) #MainArea #Outline_Sponsorship li a:hover {
          opacity: .7;
          transition: 400ms; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Outline_Sponsorship li._company-biprogy {
          grid-column-start: 1;
          grid-column-end: 8;
          grid-row-start: 1;
          grid-row-end: 2; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline_Sponsorship li._company-biprogy {
          grid-column-start: 5;
          grid-column-end: 12;
          grid-row-start: 1;
          grid-row-end: 2; } }
      @media screen and (max-width: 767.9px) {
        #MainArea #Outline_Sponsorship li._company-uniadex {
          grid-column-start: 8;
          grid-column-end: 17;
          grid-row-start: 1;
          grid-row-end: 2; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline_Sponsorship li._company-uniadex {
          grid-column-start: 11;
          grid-column-end: 20;
          grid-row-start: 1;
          grid-row-end: 2; } }
      @media screen and (max-width: 767.9px) {
        #MainArea #Outline_Sponsorship li._company-uel {
          grid-column-start: 1;
          grid-column-end: 8;
          grid-row-start: 2;
          grid-row-end: 3; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline_Sponsorship li._company-uel {
          grid-column-start: 2;
          grid-column-end: 8;
          grid-row-start: 2;
          grid-row-end: 3; } }
      @media screen and (max-width: 767.9px) {
        #MainArea #Outline_Sponsorship li._company-sandi {
          grid-column-start: 8;
          grid-column-end: 17;
          grid-row-start: 2;
          grid-row-end: 3; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline_Sponsorship li._company-sandi {
          grid-column-start: 7;
          grid-column-end: 16;
          grid-row-start: 2;
          grid-row-end: 3; } }
      @media screen and (max-width: 767.9px) {
        #MainArea #Outline_Sponsorship li._company-canalVentures {
          grid-column-start: 6;
          grid-column-end: 11;
          grid-row-start: 3;
          grid-row-end: 4; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline_Sponsorship li._company-canalVentures {
          grid-column-start: 15;
          grid-column-end: 21;
          grid-row-start: 2;
          grid-row-end: 3; } }
  #MainArea #Keynote {
    background: url("../images/bg-speech.jpg") no-repeat 50% 0 #FFF;
    background-size: cover;
    margin: 0 auto;
    position: relative; }
    #MainArea #Keynote > ._inner {
      text-align: left; }
      @media print, screen and (min-width: 768px) {
        #MainArea #Keynote > ._inner {
          max-width: 980px;
          margin: 0 auto;
          padding: 0 20px; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote_Heading ._en {
        width: 77.33186%;
        display: block; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote_Heading ._en {
        width: 47.6423%; } }
    #MainArea #Keynote_Heading ._ja {
      color: #FFF; }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List {
        margin-top: 100px; } }
    #MainArea #Keynote #Keynote_List #K-1 ._title {
      color: #7F5CA3; }
    #MainArea #Keynote #Keynote_List #K-1 ._profileButton {
      background-color: #7F5CA3; }
    #MainArea #Keynote #Keynote_List #K-1 ._profile h4 {
      color: #7F5CA3; }
    #MainArea #Keynote #Keynote_List #K-1 ._closeButton {
      color: #7F5CA3; }
      #MainArea #Keynote #Keynote_List #K-1 ._closeButton::after {
        background-color: #7F5CA3; }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #K-1 ._p1 ._photo {
        position: relative;
        left: -10%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #K-1 ._p1 ._photo {
        left: 20.40816%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #K-1 ._p1 ._basicInfo {
        top: 16.32653%;
        left: 4.69388%; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #K-1 ._p2 ._photo {
        position: relative;
        left: -35%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #K-1 ._p2 ._photo {
        right: 0; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #K-1 ._p2 ._basicInfo {
        top: 16.32653%;
        left: 54.38776%; } }
    #MainArea #Keynote #Keynote_List #S-1 ._title {
      color: #7F5CA3; }
    #MainArea #Keynote #Keynote_List #S-1 ._profileButton {
      background-color: #7F5CA3; }
    #MainArea #Keynote #Keynote_List #S-1 ._profile h4 {
      color: #7F5CA3; }
    #MainArea #Keynote #Keynote_List #S-1 ._closeButton {
      color: #7F5CA3; }
      #MainArea #Keynote #Keynote_List #S-1 ._closeButton::after {
        background-color: #7F5CA3; }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-1 ._personArea {
        margin-top: 0; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-1 ._p1 ._photo {
        position: relative;
        left: 50%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-1 ._p1 ._photo {
        left: 32.2449%; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-1 ._p1 ._basicInfo {
        position: absolute;
        top: 15%;
        left: 8%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-1 ._p1 ._basicInfo {
        top: 24.4898%;
        left: 24.4898%; } }
    #MainArea #Keynote #Keynote_List #S-1 ._p1 ._photoby {
      position: absolute;
      transform: translateX(-100%); }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote #Keynote_List #S-1 ._p1 ._photoby {
          left: 35%;
          bottom: 1.5em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Keynote #Keynote_List #S-1 ._p1 ._photoby {
          left: 33%;
          bottom: 2em; } }
    #MainArea #Keynote #Keynote_List #G-2 ._title {
      color: #C0599C; }
    #MainArea #Keynote #Keynote_List #G-2 ._profileButton {
      background-color: #C0599C; }
    #MainArea #Keynote #Keynote_List #G-2 ._profile h4 {
      color: #C0599C; }
    #MainArea #Keynote #Keynote_List #G-2 ._closeButton {
      color: #C0599C; }
      #MainArea #Keynote #Keynote_List #G-2 ._closeButton::after {
        background-color: #C0599C; }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #G-2 ._personArea {
        margin-top: 0; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #G-2 ._p1 ._photo {
        position: relative;
        left: 50%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #G-2 ._p1 ._photo {
        left: 32.2449%; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #G-2 ._p1 ._basicInfo {
        position: absolute;
        top: 15%;
        left: 8%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #G-2 ._p1 ._basicInfo {
        top: 24.4898%;
        left: 24.4898%; } }
    #MainArea #Keynote #Keynote_List #K-2 ._title {
      color: #C0599C; }
    #MainArea #Keynote #Keynote_List #K-2 ._profileButton {
      background-color: #C0599C; }
    #MainArea #Keynote #Keynote_List #K-2 ._profile h4 {
      color: #C0599C; }
    #MainArea #Keynote #Keynote_List #K-2 ._closeButton {
      color: #C0599C; }
      #MainArea #Keynote #Keynote_List #K-2 ._closeButton::after {
        background-color: #C0599C; }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #K-2 ._p1 ._photo {
        position: relative;
        left: -10%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #K-2 ._p1 ._photo {
        left: 16.53061%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #K-2 ._p1 ._basicInfo {
        top: 16.32653%;
        left: 9.18367%; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #K-2 ._p2 ._photo {
        position: relative;
        left: -35%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #K-2 ._p2 ._photo {
        left: 56.32653%; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #K-2 ._p2 ._basicInfo {
        position: relative;
        left: -10%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #K-2 ._p2 ._basicInfo {
        top: 16.32653%;
        left: 51.42857%; } }
    #MainArea #Keynote #Keynote_List #S-4 ._title {
      color: #C0599C; }
    #MainArea #Keynote #Keynote_List #S-4 ._profileButton {
      background-color: #C0599C; }
    #MainArea #Keynote #Keynote_List #S-4 ._profile h4 {
      color: #C0599C; }
    #MainArea #Keynote #Keynote_List #S-4 ._closeButton {
      color: #C0599C; }
      #MainArea #Keynote #Keynote_List #S-4 ._closeButton::after {
        background-color: #C0599C; }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-4 ._personArea {
        margin-top: 0; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-4 ._p1 ._photo {
        position: relative;
        left: 50%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-4 ._p1 ._photo {
        left: 32.2449%; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-4 ._p1 ._basicInfo {
        position: absolute;
        top: 15%;
        left: 8%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-4 ._p1 ._basicInfo {
        top: 24.4898%;
        left: 24.4898%; } }
    #MainArea #Keynote #Keynote_List #S-2 ._title {
      color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-2 ._profileButton {
      background-color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-2 ._profile h4 {
      color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-2 ._closeButton {
      color: #4E64AD; }
      #MainArea #Keynote #Keynote_List #S-2 ._closeButton::after {
        background-color: #4E64AD; }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-2 ._personArea {
        overflow: hidden;
        margin-top: 2em;
        height: auto;
        max-height: none;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-2 ._person {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; } }
    #MainArea #Keynote #Keynote_List #S-2 ._person._p1 {
      width: 33.3%; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote #Keynote_List #S-2 ._person._p1 ._photo {
          margin-left: -10vw; } }
      @media screen and (min-width: 768px) and (max-width: 1023.9px) {
        #MainArea #Keynote #Keynote_List #S-2 ._person._p1 ._photo {
          margin-left: 12vw; } }
      @media print, screen and (min-width: 1024px) {
        #MainArea #Keynote #Keynote_List #S-2 ._person._p1 ._photo {
          margin-left: 60px; } }
    #MainArea #Keynote #Keynote_List #S-2 ._person._p2 {
      width: 33.3%; }
      #MainArea #Keynote #Keynote_List #S-2 ._person._p2 ._basicInfo {
        padding: 0 .5em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote #Keynote_List #S-2 ._person._p2 ._photo {
          margin-left: -11vw; } }
    #MainArea #Keynote #Keynote_List #S-2 ._person._p3 {
      width: 33.3%; }
      @media print, screen and (min-width: 768px) {
        #MainArea #Keynote #Keynote_List #S-2 ._person._p3 ._basicInfo {
          margin-left: -60px; } }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote #Keynote_List #S-2 ._person._p3 ._photo {
          margin-left: -10vw; } }
      @media screen and (min-width: 768px) and (max-width: 1023.9px) {
        #MainArea #Keynote #Keynote_List #S-2 ._person._p3 ._photo {
          margin-left: -9vw; } }
      @media print, screen and (min-width: 1024px) {
        #MainArea #Keynote #Keynote_List #S-2 ._person._p3 ._photo {
          margin-left: -60px; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-2 ._basicInfo {
        position: static; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-2 ._photo {
        position: static; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-2 ._photo {
        width: 48vw; } }
    @media print, screen and (min-width: 1024px) {
      #MainArea #Keynote #Keynote_List #S-2 ._photo {
        width: 360px; } }
    #MainArea #Keynote #Keynote_List #S-3 ._title {
      color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-3 ._profileButton {
      background-color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-3 ._profile h4 {
      color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-3 ._closeButton {
      color: #4E64AD; }
      #MainArea #Keynote #Keynote_List #S-3 ._closeButton::after {
        background-color: #4E64AD; }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-3 ._p1 ._photo {
        position: relative;
        left: 0; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-3 ._p1 ._photo {
        left: 19.59184%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-3 ._p1 ._basicInfo {
        top: 16.32653%;
        left: 12.2449%; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-3 ._p2 ._photo {
        position: relative;
        left: -25%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-3 ._p2 ._photo {
        left: 60.40816%; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-3 ._p2 ._basicInfo {
        position: relative;
        left: 0; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-3 ._p2 ._basicInfo {
        top: 16.32653%;
        left: 58.57143%; } }
    #MainArea #Keynote #Keynote_List #S-5 ._title {
      color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-5 ._profileButton {
      background-color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-5 ._profile h4 {
      color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-5 ._closeButton {
      color: #4E64AD; }
      #MainArea #Keynote #Keynote_List #S-5 ._closeButton::after {
        background-color: #4E64AD; }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-5 ._personArea {
        margin-top: 0; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-5 ._p1 ._photo {
        position: relative;
        left: 50%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-5 ._p1 ._photo {
        left: 32.2449%; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-5 ._p1 ._basicInfo {
        position: absolute;
        top: 15%;
        left: 8%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-5 ._p1 ._basicInfo {
        top: 24.4898%;
        left: 24.4898%; } }
    #MainArea #Keynote #Keynote_List #S-6 ._title {
      color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-6 ._profileButton {
      background-color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-6 ._profile h4 {
      color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-6 ._closeButton {
      color: #4E64AD; }
      #MainArea #Keynote #Keynote_List #S-6 ._closeButton::after {
        background-color: #4E64AD; }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-6 ._p1 ._photo {
        position: relative;
        left: -10%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-6 ._p1 ._photo {
        left: 16.53061%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-6 ._p1 ._basicInfo {
        top: 16.32653%;
        left: 9.18367%; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-6 ._p2 ._photo {
        position: relative;
        left: -35%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-6 ._p2 ._photo {
        left: 56.32653%; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-6 ._p2 ._basicInfo {
        position: relative;
        left: -10%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-6 ._p2 ._basicInfo {
        top: 16.32653%;
        left: 51.42857%; } }
    #MainArea #Keynote #Keynote_List #S-7 ._title {
      color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-7 ._profileButton {
      background-color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-7 ._profile h4 {
      color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-7 ._closeButton {
      color: #4E64AD; }
      #MainArea #Keynote #Keynote_List #S-7 ._closeButton::after {
        background-color: #4E64AD; }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-7 ._personArea {
        overflow: hidden;
        margin-top: 1em;
        height: auto;
        max-height: none;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-7 ._person {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; } }
    #MainArea #Keynote #Keynote_List #S-7 ._person._p1 {
      width: 30.6%; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote #Keynote_List #S-7 ._person._p1 {
          margin-top: 1.2em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Keynote #Keynote_List #S-7 ._person._p1 {
          margin-top: 2em; } }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote #Keynote_List #S-7 ._person._p1 ._photo {
          margin-left: -9vw; } }
      @media screen and (min-width: 768px) and (max-width: 1023.9px) {
        #MainArea #Keynote #Keynote_List #S-7 ._person._p1 ._photo {
          margin-left: 12vw; } }
      @media print, screen and (min-width: 1024px) {
        #MainArea #Keynote #Keynote_List #S-7 ._person._p1 ._photo {
          margin-left: 60px; } }
    #MainArea #Keynote #Keynote_List #S-7 ._person._p2 {
      width: 38.7%; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote #Keynote_List #S-7 ._person._p2 {
          margin-top: 1.2em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Keynote #Keynote_List #S-7 ._person._p2 {
          margin-top: 2em; } }
      #MainArea #Keynote #Keynote_List #S-7 ._person._p2 ._basicInfo {
        padding: 0 .5em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote #Keynote_List #S-7 ._person._p2 ._photo {
          margin-left: -7vw; } }
    #MainArea #Keynote #Keynote_List #S-7 ._person._p3 {
      width: 30.6%; }
      @media print, screen and (min-width: 768px) {
        #MainArea #Keynote #Keynote_List #S-7 ._person._p3 ._basicInfo {
          margin-left: -60px; } }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote #Keynote_List #S-7 ._person._p3 ._photo {
          margin-left: -12vw; } }
      @media screen and (min-width: 768px) and (max-width: 1023.9px) {
        #MainArea #Keynote #Keynote_List #S-7 ._person._p3 ._photo {
          margin-left: -9vw; } }
      @media print, screen and (min-width: 1024px) {
        #MainArea #Keynote #Keynote_List #S-7 ._person._p3 ._photo {
          margin-left: -60px; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-7 ._basicInfo {
        position: static; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-7 ._photo {
        position: static; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-7 ._photo {
        width: 48vw; } }
    @media print, screen and (min-width: 1024px) {
      #MainArea #Keynote #Keynote_List #S-7 ._photo {
        width: 360px; } }
    #MainArea #Keynote #Keynote_List #S-8 ._title {
      color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-8 ._profileButton {
      background-color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-8 ._profile h4 {
      color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-8 ._closeButton {
      color: #4E64AD; }
      #MainArea #Keynote #Keynote_List #S-8 ._closeButton::after {
        background-color: #4E64AD; }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-8 ._personArea {
        overflow: hidden;
        margin-top: 2em;
        height: auto;
        max-height: none;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-8 ._person {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; } }
    #MainArea #Keynote #Keynote_List #S-8 ._person._p1 {
      width: 30.6%; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote #Keynote_List #S-8 ._person._p1 ._photo {
          margin-left: -9vw; } }
      @media screen and (min-width: 768px) and (max-width: 1023.9px) {
        #MainArea #Keynote #Keynote_List #S-8 ._person._p1 ._photo {
          margin-left: 12vw; } }
      @media print, screen and (min-width: 1024px) {
        #MainArea #Keynote #Keynote_List #S-8 ._person._p1 ._photo {
          margin-left: 60px; } }
    #MainArea #Keynote #Keynote_List #S-8 ._person._p2 {
      width: 38.7%; }
      #MainArea #Keynote #Keynote_List #S-8 ._person._p2 ._basicInfo {
        padding: 0 .5em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote #Keynote_List #S-8 ._person._p2 ._photo {
          margin-left: -7vw; } }
    #MainArea #Keynote #Keynote_List #S-8 ._person._p3 {
      width: 30.6%; }
      @media print, screen and (min-width: 768px) {
        #MainArea #Keynote #Keynote_List #S-8 ._person._p3 ._basicInfo {
          margin-left: -60px; } }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote #Keynote_List #S-8 ._person._p3 ._photo {
          margin-left: -12vw; } }
      @media screen and (min-width: 768px) and (max-width: 1023.9px) {
        #MainArea #Keynote #Keynote_List #S-8 ._person._p3 ._photo {
          margin-left: -9vw; } }
      @media print, screen and (min-width: 1024px) {
        #MainArea #Keynote #Keynote_List #S-8 ._person._p3 ._photo {
          margin-left: -60px; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-8 ._basicInfo {
        position: static; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-8 ._photo {
        position: static; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-8 ._photo {
        width: 48vw; } }
    @media print, screen and (min-width: 1024px) {
      #MainArea #Keynote #Keynote_List #S-8 ._photo {
        width: 360px; } }
    #MainArea #Keynote #Keynote_List #S-9 ._title {
      color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-9 ._profileButton {
      background-color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-9 ._profile h4 {
      color: #4E64AD; }
    #MainArea #Keynote #Keynote_List #S-9 ._closeButton {
      color: #4E64AD; }
      #MainArea #Keynote #Keynote_List #S-9 ._closeButton::after {
        background-color: #4E64AD; }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-9 ._personArea {
        overflow: hidden;
        margin-top: 2em;
        height: auto;
        max-height: none;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-9 ._person {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; } }
    #MainArea #Keynote #Keynote_List #S-9 ._person._p1 {
      width: 30.6%; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote #Keynote_List #S-9 ._person._p1 ._photo {
          margin-left: -9vw; } }
      @media screen and (min-width: 768px) and (max-width: 1023.9px) {
        #MainArea #Keynote #Keynote_List #S-9 ._person._p1 ._photo {
          margin-left: 12vw; } }
      @media print, screen and (min-width: 1024px) {
        #MainArea #Keynote #Keynote_List #S-9 ._person._p1 ._photo {
          margin-left: 60px; } }
    #MainArea #Keynote #Keynote_List #S-9 ._person._p2 {
      width: 38.7%; }
      #MainArea #Keynote #Keynote_List #S-9 ._person._p2 ._basicInfo {
        padding: 0 .5em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote #Keynote_List #S-9 ._person._p2 ._photo {
          margin-left: -7vw; } }
    #MainArea #Keynote #Keynote_List #S-9 ._person._p3 {
      width: 30.6%; }
      @media print, screen and (min-width: 768px) {
        #MainArea #Keynote #Keynote_List #S-9 ._person._p3 ._basicInfo {
          margin-left: -60px; } }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote #Keynote_List #S-9 ._person._p3 ._photo {
          margin-left: -12vw; } }
      @media screen and (min-width: 768px) and (max-width: 1023.9px) {
        #MainArea #Keynote #Keynote_List #S-9 ._person._p3 ._photo {
          margin-left: -9vw; } }
      @media print, screen and (min-width: 1024px) {
        #MainArea #Keynote #Keynote_List #S-9 ._person._p3 ._photo {
          margin-left: -60px; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-9 ._basicInfo {
        position: static; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Keynote #Keynote_List #S-9 ._photo {
        position: static; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Keynote #Keynote_List #S-9 ._photo {
        width: 48vw; } }
    @media print, screen and (min-width: 1024px) {
      #MainArea #Keynote #Keynote_List #S-9 ._photo {
        width: 360px; } }
    #MainArea #Keynote ._item {
      box-sizing: border-box;
      max-width: 980px;
      position: relative;
      background-color: #FFF; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote ._item {
          margin-top: 4em;
          padding-top: min((86% / 7.5), 64px); } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Keynote ._item {
          margin-top: 8em;
          padding-top: 8.36735%; } }
      #MainArea #Keynote ._item._isProfileVisible {
        z-index: 1000; }
      #MainArea #Keynote ._item ._time {
        position: absolute;
        z-index: 1000;
        top: 0;
        left: 0;
        transform: translateY(-50%); }
        #MainArea #Keynote ._item ._time img {
          height: auto; }
          @media screen and (max-width: 767.9px) {
            #MainArea #Keynote ._item ._time img {
              width: 65.6vw;
              max-width: 492px; } }
          @media screen and (min-width: 768px) and (max-width: 1023.9px) {
            #MainArea #Keynote ._item ._time img {
              width: 57.34694vw;
              max-width: 562px; } }
          @media print, screen and (min-width: 1024px) {
            #MainArea #Keynote ._item ._time img {
              width: 562px; } }
      #MainArea #Keynote ._item ._title {
        font-weight: normal;
        line-height: 1.4; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Keynote ._item ._title {
            font-size: 1.125em;
            letter-spacing: .05em;
            padding: 0 4.26667vw; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Keynote ._item ._title {
            font-size: 1.6875em;
            padding: 0 4.69388%; } }
        @media screen and (min-width: 768px) and (max-width: 1023.9px) {
          #MainArea #Keynote ._item ._title {
            letter-spacing: .05em; } }
        @media print, screen and (min-width: 1024px) {
          #MainArea #Keynote ._item ._title {
            letter-spacing: .1em; } }
        #MainArea #Keynote ._item ._title small {
          font-size: 80%;
          line-height: 1.4;
          margin: .3em 0;
          display: inline-block; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote ._item ._summary {
          padding: 0 4.26667vw; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Keynote ._item ._summary {
          padding: 0 4.69388%; } }
      #MainArea #Keynote ._item ._summary p {
        color: #333;
        line-height: 1.6;
        letter-spacing: .05em;
        margin-top: 1em; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Keynote ._item ._summary p {
            font-size: 0.75em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Keynote ._item ._summary p {
            font-size: 0.875em; } }
        #MainArea #Keynote ._item ._summary p em {
          font-style: normal;
          color: #E61E69; }
      #MainArea #Keynote ._item hr {
        border: none;
        border-top: 1px solid #8F70AE; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Keynote ._item hr {
            margin-bottom: 2em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Keynote ._item hr {
            margin: 1em 0 3em 0; } }
      #MainArea #Keynote ._item ._name {
        color: #333;
        line-height: 1.2;
        letter-spacing: .05em;
        margin-bottom: .4em; }
        #MainArea #Keynote ._item ._name small {
          font-size: 60.86957%;
          line-height: 1.4; }
        #MainArea #Keynote ._item ._name span {
          font-size: 78.26087%;
          line-height: 1.2; }
        #MainArea #Keynote ._item ._name ._moderator {
          color: #4E64AD;
          font-size: 60.86957%;
          line-height: 1.2; }
      #MainArea #Keynote ._item ._position {
        color: #333;
        letter-spacing: .05em;
        margin-bottom: .5em; }
      #MainArea #Keynote ._item ._photoby {
        color: #333; }
      #MainArea #Keynote ._item ._personArea {
        position: relative;
        overflow: hidden; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Keynote ._item ._personArea {
            margin-top: 1em;
            padding: 0 4.26667vw;
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex; } }
        @media screen and (min-width: 768px) and (max-width: 1023.9px) {
          #MainArea #Keynote ._item ._personArea {
            height: 33.85417vw;
            max-height: 360px; } }
        @media print, screen and (min-width: 1024px) {
          #MainArea #Keynote ._item ._personArea {
            height: 360px; } }
        @media screen and (max-width: 767.9px) {
          #MainArea #Keynote ._item ._personArea ._person {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-direction: normal;
            -webkit-box-orient: vertical;
            -moz-box-direction: normal;
            -moz-box-orient: vertical;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Keynote ._item ._personArea ._basicInfo {
            position: absolute;
            z-index: 1000; } }
        @media screen and (max-width: 767.9px) {
          #MainArea #Keynote ._item ._personArea ._name {
            font-size: 1em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Keynote ._item ._personArea ._name {
            font-size: 1.75em; } }
        @media screen and (max-width: 767.9px) {
          #MainArea #Keynote ._item ._personArea ._position {
            font-size: 0.625em;
            line-height: 1.4; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Keynote ._item ._personArea ._position {
            font-size: 0.875em;
            line-height: 1.6; } }
        #MainArea #Keynote ._item ._personArea ._profileButton {
          line-height: 1.2;
          letter-spacing: .05em;
          text-decoration: none;
          display: inline-block;
          padding: .5em .8em .5em 1.8em;
          color: #FFF;
          border: none;
          cursor: pointer;
          position: relative; }
          body:not([data-device="touchDevice"]) #MainArea #Keynote ._item ._personArea ._profileButton:hover {
            opacity: .7;
            transition: 400ms; }
          @media screen and (max-width: 767.9px) {
            #MainArea #Keynote ._item ._personArea ._profileButton {
              font-size: 0.75em;
              margin-top: .8em; } }
          @media print, screen and (min-width: 768px) {
            #MainArea #Keynote ._item ._personArea ._profileButton {
              font-size: 1em;
              margin-top: 1.2em; } }
          #MainArea #Keynote ._item ._personArea ._profileButton::after {
            position: absolute;
            content: '';
            border-style: solid;
            border-width: .4em 0 .4em .6em;
            border-color: transparent transparent transparent #FFF;
            display: block;
            left: .8em;
            top: 50%;
            transform: translateY(-50%); }
          body:not([data-device="touchDevice"]) #MainArea #Keynote ._item ._personArea ._profileButton:hover {
            opacity: .7;
            transition: 400ms; }
        #MainArea #Keynote ._item ._personArea ._photoby {
          color: #333; }
          @media screen and (max-width: 767.9px) {
            #MainArea #Keynote ._item ._personArea ._photoby {
              font-size: 0.6875em;
              line-height: 1.4; } }
          @media print, screen and (min-width: 768px) {
            #MainArea #Keynote ._item ._personArea ._photoby {
              font-size: 0.875em;
              line-height: 1.6;
              margin-top: 4em; } }
        @media screen and (max-width: 767.9px) {
          #MainArea #Keynote ._item ._personArea ._photo {
            width: 53.33333vw; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Keynote ._item ._personArea ._photo {
            position: absolute; } }
        @media screen and (min-width: 768px) and (max-width: 1023.9px) {
          #MainArea #Keynote ._item ._personArea ._photo {
            width: 33.85417vw;
            max-width: 360px; } }
        @media print, screen and (min-width: 1024px) {
          #MainArea #Keynote ._item ._personArea ._photo {
            width: 360px; } }
        #MainArea #Keynote ._item ._personArea ._photo img {
          width: 100%; }
      #MainArea #Keynote ._item ._profileBox {
        width: 100%;
        margin-top: 2em; }
        #MainArea #Keynote ._item ._profileBox > ._inner {
          background-color: #FFF;
          top: 0;
          left: 0;
          z-index: 2000;
          position: absolute;
          box-sizing: border-box;
          width: 100%; }
          @media screen and (max-width: 767.9px) {
            #MainArea #Keynote ._item ._profileBox > ._inner {
              padding: 5.7971%; } }
          @media screen and (min-width: 768px) and (max-width: 1023.9px) {
            #MainArea #Keynote ._item ._profileBox > ._inner {
              padding: 5.10204% 5.10204% calc((50% / 9.8) + 24px + 1em) 5.10204%; } }
          @media print, screen and (min-width: 1024px) {
            #MainArea #Keynote ._item ._profileBox > ._inner {
              padding: 9.18367%; } }
          @media print, screen and (min-width: 768px) {
            #MainArea #Keynote ._item ._profileBox > ._inner > ._wrapper {
              display: -webkit-box;
              display: -moz-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
              -moz-box-pack: justify;
              -ms-flex-pack: justify;
              -webkit-justify-content: space-between;
              justify-content: space-between; } }
          @media screen and (min-width: 768px) and (max-width: 1023.9px) {
            #MainArea #Keynote ._item ._profileBox > ._inner ._basicInfo {
              width: 57.14286%; } }
          @media print, screen and (min-width: 1024px) {
            #MainArea #Keynote ._item ._profileBox > ._inner ._basicInfo {
              width: 410px; } }
          @media screen and (max-width: 767.9px) {
            #MainArea #Keynote ._item ._profileBox > ._inner ._name {
              font-size: 1.25em; } }
          @media print, screen and (min-width: 768px) {
            #MainArea #Keynote ._item ._profileBox > ._inner ._name {
              font-size: 1.75em; } }
          #MainArea #Keynote ._item ._profileBox > ._inner ._position {
            margin-top: .5em; }
            @media screen and (max-width: 767.9px) {
              #MainArea #Keynote ._item ._profileBox > ._inner ._position {
                font-size: 0.875em;
                line-height: 1.4; } }
            @media print, screen and (min-width: 768px) {
              #MainArea #Keynote ._item ._profileBox > ._inner ._position {
                font-size: 1.125em;
                line-height: 1.4; } }
          @media screen and (max-width: 767.9px) {
            #MainArea #Keynote ._item ._profileBox > ._inner ._profile {
              margin-top: .8em; } }
          @media print, screen and (min-width: 768px) {
            #MainArea #Keynote ._item ._profileBox > ._inner ._profile {
              margin-top: 1.5em; } }
          #MainArea #Keynote ._item ._profileBox > ._inner ._profile h4 {
            font-weight: normal;
            line-height: 1.6;
            letter-spacing: .05em; }
            @media screen and (max-width: 767.9px) {
              #MainArea #Keynote ._item ._profileBox > ._inner ._profile h4 {
                font-size: 0.875em; } }
            @media print, screen and (min-width: 768px) {
              #MainArea #Keynote ._item ._profileBox > ._inner ._profile h4 {
                font-size: 1.125em; } }
          #MainArea #Keynote ._item ._profileBox > ._inner ._profile ._text {
            color: #333;
            line-height: 1.4;
            letter-spacing: .05em;
            text-align: justify;
            text-justify: inter-ideograph; }
            @media screen and (max-width: 767.9px) {
              #MainArea #Keynote ._item ._profileBox > ._inner ._profile ._text {
                font-size: 0.875em; } }
            @media print, screen and (min-width: 768px) {
              #MainArea #Keynote ._item ._profileBox > ._inner ._profile ._text {
                font-size: 1.125em; } }
          @media screen and (max-width: 767.9px) {
            #MainArea #Keynote ._item ._profileBox > ._inner ._photo {
              width: 50.66667vw;
              max-width: 380px;
              margin-top: 1em; } }
          @media screen and (min-width: 768px) and (max-width: 1023.9px) {
            #MainArea #Keynote ._item ._profileBox > ._inner ._photo {
              width: 36.73469%;
              max-width: 360px; } }
          #MainArea #Keynote ._item ._profileBox > ._inner ._photo img {
            width: 100%; }
          #MainArea #Keynote ._item ._profileBox > ._inner ._photoby {
            margin-top: .5em;
            text-align: right; }
            @media screen and (max-width: 767.9px) {
              #MainArea #Keynote ._item ._profileBox > ._inner ._photoby {
                font-size: 0.6875em;
                line-height: 1.4; } }
            @media print, screen and (min-width: 768px) {
              #MainArea #Keynote ._item ._profileBox > ._inner ._photoby {
                font-size: 0.875em;
                line-height: 1.4; } }
          #MainArea #Keynote ._item ._profileBox > ._inner ._closeButton {
            position: absolute;
            cursor: pointer;
            background: none;
            border: none;
            padding: .2em 0; }
            @media screen and (max-width: 767.9px) {
              #MainArea #Keynote ._item ._profileBox > ._inner ._closeButton {
                font-size: 0.9375em;
                right: 1.5em;
                bottom: 1.5em; } }
            @media print, screen and (min-width: 768px) {
              #MainArea #Keynote ._item ._profileBox > ._inner ._closeButton {
                font-size: 1.125em;
                right: 24px;
                bottom: 24px; } }
            body:not([data-device="touchDevice"]) #MainArea #Keynote ._item ._profileBox > ._inner ._closeButton:hover {
              opacity: .7;
              transition: 400ms; }
            #MainArea #Keynote ._item ._profileBox > ._inner ._closeButton::after {
              content: '';
              display: block;
              width: 1.3em;
              height: 1.3em;
              position: absolute;
              right: 0;
              top: 50%;
              transform: translateY(-50%); }
            #MainArea #Keynote ._item ._profileBox > ._inner ._closeButton span {
              padding-right: 2em; }
              #MainArea #Keynote ._item ._profileBox > ._inner ._closeButton span::before, #MainArea #Keynote ._item ._profileBox > ._inner ._closeButton span::after {
                content: '';
                display: block;
                width: 1.3em;
                height: 2px;
                background-color: #FFF;
                position: absolute;
                right: 0;
                top: 50%;
                z-index: 1000; }
              #MainArea #Keynote ._item ._profileBox > ._inner ._closeButton span::before {
                transform: scale(0.8) translateY(-50%) rotate(45deg); }
              #MainArea #Keynote ._item ._profileBox > ._inner ._closeButton span::after {
                transform: scale(0.8) translateY(-50%) rotate(-45deg); }
      #MainArea #Keynote ._item._isVisible {
        z-index: 2000; }
        #MainArea #Keynote ._item._isVisible ._profileBox {
          z-index: 2000;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          animation: _fadeIn 400ms forwards; }
          #MainArea #Keynote ._item._isVisible ._profileBox ._overlay {
            width: 100vw;
            height: 100vh;
            background-color: rgba(0, 0, 0, 0.5);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1000;
            cursor: pointer; }
      #MainArea #Keynote ._item._isHidden ._profileBox {
        display: none;
        opacity: 0; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote ._item ._columnNum1 {
          margin-top: 2em; }
          #MainArea #Keynote ._item ._columnNum1 ._photo {
            grid-row: 1; }
          #MainArea #Keynote ._item ._columnNum1 ._profile {
            grid-column: 1 / span 2;
            grid-row: 2;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            -ms-grid-row: 2; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Keynote ._item ._columnNum1 {
          margin-top: 2em; }
          #MainArea #Keynote ._item ._columnNum1 ._photo {
            grid-row: 1 / span 2;
            -ms-grid-row-span: 2; }
          #MainArea #Keynote ._item ._columnNum1 ._profile {
            padding-left: 1.2em;
            grid-column: 2;
            grid-row: 2;
            -ms-grid-column: 2;
            -ms-grid-row: 2; } }
      #MainArea #Keynote ._item ._header + ._columnNum1 {
        margin-top: 0; }
      #MainArea #Keynote ._item ._header + ._columnNum2 {
        margin-top: 0; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Keynote ._item ._header + ._columnNum2 ._person:first-child {
            margin-top: 0; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Keynote ._item ._header + ._columnNum2 ._person {
            width: 47%;
            margin-top: 0; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Keynote ._item ._columnNum2 {
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-box-align: start;
          -moz-box-align: start;
          -ms-flex-align: start;
          -webkit-align-items: flex-start;
          align-items: flex-start; } }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote ._item ._columnNum2 ._person {
          margin-top: 3em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Keynote ._item ._columnNum2 ._person {
          width: 47%;
          margin-top: 4em; } }
      #MainArea #Keynote ._item ._columnNum2 ._photo {
        grid-row: 1; }
      #MainArea #Keynote ._item ._columnNum2 ._profile {
        grid-column: 1 / span 2;
        grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 2; }
    #MainArea #Keynote_Notes {
      max-width: 950px; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Keynote_Notes {
          margin-top: 1.5em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Keynote_Notes {
          margin-top: 3em; } }
      #MainArea #Keynote_Notes li {
        color: #000;
        line-height: 1.6;
        text-align: left;
        text-indent: -1.05em;
        letter-spacing: .05em;
        margin-bottom: .2em;
        padding-left: 1.05em; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Keynote_Notes li {
            font-size: 0.75em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Keynote_Notes li {
            font-size: 0.875em; } }
  #MainArea #Report {
    text-align: center;
    background-color: #FFF;
    margin: 0 auto; }
    #MainArea #Report > ._inner {
      text-align: left; }
      @media print, screen and (min-width: 768px) {
        #MainArea #Report > ._inner {
          max-width: 980px;
          margin: 0 auto;
          padding: 0 20px; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Report_Heading ._en {
        width: 33.14751%;
        display: block; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Report_Heading ._en {
        width: 20.42142%; } }
    #MainArea #Report_Heading ._ja {
      color: #7F5CA3; }
    #MainArea #Report_Text p {
      color: #000;
      line-height: 1.6;
      text-align: justify;
      text-justify: inter-ideograph;
      letter-spacing: .05em;
      margin-top: 1.5em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Report_Text p {
          font-size: 0.8125em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Report_Text p {
          font-size: 1em; } }
    #MainArea #Report_Image {
      margin-top: 1.5em; }
      #MainArea #Report_Image ul {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Report_Image ul {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
      @media screen and (max-width: 767.9px) {
        #MainArea #Report_Image li {
          width: 50%; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Report_Image li {
          width: 25%; } }
      #MainArea #Report_Image li img {
        width: 100%; }
    @media screen and (max-width: 767.9px) {
      #MainArea #Report_Button {
        text-align: center;
        margin: 2em auto 0 auto; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Report_Button {
        width: 664px;
        margin: 4em auto 0 auto; } }
    #MainArea #Report_Button a {
      color: #FFF;
      line-height: 1.4;
      text-align: center;
      text-decoration: none;
      letter-spacing: .1em;
      background-color: #7F5CA3;
      box-sizing: border-box;
      position: relative; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Report_Button a {
          font-size: 1em;
          margin: 0 auto;
          padding: .8em 2.5em 1em 2em;
          display: inline-block; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Report_Button a {
          font-size: 1.5em;
          padding: .8em 1em 1em .5em;
          display: block; } }
      body:not([data-device="touchDevice"]) #MainArea #Report_Button a:hover {
        opacity: .7;
        transition: 400ms; }
      #MainArea #Report_Button a::after {
        border-top: solid 2px #FFF;
        border-right: solid 2px #FFF;
        width: .4em;
        height: .4em;
        margin-top: -0.28284em;
        position: absolute;
        top: 50%;
        right: 1em;
        content: "";
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
  #MainArea #BackNumber {
    text-align: center;
    background-color: #FFF;
    max-width: 1920px;
    margin: 0 auto; }
    @media print, screen and (min-width: 768px) {
      #MainArea #BackNumber {
        padding: 6em 0; } }
    #MainArea #BackNumber > ._inner {
      text-align: left; }
      @media print, screen and (min-width: 768px) {
        #MainArea #BackNumber > ._inner {
          max-width: 980px;
          margin: 0 auto;
          padding: 0 20px; } }
    #MainArea #BackNumber_Button {
      margin: 0 auto; }
      @media screen and (max-width: 767.9px) {
        #MainArea #BackNumber_Button {
          text-align: center; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #BackNumber_Button {
          width: 664px; } }
      #MainArea #BackNumber_Button a {
        color: #FFF;
        line-height: 1.4;
        text-align: center;
        text-decoration: none;
        letter-spacing: .1em;
        background-color: #7F5CA3;
        box-sizing: border-box;
        position: relative; }
        @media screen and (max-width: 767.9px) {
          #MainArea #BackNumber_Button a {
            font-size: 1em;
            margin: 0 auto;
            padding: .8em 2.5em 1em 2em;
            display: inline-block; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #BackNumber_Button a {
            font-size: 1.5em;
            padding: .8em 1em 1em .5em;
            display: block; } }
        body:not([data-device="touchDevice"]) #MainArea #BackNumber_Button a:hover {
          opacity: .7;
          transition: 400ms; }
        #MainArea #BackNumber_Button a::after {
          border-top: solid 2px #FFF;
          border-right: solid 2px #FFF;
          width: .4em;
          height: .4em;
          margin-top: -0.28284em;
          position: absolute;
          top: 50%;
          right: 1em;
          content: "";
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
  #MainArea #Schedule {
    text-align: left;
    background-color: #7F5CA3;
    margin: 0 auto; }
    #MainArea #Schedule > ._inner {
      text-align: left; }
      @media print, screen and (min-width: 768px) {
        #MainArea #Schedule > ._inner {
          max-width: 980px;
          margin: 0 auto;
          padding: 0 20px 2em 20px; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #Schedule_Heading ._en {
        width: 44.70675%;
        display: block; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Schedule_Heading ._en {
        width: 27.5427%; } }
    #MainArea #Schedule_Heading ._ja {
      color: #FFF; }
    #MainArea #Schedule_Text p {
      color: #FFF;
      line-height: 1.6;
      text-align: justify;
      text-justify: inter-ideograph;
      letter-spacing: .05em;
      margin-top: 1.5em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Schedule_Text p {
          font-size: 0.8125em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Schedule_Text p {
          font-size: 0.875em; } }
    #MainArea #Schedule_Table {
      background-color: #FFF;
      border-spacing: 0;
      border-collapse: collapse;
      width: 100%;
      margin-top: 1.5em; }
      @media screen and (max-width: 1023.9px) {
        #MainArea #Schedule_Table tr {
          display: grid;
          grid-template-columns: 1.2fr 1fr; } }
      #MainArea #Schedule_Table th {
        font-weight: normal;
        vertical-align: middle; }
      #MainArea #Schedule_Table th[scope=col] {
        color: #FFF;
        line-height: 1.4;
        text-align: center;
        letter-spacing: .05em;
        background-color: #997DB5;
        border-left: 1px solid #7F5CA3;
        padding: .5em; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Schedule_Table th[scope=col] {
            font-size: 0.875em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Schedule_Table th[scope=col] {
            font-size: 1.25em; } }
      #MainArea #Schedule_Table th[scope=row] {
        line-height: 1.4;
        text-align: left;
        border-top: 1px solid #7F5CA3; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Schedule_Table th[scope=row] {
            font-size: 0.75em;
            padding: .8em 1em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Schedule_Table th[scope=row] {
            font-size: 1.125em;
            letter-spacing: .05em;
            padding: .8em 1em; } }
        @media screen and (max-width: 1023.9px) {
          #MainArea #Schedule_Table th[scope=row] {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center; } }
      #MainArea #Schedule_Table td {
        line-height: 1.4;
        vertical-align: middle;
        border-top: 1px solid #7F5CA3;
        border-left: 1px solid #7F5CA3; }
        @media screen and (max-width: 767.9px) {
          #MainArea #Schedule_Table td {
            font-size: 0.75em;
            text-align: center;
            padding: .8em 1em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #Schedule_Table td {
            font-size: 1.125em;
            letter-spacing: .05em;
            padding: .8em 1.5em; } }
        #MainArea #Schedule_Table td span {
          line-height: inherit;
          letter-spacing: inherit;
          margin: 0 auto;
          display: inline-block; }
        #MainArea #Schedule_Table td._date span {
          text-align: right; }
        #MainArea #Schedule_Table td._place span {
          text-align: justify;
          text-justify: inter-ideograph; }
      @media screen and (max-width: 1023.9px) {
        #MainArea #Schedule_Table ._name {
          grid-column-start: 1;
          grid-column-end: 2;
          grid-row-start: 1;
          grid-row-end: 3; } }
      @media screen and (max-width: 1023.9px) {
        #MainArea #Schedule_Table ._date {
          grid-column-start: 2;
          grid-column-end: 3;
          grid-row-start: 1;
          grid-row-end: 2; } }
      @media screen and (max-width: 1023.9px) {
        #MainArea #Schedule_Table ._place {
          grid-column-start: 2;
          grid-column-end: 3;
          grid-row-start: 2;
          grid-row-end: 3; } }
      @media screen and (max-width: 1023.9px) {
        #MainArea #Schedule_Table th._date {
          border-left: 1px solid rgba(255, 255, 255, 0.4); } }
      @media screen and (max-width: 1023.9px) {
        #MainArea #Schedule_Table th._place {
          border-top: 1px solid rgba(255, 255, 255, 0.4);
          border-left: 1px solid rgba(255, 255, 255, 0.4); } }
      #MainArea #Schedule_Table ._biprogy-ken th,
      #MainArea #Schedule_Table ._biprogy-ken td {
        background-color: #E5DEED; }

#OpeningMovie_Youtube {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 1920px;
  transform: translate(-50%, -50%);
  z-index: 21000; }
  @media screen and (max-width: 767.9px) {
    #OpeningMovie_Youtube {
      width: 90%; } }
  @media print, screen and (min-width: 768px) {
    #OpeningMovie_Youtube {
      width: 80%; } }
  #OpeningMovie_Youtube ._closeButton {
    background-color: transparent;
    border: none;
    outline: none;
    position: absolute;
    cursor: pointer;
    transform: translateY(-100%); }
    @media screen and (max-width: 767.9px) {
      #OpeningMovie_Youtube ._closeButton {
        width: 1.2em;
        height: 1.2em;
        top: -.5em;
        right: 0; } }
    @media print, screen and (min-width: 768px) {
      #OpeningMovie_Youtube ._closeButton {
        width: 2em;
        height: 2em;
        top: -.8em;
        right: 0; } }
    body:not([data-device="touchDevice"]) #OpeningMovie_Youtube ._closeButton:hover {
      opacity: .7;
      transition: 400ms; }
    #OpeningMovie_Youtube ._closeButton::before {
      background-color: #FFF;
      width: 100%;
      height: .1em;
      margin-left: -50%;
      display: block;
      position: absolute;
      top: 50%;
      bottom: 100%;
      left: 50%;
      content: "";
      transform: rotate(45deg); }
    #OpeningMovie_Youtube ._closeButton::after {
      background-color: #FFF;
      width: 100%;
      height: .1em;
      margin-left: -50%;
      display: block;
      position: absolute;
      top: 50%;
      bottom: 100%;
      left: 50%;
      content: "";
      transform: rotate(-45deg); }
  #OpeningMovie_Youtube ._wrapper {
    position: relative;
    padding-top: 56.25%; }
  #OpeningMovie_Youtube iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
#OpeningMovie ._overlay {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 20000;
  top: 0;
  left: 0;
  cursor: pointer; }

/*# sourceMappingURL=index.css.map */