@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 {
  margin: 0 auto; }

#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((52% / 19.20));
    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));
    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((52% / 19.20));
    right: 2.1875%; }

#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 #Outline_Heading, #MainArea #ProgramArea_Heading, #MainArea #ExhibitionArea_Heading, #MainArea #AccessArea_Heading, #MainArea #Report_Heading, #MainArea #Schedule_Heading {
    text-align: left; }
    @media print, screen and (min-width: 768px) {
      #MainArea #Outline_Heading, #MainArea #ProgramArea_Heading, #MainArea #ExhibitionArea_Heading, #MainArea #AccessArea_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 #ProgramArea_Heading ._ja, #MainArea #ExhibitionArea_Heading ._ja, #MainArea #AccessArea_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 #ProgramArea_Heading ._ja, #MainArea #ExhibitionArea_Heading ._ja, #MainArea #AccessArea_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 #ProgramArea_Heading ._ja, #MainArea #ExhibitionArea_Heading ._ja, #MainArea #AccessArea_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; }
    #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 ._attention {
      color: #E61F53;
      background: url("../images/outline_attention.svg") no-repeat 0 50%;
      margin-top: 1em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #Outline ._attention {
          font-size: 1.0625em;
          line-height: 1.4;
          letter-spacing: .1em;
          background-size: 2em;
          padding-left: 3em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Outline ._attention {
          font-size: 1.25em;
          line-height: 1.4;
          letter-spacing: .1em;
          padding-left: 68px; } }
      #MainArea #Outline ._attention small {
        font-size: 75%;
        letter-spacing: .05em; }
    #MainArea #Outline ._wrapper {
      margin-top: 2em; }
      @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: 9.18367%;
        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 #ProgramArea {
    background-color: #F2EEF6;
    margin: 0 auto;
    position: relative; }
    #MainArea #ProgramArea > ._inner {
      text-align: left; }
      @media print, screen and (min-width: 768px) {
        #MainArea #ProgramArea > ._inner {
          max-width: 980px;
          margin: 0 auto;
          padding: 0 20px; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #ProgramArea_Heading ._en {
        width: 43.70967%;
        display: block; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #ProgramArea_Heading ._en {
        width: 26.92881%; } }
    #MainArea #ProgramArea_Heading ._ja {
      color: #7f5ca3; }
    #MainArea #ProgramArea ._invitation {
      text-align: right;
      margin-top: 2em; }
      #MainArea #ProgramArea ._invitation a {
        color: #FFF;
        text-decoration: none;
        letter-spacing: .05em;
        background-color: #7f5ca3;
        box-sizing: border-box;
        display: block;
        position: relative; }
        @media screen and (max-width: 767.9px) {
          #MainArea #ProgramArea ._invitation a {
            font-size: 0.875em;
            margin: 0 0 0 auto;
            padding: .6em 2.2em .7em 1.2em;
            display: inline-block; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #ProgramArea ._invitation a {
            font-size: 1.25em;
            width: 232px;
            margin: 0 0 0 auto;
            padding: 1em 2.5em 1.2em 1em; } }
        body:not([data-device="touchDevice"]) #MainArea #ProgramArea ._invitation a:hover {
          opacity: .7;
          transition: 400ms; }
        #MainArea #ProgramArea ._invitation a::after {
          position: absolute;
          top: 50%;
          content: "";
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
          @media screen and (max-width: 428px) {
            #MainArea #ProgramArea ._invitation a::after {
              border-top: solid 1px #FFF;
              border-right: solid 1px #FFF;
              width: .3em;
              height: .3em;
              margin-top: -0.21213em;
              right: .8em; } }
          @media screen and (min-width: 428.1px) and (max-width: 767.9px) {
            #MainArea #ProgramArea ._invitation a::after {
              border-top: solid 1px #FFF;
              border-right: solid 1px #FFF;
              width: .3em;
              height: .3em;
              margin-top: -0.21213em;
              right: 1em; } }
          @media print, screen and (min-width: 768px) {
            #MainArea #ProgramArea ._invitation a::after {
              border-top: solid 2px #FFF;
              border-right: solid 2px #FFF;
              width: .5em;
              height: .5em;
              margin-top: -0.35355em;
              right: 1.2em; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #ProgramArea_Exhibition {
        margin: 1.5em 0 2em 0; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #ProgramArea_Exhibition {
        margin: 2em 0 3em 0; } }
    #MainArea #ProgramArea_Exhibition_Header {
      background-color: #c0599c;
      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: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
      @media screen and (max-width: 428px) {
        #MainArea #ProgramArea_Exhibition_Header {
          padding: .8em 1em; } }
      @media print, screen and (min-width: 428.1px) {
        #MainArea #ProgramArea_Exhibition_Header {
          padding: .6em 1em .8em 1em; } }
    #MainArea #ProgramArea_Exhibition_Heading {
      font-weight: 400;
      color: #FFF;
      letter-spacing: .1em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #ProgramArea_Exhibition_Heading {
          font-size: 1em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #ProgramArea_Exhibition_Heading {
          font-size: 1.5em; } }
    #MainArea #ProgramArea_Exhibition_Time {
      font-weight: 300;
      color: #FFF;
      letter-spacing: .1em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #ProgramArea_Exhibition_Time {
          font-size: 1.0625em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #ProgramArea_Exhibition_Time {
          font-size: 1.75em; } }
    #MainArea #ProgramArea_Exhibition_Content {
      text-align: left;
      background-color: #FFF; }
      @media screen and (max-width: 767.9px) {
        #MainArea #ProgramArea_Exhibition_Content {
          padding: 1em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #ProgramArea_Exhibition_Content {
          padding: 2em; } }
      #MainArea #ProgramArea_Exhibition_Content ._text {
        color: #000;
        line-height: 1.6;
        text-align: justify;
        text-justify: inter-ideograph;
        letter-spacing: .1em; }
        @media screen and (max-width: 767.9px) {
          #MainArea #ProgramArea_Exhibition_Content ._text {
            font-size: 0.65625em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #ProgramArea_Exhibition_Content ._text {
            font-size: 0.875em;
            margin-right: 140px; } }
      #MainArea #ProgramArea_Exhibition_Content ._link {
        text-align: right;
        letter-spacing: .1em; }
        @media screen and (max-width: 767.9px) {
          #MainArea #ProgramArea_Exhibition_Content ._link {
            font-size: 0.75em;
            margin-top: 1em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #ProgramArea_Exhibition_Content ._link {
            font-size: 1.125em; } }
        #MainArea #ProgramArea_Exhibition_Content ._link a {
          color: #c0599c;
          text-decoration: none;
          padding-right: 1em;
          position: relative; }
          body:not([data-device="touchDevice"]) #MainArea #ProgramArea_Exhibition_Content ._link a:hover {
            text-decoration: underline; }
          #MainArea #ProgramArea_Exhibition_Content ._link a::after {
            border-top: .5em solid transparent;
            border-right: .8em solid transparent;
            border-bottom: .5em solid transparent;
            border-left: 0.8em solid #c0599c;
            width: 0;
            height: 0;
            margin-top: .1em;
            display: block;
            position: absolute;
            top: 50%;
            right: -.8em;
            content: "";
            transform: translateY(-50%); }
    @media screen and (max-width: 767.9px) {
      #MainArea #ProgramArea > section {
        margin-bottom: 4em;
        padding: 0 4%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #ProgramArea > section {
        margin-bottom: 8em;
        padding: 0 20px; } }
    #MainArea #ProgramArea_Start {
      font-weight: 400;
      line-height: 1.4;
      color: #7f5ca3;
      margin: 3em 0 .5em 0; }
      @media screen and (max-width: 767.9px) {
        #MainArea #ProgramArea_Start {
          font-size: 1.125em;
          letter-spacing: .1em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #ProgramArea_Start {
          font-size: 1.75em;
          letter-spacing: .15em; } }
    #MainArea #ProgramArea #ProgramArea_Start + .session {
      margin-top: 0; }
    #MainArea #ProgramArea .session {
      width: 100%; }
      @media screen and (max-width: 767.9px) {
        #MainArea #ProgramArea .session {
          margin-top: 2em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #ProgramArea .session {
          margin-top: 3em; } }
      #MainArea #ProgramArea .session > ._overview {
        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; }
        #MainArea #ProgramArea .session > ._overview ._time {
          background-color: #7f5ca3;
          position: relative;
          z-index: 100;
          -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;
          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: 1023.9px) {
            #MainArea #ProgramArea .session > ._overview ._time {
              padding: 1em .5em; } }
          @media print, screen and (min-width: 1024px) {
            #MainArea #ProgramArea .session > ._overview ._time {
              box-sizing: border-box;
              width: 134px;
              padding: 1.5em 1em; } }
          #MainArea #ProgramArea .session > ._overview ._time span {
            font-weight: 300;
            color: #FFF;
            letter-spacing: .1em; }
            @media screen and (max-width: 1023.9px) {
              #MainArea #ProgramArea .session > ._overview ._time span {
                font-size: 0.875em; } }
            @media print, screen and (min-width: 1024px) {
              #MainArea #ProgramArea .session > ._overview ._time span {
                font-size: 1.75em; } }
          #MainArea #ProgramArea .session > ._overview ._time ._duration {
            text-indent: -9999px;
            height: 2em;
            display: block;
            position: relative; }
            #MainArea #ProgramArea .session > ._overview ._time ._duration::after {
              background-color: #FFF;
              width: 1px;
              height: 1em;
              display: block;
              position: absolute;
              top: 50%;
              left: 50%;
              content: "";
              transform: translate(-50%, -50%); }
        #MainArea #ProgramArea .session > ._overview ._contents {
          text-align: left;
          box-sizing: border-box;
          padding: 0;
          position: relative; }
          @media screen and (max-width: 1023.9px) {
            #MainArea #ProgramArea .session > ._overview ._contents {
              width: 100%;
              margin-left: 4%; } }
          @media print, screen and (min-width: 1024px) {
            #MainArea #ProgramArea .session > ._overview ._contents {
              width: 807px; } }
      #MainArea #ProgramArea .session ._heading {
        font-weight: 400;
        color: #FFF;
        line-height: 1.4;
        letter-spacing: .1em;
        background-color: #7f5ca3;
        margin-top: 3em;
        padding: .2em .8em .3em .8em; }
        @media screen and (max-width: 767.9px) {
          #MainArea #ProgramArea .session ._heading {
            font-size: 1em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #ProgramArea .session ._heading {
            font-size: 1.5em; } }
        #MainArea #ProgramArea .session ._heading:first-child {
          margin-top: 0; }
      #MainArea #ProgramArea .session ._title {
        font-weight: normal;
        color: #7f5ca3;
        margin-top: .8em; }
        @media screen and (max-width: 428px) {
          #MainArea #ProgramArea .session ._title {
            line-height: 1.4; } }
        @media print, screen and (min-width: 428.1px) {
          #MainArea #ProgramArea .session ._title {
            line-height: 1.4;
            letter-spacing: .05em; } }
        @media screen and (max-width: 767.9px) {
          #MainArea #ProgramArea .session ._title {
            font-size: 1em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #ProgramArea .session ._title {
            font-size: 1.5em; } }
        #MainArea #ProgramArea .session ._title small {
          font-size: 75%;
          line-height: 1.4;
          margin: .2em 0;
          display: inline-block; }
      #MainArea #ProgramArea .session ._summary {
        margin-top: 1em; }
        #MainArea #ProgramArea .session ._summary p {
          color: #000;
          line-height: 1.6;
          letter-spacing: .05em;
          margin-top: .5em; }
          @media screen and (max-width: 767.9px) {
            #MainArea #ProgramArea .session ._summary p {
              font-size: 0.75em; } }
          @media print, screen and (min-width: 768px) {
            #MainArea #ProgramArea .session ._summary p {
              font-size: 0.875em; } }
          #MainArea #ProgramArea .session ._summary p em {
            color: #E61E69;
            font-style: normal; }
      #MainArea #ProgramArea .session ._link {
        color: #000;
        line-height: 1.6;
        letter-spacing: .05em;
        margin-top: 2em; }
        @media screen and (max-width: 767.9px) {
          #MainArea #ProgramArea .session ._link {
            font-size: 0.75em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #ProgramArea .session ._link {
            text-align: right;
            font-size: 0.875em; } }
        #MainArea #ProgramArea .session ._link a {
          color: #7f5ca3; }
      #MainArea #ProgramArea .session ._person {
        display: grid;
        display: -ms-grid;
        grid-template-columns: auto 1fr;
        -ms-grid-columns: auto 1fr;
        grid-template-rows: auto 1fr;
        -ms-grid-rows: auto 1fr; }
        @media screen and (max-width: 767.9px) {
          #MainArea #ProgramArea .session ._person {
            margin-top: 1.2em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #ProgramArea .session ._person {
            margin-top: 2.2em; } }
      #MainArea #ProgramArea .session ._photo {
        grid-column: 1;
        grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-row: 1; }
        @media screen and (max-width: 767.9px) {
          #MainArea #ProgramArea .session ._photo {
            width: 26.66667vw;
            min-width: 80px;
            max-width: 120px; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #ProgramArea .session ._photo {
            width: 16.25vw;
            max-width: 130px; } }
        #MainArea #ProgramArea .session ._photo img {
          width: 100%; }
        #MainArea #ProgramArea .session ._photo ._photoby {
          font-size: 0.75em;
          color: #000;
          line-height: 1.4;
          margin-top: .5em; }
      #MainArea #ProgramArea .session ._basicInfo {
        grid-column: 2;
        grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-row: 1; }
        @media screen and (max-width: 1023.9px) {
          #MainArea #ProgramArea .session ._basicInfo {
            padding-left: .8em; } }
        @media print, screen and (min-width: 1024px) {
          #MainArea #ProgramArea .session ._basicInfo {
            box-sizing: border-box;
            padding-left: 1.2em; } }
      #MainArea #ProgramArea .session ._name {
        color: #000;
        line-height: 1.2;
        letter-spacing: .05em;
        margin-bottom: .4em; }
        @media screen and (max-width: 767.9px) {
          #MainArea #ProgramArea .session ._name {
            font-size: 1em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #ProgramArea .session ._name {
            font-size: 1.3125em; } }
        #MainArea #ProgramArea .session ._name small {
          font-size: 66.66667%;
          line-height: 1.4; }
        #MainArea #ProgramArea .session ._name span {
          font-size: 76.19048%;
          line-height: 1.2; }
      #MainArea #ProgramArea .session ._position {
        color: #000;
        line-height: 1.4;
        letter-spacing: .05em; }
        @media screen and (max-width: 767.9px) {
          #MainArea #ProgramArea .session ._position {
            font-size: 0.75em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #ProgramArea .session ._position {
            font-size: 0.875em; } }
      #MainArea #ProgramArea .session ._profile {
        color: #7f5ca3;
        margin-top: 1.5em;
        grid-column: 1 / span 2;
        grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 2; }
        #MainArea #ProgramArea .session ._profile h5 {
          font-weight: normal;
          line-height: 1.6;
          letter-spacing: .05em; }
          @media screen and (max-width: 767.9px) {
            #MainArea #ProgramArea .session ._profile h5 {
              font-size: 0.75em; } }
          @media print, screen and (min-width: 768px) {
            #MainArea #ProgramArea .session ._profile h5 {
              font-size: 0.875em; } }
        #MainArea #ProgramArea .session ._profile ._text {
          color: #000;
          line-height: 1.6;
          letter-spacing: .05em;
          margin-top: .5em; }
          @media screen and (max-width: 767.9px) {
            #MainArea #ProgramArea .session ._profile ._text {
              font-size: 0.75em; } }
          @media print, screen and (min-width: 768px) {
            #MainArea #ProgramArea .session ._profile ._text {
              font-size: 0.875em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #ProgramArea .session ._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 print, screen and (min-width: 768px) {
        #MainArea #ProgramArea .session ._columnNum2 ._person {
          width: 47%; } }
      #MainArea #ProgramArea .session .session_imageArea {
        position: relative; }
        @media screen and (max-width: 767.9px) {
          #MainArea #ProgramArea .session .session_imageArea .session_image {
            margin-top: 2em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #ProgramArea .session .session_imageArea .session_image {
            width: 64.93185%;
            max-width: 524px;
            margin-top: 4em; } }
        #MainArea #ProgramArea .session .session_imageArea .session_image img {
          width: 100%; }
        #MainArea #ProgramArea .session .session_imageArea .session_image ._caption {
          color: #000;
          line-height: 1.6;
          letter-spacing: .05em;
          margin-top: .5em; }
          @media screen and (max-width: 767.9px) {
            #MainArea #ProgramArea .session .session_imageArea .session_image ._caption {
              font-size: 0.75em; } }
          @media print, screen and (min-width: 768px) {
            #MainArea #ProgramArea .session .session_imageArea .session_image ._caption {
              font-size: 0.875em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #ProgramArea .session .session_imageArea .session_sdgs {
            margin-top: 0;
            position: absolute;
            top: 0;
            right: 0; } }
      #MainArea #ProgramArea .session ._button-enquete {
        text-align: center; }
        @media screen and (max-width: 767.9px) {
          #MainArea #ProgramArea .session ._button-enquete {
            margin-top: 2em; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #ProgramArea .session ._button-enquete {
            margin-top: 3em; } }
        #MainArea #ProgramArea .session ._button-enquete a {
          color: #FFF;
          background-color: #7f5ca3;
          text-decoration: none;
          letter-spacing: .1em;
          box-sizing: border-box;
          margin: 0 auto;
          display: inline-block;
          position: relative; }
          @media screen and (max-width: 767.9px) {
            #MainArea #ProgramArea .session ._button-enquete a {
              font-size: 1.3125em; } }
          @media print, screen and (min-width: 768px) {
            #MainArea #ProgramArea .session ._button-enquete a {
              font-size: 1.75em; } }
          body:not([data-device="touchDevice"]) #MainArea #ProgramArea .session ._button-enquete a:hover {
            opacity: .7;
            transition: 400ms; }
          #MainArea #ProgramArea .session ._button-enquete a span {
            line-height: 1.2;
            letter-spacing: .1em;
            padding: .6em 2em;
            display: inline-block; }
            #MainArea #ProgramArea .session ._button-enquete a span br {
              display: none; }
          #MainArea #ProgramArea .session ._button-enquete a small {
            font-size: 75%;
            line-height: 1.2;
            letter-spacing: .05em;
            background-color: rgba(255, 255, 255, 0.1);
            padding: .8em 2em;
            display: block; }
            #MainArea #ProgramArea .session ._button-enquete a small br {
              display: none; }
    #MainArea #ProgramArea ._breakTime {
      color: #000;
      text-align: center;
      letter-spacing: .1em;
      margin-top: 2em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #ProgramArea ._breakTime {
          font-size: 0.875em;
          line-height: 1.4; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #ProgramArea ._breakTime {
          font-size: 1.3125em;
          line-height: 1.4; } }
      @media screen and (max-width: 767.9px) {
        #MainArea #ProgramArea ._breakTime span {
          font-size: 88.88889%; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #ProgramArea ._breakTime span {
          font-size: 66.66667%; } }
      #MainArea #ProgramArea ._breakTime a {
        color: #7f5ca3; }
    #MainArea #ProgramArea ._infoExchange ._overview ._time {
      background-color: #7f5ca3; }
    #MainArea #ProgramArea ._infoExchange ._overview ._contents {
      background-color: #7f5ca3;
      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; }
    @media screen and (max-width: 767.9px) {
      #MainArea #ProgramArea_Notes {
        margin-top: 1.5em; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #ProgramArea_Notes {
        margin-top: 3em; } }
    #MainArea #ProgramArea_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 #ProgramArea_Notes li {
          font-size: 0.65625em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #ProgramArea_Notes li {
          font-size: 0.875em; } }
  #MainArea #ExhibitionArea {
    background-color: #FFF;
    margin: 0 auto;
    position: relative; }
    #MainArea #ExhibitionArea > ._inner {
      text-align: left; }
      @media print, screen and (min-width: 768px) {
        #MainArea #ExhibitionArea > ._inner {
          max-width: 980px;
          margin: 0 auto;
          padding: 0 20px; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #ExhibitionArea_Heading ._en {
        width: 49.69188%;
        display: block; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #ExhibitionArea_Heading ._en {
        width: 30.61414%; } }
    #MainArea #ExhibitionArea_Heading ._ja {
      color: #7f5ca3; }
    @media print, screen and (min-width: 768px) {
      #MainArea #ExhibitionArea_Outline {
        margin-top: 60px;
        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: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #ExhibitionArea_Outline_Image {
        width: 70%;
        margin: 3em auto 0 auto; } }
    @media screen and (min-width: 768px) and (max-width: 1023.9px) {
      #MainArea #ExhibitionArea_Outline_Image {
        width: 50%; } }
    @media print, screen and (min-width: 1024px) {
      #MainArea #ExhibitionArea_Outline_Image {
        width: 537px; } }
    #MainArea #ExhibitionArea_Outline_Image img {
      width: 100%; }
    @media screen and (max-width: 767.9px) {
      #MainArea #ExhibitionArea_Outline_Text {
        font-size: 0.875em;
        line-height: 1.8;
        text-align: justify;
        text-justify: inter-ideograph;
        letter-spacing: .05em;
        margin-top: 2em; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #ExhibitionArea_Outline_Text {
        font-size: 1.25em;
        line-height: 2;
        text-align: justify;
        text-justify: inter-ideograph;
        letter-spacing: .1em;
        margin-top: 1em; } }
    @media screen and (min-width: 768px) and (max-width: 1023.9px) {
      #MainArea #ExhibitionArea_Outline_Text {
        width: 49%; } }
    @media print, screen and (min-width: 1024px) {
      #MainArea #ExhibitionArea_Outline_Text {
        width: 432px; } }
  #MainArea #AccessArea {
    background-color: #F2EEF6;
    position: relative; }
    @media print, screen and (min-width: 768px) {
      #MainArea #AccessArea > ._inner {
        max-width: 980px;
        margin: 0 auto;
        padding: 0 20px 30px 20px; } }
    @media screen and (max-width: 767.9px) {
      #MainArea #AccessArea_Heading ._en {
        width: 33.03145%;
        display: block; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #AccessArea_Heading ._en {
        width: 20.35007%; } }
    #MainArea #AccessArea_Heading ._ja {
      color: #7f5ca3; }
    @media screen and (max-width: 767.9px) {
      #MainArea #AccessArea_Map {
        margin-top: 2em; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #AccessArea_Map {
        margin-top: 4em; } }
    #MainArea #AccessArea_Map img {
      width: 100%; }
    #MainArea #AccessArea_Button {
      text-align: right;
      margin-top: 2em; }
      #MainArea #AccessArea_Button a {
        color: #FFF;
        text-decoration: none;
        letter-spacing: .05em;
        background-color: #7f5ca3;
        box-sizing: border-box;
        display: block;
        position: relative; }
        @media screen and (max-width: 767.9px) {
          #MainArea #AccessArea_Button a {
            font-size: 0.875em;
            margin: 0 0 0 auto;
            padding: .6em 2.2em .7em 1.2em;
            display: inline-block; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #AccessArea_Button a {
            font-size: 1.25em;
            width: 270px;
            margin: 0 0 0 auto;
            padding: 1em 3em 1.2em 1em; } }
        body:not([data-device="touchDevice"]) #MainArea #AccessArea_Button a:hover {
          opacity: .7;
          transition: 400ms; }
        #MainArea #AccessArea_Button a::after {
          position: absolute;
          top: 50%;
          content: "";
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
          @media screen and (max-width: 428px) {
            #MainArea #AccessArea_Button a::after {
              border-top: solid 1px #FFF;
              border-right: solid 1px #FFF;
              width: .3em;
              height: .3em;
              margin-top: -0.21213em;
              right: .8em; } }
          @media screen and (min-width: 428.1px) and (max-width: 767.9px) {
            #MainArea #AccessArea_Button a::after {
              border-top: solid 1px #FFF;
              border-right: solid 1px #FFF;
              width: .3em;
              height: .3em;
              margin-top: -0.21213em;
              right: 1em; } }
          @media print, screen and (min-width: 768px) {
            #MainArea #AccessArea_Button a::after {
              border-top: solid 2px #FFF;
              border-right: solid 2px #FFF;
              width: .5em;
              height: .5em;
              margin-top: -0.35355em;
              right: 1.2em; } }
    #MainArea #AccessArea_Name {
      font-weight: normal;
      letter-spacing: .05em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #AccessArea_Name {
          font-size: 1.3125em;
          line-height: 1.6;
          margin-top: 1.5em; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #AccessArea_Name {
          font-size: 2.0625em;
          line-height: 1.6;
          margin-top: 2em; } }
    #MainArea #AccessArea_Address {
      letter-spacing: .05em;
      margin-top: 1em; }
      @media screen and (max-width: 767.9px) {
        #MainArea #AccessArea_Address {
          font-size: 0.875em;
          line-height: 1.6; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #AccessArea_Address {
          font-size: 1.25em;
          line-height: 1.6; } }
      #MainArea #AccessArea_Address a {
        color: #000;
        text-decoration: none; }
    #MainArea #AccessArea_Station {
      text-align: left;
      letter-spacing: .05em;
      margin: 2em auto 0 auto;
      display: inline-block; }
      #MainArea #AccessArea_Station li {
        text-indent: -1em;
        margin-bottom: .5em;
        padding-left: 1em; }
        @media screen and (max-width: 767.9px) {
          #MainArea #AccessArea_Station li {
            font-size: 0.75em;
            line-height: 1.6; } }
        @media print, screen and (min-width: 768px) {
          #MainArea #AccessArea_Station li {
            font-size: 1.25em;
            line-height: 1.6; } }
        #MainArea #AccessArea_Station li::before {
          content: "●"; }
  #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 #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; }
  #MainArea #Topics {
    text-align: center;
    background-color: #F1F1F1;
    margin: 0 auto;
    padding: 0; }
    @media screen and (max-width: 767.9px) {
      #MainArea #Topics > ._inner {
        padding: 5.33333% 4%; } }
    @media print, screen and (min-width: 768px) {
      #MainArea #Topics > ._inner {
        padding: 50px 0; } }
    #MainArea #Topics > ._inner ul {
      margin: 0 auto;
      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;
      -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 #Topics > ._inner ul {
          width: 640px; } }
      @media screen and (max-width: 767.9px) {
        #MainArea #Topics > ._inner ul li {
          width: 47.82609%;
          margin-top: 4.34783%; } }
      @media print, screen and (min-width: 768px) {
        #MainArea #Topics > ._inner ul li {
          width: 300px;
          margin-top: 40px; } }
      #MainArea #Topics > ._inner ul li:nth-child(1), #MainArea #Topics > ._inner ul li:nth-child(2) {
        margin-top: 0; }
      body:not([data-device="touchDevice"]) #MainArea #Topics > ._inner ul li a:hover {
        opacity: .7;
        transition: 400ms; }

