@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: 0 50%, 0 calc(50% + 19.2vw), 0 0;
}
100% {
background-position: -135.4666666667vw 50%, 135.4666666667vw calc(50% + 19.2vw), 0 0;
}
}
@keyframes _bgScrollLX {
0% {
background-position: 0 50%, 0 calc(50% + 146px), 0 0;
}
100% {
background-position: -1016px 50%, 1016px calc(50% + 146px), 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(152vw, 1140px), min(152vw, 1140px), min(49.6vw, 372px) auto, 100%;
animation: _bgScrollSM 30000ms linear infinite;
}
}
@media print, screen and (min-width: 768px) {
#Splash::before, #Splash::after {
background-size: 1140px auto, 1140px 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(152vw, 1140px), min(152vw, 1140px), 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: 1140px auto, 1140px 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(152vw, 1140px), min(152vw, 1140px), 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: 1140px auto, 1140px 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: 415px;
}
@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: 21.6145833333vw;
bottom: calc(2.0833333333vw + 2.8em);
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: 54.1333333333vw;
bottom: calc(9.3333333333vw + 2.8em);
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: 38.4259259259vw;
bottom: calc(5.2083333333vw + 2.8em);
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: 2.5em 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: 2.6666666667% 4% 13.3333333333% 4%;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Concept {
box-sizing: border-box;
margin: 0 auto;
padding: 40px 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 #Contents {
background-color: #FFF;
margin: 0 auto;
}
#MainArea #Contents > ._inner {
text-align: left;
}
@media screen and (max-width: 767.9px) {
#MainArea #Contents > ._inner {
padding: 1.3333333333% 0;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Contents > ._inner {
max-width: 980px;
margin: 0 auto;
padding: 0 20px;
}
}
#MainArea #Contents_Heading {
font-weight: 400;
color: rgb(0, 129, 204);
line-height: 1.6;
}
@media screen and (max-width: 767.9px) {
#MainArea #Contents_Heading {
font-size: 1.375em;
letter-spacing: 0.15em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Contents_Heading {
font-size: 2.25em;
letter-spacing: 0.2em;
}
}
#MainArea #Contents_Heading span {
display: inline-block;
width: 0.7em;
}
#MainArea #Contents_Text {
color: #000;
line-height: 1.8;
text-align: justify;
text-justify: inter-ideograph;
margin-top: 1.5em;
}
@media screen and (max-width: 767.9px) {
#MainArea #Contents_Text {
font-size: 0.875em;
letter-spacing: 0.1em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Contents_Text {
font-size: 1.25em;
letter-spacing: 0.1em;
}
}
#MainArea #Contents_Image {
text-align: center;
}
@media screen and (max-width: 767.9px) {
#MainArea #Contents_Image {
margin-top: 11.5942028986%;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Contents_Image {
margin-top: 70px;
}
}
#MainArea #Contents_Image img {
max-width: 538px;
}
@media print, screen and (min-width: 768px) {
#MainArea #Contents_Image img {
width: 538px;
margin: 0 auto;
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Contents_Image img {
width: 94.2028985507%;
margin: 0 auto;
}
}
#MainArea #Contents ._item {
background-color: #FFF;
position: relative;
}
@media screen and (max-width: 767.9px) {
#MainArea #Contents ._item {
border-top: 1px solid #000;
margin-top: 2em;
padding-top: 2em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Contents ._item {
margin-top: 5em;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Contents ._icon {
width: 43.4782608696%;
margin: 0 auto;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Contents ._icon {
margin-top: 0.2em;
width: 194px;
}
}
#MainArea #Contents ._icon img {
width: 100%;
}
@media screen and (max-width: 767.9px) {
#MainArea #Contents ._textArea {
margin: 1.5em 0 1em 0;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Contents ._textArea {
box-sizing: border-box;
width: calc(100% - 194px);
margin-bottom: 1em;
position: relative;
padding-left: 2.5em;
}
}
#MainArea #Contents ._textArea h3 {
font-weight: 400;
color: rgb(0, 129, 204);
margin-bottom: 0.5em;
}
@media screen and (max-width: 767.9px) {
#MainArea #Contents ._textArea h3 {
font-size: 1.125em;
line-height: 1.6;
letter-spacing: 0.05em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Contents ._textArea h3 {
font-size: 1.625em;
line-height: 1.5;
letter-spacing: 0.2em;
}
}
#MainArea #Contents ._textArea ._date {
color: #FFF;
letter-spacing: 0.1em;
background-color: rgb(0, 129, 204);
padding: 0.5em 0.9em 0.7em 1em;
display: inline-block;
}
@media screen and (max-width: 767.9px) {
#MainArea #Contents ._textArea ._date {
margin-top: 0.5em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Contents ._textArea ._date {
white-space: nowrap;
margin-left: auto;
}
}
#MainArea #Contents ._textArea ._text {
color: #000;
line-height: 1.8;
text-align: justify;
text-justify: inter-ideograph;
}
@media screen and (max-width: 767.9px) {
#MainArea #Contents ._textArea ._text {
font-size: 0.875em;
letter-spacing: 0.05em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Contents ._textArea ._text {
font-size: 1.25em;
letter-spacing: 0.1em;
}
}
#MainArea #Contents ._textArea ._note {
color: rgb(0, 129, 204);
line-height: 1.6;
margin-top: 1em;
}
@media screen and (max-width: 767.9px) {
#MainArea #Contents ._textArea ._note {
font-size: 0.75em;
text-indent: -1.05em;
letter-spacing: 0.05em;
padding-left: 1.05em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Contents ._textArea ._note {
font-size: 1em;
text-indent: -1.1em;
letter-spacing: 0.1em;
padding-left: 1.1em;
}
}
#MainArea #Contents ._textArea ._note em {
font-style: normal;
}
#MainArea #Contents ._button {
text-align: center;
}
#MainArea #Contents ._button a {
font-size: 1.125em;
color: #FFF;
text-decoration: none;
width: 70%;
max-width: 14em;
padding: 1em 2em 0.9em 1em;
display: inline-block;
position: relative;
}
@media screen and (max-width: 767.9px) {
#MainArea #Contents ._button a {
letter-spacing: 0.05em;
margin: 1.5em auto 0.5em auto;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Contents ._button a {
letter-spacing: 0.1em;
margin: 2em auto 0 auto;
}
}
body:not([data-device=touchDevice]) #MainArea #Contents ._button a:hover {
opacity: 0.7;
transition: 400ms;
}
#MainArea #Contents ._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 #Contents_Session._item {
border-top: none;
padding-top: 0;
}
@media screen and (max-width: 767.9px) {
#MainArea #Contents_Session._item {
margin-top: 12.6666666667%;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Contents_Session._item {
margin-top: 8em;
}
}
#MainArea #Schedule_Heading span, #MainArea #Report_Heading span, #MainArea #Keynote_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 #Keynote_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 #Keynote_Heading ._en, #MainArea #Outline_Heading ._en {
width: 27.812%;
}
}
#MainArea #Schedule_Heading ._ja, #MainArea #Report_Heading ._ja, #MainArea #Keynote_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 #Keynote_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 #Keynote_Heading ._ja, #MainArea #Outline_Heading ._ja {
font-size: 1.625em;
}
}
#MainArea .st1 {
fill: rgba(0, 175, 236, 0.3);
stroke: #F00;
}
#MainArea #Outline {
background: url("../images/bg-dot.png") repeat 50% 50% #D9F3FC;
margin: 0 auto;
}
#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 ._wrapper {
margin-top: 1em;
}
@media print, screen and (min-width: 768px) {
#MainArea #Outline ._wrapper {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Outline ._wrapper._production {
width: 100%;
margin-top: -3em;
display: block;
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Outline ._wrapper._production ._button {
text-align: center;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Outline ._wrapper._production ._button {
text-align: right;
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Outline ._wrapper._production ._button a {
margin: 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: 24.4897959184%;
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 #Keynote {
background: 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%);
margin: 0 auto;
}
#MainArea #Keynote > ._inner {
text-align: left;
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote > ._inner {
max-width: 980px;
margin: 0 auto;
padding: 0 20px;
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote_Heading ._en {
width: 77.3318550725%;
display: block;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote_Heading ._en {
width: 47.6422959184%;
}
}
#MainArea #Keynote_Heading ._ja {
color: #FFF;
}
#MainArea #Keynote ._item {
box-sizing: border-box;
max-width: 980px;
position: relative;
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item {
margin-top: 3em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item {
margin-top: 4em;
padding: 3.0612244898% 0 0 3.0612244898%;
}
}
#MainArea #Keynote ._item > ._inner {
background-color: #FFF;
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item > ._inner {
padding: 40% 4.347826087% 5.7971014493% 4.347826087%;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item > ._inner {
padding: 3em 4.0816326531% 3em 20.4081632653%;
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._header {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
position: absolute;
top: -4.347826087vw;
left: -4.347826087vw;
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._date {
width: 34.7826086957vw;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._date {
position: absolute;
width: 20.4081632653%;
max-width: 200px;
top: 0;
left: 0;
}
}
#MainArea #Keynote ._item ._title {
font-weight: normal;
line-height: 1.2;
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._title {
width: 60.8695652174vw;
font-size: 1.125em;
letter-spacing: 0.05em;
margin: 1em 0;
padding: 7.2463768116vw 4.347826087vw;
box-sizing: border-box;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._title {
font-size: 1.6875em;
}
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
#MainArea #Keynote ._item ._title {
letter-spacing: 0.05em;
}
}
@media print, screen and (min-width: 1024px) {
#MainArea #Keynote ._item ._title {
letter-spacing: 0.1em;
}
}
#MainArea #Keynote ._item ._title small {
font-size: 74.0740740741%;
line-height: 1.4;
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._title small {
letter-spacing: 0;
display: inline-block;
margin-top: 0.5em;
}
}
#MainArea #Keynote ._item ._summary {
color: #000;
line-height: 1.6;
letter-spacing: 0.1em;
margin-top: 1.5em;
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._summary {
font-size: 0.8125em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._summary {
font-size: 1em;
}
}
#MainArea #Keynote ._item hr {
border: none;
border-top: 1px solid #00AFEC;
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item hr {
margin-bottom: 2em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item hr {
margin: 1em 0 3em 0;
}
}
#MainArea #Keynote ._item ._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 #Keynote ._item ._person {
padding-bottom: 2em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._person {
padding-bottom: 3em;
}
}
#MainArea #Keynote ._item ._photo {
grid-column: 1;
-ms-grid-column: 1;
-ms-grid-row: 1;
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._photo {
width: 32vw;
min-width: 120px;
max-width: 240px;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._photo {
width: 27.7777777778vw;
max-width: 200px;
}
}
#MainArea #Keynote ._item ._photo img {
width: 100%;
}
#MainArea #Keynote ._item ._photo ._photoby {
font-size: 0.75em;
color: #000;
line-height: 1.4;
margin-top: 0.5em;
}
#MainArea #Keynote ._item ._basicInfo {
padding-left: 1.2em;
grid-column: 2;
grid-row: 1;
-ms-grid-column: 2;
-ms-grid-row: 1;
}
#MainArea #Keynote ._item ._name {
color: #000;
line-height: 1.2;
letter-spacing: 0.05em;
margin-bottom: 0.4em;
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._name {
font-size: 1.125em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._name {
font-size: 1.4375em;
}
}
#MainArea #Keynote ._item ._name small {
font-size: 60.8695652174%;
line-height: 1.4;
}
#MainArea #Keynote ._item ._name span {
font-size: 78.2608695652%;
line-height: 1.2;
}
#MainArea #Keynote ._item ._position {
color: #000;
letter-spacing: 0.05em;
margin-bottom: 0.5em;
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._position {
font-size: 0.8125em;
line-height: 1.4;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._position {
font-size: 1em;
line-height: 1.4;
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._profile {
margin-top: 0.8em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._profile {
margin-top: 1.5em;
}
}
#MainArea #Keynote ._item ._profile h5 {
font-weight: normal;
line-height: 1.6;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._profile h5 {
font-size: 0.8125em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._profile h5 {
font-size: 1em;
}
}
#MainArea #Keynote ._item ._profile ._text {
color: #000;
line-height: 1.6;
letter-spacing: 0.1em;
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._profile ._text {
margin-top: 0.2em;
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._profile ._text {
font-size: 0.8125em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._profile ._text {
font-size: 1em;
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._columnNum1 {
padding-top: 2em;
}
#MainArea #Keynote ._item ._columnNum1 ._photo {
grid-row: 1;
}
#MainArea #Keynote ._item ._columnNum1 ._profile {
grid-column: 1/span 2;
grid-row: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 2;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._columnNum1 {
padding-top: 3em;
}
#MainArea #Keynote ._item ._columnNum1 ._photo {
grid-row: 1/span 2;
-ms-grid-row-span: 2;
}
#MainArea #Keynote ._item ._columnNum1 ._profile {
padding-left: 1.2em;
grid-column: 2;
grid-row: 2;
-ms-grid-column: 2;
-ms-grid-row: 2;
}
}
#MainArea #Keynote ._item ._header + ._columnNum1 {
margin-top: 0;
}
#MainArea #Keynote ._item ._header + ._columnNum2 {
margin-top: 0;
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._header + ._columnNum2 ._person:first-child {
margin-top: 0;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._header + ._columnNum2 ._person {
width: 47%;
margin-top: 0;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._columnNum2 {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._columnNum2 ._person {
margin-top: 3em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._columnNum2 ._person {
width: 47%;
margin-top: 4em;
}
}
#MainArea #Keynote ._item ._columnNum2 ._photo {
grid-row: 1;
}
#MainArea #Keynote ._item ._columnNum2 ._profile {
grid-column: 1/span 2;
grid-row: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 2;
}
#MainArea #Keynote ._item-d65 ._title {
color: #0081CC;
}
#MainArea #Keynote ._item-d65 ._profile {
color: #0081CC;
}
#MainArea #Keynote ._item-d66 ._title {
color: #00AFEC;
}
#MainArea #Keynote ._item-d66 ._profile {
color: #00AFEC;
}
#MainArea #Keynote ._item ._sdgs {
text-align: right;
width: 100%;
}
@media screen and (max-width: 1023.9px) {
#MainArea #Keynote ._item ._sdgs {
margin: 2.5em 0 0 0;
}
}
@media print, screen and (min-width: 1024px) {
#MainArea #Keynote ._item ._sdgs {
margin: 3em 0 0 0;
}
}
#MainArea #Keynote ._item ._sdgs ul {
display: grid;
grid-template-columns: 1fr;
justify-items: end;
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._sdgs ul {
grid-gap: min(1.2vw, 12px);
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._sdgs ul {
grid-gap: min(0.7vw, 7px);
}
}
#MainArea #Keynote ._item ._sdgs ul li:nth-child(1) {
grid-column: 1/3;
grid-row: 1/3;
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._sdgs ul li:nth-child(1) {
width: min(26vw, 260px);
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._sdgs ul li:nth-child(1) {
width: min(16vw, 160px);
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._sdgs ul li:nth-child(1) ~ * {
width: min(12.4vw, 124px);
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._sdgs ul li:nth-child(1) ~ * {
width: min(7.65vw, 76.5px);
}
}
#MainArea #Keynote ._item ._sdgs ul li:nth-child(2n) {
grid-row: 1;
}
#MainArea #Keynote ._item ._sdgs ul li:nth-child(2) {
grid-column: 3;
}
#MainArea #Keynote ._item ._sdgs ul li img {
width: 100%;
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._sdgs ul._more10 {
grid-gap: min(1.2vw * 0.62, 12px * 0.62);
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._sdgs ul._more10 {
grid-gap: min(0.6vw, 6px);
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._sdgs ul._more10 li:nth-child(1) {
width: min(26vw * 0.62, 260px * 0.62);
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._sdgs ul._more10 li:nth-child(1) {
width: min(13.6vw, 136px);
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._sdgs ul._more10 li:nth-child(1) ~ * {
width: min(24.8vw * 0.62 / 2, 248px * 0.62 / 2);
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._sdgs ul._more10 li:nth-child(1) ~ * {
width: min(6.5vw, 65px);
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._sdgs ul._full {
grid-gap: min(1.2vw * 0.68, 12px * 0.68);
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._sdgs ul._full {
grid-gap: min(0.6vw, 6px);
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote ._item ._sdgs ul._full li {
width: min(24.8vw * 0.68 / 2, 248px * 0.68 / 2);
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote ._item ._sdgs ul._full li {
width: min(7.1vw, 71px);
}
}
#MainArea #Keynote ._item ._sdgs ul._full li:nth-child(1) {
grid-column: 1;
}
#MainArea #Keynote ._item ._sdgs ul._full li:nth-child(2) {
grid-column: 1;
}
#MainArea #Keynote ._item ._sdgs ul._full li:nth-child(2n+1) {
grid-row: 1;
}
#MainArea #Keynote ._item ._sdgs ul._full li:nth-child(2n) {
grid-row: 2;
}
#MainArea #Keynote_Notes {
max-width: 950px;
}
@media screen and (max-width: 767.9px) {
#MainArea #Keynote_Notes {
margin-top: 1.5em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote_Notes {
margin-top: 3em;
}
}
#MainArea #Keynote_Notes li {
color: #FFF;
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 #Keynote_Notes li {
font-size: 0.75em;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #Keynote_Notes li {
font-size: 0.875em;
}
}
#MainArea #Report {
text-align: center;
background-color: #FFF;
margin: 0 auto;
}
#MainArea #Report > ._inner {
text-align: left;
}
@media print, screen and (min-width: 768px) {
#MainArea #Report > ._inner {
max-width: 980px;
margin: 0 auto;
padding: 0 20px;
}
}
@media screen and (max-width: 767.9px) {
#MainArea #Report_Heading ._en {
width: 33.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 #BackNumber {
text-align: center;
background-color: #FFF;
max-width: 1920px;
margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
#MainArea #BackNumber {
padding: 6em 0;
}
}
#MainArea #BackNumber > ._inner {
text-align: left;
}
@media print, screen and (min-width: 768px) {
#MainArea #BackNumber > ._inner {
max-width: 980px;
margin: 0 auto;
padding: 0 20px;
}
}
#MainArea #BackNumber_Button {
margin: 0 auto;
}
@media screen and (max-width: 767.9px) {
#MainArea #BackNumber_Button {
text-align: center;
}
}
@media print, screen and (min-width: 768px) {
#MainArea #BackNumber_Button {
width: 664px;
}
}
#MainArea #BackNumber_Button a {
color: #FFF;
line-height: 1.4;
text-align: center;
text-decoration: none;
letter-spacing: 0.1em;
background-color: #0081CC;
box-sizing: border-box;
position: relative;
}
@media screen and (max-width: 767.9px) {
#MainArea #BackNumber_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 #BackNumber_Button a {
font-size: 1.5em;
padding: 0.8em 1em 1em 0.5em;
display: block;
}
}
body:not([data-device=touchDevice]) #MainArea #BackNumber_Button a:hover {
opacity: 0.7;
transition: 400ms;
}
#MainArea #BackNumber_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;
}
#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: -0.5em;
right: 0;
}
}
@media print, screen and (min-width: 768px) {
#OpeningMovie_Youtube ._closeButton {
width: 2em;
height: 2em;
top: -0.8em;
right: 0;
}
}
body:not([data-device=touchDevice]) #OpeningMovie_Youtube ._closeButton:hover {
opacity: 0.7;
transition: 400ms;
}
#OpeningMovie_Youtube ._closeButton::before {
background-color: #FFF;
width: 100%;
height: 0.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: 0.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 */