@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 .logobox {
  position: absolute;
  top: 23.90625vw;
  left: 6.09375vw;
  display: flex;
  align-items: center;
}
.screen1 .imgbox .logobox .logoimg {
  margin-right: 1.5625vw;
  width: 13.671875vw;
}
.screen1 .imgbox .logobox .logotit {
  font-weight: 400;
  font-size: 3.90625vw;
  line-height: 4.6875vw;
  color: #000000;
}
.screen1 .imgbox .titbox {
  position: absolute;
  top: 30.703125vw;
  left: 6.09375vw;
  display: flex;
  align-items: center;
}
.screen1 .imgbox .titbox span {
  text-align: left;
  font-weight: 400;
  font-size: 0.9375vw;
  color: #000000;
  padding-right: 1.5625vw;
  position: relative;
}
.screen1 .imgbox .titbox span:not(:first-child) {
  padding-left: 1.5625vw;
}
.screen1 .imgbox .titbox span:not(:first-child)::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  content: '';
  display: block;
  width: 0.0390625vw;
  height: 1.875vw;
  background: #000000;
}
.screen2 {
  padding: 7.03125vw 14.0625vw 12.5vw;
}
.screen2 .otherdes {
  position: absolute;
  bottom: 8.59375vw;
  right: 13.28125vw;
  font-weight: 400;
  font-size: 1.40625vw;
  color: #666666;
}
.screen2 .fulldesbox {
  width: 71.875vw;
  margin: 0 auto;
  display: grid;
}
.screen2 .fulldesbox.fulldesbox_top {
  gap: 0.78125vw;
  grid-template-columns: 14.0625vw 32.8125vw 23.4375vw;
}
.screen2 .fulldesbox .grids {
  display: grid;
  gap: 0.78125vw;
}
.screen2 .fulldesbox .grids .imgbox {
  position: relative;
}
.screen2 .fulldesbox .grid1 {
  grid-template-rows: 15.234375vw 15.234375vw;
}
.screen2 .fulldesbox .grid1 .imgbox .tit {
  position: absolute;
  top: 1.5625vw;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 0.9375vw;
  font-weight: 600;
}
.screen2 .fulldesbox .grid1 .imgbox:last-child .tit {
  top: 1.09375vw;
}
.screen2 .fulldesbox .grid2 {
  grid-template-rows: 17.96875vw 12.5vw;
}
.screen2 .fulldesbox .grid2 .imgbox .tit {
  position: absolute;
  top: 7.578125vw;
  left: 1.25vw;
  color: #ffffff;
  font-size: 2.34375vw;
  line-height: 2.8125vw;
  font-weight: 600;
}
.screen2 .fulldesbox .grid2 .bottombox {
  display: grid;
  gap: 0.78125vw;
  grid-template-columns: 16.015625vw 16.015625vw;
}
.screen2 .fulldesbox .grid2 .bottombox .imgbox .tit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 0.9375vw;
  font-weight: 600;
}
.screen2 .fulldesbox .grid3 .imgbox .tit {
  position: absolute;
  width: 100%;
  top: 1.5625vw;
  left: 1.5625vw;
  color: #ffffff;
  font-size: 0.9375vw;
  font-weight: 600;
}
.screen4 {
  padding-bottom: 12.5vw;
}
.screen4 .fullbox {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen4 .fullbox .titbox {
  display: flex;
  align-items: center;
}
.screen4 .fullbox .titbox .tit {
  padding: 0 1.5625vw;
  color: #000000;
  font-size: 2.8125vw;
  font-weight: 600;
}
.screen4 .fullbox .titbox img {
  width: 5.078125vw;
}
.screen4 .fullbox .desbox {
  margin-top: 1.640625vw;
  color: #000000;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
}
.screen4 .fullbox > .imgbox {
  margin-top: 11.328125vw;
  position: relative;
}
.screen4 .fullbox > .imgbox .imgbox {
  position: absolute;
  top: 49.609375vw;
  left: 17.7734375vw;
  width: 62.5vw;
}
.screen4 .fullbox > .imgbox .titboxinner {
  position: absolute;
  bottom: 65.9375vw;
  left: 9.375vw;
  display: flex;
  align-items: center;
}
.screen4 .fullbox > .imgbox .titboxinner .tit {
  padding-right: 1.5625vw;
  color: #000000;
  font-size: 3.515625vw;
  line-height: 4.21875vw;
  font-weight: 600;
}
.screen4 .fullbox > .imgbox .titboxinner img {
  width: 5.078125vw;
}
.screen4 .fullbox > .imgbox .desboxinner {
  position: absolute;
  bottom: 60.9375vw;
  left: 9.375vw;
  text-align: left;
  color: #000000;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
}
.screen5 {
  padding-bottom: 2.9296875vw;
}
.screen5 .fullbox {
  display: flex;
  flex-direction: column;
  padding-left: 9.375vw;
}
.screen5 .fullbox .tit {
  font-size: 3.515625vw;
  line-height: 4.21875vw;
  color: #000000;
  font-weight: 600;
}
.screen5 .fullbox .des {
  margin-top: 1.640625vw;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
  color: #000000;
}
.screen5 .fullbox .bottombox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen5 .fullbox .bottombox .leftbox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 22.4609375vw;
}
.screen5 .fullbox .bottombox .leftbox .spanbox {
  display: flex;
  flex-direction: column;
}
.screen5 .fullbox .bottombox .leftbox .spanbox .tit1 {
  font-size: 3.515625vw;
}
.screen5 .fullbox .bottombox .leftbox .spanbox .tit1 .titbig {
  font-size: 5.859375vw;
}
.screen5 .fullbox .bottombox .leftbox .spanbox .tit2 {
  font-size: 1.171875vw;
  line-height: 1.40625vw;
  color: #999999;
}
.screen5 .fullbox .bottombox .imgbox {
  width: 64.6875vw;
}
.screen7 {
  padding-bottom: 19.765625vw;
}
.screen7 .fullbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 9.375vw;
}
.screen7 .fullbox .leftbox {
  display: flex;
  flex-direction: column;
}
.screen7 .fullbox .leftbox .titbox {
  display: flex;
  align-items: center;
}
.screen7 .fullbox .leftbox .titbox .tit {
  padding-right: 3.125vw;
  color: #000000;
  font-size: 3.515625vw;
  line-height: 4.21875vw;
  font-weight: 600;
}
.screen7 .fullbox .leftbox .titbox img {
  width: 5.078125vw;
}
.screen7 .fullbox .leftbox .tit {
  padding-right: 1.5625vw;
  color: #000000;
  font-size: 3.515625vw;
  line-height: 4.21875vw;
  font-weight: 600;
}
.screen7 .fullbox .leftbox .des {
  margin-top: 7.03125vw;
  color: #000000;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
}
.screen7 .fullbox .imgbox {
  width: 53.359375vw;
}
.screen8 {
  padding-bottom: 19.765625vw;
}
.screen8 .fullbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 9.375vw;
}
.screen8 .fullbox .imgbox {
  width: 56.25vw;
}
.screen8 .fullbox .rightbox {
  display: flex;
  flex-direction: column;
}
.screen8 .fullbox .rightbox .titbox {
  display: flex;
  align-items: center;
}
.screen8 .fullbox .rightbox .titbox .tit {
  padding-right: 3.125vw;
  color: #000000;
  font-size: 2.5vw;
  font-weight: 600;
}
.screen8 .fullbox .rightbox .titbox img {
  width: 5.078125vw;
}
.screen8 .fullbox .rightbox .tit {
  padding-right: 1.5625vw;
  color: #000000;
  font-size: 2.5vw;
  font-weight: 600;
}
.screen8 .fullbox .rightbox .des {
  margin-top: 7.03125vw;
  color: #000000;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
}
.screen9 {
  margin-bottom: 9.375vw;
}
.screen9 .swiper_pc {
  height: 47.890625vw;
}
.screen9 .swiper_pc .swiper-wrapper {
  display: flex;
}
.screen9 .swiper_pc .swiper-wrapper .swiper-slide {
  width: 100vw;
  display: flex;
  justify-content: space-between;
}
.screen9 .swiper_pc .swiper-wrapper .swiper-slide .leftbox {
  flex: 1;
  position: relative;
  background-color: #f6f6f6;
}
.screen9 .swiper_pc .swiper-wrapper .swiper-slide .leftbox .imgbox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 28.75vw;
}
.screen9 .swiper_pc .swiper-wrapper .swiper-slide .leftbox .btnbox {
  position: absolute;
  bottom: 5.859375vw;
  padding: 0 4.6875vw;
  width: 100%;
  display: flex;
  align-items: center;
}
.screen9 .swiper_pc .swiper-wrapper .swiper-slide .leftbox .btnbox .btntext {
  display: flex;
  align-items: center;
  width: 13.671875vw;
  flex-direction: row-reverse;
}
.screen9 .swiper_pc .swiper-wrapper .swiper-slide .leftbox .btnbox .btntext .cricle {
  width: 1.796875vw;
  height: 1.796875vw;
  border-radius: 50%;
  margin-right: 1.25vw;
  cursor: pointer;
}
.screen9 .swiper_pc .swiper-wrapper .swiper-slide .leftbox .btnbox .btntext .criclebig {
  width: 2.890625vw;
  height: 2.890625vw;
  border-radius: 50%;
  border: 0.078125vw solid #8e8e8e;
  margin-right: 0.78125vw;
  position: relative;
}
.screen9 .swiper_pc .swiper-wrapper .swiper-slide .leftbox .btnbox .btntext .criclebig .cricle {
  content: '';
  width: 1.796875vw;
  height: 1.796875vw;
  border-radius: 50%;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.screen9 .swiper_pc .swiper-wrapper .swiper-slide .leftbox .btnbox .btntext .tit {
  font-size: 0.9375vw;
  color: #000000;
}
.screen9 .swiper_pc .swiper-wrapper .swiper-slide .rightbox .imgbox {
  width: 50vw;
}
.screen10 {
  padding-bottom: 3.125vw;
}
.screen10 .fullbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15.234375vw 0 9.375vw;
}
.screen10 .fullbox .leftbox {
  display: flex;
  flex-direction: column;
}
.screen10 .fullbox .leftbox .tit {
  color: #000000;
  font-size: 3.515625vw;
  line-height: 4.21875vw;
  font-weight: 600;
}
.screen10 .fullbox .leftbox .titimg {
  margin-top: 4.6875vw;
  width: 5.078125vw;
}
.screen10 .fullbox .leftbox .des {
  margin-top: 1.5625vw;
  color: #000000;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
}
.screen10 .fullbox .imgbox {
  width: 33.4375vw;
}
.screen12 {
  padding-bottom: 10.703125vw;
}
.screen12 .fullbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 11.09375vw 0 6.25vw;
}
.screen12 .fullbox .imgbox {
  width: 36.6796875vw;
}
.screen12 .fullbox .rightbox {
  display: flex;
  flex-direction: column;
}
.screen12 .fullbox .rightbox .tit {
  color: #000000;
  font-size: 2.890625vw;
  font-weight: 600;
}
.screen12 .fullbox .rightbox .titimg {
  margin-top: 1.953125vw;
  width: 5.078125vw;
}
.screen12 .fullbox .rightbox .des {
  margin-top: 1.5625vw;
  color: #000000;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
}
.screen12 .fullbox .rightbox .btimg {
  margin-top: 2.96875vw;
  width: 18.046875vw;
}
.screen13 {
  padding-bottom: 17.3828125vw;
}
.screen13 .fullbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10.3125vw 0 9.375vw;
}
.screen13 .fullbox .leftbox {
  display: flex;
  flex-direction: column;
}
.screen13 .fullbox .leftbox .tit {
  color: #000000;
  font-size: 2.890625vw;
  font-weight: 600;
}
.screen13 .fullbox .leftbox .titimg {
  margin-top: 1.953125vw;
  width: 5.078125vw;
}
.screen13 .fullbox .leftbox .des {
  margin-top: 1.5625vw;
  color: #000000;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
}
.screen13 .fullbox .leftbox .otherdes {
  margin-top: 1.25vw;
  font-size: 0.9375vw;
  color: #000000;
}
.screen13 .fullbox .imgbox {
  width: 29.0234375vw;
}
.screen15 {
  padding-bottom: 12.5vw;
}
.screen15 .fullbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10.859375vw 0 3.515625vw;
}
.screen15 .fullbox .imgbox {
  width: 43.28125vw;
}
.screen15 .fullbox .rightbox {
  display: flex;
  flex-direction: column;
}
.screen15 .fullbox .rightbox .tit {
  color: #000000;
  font-size: 3.515625vw;
  line-height: 4.21875vw;
  font-weight: 600;
}
.screen15 .fullbox .rightbox .titimg {
  margin-top: 1.953125vw;
  width: 5.078125vw;
}
.screen15 .fullbox .rightbox .des {
  margin-top: 1.5625vw;
  color: #000000;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
}
@media screen and (max-width: 1080px) {
  .data-megabook_pc {
    display: none;
  }
  .data-megabook_m {
    display: block;
  }
  .screen1m .imgbox {
    position: relative;
  }
  .screen1m .imgbox .logobox {
    position: absolute;
    top: 16.66666667vw;
    display: flex;
    align-items: center;
  }
  .screen1m .imgbox .logobox .logoimg {
    margin-right: 3.7037037vw;
    width: 25.92592593vw;
  }
  .screen1m .imgbox .logobox .logotit {
    font-weight: 400;
    font-size: 7.40740741vw;
    line-height: 8.88888889vw;
    color: #000000;
  }
  .screen1m .imgbox .titbox {
    position: absolute;
    top: 27.40740741vw;
    display: flex;
    align-items: center;
  }
  .screen1m .imgbox .titbox span {
    text-align: center;
    font-weight: 400;
    font-size: 2.22222222vw;
    color: #000000;
    padding-right: 3.7037037vw;
    position: relative;
    padding-left: 3.7037037vw;
  }
  .screen1m .imgbox .titbox span:not(:first-child)::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    content: '';
    display: block;
    width: 0.09259259vw;
    height: 4.44444444vw;
    background: #000000;
  }
  .screen2m {
    padding: 14.81481481vw 5.55555556vw 29.62962963vw;
  }
  .screen2m .otherdes {
    position: absolute;
    bottom: 20.37037037vw;
    right: 5.55555556vw;
    font-weight: 400;
    font-size: 3.33333333vw;
    color: #666666;
  }
  .screen2m .fulldesbox {
    width: 88.88888889vw;
    margin: 0 auto;
    display: grid;
  }
  .screen2m .fulldesbox.fulldesbox_top {
    gap: 1.85185185vw;
    grid-template-rows: 44.44444444vw 74.07407407vw 29.62962963vw;
  }
  .screen2m .fulldesbox .grids {
    display: grid;
    gap: 1.85185185vw;
  }
  .screen2m .fulldesbox .grids .imgbox {
    position: relative;
  }
  .screen2m .fulldesbox .grid1 .imgbox .tit {
    position: absolute;
    top: 18.88888889vw;
    left: 2.96296296vw;
    color: #ffffff;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen2m .fulldesbox .grid2 {
    grid-template-columns: 43.51851852vw 43.51851852vw;
  }
  .screen2m .fulldesbox .grid2 .imgbox .tit {
    position: absolute;
    top: 2.59259259vw;
    text-align: center;
    color: #ffffff;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    font-weight: 600;
  }
  .screen2m .fulldesbox .grid2 .leftbox {
    display: grid;
    gap: 1.85185185vw;
    grid-template-rows: 36.11111111vw 36.11111111vw;
  }
  .screen2m .fulldesbox .grid2 .leftbox .imgbox .tit {
    position: absolute;
    top: 2.59259259vw;
    text-align: center;
    color: #ffffff;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    font-weight: 600;
  }
  .screen2m .fulldesbox .grid3 {
    grid-template-columns: 43.51851852vw 43.51851852vw;
  }
  .screen2m .fulldesbox .grid3 .imgbox .tit {
    position: absolute;
    text-align: center;
    top: 2.59259259vw;
    color: #ffffff;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    font-weight: 600;
  }
  .screen4m {
    padding-bottom: 29.62962963vw;
  }
  .screen4m .fullbox {
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .screen4m .fullbox .tit {
    color: #000000;
    font-size: 4.44444444vw;
    font-weight: 600;
  }
  .screen4m .fullbox .titbox {
    display: flex;
    align-items: center;
  }
  .screen4m .fullbox .titbox .tit {
    padding: 0 3.7037037vw;
    color: #000000;
    font-size: 4.44444444vw;
    font-weight: 600;
  }
  .screen4m .fullbox .titbox img {
    width: 8.14814815vw;
  }
  .screen4m .fullbox .desbox {
    margin-top: 2.96296296vw;
    padding: 0 5.55555556vw;
    color: #000000;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen4m .fullbox > .imgbox {
    margin-top: 14.81481481vw;
    position: relative;
  }
  .screen4m .fullbox > .imgbox .imgbox {
    position: absolute;
    top: 81.2962963vw;
    width: 88.88888889vw;
  }
  .screen4m .fullbox > .imgbox .titboxinner {
    position: absolute;
    bottom: 105.27777778vw;
    left: 5.55555556vw;
    display: flex;
    align-items: center;
  }
  .screen4m .fullbox > .imgbox .titboxinner .tit {
    padding-right: 3.7037037vw;
    color: #000000;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen4m .fullbox > .imgbox .titboxinner img {
    width: 8.14814815vw;
  }
  .screen4m .fullbox > .imgbox .desboxinner {
    position: absolute;
    bottom: 92.87037037vw;
    left: 5.55555556vw;
    text-align: left;
    color: #000000;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen5m {
    padding-bottom: 29.62962963vw;
  }
  .screen5m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen5m .fullbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #000000;
    font-weight: 600;
    padding-left: 5.55555556vw;
  }
  .screen5m .fullbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #000000;
    padding: 0 5.55555556vw;
  }
  .screen5m .fullbox .bottombox {
    margin-top: 2.96296296vw;
    display: flex;
    flex-direction: column;
  }
  .screen5m .fullbox .bottombox .leftbox {
    padding: 3.7037037vw 11.11111111vw 0 5.55555556vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .screen5m .fullbox .bottombox .leftbox .spanbox {
    display: flex;
    flex-direction: column;
  }
  .screen5m .fullbox .bottombox .leftbox .spanbox .tit1 {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
  }
  .screen5m .fullbox .bottombox .leftbox .spanbox .tit1 .titbig {
    font-size: 9.25925926vw;
    line-height: 11.11111111vw;
  }
  .screen5m .fullbox .bottombox .leftbox .spanbox .tit2 {
    font-size: 2.22222222vw;
    line-height: 2.66666667vw;
    color: #999999;
  }
  .screen7m {
    padding-bottom: 29.62962963vw;
  }
  .screen7m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen7m .fullbox .leftbox {
    padding: 0 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen7m .fullbox .leftbox .titbox {
    display: flex;
    align-items: center;
  }
  .screen7m .fullbox .leftbox .titbox .tit {
    padding-right: 5.55555556vw;
    color: #000000;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen7m .fullbox .leftbox .titbox img {
    width: 8.14814815vw;
  }
  .screen7m .fullbox .leftbox .tit {
    padding-right: 3.7037037vw;
    color: #000000;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen7m .fullbox .leftbox .des {
    margin-top: 2.96296296vw;
    color: #000000;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen7m .fullbox .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen8m {
    padding-bottom: 46.85185185vw;
  }
  .screen8m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen8m .fullbox .rightbox {
    padding: 0 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen8m .fullbox .rightbox .titbox {
    display: flex;
    align-items: center;
  }
  .screen8m .fullbox .rightbox .titbox .tit {
    padding-right: 3.7037037vw;
    color: #000000;
    font-size: 3.88888889vw;
    font-weight: 600;
  }
  .screen8m .fullbox .rightbox .titbox img {
    width: 8.14814815vw;
  }
  .screen8m .fullbox .rightbox .des {
    margin-top: 2.96296296vw;
    color: #000000;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen8m .fullbox .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen9m {
    margin-bottom: 29.62962963vw;
  }
  .screen9m .swiper_m {
    height: 111.11111111vw;
  }
  .screen9m .swiper_m .swiper-wrapper {
    display: flex;
  }
  .screen9m .swiper_m .swiper-wrapper .swiper-slide {
    width: 100vw;
  }
  .screen9m .swiper_m .swiper-wrapper .swiper-slide .leftbox {
    position: relative;
  }
  .screen9m .swiper_m .swiper-wrapper .swiper-slide .leftbox .btnbox {
    position: absolute;
    bottom: 4.53703704vw;
    padding: 0 5.55555556vw;
    width: 100%;
    display: flex;
    align-items: center;
  }
  .screen9m .swiper_m .swiper-wrapper .swiper-slide .leftbox .btnbox .btntext {
    display: flex;
    align-items: center;
    width: 37.03703704vw;
    flex-direction: row-reverse;
  }
  .screen9m .swiper_m .swiper-wrapper .swiper-slide .leftbox .btnbox .btntext .cricle {
    width: 2.77777778vw;
    height: 2.77777778vw;
    border-radius: 50%;
    margin-right: 3.14814815vw;
    cursor: pointer;
  }
  .screen9m .swiper_m .swiper-wrapper .swiper-slide .leftbox .btnbox .btntext .criclebig {
    width: 5.18518519vw;
    height: 5.18518519vw;
    border-radius: 50%;
    border: 0.18518519vw solid #8e8e8e;
    margin-right: 1.85185185vw;
    position: relative;
  }
  .screen9m .swiper_m .swiper-wrapper .swiper-slide .leftbox .btnbox .btntext .criclebig .cricle {
    content: '';
    width: 2.77777778vw;
    height: 2.77777778vw;
    border-radius: 50%;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .screen9m .swiper_m .swiper-wrapper .swiper-slide .leftbox .btnbox .btntext .tit {
    font-size: 2.03703704vw;
    color: #000000;
  }
  .screen10m {
    padding-bottom: 29.62962963vw;
  }
  .screen10m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen10m .fullbox .leftbox {
    padding: 0 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen10m .fullbox .leftbox .tit {
    color: #000000;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen10m .fullbox .leftbox .titbox {
    display: flex;
    align-items: center;
  }
  .screen10m .fullbox .leftbox .titbox .tit {
    padding-right: 3.7037037vw;
    color: #000000;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen10m .fullbox .leftbox .titbox img {
    width: 8.14814815vw;
  }
  .screen10m .fullbox .leftbox .des {
    margin-top: 2.96296296vw;
    color: #000000;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen10m .fullbox .imgbox {
    margin-top: 11.11111111vw;
  }
  .screen10m .fullbox .imgbox .imginner {
    width: 68.7962963vw;
  }
  .screen12m {
    padding-bottom: 29.62962963vw;
  }
  .screen12m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen12m .fullbox .rightbox {
    padding: 0 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen12m .fullbox .rightbox .tit {
    color: #000000;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen12m .fullbox .rightbox .titbox {
    display: flex;
    align-items: center;
  }
  .screen12m .fullbox .rightbox .titbox .tit {
    padding-right: 3.7037037vw;
    color: #000000;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen12m .fullbox .rightbox .titbox img {
    width: 8.14814815vw;
  }
  .screen12m .fullbox .rightbox .des {
    margin-top: 2.96296296vw;
    color: #000000;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen12m .fullbox .imgbox {
    margin-top: 11.11111111vw;
  }
  .screen12m .fullbox .imgbox .imginner {
    width: 86.94444444vw;
  }
  .screen12m .fullbox .btimg {
    margin-top: 11.11111111vw;
    margin-left: 5.55555556vw;
    width: 42.77777778vw;
  }
  .screen13m {
    padding-bottom: 29.62962963vw;
  }
  .screen13m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen13m .fullbox .leftbox {
    padding: 0 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen13m .fullbox .leftbox .tit {
    color: #000000;
    font-size: 4.44444444vw;
    font-weight: 600;
  }
  .screen13m .fullbox .leftbox .titbox {
    display: flex;
    align-items: center;
  }
  .screen13m .fullbox .leftbox .titbox .tit {
    padding-right: 3.7037037vw;
    color: #000000;
    font-size: 4.44444444vw;
    font-weight: 600;
  }
  .screen13m .fullbox .leftbox .titbox img {
    width: 8.14814815vw;
  }
  .screen13m .fullbox .leftbox .des {
    margin-top: 2.96296296vw;
    color: #000000;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen13m .fullbox .leftbox .otherdes {
    margin-top: 2.96296296vw;
    font-size: 2.22222222vw;
    color: #999999;
  }
  .screen13m .fullbox .imgbox {
    margin-top: 5.55555556vw;
  }
  .screen13m .fullbox .imgbox .imginner {
    width: 79.25925926vw;
  }
  .screen15m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen15m .fullbox .rightbox {
    padding: 0 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen15m .fullbox .rightbox .titbox {
    display: flex;
    align-items: center;
  }
  .screen15m .fullbox .rightbox .titbox .tit {
    padding-right: 3.7037037vw;
    color: #000000;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen15m .fullbox .rightbox .titbox img {
    width: 8.14814815vw;
  }
  .screen15m .fullbox .rightbox .des {
    margin-top: 2.96296296vw;
    color: #000000;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen15m .fullbox .imgbox {
    margin-top: 5.55555556vw;
  }
}