html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
figure,
figcaption {
  margin: 0;
  padding: 0;
}
body {
  overflow-x: hidden;
  background-color: #000000;
}
#megaview {
  overflow: hidden;
}
#megaview .time_8s {
  transition: all 0.8s ease;
}
#megaview .active .translateY {
  transform: translateY(0);
  opacity: 1;
}
#megaview .translateY {
  transform: translateY(3.90625vw);
  opacity: 0;
}
#megaview .active .translate_X,
#megaview .active .translateX {
  transform: translateX(0);
  opacity: 1;
}
#megaview .translate_X {
  transform: translateX(-3.90625vw);
  opacity: 0;
}
#megaview .translateX {
  transform: translateX(3.90625vw);
  opacity: 0;
}
#megaview .section {
  position: relative;
}
#megaview .white {
  color: #ffffff;
}
#megaview .grey {
  color: #CCCCCC;
}
#megaview .blue {
  background-image: -webkit-linear-gradient(270deg, #214FD6 0%, #69C9F6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#megaview .purple {
  background-image: -webkit-linear-gradient(270deg, #592DD8 0%, #D641BE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.se_line {
  width: 1px;
  background-color: #808080;
}
.f-20 {
  font-size: 0.781vw;
  font-weight: 400;
  line-height: 1;
}
.ft-28 {
  font-size: 1.094vw;
  font-weight: 600;
  line-height: 1.3;
}
.f-28 {
  font-size: 1.094vw;
  font-weight: 400;
  line-height: 1.3;
}
.ft-30 {
  font-size: 1.1719vw;
  font-weight: 600;
  line-height: 1;
}
.f-30 {
  font-size: 1.1719vw;
  font-weight: 400;
  line-height: 1;
}
.ft-38 {
  font-size: 1.484vw;
  font-weight: 600;
  line-height: 1;
}
.f-38 {
  font-size: 1.484vw;
  font-weight: 400;
  line-height: 1;
}
.ft-50 {
  font-size: 1.953vw;
  font-weight: 600;
  line-height: 1;
}
.ft-70 {
  font-size: 2.734vw;
  font-weight: 600;
  line-height: 1;
}
.se_row {
  display: flex;
  align-items: center;
}
.se_column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1081px) {
  #megaview img {
    width: 100%;
    height: 100%;
  }
  #megaview .mob {
    display: none;
  }
  #megaview .screen1 {
    width: 100vw;
    min-height: 53.789vw;
  }
  #megaview .screen1 .bg_img {
    width: 100vw;
    padding-left: 6.484vw;
    box-sizing: border-box;
  }
  #megaview .screen1 .text_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    padding: 22.891vw 0 0 10.156vw;
  }
  #megaview .screen1 .text_content .heading .logo {
    width: 32.617vw;
  }
  #megaview .screen1 .text_content .body_content {
    gap: 1.797vw;
    margin-top: 2.344vw;
  }
  #megaview .screen1 .text_content .body_content p {
    font-size: 1.172vw;
    font-weight: 400;
    line-height: 1.5;
  }
  #megaview .screen1 .text_content .body_content .se_line,
  #megaview .screen1 .text_content .body_content .se_line {
    height: 2.031vw;
  }
  #megaview .screen2 {
    height: 56.133vw;
    width: 100vw;
    overflow: hidden;
    box-sizing: border-box;
  }
  #megaview .screen2 .list_content {
    width: 100%;
    height: 100%;
    justify-content: center;
    gap: 0.938vw;
  }
  #megaview .screen2 .list_content .se_column {
    gap: 0.938vw;
  }
  #megaview .screen2 .list_content .heading {
    text-align: center;
  }
  #megaview .screen2 .list_content .body_content {
    width: 100%;
    max-height: 100%;
    padding: 1.406vw 1.172vw;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
  }
  #megaview .screen2 .list_content .set1 {
    width: 18.984vw;
    height: 21.953vw;
    position: relative;
  }
  #megaview .screen2 .list_content .set1 .heading {
    text-align: left;
  }
  #megaview .screen2 .list_content .set1 .se_row {
    gap: 1.094vw;
    margin-top: 0.625vw;
  }
  #megaview .screen2 .list_content .set1 .se_row div {
    max-width: 50%;
  }
  #megaview .screen2 .list_content .set1 .se_row .ft-28 {
    margin-top: 0.156vw;
  }
  #megaview .screen2 .list_content .set1 .se_row .se_line {
    height: 1.875vw;
  }
  #megaview .screen2 .list_content .set2 {
    width: 18.984vw;
    height: 9.531vw;
    position: relative;
  }
  #megaview .screen2 .list_content .set3 {
    width: 28.906vw;
    height: 13.867vw;
    position: relative;
  }
  #megaview .screen2 .list_content .set3 .se_row {
    width: 100%;
    margin: 0 auto;
    gap: 1.094vw;
    justify-content: center;
    margin-top: 0.625vw;
  }
  #megaview .screen2 .list_content .set3 .se_row .f-20 {
    margin-top: 0.156vw;
  }
  #megaview .screen2 .list_content .set3 .se_row .se_line {
    height: 1.875vw;
  }
  #megaview .screen2 .list_content .set4 {
    width: 28.906vw;
    height: 17.617vw;
    position: relative;
  }
  #megaview .screen2 .list_content .set4 .se_row {
    justify-content: center;
  }
  #megaview .screen2 .list_content .set4 .body_content {
    text-align: center;
  }
  #megaview .screen2 .list_content .set4 .body_content .logo {
    width: 16.25vw;
  }
  #megaview .screen2 .list_content .set4 .body_content .logo .img {
    width: 100%;
    height: 100%;
  }
  #megaview .screen2 .list_content .set5 {
    width: 18.984vw;
    height: 16.641vw;
    position: relative;
  }
  #megaview .screen2 .list_content .set5 .body_content {
    text-align: center;
  }
  #megaview .screen2 .list_content .set5 .body_content .ft-28 {
    margin-top: 0.625vw;
  }
  #megaview .screen2 .list_content .set5 .body_content .f-20 {
    margin-top: 0.156vw;
  }
  #megaview .screen2 .list_content .set6 {
    width: 18.984vw;
    height: 14.844vw;
    position: relative;
  }
  #megaview .screen3 {
    width: 100vw;
    min-height: 61.68vw;
  }
  #megaview .screen3 .bg_img {
    width: 100vw;
    padding: 0 3.75vw;
    box-sizing: border-box;
  }
  #megaview .screen3 .text_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    text-align: center;
    padding: 3.906vw 3.75vw;
  }
  #megaview .screen3 .text_content .heading {
    max-width: 78.125vw;
    margin: 0 auto;
  }
  #megaview .screen3 .text_content .subheading {
    margin-top: 1.563vw;
  }
  #megaview .screen3 .text_content .se_row {
    justify-content: center;
    gap: 3.125vw;
    margin-top: 2.813vw;
    text-align: left;
  }
  #megaview .screen3 .text_content .se_row .se_line {
    height: 2.344vw;
  }
  #megaview .screen3 .text_content .se_row .f-28 {
    margin-top: 0.156vw;
  }
  #megaview .screen3 .text_content .se_tip {
    position: absolute;
    bottom: 9.766vw;
    left: 0;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
    height: auto;
  }
  #megaview .screen3 .text_content .se_tip p {
    max-width: 78.125vw;
    margin: 0 auto;
    text-align: right;
  }
  #megaview .screen4 {
    width: 100vw;
    min-height: 61.797vw;
  }
  #megaview .screen4 .bg_img {
    width: 100vw;
    padding: 0 7.031vw 0 6.914vw;
    box-sizing: border-box;
  }
  #megaview .screen4 .text_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 30.688vw;
    height: 100%;
    margin: 17.188vw 0 0 7.031vw;
    box-sizing: border-box;
  }
  #megaview .screen4 .text_content .heading {
    line-height: 1.3;
  }
  #megaview .screen4 .text_content .subheading {
    margin-top: 1.563vw;
  }
  #megaview .screen4 .text_content .blue {
    margin-top: 4.375vw;
  }
  #megaview .screen4 .text_content .purple {
    margin-top: 1.563vw;
  }
  #megaview .screen4 .text_content .f-28 {
    margin-top: 0.156vw;
  }
  #megaview .screen5 {
    width: 100vw;
    min-height: 59.57vw;
  }
  #megaview .screen5 .text1 {
    padding: 3.438vw 10.938vw 0 10.938vw;
    width: 100vw;
    justify-content: space-between;
    align-items: top;
  }
  #megaview .screen5 .text1 .left {
    flex: 1;
  }
  #megaview .screen5 .text1 .left .f-28 {
    margin-top: 1.563vw;
    line-height: 1.3;
  }
  #megaview .screen5 .text1 .right {
    width: auto;
    text-align: left;
  }
  #megaview .screen5 .text1 .right .blue {
    font-size: 3.125vw;
    font-weight: 600;
    margin-top: 0.703vw;
    line-height: 1;
  }
  #megaview .screen5 .text1 .right .f-28 {
    margin-top: 0.391vw;
  }
  #megaview .screen5 .bg_img {
    width: 78.125vw;
    height: 29.453vw;
    margin: 0 auto;
    margin-top: 5.859vw;
  }
  #megaview .screen5 .text2 {
    margin-top: 1.563vw;
    padding: 0 10.938vw;
    width: 100vw;
    justify-content: space-between;
  }
  #megaview .screen5 .text2 .left {
    font-size: 1.2vw;
    font-weight: 400;
    line-height: 1;
  }
  #megaview .screen5 .text2 .right .logo {
    width: 13.438vw;
  }
  #megaview .screen6 {
    width: 100vw;
    min-height: 57.5vw;
  }
  #megaview .screen6 .se_row {
    width: 100vw;
  }
  #megaview .screen6 .se_row div {
    flex: 1;
    text-align: center;
  }
  #megaview .screen6 .se_row div .f-28 {
    margin-top: 1.563vw;
  }
  #megaview .screen6 .se_row div img {
    margin-top: 3.516vw;
  }
}
@media screen and (max-width: 1080px) {
  #megaview .pc {
    display: none;
  }
  #megaview img {
    width: 100%;
    height: 100%;
  }
  #megaview .fm-20 {
    font-size: 1.852vw;
    font-weight: 400;
    line-height: 1;
  }
  #megaview .ftm-28 {
    font-size: 2.593vw;
    font-weight: 600;
    line-height: 1;
  }
  #megaview .fm-28 {
    font-size: 2.593vw;
    font-weight: 400;
    line-height: 1.3;
  }
  #megaview .ftm-60 {
    font-weight: 600;
    font-size: 5.556vw;
    line-height: 1;
  }
  #megaview .ftm-50 {
    font-weight: 600;
    font-size: 4.63vw;
    line-height: 1;
  }
  #megaview .screen1 .text_content {
    position: absolute;
    width: 100vw;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 9.259vw;
  }
  #megaview .screen1 .text_content .heading {
    justify-content: center;
    gap: 3.704vw;
  }
  #megaview .screen1 .text_content .heading .logo {
    width: 61.296vw;
  }
  #megaview .screen1 .text_content .body_content {
    margin-top: 3.704vw;
    justify-content: center;
    gap: 3.704vw;
  }
  #megaview .screen1 .text_content .body_content .se_line {
    height: 3.519vw;
  }
  #megaview .screen1 .text_content .body_content p {
    text-align: center;
    font-size: 2.407vw;
    font-weight: 400;
    line-height: 1.2;
  }
  #megaview .screen2 {
    width: 100vw;
    padding: 14.815vw 5.556vw 0 5.556vw;
  }
  #megaview .screen2 .body_content {
    width: 100%;
    height: 100%;
    padding-top: 2.963vw;
    position: absolute;
    left: 0;
    top: 0;
  }
  #megaview .screen2 .heading {
    width: 90%;
    text-align: center;
    margin: 0 auto;
  }
  #megaview .screen2 .se_row {
    gap: 1.852vw;
  }
  #megaview .screen2 .se_column {
    gap: 1.852vw;
  }
  #megaview .screen2 .set3 {
    width: 100%;
    height: 32.87vw;
    position: relative;
    margin-bottom: 1.852vw;
    box-sizing: border-box;
  }
  #megaview .screen2 .set3 .se_row {
    justify-content: center;
    gap: 2.593vw;
    margin-top: 1.667vw;
  }
  #megaview .screen2 .set3 .se_row .se_line {
    height: 4.444vw;
  }
  #megaview .screen2 .set3 .se_row .fm-20 {
    margin-top: 0.57vw;
  }
  #megaview .screen2 .set1,
  #megaview .screen2 .set5 {
    flex: 1;
    height: 50vw;
    position: relative;
  }
  #megaview .screen2 .set2,
  #megaview .screen2 .set6 {
    flex: 1;
    height: 35.185vw;
    position: relative;
  }
  #megaview .screen2 .set1 .se_row {
    justify-content: center;
    padding: 0 2.963vw;
    box-sizing: border-box;
    margin-top: 1.667vw;
    text-align: center;
    gap: 3.704vw;
  }
  #megaview .screen2 .set1 .se_row .se_line {
    height: 4.444vw;
  }
  #megaview .screen2 .set1 .se_row .fm-20 {
    margin-top: 0.57vw;
  }
  #megaview .screen2 .set5 .body_content {
    text-align: center;
  }
  #megaview .screen2 .set5 .body_content .blue {
    margin-top: 1.667vw;
  }
  #megaview .screen2 .set5 .body_content .fm-20 {
    margin-top: 0.57vw;
  }
  #megaview .screen3 .text_content {
    width: 100vw;
    box-sizing: border-box;
    padding: 0 5.556vw;
  }
  #megaview .screen3 .heading {
    margin-top: 29.63vw;
  }
  #megaview .screen3 .subheading {
    margin-top: 3.704vw;
  }
  #megaview .screen3 .se_row {
    justify-content: flex-start;
    gap: 7.407vw;
    margin-top: 7.407vw;
    max-width: 62.315vw;
  }
  #megaview .screen3 .se_row .se_line {
    height: 5.556vw;
  }
  #megaview .screen3 .se_row .f-28 {
    margin-top: 0.57vw;
  }
  #megaview .screen3 .bg_img {
    width: 100vw;
    margin-left: -5.556vw;
    margin-top: 7.407vw;
  }
  #megaview .screen3 .se_tip {
    font-size: 1.481vw;
    line-height: 1;
    font-weight: 400;
    margin-top: 3.704vw;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
  }
  #megaview .screen4 .text_content {
    width: 100vw;
    box-sizing: border-box;
    padding: 0 5.556vw;
  }
  #megaview .screen4 .heading {
    margin-top: 29.63vw;
  }
  #megaview .screen4 .subheading {
    margin-top: 3.704vw;
  }
  #megaview .screen4 .se_row {
    max-width: 62.315vw;
    justify-content: flex-start;
    gap: 8.333vw;
    margin-top: 7.407vw;
  }
  #megaview .screen4 .se_row .f-28 {
    margin-top: 0.57vw;
  }
  #megaview .screen4 .bg_img {
    position: relative;
    width: 100vw;
    height: 120.37vw;
    margin-top: -4.259vw;
  }
  #megaview .screen4 .bg_img img {
    position: absolute;
    z-index: -1;
  }
  #megaview .screen5 .text1,
  #megaview .screen5 .text2 {
    width: 100vw;
    box-sizing: border-box;
    padding: 0 5.556vw;
  }
  #megaview .screen5 .heading {
    margin-top: 29.63vw;
  }
  #megaview .screen5 .subheading {
    margin-top: 3.704vw;
  }
  #megaview .screen5 .blue {
    margin-top: 7.407vw;
    max-width: 62.315vw;
    margin-bottom: 0.57vw;
  }
  #megaview .screen5 .se_row {
    justify-content: space-between;
  }
  #megaview .screen5 .bg_img {
    margin-top: 9.259vw;
    margin-bottom: 3.704vw;
  }
  #megaview .screen5 .left {
    font-size: 2.963vw;
    font-weight: 400;
    line-height: 1;
  }
  #megaview .screen5 .right .logo {
    width: 34.593vw;
  }
  #megaview .screen6 .se_row {
    flex-direction: column;
  }
  #megaview .screen6 .left,
  #megaview .screen6 .right {
    margin-top: 29.63vw;
  }
  #megaview .screen6 .left .heading,
  #megaview .screen6 .right .heading {
    width: 100%;
    padding: 0 5.556vw;
    box-sizing: border-box;
  }
  #megaview .screen6 .left .subheading,
  #megaview .screen6 .right .subheading {
    width: 100%;
    padding: 0 5.556vw;
    box-sizing: border-box;
    margin-top: 3.704vw;
    margin-bottom: 11.111vw;
  }
}