#MainArea #ProgramArea .session .session_sdgs, #MainArea #ExhibitionArea .exhibition_item_sdgs {
  text-align: right;
  width: 100%; }
  @media screen and (max-width: 1023.9px) {
    #MainArea #ProgramArea .session .session_sdgs, #MainArea #ExhibitionArea .exhibition_item_sdgs {
      margin: 2.5em 0 0 0; } }
  @media print, screen and (min-width: 1024px) {
    #MainArea #ProgramArea .session .session_sdgs, #MainArea #ExhibitionArea .exhibition_item_sdgs {
      margin: 3em 0 0 0; } }
  #MainArea #ProgramArea .session .session_sdgs ul, #MainArea #ExhibitionArea .exhibition_item_sdgs ul {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: end; }
    @media screen and (max-width: 767.9px) {
      #MainArea #ProgramArea .session .session_sdgs ul, #MainArea #ExhibitionArea .exhibition_item_sdgs ul {
        grid-gap: min(1vw, 12px); } }
    @media print, screen and (min-width: 768px) {
      #MainArea #ProgramArea .session .session_sdgs ul, #MainArea #ExhibitionArea .exhibition_item_sdgs ul {
        grid-gap: min(.7vw, 7px); } }
    #MainArea #ProgramArea .session .session_sdgs ul li:nth-child(1), #MainArea #ExhibitionArea .exhibition_item_sdgs ul li:nth-child(1) {
      grid-column: 1 / 3;
      grid-row: 1 / 3; }
      @media screen and (max-width: 767.9px) {
        #MainArea #ProgramArea .session .session_sdgs ul li:nth-child(1), #MainArea #ExhibitionArea .exhibition_item_sdgs ul li:nth-child(1) {
          width: min(23vw, 260px); } }
      @media print, screen and (min-width: 768px) {
        #MainArea #ProgramArea .session .session_sdgs ul li:nth-child(1), #MainArea #ExhibitionArea .exhibition_item_sdgs ul li:nth-child(1) {
          width: min(16vw, 160px); } }
    @media screen and (max-width: 767.9px) {
      #MainArea #ProgramArea .session .session_sdgs ul li:nth-child(1) ~ *, #MainArea #ExhibitionArea .exhibition_item_sdgs ul li:nth-child(1) ~ * {
        width: min((22vw / 2), (248px / 2)); } }
    @media print, screen and (min-width: 768px) {
      #MainArea #ProgramArea .session .session_sdgs ul li:nth-child(1) ~ *, #MainArea #ExhibitionArea .exhibition_item_sdgs ul li:nth-child(1) ~ * {
        width: min((15.3vw / 2), (153px / 2)); } }
    #MainArea #ProgramArea .session .session_sdgs ul li:nth-child(2n), #MainArea #ExhibitionArea .exhibition_item_sdgs ul li:nth-child(2n) {
      grid-row: 1; }
    #MainArea #ProgramArea .session .session_sdgs ul li:nth-child(2), #MainArea #ExhibitionArea .exhibition_item_sdgs ul li:nth-child(2) {
      grid-column: 3; }
    #MainArea #ProgramArea .session .session_sdgs ul li img, #MainArea #ExhibitionArea .exhibition_item_sdgs ul li img {
      width: 100%; }
    @media screen and (max-width: 767.9px) {
      #MainArea #ProgramArea .session .session_sdgs ul._more10, #MainArea #ExhibitionArea .exhibition_item_sdgs ul._more10 {
        grid-gap: min(1.2vw * 0.62, 12px * 0.62); } }
    @media screen and (max-width: 767.9px) {
      #MainArea #ProgramArea .session .session_sdgs ul._more10 li:nth-child(1), #MainArea #ExhibitionArea .exhibition_item_sdgs ul._more10 li:nth-child(1) {
        width: min(26vw * 0.62, 260px * 0.62); } }
    @media screen and (max-width: 767.9px) {
      #MainArea #ProgramArea .session .session_sdgs ul._more10 li:nth-child(1) ~ *, #MainArea #ExhibitionArea .exhibition_item_sdgs ul._more10 li:nth-child(1) ~ * {
        width: min((24.8vw * 0.62 / 2), (248px * 0.62 / 2)); } }
    @media screen and (max-width: 767.9px) {
      #MainArea #ProgramArea .session .session_sdgs ul._full, #MainArea #ExhibitionArea .exhibition_item_sdgs ul._full {
        grid-gap: min(1.2vw * 0.68, 12px * 0.68); } }
    @media print, screen and (min-width: 768px) {
      #MainArea #ProgramArea .session .session_sdgs ul._full, #MainArea #ExhibitionArea .exhibition_item_sdgs ul._full {
        grid-gap: min(.6vw, 6px); } }
    @media screen and (max-width: 767.9px) {
      #MainArea #ProgramArea .session .session_sdgs ul._full li, #MainArea #ExhibitionArea .exhibition_item_sdgs ul._full li {
        width: min((24.8vw * 0.68 / 2), (248px * 0.68 / 2)); } }
    @media print, screen and (min-width: 768px) {
      #MainArea #ProgramArea .session .session_sdgs ul._full li, #MainArea #ExhibitionArea .exhibition_item_sdgs ul._full li {
        width: min((14.2vw / 2), (142px / 2)); } }
    #MainArea #ProgramArea .session .session_sdgs ul._full li:nth-child(1), #MainArea #ExhibitionArea .exhibition_item_sdgs ul._full li:nth-child(1) {
      grid-column: 1; }
    #MainArea #ProgramArea .session .session_sdgs ul._full li:nth-child(2), #MainArea #ExhibitionArea .exhibition_item_sdgs ul._full li:nth-child(2) {
      grid-column: 1; }
    #MainArea #ProgramArea .session .session_sdgs ul._full li:nth-child(2n+1), #MainArea #ExhibitionArea .exhibition_item_sdgs ul._full li:nth-child(2n+1) {
      grid-row: 1; }
    #MainArea #ProgramArea .session .session_sdgs ul._full li:nth-child(2n), #MainArea #ExhibitionArea .exhibition_item_sdgs ul._full li:nth-child(2n) {
      grid-row: 2; }

#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 */