@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: 21.6796875vw;
  left: 7.8125vw;
  display: flex;
  align-items: center;
}
.screen1 .imgbox .logobox .logoimg {
  margin-right: 1.5625vw;
  width: 15.4296875vw;
}
.screen1 .imgbox .logobox .logotit {
  font-weight: 400;
  font-size: 4.453125vw;
  line-height: 5.34375vw;
  color: #000000;
}
.screen1 .imgbox .titbox {
  position: absolute;
  top: 28.359375vw;
  left: 7.8125vw;
  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.484375vw;
  background: #000000;
}
.screen1 .imgbox .otherdes {
  position: absolute;
  bottom: 7.03125vw;
  right: 14.84375vw;
  font-weight: 400;
  font-size: 1.09375vw;
  color: #666666;
}
.screen2 {
  padding: 8.203125vw 13.671875vw;
}
.screen2 .otherdes {
  position: absolute;
  bottom: 6.25vw;
  right: 13.28125vw;
  font-weight: 400;
  font-size: 1.09375vw;
  color: #666666;
}
.screen2 .fulldesbox {
  width: 72.65625vw;
  margin: 0 auto;
  display: grid;
  gap: 0.859375vw;
  grid-template-rows: 24.84375vw 23.125vw;
}
.screen2 .fulldesbox .grids {
  display: grid;
  gap: 0.859375vw;
}
.screen2 .fulldesbox .grids .imgbox {
  position: relative;
}
.screen2 .fulldesbox .grid1 {
  grid-template-columns: 20.2734375vw 30.390625vw 20.2734375vw;
}
.screen2 .fulldesbox .grid1 .imgbox .tit {
  position: absolute;
  top: 3.125vw;
  text-align: left;
  color: #000000;
  font-size: 1.09375vw;
  font-weight: 600;
}
.screen2 .fulldesbox .grid1 .imgbox .titbox {
  position: absolute;
  top: 3.828125vw;
  display: flex;
  align-items: center;
}
.screen2 .fulldesbox .grid1 .imgbox .titbox .logoimg {
  width: 9.5703125vw;
  margin-right: 1.5625vw;
}
.screen2 .fulldesbox .grid1 .imgbox .titbox .titinner {
  color: #000000;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 400;
}
.screen2 .fulldesbox .grid2 {
  grid-template-columns: 17.5vw 17.5390625vw 17.5390625vw 17.5vw;
}
.screen2 .fulldesbox .grid2 .imgbox .tit {
  position: absolute;
  top: 2.34375vw;
  text-align: left;
  color: #000000;
  font-size: 1.09375vw;
  font-weight: 600;
}
.screen4 .imgbox {
  position: relative;
}
.screen4 .imgbox .desbox {
  position: absolute;
  left: 9.375vw;
  top: 13.515625vw;
  display: flex;
  flex-direction: column;
}
.screen4 .imgbox .desbox .tit {
  color: #000000;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 600;
}
.screen4 .imgbox .desbox .des {
  margin-top: 2.34375vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.screen4 .imgbox .desbox .bottombox {
  margin-top: 4.140625vw;
  display: flex;
  align-items: center;
}
.screen4 .imgbox .desbox .bottombox .titbox {
  display: flex;
  flex-direction: column;
}
.screen4 .imgbox .desbox .bottombox .titbox:last-child {
  margin-left: 5.3125vw;
}
.screen4 .imgbox .desbox .bottombox .titbox .titinner {
  color: #000000;
  font-size: 1.953125vw;
  line-height: 2.34375vw;
  font-weight: 600;
}
.screen4 .imgbox .desbox .bottombox .titbox .titinner .bigtit {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
}
.screen4 .imgbox .desbox .bottombox .titbox .desinner {
  color: #1f190f;
  font-size: 1.015625vw;
  line-height: 1.21875vw;
}
.screen4 .imgbox .desbox .otherdes {
  margin-top: 2.34375vw;
  font-weight: 400;
  font-size: 1.40625vw;
  color: #666666;
}
.screen5 .fullbox {
  display: flex;
  justify-content: space-between;
}
.screen5 .fullbox .imgbox {
  width: 50vw;
}
.screen5 .fullbox .desbox {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 11.09375vw 0 0 3.515625vw;
}
.screen5 .fullbox .desbox .tit {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #000000;
  font-weight: 700;
}
.screen5 .fullbox .desbox .des {
  margin-top: 2.34375vw;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  color: #1f190f;
}
.screen5 .fullbox .desbox .bottomtit {
  margin-top: 2.34375vw;
  margin-left: 9.375vw;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  color: #a5a5a5;
}
.screen5 .fullbox .desbox .bottombox {
  margin-top: 4.765625vw;
  margin-left: 1.875vw;
  display: flex;
  align-items: center;
}
.screen5 .fullbox .desbox .bottombox .morecircle {
  margin: 0 4.296875vw;
  width: 2.421875vw;
}
.screen5 .fullbox .desbox .bottombox .greycircle {
  position: relative;
  width: 1.484375vw;
  height: 1.484375vw;
}
.screen5 .fullbox .desbox .bottombox .greycircle .greysqure {
  position: absolute;
  top: -3.671875vw;
  width: 4.609375vw;
}
.screen5 .fullbox .desbox .bottombox .greycircle .greysqure .innertit {
  position: absolute;
  top: 0.46875vw;
  text-align: center;
  font-size: 0.9375vw;
  color: #a5a5a5;
  font-weight: 600;
}
.screen5 .fullbox .desbox .bottombox .greycircle .titbottom {
  position: absolute;
  top: 2.734375vw;
  font-size: 0.9765625vw;
  color: #a5a5a5;
  line-height: 1.171875vw;
  text-align: center;
}
.screen5 .fullbox .desbox .bottombox .blackcircle {
  position: relative;
  width: 1.484375vw;
  height: 1.484375vw;
}
.screen5 .fullbox .desbox .bottombox .blackcircle .blacksqure {
  position: absolute;
  top: -3.671875vw;
  width: 4.609375vw;
}
.screen5 .fullbox .desbox .bottombox .blackcircle .blacksqure .innertit {
  position: absolute;
  top: 0.46875vw;
  text-align: center;
  font-size: 0.9375vw;
  color: #000000;
  font-weight: 600;
}
.screen5 .fullbox .desbox .bottombox .blackcircle .titbottom {
  position: absolute;
  top: 2.734375vw;
  font-size: 0.9765625vw;
  color: #000000;
  line-height: 1.171875vw;
  text-align: center;
}
.screen7 .fullbox {
  display: flex;
  justify-content: space-between;
}
.screen7 .fullbox .desbox {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 14.453125vw 0 0 9.375vw;
}
.screen7 .fullbox .desbox .tit {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #000000;
  font-weight: 700;
}
.screen7 .fullbox .desbox .des {
  margin-top: 2.34375vw;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  color: #1f190f;
}
.screen7 .fullbox .desbox .bottombox {
  margin-top: 4.21875vw;
  display: flex;
  flex-direction: column;
}
.screen7 .fullbox .desbox .bottombox .innnerbox {
  display: flex;
  align-content: center;
  margin-bottom: 2.03125vw;
}
.screen7 .fullbox .desbox .bottombox .innnerbox .imgbox {
  width: 2.890625vw;
  height: 2.890625vw;
  margin-right: 0.78125vw;
}
.screen7 .fullbox .desbox .bottombox .innnerbox .titbox {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-left: 1.40625vw;
}
.screen7 .fullbox .desbox .bottombox .innnerbox .titbox::before {
  position: absolute;
  content: '';
  display: block;
  width: 0.078125vw;
  height: 2.65625vw;
  left: -1.40625vw;
  top: 50%;
  transform: translateY(-50%);
  background-color: #000000;
  background-size: cover;
}
.screen7 .fullbox .desbox .bottombox .innnerbox .titbox .toptit {
  font-size: 1.484375vw;
  font-weight: 600;
  color: #000000;
}
.screen7 .fullbox .desbox .bottombox .innnerbox .titbox .bottomtit {
  font-size: 0.9765625vw;
  line-height: 1.171875vw;
  color: #1f190f;
}
.screen7 .fullbox .desbox .bottombox .innnerbox:first-child .imgbox .imginner {
  width: 2.3046875vw;
  height: 2.734375vw;
}
.screen7 .fullbox .desbox .bottombox .innnerbox:last-child .imgbox .imginner {
  width: 2.890625vw;
  height: 2.5vw;
}
.screen7 .fullbox > .imgbox {
  width: 50vw;
}
.screen8 .imgbox {
  position: relative;
}
.screen8 .imgbox .desbox {
  position: absolute;
  top: 10.15625vw;
  display: flex;
  flex-direction: column;
}
.screen8 .imgbox .desbox .tit {
  color: #000000;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 600;
  text-align: center;
}
.screen8 .imgbox .desbox .des {
  margin-top: 1.5625vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  text-align: center;
}
.screen9 {
  margin-top: 0.78125vw;
}
.screen9 .imgbox {
  position: relative;
}
.screen9 .imgbox .desbox {
  position: absolute;
  top: 8.203125vw;
  display: flex;
  flex-direction: column;
}
.screen9 .imgbox .desbox .tit {
  color: #000000;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 600;
  text-align: center;
}
.screen9 .imgbox .desbox .des {
  margin-top: 1.5625vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  text-align: center;
}
.screen9 .imgbox .colorbox {
  display: flex;
  align-items: center;
  position: absolute;
}
.screen9 .imgbox .colorbox.firstbox {
  left: 9.375vw;
  bottom: 16.0546875vw;
}
.screen9 .imgbox .colorbox.lastbox {
  right: 13.671875vw;
  top: 25.078125vw;
}
.screen9 .imgbox .colorbox.lastbox .imgbox .imginner {
  width: 1.015625vw;
  height: 1.015625vw;
}
.screen9 .imgbox .colorbox .imgbox {
  width: 1.484375vw;
  height: 1.484375vw;
  margin-right: 0.703125vw;
}
.screen9 .imgbox .colorbox span {
  color: #000000;
  font-size: 1.953125vw;
  line-height: 2.34375vw;
  font-weight: 600;
}
.screen10 .imgbox {
  position: relative;
}
.screen10 .imgbox .desbox {
  position: absolute;
  top: 10.15625vw;
  display: flex;
  flex-direction: column;
}
.screen10 .imgbox .desbox .tit {
  color: #000000;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 600;
  text-align: center;
}
.screen10 .imgbox .desbox .des {
  margin-top: 1.5625vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  text-align: center;
}
.screen12 .fullbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10.3515625vw 10.9375vw 6.25vw 0;
}
.screen12 .fullbox .imgbox {
  width: 52.1484375vw;
}
.screen12 .fullbox .rightbox {
  display: flex;
  flex-direction: column;
}
.screen12 .fullbox .rightbox .tit {
  color: #000000;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 600;
}
.screen12 .fullbox .rightbox .des {
  margin-top: 2.34375vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.screen12 .otherdes {
  position: absolute;
  bottom: 2.34375vw;
  right: 7.8125vw;
  font-weight: 400;
  font-size: 1.40625vw;
  color: #666666;
}
.screen13 .imgbox {
  position: relative;
}
.screen13 .imgbox .desbox {
  position: absolute;
  top: 4.6875vw;
  display: flex;
  flex-direction: column;
}
.screen13 .imgbox .desbox .tit {
  color: #000000;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 600;
  text-align: center;
}
.screen13 .imgbox .desbox .des {
  margin-top: 1.5625vw;
  color: #1f190f;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  text-align: center;
}
.screen15 {
  background-color: #f8f6ef;
}
.screen15 .fullbox {
  padding: 4.21875vw 16.25vw 0 9.375vw;
  display: flex;
  justify-content: space-between;
}
.screen15 .fullbox .desbox {
  padding: 5.859375vw 0 0 0;
  display: flex;
  flex-direction: column;
}
.screen15 .fullbox .desbox .tit {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #000000;
  font-weight: 700;
}
.screen15 .fullbox .desbox .des {
  margin-top: 2.34375vw;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  color: #1f190f;
}
.screen15 .fullbox .desbox .imgbox {
  margin-top: 2.65625vw;
  width: 7.2265625vw;
}
.screen15 .fullbox .desbox .otherdes {
  margin-top: 0.78125vw;
  font-size: 0.9765625vw;
  color: #1f190f;
}
.screen15 .fullbox .desbox .othertit {
  margin-top: 0.625vw;
  font-weight: 400;
  color: #666666;
}
.screen15 .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 .logobox {
    position: absolute;
    top: 11.11111111vw;
    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: 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: 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: 3.51851852vw;
    background: #000000;
  }
  .screen1m .imgbox .otherdes {
    position: absolute;
    bottom: 9.25925926vw;
    right: 9.25925926vw;
    font-weight: 400;
    font-size: 2.59259259vw;
    color: #666666;
  }
  .screen2m {
    padding: 16.66666667vw 5.55555556vw;
  }
  .screen2m .otherdes {
    position: absolute;
    bottom: 9.25925926vw;
    right: 5.55555556vw;
    font-weight: 400;
    font-size: 2.59259259vw;
    color: #666666;
  }
  .screen2m .fulldesbox {
    width: 88.88888889vw;
    margin: 0 auto;
    display: grid;
    gap: 1.85185185vw;
    grid-template-rows: 38.88888889vw 48.14814815vw 48.14814815vw 48.14814815vw;
  }
  .screen2m .fulldesbox .grids {
    display: grid;
    gap: 1.85185185vw;
  }
  .screen2m .fulldesbox .grids .imgbox {
    position: relative;
  }
  .screen2m .fulldesbox .grid1 .imgbox .titbox {
    position: absolute;
    top: 16.75925926vw;
    left: 2.22222222vw;
    display: flex;
    align-items: center;
  }
  .screen2m .fulldesbox .grid1 .imgbox .titbox .logoimg {
    width: 15.74074074vw;
    margin-right: 2.59259259vw;
  }
  .screen2m .fulldesbox .grid1 .imgbox .titbox .titinner {
    color: #000000;
    font-size: 4.44444444vw;
    line-height: 5.33333333vw;
    font-weight: 400;
  }
  .screen2m .fulldesbox .grid2,
  .screen2m .fulldesbox .grid3,
  .screen2m .fulldesbox .grid4 {
    grid-template-columns: 43.51851852vw 43.51851852vw;
  }
  .screen2m .fulldesbox .grid2 .imgbox .tit,
  .screen2m .fulldesbox .grid3 .imgbox .tit,
  .screen2m .fulldesbox .grid4 .imgbox .tit {
    position: absolute;
    top: 3.7037037vw;
    text-align: center;
    color: #000000;
    font-size: 2.59259259vw;
    font-weight: 600;
  }
  .screen4m .imgbox {
    position: relative;
  }
  .screen4m .imgbox .desbox {
    position: absolute;
    left: 5.55555556vw;
    top: 11.11111111vw;
    display: flex;
    flex-direction: column;
  }
  .screen4m .imgbox .desbox .tit {
    color: #000000;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen4m .imgbox .desbox .des {
    margin-top: 3.7037037vw;
    color: #1f190f;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen4m .imgbox .desbox .bottombox {
    margin-top: 81.94444444vw;
    display: flex;
    align-items: center;
  }
  .screen4m .imgbox .desbox .bottombox .titbox {
    display: flex;
    flex-direction: column;
  }
  .screen4m .imgbox .desbox .bottombox .titbox:last-child {
    margin-left: 13.42592593vw;
  }
  .screen4m .imgbox .desbox .bottombox .titbox .titinner {
    color: #000000;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen4m .imgbox .desbox .bottombox .titbox .titinner .bigtit {
    font-size: 7.40740741vw;
    line-height: 9.25925926vw;
  }
  .screen4m .imgbox .desbox .bottombox .titbox .desinner {
    color: #1f190f;
    font-size: 2.22222222vw;
    line-height: 2.66666667vw;
  }
  .screen4m .imgbox .desbox .otherdes {
    margin-top: 1.85185185vw;
    font-weight: 400;
    font-size: 3.33333333vw;
    color: #666666;
  }
  .screen5m {
    padding-top: 29.62962963vw;
  }
  .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: #000000;
    font-weight: 700;
  }
  .screen5m .fullbox .desbox .des {
    margin-top: 3.7037037vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen5m .fullbox > .imgbox {
    margin-top: 5.55555556vw;
    position: relative;
  }
  .screen5m .fullbox > .imgbox .bottomtit {
    position: absolute;
    bottom: 25.92592593vw;
    font-size: 3.7037037vw;
    line-height: 4.44444444vw;
    color: #a5a5a5;
  }
  .screen5m .fullbox > .imgbox .bottombox {
    position: absolute;
    bottom: 12.96296296vw;
    display: flex;
    align-items: center;
  }
  .screen5m .fullbox > .imgbox .bottombox .morecircle {
    margin: 0 11.11111111vw;
    width: 5.74074074vw;
  }
  .screen5m .fullbox > .imgbox .bottombox .greycircle {
    position: relative;
    width: 3.51851852vw;
    height: 3.51851852vw;
  }
  .screen5m .fullbox > .imgbox .bottombox .greycircle .greysqure {
    position: absolute;
    top: -8.7037037vw;
    width: 10.92592593vw;
  }
  .screen5m .fullbox > .imgbox .bottombox .greycircle .greysqure .innertit {
    position: absolute;
    top: 0.92592593vw;
    text-align: center;
    font-size: 2.22222222vw;
    color: #a5a5a5;
    font-weight: 600;
  }
  .screen5m .fullbox > .imgbox .bottombox .greycircle .titbottom {
    position: absolute;
    top: 5.55555556vw;
    font-size: 2.31481481vw;
    color: #a5a5a5;
    line-height: 2.77777778vw;
    text-align: center;
  }
  .screen5m .fullbox > .imgbox .bottombox .blackcircle {
    position: relative;
    width: 3.51851852vw;
    height: 3.51851852vw;
  }
  .screen5m .fullbox > .imgbox .bottombox .blackcircle .blacksqure {
    position: absolute;
    top: -8.7037037vw;
    width: 10.92592593vw;
  }
  .screen5m .fullbox > .imgbox .bottombox .blackcircle .blacksqure .innertit {
    position: absolute;
    top: 0.92592593vw;
    text-align: center;
    font-size: 2.22222222vw;
    color: #000000;
    font-weight: 600;
  }
  .screen5m .fullbox > .imgbox .bottombox .blackcircle .titbottom {
    position: absolute;
    top: 5.55555556vw;
    font-size: 2.31481481vw;
    color: #000000;
    line-height: 2.77777778vw;
    text-align: center;
  }
  .screen7m {
    padding: 29.62962963vw 0;
  }
  .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: #000000;
    font-weight: 700;
  }
  .screen7m .fullbox .desbox .des {
    margin-top: 3.7037037vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen7m .fullbox > .imgbox {
    margin-top: 5.55555556vw;
  }
  .screen7m .fullbox .bottombox {
    margin-top: 5.55555556vw;
    margin-left: 5.55555556vw;
    display: flex;
    align-items: center;
  }
  .screen7m .fullbox .bottombox .innnerbox {
    display: flex;
    align-items: center;
    margin-right: 3.7037037vw;
  }
  .screen7m .fullbox .bottombox .innnerbox .imgbox {
    width: 6.85185185vw;
    height: 6.85185185vw;
    margin-right: 3.33333333vw;
  }
  .screen7m .fullbox .bottombox .innnerbox .titbox {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-left: 3.33333333vw;
  }
  .screen7m .fullbox .bottombox .innnerbox .titbox::before {
    position: absolute;
    content: '';
    display: block;
    width: 0.18518519vw;
    height: 6.2962963vw;
    left: -3.33333333vw;
    top: 50%;
    transform: translateY(-50%);
    background-color: #000000;
  }
  .screen7m .fullbox .bottombox .innnerbox .titbox .toptit {
    font-size: 2.59259259vw;
    font-weight: 600;
    color: #000000;
  }
  .screen7m .fullbox .bottombox .innnerbox .titbox .bottomtit {
    font-size: 1.66666667vw;
    color: #1f190f;
  }
  .screen7m .fullbox .bottombox .innnerbox:first-child .imgbox .imginner {
    width: 5.46296296vw;
    height: 6.48148148vw;
  }
  .screen7m .fullbox .bottombox .innnerbox:last-child .imgbox .imginner {
    width: 6.85185185vw;
    height: 5.92592593vw;
  }
  .screen8m .imgbox {
    position: relative;
  }
  .screen8m .imgbox .desbox {
    position: absolute;
    top: 11.11111111vw;
    left: 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen8m .imgbox .desbox .tit {
    color: #000000;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen8m .imgbox .desbox .des {
    padding-right: 8.61111111vw;
    margin-top: 3.7037037vw;
    color: #1f190f;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen9m {
    margin-top: 3.7037037vw;
  }
  .screen9m .imgbox {
    position: relative;
  }
  .screen9m .imgbox .desbox {
    position: absolute;
    top: 11.11111111vw;
    left: 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen9m .imgbox .desbox .tit {
    color: #000000;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen9m .imgbox .desbox .des {
    padding-right: 8.61111111vw;
    margin-top: 3.7037037vw;
    color: #1f190f;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen9m .imgbox .colorbox {
    display: flex;
    align-items: center;
    position: absolute;
  }
  .screen9m .imgbox .colorbox.firstbox {
    left: 14.35185185vw;
    bottom: 5.55555556vw;
  }
  .screen9m .imgbox .colorbox.lastbox {
    right: 14.35185185vw;
    bottom: 5.55555556vw;
  }
  .screen9m .imgbox .colorbox.lastbox .imgbox .imginner {
    width: 2.40740741vw;
    height: 2.40740741vw;
  }
  .screen9m .imgbox .colorbox .imgbox {
    width: 3.51851852vw;
    height: 3.51851852vw;
    margin-right: 1.85185185vw;
  }
  .screen9m .imgbox .colorbox span {
    color: #000000;
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
    font-weight: 600;
  }
  .screen10m {
    margin-top: 3.7037037vw;
  }
  .screen10m .imgbox {
    position: relative;
  }
  .screen10m .imgbox .desbox {
    position: absolute;
    top: 11.11111111vw;
    left: 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen10m .imgbox .desbox .tit {
    color: #000000;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen10m .imgbox .desbox .des {
    padding-right: 8.61111111vw;
    margin-top: 3.7037037vw;
    color: #1f190f;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
  }
  .screen12m {
    padding: 29.62962963vw 0;
  }
  .screen12m .otherdes {
    position: absolute;
    bottom: 5.55555556vw;
    padding-right: 5.55555556vw;
    left: 5.55555556vw;
    font-weight: 400;
    font-size: 3.33333333vw;
    color: #666666;
  }
  .screen12m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen12m .fullbox .desbox {
    display: flex;
    flex-direction: column;
    padding: 0 5.55555556vw;
  }
  .screen12m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #000000;
    font-weight: 700;
  }
  .screen12m .fullbox .desbox .des {
    margin-top: 3.7037037vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen12m .fullbox > .imgbox {
    margin-top: 9.25925926vw;
  }
  .screen13m {
    padding: 0 0 3.7037037vw;
  }
  .screen13m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen13m .fullbox .desbox {
    display: flex;
    flex-direction: column;
    padding: 0 5.55555556vw;
  }
  .screen13m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #000000;
    font-weight: 700;
  }
  .screen13m .fullbox .desbox .des {
    padding-right: 3.33333333vw;
    margin-top: 3.7037037vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen13m .fullbox > .imgbox {
    margin-top: 5.55555556vw;
  }
  .screen15m {
    padding-top: 11.11111111vw;
    background-color: #f8f6ef;
  }
  .screen15m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen15m .fullbox .desbox {
    display: flex;
    flex-direction: column;
    padding: 0 5.55555556vw;
  }
  .screen15m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #000000;
    font-weight: 700;
  }
  .screen15m .fullbox .desbox .des {
    padding-right: 3.14814815vw;
    margin-top: 3.7037037vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #1f190f;
  }
  .screen15m .fullbox > .imgbox {
    margin-top: 9.25925926vw;
    padding: 0 5.55555556vw;
  }
}