@font-face {
  font-family: 'Brush';
  /* src: url('https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans_No3_5_Semibold.otf') format('opentype'); */
  src: url('https://d13pvy8xd75yde.cloudfront.net/global/laptops/megapad-10/fonts/Brush%20Script%20MT%20Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'SemiboldTitle';
  /* src: url('https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans_No3_5_Semibold.otf') format('opentype'); */
  src: url('https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans_No3_5_Semibold.otf') format('truetype');
}
@font-face {
  font-family: 'BoldTitle';
  /* src: url('https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans_No3_5_Semibold.otf') format('opentype'); */
  src: url('https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans_No3_6_Bold_new.otf') format('truetype');
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.main {
  position: relative;
  overflow: hidden;
  background-color: #fff;
}
.screen {
  width: 100vw;
  position: relative;
}
.data-megabook_pc {
  display: block;
}
.data-megabook_m {
  display: none;
}
.uppercase {
  text-transform: uppercase;
}
.linner_tit {
  background: linear-gradient(to right, #44D3B5, #81D0AC);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linner_dbtit {
  background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linner_airtit {
  background: linear-gradient(to left, #00afd7, #6b90fd);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linner_tit_2 {
  background: linear-gradient(to right, #0DAA7D, #5AC3A5, #0DAA7D);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linner_h {
  background: linear-gradient(to right, #9b2ccb, #f40d4c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linner_h_y {
  background: linear-gradient(to right, #ffc000, #f40d4c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linner_bg {
  background: linear-gradient(to bottom, #D2F0DC, #F5F5F5);
}
.linner_bg_sec {
  background: linear-gradient(to bottom, #C1D4F6, #F8F7FF);
}
.linner_blue {
  background: linear-gradient(135deg, #5578BD, #172F57);
}
.linner_black {
  background: linear-gradient(135deg, #6C6F73, #202123);
}
.linner_white {
  background: linear-gradient(135deg, #ffffff, #B5B5B5);
}
.linner_big {
  background: radial-gradient(circle, #8e8e8e, #ffffff);
}
.colorwhite {
  color: #ffffff !important;
}
span {
  color: #000;
}
.imgbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.imgbox .imginner {
  width: 100%;
}
.screen1 .imgbox {
  position: relative;
}
.screen1 .imgbox .tit {
  position: absolute;
  top: 15.625vw;
  left: 9.375vw;
  font-weight: 700;
  font-size: 3.75vw;
  line-height: 4.5vw;
  color: #000000;
  font-family: BoldTitle !important;
}
.screen1 .imgbox .titdes {
  position: absolute;
  top: 21.3671875vw;
  left: 9.375vw;
  font-weight: 600;
  font-size: 2.34375vw;
  line-height: 2.8125vw;
  color: #000000;
  font-family: 'SemiboldTitle' !important;
}
.screen1 .imgbox .titbox {
  position: absolute;
  top: 30.5859375vw;
  left: 9.375vw;
  display: flex;
  align-items: center;
}
.screen1 .imgbox .titbox span {
  text-align: left;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.5vw;
  color: #000000;
  padding-right: 1.25vw;
  position: relative;
}
.screen1 .imgbox .titbox span:not(:first-child) {
  padding-left: 1.25vw;
}
.screen1 .imgbox .titbox span:not(:first-child)::before {
  position: absolute;
  left: 0;
  scale: 0.5;
  content: '';
  display: block;
  width: 0.15625vw;
  height: 100%;
  background: linear-gradient(to bottom, #fff, #000, #fff);
}
.screen2 {
  background-color: #000000;
}
.screen2 .fullbox {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 10.9375vw 0 17.8125vw;
}
.screen2 .fullbox > .tit {
  font-family: SemiboldTitle !important;
  color: #ffffff;
  font-size: 3.359375vw;
  line-height: 4.03125vw;
  font-weight: 600;
  text-align: center;
}
.screen2 .fullbox .des {
  margin-top: 1.5625vw;
  color: #ffffff;
  font-size: 1.875vw;
  line-height: 2.25vw;
  text-align: center;
}
.screen2 .fullbox > .imgbox {
  margin-top: 15.546875vw;
  height: 37.5vw;
  position: relative;
}
.screen2 .fullbox > .imgbox .imginner {
  position: absolute;
  z-index: 1;
}
.screen2 .fullbox > .imgbox .bigtit {
  font-family: BoldTitle !important;
  z-index: 0;
  position: absolute;
  top: -12.734375vw;
  font-size: 13.59375vw;
  font-weight: 700;
  width: 100%;
  text-align: center;
  background: linear-gradient(to bottom, #fff, #cbb47b);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: italic;
}
.screen2 .fullbox .desbox {
  margin-top: 6.25vw;
  padding: 0 13.28125vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen2 .fullbox .desbox .imgbox {
  position: relative;
  width: 8.59375vw;
  height: 8.59375vw;
}
.screen2 .fullbox .desbox .imgbox .tit {
  width: 13.671875vw;
  position: absolute;
  top: 9.84375vw;
  color: #cbb47b;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  font-weight: 400;
  text-align: center;
}
.screen3 .imgbox {
  position: relative;
}
.screen3 .imgbox .tit {
  position: absolute;
  right: 13.28125vw;
  top: 16.71875vw;
  font-family: SemiboldTitle !important;
  color: #1a1a1a;
  font-size: 3.359375vw;
  line-height: 4.03125vw;
  font-weight: 600;
  text-align: right;
}
.screen3 .imgbox .des {
  position: absolute;
  right: 13.28125vw;
  top: 27.890625vw;
  color: #1a1a1a;
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 2.25vw;
  text-align: right;
}
.screen3 .imgbox .des:last-child {
  top: 31.71875vw;
}
.screen4 {
  background-color: #000000;
  padding: 10.9375vw 13.28125vw;
}
.screen4 .titbox {
  display: flex;
  justify-content: space-between;
}
.screen4 .titbox .leftbox {
  display: flex;
  flex-direction: column;
}
.screen4 .titbox .leftbox .tit {
  font-family: SemiboldTitle !important;
  color: #ffffff;
  font-size: 3.359375vw;
  line-height: 4.03125vw;
  font-weight: 600;
}
.screen4 .titbox .leftbox .des {
  margin-top: 1.5625vw;
  color: #ffffff;
  font-size: 1.875vw;
  line-height: 2.25vw;
}
.screen4 .titbox .rightbox {
  height: 5.078125vw;
  margin-top: 1.2890625vw;
  border-top: 0.15625vw solid #cbb47b;
  border-bottom: 0.15625vw solid #cbb47b;
  text-align: right;
}
.screen4 .titbox .rightbox .tit {
  color: #cbb47b;
  font-size: 1.875vw;
  line-height: 2.25vw;
  font-weight: 600;
}
.screen4 .desbox {
  margin-top: 4.6875vw;
  height: 35vw;
  border-radius: 1.5625vw;
  padding: 4.6875vw 6.25vw 8.125vw 5.46875vw;
  background-color: #191919;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  row-gap: 9.6875vw;
  column-gap: 12.2265625vw;
}
.screen4 .desbox .imgbox {
  position: relative;
  width: 6.25vw;
}
.screen4 .desbox .imgbox .imgdes {
  width: 17.1875vw;
  position: absolute;
  top: 7.5vw;
  text-align: center;
  color: #ffffff;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  font-weight: 400;
}
.screen5 {
  background-color: #000000;
}
.screen5 .fullbox {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.screen5 .fullbox > .tit {
  font-family: SemiboldTitle !important;
  color: #ffffff;
  font-size: 3.359375vw;
  line-height: 4.03125vw;
  font-weight: 600;
  text-align: center;
}
.screen5 .fullbox .des {
  margin-top: 1.5625vw;
  color: #ffffff;
  font-size: 1.875vw;
  line-height: 2.25vw;
  text-align: center;
}
.screen5 .fullbox .des:last-of-type {
  margin-top: 1.25vw;
}
.screen5 .fullbox > .imgbox {
  margin-top: 3.125vw;
}
.screen6 {
  background-color: #ffffff;
  padding-top: 10.9375vw;
}
.screen6 .fullbox {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.screen6 .fullbox .tit {
  font-family: SemiboldTitle !important;
  color: #1a1a1a;
  font-size: 3.359375vw;
  line-height: 4.03125vw;
  font-weight: 600;
  text-align: center;
}
.screen6 .fullbox .othertit {
  margin-top: 2.03125vw;
  color: #1a1a1a;
  font-size: 1.875vw;
  line-height: 2.25vw;
  font-weight: 600;
  text-align: center;
}
.screen6 .fullbox .des {
  margin-top: 3.125vw;
  color: #1a1a1a;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  text-align: center;
}
.screen6 .fullbox > .imgbox {
  margin-top: 4.6875vw;
}
.screen7 {
  background-color: #000000;
  padding: 12.5390625vw 13.28125vw 3.125vw;
  display: flex;
  flex-direction: column;
}
.screen7 .tit {
  font-size: 2.34375vw;
  line-height: 3vw;
  color: #ffffff;
  font-weight: 600;
  font-family: SemiboldTitle !important;
}
.screen7 .titbox {
  display: flex;
  flex-direction: column;
  margin-top: 4.6875vw;
}
.screen7 .titbox .tititem {
  font-size: 1.25vw;
  line-height: 1.5vw;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 1.25vw;
}
@media screen and (max-width: 1080px) {
  .data-megabook_pc {
    display: none;
  }
  .data-megabook_m {
    display: block;
  }
  .main {
    background-color: #000000;
  }
  .screen1m .imgbox {
    position: relative;
  }
  .screen1m .imgbox .tit {
    position: absolute;
    top: 7.40740741vw;
    font-weight: 700;
    font-size: 6.66666667vw;
    line-height: 8vw;
    color: #000000;
    font-family: 'SemiboldTitle' !important;
  }
  .screen1m .imgbox .titdes {
    position: absolute;
    top: 17.59259259vw;
    font-weight: 600;
    font-size: 3.7037037vw;
    line-height: 4.44444444vw;
    text-align: center;
    color: #000000;
    font-family: 'SemiboldTitle' !important;
  }
  .screen1m .imgbox .titbox {
    position: absolute;
    top: 30.92592593vw;
    display: flex;
    align-items: center;
  }
  .screen1m .imgbox .titbox span {
    text-align: center;
    font-weight: 400;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #000000;
    padding-right: 2.59259259vw;
    position: relative;
    padding-left: 2.59259259vw;
  }
  .screen1m .imgbox .titbox span:not(:first-child)::before {
    position: absolute;
    left: 0;
    content: '';
    display: block;
    width: 0.37037037vw;
    height: 100%;
    scale: 0.5;
    background: linear-gradient(to bottom, #fff, #000, #fff);
  }
  .screen2m {
    background-color: #000000;
  }
  .screen2m .fullbox {
    display: flex;
    flex-direction: column;
    padding: 29.62962963vw 0 38.51851852vw;
  }
  .screen2m .fullbox > .tit {
    font-family: SemiboldTitle !important;
    color: #ffffff;
    font-size: 6.66666667vw;
    line-height: 8vw;
    font-weight: 600;
    padding: 0 5.55555556vw;
  }
  .screen2m .fullbox .des {
    padding: 0 5.55555556vw;
    margin-top: 3.7037037vw;
    color: #ffffff;
    font-size: 3.7037037vw;
    line-height: 4.44444444vw;
  }
  .screen2m .fullbox > .imgbox {
    margin-top: 15.09259259vw;
    height: 55.55555556vw;
    position: relative;
  }
  .screen2m .fullbox > .imgbox .imginner {
    position: absolute;
    z-index: 1;
  }
  .screen2m .fullbox > .imgbox .bigtit {
    font-family: BoldTitle !important;
    z-index: 0;
    position: absolute;
    top: -8.33333333vw;
    font-size: 17.59259259vw;
    font-weight: 700;
    width: 100%;
    text-align: center;
    background: linear-gradient(to bottom, #fff, #cbb47b);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
  }
  .screen2m .fullbox .desbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .screen2m .fullbox .desbox .imgbox {
    position: relative;
    width: 14.81481481vw;
    height: 14.81481481vw;
  }
  .screen2m .fullbox .desbox .imgbox .tit {
    width: 27.77777778vw;
    position: absolute;
    top: 17.40740741vw;
    color: #cbb47b;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    font-weight: 400;
    text-align: center;
  }
  .screen2m .fullbox .desbox.desboxt {
    margin-top: 7.40740741vw;
    padding: 0 25vw;
  }
  .screen2m .fullbox .desbox.desboxb {
    margin-top: 14.44444444vw;
    padding: 0 7.87037037vw;
  }
  .screen3m {
    background-color: #000000;
    display: flex;
    flex-direction: column;
  }
  .screen3m .tit {
    padding: 0 5.55555556vw;
    font-size: 6.66666667vw;
    line-height: 8vw;
    color: #ffffff;
    font-weight: 700;
    font-family: SemiboldTitle !important;
  }
  .screen3m .des {
    padding: 0 5.55555556vw;
    margin-top: 3.7037037vw;
    font-size: 3.7037037vw;
    line-height: 4.44444444vw;
    color: #ffffff;
  }
  .screen3m .des:last-of-type {
    margin-top: 2.22222222vw;
  }
  .screen3m .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen4m {
    background-color: #000000;
    padding: 29.62962963vw 5.55555556vw;
  }
  .screen4m .titbox {
    display: flex;
    flex-direction: column;
  }
  .screen4m .titbox .leftbox {
    display: flex;
    flex-direction: column;
  }
  .screen4m .titbox .leftbox .tit {
    font-family: SemiboldTitle !important;
    color: #ffffff;
    font-size: 6.66666667vw;
    line-height: 8vw;
    font-weight: 600;
  }
  .screen4m .titbox .leftbox .des {
    margin-top: 3.7037037vw;
    color: #ffffff;
    font-size: 3.7037037vw;
    line-height: 4.44444444vw;
  }
  .screen4m .titbox .rightbox {
    width: 37.96296296vw;
    height: 12.96296296vw;
    margin-top: 5.55555556vw;
    border-top: 0.37037037vw solid #cbb47b;
    border-bottom: 0.37037037vw solid #cbb47b;
    text-align: left;
  }
  .screen4m .titbox .rightbox .tit {
    color: #cbb47b;
    font-size: 4.44444444vw;
    line-height: 5.33333333vw;
    font-weight: 600;
  }
  .screen4m .desbox {
    margin-top: 7.40740741vw;
    height: 154.81481481vw;
    border-radius: 1.85185185vw;
    padding: 7.40740741vw 14.81481481vw 19.25925926vw;
    background-color: #191919;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    row-gap: 22.96296296vw;
    column-gap: 29.62962963vw;
  }
  .screen4m .desbox .imgbox {
    position: relative;
    width: 14.81481481vw;
  }
  .screen4m .desbox .imgbox .imgdes {
    width: 40.74074074vw;
    position: absolute;
    top: 17.77777778vw;
    text-align: center;
    color: #ffffff;
    font-size: 3.7037037vw;
    line-height: 4.44444444vw;
    font-weight: 400;
  }
  .screen5m {
    background-color: #000000;
    display: flex;
    flex-direction: column;
  }
  .screen5m .tit {
    padding: 0 5.55555556vw;
    font-size: 6.66666667vw;
    line-height: 8vw;
    color: #ffffff;
    font-weight: 700;
    font-family: SemiboldTitle !important;
  }
  .screen5m .des {
    padding: 0 5.55555556vw;
    margin-top: 3.7037037vw;
    font-size: 3.7037037vw;
    line-height: 4.44444444vw;
    color: #ffffff;
  }
  .screen5m .des:last-of-type {
    margin-top: 2.59259259vw;
  }
  .screen5m .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen6m {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    padding-top: 25.92592593vw;
  }
  .screen6m .tit {
    padding: 0 5.55555556vw;
    font-size: 6.66666667vw;
    line-height: 8vw;
    color: #1a1a1a;
    font-weight: 600;
    font-family: SemiboldTitle !important;
  }
  .screen6m .othertit {
    padding: 0 5.55555556vw;
    margin-top: 3.7037037vw;
    font-size: 3.7037037vw;
    line-height: 4.44444444vw;
    color: #1a1a1a;
    font-weight: 600;
  }
  .screen6m .des {
    padding: 0 5.55555556vw;
    margin-top: 2.59259259vw;
    font-size: 2.40740741vw;
    line-height: 2.88888889vw;
    color: #1a1a1a;
  }
  .screen6m .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen7m {
    background-color: #000000;
    padding: 25.92592593vw 5.55555556vw 11.11111111vw;
    display: flex;
    flex-direction: column;
  }
  .screen7m .tit {
    font-size: 5.92592593vw;
    line-height: 7.11111111vw;
    color: #ffffff;
    font-weight: 600;
    font-family: SemiboldTitle !important;
  }
  .screen7m .titbox {
    display: flex;
    flex-direction: column;
    margin-top: 11.11111111vw;
  }
  .screen7m .titbox .tititem {
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 2.59259259vw;
  }
}
/*# sourceMappingURL=index.css.map */