@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 {
  background: linear-gradient(45deg, #A1ABC3, #F6F9FE);
}
.screen1 .imgbox {
  padding: 10.9375vw 8.59375vw 10.8984375vw 49.296875vw;
  position: relative;
}
.screen1 .imgbox .logobox {
  position: absolute;
  top: 22.109375vw;
  left: 6.25vw;
  display: flex;
  align-items: center;
}
.screen1 .imgbox .logobox .logoimg {
  margin-right: 2.34375vw;
  width: 15.4296875vw;
}
.screen1 .imgbox .logobox .logotit {
  font-weight: 400;
  font-size: 3.90625vw;
  line-height: 4.6875vw;
  color: #000000;
}
.screen1 .imgbox .titbox {
  position: absolute;
  top: 27.9296875vw;
  left: 6.25vw;
  display: flex;
  align-items: center;
}
.screen1 .imgbox .titbox span {
  text-align: left;
  font-weight: 400;
  font-size: 0.9375vw;
  color: #000000;
  padding-right: 1.3671875vw;
  position: relative;
}
.screen1 .imgbox .titbox span:not(:first-child) {
  padding-left: 1.3671875vw;
}
.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.71875vw;
  background: #000000;
}
.screen2 {
  background-color: #f4f4f4;
  padding: 9.765625vw 9.375vw 9.140625vw;
}
.screen2 .otherdes {
  position: absolute;
  right: 9.375vw;
  bottom: 6.640625vw;
  font-weight: 400;
  font-size: 0.78125vw;
  line-height: 0.9375vw;
  color: #1f190f;
}
.screen2 .fulldesbox {
  width: 81.25vw;
  margin: 0 auto;
  display: grid;
  gap: 0.625vw;
  grid-template-columns: 19.84375vw 40.3125vw 19.84375vw;
}
.screen2 .fulldesbox .grids {
  display: grid;
  gap: 0.625vw;
}
.screen2 .fulldesbox .grids .imgbox {
  position: relative;
}
.screen2 .fulldesbox .grid1 {
  grid-template-rows: 15.078125vw 15.46875vw 15.46875vw;
}
.screen2 .fulldesbox .grid1 .imgbox {
  background-color: #efefef;
  border-radius: 0.78125vw;
}
.screen2 .fulldesbox .grid1 .imgbox .titbox {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 1.171875vw;
  top: 1.09375vw;
}
.screen2 .fulldesbox .grid1 .imgbox .titbox .titt {
  font-weight: 600;
  font-size: 1.5625vw;
  color: #000000;
}
.screen2 .fulldesbox .grid1 .imgbox .titbox .titb {
  margin-top: 0.3125vw;
  font-weight: 600;
  font-size: 1.171875vw;
  line-height: 1.40625vw;
  color: #000000;
}
.screen2 .fulldesbox .grid1 .imgbox:first-child {
  padding: 5.8203125vw 2.890625vw 2.2265625vw;
}
.screen2 .fulldesbox .grid1 .imgbox:last-child .titbox {
  left: 1.171875vw;
  top: 10.625vw;
}
.screen2 .fulldesbox .grid2 {
  grid-template-rows: 11.71875vw 22.578125vw 11.71875vw;
}
.screen2 .fulldesbox .grid2 .grid2_1 {
  grid-template-columns: 19.84375vw 19.84375vw;
}
.screen2 .fulldesbox .grid2 .grid2_1 .imgbox {
  background-color: #efefef;
  border-radius: 0.78125vw;
}
.screen2 .fulldesbox .grid2 .grid2_1 .imgbox .titbox {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 1.171875vw;
  top: 1.09375vw;
}
.screen2 .fulldesbox .grid2 .grid2_1 .imgbox .titbox .titt {
  font-weight: 600;
  font-size: 1.953125vw;
  line-height: 2.34375vw;
  color: #000000;
}
.screen2 .fulldesbox .grid2 .grid2_1 .imgbox .titbox .titb {
  margin-top: 0.3125vw;
  font-weight: 600;
  font-size: 0.9375vw;
  color: #000000;
}
.screen2 .fulldesbox .grid2 .grid2_1 .imgbox:first-child {
  padding: 2.3046875vw 1.796875vw 2.3046875vw 11.1328125vw;
}
.screen2 .fulldesbox .grid2 .grid2_1 .imgbox:last-child .titbox {
  left: 1.171875vw;
  top: 4.453125vw;
}
.screen2 .fulldesbox .grid2 .grid2_1 .imgbox:last-child .titbox .titb {
  margin-top: 0;
}
.screen2 .fulldesbox .grid2 .grid2_2 {
  grid-template-rows: 22.578125vw;
}
.screen2 .fulldesbox .grid2 .grid2_2 .imgbox {
  background-color: #efefef;
  border-radius: 0.78125vw;
  padding: 6.40625vw 9.9609375vw 1.5625vw;
}
.screen2 .fulldesbox .grid2 .grid2_2 .imgbox .logobox {
  position: absolute;
  top: 2.421875vw;
  display: flex;
  align-items: center;
}
.screen2 .fulldesbox .grid2 .grid2_2 .imgbox .logobox .logoimg {
  margin-right: 1.09375vw;
  width: 8.7890625vw;
}
.screen2 .fulldesbox .grid2 .grid2_2 .imgbox .logobox .logotit {
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 3vw;
  color: #000000;
}
.screen2 .fulldesbox .grid2 .grid2_3 {
  grid-template-columns: 19.84375vw 19.84375vw;
}
.screen2 .fulldesbox .grid2 .grid2_3 .imgbox {
  background-color: #efefef;
  border-radius: 0.78125vw;
}
.screen2 .fulldesbox .grid2 .grid2_3 .imgbox .titbox {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 1.171875vw;
  top: 3.828125vw;
}
.screen2 .fulldesbox .grid2 .grid2_3 .imgbox .titbox .titt {
  font-weight: 600;
  font-size: 1.953125vw;
  line-height: 2.34375vw;
  color: #000000;
}
.screen2 .fulldesbox .grid2 .grid2_3 .imgbox .titbox .titb {
  margin-top: 0.3125vw;
  font-weight: 600;
  font-size: 0.625vw;
  color: #000000;
}
.screen2 .fulldesbox .grid2 .grid2_3 .imgbox:first-child {
  padding: 1.4453125vw 2.34375vw 1.4453125vw 10.234375vw;
}
.screen2 .fulldesbox .grid2 .grid2_3 .imgbox:first-child .titbox {
  left: 1.171875vw;
  top: 4.453125vw;
}
.screen2 .fulldesbox .grid2 .grid2_3 .imgbox:first-child .titbox .titb {
  margin-top: 0;
}
.screen2 .fulldesbox .grid2 .grid2_3 .imgbox:last-child {
  padding: 1.5625vw 1.5234375vw 1.5625vw 7.2265625vw;
}
.screen2 .fulldesbox .grid3 {
  grid-template-rows: 19.140625vw 15.15625vw 11.71875vw;
}
.screen2 .fulldesbox .grid3 .imgbox {
  background-color: #efefef;
  border-radius: 0.78125vw;
}
.screen2 .fulldesbox .grid3 .imgbox .titbox {
  position: absolute;
  display: flex;
  flex-direction: column;
  right: 1.171875vw;
  top: 1.09375vw;
}
.screen2 .fulldesbox .grid3 .imgbox .titbox .titt {
  font-weight: 600;
  font-size: 1.40625vw;
  color: #000000;
  text-align: right;
}
.screen2 .fulldesbox .grid3 .imgbox .titbox .titb {
  margin-top: 0.3125vw;
  font-weight: 600;
  font-size: 1.015625vw;
  color: #000000;
  text-align: right;
}
.screen2 .fulldesbox .grid3 .imgbox:first-child {
  padding: 7.3828125vw 5.625vw 0 5.6640625vw;
}
.screen2 .fulldesbox .grid3 .imgbox:nth-child(2) {
  padding: 2.3046875vw 7.734375vw 2.3046875vw 1.5625vw;
}
.screen2 .fulldesbox .grid3 .imgbox:nth-child(2) .titbox {
  top: 4.84375vw;
}
.screen2 .fulldesbox .grid3 .imgbox:last-child .titbox {
  top: 1.5625vw;
}
.screen2 .fulldesbox .grid3 .imgbox:last-child .titbox .titb {
  margin-top: 0;
}
.screen3 {
  background-color: #f4f4f4;
}
.screen3 .fullbox {
  display: flex;
  justify-content: space-between;
  padding: 0 3.90625vw 4.296875vw 9.375vw;
}
.screen3 .fullbox .rightbox {
  display: flex;
  flex-direction: column;
  margin-top: 10.3515625vw;
  margin-right: -3.125vw;
}
.screen3 .fullbox .rightbox .tit {
  color: #1f190f;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen3 .fullbox .rightbox .des {
  margin-right: -11.71875vw;
  margin-top: 1.25vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.screen3 .fullbox .imgbox {
  width: 56.171875vw;
}
.screen4 {
  background-color: #f4f4f4;
}
.screen4 .fullbox {
  display: flex;
  justify-content: space-between;
  padding: 0 9.375vw 10.15625vw 12.9296875vw;
}
.screen4 .fullbox .imgbox {
  width: 32.4609375vw;
}
.screen4 .fullbox .rightbox {
  display: flex;
  flex-direction: column;
  margin-top: 7.3046875vw;
}
.screen4 .fullbox .rightbox .tit {
  color: #1f190f;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen4 .fullbox .rightbox .des {
  margin-top: 1.25vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.screen5 {
  background-color: #f4f4f4;
}
.screen5 .fullbox {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.screen5 .fullbox .tit {
  color: #1f190f;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen5 .fullbox .des {
  margin-top: 1.25vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  text-align: center;
}
.screen5 .fullbox .desbox {
  margin-top: 3.59375vw;
  width: 81.25vw;
  height: 43.4375vw;
  border-radius: 1.171875vw;
  background: linear-gradient(45deg, #A1ABC3, #F6F9FE);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.screen5 .fullbox .desbox .bigtit {
  font-size: 27.34375vw;
  background: linear-gradient(to bottom, #fff, #d7dde9);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 2.734375vw;
}
.screen5 .fullbox .desbox .imgbox {
  position: absolute;
  width: 41.09375vw;
  top: 9.1796875vw;
}
.screen5 .fullbox .desbox .otherdes {
  position: absolute;
  right: 2.34375vw;
  bottom: 0.78125vw;
  text-align: right;
  color: #1f190f;
  font-size: 0.78125vw;
  line-height: 0.9375vw;
}
.screen6 {
  padding: 10.15625vw 9.375vw;
  background-color: #f4f4f4;
}
.screen6 .fullbox {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.screen6 .fullbox .tit {
  color: #1f190f;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen6 .fullbox .des {
  margin-top: 1.25vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  text-align: center;
}
.screen6 .fullbox .imgbox {
  margin-top: 3.59375vw;
  width: 81.25vw;
}
.screen7 .fullbox {
  display: flex;
  justify-content: space-between;
}
.screen7 .fullbox > .imgbox {
  width: 50vw;
}
.screen7 .fullbox .desbox {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 22.0703125vw 0 0 5.859375vw;
}
.screen7 .fullbox .desbox .tit {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #1f190f;
  font-weight: 700;
}
.screen7 .fullbox .desbox .des {
  margin-top: 1.25vw;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  color: #1f190f;
}
.screen8 {
  background: linear-gradient(45deg, #A1ABC3, #F6F9FE);
}
.screen8 .fullbox {
  display: flex;
  justify-content: space-between;
  padding: 9.6484375vw 13.7890625vw 9.6484375vw 9.375vw;
}
.screen8 .fullbox .rightbox {
  display: flex;
  flex-direction: column;
  margin-top: 9.6875vw;
}
.screen8 .fullbox .rightbox .tit {
  color: #1f190f;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen8 .fullbox .rightbox .des {
  margin-top: 1.25vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.screen8 .fullbox .imgbox {
  width: 31.796875vw;
}
.screen9 .fullbox {
  display: flex;
  justify-content: space-between;
}
.screen9 .fullbox > .imgbox {
  width: 50vw;
}
.screen9 .fullbox .desbox {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 19.1015625vw 0 0 5.859375vw;
}
.screen9 .fullbox .desbox .tit {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #1f190f;
  font-weight: 700;
}
.screen9 .fullbox .desbox .des {
  margin-top: 1.25vw;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  color: #1f190f;
}
.screen10 {
  padding: 10.15625vw 9.375vw;
  background-color: #f4f4f4;
}
.screen10 .fullbox {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.screen10 .fullbox .tit {
  color: #1f190f;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen10 .fullbox .des {
  margin-top: 1.25vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  text-align: center;
}
.screen10 .fullbox .imgbox {
  margin-top: 3.59375vw;
  width: 81.25vw;
}
.screen11 {
  background-color: #f4f4f4;
}
.screen11 .fullbox {
  display: flex;
  justify-content: space-between;
  padding: 0 9.375vw 8.9453125vw 13.4375vw;
}
.screen11 .fullbox .rightbox {
  display: flex;
  flex-direction: column;
  margin-top: 1.40625vw;
}
.screen11 .fullbox .rightbox .tit {
  color: #1f190f;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen11 .fullbox .rightbox .des {
  margin-top: 0.46875vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.screen11 .fullbox .rightbox .tit1 {
  margin-top: 4.375vw;
  color: #1f190f;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen11 .fullbox .rightbox .des1 {
  margin-top: 0.46875vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.screen11 .fullbox .rightbox .otherdes {
  margin-top: 4.6875vw;
  color: #1f190f;
  font-size: 0.78125vw;
  line-height: 0.9375vw;
}
.screen11 .fullbox > .imgbox {
  width: 32.5vw;
  position: relative;
}
.screen11 .fullbox > .imgbox .imgbox {
  position: absolute;
  width: 19.9609375vw;
}
.screen11 .fullbox > .imgbox .pictit {
  position: absolute;
  left: -9.765625vw;
  top: 3.515625vw;
  color: #1f190f;
  font-size: 1.71875vw;
  line-height: 2.0625vw;
  font-weight: 700;
}
.screen11 .fullbox > .imgbox .pictit .bigtit {
  color: #1f190f;
  font-size: 3.125vw;
  font-weight: 700;
}
.screen12 {
  background-color: #f4f4f4;
}
.screen12 .fullbox {
  display: flex;
  justify-content: space-between;
  padding: 0 9.375vw 2.734375vw 9.375vw;
}
.screen12 .fullbox .rightbox {
  display: flex;
  flex-direction: column;
  margin-top: 7.1875vw;
}
.screen12 .fullbox .rightbox .tit {
  color: #1f190f;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen12 .fullbox .rightbox .des {
  margin-top: 0.46875vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.screen12 .fullbox .rightbox .tit1 {
  margin-top: 4.375vw;
  color: #1f190f;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen12 .fullbox .rightbox .des1 {
  margin-top: 0.46875vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.screen12 .fullbox > .imgbox {
  width: 38.984375vw;
  height: 38.984375vw;
  border-radius: 50%;
  background-color: #c3ccdb;
}
.screen12 .fullbox > .imgbox .imginner {
  width: 23.7890625vw;
}
.screen13 {
  padding: 5.390625vw 23.046875vw 2.734375vw;
}
.screen13 .fullbox {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.screen13 .fullbox .tit {
  color: #1f190f;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen13 .fullbox .des {
  margin-top: 1.25vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  text-align: center;
}
.screen13 .fullbox .imgbox {
  margin-top: 2.578125vw;
  width: 46.6796875vw;
}
.screen14 .imgbox {
  position: relative;
}
.screen14 .imgbox .desbox {
  position: absolute;
  top: 5.234375vw;
  display: flex;
  flex-direction: column;
}
.screen14 .imgbox .desbox .tit {
  color: #1f190f;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 600;
  text-align: center;
}
.screen14 .imgbox .desbox .des {
  margin-top: 1.25vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  text-align: center;
}
.screen15 {
  background-color: #f4f4f4;
  padding: 8.59375vw 9.375vw 3.90625vw 9.375vw;
}
.screen15 .fullbox {
  padding: 3.359375vw 7.265625vw 0 4.6875vw;
  background-color: #ededed;
  border-radius: 0.78125vw;
  display: flex;
  justify-content: space-between;
}
.screen15 .fullbox .desbox {
  padding: 8.828125vw 0 0 0;
  display: flex;
  flex-direction: column;
}
.screen15 .fullbox .desbox .tit {
  font-size: 2.5vw;
  color: #000000;
  font-weight: 700;
}
.screen15 .fullbox .desbox .des {
  margin-top: 2.34375vw;
  font-size: 1.171875vw;
  line-height: 1.40625vw;
  color: #1f190f;
}
.screen15 .fullbox .imgbox {
  width: 26.0546875vw;
}
.screen16 {
  background-color: #f4f4f4;
  padding: 0 9.375vw 8.59375vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen16 .imgbox {
  width: 38.671875vw;
  position: relative;
}
.screen16 .imgbox .desbox {
  position: absolute;
  top: 2.734375vw;
  display: flex;
  flex-direction: column;
}
.screen16 .imgbox .desbox .tit {
  text-align: center;
  font-size: 2.5vw;
  line-height: 3.28125vw;
  color: #000000;
  font-weight: 700;
}
.screen16 .imgbox .desbox .des {
  text-align: center;
  margin-top: 1.171875vw;
  font-size: 1.171875vw;
  line-height: 1.40625vw;
  color: #1f190f;
}
.screen16 .imgbox .otherdes {
  position: absolute;
  bottom: -1.5625vw;
  left: 0;
  color: #1f190f;
  font-size: 0.78125vw;
  line-height: 0.9375vw;
}
@media screen and (max-width: 1080px) {
  .data-megabook_pc {
    display: none;
  }
  .data-megabook_m {
    display: block;
  }
  .screen1m {
    background: linear-gradient(45deg, #A1ABC3, #F6F9FE);
  }
  .screen1m .imgbox {
    position: relative;
    padding: 48.98148148vw 5.55555556vw 16.66666667vw;
  }
  .screen1m .imgbox .logobox {
    position: absolute;
    top: 11.11111111vw;
    display: flex;
    align-items: center;
  }
  .screen1m .imgbox .logobox .logoimg {
    margin-right: 2.96296296vw;
    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: 23.7037037vw;
    display: flex;
    align-items: center;
  }
  .screen1m .imgbox .titbox span {
    text-align: center;
    font-weight: 400;
    font-size: 2.22222222vw;
    color: #000000;
    padding-right: 2.96296296vw;
    position: relative;
    padding-left: 2.96296296vw;
  }
  .screen1m .imgbox .titbox span:not(:first-child)::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    content: '';
    display: block;
    width: 0.09259259vw;
    height: 3.7037037vw;
    background: #000000;
  }
  .screen2m {
    padding: 18.24074074vw 5.55555556vw 33.14814815vw;
    background-color: #f4f4f4;
  }
  .screen2m .otherdes {
    position: absolute;
    right: 5.55555556vw;
    bottom: 25.92592593vw;
    font-weight: 400;
    text-align: right;
    font-size: 1.48148148vw;
    line-height: 1.77777778vw;
    color: #1f190f;
  }
  .screen2m .fulldesbox {
    width: 88.88888889vw;
    margin: 0 auto;
    display: grid;
    gap: 1.48148148vw;
    grid-template-rows: 35.18518519vw 29.62962963vw 27.77777778vw 35.18518519vw 34.25925926vw;
  }
  .screen2m .fulldesbox .grids {
    display: grid;
    gap: 1.48148148vw;
  }
  .screen2m .fulldesbox .grids .imgbox {
    position: relative;
    background-color: #efefef;
    border-radius: 1.85185185vw;
  }
  .screen2m .fulldesbox .grid1 {
    grid-template-columns: 43.7037037vw 43.7037037vw;
  }
  .screen2m .fulldesbox .grid1 .imgbox .logobox {
    position: absolute;
    top: 2.22222222vw;
    display: flex;
    align-items: center;
  }
  .screen2m .fulldesbox .grid1 .imgbox .logobox .logoimg {
    width: 12.5vw;
    margin-right: 2.59259259vw;
  }
  .screen2m .fulldesbox .grid1 .imgbox .logobox .titinner {
    color: #000000;
    font-size: 3.51851852vw;
    line-height: 4.22222222vw;
    font-weight: 400;
  }
  .screen2m .fulldesbox .grid1 .imgbox .titbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 2.22222222vw;
    bottom: 1.85185185vw;
  }
  .screen2m .fulldesbox .grid1 .imgbox .titbox .titt {
    font-weight: 600;
    font-size: 3.51851852vw;
    line-height: 4.22222222vw;
  }
  .screen2m .fulldesbox .grid1 .imgbox .titbox .titb {
    margin-top: 1.11111111vw;
    font-weight: 600;
    font-size: 2.22222222vw;
    line-height: 2.66666667vw;
  }
  .screen2m .fulldesbox .grid1 .imgbox:first-child {
    padding: 8.88888889vw 4.72222222vw 1.85185185vw 4.81481481vw;
  }
  .screen2m .fulldesbox .grid2 {
    grid-template-columns: 43.7037037vw 43.7037037vw;
  }
  .screen2m .fulldesbox .grid2 .imgbox .titbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 2.22222222vw;
  }
  .screen2m .fulldesbox .grid2 .imgbox .titbox .titt {
    font-weight: 600;
    font-size: 3.51851852vw;
    line-height: 4.22222222vw;
    color: #000000;
  }
  .screen2m .fulldesbox .grid2 .imgbox .titbox .titb {
    margin-top: 1.11111111vw;
    font-weight: 600;
    font-size: 2.22222222vw;
    line-height: 2.66666667vw;
    color: #000000;
  }
  .screen2m .fulldesbox .grid2 .imgbox:first-child {
    padding: 12.5vw 6.57407407vw 1.85185185vw 6.57407407vw;
  }
  .screen2m .fulldesbox .grid3 {
    grid-template-columns: 43.7037037vw 43.7037037vw;
  }
  .screen2m .fulldesbox .grid3 .imgbox .titbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 2.22222222vw;
  }
  .screen2m .fulldesbox .grid3 .imgbox .titbox .titb {
    font-weight: 600;
    font-size: 2.22222222vw;
    line-height: 2.66666667vw;
    color: #000000;
  }
  .screen2m .fulldesbox .grid3 .imgbox:last-child .titbox {
    top: 11.2037037vw;
    left: 2.77777778vw;
  }
  .screen2m .fulldesbox .grid4 {
    grid-template-columns: 43.42592593vw 43.7037037vw;
  }
  .screen2m .fulldesbox .grid4 .imgbox .titbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 2.22222222vw;
    left: 1.48148148vw;
  }
  .screen2m .fulldesbox .grid4 .imgbox .titbox .titt {
    font-weight: 600;
    font-size: 3.51851852vw;
    line-height: 4.22222222vw;
    color: #000000;
  }
  .screen2m .fulldesbox .grid4 .imgbox .titbox .titb {
    margin-top: 1.11111111vw;
    font-weight: 600;
    font-size: 1.85185185vw;
    color: #000000;
  }
  .screen2m .fulldesbox .grid4 .imgbox:last-child {
    padding: 5.09259259vw 2.22222222vw 5.09259259vw 16.48148148vw;
  }
  .screen2m .fulldesbox .grid4 .imgbox:last-child .titbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 2.77777778vw;
  }
  .screen2m .fulldesbox .grid5 {
    grid-template-columns: 28.61111111vw 28.61111111vw 28.61111111vw;
  }
  .screen2m .fulldesbox .grid5 .imgbox .titbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 2.22222222vw;
  }
  .screen2m .fulldesbox .grid5 .imgbox .titbox .titt {
    font-weight: 600;
    font-size: 3.51851852vw;
    line-height: 4.22222222vw;
    color: #000000;
    text-align: center;
  }
  .screen2m .fulldesbox .grid5 .imgbox .titbox .titb {
    margin-top: 1.11111111vw;
    font-weight: 600;
    font-size: 2.22222222vw;
    line-height: 2.66666667vw;
    color: #000000;
    text-align: center;
  }
  .screen2m .fulldesbox .grid5 .imgbox:first-child {
    padding: 10.74074074vw 5.64814815vw 2.59259259vw 5.74074074vw;
  }
  .screen2m .fulldesbox .grid5 .imgbox:first-child .titbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 2.40740741vw;
  }
  .screen2m .fulldesbox .grid5 .imgbox:first-child .titbox .titb {
    margin-top: 0;
  }
  .screen2m .fulldesbox .grid5 .imgbox:last-child {
    padding: 15.18518519vw 6.11111111vw 2.22222222vw 6.11111111vw;
  }
  .screen3m {
    background-color: #f4f4f4;
    padding: 0 0 25.92592593vw;
  }
  .screen3m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen3m .fullbox .desbox {
    display: flex;
    flex-direction: column;
    padding: 0 15vw 0 5.55555556vw;
  }
  .screen3m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #1f190f;
    font-weight: 700;
  }
  .screen3m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen3m .fullbox > .imgbox {
    margin-top: 3.7037037vw;
  }
  .screen4m {
    background-color: #f4f4f4;
    padding: 0 0 29.62962963vw;
  }
  .screen4m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen4m .fullbox .desbox {
    display: flex;
    flex-direction: column;
    padding: 0 5.55555556vw;
  }
  .screen4m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #1f190f;
    font-weight: 700;
  }
  .screen4m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen4m .fullbox > .imgbox {
    padding: 0 5.55555556vw;
    margin-top: 11.11111111vw;
  }
  .screen5m {
    background-color: #f4f4f4;
    padding: 0 0 25.92592593vw;
  }
  .screen5m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen5m .fullbox .desbox {
    display: flex;
    flex-direction: column;
    padding: 0 5.55555556vw;
  }
  .screen5m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #1f190f;
    font-weight: 700;
  }
  .screen5m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen5m .fullbox .bottomdesbox {
    margin-top: 7.40740741vw;
    height: 74.07407407vw;
    background: linear-gradient(45deg, #A1ABC3, #F6F9FE);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .screen5m .fullbox .bottomdesbox .bigtit {
    font-size: 29.62962963vw;
    background: linear-gradient(to bottom, #fff, #d7dde9);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 4.25925926vw;
  }
  .screen5m .fullbox .bottomdesbox .imgbox {
    position: absolute;
    width: 69.07407407vw;
    top: 15.92592593vw;
  }
  .screen5m .fullbox .bottomdesbox .otherdes {
    position: absolute;
    right: 5.55555556vw;
    bottom: 2.22222222vw;
    text-align: right;
    color: #1f190f;
    font-size: 1.48148148vw;
    line-height: 1.77777778vw;
  }
  .screen6m {
    background-color: #f4f4f4;
  }
  .screen6m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen6m .fullbox .desbox {
    display: flex;
    flex-direction: column;
    padding: 0 5.55555556vw;
  }
  .screen6m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #1f190f;
    font-weight: 700;
  }
  .screen6m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen6m .fullbox .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen7m {
    margin-top: 25.92592593vw;
  }
  .screen7m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen7m .fullbox .desbox {
    display: flex;
    flex-direction: column;
    padding: 0 5.55555556vw;
  }
  .screen7m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #1f190f;
    font-weight: 700;
  }
  .screen7m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen7m .fullbox .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen8m {
    background: linear-gradient(45deg, #A1ABC3, #F6F9FE);
    padding: 25.92592593vw 5.55555556vw 11.11111111vw;
  }
  .screen8m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen8m .fullbox .desbox {
    display: flex;
    flex-direction: column;
  }
  .screen8m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #1f190f;
    font-weight: 700;
  }
  .screen8m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen8m .fullbox > .imgbox {
    margin-top: 14.81481481vw;
    padding: 0 6.75925926vw;
  }
  .screen9m {
    margin-top: 25.92592593vw;
  }
  .screen9m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen9m .fullbox .desbox {
    display: flex;
    flex-direction: column;
    padding: 0 5.55555556vw;
  }
  .screen9m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #1f190f;
    font-weight: 700;
  }
  .screen9m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen9m .fullbox .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen10m {
    padding-top: 25.92592593vw;
    background-color: #f4f4f4;
  }
  .screen10m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen10m .fullbox .desbox {
    display: flex;
    flex-direction: column;
    padding: 0 5.55555556vw;
  }
  .screen10m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #1f190f;
    font-weight: 700;
  }
  .screen10m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen10m .fullbox .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen11m {
    background-color: #f4f4f4;
    padding: 25.92592593vw 5.55555556vw;
  }
  .screen11m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen11m .fullbox .desbox {
    display: flex;
    flex-direction: column;
  }
  .screen11m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #1f190f;
    font-weight: 700;
  }
  .screen11m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen11m .fullbox .desbox .tit1 {
    margin-top: 5.55555556vw;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #1f190f;
    font-weight: 700;
  }
  .screen11m .fullbox .desbox .des1 {
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen11m .fullbox > .imgbox {
    margin-top: 8.33333333vw;
    padding: 0 1.11111111vw 0 10.74074074vw;
    position: relative;
  }
  .screen11m .fullbox > .imgbox .imgbox {
    position: absolute;
    width: 47.31481481vw;
  }
  .screen11m .fullbox > .imgbox .pictit {
    position: absolute;
    left: -4.62962963vw;
    top: 8.33333333vw;
    color: #1f190f;
    font-size: 4.07407407vw;
    line-height: 4.88888889vw;
    font-weight: 700;
  }
  .screen11m .fullbox > .imgbox .pictit .bigtit {
    color: #1f190f;
    font-size: 6.01851852vw;
    font-weight: 700;
  }
  .screen11m .fullbox .otherdes {
    margin-top: 7.40740741vw;
    font-size: 1.48148148vw;
    line-height: 1.77777778vw;
    color: #1f190f;
    text-align: right;
  }
  .screen12m {
    background-color: #f4f4f4;
    padding: 0 5.55555556vw 11.11111111vw;
  }
  .screen12m .fullbox {
    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: #1f190f;
    font-weight: 700;
  }
  .screen12m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen12m .fullbox .desbox .tit1 {
    margin-top: 5.55555556vw;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #1f190f;
    font-weight: 700;
  }
  .screen12m .fullbox .desbox .des1 {
    margin-top: 1.11111111vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen12m .fullbox > .imgbox {
    margin-top: 7.40740741vw;
    width: 88.88888889vw;
    height: 88.88888889vw;
    border-radius: 50%;
    background-color: #c3ccdb;
  }
  .screen12m .fullbox > .imgbox .imginner {
    width: 54.16666667vw;
  }
  .screen13m {
    padding: 16.66666667vw 5.55555556vw 22.22222222vw 0;
  }
  .screen13m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen13m .fullbox .desbox {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 5.55555556vw;
  }
  .screen13m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #1f190f;
    font-weight: 700;
  }
  .screen13m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen13m .fullbox .imgbox {
    padding-left: 0.74074074vw;
    margin-top: 7.40740741vw;
  }
  .screen14m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen14m .fullbox > .imgbox {
    position: relative;
  }
  .screen14m .fullbox > .imgbox .desbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 5.55555556vw;
    padding: 0 5.55555556vw;
  }
  .screen14m .fullbox > .imgbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #000000;
    font-weight: 700;
  }
  .screen14m .fullbox > .imgbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen15m {
    background-color: #ededed;
    padding: 25.92592593vw 5.55555556vw 0;
  }
  .screen15m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen15m .fullbox .desbox {
    display: flex;
    flex-direction: column;
  }
  .screen15m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #1f190f;
    font-weight: 700;
  }
  .screen15m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen15m .fullbox .imgbox {
    padding: 0 13.51851852vw;
    margin-top: 7.40740741vw;
  }
  .screen16m {
    padding-top: 11.11111111vw;
    background-color: #f4f4f4;
  }
  .screen16m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen16m .fullbox > .imgbox {
    position: relative;
  }
  .screen16m .fullbox > .imgbox .desbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 11.11111111vw;
    padding: 0 5.55555556vw;
  }
  .screen16m .fullbox > .imgbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #000000;
    font-weight: 700;
  }
  .screen16m .fullbox > .imgbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen16m .fullbox > .imgbox .otherdes {
    position: absolute;
    bottom: -3.7037037vw;
    left: 5.55555556vw;
    color: #1f190f;
    font-size: 1.85185185vw;
    line-height: 2.22222222vw;
    z-index: 2;
  }
  .screen17m {
    padding-top: 11.11111111vw;
    background-color: #f4f4f4;
  }
  .screen17m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen17m .fullbox > .imgbox {
    position: relative;
  }
  .screen17m .fullbox > .imgbox .desbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 11.11111111vw;
    padding: 0 5.55555556vw;
  }
  .screen17m .fullbox > .imgbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #000000;
    font-weight: 700;
  }
  .screen17m .fullbox > .imgbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
}