@charset "UTF-8";
@keyframes _SplashTopOpen {
0% {
clip-path: inset(0 0 50% 0);
}
100% {
clip-path: inset(0 0 100% 0);
}
}
@keyframes _SplashBottomOpen {
0% {
clip-path: inset(50% 0 0 0);
}
100% {
clip-path: inset(100% 0 0 0);
}
}
@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);
}
}
@keyframes _bgScrollSM {
0% {
background-position: -79.4666666667vw 50%, 0 calc(50% + 18.6vw), 0 0;
}
100% {
background-position: -238.4vw 50%, 158.9333333333vw calc(50% + 18.6vw), 0 0;
}
}
@keyframes _bgScrollLX {
0% {
background-position: 0 50%, 0 calc(50% + 133px), 0 0;
}
100% {
background-position: -1192px 50%, 1192px calc(50% + 133px), 0 0;
}
}
#Splash {
width: 100vw;
height: 100vh;
position: fixed;
z-index: 20000;
top: 0;
left: 0;
opacity: 0;
animation: _fadeIn 400ms forwards;
}
#Splash::before, #Splash::after {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
content: "";
background: url('data:image/svg+xml;utf8,') repeat, url('data:image/svg+xml;utf8,') repeat, url("../images/bg-dot.png") repeat 50% 50%, linear-gradient(180deg, rgb(0, 175, 236) 0%, rgb(0, 129, 204) 50%, rgb(29, 32, 136) 100%);
}
@media screen and (max-width: 767.9px) {
#Splash::before, #Splash::after {
background-size: min(158.9333333333vw, 1192px), min(158.9333333333vw, 1192px), min(49.6vw, 372px) auto, 100%;
animation: _bgScrollSM 30000ms linear infinite;
}
}
@media print, screen and (min-width: 768px) {
#Splash::before, #Splash::after {
background-size: 1192px auto, 1192px auto, 372px auto, 100%;
animation: _bgScrollLX 40000ms linear infinite;
}
}
body._isLoading #Container {
height: 0;
opacity: 0;
}
@media screen and (max-width: 767.9px) {
body._isLoaded #Splash::before {
background-size: min(158.9333333333vw, 1192px), min(158.9333333333vw, 1192px), min(49.6vw, 372px) auto, 100%;
animation: _bgScrollSM 30000ms linear infinite, _SplashTopOpen 1000ms forwards;
}
}
@media print, screen and (min-width: 768px) {
body._isLoaded #Splash::before {
background-size: 1192px auto, 1192px auto, 372px auto, 100%;
animation: _bgScrollLX 40000ms linear infinite, _SplashTopOpen 1000ms forwards;
}
}
@media screen and (max-width: 767.9px) {
body._isLoaded #Splash::after {
background-size: min(158.9333333333vw, 1192px), min(158.9333333333vw, 1192px), min(49.6vw, 372px) auto, 100%;
animation: _bgScrollSM 30000ms linear infinite, _SplashBottomOpen 1000ms forwards;
}
}
@media print, screen and (min-width: 768px) {
body._isLoaded #Splash::after {
background-size: 1192px auto, 1192px auto, 372px auto, 100%;
animation: _bgScrollLX 40000ms linear infinite, _SplashBottomOpen 1000ms forwards;
}
}
#Container > ._inner {
background-color: #FFF;
}
#MainVisual {
width: 100vw;
}
@media screen and (max-width: 428px) {
#MainVisual {
height: calc(100dvh - 55px);
}
}
@media screen and (min-width: 428.1px) and (max-width: 767.9px) {
#MainVisual {
height: calc(100dvh - 70px);
}
}
@media print, screen and (min-width: 768px) {
#MainVisual {
height: calc(100dvh - 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(100dvh - 55px);
top: 55px;
}
}
@media screen and (min-width: 428.1px) and (max-width: 767.9px) {
#MainVisual_Image {
height: calc(100dvh - 70px);
top: 70px;
}
}
@media print, screen and (min-width: 768px) {
#MainVisual_Image {
height: calc(100dvh - 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 #MainVisual_CopyText {
max-width: 430px;
}
#MainVisual #MainVisual_DateText {
max-width: 266px;
}
@media screen and (max-width: 767.9px) {
#MainVisual #MainVisual_DateText {
font-size: 0.8125em;
}
}
@media print, screen and (min-width: 768px) {
#MainVisual #MainVisual_DateText {
font-size: 1.5625em;
}
}
#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: 22.3958333333vw;
top: 33.0296127563vh;
left: 17.5520833333vw;
}
#MainVisual._landscape #MainVisual_DateText {
width: 13.8541666667vw;
bottom: 2.0833333333vw;
right: 2.4479166667vw;
}
#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: 57.3333333333vw;
top: 11.7333333333vw;
left: 50%;
transform: translateX(-50%);
}
#MainVisual._portrait #MainVisual_DateText {
width: 35.4666666667vw;
bottom: 9.3333333333vw;
left: 50%;
transform: translateX(-50%);
}
#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: 39.8148148148vw;
top: 5.2083333333vw;
left: 7.0833333333vw;
}
#MainVisual._neither #MainVisual_DateText {
width: 24.6296296296vw;
bottom: 5.2083333333vw;
right: 2.4479166667vw;
}
@media screen and (max-width: 767.9px) {
#MainVisual._neither #MainVisual_DateText {
font-size: 0.8125em;
}
}
@media print, screen and (min-width: 768px) {
#MainVisual._neither #MainVisual_DateText {
font-size: 1.5625em;
}
}
#MainVisual_BiprogyKen {
color: #FFF;
line-height: 1.4;
background: linear-gradient(270deg, rgb(0, 175, 236) 0%, rgb(0, 129, 204) 50%, rgb(29, 32, 136) 100%);
box-sizing: border-box;
width: 100vw;
height: 2.8em;
position: absolute;
left: 0;
bottom: -1px;
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: 0.1em;
}
}
@media print, screen and (min-width: 768px) {
#MainVisual_BiprogyKen {
font-size: 1.5625em;
letter-spacing: 0.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: 0.8em;
padding-right: 0.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.3333333333% 4% 13.3333333333% 4%;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Concept {
box-sizing: border-box;
margin: 0 auto;
padding: 20px 20px 100px 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: 980px;
}
}
#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: 0.05em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Concept ._text {
font-size: 1.375em;
line-height: 2.6;
letter-spacing: 0.1em;
}
}
#MainArea #Concept ._text strong {
font-weight: normal;
}
@media screen and (max-width: 767.9px) {
#MainArea #Concept ._text strong {
font-size: 171.4285714286%;
letter-spacing: 0.1em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Concept ._text strong {
font-size: 218.1818181818%;
letter-spacing: 0.2em;
}
}
#MainArea #Concept ._text span {
white-space: nowrap;
}
#MainArea #Concept ._text ._dash {
color: transparent;
margin-right: 0.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: 0.2em;
content: "";
}
#MainArea #Schedule_Heading span, #MainArea #Report_Heading span, #MainArea #AccessArea_Heading span, #MainArea #ExhibitionArea_Heading span, #MainArea #ProgramArea_Heading span, #MainArea #Outline_Heading span {
display: block;
margin: 0 auto;
}
@media screen and (max-width: 767.9px) {
#MainArea #Schedule_Heading ._en, #MainArea #Report_Heading ._en, #MainArea #AccessArea_Heading ._en, #MainArea #ExhibitionArea_Heading ._en, #MainArea #ProgramArea_Heading ._en, #MainArea #Outline_Heading ._en {
width: 39.5011014493%;
display: block;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Schedule_Heading ._en, #MainArea #Report_Heading ._en, #MainArea #AccessArea_Heading ._en, #MainArea #ExhibitionArea_Heading ._en, #MainArea #ProgramArea_Heading ._en, #MainArea #Outline_Heading ._en {
width: 27.812%;
}
}
#MainArea #Schedule_Heading ._ja, #MainArea #Report_Heading ._ja, #MainArea #AccessArea_Heading ._ja, #MainArea #ExhibitionArea_Heading ._ja, #MainArea #ProgramArea_Heading ._ja, #MainArea #Outline_Heading ._ja {
text-align: center;
font-weight: 400;
color: #FFF;
letter-spacing: 0.15em;
font-feature-settings: normal;
margin-top: 1.2em;
}
@media screen and (max-width: 767.9px) {
#MainArea #Schedule_Heading ._ja, #MainArea #Report_Heading ._ja, #MainArea #AccessArea_Heading ._ja, #MainArea #ExhibitionArea_Heading ._ja, #MainArea #ProgramArea_Heading ._ja, #MainArea #Outline_Heading ._ja {
font-size: 0.9375em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Schedule_Heading ._ja, #MainArea #Report_Heading ._ja, #MainArea #AccessArea_Heading ._ja, #MainArea #ExhibitionArea_Heading ._ja, #MainArea #ProgramArea_Heading ._ja, #MainArea #Outline_Heading ._ja {
font-size: 1.625em;
}
}
#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.3333333333% 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.9416086957%;
display: block;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Outline_Heading ._en {
width: 22.1426530612%;
}
}
#MainArea #Outline_Heading ._ja {
color: #0081CC;
}
#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: rgb(0, 129, 204);
white-space: nowrap;
margin-bottom: 0.8em;
}
@media screen and (max-width: 767.9px) {
#MainArea #Outline_Data dt {
font-size: 0.875em;
line-height: 1.4;
letter-spacing: 0.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: 0.1em;
width: 11em;
}
}
#MainArea #Outline_Data dt._space {
letter-spacing: 1.1em;
}
#MainArea #Outline_Data dd {
color: #000;
box-sizing: border-box;
margin-bottom: 0.8em;
}
@media screen and (max-width: 767.9px) {
#MainArea #Outline_Data dd {
font-size: 0.875em;
line-height: 1.4;
letter-spacing: 0.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: 0.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: 0.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: 0.1em;
padding-left: 68px;
}
}
#MainArea #Outline ._attention small {
font-size: 75%;
letter-spacing: 0.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: 0.5em auto 0.5em auto;
}
}
#MainArea #Outline ._wrapper ._note {
color: #F00;
line-height: 1.4;
letter-spacing: 0.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: rgb(0, 129, 204);
display: inline-block;
position: relative;
}
@media screen and (max-width: 767.9px) {
#MainArea #Outline ._button a {
font-size: 0.9375em;
letter-spacing: 0.05em;
margin: 1.5em auto 0.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: 0.1em;
padding: 1em 2em 1.2em 1em;
}
}
body:not([data-device=touchDevice]) #MainArea #Outline ._button a:hover {
opacity: 0.7;
transition: 400ms;
}
#MainArea #Outline ._button a::after {
border-top: solid 2px #FFF;
border-right: solid 2px #FFF;
width: 0.4em;
height: 0.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: 0.05em;
margin-bottom: 0.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.347826087%;
}
}
@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: 0.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 0.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: 0.05em;
margin-top: 0.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.1836734694%;
right: 20px;
}
}
#MainArea #Outline_Sns a {
vertical-align: bottom;
margin: 0 4px;
}
body:not([data-device=touchDevice]) #MainArea #Outline_Sns a:hover {
opacity: 0.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: rgb(0, 129, 204);
line-height: 1.4;
text-align: center;
letter-spacing: 0.2em;
margin: 2em 0 0.5em 0;
padding-left: 0.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: rgb(0, 129, 204);
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: rgb(0, 129, 204);
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.1333333333%;
}
}
@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.2666666667vw;
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: 0.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: 0.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: #E5F2FA;
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.7096666667%;
display: block;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #ProgramArea_Heading ._en {
width: 26.9288061224%;
}
}
#MainArea #ProgramArea_Heading ._ja {
color: rgb(0, 129, 204);
}
#MainArea #ProgramArea ._invitation {
text-align: right;
margin-top: 2em;
}
#MainArea #ProgramArea ._invitation a {
color: #FFF;
text-decoration: none;
letter-spacing: 0.05em;
background-color: rgb(0, 129, 204);
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: 0.6em 2.2em 0.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: 0.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: 0.3em;
height: 0.3em;
margin-top: -0.21213em;
right: 0.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: 0.3em;
height: 0.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: 0.5em;
height: 0.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: rgb(0, 175, 236);
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: 0.8em 1em;
}
}
@media print, screen and (min-width: 428.1px) {
#MainArea #ProgramArea_Exhibition_Header {
padding: 0.6em 1em 0.8em 1em;
}
}
#MainArea #ProgramArea_Exhibition_Heading {
font-weight: 400;
color: #FFF;
letter-spacing: 0.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: 0.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: 0.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: 0.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: rgb(0, 175, 236);
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: 0.5em solid transparent;
border-right: 0.8em solid transparent;
border-bottom: 0.5em solid transparent;
border-left: 0.8em solid rgb(0, 175, 236);
width: 0;
height: 0;
margin-top: 0.1em;
display: block;
position: absolute;
top: 50%;
right: -0.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: rgb(0, 129, 204);
margin: 3em 0 0.5em 0;
}
@media screen and (max-width: 767.9px) {
#MainArea #ProgramArea_Start {
font-size: 1.125em;
letter-spacing: 0.1em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #ProgramArea_Start {
font-size: 1.75em;
letter-spacing: 0.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: rgb(0, 129, 204);
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 0.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: 0.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: 0.1em;
background-color: rgb(0, 129, 204);
margin-top: 3em;
padding: 0.2em 0.8em 0.3em 0.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: rgb(0, 129, 204);
margin-top: 0.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: 0.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: 0.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: 0.05em;
margin-top: 0.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 {
font-size: 116.6666666667%;
color: #E61E69;
font-style: normal;
}
#MainArea #ProgramArea .session ._link {
color: #000;
line-height: 1.6;
letter-spacing: 0.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: rgb(0, 129, 204);
}
#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.6666666667vw;
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: 0.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: 0.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: 0.05em;
margin-bottom: 0.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.6666666667%;
line-height: 1.4;
}
#MainArea #ProgramArea .session ._name span {
font-size: 76.1904761905%;
line-height: 1.2;
}
#MainArea #ProgramArea .session ._position {
color: #000;
line-height: 1.4;
letter-spacing: 0.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: rgb(0, 129, 204);
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: 0.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: 0.05em;
margin-top: 0.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.9318463445%;
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: 0.05em;
margin-top: 0.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 ._breakTime {
color: #000;
text-align: center;
letter-spacing: 0.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.8888888889%;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #ProgramArea ._breakTime span {
font-size: 66.6666666667%;
}
}
#MainArea #ProgramArea ._breakTime a {
color: rgb(0, 129, 204);
}
#MainArea #ProgramArea ._infoExchange ._overview ._time {
background-color: rgb(0, 129, 204);
}
#MainArea #ProgramArea ._infoExchange ._overview ._contents {
background-color: rgb(0, 129, 204);
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: 0.05em;
margin-bottom: 0.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.691884058%;
display: block;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #ExhibitionArea_Heading ._en {
width: 30.6141428571%;
}
}
#MainArea #ExhibitionArea_Heading ._ja {
color: rgb(0, 129, 204);
}
@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: 94.2028985507%;
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: 0.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: 0.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: #E5F2FA;
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.0314492754%;
display: block;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #AccessArea_Heading ._en {
width: 20.3500714286%;
}
}
#MainArea #AccessArea_Heading ._ja {
color: rgb(0, 129, 204);
}
@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: 0.05em;
background-color: rgb(0, 129, 204);
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: 0.6em 2.2em 0.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: 0.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: 0.3em;
height: 0.3em;
margin-top: -0.21213em;
right: 0.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: 0.3em;
height: 0.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: 0.5em;
height: 0.5em;
margin-top: -0.35355em;
right: 1.2em;
}
}
#MainArea #AccessArea_Name {
font-weight: normal;
letter-spacing: 0.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: 0.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: 0.05em;
margin: 2em auto 0 auto;
display: inline-block;
}
#MainArea #AccessArea_Station li {
text-indent: -1em;
margin-bottom: 0.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.1475072464%;
display: block;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Report_Heading ._en {
width: 20.4214183673%;
}
}
#MainArea #Report_Heading ._ja {
color: #0081CC;
}
#MainArea #Report_Text p {
color: #000;
line-height: 1.6;
text-align: justify;
text-justify: inter-ideograph;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767.9px) {
#MainArea #Report_Text p {
font-size: 0.8125em;
margin-top: 11.3043478261%;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Report_Text p {
font-size: 1em;
margin-top: 78px;
}
}
#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: 0.1em;
background-color: #0081CC;
box-sizing: border-box;
position: relative;
}
@media screen and (max-width: 767.9px) {
#MainArea #Report_Button a {
font-size: 1em;
margin: 0 auto;
padding: 0.8em 2.5em 1em 2em;
display: inline-block;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Report_Button a {
font-size: 1.5em;
padding: 0.8em 1em 1em 0.5em;
display: block;
}
}
body:not([data-device=touchDevice]) #MainArea #Report_Button a:hover {
opacity: 0.7;
transition: 400ms;
}
#MainArea #Report_Button a::after {
border-top: solid 2px #FFF;
border-right: solid 2px #FFF;
width: 0.4em;
height: 0.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: #00AFEC;
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;
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Schedule_Heading ._en {
width: 44.7067536232%;
display: block;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Schedule_Heading ._en {
width: 27.5427040816%;
}
}
#MainArea #Schedule_Heading ._ja {
color: #FFF;
line-height: 1.4;
}
#MainArea #Schedule_Text p {
color: #FFF;
line-height: 1.6;
text-align: justify;
text-justify: inter-ideograph;
letter-spacing: 0.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: 0.05em;
background-color: #32BFF0;
border-left: 1px solid #00AFEC;
padding: 0.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 #00AFEC;
}
@media screen and (max-width: 767.9px) {
#MainArea #Schedule_Table th[scope=row] {
font-size: 0.75em;
padding: 0.8em 1em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Schedule_Table th[scope=row] {
font-size: 1.125em;
letter-spacing: 0.05em;
padding: 0.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 #00AFEC;
border-left: 1px solid #00AFEC;
}
@media screen and (max-width: 767.9px) {
#MainArea #Schedule_Table td {
font-size: 0.75em;
text-align: center;
padding: 0.8em 1em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Schedule_Table td {
font-size: 1.125em;
letter-spacing: 0.05em;
padding: 0.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: #CCEFFB;
}
#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.3333333333% 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.8260869565%;
margin-top: 4.347826087%;
}
}
@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: 0.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;
}
/*# sourceMappingURL=index.css.map */