@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');
}
* {
  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_tit_2 {
  background: linear-gradient(to right, #0DAA7D, #5AC3A5, #0DAA7D);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linner_h {
  background: linear-gradient(to right, #9b2ccb, #f40d4c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linner_h_y {
  background: linear-gradient(to right, #ffc000, #f40d4c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linner_bg {
  background: linear-gradient(to bottom, #D2F0DC, #F5F5F5);
}
.linner_bg_sec {
  background: linear-gradient(to bottom, #C1D4F6, #F8F7FF);
}
span {
  color: #000;
}
.imgbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.imgbox .imginner {
  width: 100%;
}
.screen1 .imgbox {
  position: relative;
}
.screen1 .imgbox .logoimg {
  position: absolute;
  top: 24.21875vw;
  right: 6.25vw;
  width: 24.5703125vw;
}
.screen1 .imgbox .tit {
  position: absolute;
  top: 27.421875vw;
  right: 10.703125vw;
  font-weight: 400;
  font-size: 2.578125vw;
  line-height: 3.09375vw;
  color: #000000;
}
.screen2 {
  padding: 7.03125vw 0 4.453125vw;
  background-color: #f9f9f9;
}
.screen2 .fulldesbox {
  width: 76.5625vw;
  margin: 0 auto;
  display: grid;
}
.screen2 .fulldesbox.fulldesbox_top {
  gap: 0.9375vw;
  grid-template-columns: 22.96875vw 28.0859375vw 23.984375vw;
}
.screen2 .fulldesbox.fulldesbox_bottom {
  margin-top: 0.9375vw;
  gap: 1.875vw;
  grid-template-columns: 37.8125vw 37.8125vw;
}
.screen2 .fulldesbox .grids {
  display: grid;
  gap: 0.9375vw;
}
.screen2 .fulldesbox .grids .imgbox {
  position: relative;
}
.screen2 .fulldesbox .grid1 {
  grid-template-rows: 13.515625vw 13.515625vw;
}
.screen2 .fulldesbox .grid1 .imgbox .tit {
  color: #000000;
  font-size: 1.328125vw;
  font-weight: 600;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0.703125vw;
}
.screen2 .fulldesbox .grid1 .imgbox .desbox {
  position: absolute;
  bottom: 0.625vw;
  display: flex;
  width: 100%;
}
.screen2 .fulldesbox .grid1 .imgbox .desbox div {
  border-radius: 0.234375vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #f6f6f6;
}
.screen2 .fulldesbox .grid1 .imgbox .desbox div:first-child {
  margin: 0 0.46875vw 0 1.484375vw;
}
.screen2 .fulldesbox .grid1 .imgbox .desbox div:last-child {
  margin: 0 1.484375vw 0 0;
}
.screen2 .fulldesbox .grid1 .imgbox .desbox div .tit1 {
  font-size: 1.328125vw;
  font-weight: 600;
}
.screen2 .fulldesbox .grid1 .imgbox .desbox div .tit2 {
  font-weight: 600;
  color: #666666;
  font-size: 0.625vw;
  margin-bottom: 0.390625vw;
}
.screen2 .fulldesbox .grid2 {
  grid-template-rows: 27.96875vw;
}
.screen2 .fulldesbox .grid2 .imgbox .logoimg {
  position: absolute;
  width: 19.22890625vw;
  top: 1.25vw;
  left: 50% ;
  transform: translateX(-50%);
}
.screen2 .fulldesbox .grid2 .imgbox .tit {
  position: absolute;
  top: 3.0078125vw;
  left: 50% ;
  transform: translateX(-50%);
  color: #000000;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  font-weight: 400;
}
.screen2 .fulldesbox .grid3 {
  grid-template-rows: 13.515625vw 13.515625vw;
}
.screen2 .fulldesbox .grid3 .imgbox .tit {
  color: #000000;
  font-size: 1.328125vw;
  line-height: 1.59375vw;
  font-weight: 600;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0.703125vw;
}
.screen2 .fulldesbox .grid3 .imgbox:first-child .des {
  position: absolute;
  bottom: 0.8984375vw;
  width: 100%;
  text-align: center;
  font-size: 0.78125vw;
  line-height: 0.9375vw;
  color: #000000;
}
.screen2 .fulldesbox .grid4 {
  grid-template-rows: 13.515625vw;
}
.screen2 .fulldesbox .grid4 .imgbox .tit {
  color: #000000;
  font-size: 1.328125vw;
  line-height: 1.59375vw;
  font-weight: 600;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0.703125vw;
}
.screen2 .fulldesbox .grid4 .imgbox .desbox {
  position: absolute;
  bottom: 0.15625vw;
  display: flex;
  width: 100%;
  padding: 0 5.5859375vw;
}
.screen2 .fulldesbox .grid4 .imgbox .desbox div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.screen2 .fulldesbox .grid4 .imgbox .desbox div:not(:last-child):after {
  content: '';
  display: block;
  position: absolute;
  background-color: #666666;
  right: 0;
  height: 2.8125vw;
  width: 2px;
  scale: 0.5;
}
.screen2 .fulldesbox .grid4 .imgbox .desbox div .tit1 {
  font-size: 1.328125vw;
  font-weight: 600;
}
.screen2 .fulldesbox .grid4 .imgbox .desbox div .tit2 {
  font-weight: 600;
  color: #666666;
  font-size: 0.625vw;
}
.screen2 .fulldesbox .grid5 {
  grid-template-rows: 13.515625vw;
}
.screen2 .fulldesbox .grid5 .imgbox .tit {
  color: #000000;
  font-size: 1.328125vw;
  line-height: 1.59375vw;
  font-weight: 600;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0.703125vw;
}
.screen3,
.screen6,
.screen11,
.screen14,
.screen18 {
  padding: 12.5vw 0;
  background-image: url(https://d13pvy8xd75yde.cloudfront.net/global/laptops/megapad-11/tit_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 46.40625vw;
}
.screen3 .titbox,
.screen6 .titbox,
.screen11 .titbox,
.screen14 .titbox,
.screen18 .titbox {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: 55.78125vw;
}
.screen3 .titbox .tit1,
.screen6 .titbox .tit1,
.screen11 .titbox .tit1,
.screen14 .titbox .tit1,
.screen18 .titbox .tit1 {
  text-align: left;
  color: #000000;
  font-size: 6.640625vw;
  font-weight: 600;
  font-family: SemiboldTitle!important;
}
.screen3 .titbox .tit2,
.screen6 .titbox .tit2,
.screen11 .titbox .tit2,
.screen14 .titbox .tit2,
.screen18 .titbox .tit2 {
  text-align: right;
  color: #000000;
  font-size: 6.640625vw;
  font-weight: 600;
  font-family: SemiboldTitle!important;
}
.screen4 {
  padding-bottom: 9.765625vw;
}
.screen4 .fullbox {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen4 .fullbox .des {
  font-size: 1.40625vw;
  line-height: 1.6875vw;
  width: 59.453125vw;
  color: #000000;
}
.screen4 .fullbox .imgbox {
  margin-top: 3.125vw;
  width: 76.5625vw;
  position: relative;
}
.screen4 .fullbox .imgbox .desbox {
  position: absolute;
  bottom: -2.34375vw;
  padding: 0 3.828125vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen4 .fullbox .imgbox .desbox div {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 13.28125vw;
  height: 9.375vw;
  padding: 0.78125vw;
  border-radius: 0.78125vw;
  background-color: #f6f6f6;
}
.screen4 .fullbox .imgbox .desbox div .tit1 {
  font-weight: 600;
  font-size: 3.75vw;
  line-height: 4.5vw;
}
.screen4 .fullbox .imgbox .desbox div .tit1 em {
  font-weight: 600;
  font-style: normal;
  font-size: 2.34375vw;
  line-height: 2.8125vw;
}
.screen4 .fullbox .imgbox .desbox div .tit2 {
  font-size: 1.40625vw;
  line-height: 1.6875vw;
  color: #666666;
}
.screen5 {
  padding: 12.5vw 11.71875vw 0;
}
.screen5 .titbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen5 .titbox .titl {
  font-size: 3.515625vw;
  line-height: 4.21875vw;
  font-weight: 600;
  color: #000000;
}
.screen5 .titbox .titl .withcolor {
  color: #0DAA7D;
}
.screen5 .titbox .titr {
  width: 42.1875vw;
  text-align: right;
  color: #666666;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
}
.screen5 .fullbox {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen5 .fullbox .imgbox {
  margin-top: 6.25vw;
  width: 80.703125vw;
}
.screen7 {
  padding: 0 11.71875vw;
}
.screen7 .titbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen7 .titbox .titl {
  font-size: 3.515625vw;
  line-height: 4.21875vw;
  font-weight: 600;
  color: #000000;
}
.screen7 .titbox .titr {
  width: 39.5703125vw;
  text-align: right;
  color: #666666;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
}
.screen7 .desbox {
  margin-top: 4.6875vw;
  display: flex;
  flex-direction: column;
}
.screen7 .desbox .tit {
  font-size: 3.75vw;
  line-height: 4.5vw;
  font-weight: 600;
  color: #0DAA7D;
}
.screen7 .desbox .titdes {
  margin-top: 0.625vw;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
  color: #666666;
}
.screen7 .imgbox {
  margin-top: 4.6875vw;
}
.screen8 .fullbox {
  display: flex;
  justify-content: space-between;
}
.screen8 .fullbox .imgbox {
  width: 56.9140625vw;
}
.screen8 .fullbox .desbox {
  padding: 14.21875vw 3.1640625vw 0 11.71875vw;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.screen8 .fullbox .desbox .tit {
  font-size: 3.515625vw;
  line-height: 4.21875vw;
  color: #000000;
  font-weight: 600;
}
.screen8 .fullbox .desbox .des {
  margin-top: 2.734375vw;
  font-size: 1.40625vw;
  color: #666666;
}
.screen8 .fullbox .desbox .otherdes {
  margin-top: 16.5625vw;
  font-size: 4.6875vw;
  line-height: 5.625vw;
  color: #0DAA7D;
  font-weight: 600;
}
.screen9 {
  padding-top: 4.8046875vw;
}
.screen9 .fullbox {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen9 .fullbox .tit {
  font-size: 3.75vw;
  line-height: 4.5vw;
  font-weight: 600;
  color: #000000;
}
.screen9 .fullbox .imgbox {
  position: relative;
}
.screen9 .fullbox .imgbox .des {
  position: absolute;
  top: 2.65625vw;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
  width: 58.515625vw;
  color: #666666;
}
.screen10 {
  padding-top: 2.265625vw;
}
.screen10 .fullbox {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen10 .fullbox .tit {
  font-size: 3.515625vw;
  line-height: 4.21875vw;
  font-weight: 600;
  color: #000000;
}
.screen10 .fullbox .tit .withcolor {
  color: #0DAA7D;
}
.screen10 .fullbox .des {
  margin-top: 2.03125vw;
  font-size: 1.40625vw;
  line-height: 1.96875vw;
  width: 58.515625vw;
  color: #666666;
}
.screen10 .fullbox .imgbox {
  margin-top: 6.953125vw;
  position: relative;
}
.screen10 .fullbox .desbox {
  display: flex;
  width: 100%;
  padding: 0 10.15625vw;
}
.screen10 .fullbox .desbox div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.screen10 .fullbox .desbox div:not(:last-child):after {
  content: '';
  display: block;
  position: absolute;
  background-color: #666666;
  opacity: 0.21;
  right: 0;
  height: 7.65625vw;
  width: 2px;
  scale: 0.5;
}
.screen10 .fullbox .desbox div .tit1 {
  font-size: 3.3203125vw;
  font-weight: 600;
}
.screen10 .fullbox .desbox div .tit2 {
  color: #666666;
  font-size: 1.40625vw;
}
.screen12 .imgbox {
  margin: 0 auto;
  position: relative;
  width: 97.734375vw;
}
.screen12 .imgbox .desbox {
  position: absolute;
  bottom: 0.703125vw;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 26.25vw 0 23.0859375vw;
}
.screen12 .imgbox .desbox span {
  font-size: 1.40625vw;
  font-weight: 600;
}
.screen12 .imgbox .desbox span::before {
  content: '';
  display: inline-block;
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 50%;
  margin-right: 0.46875vw;
  transform: translateY(-0.15625vw);
}
.screen12 .imgbox .desbox span:first-child {
  color: #526C89;
}
.screen12 .imgbox .desbox span:first-child::before {
  background-color: #526C89;
}
.screen12 .imgbox .desbox span:last-child {
  color: #99C9B8;
}
.screen12 .imgbox .desbox span:last-child::before {
  background-color: #99C9B8;
}
.screen13 {
  padding-top: 25.078125vw;
}
.screen13 .fullbox {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen13 .fullbox .tit {
  font-size: 3.515625vw;
  line-height: 4.21875vw;
  font-weight: 600;
  color: #000000;
}
.screen13 .fullbox .des {
  margin-top: 2.1484375vw;
  font-size: 1.40625vw;
  line-height: 1.96875vw;
  width: 45.234375vw;
  color: #666666;
}
.screen13 .fullbox .imgboxf {
  width: 100%;
  margin-top: 5.8984375vw;
  height: 69.4921875vw;
  padding: 9.765625vw 5.9765625vw 11.171875vw;
  position: relative;
}
.screen13 .fullbox .imgboxf .imgbox {
  top: 0;
  right: 0;
  height: 69.4921875vw;
  width: 67.9296875vw;
  position: absolute;
  z-index: 2;
}
.screen13 .fullbox .imgboxf .desbox {
  height: 48.5546875vw;
  border-radius: 2.34375vw;
  position: relative;
}
.screen13 .fullbox .imgboxf .desbox .desinner {
  position: absolute;
  top: 14.84375vw;
  left: 5.703125vw;
}
.screen13 .fullbox .imgboxf .desbox .desinner div {
  text-align: left;
  display: flex;
  flex-direction: column;
}
.screen13 .fullbox .imgboxf .desbox .desinner div span:first-child {
  font-size: 2.1875vw;
  line-height: 3.0625vw;
  color: #000000;
}
.screen13 .fullbox .imgboxf .desbox .desinner div span:last-child {
  margin-top: 0.78125vw;
  font-size: 5.46875vw;
  font-weight: 600;
  line-height: 6.5625vw;
}
.screen13 .fullbox .imgboxf .desbox .desinner div:last-child {
  margin-top: 4.6875vw;
}
.screen15 .fullbox {
  padding: 0 6.25vw 14.0625vw 3.0078125vw;
  display: flex;
  justify-content: space-between;
}
.screen15 .fullbox .imgbox {
  width: 44.5703125vw;
}
.screen15 .fullbox .desbox {
  padding: 3.125vw 6.25vw 0 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.screen15 .fullbox .desbox .tit {
  padding-left: 3.2421875vw;
  font-size: 3.515625vw;
  line-height: 4.21875vw;
  color: #000000;
  font-weight: 600;
}
.screen15 .fullbox .desbox .des {
  padding-left: 3.2421875vw;
  margin-top: 3.515625vw;
  font-size: 1.40625vw;
  color: #666666;
}
.screen15 .fullbox .desbox .imgbox {
  margin-top: 3.515625vw;
  width: 17.3828125vw;
}
.screen16 .fullbox {
  padding: 15.9375vw 11.71875vw 0 0;
  margin-bottom: 9.375vw;
  display: flex;
  justify-content: space-between;
}
.screen16 .fullbox .imgbox {
  width: 52.03125vw;
}
.screen16 .fullbox .desbox {
  padding: 7.3046875vw 0 0 12.5vw;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.screen16 .fullbox .desbox .tit {
  font-size: 3.75vw;
  line-height: 4.5vw;
  color: #000000;
  font-weight: 600;
}
.screen16 .fullbox .desbox .des {
  width: 22.9296875vw;
  margin-top: 3.125vw;
  font-size: 1.40625vw;
  color: #666666;
}
.screen17 .fullbox {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen17 .fullbox .imgbox {
  position: relative;
}
.screen17 .fullbox .imgbox .tit {
  position: absolute;
  top: 6.25vw;
  font-size: 3.75vw;
  line-height: 4.5vw;
  font-weight: 600;
  color: #ffffff;
}
.screen17 .fullbox .imgbox .des {
  position: absolute;
  text-align: left;
  top: 22.578125vw;
  right: 11.71875vw;
  font-size: 1.40625vw;
  line-height: 1.96875vw;
  width: 32.2265625vw;
  color: #ffffff;
}
.screen17 .fullbox .imgbox .otherdes {
  position: absolute;
  text-align: left;
  bottom: 2.34375vw;
  right: 11.71875vw;
  font-size: 0.78125vw;
  line-height: 1.09375vw;
  color: #666666;
}
.screen19 .toptit {
  font-size: 3.75vw;
  line-height: 4.5vw;
  color: #000000;
  text-align: center;
  font-weight: 600;
}
.screen19 .toptit .withcolor {
  color: #0DAA7D;
}
.screen19 .fullbox {
  margin-top: 7.890625vw;
}
.screen19 .fullbox .containerbox {
  display: flex;
  justify-content: space-between;
}
.screen19 .fullbox .containerbox:nth-child(1) {
  flex-direction: row-reverse;
  padding-left: 11.71875vw;
}
.screen19 .fullbox .containerbox:nth-child(1) .imgbox {
  width: 51.9140625vw;
}
.screen19 .fullbox .containerbox:nth-child(1) .desbox {
  padding: 4.8046875vw 4.140625vw 0 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.screen19 .fullbox .containerbox:nth-child(1) .desbox .tit {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #000000;
  font-weight: 600;
}
.screen19 .fullbox .containerbox:nth-child(1) .desbox .des {
  width: 32.2265625vw;
  margin-top: 1.5625vw;
  font-size: 1.40625vw;
  color: #666666;
}
.screen19 .fullbox .containerbox:nth-child(2) {
  margin-top: -4.2578125vw;
  padding-left: 4.6484375vw;
}
.screen19 .fullbox .containerbox:nth-child(2) .imgbox {
  width: 55.1953125vw;
}
.screen19 .fullbox .containerbox:nth-child(2) .desbox {
  margin-left: -6.2890625vw;
  padding: 7.96875vw 14.21875vw 0 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.screen19 .fullbox .containerbox:nth-child(2) .desbox .tit {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #000000;
  font-weight: 600;
}
.screen19 .fullbox .containerbox:nth-child(2) .desbox .des {
  width: 32.2265625vw;
  margin-top: 1.5625vw;
  font-size: 1.40625vw;
  color: #666666;
}
.screen19 .fullbox .containerbox:nth-child(3) {
  flex-direction: row-reverse;
  padding-left: 11.71875vw;
}
.screen19 .fullbox .containerbox:nth-child(3) .imgbox {
  width: 51.9140625vw;
}
.screen19 .fullbox .containerbox:nth-child(3) .desbox {
  padding: 8.203125vw 0 0 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.screen19 .fullbox .containerbox:nth-child(3) .desbox .tit {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #000000;
  font-weight: 600;
}
.screen19 .fullbox .containerbox:nth-child(3) .desbox .des {
  width: 31.015625vw;
  margin-top: 1.5625vw;
  font-size: 1.40625vw;
  color: #666666;
}
.screen20 .toptit {
  margin-top: 12.421875vw;
  font-size: 3.75vw;
  line-height: 4.5vw;
  color: #000000;
  text-align: center;
  font-weight: 600;
}
.screen20 .swiper_pc {
  height: 35.703125vw;
}
.screen20 .swiper_pc .swiper-wrapper {
  display: flex;
}
.screen20 .swiper_pc .swiper-wrapper .swiper-slide {
  width: 100vw;
  display: flex;
  justify-content: space-between;
  padding: 6.171875vw 0 0 4.1015625vw;
}
.screen20 .swiper_pc .swiper-wrapper .swiper-slide .imgbox {
  width: 47.578125vw;
}
.screen20 .swiper_pc .swiper-wrapper .swiper-slide .desbox {
  padding: 2.34375vw 3.90625vw 0 2.34375vw;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.screen20 .swiper_pc .swiper-wrapper .swiper-slide .desbox .greytit {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.screen20 .swiper_pc .swiper-wrapper .swiper-slide .desbox .greytit span {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #cccccc;
  font-weight: 600;
}
.screen20 .swiper_pc .swiper-wrapper .swiper-slide .desbox .greytit .imgbox {
  width: 2.109375vw;
}
.screen20 .swiper_pc .swiper-wrapper .swiper-slide .desbox.lastnoe {
  padding-bottom: 5.234375vw;
}
.screen20 .swiper_pc .swiper-wrapper .swiper-slide .desbox .titbox {
  display: flex;
  flex-direction: column;
}
.screen20 .swiper_pc .swiper-wrapper .swiper-slide .desbox .titbox .tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.screen20 .swiper_pc .swiper-wrapper .swiper-slide .desbox .titbox .tit span {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #000000;
  font-weight: 600;
}
.screen20 .swiper_pc .swiper-wrapper .swiper-slide .desbox .titbox .tit .imgbox {
  width: 2.109375vw;
}
.screen20 .swiper_pc .swiper-wrapper .swiper-slide .desbox .titbox .des {
  width: 33.75vw;
  margin-top: 0.78125vw;
  font-size: 1.40625vw;
  color: #666666;
}
.screen20 .swiper_pc .swiper-wrapper .swiper-slide:nth-child(2) .desbox .des {
  width: 37.3828125vw;
}
.screen20 .swiper_pc .swiper-wrapper .swiper-slide:last-child .desbox .des {
  width: 37.3828125vw;
}
.screen21 {
  padding: 13.1640625vw 4.1015625vw 6.640625vw;
}
.screen21 .containerbox {
  display: flex;
  justify-content: space-between;
}
.screen21 .containerbox .innerbox {
  width: 44.921875vw;
  height: 52.96875vw;
  background-color: #f9f9f9;
  border-radius: 2.34375vw;
  display: flex;
  flex-direction: column;
  position: relative;
}
.screen21 .containerbox .innerbox .tit {
  margin-top: 2.34375vw;
  padding-left: 3.671875vw;
  font-size: 2.34375vw;
  line-height: 2.8125vw;
  color: #000000;
  font-weight: 600;
}
.screen21 .containerbox .innerbox .tit .withcolor {
  color: #0DAA7D;
}
.screen21 .containerbox .innerbox .des {
  margin-top: 0.78125vw;
  padding-left: 3.671875vw;
  font-size: 1.40625vw;
  color: #666666;
}
.screen21 .containerbox .innerbox:first-child .des {
  width: 36.484375vw;
}
.screen21 .containerbox .innerbox:first-child .imgbox {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.screen21 .containerbox .innerbox:first-child .imgbox .imginner {
  border-radius: 0 0 2.34375vw 2.34375vw;
}
.screen21 .containerbox .innerbox:last-child .des {
  width: 35.6640625vw;
}
.screen21 .containerbox .innerbox:last-child .imgbox {
  width: 39.53125vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 16.09375vw;
}
@media screen and (max-width: 1080px) {
  .data-megabook_pc {
    display: none;
  }
  .data-megabook_m {
    display: block;
  }
  .screen1m .imgbox {
    position: relative;
  }
  .screen1m .imgbox .logoimg {
    position: absolute;
    top: 12.96296296vw;
    left: 50%;
    transform: translateX(-50%);
    width: 58.24074074vw;
  }
  .screen1m .imgbox .tit {
    position: absolute;
    top: 20.55555556vw;
    left: 50%;
    transform: translateX(-50%);
    font-size: 6.11111111vw;
    line-height: 7.33333333vw;
    color: #000000;
  }
  .screen2m {
    padding: 20.37037037vw 5.55555556vw 16.66666667vw;
    display: grid;
    gap: 1.85185185vw;
    background-color: #f9f9f9;
  }
  .screen2m .imgbox {
    position: relative;
  }
  .screen2m .grid1 .imgbox .logoimg {
    position: absolute;
    width: 38.05555556vw;
    top: 14.44444444vw;
    right: 4.81481481vw;
  }
  .screen2m .grid1 .imgbox .tit {
    position: absolute;
    top: 19.81481481vw;
    right: 13.98148148vw;
    color: #000000;
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
  }
  .screen2m .grid2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.85185185vw;
  }
  .screen2m .grid2 div {
    grid-column: span 1;
  }
  .screen2m .grid2 div .imgbox .tit {
    color: #000000;
    font-size: 2.22222222vw;
    font-weight: 600;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 2.22222222vw;
  }
  .screen2m .grid2 div .imgbox .desbox {
    position: absolute;
    bottom: 0.92592593vw;
    display: flex;
    width: 100%;
  }
  .screen2m .grid2 div .imgbox .desbox div {
    border-radius: 0.92592593vw;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #f6f6f6;
  }
  .screen2m .grid2 div .imgbox .desbox div:first-child {
    margin: 0 1.85185185vw 0 0.92592593vw;
  }
  .screen2m .grid2 div .imgbox .desbox div:last-child {
    margin: 0 0.92592593vw 0 0;
  }
  .screen2m .grid2 div .imgbox .desbox div .tit1 {
    font-size: 2.59259259vw;
    font-weight: 600;
  }
  .screen2m .grid2 div .imgbox .desbox div .tit2 {
    font-weight: 600;
    color: #666666;
    font-size: 1.48148148vw;
    margin-bottom: 0.92592593vw;
  }
  .screen2m .grid3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.85185185vw;
  }
  .screen2m .grid3 div {
    grid-column: span 1;
  }
  .screen2m .grid3 div .imgbox .tit {
    color: #000000;
    font-size: 2.22222222vw;
    font-weight: 600;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 2.22222222vw;
  }
  .screen2m .grid3 div .imgbox:first-child .des {
    position: absolute;
    bottom: 2.31481481vw;
    width: 100%;
    text-align: center;
    font-size: 1.66666667vw;
    line-height: 2vw;
    color: #000000;
  }
  .screen2m .grid4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.85185185vw;
  }
  .screen2m .grid4 div {
    grid-column: span 1;
  }
  .screen2m .grid4 div .imgbox .tit {
    color: #000000;
    font-size: 2.22222222vw;
    font-weight: 600;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 2.22222222vw;
  }
  .screen2m .grid4 div .imgbox .desbox {
    position: absolute;
    bottom: 3.7037037vw;
    display: flex;
    width: 100%;
    padding: 0 1.38888889vw;
  }
  .screen2m .grid4 div .imgbox .desbox div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
  }
  .screen2m .grid4 div .imgbox .desbox div:not(:last-child):after {
    content: '';
    display: block;
    position: absolute;
    background-color: #666666;
    right: 0;
    height: 6.66666667vw;
    width: 2px;
    scale: 0.5;
  }
  .screen2m .grid4 div .imgbox .desbox div .tit1 {
    font-size: 1.85185185vw;
    font-weight: 600;
  }
  .screen2m .grid4 div .imgbox .desbox div .tit2 {
    font-weight: 600;
    color: #666666;
    font-size: 1.11111111vw;
  }
  .screen3m,
  .screen6m,
  .screen11m,
  .screen14m,
  .screen18m {
    padding: 40.74074074vw 0;
    background-image: url(https://d13pvy8xd75yde.cloudfront.net/global/laptops/megapad-11/tit_bg_m.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 88.88888889vw;
  }
  .screen3m .titbox,
  .screen6m .titbox,
  .screen11m .titbox,
  .screen14m .titbox,
  .screen18m .titbox {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    width: 85.37037037vw;
  }
  .screen3m .titbox .tit1,
  .screen6m .titbox .tit1,
  .screen11m .titbox .tit1,
  .screen14m .titbox .tit1,
  .screen18m .titbox .tit1 {
    text-align: left;
    color: #000000;
    font-size: 10.18518519vw;
    font-weight: 600;
    font-family: SemiboldTitle!important;
  }
  .screen3m .titbox .tit2,
  .screen6m .titbox .tit2,
  .screen11m .titbox .tit2,
  .screen14m .titbox .tit2,
  .screen18m .titbox .tit2 {
    text-align: right;
    color: #000000;
    font-size: 10.18518519vw;
    font-weight: 600;
    font-family: SemiboldTitle!important;
  }
  .screen4m {
    padding-bottom: 25.92592593vw;
  }
  .screen4m .fullbox {
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .screen4m .fullbox .des {
    font-size: 2.40740741vw;
    line-height: 2.88888889vw;
    width: 88.88888889vw;
    color: #000000;
    text-align: left;
  }
  .screen4m .fullbox .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen4m .fullbox .desbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .screen4m .fullbox .desbox.desboxt {
    margin-top: -3.7037037vw;
    padding: 0 20.55555556vw;
  }
  .screen4m .fullbox .desbox.desboxb {
    margin-top: 1.48148148vw;
    padding: 0 5.55555556vw;
  }
  .screen4m .fullbox .desbox div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 28.7037037vw;
    height: 16.66666667vw;
    padding: 1.85185185vw;
    border-radius: 1.85185185vw;
    background-color: #f6f6f6;
  }
  .screen4m .fullbox .desbox div .tit1 {
    font-weight: 600;
    font-size: 6.66666667vw;
    line-height: 8vw;
  }
  .screen4m .fullbox .desbox div .tit1 em {
    font-weight: 600;
    font-style: normal;
    font-size: 4.44444444vw;
    line-height: 5.33333333vw;
  }
  .screen4m .fullbox .desbox div .tit2 {
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #666666;
  }
  .screen5m .titbox {
    display: flex;
    flex-direction: column;
    padding: 0 5.55555556vw;
  }
  .screen5m .titbox .titl {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
    color: #000000;
  }
  .screen5m .titbox .titl .withcolor {
    color: #0DAA7D;
  }
  .screen5m .titbox .titr {
    margin-top: 2.96296296vw;
    width: 88.88888889vw;
    text-align: left;
    color: #666666;
    font-size: 2.40740741vw;
    line-height: 2.88888889vw;
  }
  .screen5m .fullbox .imgbox {
    margin-top: 5.55555556vw;
  }
  .screen7m {
    padding-bottom: 25.92592593vw;
  }
  .screen7m .titbox {
    display: flex;
    flex-direction: column;
    padding: 0 5.55555556vw;
  }
  .screen7m .titbox .titl {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
    color: #000000;
  }
  .screen7m .titbox .titr {
    margin-top: 1.25vw;
    text-align: left;
    color: #666666;
    font-size: 2.40740741vw;
    line-height: 2.88888889vw;
  }
  .screen7m .imgbox {
    margin-top: 5.55555556vw;
  }
  .screen7m .desbox {
    margin-top: 3.7037037vw;
    padding: 0 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen7m .desbox .tit {
    font-size: 6.66666667vw;
    line-height: 8vw;
    font-weight: 600;
    color: #0DAA7D;
  }
  .screen7m .desbox .titdes {
    margin-top: 1.48148148vw;
    font-size: 2.40740741vw;
    line-height: 2.88888889vw;
    color: #666666;
  }
  .screen8m {
    padding-bottom: 25.92592593vw;
  }
  .screen8m .fullbox .desbox {
    padding: 0 12.12962963vw 0 5.55555556vw;
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .screen8m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #000000;
    font-weight: 600;
  }
  .screen8m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.40740741vw;
    color: #666666;
  }
  .screen8m .fullbox .desbox .otherdes {
    margin-top: 11.11111111vw;
    font-size: 6.66666667vw;
    line-height: 8vw;
    color: #0DAA7D;
    font-weight: 600;
  }
  .screen8m .fullbox .imgbox {
    margin-top: -24.07407407vw;
    justify-content: end;
  }
  .screen8m .fullbox .imgbox .imginner {
    width: 94.44444444vw;
  }
  .screen9m {
    padding-bottom: 18.51851852vw;
  }
  .screen9m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen9m .fullbox .tit {
    padding: 0 9.72222222vw 0 5.55555556vw;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
    color: #000000;
    z-index: 2;
  }
  .screen9m .fullbox .des {
    padding: 0 9.72222222vw 0 5.55555556vw;
    margin-top: 2.96296296vw;
    font-size: 2.40740741vw;
    line-height: 3.37037037vw;
    color: #666666;
    z-index: 2;
  }
  .screen9m .fullbox .imgbox {
    margin-top: -21.01851852vw;
  }
  .screen10m .fullbox {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .screen10m .fullbox .tit {
    padding: 0 0 0 5.55555556vw;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
    color: #000000;
  }
  .screen10m .fullbox .tit .withcolor {
    color: #0DAA7D;
  }
  .screen10m .fullbox .des {
    padding: 0 8.24074074vw 0 5.55555556vw;
    margin-top: 2.96296296vw;
    font-size: 2.40740741vw;
    line-height: 3.37037037vw;
    color: #666666;
  }
  .screen10m .fullbox .imgbox {
    margin-top: 11.11111111vw;
  }
  .screen10m .fullbox .desbox {
    margin-top: 3.7037037vw;
    display: flex;
    width: 100%;
    padding: 0 5.55555556vw;
  }
  .screen10m .fullbox .desbox div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
  }
  .screen10m .fullbox .desbox div:not(:last-child):after {
    content: '';
    display: block;
    position: absolute;
    background-color: #666666;
    opacity: 0.21;
    right: 0;
    height: 12.96296296vw;
    width: 2px;
    scale: 0.5;
  }
  .screen10m .fullbox .desbox div .tit1 {
    font-size: 5.55555556vw;
    font-weight: 600;
  }
  .screen10m .fullbox .desbox div .tit2 {
    color: #666666;
    font-size: 2.59259259vw;
  }
  .screen12m {
    padding-bottom: 25.92592593vw;
  }
  .screen12m .desbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 18.7962963vw 0 19.44444444vw;
  }
  .screen12m .desbox span {
    font-size: 2.40740741vw;
    font-weight: 600;
  }
  .screen12m .desbox span::before {
    content: '';
    display: inline-block;
    width: 1.11111111vw;
    height: 1.11111111vw;
    border-radius: 50%;
    transform: translateY(-0.27777778vw);
    margin-right: 1.48148148vw;
  }
  .screen12m .desbox span:first-child {
    color: #526C89;
  }
  .screen12m .desbox span:first-child::before {
    background-color: #526C89;
  }
  .screen12m .desbox span:last-child {
    color: #99C9B8;
  }
  .screen12m .desbox span:last-child::before {
    background-color: #99C9B8;
  }
  .screen13m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen13m .fullbox .tit {
    padding: 0 0 0 5.55555556vw;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
    color: #000000;
  }
  .screen13m .fullbox .des {
    padding: 0 22.87037037vw 0 5.55555556vw;
    margin-top: 2.96296296vw;
    font-size: 2.40740741vw;
    line-height: 3.37037037vw;
    color: #666666;
  }
  .screen13m .fullbox .imgboxf {
    width: 100%;
    margin-top: 5.55555556vw;
    height: 86.38888889vw;
    padding: 8.42592593vw 5.55555556vw 13.14814815vw;
    position: relative;
  }
  .screen13m .fullbox .imgboxf .imgbox {
    top: 0;
    right: 0;
    height: 86.38888889vw;
    width: 84.44444444vw;
    position: absolute;
    z-index: 2;
  }
  .screen13m .fullbox .imgboxf .desbox {
    height: 64.81481481vw;
    border-radius: 5.55555556vw;
    position: relative;
  }
  .screen13m .fullbox .imgboxf .desbox .desinner {
    position: absolute;
    top: 35vw;
    left: 3.7037037vw;
  }
  .screen13m .fullbox .imgboxf .desbox .desinner div {
    text-align: left;
    display: flex;
    flex-direction: column;
  }
  .screen13m .fullbox .imgboxf .desbox .desinner div span:first-child {
    font-size: 2.59259259vw;
    line-height: 3.62962963vw;
    color: #000000;
  }
  .screen13m .fullbox .imgboxf .desbox .desinner div span:last-child {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen13m .fullbox .imgboxf .desbox .desinner div:last-child {
    margin-top: 3.7037037vw;
  }
  .screen15m {
    padding-bottom: 25.92592593vw;
  }
  .screen15m .fullbox {
    padding: 0 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen15m .fullbox .imgbox {
    margin-top: 5.55555556vw;
    position: relative;
  }
  .screen15m .fullbox .imgbox .imgbox {
    position: absolute;
    left: 5.55555556vw;
    bottom: 5.55555556vw;
    width: 24.90740741vw;
  }
  .screen15m .fullbox .desbox {
    display: flex;
    flex-direction: column;
  }
  .screen15m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #000000;
    font-weight: 600;
  }
  .screen15m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.40740741vw;
    color: #666666;
  }
  .screen16m .fullbox {
    padding: 9.25925926vw 5.55555556vw 0 0;
    display: flex;
    flex-direction: column;
  }
  .screen16m .fullbox .desbox {
    padding: 0 8.7962963vw 0 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen16m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #000000;
    font-weight: 600;
  }
  .screen16m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.40740741vw;
    color: #666666;
  }
  .screen16m .fullbox .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen17m {
    padding-top: 25.92592593vw;
  }
  .screen17m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen17m .fullbox .tit {
    padding: 0 11.2962963vw 0 5.55555556vw;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
    color: #000000;
  }
  .screen17m .fullbox .imgbox {
    margin-top: 5.55555556vw;
  }
  .screen17m .fullbox .des {
    margin-top: 5.55555556vw;
    padding: 0 11.2962963vw 0 5.55555556vw;
    text-align: left;
    font-size: 2.40740741vw;
    line-height: 3.37037037vw;
    color: #666666;
  }
  .screen17m .fullbox .otherdes {
    margin-top: 3.7037037vw;
    padding: 0 11.2962963vw 0 5.55555556vw;
    text-align: left;
    font-size: 1.85185185vw;
    line-height: 2.59259259vw;
    color: #999999;
  }
  .screen19m {
    padding-bottom: 20.37037037vw;
  }
  .screen19m .toptit {
    padding-left: 5.55555556vw;
    margin-bottom: 7.40740741vw;
    font-weight: 600;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
  }
  .screen19m .toptit .withcolor {
    color: #0DAA7D;
  }
  .screen19m .swiper_m {
    height: 104.72222222vw;
  }
  .screen19m .swiper_m .swiper-wrapper {
    display: flex;
  }
  .screen19m .swiper_m .swiper-wrapper .swiper1,
  .screen19m .swiper_m .swiper-wrapper .swiper2,
  .screen19m .swiper_m .swiper-wrapper .swiper3 {
    width: 100vw;
  }
  .screen19m .swiper_m .swiper-wrapper .swiper1 .box,
  .screen19m .swiper_m .swiper-wrapper .swiper2 .box,
  .screen19m .swiper_m .swiper-wrapper .swiper3 .box {
    display: flex;
    flex-direction: column;
  }
  .screen19m .swiper_m .swiper-wrapper .swiper1 .box .tit,
  .screen19m .swiper_m .swiper-wrapper .swiper2 .box .tit,
  .screen19m .swiper_m .swiper-wrapper .swiper3 .box .tit {
    padding: 0 5.55555556vw;
    font-size: 4.44444444vw;
    line-height: 5.33333333vw;
    font-weight: 600;
  }
  .screen19m .swiper_m .swiper-wrapper .swiper1 .box .des,
  .screen19m .swiper_m .swiper-wrapper .swiper2 .box .des,
  .screen19m .swiper_m .swiper-wrapper .swiper3 .box .des {
    padding: 0 8.7037037vw 0 5.55555556vw;
    margin-top: 2.22222222vw;
    height: 4em;
    font-size: 2.22222222vw;
    line-height: 3.11111111vw;
    color: #666666;
  }
  .screen19m .swiper_m .swiper-wrapper .swiper1 .box .imgbox,
  .screen19m .swiper_m .swiper-wrapper .swiper2 .box .imgbox,
  .screen19m .swiper_m .swiper-wrapper .swiper3 .box .imgbox {
    margin-top: 1.85185185vw;
  }
  .screen20m {
    padding-bottom: 25.92592593vw;
  }
  .screen20m .toptit {
    padding-left: 5.55555556vw;
    margin-bottom: 7.40740741vw;
    font-weight: 600;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
  }
  .screen20m .swiper_m_2 {
    height: 127.77777778vw;
  }
  .screen20m .swiper_m_2 .swiper-wrapper {
    display: flex;
  }
  .screen20m .swiper_m_2 .swiper-wrapper .swiper1,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper2,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper3 {
    width: 100vw;
  }
  .screen20m .swiper_m_2 .swiper-wrapper .swiper1 .box,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper2 .box,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper3 .box {
    display: flex;
    flex-direction: column;
  }
  .screen20m .swiper_m_2 .swiper-wrapper .swiper1 .box .tit,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper2 .box .tit,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper3 .box .tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5.55555556vw;
  }
  .screen20m .swiper_m_2 .swiper-wrapper .swiper1 .box .tit span,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper2 .box .tit span,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper3 .box .tit span {
    font-size: 3.7037037vw;
    font-weight: 600;
  }
  .screen20m .swiper_m_2 .swiper-wrapper .swiper1 .box .tit .imgbox,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper2 .box .tit .imgbox,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper3 .box .tit .imgbox {
    margin-top: 4.44444444vw;
    transform: translateY(-50%);
    width: 4.44444444vw;
  }
  .screen20m .swiper_m_2 .swiper-wrapper .swiper1 .box .titgrey,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper2 .box .titgrey,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper3 .box .titgrey {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5.55555556vw;
  }
  .screen20m .swiper_m_2 .swiper-wrapper .swiper1 .box .titgrey span,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper2 .box .titgrey span,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper3 .box .titgrey span {
    font-size: 3.7037037vw;
    font-weight: 600;
    color: #cccccc;
  }
  .screen20m .swiper_m_2 .swiper-wrapper .swiper1 .box .titgrey .imgbox,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper2 .box .titgrey .imgbox,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper3 .box .titgrey .imgbox {
    margin-top: 4.44444444vw;
    transform: translateY(-50%);
    width: 4.44444444vw;
  }
  .screen20m .swiper_m_2 .swiper-wrapper .swiper1 .box .des,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper2 .box .des,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper3 .box .des {
    padding: 0 15.37037037vw 0 5.55555556vw;
    margin-top: 2.22222222vw;
    height: 5em;
    font-size: 2.40740741vw;
    line-height: 3.37037037vw;
    color: #666666;
  }
  .screen20m .swiper_m_2 .swiper-wrapper .swiper1 .box .imgbox,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper2 .box .imgbox,
  .screen20m .swiper_m_2 .swiper-wrapper .swiper3 .box .imgbox {
    margin-top: 5.55555556vw;
  }
  .screen20m .swiper_m_2 .swiper-wrapper .swiper1 .box .titgrey {
    margin-top: 5.55555556vw;
  }
  .screen20m .swiper_m_2 .swiper-wrapper .swiper1 .box .titgrey:last-child {
    margin-top: 2.77777778vw;
  }
  .screen20m .swiper_m_2 .swiper-wrapper .swiper2 .box .tit {
    margin-top: 3.7037037vw;
  }
  .screen20m .swiper_m_2 .swiper-wrapper .swiper2 .box .titgrey:last-child {
    margin-top: 4.62962963vw;
  }
  .screen20m .swiper_m_2 .swiper-wrapper .swiper3 .box .tit {
    margin-top: 3.7037037vw;
  }
  .screen20m .swiper_m_2 .swiper-wrapper .swiper3 .box .titgrey:nth-child(2) {
    margin-top: 4.62962963vw;
  }
  .screen21m .containerbox {
    display: flex;
    flex-direction: column;
  }
  .screen21m .containerbox .innerbox {
    height: 125.55555556vw;
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .screen21m .containerbox .innerbox .tit {
    z-index: 2;
    margin-top: 7.40740741vw;
    padding-left: 5.55555556vw;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #000000;
    font-weight: 600;
  }
  .screen21m .containerbox .innerbox .tit .withcolor {
    color: #0DAA7D;
  }
  .screen21m .containerbox .innerbox .des {
    z-index: 2;
    margin-top: 1.85185185vw;
    padding-left: 5.55555556vw;
    font-size: 2.40740741vw;
    color: #666666;
  }
  .screen21m .containerbox .innerbox:first-child .des {
    width: 78.42592593vw;
  }
  .screen21m .containerbox .innerbox:first-child .imgbox {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .screen21m .containerbox .innerbox:last-child {
    margin-top: 14.81481481vw;
  }
  .screen21m .containerbox .innerbox:last-child .des {
    width: 84.53703704vw;
  }
  .screen21m .containerbox .innerbox:last-child .imgbox {
    width: 93.7037037vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 36.11111111vw;
  }
}
/*# sourceMappingURL=index.css.map */