#FirstView { text-align: left; background-color: #E6F5F5; position: relative; z-index: 10000; }
#FirstView img._reRendering { transform: translateZ(10px); }
body:not([data-device="touchDevice"]) #FirstView a:hover { opacity: .7; transition: 400ms; }
#FirstView #ButtonArea { 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; }
body:not([data-device="touchDevice"]) #FirstView #ButtonArea li:hover { opacity: .7; transition: 400ms; }
#FirstView #ButtonArea li:nth-child(odd) { background-color: #32B9AF; }
#FirstView #ButtonArea li:nth-child(even) { background-color: #1E96D2; }
#FirstView._type1 { width: 100%; overflow: hidden; position: relative; }
@media (orientation: portrait) { #FirstView._type1 { height: calc(1vh * 100); height: calc(var(--vh-portrait, 1vh) * 100); } }
@media (orientation: landscape) { #FirstView._type1 { height: calc(1vh * 100); height: calc(var(--vh-landscape, 1vh) * 100); } }
#FirstView._type1 #KeyVisual { width: 100%; overflow: hidden; position: relative; }
@media (orientation: portrait) { #FirstView._type1 #KeyVisual { height: calc(1vh * 44.16667); height: calc(var(--vh-portrait, 1vh) * 44.16667); } }
@media (orientation: landscape) { #FirstView._type1 #KeyVisual { height: calc(1vh * 44.16667); height: calc(var(--vh-landscape, 1vh) * 44.16667); } }
#FirstView._type1 #KeyVisual-Logo { max-height: 43.69231vw; position: absolute; z-index: 500; right: 0; left: 0; }
@media (orientation: portrait) { #FirstView._type1 #KeyVisual-Logo { top: calc(1vh * 1.87037); top: calc(var(--vh-portrait, 1vh) * 1.87037); } }
@media (orientation: landscape) { #FirstView._type1 #KeyVisual-Logo { top: calc(1vh * 1.87037); top: calc(var(--vh-landscape, 1vh) * 1.87037); } }
@media (orientation: portrait) { #FirstView._type1 #KeyVisual-Logo { height: calc(1vh * 23.66667); height: calc(var(--vh-portrait, 1vh) * 23.66667); } }
@media (orientation: landscape) { #FirstView._type1 #KeyVisual-Logo { height: calc(1vh * 23.66667); height: calc(var(--vh-landscape, 1vh) * 23.66667); } }
#FirstView._type1 #KeyVisual-Logo img { width: auto; height: 100%; }
#FirstView._type1 #KeyVisual_Text { position: absolute; z-index: 500; right: 0; left: 0; }
@media (orientation: portrait) { #FirstView._type1 #KeyVisual_Text { bottom: calc(1vh * 2.65789); bottom: calc(var(--vh-portrait, 1vh) * 2.65789); } }
@media (orientation: landscape) { #FirstView._type1 #KeyVisual_Text { bottom: calc(1vh * 2.65789); bottom: calc(var(--vh-landscape, 1vh) * 2.65789); } }
@media (orientation: portrait) { #FirstView._type1 #KeyVisual_Text { height: calc(1vh * 12.75789); height: calc(var(--vh-portrait, 1vh) * 12.75789); } }
@media (orientation: landscape) { #FirstView._type1 #KeyVisual_Text { height: calc(1vh * 12.75789); height: calc(var(--vh-landscape, 1vh) * 12.75789); } }
#FirstView._type1 #KeyVisual-ForeSight img { width: auto; max-height: 12.86154vw; position: relative; left: 0; }
@media (orientation: portrait) { #FirstView._type1 #KeyVisual-ForeSight img { height: calc(1vh * 6.96667); height: calc(var(--vh-portrait, 1vh) * 6.96667); } }
@media (orientation: landscape) { #FirstView._type1 #KeyVisual-ForeSight img { height: calc(1vh * 6.96667); height: calc(var(--vh-landscape, 1vh) * 6.96667); } }
#FirstView._type1 #KeyVisual-Digital img { width: auto; max-height: 13.94872vw; position: relative; left: 4.74684%; transform: translateY(-20%); }
@media (orientation: portrait) { #FirstView._type1 #KeyVisual-Digital img { height: calc(1vh * 7.55556); height: calc(var(--vh-portrait, 1vh) * 7.55556); } }
@media (orientation: landscape) { #FirstView._type1 #KeyVisual-Digital img { height: calc(1vh * 7.55556); height: calc(var(--vh-landscape, 1vh) * 7.55556); } }
#FirstView._type1 #KeyVisual-Unisys { position: absolute; z-index: 500; right: -1px; bottom: -1px; }
#FirstView._type1 #KeyVisual-Unisys img { width: auto; max-height: 12.92308vw; }
@media (orientation: portrait) { #FirstView._type1 #KeyVisual-Unisys img { height: calc(1vh * 11.11111); height: calc(var(--vh-portrait, 1vh) * 11.11111); } }
@media (orientation: landscape) { #FirstView._type1 #KeyVisual-Unisys img { height: calc(1vh * 11.11111); height: calc(var(--vh-landscape, 1vh) * 11.11111); } }
#FirstView._type1 #KeyVisual-Image img { width: 100%; max-width: 80vw; max-height: 80vw; position: absolute; top: 50%; right: -8%; transform: translateY(-55%); }
#FirstView._type1 #ButtonArea { width: 100%; overflow: visible; position: absolute; z-index: 2000; }
@media (orientation: portrait) { #FirstView._type1 #ButtonArea { height: calc(1vh * 40); height: calc(var(--vh-portrait, 1vh) * 40); } }
@media (orientation: landscape) { #FirstView._type1 #ButtonArea { height: calc(1vh * 40); height: calc(var(--vh-landscape, 1vh) * 40); } }
@media (orientation: portrait) { #FirstView._type1 #ButtonArea { bottom: calc(1vh * 9.09091); bottom: calc(var(--vh-portrait, 1vh) * 9.09091); } }
@media (orientation: landscape) { #FirstView._type1 #ButtonArea { bottom: calc(1vh * 9.09091); bottom: calc(var(--vh-landscape, 1vh) * 9.09091); } }
#FirstView._type1 #ButtonArea ul { width: 100%; 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; }
#FirstView._type1 #ButtonArea li { text-align: center; width: 25%; overflow: hidden; }
@media (orientation: portrait) { #FirstView._type1 #ButtonArea li { height: calc(1vh * 20); height: calc(var(--vh-portrait, 1vh) * 20); } }
@media (orientation: landscape) { #FirstView._type1 #ButtonArea li { height: calc(1vh * 20); height: calc(var(--vh-landscape, 1vh) * 20); } }
#FirstView._type1 #ButtonArea li:nth-child(1), #FirstView._type1 #ButtonArea li:nth-child(3), #FirstView._type1 #ButtonArea li:nth-child(6), #FirstView._type1 #ButtonArea li:nth-child(8) { background-color: #32B9AF; }
#FirstView._type1 #ButtonArea li:nth-child(2), #FirstView._type1 #ButtonArea li:nth-child(4), #FirstView._type1 #ButtonArea li:nth-child(5), #FirstView._type1 #ButtonArea li:nth-child(7) { background-color: #1E96D2; }
#FirstView._type1 #ButtonArea li:nth-child(4n + 1) a { border-left: none; }
#FirstView._type1 #ButtonArea li:nth-child(9) a { border-left: 1px solid #FFF; }
#FirstView._type1 #ButtonArea li:nth-child(8) { display: none; }
#FirstView._type1 #ButtonArea a { border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; box-sizing: border-box; width: 100%; height: 100%; display: block; 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; }
#FirstView._type1 #ButtonArea img { width: auto; max-width: 90%; height: 100%; }
#FirstView._type1 #KeyVisual-Online { background-color: rgba(30, 150, 210, 0.9); border-bottom: 1px solid #FFF; width: 100%; position: absolute; z-index: 10000; bottom: 0; left: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
@media (orientation: portrait) { #FirstView._type1 #KeyVisual-Online { height: calc(1vh * 6.66667); height: calc(var(--vh-portrait, 1vh) * 6.66667); } }
@media (orientation: landscape) { #FirstView._type1 #KeyVisual-Online { height: calc(1vh * 6.66667); height: calc(var(--vh-landscape, 1vh) * 6.66667); } }
@media (orientation: portrait) { #FirstView._type1 #KeyVisual-Online { bottom: calc(1vh * 48.88112); bottom: calc(var(--vh-portrait, 1vh) * 48.88112); } }
@media (orientation: landscape) { #FirstView._type1 #KeyVisual-Online { bottom: calc(1vh * 48.88112); bottom: calc(var(--vh-landscape, 1vh) * 48.88112); } }
#FirstView._type1 #KeyVisual-Online img { max-width: 100%; height: 80%; }
#FirstView._type1 #Button-Jua { background-color: #478383; width: 100%; position: absolute; right: 0; bottom: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
@media (orientation: portrait) { #FirstView._type1 #Button-Jua { height: calc(1vh * 9.16667); height: calc(var(--vh-portrait, 1vh) * 9.16667); } }
@media (orientation: landscape) { #FirstView._type1 #Button-Jua { height: calc(1vh * 9.16667); height: calc(var(--vh-landscape, 1vh) * 9.16667); } }
#FirstView._type1 #Button-Jua img { max-width: 100%; height: 100%; }
#FirstView._type2 { width: 100%; position: relative; }
@media (orientation: portrait) { #FirstView._type2 { height: calc(1vh * 100); height: calc(var(--vh-portrait, 1vh) * 100); } }
@media (orientation: landscape) { #FirstView._type2 { height: calc(1vh * 100); height: calc(var(--vh-landscape, 1vh) * 100); } }
#FirstView._type2 #KeyVisual { width: 100%; overflow: hidden; position: relative; }
@media (orientation: portrait) { #FirstView._type2 #KeyVisual { height: calc(1vh * 100 - (70vw / 1080) * 100 - (100vw / 9) * 1.4); height: calc(var(--vh-portrait, 1vh) * 100 - (70vw / 1080) * 100 - (100vw / 9) * 1.4); } }
@media (orientation: landscape) { #FirstView._type2 #KeyVisual { height: calc(1vh * 100 - (70vw / 1080) * 100 - (100vw / 9) * 1.4); height: calc(var(--vh-landscape, 1vh) * 100 - (70vw / 1080) * 100 - (100vw / 9) * 1.4); } }
#FirstView._type2 #KeyVisual-Logo { position: absolute; z-index: 500; left: 0; }
@media (orientation: portrait) { #FirstView._type2 #KeyVisual-Logo { height: calc(1vh * 35.5); height: calc(var(--vh-portrait, 1vh) * 35.5); } }
@media (orientation: landscape) { #FirstView._type2 #KeyVisual-Logo { height: calc(1vh * 35.5); height: calc(var(--vh-landscape, 1vh) * 35.5); } }
@media (orientation: portrait) { #FirstView._type2 #KeyVisual-Logo { top: calc(1vh * 4.62963); top: calc(var(--vh-portrait, 1vh) * 4.62963); } }
@media (orientation: landscape) { #FirstView._type2 #KeyVisual-Logo { top: calc(1vh * 4.62963); top: calc(var(--vh-landscape, 1vh) * 4.62963); } }
#FirstView._type2 #KeyVisual-Logo img { width: auto; height: 100%; }
#FirstView._type2 #KeyVisual_Text { position: absolute; z-index: 500; left: 0; }
@media (orientation: portrait) { #FirstView._type2 #KeyVisual_Text { bottom: calc(1vh * 1.85185); bottom: calc(var(--vh-portrait, 1vh) * 1.85185); } }
@media (orientation: landscape) { #FirstView._type2 #KeyVisual_Text { bottom: calc(1vh * 1.85185); bottom: calc(var(--vh-landscape, 1vh) * 1.85185); } }
#FirstView._type2 #KeyVisual-ForeSight img { width: auto; }
@media (orientation: portrait) { #FirstView._type2 #KeyVisual-ForeSight img { height: calc(1vh * 10.45); height: calc(var(--vh-portrait, 1vh) * 10.45); } }
@media (orientation: landscape) { #FirstView._type2 #KeyVisual-ForeSight img { height: calc(1vh * 10.45); height: calc(var(--vh-landscape, 1vh) * 10.45); } }
#FirstView._type2 #KeyVisual-Digital img { width: auto; position: relative; left: 4.74684%; transform: translateY(-20%); }
@media (orientation: portrait) { #FirstView._type2 #KeyVisual-Digital img { height: calc(1vh * 11.33333); height: calc(var(--vh-portrait, 1vh) * 11.33333); } }
@media (orientation: landscape) { #FirstView._type2 #KeyVisual-Digital img { height: calc(1vh * 11.33333); height: calc(var(--vh-landscape, 1vh) * 11.33333); } }
#FirstView._type2 #KeyVisual-Unisys { position: absolute; z-index: 500; right: -1px; bottom: -1px; }
#FirstView._type2 #KeyVisual-Unisys img { width: auto; }
@media (orientation: portrait) { #FirstView._type2 #KeyVisual-Unisys img { height: calc(1vh * 11.61111); height: calc(var(--vh-portrait, 1vh) * 11.61111); } }
@media (orientation: landscape) { #FirstView._type2 #KeyVisual-Unisys img { height: calc(1vh * 11.61111); height: calc(var(--vh-landscape, 1vh) * 11.61111); } }
#FirstView._type2 #KeyVisual-Image img { width: 100%; max-width: 80vw; max-height: 80vw; position: absolute; top: 50%; right: -10%; transform: translateY(-50%); }
#FirstView._type2 #ButtonArea { width: 100%; height: 15.55556vw; overflow: hidden; position: absolute; z-index: 2000; bottom: 6.48148vw; left: 0; }
#FirstView._type2 #ButtonArea ul { width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
#FirstView._type2 #ButtonArea li { text-align: center; width: 11.11111%; height: 15.55556vw; overflow: hidden; }
#FirstView._type2 #ButtonArea li:first-child a { border-left: none; }
#FirstView._type2 #ButtonArea a { border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; box-sizing: border-box; width: 100%; height: 100%; display: block; 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; }
#FirstView._type2 #ButtonArea img { width: 90%; height: auto; }
#FirstView._type2 #KeyVisual-Online { background-color: rgba(30, 150, 210, 0.9); border-right: 1px solid #FFF; width: 55.55556%; height: 6.48148vw; position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#FirstView._type2 #KeyVisual-Online img { height: 90%; }
#FirstView._type2 #Button-Jua { background-color: #478383; width: calc(100% / 9 * 4 - 1px); height: 6.48148vw; position: absolute; right: 0; bottom: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#FirstView._type2 #Button-Jua img { height: 100%; }
#FirstView._type3, #FirstView._type4, #FirstView._type5 { width: 100%; position: relative; }
@media (orientation: portrait) { #FirstView._type3, #FirstView._type4, #FirstView._type5 { height: calc(1vh * 100); height: calc(var(--vh-portrait, 1vh) * 100); } }
@media (orientation: landscape) { #FirstView._type3, #FirstView._type4, #FirstView._type5 { height: calc(1vh * 100); height: calc(var(--vh-landscape, 1vh) * 100); } }
#FirstView._type3 #KeyVisual, #FirstView._type4 #KeyVisual, #FirstView._type5 #KeyVisual { width: 60%; overflow: hidden; position: relative; }
@media (orientation: portrait) { #FirstView._type3 #KeyVisual, #FirstView._type4 #KeyVisual, #FirstView._type5 #KeyVisual { height: calc(1vh * 100 - (105vh / 1080) * 100); height: calc(var(--vh-portrait, 1vh) * 100 - (105vh / 1080) * 100); } }
@media (orientation: landscape) { #FirstView._type3 #KeyVisual, #FirstView._type4 #KeyVisual, #FirstView._type5 #KeyVisual { height: calc(1vh * 100 - (105vh / 1080) * 100); height: calc(var(--vh-landscape, 1vh) * 100 - (105vh / 1080) * 100); } }
#FirstView._type3 #KeyVisual-Logo, #FirstView._type4 #KeyVisual-Logo, #FirstView._type5 #KeyVisual-Logo { position: absolute; z-index: 500; left: 0; }
@media (orientation: portrait) { #FirstView._type3 #KeyVisual-Logo, #FirstView._type4 #KeyVisual-Logo, #FirstView._type5 #KeyVisual-Logo { height: calc(1vh * 39.44444); height: calc(var(--vh-portrait, 1vh) * 39.44444); } }
@media (orientation: landscape) { #FirstView._type3 #KeyVisual-Logo, #FirstView._type4 #KeyVisual-Logo, #FirstView._type5 #KeyVisual-Logo { height: calc(1vh * 39.44444); height: calc(var(--vh-landscape, 1vh) * 39.44444); } }
@media (orientation: portrait) { #FirstView._type3 #KeyVisual-Logo, #FirstView._type4 #KeyVisual-Logo, #FirstView._type5 #KeyVisual-Logo { top: calc(1vh * 9.35185); top: calc(var(--vh-portrait, 1vh) * 9.35185); } }
@media (orientation: landscape) { #FirstView._type3 #KeyVisual-Logo, #FirstView._type4 #KeyVisual-Logo, #FirstView._type5 #KeyVisual-Logo { top: calc(1vh * 9.35185); top: calc(var(--vh-landscape, 1vh) * 9.35185); } }
#FirstView._type3 #KeyVisual-Logo img, #FirstView._type4 #KeyVisual-Logo img, #FirstView._type5 #KeyVisual-Logo img { width: auto; height: 100%; }
#FirstView._type3 #KeyVisual_Text, #FirstView._type4 #KeyVisual_Text, #FirstView._type5 #KeyVisual_Text { position: absolute; z-index: 500; left: 0; }
@media (orientation: portrait) { #FirstView._type3 #KeyVisual_Text, #FirstView._type4 #KeyVisual_Text, #FirstView._type5 #KeyVisual_Text { bottom: calc(1vh * 4.16667); bottom: calc(var(--vh-portrait, 1vh) * 4.16667); } }
@media (orientation: landscape) { #FirstView._type3 #KeyVisual_Text, #FirstView._type4 #KeyVisual_Text, #FirstView._type5 #KeyVisual_Text { bottom: calc(1vh * 4.16667); bottom: calc(var(--vh-landscape, 1vh) * 4.16667); } }
#FirstView._type3 #KeyVisual-ForeSight img, #FirstView._type4 #KeyVisual-ForeSight img, #FirstView._type5 #KeyVisual-ForeSight img { width: auto; }
@media (orientation: portrait) { #FirstView._type3 #KeyVisual-ForeSight img, #FirstView._type4 #KeyVisual-ForeSight img, #FirstView._type5 #KeyVisual-ForeSight img { height: calc(1vh * 11.61111); height: calc(var(--vh-portrait, 1vh) * 11.61111); } }
@media (orientation: landscape) { #FirstView._type3 #KeyVisual-ForeSight img, #FirstView._type4 #KeyVisual-ForeSight img, #FirstView._type5 #KeyVisual-ForeSight img { height: calc(1vh * 11.61111); height: calc(var(--vh-landscape, 1vh) * 11.61111); } }
#FirstView._type3 #KeyVisual-Digital img, #FirstView._type4 #KeyVisual-Digital img, #FirstView._type5 #KeyVisual-Digital img { width: auto; position: relative; left: 4.74684%; transform: translateY(-20%); }
@media (orientation: portrait) { #FirstView._type3 #KeyVisual-Digital img, #FirstView._type4 #KeyVisual-Digital img, #FirstView._type5 #KeyVisual-Digital img { height: calc(1vh * 12.59259); height: calc(var(--vh-portrait, 1vh) * 12.59259); } }
@media (orientation: landscape) { #FirstView._type3 #KeyVisual-Digital img, #FirstView._type4 #KeyVisual-Digital img, #FirstView._type5 #KeyVisual-Digital img { height: calc(1vh * 12.59259); height: calc(var(--vh-landscape, 1vh) * 12.59259); } }
#FirstView._type3 #KeyVisual-Unisys, #FirstView._type4 #KeyVisual-Unisys, #FirstView._type5 #KeyVisual-Unisys { position: absolute; z-index: 500; right: -1px; bottom: -1px; }
#FirstView._type3 #KeyVisual-Unisys img, #FirstView._type4 #KeyVisual-Unisys img, #FirstView._type5 #KeyVisual-Unisys img { width: auto; }
@media (orientation: portrait) { #FirstView._type3 #KeyVisual-Unisys img, #FirstView._type4 #KeyVisual-Unisys img, #FirstView._type5 #KeyVisual-Unisys img { height: calc(1vh * 11.61111); height: calc(var(--vh-portrait, 1vh) * 11.61111); } }
@media (orientation: landscape) { #FirstView._type3 #KeyVisual-Unisys img, #FirstView._type4 #KeyVisual-Unisys img, #FirstView._type5 #KeyVisual-Unisys img { height: calc(1vh * 11.61111); height: calc(var(--vh-landscape, 1vh) * 11.61111); } }
#FirstView._type3 #KeyVisual-Image img, #FirstView._type4 #KeyVisual-Image img, #FirstView._type5 #KeyVisual-Image img { position: absolute; transform: translateY(-50%); }
#FirstView._type3 #ButtonArea, #FirstView._type4 #ButtonArea, #FirstView._type5 #ButtonArea { width: 40%; overflow: hidden; position: absolute; z-index: 1000; top: 0; right: 0; }
#FirstView._type3 #ButtonArea ul, #FirstView._type4 #ButtonArea ul, #FirstView._type5 #ButtonArea ul { width: 100%; 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: end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
#FirstView._type3 #ButtonArea li, #FirstView._type4 #ButtonArea li, #FirstView._type5 #ButtonArea li { text-align: center; width: 33.33%; overflow: hidden; }
@media (orientation: portrait) { #FirstView._type3 #ButtonArea li, #FirstView._type4 #ButtonArea li, #FirstView._type5 #ButtonArea li { height: calc(1vh * 30.08926); height: calc(var(--vh-portrait, 1vh) * 30.08926); } }
@media (orientation: landscape) { #FirstView._type3 #ButtonArea li, #FirstView._type4 #ButtonArea li, #FirstView._type5 #ButtonArea li { height: calc(1vh * 30.08926); height: calc(var(--vh-landscape, 1vh) * 30.08926); } }
#FirstView._type3 #ButtonArea li:nth-child(3n + 1) a, #FirstView._type4 #ButtonArea li:nth-child(3n + 1) a, #FirstView._type5 #ButtonArea li:nth-child(3n + 1) a { border-left: none; }
#FirstView._type3 #ButtonArea a, #FirstView._type4 #ButtonArea a, #FirstView._type5 #ButtonArea a { border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; box-sizing: border-box; height: 100%; display: block; 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; }
#FirstView._type3 #ButtonArea img, #FirstView._type4 #ButtonArea img, #FirstView._type5 #ButtonArea img { width: auto; height: 87.69231%; }
#FirstView._type3 #KeyVisual-Online, #FirstView._type4 #KeyVisual-Online, #FirstView._type5 #KeyVisual-Online { background-color: rgba(30, 150, 210, 0.9); width: calc((1152% / 1920) * 100); position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
@media (orientation: portrait) { #FirstView._type3 #KeyVisual-Online, #FirstView._type4 #KeyVisual-Online, #FirstView._type5 #KeyVisual-Online { height: calc(1vh * 9.72222); height: calc(var(--vh-portrait, 1vh) * 9.72222); } }
@media (orientation: landscape) { #FirstView._type3 #KeyVisual-Online, #FirstView._type4 #KeyVisual-Online, #FirstView._type5 #KeyVisual-Online { height: calc(1vh * 9.72222); height: calc(var(--vh-landscape, 1vh) * 9.72222); } }
#FirstView._type3 #KeyVisual-Online img, #FirstView._type4 #KeyVisual-Online img, #FirstView._type5 #KeyVisual-Online img { height: 100%; }
#FirstView._type3 #Button-Jua, #FirstView._type4 #Button-Jua, #FirstView._type5 #Button-Jua { background-color: #478383; border-left: 1px solid #FFF; box-sizing: border-box; width: 40%; height: 9.72222vh; position: absolute; right: 0; bottom: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
@media (orientation: portrait) { #FirstView._type3 #Button-Jua, #FirstView._type4 #Button-Jua, #FirstView._type5 #Button-Jua { height: calc(1vh * 9.72222); height: calc(var(--vh-portrait, 1vh) * 9.72222); } }
@media (orientation: landscape) { #FirstView._type3 #Button-Jua, #FirstView._type4 #Button-Jua, #FirstView._type5 #Button-Jua { height: calc(1vh * 9.72222); height: calc(var(--vh-landscape, 1vh) * 9.72222); } }
#FirstView._type3 #Button-Jua img, #FirstView._type4 #Button-Jua img, #FirstView._type5 #Button-Jua img { height: 100%; }
#FirstView._type3 #KeyVisual-Image img { width: 90%; height: auto; top: 48%; }
@media (orientation: portrait) { #FirstView._type3 #KeyVisual-Image img { right: calc(1vh * -15); right: calc(var(--vh-portrait, 1vh) * -15); } }
@media (orientation: landscape) { #FirstView._type3 #KeyVisual-Image img { right: calc(1vh * -15); right: calc(var(--vh-landscape, 1vh) * -15); } }
#FirstView._type4 #KeyVisual-Image img { width: 90%; height: auto; top: 48%; }
@media (orientation: portrait) { #FirstView._type4 #KeyVisual-Image img { max-width: calc(1vh * 130); max-width: calc(var(--vh-portrait, 1vh) * 130); } }
@media (orientation: landscape) { #FirstView._type4 #KeyVisual-Image img { max-width: calc(1vh * 130); max-width: calc(var(--vh-landscape, 1vh) * 130); } }
@media (orientation: portrait) { #FirstView._type4 #KeyVisual-Image img { max-height: calc(1vh * 130); max-height: calc(var(--vh-portrait, 1vh) * 130); } }
@media (orientation: landscape) { #FirstView._type4 #KeyVisual-Image img { max-height: calc(1vh * 130); max-height: calc(var(--vh-landscape, 1vh) * 130); } }
@media (orientation: portrait) { #FirstView._type4 #KeyVisual-Image img { right: calc(1vh * -15 + 2vw); right: calc(var(--vh-portrait, 1vh) * -15 + 2vw); } }
@media (orientation: landscape) { #FirstView._type4 #KeyVisual-Image img { right: calc(1vh * -15 + 2vw); right: calc(var(--vh-landscape, 1vh) * -15 + 2vw); } }
#FirstView._type5 #KeyVisual-Image img { top: 48%; right: 0; }
@media (orientation: portrait) { #FirstView._type5 #KeyVisual-Image img { height: calc(1vh * 130); height: calc(var(--vh-portrait, 1vh) * 130); } }
@media (orientation: landscape) { #FirstView._type5 #KeyVisual-Image img { height: calc(1vh * 130); height: calc(var(--vh-landscape, 1vh) * 130); } }

@keyframes _fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes _fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
._isLoading #KeyVisual-Logo, ._isLoading #KeyVisual-Image, ._isLoading #KeyVisual-ForeSight, ._isLoading #KeyVisual-Digital, ._isLoading #KeyVisual-Unisys { display: none; }

._isLoaded #KeyVisual-Image { animation: _fadeIn 2000ms both 200ms; }
._isLoaded #KeyVisual-Logo { animation: _fadeIn 1000ms both 600ms; }
._isLoaded #KeyVisual-ForeSight { animation: _fadeIn 1000ms both 800ms; }
._isLoaded #KeyVisual-Digital { animation: _fadeIn 1000ms both 1000ms; }
._isLoaded #KeyVisual-Unisys { animation: _fadeIn 1000ms both 1200ms; }

#HeaderArea { transition: transform 400ms; transform: translateY(-100%); }
#HeaderArea._isVisible { transform: translateY(0); }

#MainArea { background: url("../images/bg-triangle.png") repeat 50% 0; }
#MainArea > section { position: relative; }
@media screen and (max-width: 720px) { #MainArea > section { padding: 3em 4%; } }
@media print, screen and (min-width: 721px) { #MainArea > section { padding: 5em 0; } }
#MainArea #Concept { position: relative; }
#MainArea #Concept::before { background-color: #E0F5F3; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; content: ""; }
@media print, screen and (min-width: 721px) { #MainArea #Concept ._inner { box-sizing: border-box; max-width: 980px; margin: 0 auto; } }
#MainArea #Concept_Heading { width: 49.08163vw; min-width: 240.5px; max-width: 481px; margin: 0 auto 2.5em auto; }
#MainArea #Concept_Heading img { width: 100%; }
#MainArea #Concept p { color: #333; line-height: 2; margin-top: 2em; }
@media screen and (max-width: 428px) { #MainArea #Concept p { font-size: 1em; } }
@media screen and (min-width: 429px) and (max-width: 720px) { #MainArea #Concept p { font-size: 1.125em; letter-spacing: .05em; } }
@media print, screen and (min-width: 721px) { #MainArea #Concept p { font-size: 1.25em; letter-spacing: .1em; } }
#MainArea #Concept p span { white-space: nowrap; }
#MainArea #Concept p ._dash { color: transparent; margin-right: .9em; position: relative; }
#MainArea #Concept p ._dash::after { border-top: 1px solid #333; width: 1.5em; height: 1px; display: inline-block; position: absolute; top: calc(50% - 1px); left: .2em; content: ""; }
#MainArea #Outline { background-color: #FFF; }
#MainArea #Outline > ._inner { text-align: left; position: relative; }
@media print, screen and (min-width: 721px) { #MainArea #Outline > ._inner { max-width: 980px; margin: 0 auto; padding: 0 20px; } }
#MainArea #Outline_Heading { width: 24.59184vw; min-width: 120.5px; max-width: 241px; margin: 0 auto 2.5em auto; }
#MainArea #Outline_Heading img { width: 100%; }
#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: 720px) { #MainArea #Outline_Data { margin-top: 2em; } }
@media print, screen and (min-width: 721px) { #MainArea #Outline_Data { margin-top: 5em; } }
#MainArea #Outline_Data dt { color: #32B9AF; white-space: nowrap; letter-spacing: .05em; margin-bottom: .8em; }
@media screen and (max-width: 428px) { #MainArea #Outline_Data dt { font-size: 1em; line-height: 1.4; width: 7em; } }
@media screen and (min-width: 429px) and (max-width: 720px) { #MainArea #Outline_Data dt { font-size: 1.125em; line-height: 1.4; width: 7em; } }
@media print, screen and (min-width: 721px) { #MainArea #Outline_Data dt { font-size: 1.25em; line-height: 1.8; width: 11em; } }
#MainArea #Outline_Data dd { color: #333; letter-spacing: .1em; box-sizing: border-box; margin-bottom: .8em; }
@media screen and (max-width: 428px) { #MainArea #Outline_Data dd { font-size: 1em; line-height: 1.4; width: calc(100% - 7em); } }
@media screen and (min-width: 429px) and (max-width: 720px) { #MainArea #Outline_Data dd { font-size: 1.125em; line-height: 1.4; width: calc(100% - 7em); } }
@media print, screen and (min-width: 721px) { #MainArea #Outline_Data dd { font-size: 1.25em; line-height: 1.8; width: calc(100% - 11em); } }
#MainArea #Outline_Data dd._date { text-indent: -4em; padding-left: 4em; }
#MainArea #Outline_Data dd._date span { white-space: nowrap; }
#MainArea #Outline_Data dd._date small { font-size: 75%; white-space: nowrap; }
#MainArea #Outline_note { color: #32B9AF; letter-spacing: .1em; margin-top: 2em; }
@media print, screen and (min-width: 721px) { #MainArea #Outline_note { font-size: 1em; } }
@media screen and (max-width: 720px) { #MainArea #Outline_note { font-size: 0.875em; } }
#MainArea #Outline ._button { text-align: center; }
#MainArea #Outline ._button a { font-size: 1.125em; color: #FFF; text-decoration: none; background-color: #32B9AF; width: 60%; max-width: 14em; padding: 1em 2em .9em 1em; display: inline-block; position: relative; }
@media screen and (max-width: 720px) { #MainArea #Outline ._button a { letter-spacing: .05em; margin: 1.5em auto .5em auto; } }
@media print, screen and (min-width: 721px) { #MainArea #Outline ._button a { letter-spacing: .1em; margin: 2em auto 0 auto; } }
body:not([data-device="touchDevice"]) #MainArea #Outline ._button a:hover { opacity: .7; transition: 400ms; }
#MainArea #Outline ._button a::after { border-top: solid 2px #FFF; border-right: solid 2px #FFF; width: .4em; height: .4em; margin-top: -0.28284em; position: absolute; top: 50%; right: 1em; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (max-width: 720px) { #MainArea #Outline_Notes { margin-top: 1.5em; } }
@media print, screen and (min-width: 721px) { #MainArea #Outline_Notes { margin-top: 3em; } }
#MainArea #Outline_Notes li { font-size: 0.875em; color: #333; line-height: 1.6; text-align: left; text-indent: -1.05em; letter-spacing: .05em; margin-bottom: .2em; padding-left: 1.05em; }
@media print, screen and (min-width: 721px) { #MainArea #Outline_Sns { position: absolute; top: 12.2449vw; right: 20px; } }
@media screen and (max-width: 720px) { #MainArea #Outline_Sns { text-align: center; margin: 1em auto 0 auto; } }
#MainArea #Outline_Sns a { vertical-align: bottom; margin: 0 4px; }
body:not([data-device="touchDevice"]) #MainArea #Outline_Sns a:hover { opacity: .7; transition: 400ms; }
@media print, screen and (min-width: 429px) { #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: 429px) { #MainArea #Outline_Sponsorship { margin-top: 2em; } }
#MainArea #Outline_Sponsorship ._heading { margin: 2em 0 1em 0; display: inline-block; position: relative; }
#MainArea #Outline_Sponsorship ._heading::before { background-color: #32B9AF; width: 100vw; height: 1px; display: block; position: absolute; top: 45%; content: ""; transform: translateX(-100%); }
@media screen and (max-width: 720px) { #MainArea #Outline_Sponsorship ._heading::before { left: -3em; } }
@media print, screen and (min-width: 721px) { #MainArea #Outline_Sponsorship ._heading::before { left: -3em; } }
#MainArea #Outline_Sponsorship ._heading::after { background-color: #32B9AF; width: 100vw; height: 1px; display: block; position: absolute; top: 45%; content: ""; }
@media screen and (max-width: 720px) { #MainArea #Outline_Sponsorship ._heading::after { left: calc(100% + 3em); } }
@media print, screen and (min-width: 721px) { #MainArea #Outline_Sponsorship ._heading::after { left: calc(100% + 3em); } }
#MainArea #Outline_Sponsorship ._heading img { height: 1.5em; }
#MainArea #Outline_Sponsorship ._company { max-width: 720px; 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: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
@media screen and (max-width: 720px) { #MainArea #Outline_Sponsorship li { margin-bottom: .8em; } }
@media print, screen and (min-width: 721px) { #MainArea #Outline_Sponsorship li { margin-bottom: 1.5em; } }
#MainArea #Outline_Sponsorship li span { padding: 0 20px; display: inline-block; }
@media screen and (max-width: 720px) { #MainArea #Outline_Sponsorship li img { height: 3.2em; } }
@media print, screen and (min-width: 721px) { #MainArea #Outline_Sponsorship li img { height: 75px; } }
#MainArea #Outline_Sponsorship li p { font-size: 0.75em; line-height: 1.4; white-space: nowrap; letter-spacing: .05em; }
#MainArea #Outline_Sponsorship li a { color: #333; text-decoration: none; display: inline-block; }
body:not([data-device="touchDevice"]) #MainArea #Outline_Sponsorship li a:hover { opacity: .7; transition: 400ms; }
#MainArea #Contents::before { background-color: #E0F5F3; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; content: ""; }
#MainArea #Contents > ._inner { text-align: left; }
@media print, screen and (min-width: 721px) { #MainArea #Contents > ._inner { max-width: 980px; margin: 0 auto; padding: 0 20px; } }
#MainArea #Contents_Heading { width: 60.40816vw; min-width: 296px; max-width: 592px; }
@media screen and (max-width: 720px) { #MainArea #Contents_Heading { margin: 0 auto 2em auto; } }
@media print, screen and (min-width: 721px) { #MainArea #Contents_Heading { margin: 0 auto 3em auto; } }
#MainArea #Contents_Heading img { width: 100%; }
#MainArea #Contents ._item { background-color: #FFF; position: relative; }
@media screen and (max-width: 720px) { #MainArea #Contents ._item { margin-top: 2em; padding: 8% 10.66667%; } }
@media print, screen and (min-width: 721px) { #MainArea #Contents ._item { margin-top: 3em; padding: 6.12245%; } }
#MainArea #Contents ._item::after { height: 100%; display: block; position: absolute; top: 0; left: 0; content: ""; }
@media screen and (max-width: 720px) { #MainArea #Contents ._item::after { width: 6.66667%; min-width: 25px; max-width: 32px; } }
@media print, screen and (min-width: 721px) { #MainArea #Contents ._item::after { width: 4.65116%; min-width: 20px; max-width: 40px; } }
@media print, screen and (min-width: 721px) { #MainArea #Contents ._item > ._inner { 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 print, screen and (min-width: 721px) { #MainArea #Contents ._textArea { width: 67.44186%; min-width: 290px; max-width: 580px; } }
#MainArea #Contents ._icon { width: 23.72093vw; min-width: 142.8px; max-width: 204px; }
@media screen and (max-width: 720px) { #MainArea #Contents ._icon { margin: 0 auto; } }
@media print, screen and (min-width: 721px) { #MainArea #Contents ._icon { padding: 4.65116% 5.81395% 0 3.48837%; } }
#MainArea #Contents ._icon img { width: 100%; }
@media screen and (max-width: 720px) { #MainArea #Contents ._heading { margin: 1.5em 0 1em 0; } }
@media print, screen and (min-width: 721px) { #MainArea #Contents ._heading { margin-bottom: 1.5em; } }
#MainArea #Contents ._text { font-size: 0.875em; color: #333; line-height: 1.8; text-align: justify; text-justify: inter-ideograph; }
@media screen and (max-width: 720px) { #MainArea #Contents ._text { letter-spacing: .05em; } }
@media print, screen and (min-width: 721px) { #MainArea #Contents ._text { letter-spacing: .1em; } }
#MainArea #Contents ._note { font-size: 0.875em; line-height: 1.6; margin-top: 1em; }
@media screen and (max-width: 720px) { #MainArea #Contents ._note { text-indent: -1.05em; letter-spacing: .05em; padding-left: 1.05em; } }
@media print, screen and (min-width: 721px) { #MainArea #Contents ._note { text-indent: -1.1em; letter-spacing: .1em; padding-left: 1.1em; } }
#MainArea #Contents ._note em { font-style: normal; }
#MainArea #Contents ._button { text-align: center; }
#MainArea #Contents ._button a { font-size: 1.125em; color: #FFF; text-decoration: none; width: 70%; max-width: 14em; padding: 1em 2em .9em 1em; display: inline-block; position: relative; }
@media screen and (max-width: 720px) { #MainArea #Contents ._button a { letter-spacing: .05em; margin: 1.5em auto .5em auto; } }
@media print, screen and (min-width: 721px) { #MainArea #Contents ._button a { letter-spacing: .1em; margin: 2em auto 0 auto; } }
body:not([data-device="touchDevice"]) #MainArea #Contents ._button a:hover { opacity: .7; transition: 400ms; }
#MainArea #Contents ._button a::after { border-top: solid 2px #FFF; border-right: solid 2px #FFF; width: .4em; height: .4em; margin-top: -0.28284em; position: absolute; top: 50%; right: 1em; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#MainArea #Contents #Contents_Session::after { background: url("../images/contents_session_heading-en.png") no-repeat 0 0; background-size: contain; }
#MainArea #Contents #Contents_Session ._heading { width: 43.02326vw; min-width: 229.4px; max-width: 370px; }
#MainArea #Contents #Contents_Session ._heading img { width: 100%; }
#MainArea #Contents #Contents_Session ._note { color: #1E96D2; }
#MainArea #Contents #Contents_Session ._button a { background-color: #1E96D2; }
@media print, screen and (min-width: 721px) { #MainArea #Contents #Contents_Exhibition { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -moz-box-direction: reverse; -moz-box-orient: horizontal; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } }
#MainArea #Contents #Contents_Exhibition::after { background: url("../images/contents_exhibition_heading-en.png") no-repeat 0 0; background-size: contain; right: 0; left: auto; }
@media print, screen and (min-width: 721px) { #MainArea #Contents #Contents_Exhibition ._icon { padding: 4.65116% 3.48837% 0 5.81395%; order: 2; } }
#MainArea #Contents #Contents_Exhibition ._textArea { order: 1; }
#MainArea #Contents #Contents_Exhibition ._heading { width: 40.81395vw; min-width: 217.62px; max-width: 351px; }
#MainArea #Contents #Contents_Exhibition ._heading img { width: 100%; }
#MainArea #Contents #Contents_Exhibition ._button a { background-color: #E61E69; }
#MainArea #Contents #Contents_Conference::after { background: url("../images/contents_conference_heading-en.png") no-repeat 0 0; background-size: contain; }
#MainArea #Contents #Contents_Conference ._heading { width: 44.06977vw; min-width: 234.98px; max-width: 379px; }
#MainArea #Contents #Contents_Conference ._heading img { width: 100%; }
#MainArea #Contents #Contents_Conference ._textArea { position: relative; }
@media screen and (max-width: 720px) { #MainArea #Contents #Contents_Conference ._textArea { padding-top: 1.5em; } }
#MainArea #Contents #Contents_Conference ._tag { position: absolute; }
@media screen and (max-width: 720px) { #MainArea #Contents #Contents_Conference ._tag { width: 29.33333vw; min-width: 110px; max-width: 220px; top: 1em; right: -13.55932%; transform: translateX(7.2%); } }
@media print, screen and (min-width: 721px) { #MainArea #Contents #Contents_Conference ._tag { width: 22.44898vw; min-width: 110px; max-width: 220px; right: -10.71429%; transform: translate(7.2%, -50%); } }
#MainArea #Contents #Contents_Conference ._tag::after { display: block; content: ""; }
#MainArea #Contents #Contents_Conference ._tag img { width: 100%; }
#MainArea #Contents #Contents_Conference ._button a { background-color: #14964B; }
#MainArea #Keynote::before { background-color: #CCEDEB; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; content: ""; }
#MainArea #Keynote > ._inner { text-align: left; }
@media print, screen and (min-width: 721px) { #MainArea #Keynote > ._inner { max-width: 980px; margin: 0 auto; padding: 0 20px; } }
#MainArea #Keynote_Heading { width: 25.40816vw; min-width: 124.5px; max-width: 249px; margin: 0 auto 2.5em auto; }
#MainArea #Keynote_Heading img { width: 100%; }
#MainArea #Keynote ._item { background-color: #FFF; box-sizing: border-box; max-width: 980px; position: relative; }
@media screen and (max-width: 720px) { #MainArea #Keynote ._item { margin-top: 4em; padding: 0 4.08163% 1em 4.08163%; } }
@media print, screen and (min-width: 721px) { #MainArea #Keynote ._item { margin-top: 6em; padding: 0 4.08163% 3em 4.08163%; } }
#MainArea #Keynote ._item ._header { width: 104%; position: relative; left: -4.08163%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
#MainArea #Keynote ._item ._heading { width: 24.08163vw; min-width: 118px; max-width: 236px; }
@media screen and (max-width: 720px) { #MainArea #Keynote ._item ._heading { transform: translate(-8.47458%, -13.55932%); } }
@media print, screen and (min-width: 721px) { #MainArea #Keynote ._item ._heading { transform: translate(-11.86441%, -20.33898%); } }
#MainArea #Keynote ._item ._heading img { width: 100%; }
#MainArea #Keynote ._item ._title { font-weight: normal; line-height: 1.6; padding: 8.16327% 0 4.89796% 1.22449%; }
@media screen and (max-width: 428px) { #MainArea #Keynote ._item ._title { font-size: 1em; letter-spacing: .05em; } }
@media print, screen and (min-width: 429px) { #MainArea #Keynote ._item ._title { font-size: 1.125em; letter-spacing: .1em; } }
#MainArea #Keynote ._item ._title span { font-size: 155.55556%; line-height: 1.2; margin-bottom: .3em; display: inline-block; }
#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; }
#MainArea #Keynote ._item ._photo { width: 21.83673vw; min-width: 107px; max-width: 214px; grid-column: 1; -ms-grid-column: 1; -ms-grid-row: 1; }
#MainArea #Keynote ._item ._photo img { width: 100%; }
#MainArea #Keynote ._item ._photo ._photoby { font-size: 0.75em; color: #333; line-height: 1.4; margin-top: .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 { font-size: 1.4375em; color: #333; line-height: 1.2; letter-spacing: .05em; margin-bottom: .4em; }
#MainArea #Keynote ._item ._name small { font-size: 60.86957%; line-height: 1.4; }
#MainArea #Keynote ._item ._name span { font-size: 78.26087%; line-height: 1.2; }
#MainArea #Keynote ._item ._position { color: #333; line-height: 1.6; letter-spacing: .05em; }
#MainArea #Keynote ._item ._profile { margin-top: 1.5em; }
#MainArea #Keynote ._item ._profile h5 { font-weight: normal; line-height: 1.6; letter-spacing: .05em; }
#MainArea #Keynote ._item ._profile ._text { color: #333; line-height: 1.6; letter-spacing: .05em; margin-top: .5em; }
@media screen and (max-width: 720px) { #MainArea #Keynote ._item ._columnNum1 { margin-top: 3em; }
  #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: 721px) { #MainArea #Keynote ._item ._columnNum1 { margin-top: 4em; }
  #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; }
@media print, screen and (min-width: 721px) { #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: 720px) { #MainArea #Keynote ._item ._columnNum2 ._person { margin-top: 3em; } }
@media print, screen and (min-width: 721px) { #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-basic ._title { color: #32B9AF; }
#MainArea #Keynote ._item-basic ._profile { color: #32B9AF; }
#MainArea #Keynote ._item-special ._title { color: #1E96D2; }
#MainArea #Keynote ._item-special ._profile { color: #1E96D2; }
#MainArea #Keynote_Notes { max-width: 950px; }
@media screen and (max-width: 720px) { #MainArea #Keynote_Notes { margin-top: 1.5em; } }
@media print, screen and (min-width: 721px) { #MainArea #Keynote_Notes { margin-top: 3em; } }
#MainArea #Keynote_Notes li { font-size: 0.875em; color: #333; line-height: 1.6; text-align: left; text-indent: -1.05em; letter-spacing: .05em; margin-bottom: .2em; padding-left: 1.05em; }
#MainArea #Keynote ._videoTitle { font-weight: normal; color: #32B9AF; text-align: center; letter-spacing: .2em; margin-top: 4em; padding-left: .2em; overflow: hidden; }
@media screen and (max-width: 720px) { #MainArea #Keynote ._videoTitle { font-size: 1em; } }
@media print, screen and (min-width: 721px) { #MainArea #Keynote ._videoTitle { font-size: 1.3125em; } }
#MainArea #Keynote ._videoTitle span { position: relative; }
#MainArea #Keynote ._videoTitle span::before { background-color: #32B9AF; width: 100vw; height: 1px; display: block; position: absolute; top: 45%; content: ""; transform: translateX(-100%); }
@media screen and (max-width: 720px) { #MainArea #Keynote ._videoTitle span::before { left: -1.2em; } }
@media print, screen and (min-width: 721px) { #MainArea #Keynote ._videoTitle span::before { left: -1.2em; } }
#MainArea #Keynote ._videoTitle span::after { background-color: #32B9AF; width: 100vw; height: 1px; display: block; position: absolute; top: 45%; content: ""; }
@media screen and (max-width: 720px) { #MainArea #Keynote ._videoTitle span::after { left: calc(100% + 1.2em); } }
@media print, screen and (min-width: 721px) { #MainArea #Keynote ._videoTitle span::after { left: calc(100% + 1.2em); } }
#MainArea #Keynote ._videoArea { width: 100%; max-width: 960px; position: relative; }
@media screen and (max-width: 720px) { #MainArea #Keynote ._videoArea { margin: .8em auto 2em auto; } }
@media print, screen and (min-width: 721px) { #MainArea #Keynote ._videoArea { margin: 1.2em auto 3em auto; } }
#MainArea #Keynote ._videoArea::before { padding-top: 56.25%; display: block; content: ""; }
#MainArea #Keynote ._videoArea iframe { position: absolute; top: 0; left: 0; }
#MainArea #Report { text-align: center; }
#MainArea #Report > ._inner { text-align: left; }
@media print, screen and (min-width: 721px) { #MainArea #Report > ._inner { max-width: 980px; margin: 0 auto; padding: 0 20px; } }
#MainArea #Report_Heading { width: 38.87755vw; min-width: 228.6px; max-width: 381px; }
#MainArea #Report_Heading img { width: 100%; }
#MainArea #Report_Text p { font-size: 0.875em; color: #333; line-height: 1.6; text-align: justify; text-justify: inter-ideograph; letter-spacing: .05em; margin-top: 1.5em; }
#MainArea #Report_Image { margin-top: 1em; }
#MainArea #Report_Image ul { 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 screen and (max-width: 720px) { #MainArea #Report_Image li { width: 50%; } }
@media print, screen and (min-width: 721px) { #MainArea #Report_Image li { width: 25%; } }
#MainArea #Report_Image li img { width: 100%; }
#MainArea #PastBits { text-align: center; }
#MainArea #PastBits > ._inner { text-align: left; }
@media print, screen and (min-width: 721px) { #MainArea #PastBits > ._inner { max-width: 980px; margin: 0 auto; padding: 0 20px; } }
#MainArea #PastBits_Button { margin-top: 1em; }
#MainArea #PastBits_Button 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
@media screen and (max-width: 720px) { #MainArea #PastBits_Button li { width: 49%; margin-bottom: 2%; margin-left: 2%; }
  #MainArea #PastBits_Button li:nth-child(2n + 1) { margin-left: 0; } }
@media print, screen and (min-width: 721px) { #MainArea #PastBits_Button li { width: 32.2449%; margin-bottom: 1.63265%; margin-left: 1.63265%; }
  #MainArea #PastBits_Button li:nth-child(3n + 1) { margin-left: 0; } }
#MainArea #PastBits_Button a { color: #FFF; line-height: 1.4; text-align: center; text-decoration: none; background-color: #32B9AF; box-sizing: border-box; width: 100%; height: 100%; padding: 1.2em 1.5em 1em .5em; display: block; position: relative; }
@media screen and (max-width: 720px) { #MainArea #PastBits_Button a { font-size: 0.875em; letter-spacing: .05em; } }
@media print, screen and (min-width: 721px) { #MainArea #PastBits_Button a { font-size: 1em; letter-spacing: .1em; } }
body:not([data-device="touchDevice"]) #MainArea #PastBits_Button a:hover { opacity: .7; transition: 400ms; }
#MainArea #PastBits_Button a::after { border-top: solid 2px #FFF; border-right: solid 2px #FFF; width: .4em; height: .4em; margin-top: -0.28284em; position: absolute; top: 50%; right: 1em; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (max-width: 720px) { #MainArea #PastBits_Button span { font-size: 114.28571%; } }
@media print, screen and (min-width: 721px) { #MainArea #PastBits_Button span { font-size: 125%; } }
#MainArea #Topics { text-align: center; }
#MainArea #Topics::before { background-color: #CCEDEB; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; content: ""; }
#MainArea #Topics > ._inner { text-align: left; }
@media print, screen and (min-width: 721px) { #MainArea #Topics > ._inner { max-width: 980px; margin: 0 auto; padding: 0 20px; 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 #Topics_Heading { width: 25.71429vw; min-width: 151.2px; max-width: 252px; }
@media screen and (max-width: 720px) { #MainArea #Topics_Heading { margin-bottom: 2em; } }
@media print, screen and (min-width: 721px) { #MainArea #Topics_Heading { padding-right: 2em; } }
#MainArea #Topics_Heading img { width: 100%; }

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