@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_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);
}
span {
  color: #000;
}
.imgbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.imgbox .imginner {
  width: 100%;
}
.screen1 .imgbox {
  position: relative;
}
.screen1 .imgbox .logoimg {
  position: absolute;
  top: 7.578125vw;
  left: 50%;
  transform: translateX(-50%);
  width: 35.5078125vw;
}
.screen1 .imgbox .tit {
  position: absolute;
  top: 14.9609375vw;
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 1.640625vw;
  line-height: 1.96875vw;
  color: #000000;
}
.screen2 {
  padding: 0 0 6.25vw;
}
.screen2 .fulldesbox {
  width: 82.8125vw;
  margin: 0 auto;
  margin-top: -7.4609375vw;
  display: grid;
}
.screen2 .fulldesbox.fulldesbox_top {
  gap: 0.9375vw;
  grid-template-columns: 30.46875vw 23.4375vw 27.03125vw;
}
.screen2 .fulldesbox .grids {
  display: grid;
  gap: 0.9375vw;
}
.screen2 .fulldesbox .grids .imgbox {
  position: relative;
}
.screen2 .fulldesbox .grid1 {
  grid-template-rows: 24.21875vw 11.71875vw;
}
.screen2 .fulldesbox .grid1 .imgbox .imgbox {
  position: absolute;
  top: 2.34375vw;
  left: 50%;
  transform: translateX(-50%);
  width: 18.359375vw;
}
.screen2 .fulldesbox .grid1 .imgbox .tit {
  position: absolute;
  top: 1.25vw;
  width: 100%;
  text-align: center;
  color: #000000;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
  font-weight: 600;
}
.screen2 .fulldesbox .grid2 {
  grid-template-rows: 17.96875vw 17.96875vw;
}
.screen2 .fulldesbox .grid2 .imgbox:first-child .tit {
  top: 2.34375vw;
}
.screen2 .fulldesbox .grid2 .imgbox .tit {
  position: absolute;
  top: 1.25vw;
  width: 100%;
  text-align: center;
  color: #000000;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
  font-weight: 600;
}
.screen2 .fulldesbox .grid3 {
  grid-template-rows: 23.9453125vw 11.71875vw;
}
.screen2 .fulldesbox .grid3 .imgbox:first-child .tit {
  top: 2.34375vw;
  text-align: center;
}
.screen2 .fulldesbox .grid3 .imgbox:last-child .tit {
  top: 3.359375vw;
  left: 1.25vw;
  text-align: left;
}
.screen2 .fulldesbox .grid3 .imgbox .tit {
  position: absolute;
  width: 100%;
  color: #000000;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
  font-weight: 600;
}
.screen4 .fullbox {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen4 .fullbox .imgbox .tit {
  position: absolute;
  top: 6.4453125vw;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #ffffff;
  font-weight: 700;
  font-family: BoldTitle!important;
}
.screen4 .fullbox .imgbox .des {
  position: absolute;
  top: 11.2890625vw;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  width: 55.78125vw;
  color: #ffffff;
}
.screen4 .fullbox .imgbox .dbtit {
  position: absolute;
  top: 15.546875vw;
  font-size: 14.84375vw;
  line-height: 17.8125vw;
  font-weight: 600;
}
.screen4 .fullbox .imgbox .titlast {
  position: absolute;
  top: 31.71875vw;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 600;
  color: #ffffff;
}
.screen5 .fullbox {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen5 .fullbox .imgbox .tit {
  position: absolute;
  top: 6.4453125vw;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #ffffff;
  font-weight: 700;
  font-family: BoldTitle!important;
}
.screen5 .fullbox .imgbox .des {
  position: absolute;
  top: 11.2890625vw;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  width: 55.78125vw;
  color: #ffffff;
}
.screen7 {
  padding: 14.84375vw 12.109375vw 22.1875vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen7 .tit {
  font-size: 23.4375vw;
  line-height: 28.125vw;
  color: #d9d9d9;
  font-weight: 600;
  letter-spacing: 2.34375vw;
}
.screen7 .imgbox {
  width: 60.8984375vw;
  margin-top: -23.046875vw;
}
.screen8 .fullbox {
  padding: 0 8.59375vw 10.9375vw;
}
.screen8 .fullbox .imgbox {
  position: relative;
}
.screen8 .fullbox .imgbox .desbox {
  width: 33.59375vw;
  right: 3.90625vw;
  top: 12.65625vw;
  position: absolute;
  display: flex;
  flex-direction: column;
}
.screen8 .fullbox .imgbox .desbox .tit {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #000000;
  font-weight: 700;
  font-family: BoldTitle!important;
}
.screen8 .fullbox .imgbox .desbox .des {
  margin-top: 1.5625vw;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  color: #000000;
}
.screen9 {
  padding: 0 8.59375vw 30.3515625vw;
}
.screen9 .fullbox {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen9 .fullbox .tit {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
  color: #000000;
  font-family: BoldTitle!important;
}
.screen9 .fullbox .des {
  margin-top: 1.5625vw;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  color: #000000;
}
.screen9 .fullbox .imgbox {
  margin-top: 8.9453125vw;
  width: 49.2578125vw;
  position: relative;
}
.screen9 .fullbox .imgbox .desbox {
  position: absolute;
  display: flex;
  align-items: center;
}
.screen9 .fullbox .imgbox .desbox:first-of-type {
  top: 18.125vw;
  left: -15.625vw;
}
.screen9 .fullbox .imgbox .desbox:last-of-type {
  top: 0vw;
  right: -15.625vw;
}
.screen9 .fullbox .imgbox .desbox .imgbox {
  margin-top: 0;
  margin-right: 1.25vw;
  width: 5.9375vw;
}
.screen9 .fullbox .imgbox .desbox .titbox {
  text-align: left;
  display: flex;
  flex-direction: column;
}
.screen9 .fullbox .imgbox .desbox .titbox .titt {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #000000;
  font-weight: 700;
  font-family: BoldTitle!important;
}
.screen9 .fullbox .imgbox .desbox .titbox .titb {
  font-size: 1.171875vw;
  line-height: 1.40625vw;
  color: #000000;
}
.screen10 .fullbox .imgbox {
  position: relative;
}
.screen10 .fullbox .imgbox .desbox {
  width: 33.59375vw;
  right: 7.65625vw;
  top: 10.15625vw;
  position: absolute;
  display: flex;
  flex-direction: column;
}
.screen10 .fullbox .imgbox .desbox .tit {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #000000;
  font-weight: 700;
  font-family: BoldTitle!important;
}
.screen10 .fullbox .imgbox .desbox .des {
  margin-top: 1.5625vw;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  color: #000000;
}
.screen10 .fullbox .imgbox .desbox .imgbox {
  margin-left: 4.0234375vw;
  margin-top: 3.046875vw;
  width: 24.4921875vw;
}
.screen12 .fullbox {
  padding: 7.890625vw 10.46875vw 0 8.59375vw;
  display: flex;
  justify-content: space-between;
}
.screen12 .fullbox .desbox {
  padding: 3.125vw 6.25vw 0 0;
  display: flex;
  flex-direction: column;
}
.screen12 .fullbox .desbox .tit {
  padding-top: 10.4296875vw;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #000000;
  font-weight: 700;
  font-family: BoldTitle!important;
}
.screen12 .fullbox .desbox .des {
  margin-top: 1.5625vw;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  color: #000000;
}
.screen12 .fullbox .desbox .imgbox {
  margin-top: 12.03125vw;
  width: 12.7734375vw;
}
.screen12 .fullbox .desbox .otherdes {
  margin-top: 1.25vw;
  font-size: 0.9375vw;
  color: #000000;
}
.screen12 .fullbox .imgbox {
  width: 32.734375vw;
}
.screen13 .imgbox {
  position: relative;
}
.screen13 .imgbox .tit {
  position: absolute;
  top: 6.25vw;
  width: 100%;
  text-align: center;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #ffffff;
  font-weight: 700;
  font-family: BoldTitle!important;
}
.screen13 .imgbox .des {
  position: absolute;
  text-align: left;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  color: #ffffff;
}
.screen13 .imgbox .des.desl {
  top: 11.09375vw;
  left: 19.84375vw;
}
.screen13 .imgbox .des.desr {
  top: 11.09375vw;
  right: 13.75vw;
}
.screen15 {
  padding: 8.59375vw 11.953125vw 5.234375vw 16.015625vw;
}
.screen15 .fullbox {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen15 .fullbox .tittop {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
  color: #000000;
  font-family: BoldTitle!important;
}
.screen15 .fullbox .des {
  margin-top: 1.5625vw;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  color: #000000;
}
.screen15 .fullbox .innerbox {
  margin-top: 4.6875vw;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.screen15 .fullbox .innerbox .desbox {
  display: flex;
  flex-direction: column;
}
.screen15 .fullbox .innerbox .desbox .spanbox {
  display: flex;
  align-items: center;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(1) .imgbox {
  margin-right: 1.09375vw;
  width: 1.953125vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(1) .imgbox .imginner {
  width: 1.796875vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(1) .tit {
  text-align: left;
  color: #212121;
  font-size: 1.953125vw;
  line-height: 2.34375vw;
  font-weight: 700;
  font-family: BoldTitle!important;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(2) {
  margin-top: 1.5625vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(2) .imgbox {
  margin-right: 1.09375vw;
  width: 1.953125vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(2) .imgbox .imginner {
  width: 1.5625vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(2) .tit {
  text-align: left;
  font-weight: 400;
  color: #000000;
  font-size: 1.171875vw;
  line-height: 1.40625vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(3) {
  margin-top: 3.90625vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(3) .imgbox {
  margin-right: 1.09375vw;
  width: 1.953125vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(3) .imgbox .imginner {
  width: 1.796875vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(3) .tit {
  text-align: left;
  color: #212121;
  font-size: 1.953125vw;
  line-height: 2.34375vw;
  font-weight: 700;
  font-family: BoldTitle!important;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(4) {
  margin-top: 1.5625vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(4) .imgbox {
  margin-right: 1.09375vw;
  width: 1.953125vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(4) .imgbox .imginner {
  width: 1.09375vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(4) .tit {
  font-weight: 400;
  text-align: left;
  color: #000000;
  font-size: 1.171875vw;
  line-height: 1.40625vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(5) {
  margin-top: 1.5625vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(5) .imgbox {
  margin-right: 1.09375vw;
  width: 1.953125vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(5) .imgbox .imginner {
  width: 1.5625vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(5) .tit {
  font-weight: 400;
  text-align: left;
  color: #000000;
  font-size: 1.171875vw;
  line-height: 1.40625vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(6) {
  margin-top: 1.5625vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(6) .imgbox {
  margin-right: 1.09375vw;
  width: 1.953125vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(6) .imgbox .imginner {
  width: 1.640625vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(6) .tit {
  font-weight: 400;
  text-align: left;
  color: #000000;
  font-size: 1.171875vw;
  line-height: 1.40625vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(7) {
  margin-top: 1.5625vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(7) .imgbox {
  margin-right: 1.09375vw;
  width: 1.953125vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(7) .imgbox .imginner {
  width: 1.09375vw;
}
.screen15 .fullbox .innerbox .desbox .spanbox:nth-child(7) .tit {
  font-weight: 400;
  text-align: left;
  color: #000000;
  font-size: 1.171875vw;
  line-height: 1.40625vw;
}
.screen15 .fullbox .innerbox .imgbox {
  width: 35.1171875vw;
}
.screen16 {
  background-color: #f5f7fa;
}
.screen16 .fullbox {
  padding: 5.625vw 8.59375vw 9.140625vw;
  display: flex;
  justify-content: space-between;
}
.screen16 .fullbox .desboxl {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen16 .fullbox .desboxl .imgbox {
  width: 41.171875vw;
}
.screen16 .fullbox .desboxl .btdes {
  display: flex;
  align-items: center;
  margin-top: 1.484375vw;
}
.screen16 .fullbox .desboxl .btdes .imgbox {
  width: 2.890625vw;
  margin-right: 0.78125vw;
}
.screen16 .fullbox .desboxl .btdes .bttit {
  font-size: 2.734375vw;
  color: #000000;
  font-weight: 700;
}
.screen16 .fullbox .desbox {
  display: flex;
  flex-direction: column;
}
.screen16 .fullbox .desbox .tit {
  padding-top: 12.9296875vw;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #000000;
  font-weight: 700;
  font-family: BoldTitle!important;
}
.screen16 .fullbox .desbox .des {
  margin-top: 1.5625vw;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  color: #000000;
}
.screen17 .fullbox {
  padding: 6.25vw 8.59375vw 4.6875vw;
  display: flex;
  justify-content: space-between;
}
.screen17 .fullbox .desbox {
  display: flex;
  flex-direction: column;
}
.screen17 .fullbox .desbox .tit {
  padding-top: 14.0625vw;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #000000;
  font-weight: 700;
  font-family: BoldTitle!important;
}
.screen17 .fullbox .desbox .des {
  margin-top: 2.8125vw;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  color: #000000;
}
.screen17 .fullbox .imgbox {
  width: 32.734375vw;
}
@media screen and (max-width: 1080px) {
  .data-megabook_pc {
    display: none;
  }
  .data-megabook_m {
    display: block;
  }
  .screen1m .imgbox {
    position: relative;
  }
  .screen1m .imgbox .logoimg {
    position: absolute;
    top: 7.40740741vw;
    left: 50%;
    transform: translateX(-50%);
    width: 53.51851852vw;
  }
  .screen1m .imgbox .tit {
    position: absolute;
    top: 18.14814815vw;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 2.22222222vw;
    line-height: 2.66666667vw;
    color: #000000;
  }
  .screen2m {
    padding: 0 0 16.66666667vw;
  }
  .screen2m .fulldesbox {
    width: 88.88888889vw;
    margin: 0 auto;
    margin-top: -14.81481481vw;
    display: grid;
  }
  .screen2m .fulldesbox.fulldesbox_top {
    gap: 1.48148148vw;
    grid-template-rows: 50vw 40.74074074vw 25.92592593vw;
  }
  .screen2m .fulldesbox .grids {
    display: grid;
    gap: 1.48148148vw;
  }
  .screen2m .fulldesbox .grids .imgbox {
    position: relative;
  }
  .screen2m .fulldesbox .grid1 {
    grid-template-columns: 43.7037037vw 43.7037037vw;
  }
  .screen2m .fulldesbox .grid1 .imgbox .imgbox {
    position: absolute;
    top: 3.7037037vw;
    left: 50%;
    transform: translateX(-50%);
    width: 34.07407407vw;
  }
  .screen2m .fulldesbox .grid1 .imgbox .tit {
    position: absolute;
    top: 3.7037037vw;
    width: 100%;
    text-align: center;
    color: #000000;
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
    font-weight: 600;
  }
  .screen2m .fulldesbox .grid2 {
    grid-template-columns: 43.7037037vw 43.7037037vw;
  }
  .screen2m .fulldesbox .grid2 .imgbox .tit {
    position: absolute;
    top: 3.7037037vw;
    width: 100%;
    text-align: center;
    color: #000000;
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
    font-weight: 600;
  }
  .screen2m .fulldesbox .grid3 {
    grid-template-columns: 43.7037037vw 43.7037037vw;
  }
  .screen2m .fulldesbox .grid3 .imgbox:first-child .tit {
    top: 3.7037037vw;
    text-align: center;
  }
  .screen2m .fulldesbox .grid3 .imgbox:last-child .tit {
    top: 3.7037037vw;
    left: 1.85185185vw;
    text-align: left;
  }
  .screen2m .fulldesbox .grid3 .imgbox .tit {
    position: absolute;
    width: 100%;
    color: #000000;
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
    font-weight: 600;
  }
  .screen4m .fullbox {
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .screen4m .fullbox .imgbox .tit {
    position: absolute;
    top: 11.11111111vw;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #ffffff;
    font-weight: 700;
    font-family: BoldTitle!important;
  }
  .screen4m .fullbox .imgbox .des {
    position: absolute;
    top: 20.74074074vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    width: 79.25925926vw;
    color: #ffffff;
  }
  .screen4m .fullbox .imgbox .dbtit {
    position: absolute;
    top: 28.7037037vw;
    font-size: 25.92592593vw;
    line-height: 31.11111111vw;
    font-weight: 600;
  }
  .screen4m .fullbox .imgbox .titlast {
    position: absolute;
    top: 58.51851852vw;
    font-size: 3.7037037vw;
    line-height: 4.44444444vw;
    font-weight: 600;
    color: #ffffff;
  }
  .screen5m .fullbox .imgbox .tit {
    position: absolute;
    top: 11.11111111vw;
    left: 5.55555556vw;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #ffffff;
    font-weight: 700;
    font-family: BoldTitle!important;
  }
  .screen5m .fullbox .imgbox .des {
    position: absolute;
    top: 27.40740741vw;
    left: 5.55555556vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #ffffff;
  }
  .screen7m {
    padding: 29.62962963vw 5.09259259vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .screen7m .tit {
    font-size: 27.77777778vw;
    line-height: 33.33333333vw;
    color: #d9d9d9;
    font-weight: 600;
    letter-spacing: 2.77777778vw;
  }
  .screen7m .imgbox {
    width: 71.66666667vw;
    margin-top: -27.22222222vw;
  }
  .screen8m .fullbox {
    padding: 0 5.55555556vw 29.62962963vw;
  }
  .screen8m .fullbox .desbox {
    background-color: #f5f7fa;
    width: 88.88888889vw;
    height: 41.85185185vw;
    border-radius: 2.77777778vw 2.77777778vw 0 0;
    display: flex;
    flex-direction: column;
  }
  .screen8m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    margin-top: 7.40740741vw;
    margin-left: 3.7037037vw;
    color: #000000;
    font-weight: 700;
    font-family: BoldTitle!important;
  }
  .screen8m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    margin-left: 3.7037037vw;
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
    color: #000000;
  }
  .screen9m {
    padding: 0 5.55555556vw 32.87037037vw;
  }
  .screen9m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen9m .fullbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 700;
    color: #000000;
    font-family: BoldTitle!important;
  }
  .screen9m .fullbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
    color: #000000;
  }
  .screen9m .fullbox .imgbox {
    margin-top: 11.11111111vw;
  }
  .screen9m .fullbox .desboxs {
    margin-top: 11.11111111vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .screen9m .fullbox .desboxs .desbox {
    display: flex;
    align-items: center;
  }
  .screen9m .fullbox .desboxs .desbox .imgbox {
    margin-top: 0;
    margin-right: 2.96296296vw;
    width: 14.07407407vw;
  }
  .screen9m .fullbox .desboxs .desbox .titbox {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .screen9m .fullbox .desboxs .desbox .titbox .titt {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #000000;
    font-weight: 700;
    font-family: BoldTitle!important;
  }
  .screen9m .fullbox .desboxs .desbox .titbox .titb {
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #000000;
  }
  .screen10m {
    padding: 0 0 29.62962963vw;
  }
  .screen10m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen10m .fullbox .tit {
    padding-left: 5.55555556vw;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 700;
    color: #000000;
    font-family: BoldTitle!important;
  }
  .screen10m .fullbox .des {
    padding: 0 5.55555556vw;
    margin-top: 2.96296296vw;
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
    color: #000000;
  }
  .screen10m .fullbox .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen12m .fullbox {
    padding: 0 0 25.09259259vw 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen12m .fullbox .desbox {
    display: flex;
    flex-direction: column;
  }
  .screen12m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #000000;
    font-weight: 700;
    font-family: BoldTitle!important;
  }
  .screen12m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
    color: #000000;
  }
  .screen12m .fullbox .comparebox {
    margin-top: 1.85185185vw;
    display: flex;
    justify-content: space-between;
  }
  .screen12m .fullbox .comparebox .bottomdes {
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
  }
  .screen12m .fullbox .comparebox .bottomdes:first-child .imgbox {
    width: 30.27777778vw;
  }
  .screen12m .fullbox .comparebox .bottomdes:first-child .otherdes {
    margin-top: 2.96296296vw;
    font-size: 2.22222222vw;
    color: #000000;
  }
  .screen12m .fullbox .comparebox .bottomdes:last-child .imgbox {
    width: 50vw;
  }
  .screen13m .imgbox {
    position: relative;
  }
  .screen13m .imgbox .desbox {
    position: absolute;
    top: 11.11111111vw;
    left: 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen13m .imgbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #ffffff;
    font-weight: 700;
    font-family: BoldTitle!important;
  }
  .screen13m .imgbox .des {
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
    color: #ffffff;
  }
  .screen13m .imgbox .des.desl {
    margin-top: 2.96296296vw;
  }
  .screen13m .imgbox .des.desr {
    margin-top: 3.7037037vw;
  }
  .screen15m {
    padding: 29.62962963vw 5.55555556vw;
  }
  .screen15m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen15m .fullbox .tittop {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 700;
    color: #000000;
    font-family: BoldTitle!important;
  }
  .screen15m .fullbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
    color: #000000;
  }
  .screen15m .fullbox .innerbox {
    margin-top: 11.11111111vw;
    display: flex;
    flex-direction: column;
  }
  .screen15m .fullbox .innerbox .desbox {
    margin-top: 11.2962963vw;
    display: flex;
    justify-content: space-between;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxl {
    display: flex;
    flex-direction: column;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxl .spanbox:nth-child(1) .imgbox {
    margin-right: 2.59259259vw;
    width: 4.62962963vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxl .spanbox:nth-child(1) .imgbox .imginner {
    width: 4.25925926vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxl .spanbox:nth-child(1) .tit {
    text-align: left;
    color: #212121;
    font-size: 3.7037037vw;
    line-height: 4.44444444vw;
    font-weight: 700;
    font-family: BoldTitle!important;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxl .spanbox:nth-child(2) {
    margin-top: 3.7037037vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxl .spanbox:nth-child(2) .imgbox {
    margin-right: 2.59259259vw;
    width: 4.62962963vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxl .spanbox:nth-child(2) .imgbox .imginner {
    width: 3.7037037vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxl .spanbox:nth-child(2) .tit {
    text-align: left;
    font-weight: 400;
    color: #000000;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr {
    display: flex;
    flex-direction: column;
    padding-right: 5.55555556vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(1) .imgbox {
    margin-right: 2.59259259vw;
    width: 4.62962963vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(1) .imgbox .imginner {
    width: 4.25925926vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(1) .tit {
    text-align: left;
    color: #212121;
    font-size: 3.7037037vw;
    line-height: 4.44444444vw;
    font-weight: 700;
    font-family: BoldTitle!important;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(2) {
    margin-top: 3.7037037vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(2) .imgbox {
    margin-right: 2.59259259vw;
    width: 4.62962963vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(2) .imgbox .imginner {
    width: 2.59259259vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(2) .tit {
    font-weight: 400;
    text-align: left;
    color: #000000;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(3) {
    margin-top: 3.7037037vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(3) .imgbox {
    margin-right: 2.59259259vw;
    width: 4.62962963vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(3) .imgbox .imginner {
    width: 3.7037037vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(3) .tit {
    font-weight: 400;
    text-align: left;
    color: #000000;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(4) {
    margin-top: 3.7037037vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(4) .imgbox {
    margin-right: 2.59259259vw;
    width: 4.62962963vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(4) .imgbox .imginner {
    width: 3.88888889vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(4) .tit {
    font-weight: 400;
    text-align: left;
    color: #000000;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(5) {
    margin-top: 3.7037037vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(5) .imgbox {
    margin-right: 2.59259259vw;
    width: 4.62962963vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(5) .imgbox .imginner {
    width: 2.59259259vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanboxr .spanbox:nth-child(5) .tit {
    font-weight: 400;
    text-align: left;
    color: #000000;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen15m .fullbox .innerbox .desbox .spanbox {
    display: flex;
    align-items: center;
  }
  .screen16m .fullbox {
    padding: 0 0 29.62962963vw;
    display: flex;
    flex-direction: column;
  }
  .screen16m .fullbox .tit {
    padding: 0 5.55555556vw;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #000000;
    font-weight: 700;
    font-family: BoldTitle!important;
  }
  .screen16m .fullbox .des {
    padding: 0 5.55555556vw;
    margin-top: 2.96296296vw;
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
    color: #000000;
  }
  .screen16m .fullbox .desboxl {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f5f7fa;
    margin-top: 5.55555556vw;
    padding: 7.40740741vw 0;
  }
  .screen16m .fullbox .desboxl .imgbox {
    width: 88.88888889vw;
  }
  .screen16m .fullbox .desboxl .btdes {
    display: flex;
    align-items: center;
    margin-top: 7.40740741vw;
  }
  .screen16m .fullbox .desboxl .btdes .imgbox {
    width: 6.85185185vw;
    margin-right: 3.7037037vw;
  }
  .screen16m .fullbox .desboxl .btdes .bttit {
    font-size: 6.48148148vw;
    color: #000000;
    font-weight: 700;
  }
  .screen17m .fullbox {
    padding: 0 0 11.11111111vw;
    display: flex;
    flex-direction: column;
  }
  .screen17m .fullbox .tit {
    padding: 0 5.55555556vw;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #000000;
    font-weight: 700;
    font-family: BoldTitle!important;
  }
  .screen17m .fullbox .des {
    padding: 0 5.55555556vw;
    margin-top: 2.96296296vw;
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
    color: #000000;
  }
  .screen17m .fullbox .imgbox {
    margin-top: 11.11111111vw;
    margin-left: 8.33333333vw;
  }
}
/*# sourceMappingURL=index.css.map */