@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_45 {
  background: linear-gradient(to bottom, #2047D6, #40B0EA);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linner_54 {
  background: linear-gradient(to bottom, #40b0ea, #2047d6);
  -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-color: #f8f9fd;
}
.screen1 .imgbox {
  padding: 9.6484375vw 7.265625vw 2.03125vw 50vw;
  position: relative;
}
.screen1 .imgbox .logobox {
  position: absolute;
  top: 22.109375vw;
  left: 9.375vw;
  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: 4.453125vw;
  line-height: 5.34375vw;
  color: #000000;
}
.screen1 .imgbox .titbox {
  position: absolute;
  top: 27.9296875vw;
  left: 9.375vw;
  display: flex;
  align-items: center;
}
.screen1 .imgbox .titbox span {
  text-align: left;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.5vw;
  color: #000000;
  padding-right: 0.625vw;
  position: relative;
}
.screen1 .imgbox .titbox span:not(:first-child) {
  padding-left: 0.625vw;
}
.screen1 .imgbox .titbox span:not(:first-child)::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  content: '';
  display: block;
  width: 0.0390625vw;
  height: 0.9375vw;
  background: #000000;
}
.screen2 {
  background-color: #f8f9fd;
  padding: 11.25vw 12.5vw;
}
.screen2 .otherdes {
  position: absolute;
  right: 12.5vw;
  bottom: 8.75vw;
  font-weight: 400;
  font-size: 0.78125vw;
  line-height: 0.9375vw;
  color: #212121;
  opacity: 0.9 !important;
}
.screen2 .fulldesbox {
  width: 75vw;
  margin: 0 auto;
  display: grid;
  gap: 0.78125vw;
  grid-template-rows: 13.828125vw 23.90625vw 13.828125vw;
}
.screen2 .fulldesbox .grids {
  display: grid;
  gap: 0.78125vw;
}
.screen2 .fulldesbox .grids .imgbox {
  position: relative;
}
.screen2 .fulldesbox .grid1 {
  grid-template-columns: 37.109375vw 37.109375vw;
}
.screen2 .fulldesbox .grid1 .imgbox {
  background-color: #000000;
  border-radius: 0.78125vw;
}
.screen2 .fulldesbox .grid1 .imgbox .titbox {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 2.1875vw;
  top: 4.1015625vw;
}
.screen2 .fulldesbox .grid1 .imgbox .titbox .titt {
  font-weight: 600;
  font-size: 1.953125vw;
  line-height: 2.34375vw;
  color: #ffffff;
}
.screen2 .fulldesbox .grid1 .imgbox .titbox .titb {
  margin-top: 0.625vw;
  font-weight: 400;
  font-size: 1.09375vw;
  line-height: 1.3125vw;
  color: #ffffff;
}
.screen2 .fulldesbox .grid1 .imgbox .numbox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 9.6875vw;
}
.screen2 .fulldesbox .grid1 .imgbox .numbox .num {
  width: 17.578125vw;
  font-family: BoldTitle!important;
  font-style: italic;
  font-weight: 700;
  font-size: 14.0625vw;
}
.screen2 .fulldesbox .grid1 .imgbox .numbox .imginner {
  position: absolute;
  width: 6.9140625vw;
  margin-left: 1.5625vw;
}
.screen2 .fulldesbox .grid1 .imgbox:last-child {
  padding: 2.0703125vw 5.078125vw 2.0703125vw 15.1953125vw;
}
.screen2 .fulldesbox .grid1 .imgbox:last-child .titbox {
  top: 4.765625vw;
}
.screen2 .fulldesbox .grid2 {
  grid-template-columns: repeat(4, 18.1640625vw);
}
.screen2 .fulldesbox .grid2 .grid2_1 .imgbox,
.screen2 .fulldesbox .grid2 .grid2_2 .imgbox,
.screen2 .fulldesbox .grid2 .grid2_3 .imgbox {
  background-color: #000000;
  border-radius: 0.78125vw;
}
.screen2 .fulldesbox .grid2 .grid2_1 .imgbox .titbox,
.screen2 .fulldesbox .grid2 .grid2_2 .imgbox .titbox,
.screen2 .fulldesbox .grid2 .grid2_3 .imgbox .titbox {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 1.484375vw;
}
.screen2 .fulldesbox .grid2 .grid2_1 .imgbox .titbox .titt,
.screen2 .fulldesbox .grid2 .grid2_2 .imgbox .titbox .titt,
.screen2 .fulldesbox .grid2 .grid2_3 .imgbox .titbox .titt {
  font-weight: 600;
  font-size: 1.953125vw;
  line-height: 2.34375vw;
  color: #ffffff;
}
.screen2 .fulldesbox .grid2 .grid2_1 .imgbox .titbox .titb,
.screen2 .fulldesbox .grid2 .grid2_2 .imgbox .titbox .titb,
.screen2 .fulldesbox .grid2 .grid2_3 .imgbox .titbox .titb {
  margin-top: 0.625vw;
  font-weight: 400;
  font-size: 1.09375vw;
  line-height: 1.3125vw;
  color: #ffffff;
}
.screen2 .fulldesbox .grid2 .grid2_4 {
  grid-template-rows: 11.5625vw 11.5625vw;
}
.screen2 .fulldesbox .grid2 .grid2_4 .imgbox {
  background-color: #000000;
  border-radius: 0.78125vw;
}
.screen2 .fulldesbox .grid2 .grid2_4 .imgbox .titbox {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 1.25vw;
  top: 4.453125vw;
}
.screen2 .fulldesbox .grid2 .grid2_4 .imgbox .titbox .titt {
  font-weight: 600;
  font-size: 1.953125vw;
  line-height: 2.34375vw;
  color: #ffffff;
}
.screen2 .fulldesbox .grid2 .grid2_4 .imgbox .titbox .titb {
  margin-top: 0.625vw;
  font-weight: 400;
  font-size: 1.09375vw;
  line-height: 1.3125vw;
  color: #ffffff;
}
.screen2 .fulldesbox .grid2 .grid2_4 .imgbox:first-child {
  padding: 2.578125vw 2.1875vw 2.5390625vw 9.609375vw;
}
.screen2 .fulldesbox .grid2 .grid2_4 .imgbox:first-child .titbox .titb {
  margin-top: 0;
  font-weight: 600;
}
.screen2 .fulldesbox .grid2 .grid2_4 .imgbox:last-child .titbox {
  top: 3.6328125vw;
}
.screen2 .fulldesbox .grid3 {
  grid-template-columns: 37.109375vw 37.109375vw;
}
.screen2 .fulldesbox .grid3 .imgbox {
  background-color: #000000;
  border-radius: 0.78125vw;
}
.screen2 .fulldesbox .grid3 .imgbox .titbox {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 2.1875vw;
  top: 4.765625vw;
}
.screen2 .fulldesbox .grid3 .imgbox .titbox .titt {
  font-weight: 600;
  font-size: 1.953125vw;
  line-height: 2.34375vw;
  color: #ffffff;
}
.screen2 .fulldesbox .grid3 .imgbox .titbox .titb {
  margin-top: 0.625vw;
  font-weight: 400;
  font-size: 1.09375vw;
  line-height: 1.3125vw;
  color: #ffffff;
}
.screen3 {
  padding: 8.59375vw 9.375vw 0;
  background-color: #000000;
}
.screen3 .fullbox {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.screen3 .fullbox .tit {
  font-family: SemiboldTitle !important;
  color: #ffffff;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen3 .fullbox .des {
  margin-top: 1.25vw;
  color: #d9d9d9;
  font-size: 1.3671875vw;
  line-height: 1.640625vw;
  text-align: center;
}
.screen3 .fullbox .imgbox {
  margin-top: 3.984375vw;
  width: 72.6171875vw;
}
.screen3 .otherdes {
  position: absolute;
  right: 9.375vw;
  bottom: 1.5625vw;
  font-weight: 400;
  font-size: 0.78125vw;
  line-height: 0.9375vw;
  color: #d9d9d9;
  text-align: right;
}
.screen4 {
  padding: 5.9765625vw 14.140625vw 0;
  background-color: #000000;
}
.screen4 .fullbox {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.screen4 .fullbox .tit {
  font-family: SemiboldTitle !important;
  color: #ffffff;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen4 .fullbox .des {
  margin-top: 1.25vw;
  color: #d9d9d9;
  font-size: 1.3671875vw;
  line-height: 1.640625vw;
  text-align: center;
}
.screen4 .fullbox > .imgbox {
  margin-top: 4.6875vw;
  width: 71.71875vw;
  position: relative;
}
.screen4 .fullbox > .imgbox .maskbox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8.984375vw;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0 0 0.78125vw 0.78125vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen4 .fullbox > .imgbox .maskbox .maskitems {
  display: flex;
  align-items: center;
}
.screen4 .fullbox > .imgbox .maskbox .maskitems .maskitem {
  display: flex;
  align-items: center;
}
.screen4 .fullbox > .imgbox .maskbox .maskitems .maskitem .imgbox {
  width: 2.96875vw;
  height: 2.96875vw;
  margin-right: 1.328125vw;
}
.screen4 .fullbox > .imgbox .maskbox .maskitems .maskitem .itemdes {
  color: #ffffff;
  font-size: 1.171875vw;
  line-height: 1.40625vw;
}
.screen4 .fullbox > .imgbox .maskbox .maskitems .maskitem:first-child::after {
  content: '';
  display: block;
  width: 0.0390625vw;
  height: 3.125vw;
  background-color: #ffffff;
  margin: 0 3.28125vw;
}
.screen4 .fullbox > .imgbox .maskbox .maskitems .maskitem:last-child .imgbox .imginner {
  width: 2.5390625vw;
  height: 2.3828125vw;
}
.screen5 {
  padding: 8.59375vw 0 0;
  background-color: #000000;
}
.screen5 .fullbox {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.screen5 .fullbox .tit {
  font-family: SemiboldTitle !important;
  color: #ffffff;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen5 .fullbox .des {
  margin-top: 1.25vw;
  color: #d9d9d9;
  font-size: 1.3671875vw;
  line-height: 1.640625vw;
  text-align: center;
}
.screen5 .fullbox .imgbox {
  margin-top: -2.734375vw;
  width: 51.5234375vw;
}
.screen6 {
  background-color: #000000;
}
.screen6 .fullbox {
  display: flex;
  justify-content: space-between;
  padding: 0 1.796875vw 0.390625vw 9.375vw;
}
.screen6 .fullbox .leftbox {
  display: flex;
  flex-direction: column;
  margin-top: 14.0625vw;
}
.screen6 .fullbox .leftbox > .tit {
  font-family: SemiboldTitle !important;
  color: #ffffff;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen6 .fullbox .leftbox > .des {
  margin-right: -7.8125vw;
  margin-top: 1.25vw;
  color: #d9d9d9;
  font-size: 1.3671875vw;
  line-height: 1.640625vw;
}
.screen6 .fullbox .leftbox .detailbox {
  margin-top: 6.484375vw;
  display: flex;
  align-items: center;
}
.screen6 .fullbox .leftbox .detailbox .detailitem {
  margin-right: 3.75vw;
  display: flex;
  flex-direction: column;
}
.screen6 .fullbox .leftbox .detailbox .detailitem > .tit {
  font-family: SemiboldTitle !important;
  color: #ffffff;
  font-size: 1.5625vw;
  line-height: 1.875vw;
  font-weight: 700;
}
.screen6 .fullbox .leftbox .detailbox .detailitem > .tit .titnum {
  color: #ffffff;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
}
.screen6 .fullbox .leftbox .detailbox .detailitem > .des {
  color: #d9d9d9;
  font-size: 1.171875vw;
  line-height: 1.40625vw;
}
.screen6 .fullbox .numbox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56.25vw;
}
.screen6 .fullbox .numbox .num {
  width: 58.59375vw;
  font-family: BoldTitle!important;
  font-style: italic;
  font-weight: 700;
  font-size: 46.875vw;
}
.screen6 .fullbox .numbox .imginner {
  position: absolute;
  width: 22.96875vw;
  margin-left: 2.34375vw;
}
.screen6 .otherdes {
  position: absolute;
  right: 9.375vw;
  bottom: 5.234375vw;
  font-weight: 400;
  font-size: 0.703125vw;
  line-height: 0.84375vw;
  color: #d9d9d9;
  text-align: right;
}
.screen7 .fullbox {
  display: flex;
  justify-content: space-between;
}
.screen7 .fullbox > .imgbox {
  width: 50vw;
}
.screen7 .fullbox .desbox {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 17.2265625vw 0 0 5.859375vw;
}
.screen7 .fullbox .desbox .tit {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #1f190f;
  font-weight: 700;
  font-family: SemiboldTitle !important;
}
.screen7 .fullbox .desbox .des {
  margin-top: 1.25vw;
  font-size: 1.3671875vw;
  line-height: 1.640625vw;
  color: #3f3a33;
}
.screen8 .fullbox {
  display: flex;
  justify-content: space-between;
}
.screen8 .fullbox > .imgbox {
  width: 50vw;
}
.screen8 .fullbox .desbox {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 9.8828125vw 0 0 9.375vw;
}
.screen8 .fullbox .desbox .tit {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #1f190f;
  font-weight: 700;
  font-family: SemiboldTitle !important;
}
.screen8 .fullbox .desbox .des {
  margin-top: 1.25vw;
  font-size: 1.3671875vw;
  line-height: 1.640625vw;
  color: #3f3a33;
}
.screen8 .fullbox .desbox .num {
  margin-top: 3.9453125vw;
  font-size: 11.71875vw;
  line-height: 14.0625vw;
  font-family: SemiboldTitle !important;
  font-weight: 700;
}
.screen8 .fullbox .desbox .btbox {
  display: flex;
  align-items: center;
}
.screen8 .fullbox .desbox .btbox .imgbox {
  width: 2.2265625vw;
  height: 2.2265625vw;
  margin-right: 0.9375vw;
}
.screen8 .fullbox .desbox .btbox .bt {
  font-size: 2.109375vw;
  line-height: 2.53125vw;
  font-weight: 600;
  color: #1f190f;
}
.screen9 {
  padding: 8.59375vw 0 0;
  background-color: #f8f9fd;
}
.screen9 .fullbox {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.screen9 .fullbox .imgbox {
  margin-top: 4.6875vw;
  width: 69.5703125vw;
  position: relative;
}
.screen9 .fullbox .imgbox .tit {
  top: 3.90625vw;
  position: absolute;
  font-family: SemiboldTitle !important;
  color: #1f190f;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen9 .fullbox .imgbox .des {
  top: 8.4375vw;
  position: absolute;
  margin-top: 1.25vw;
  color: #3f3a33;
  font-size: 1.3671875vw;
  line-height: 1.640625vw;
  text-align: center;
}
.screen10 {
  padding: 1.2890625vw 5.9375vw 12.5vw 9.375vw;
  background-color: #f8f9fd;
}
.screen10 .otherdes {
  position: absolute;
  right: 9.375vw;
  bottom: 3.203125vw;
  font-weight: 400;
  font-size: 0.703125vw;
  line-height: 0.84375vw;
  color: #1f190f;
  text-align: right;
}
.screen10 .fullbox {
  display: flex;
  justify-content: space-between;
}
.screen10 .fullbox > .imgbox {
  width: 27.6171875vw;
}
.screen10 .fullbox .desbox {
  display: flex;
  flex-direction: column;
}
.screen10 .fullbox .desbox .tit {
  font-family: SemiboldTitle !important;
  color: #1f190f;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen10 .fullbox .desbox .des {
  margin-top: 1.25vw;
  color: #3f3a33;
  font-size: 1.3671875vw;
  line-height: 1.640625vw;
}
.screen10 .fullbox .desbox .spanbox {
  margin-top: 4.6875vw;
  display: flex;
}
.screen10 .fullbox .desbox .spanbox .spanboxl,
.screen10 .fullbox .desbox .spanbox .spanboxr {
  display: flex;
  flex-direction: column;
}
.screen10 .fullbox .desbox .spanbox .spanboxl .spanitem,
.screen10 .fullbox .desbox .spanbox .spanboxr .spanitem {
  margin-bottom: 2.34375vw;
  display: flex;
  align-items: center;
}
.screen10 .fullbox .desbox .spanbox .spanboxl .spanitem .imgbox,
.screen10 .fullbox .desbox .spanbox .spanboxr .spanitem .imgbox {
  margin-right: 1.09375vw;
  width: 1.484375vw;
  height: 1.484375vw;
}
.screen10 .fullbox .desbox .spanbox .spanboxl .spanitem .titbox,
.screen10 .fullbox .desbox .spanbox .spanboxr .spanitem .titbox {
  display: flex;
  flex-direction: column;
}
.screen10 .fullbox .desbox .spanbox .spanboxl .spanitem .titbox .titt,
.screen10 .fullbox .desbox .spanbox .spanboxr .spanitem .titbox .titt {
  color: #1f190f;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
  font-weight: 700;
}
.screen10 .fullbox .desbox .spanbox .spanboxl .spanitem .titbox .titb,
.screen10 .fullbox .desbox .spanbox .spanboxr .spanitem .titbox .titb {
  margin-top: 0.3125vw;
  color: #3f3a33;
  font-size: 1.09375vw;
  line-height: 1.3125vw;
  font-weight: 400;
}
.screen10 .fullbox .desbox .spanbox .spanboxl .spanitem:first-child .circlebox,
.screen10 .fullbox .desbox .spanbox .spanboxr .spanitem:first-child .circlebox {
  position: relative;
  width: 1.484375vw;
  height: 1.484375vw;
  border-radius: 50%;
  border: 0.078125vw solid #000000;
}
.screen10 .fullbox .desbox .spanbox .spanboxl .spanitem:first-child .circlebox .circle2box,
.screen10 .fullbox .desbox .spanbox .spanboxr .spanitem:first-child .circlebox .circle2box {
  position: absolute;
  width: 1.015625vw;
  height: 1.015625vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 0.078125vw solid #000000;
}
.screen10 .fullbox .desbox .spanbox .spanboxl .spanitem:first-child .circlebox .circle2box .circle3box,
.screen10 .fullbox .desbox .spanbox .spanboxr .spanitem:first-child .circlebox .circle2box .circle3box {
  position: absolute;
  width: 0.546875vw;
  height: 0.546875vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 0.078125vw solid #000000;
}
.screen10 .fullbox .desbox .spanbox .spanboxr {
  margin-left: 2.34375vw;
}
.screen11 {
  background-color: #000000;
}
.screen11 .fullbox {
  display: flex;
  justify-content: space-between;
  padding: 8.5546875vw 3.2421875vw 8.515625vw 9.375vw;
}
.screen11 .fullbox .rightbox {
  display: flex;
  flex-direction: column;
  margin-top: 11.1328125vw;
}
.screen11 .fullbox .rightbox .tit {
  font-family: SemiboldTitle !important;
  color: #ffffff;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 700;
}
.screen11 .fullbox .rightbox .des {
  margin-top: 1.25vw;
  color: #d9d9d9;
  font-size: 1.3671875vw;
  line-height: 1.640625vw;
}
.screen11 .fullbox .imgbox {
  width: 52.1484375vw;
}
.screen11 .otherdes {
  position: absolute;
  right: 9.375vw;
  bottom: 1.953125vw;
  font-weight: 400;
  font-size: 0.703125vw;
  line-height: 0.84375vw;
  color: #d9d9d9;
  text-align: right;
}
.screen12 {
  background-color: #f8f9fd;
  padding: 7.8125vw 9.375vw 3.90625vw;
}
.screen12 .fullbox {
  padding: 4.296875vw 4.8828125vw 2.890625vw 7.65625vw;
  background-color: #EAEBEF;
  border-radius: 0.78125vw;
  display: flex;
  justify-content: space-between;
}
.screen12 .fullbox .desbox {
  padding: 7.109375vw 0 0 0;
  display: flex;
  flex-direction: column;
}
.screen12 .fullbox .desbox .tit {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  color: #1f190f;
  font-weight: 700;
  font-family: SemiboldTitle !important;
}
.screen12 .fullbox .desbox .des {
  margin-top: 1.25vw;
  font-size: 1.3671875vw;
  line-height: 1.640625vw;
  color: #3f3a33;
}
.screen12 .fullbox .imgbox {
  width: 25.3125vw;
}
.screen13 {
  background-color: #f8f9fd;
  padding: 0 9.375vw 10.9375vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen13 .imgbox {
  border-radius: 0.78125vw;
  background-color: #EAEBEF;
  width: 38.671875vw;
  position: relative;
}
.screen13 .imgbox .desbox {
  position: absolute;
  top: 2.34375vw;
  display: flex;
  flex-direction: column;
}
.screen13 .imgbox .desbox .tit {
  text-align: center;
  font-size: 2.34375vw;
  line-height: 2.8125vw;
  color: #1f190f;
  font-weight: 700;
  font-family: SemiboldTitle !important;
}
.screen13 .imgbox .desbox .des {
  text-align: center;
  margin-top: 1.25vw;
  font-size: 1.171875vw;
  line-height: 1.40625vw;
  color: #3f3a33;
}
.screen13 .imgbox:last-child {
  padding: 21.2890625vw 12.1875vw 4.6875vw;
}
.screen13 .imgbox:last-child .desbox {
  top: 3.75vw;
}
@media screen and (max-width: 1080px) {
  .data-megabook_pc {
    display: none;
  }
  .data-megabook_m {
    display: block;
  }
  .main {
    background-color: #000000;
  }
  .screen1m {
    background-color: #f8f9fd;
  }
  .screen1m .imgbox {
    position: relative;
    padding: 46.66666667vw 5.55555556vw 20.37037037vw;
  }
  .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.59259259vw;
    line-height: 3.11111111vw;
    color: #000000;
    padding-right: 4.81481481vw;
    position: relative;
    padding-left: 4.81481481vw;
  }
  .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: 0 5.55555556vw 33.14814815vw;
    background-color: #f8f9fd;
    margin-top: -0.37037037vw;
  }
  .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: #3f3a33;
  }
  .screen2m .fulldesbox {
    width: 88.88888889vw;
    margin: 0 auto;
    display: grid;
    gap: 1.85185185vw;
    grid-template-rows: 48.14814815vw 48.14814815vw 50vw 40.74074074vw;
  }
  .screen2m .fulldesbox .grids {
    display: grid;
    gap: 1.85185185vw;
  }
  .screen2m .fulldesbox .grids .imgbox {
    position: relative;
    background-color: #000000;
    border-radius: 1.85185185vw;
  }
  .screen2m .fulldesbox .grid1 {
    grid-template-columns: 43.51851852vw 43.51851852vw;
  }
  .screen2m .fulldesbox .grid1 .imgbox .titbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 2.96296296vw;
  }
  .screen2m .fulldesbox .grid1 .imgbox .titbox .titt {
    font-weight: 600;
    font-size: 3.51851852vw;
    line-height: 4.22222222vw;
    color: #ffffff;
  }
  .screen2m .fulldesbox .grid1 .imgbox .titbox .titb {
    margin-top: 1.11111111vw;
    font-weight: 400;
    font-size: 2.22222222vw;
    line-height: 2.66666667vw;
    color: #ffffff;
  }
  .screen2m .fulldesbox .grid1 .imgbox:last-child {
    padding: 9.53703704vw 2.03703704vw 0;
  }
  .screen2m .fulldesbox .grid1 .numbox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38.51851852vw;
  }
  .screen2m .fulldesbox .grid1 .numbox .num {
    width: 43.51851852vw;
    font-family: BoldTitle!important;
    font-style: italic;
    font-weight: 700;
    font-size: 33.33333333vw;
  }
  .screen2m .fulldesbox .grid1 .numbox .imginner {
    position: absolute;
    width: 16.38888889vw;
  }
  .screen2m .fulldesbox .grid2 {
    grid-template-columns: 43.51851852vw 43.51851852vw;
  }
  .screen2m .fulldesbox .grid2 .imgbox .titbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 2.96296296vw;
  }
  .screen2m .fulldesbox .grid2 .imgbox .titbox .titt {
    font-weight: 600;
    font-size: 3.51851852vw;
    line-height: 4.22222222vw;
    color: #ffffff;
  }
  .screen2m .fulldesbox .grid2 .imgbox .titbox .titb {
    margin-top: 1.11111111vw;
    font-weight: 400;
    font-size: 2.22222222vw;
    line-height: 2.66666667vw;
    color: #ffffff;
  }
  .screen2m .fulldesbox .grid3 {
    grid-template-columns: 43.51851852vw 43.51851852vw;
  }
  .screen2m .fulldesbox .grid3 .grid3_1 .imgbox .titbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 2.96296296vw;
  }
  .screen2m .fulldesbox .grid3 .grid3_1 .imgbox .titbox .titt {
    font-weight: 600;
    font-size: 3.51851852vw;
    line-height: 4.22222222vw;
    color: #ffffff;
  }
  .screen2m .fulldesbox .grid3 .grid3_1 .imgbox .titbox .titb {
    margin-top: 1.11111111vw;
    font-weight: 400;
    font-size: 2.22222222vw;
    line-height: 2.66666667vw;
    color: #ffffff;
  }
  .screen2m .fulldesbox .grid3 .grid3_2 {
    display: grid;
    grid-template-rows: 24.07407407vw 24.07407407vw;
    gap: 1.85185185vw;
  }
  .screen2m .fulldesbox .grid3 .grid3_2 .imgbox .titbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 2.22222222vw;
    top: 7.77777778vw;
  }
  .screen2m .fulldesbox .grid3 .grid3_2 .imgbox .titbox .titt {
    font-weight: 600;
    font-size: 3.51851852vw;
    line-height: 4.22222222vw;
    color: #ffffff;
  }
  .screen2m .fulldesbox .grid3 .grid3_2 .imgbox .titbox .titb {
    margin-top: 1.11111111vw;
    font-weight: 400;
    font-size: 2.22222222vw;
    line-height: 2.66666667vw;
    color: #ffffff;
  }
  .screen2m .fulldesbox .grid3 .grid3_2 .imgbox:first-child {
    padding: 4.44444444vw 3.61111111vw 4.35185185vw 24.81481481vw;
  }
  .screen2m .fulldesbox .grid3 .grid3_2 .imgbox:first-child .titbox .titb {
    margin-top: 0;
    font-size: 3.51851852vw;
    line-height: 4.22222222vw;
    font-weight: 600;
  }
  .screen2m .fulldesbox .grid3 .grid3_2 .imgbox:last-child .titbox {
    top: 7.96296296vw;
  }
  .screen2m .fulldesbox .grid4 {
    grid-template-columns: 43.51851852vw 43.51851852vw;
  }
  .screen2m .fulldesbox .grid4 .imgbox .titbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 2.96296296vw;
  }
  .screen2m .fulldesbox .grid4 .imgbox .titbox .titt {
    font-weight: 600;
    font-size: 3.51851852vw;
    line-height: 4.22222222vw;
    color: #ffffff;
  }
  .screen2m .fulldesbox .grid4 .imgbox .titbox .titb {
    margin-top: 1.11111111vw;
    font-weight: 400;
    font-size: 2.22222222vw;
    line-height: 2.66666667vw;
    color: #ffffff;
  }
  .screen3m {
    background-color: #000000;
    padding: 14.81481481vw 5.55555556vw 0;
  }
  .screen3m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen3m .fullbox .desbox {
    display: flex;
    flex-direction: column;
  }
  .screen3m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #ffffff;
    font-weight: 700;
    font-family: SemiboldTitle !important;
  }
  .screen3m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #d9d9d9;
    padding-right: 1.38888889vw;
  }
  .screen3m .fullbox .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen3m .otherdes {
    position: absolute;
    right: 5.55555556vw;
    bottom: 1.85185185vw;
    font-weight: 400;
    text-align: right;
    font-size: 1.48148148vw;
    line-height: 1.77777778vw;
    color: #d9d9d9;
  }
  .screen4m {
    background-color: #000000;
    padding: 24.07407407vw 0 0;
  }
  .screen4m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen4m .fullbox .desbox {
    padding: 0 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen4m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #ffffff;
    font-weight: 700;
    font-family: SemiboldTitle !important;
  }
  .screen4m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #d9d9d9;
  }
  .screen4m .fullbox > .imgbox {
    margin-top: 7.40740741vw;
    position: relative;
  }
  .screen4m .fullbox > .imgbox .maskbox {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16.66666667vw;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .screen4m .fullbox > .imgbox .maskbox .maskitems {
    display: flex;
    align-items: center;
  }
  .screen4m .fullbox > .imgbox .maskbox .maskitems .maskitem {
    display: flex;
    align-items: center;
  }
  .screen4m .fullbox > .imgbox .maskbox .maskitems .maskitem .imgbox {
    width: 5.55555556vw;
    height: 5.55555556vw;
    margin-right: 1.85185185vw;
  }
  .screen4m .fullbox > .imgbox .maskbox .maskitems .maskitem .itemdes {
    color: #ffffff;
    font-size: 2.22222222vw;
    line-height: 2.66666667vw;
  }
  .screen4m .fullbox > .imgbox .maskbox .maskitems .maskitem:first-child::after {
    content: '';
    display: block;
    width: 0.09259259vw;
    height: 5.55555556vw;
    background-color: #ffffff;
    margin: 0 5.55555556vw;
  }
  .screen4m .fullbox > .imgbox .maskbox .maskitems .maskitem:last-child .imgbox .imginner {
    width: 5vw;
    height: 4.72222222vw;
  }
  .screen5m {
    background-color: #000000;
    padding: 25.92592593vw 5.55555556vw;
  }
  .screen5m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen5m .fullbox .desbox {
    display: flex;
    flex-direction: column;
  }
  .screen5m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #ffffff;
    font-weight: 700;
    font-family: SemiboldTitle !important;
  }
  .screen5m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #d9d9d9;
    padding-right: 1.38888889vw;
  }
  .screen5m .fullbox .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen6m {
    background-color: #000000;
    padding: 0 0 19.16666667vw;
  }
  .screen6m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen6m .fullbox .desbox {
    padding: 0 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen6m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #ffffff;
    font-weight: 700;
    font-family: SemiboldTitle !important;
  }
  .screen6m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #d9d9d9;
  }
  .screen6m .fullbox .numbox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 95.55555556vw;
  }
  .screen6m .fullbox .numbox .num {
    margin-left: -9.25925926vw;
    width: 100vw;
    font-family: BoldTitle!important;
    font-style: italic;
    font-weight: 700;
    font-size: 79.62962963vw;
  }
  .screen6m .fullbox .numbox .imginner {
    position: absolute;
    width: 40.92592593vw;
  }
  .screen6m .fullbox .detailbox {
    margin-top: -7.40740741vw;
    display: flex;
    align-items: center;
    padding: 0 13.7037037vw 0 12.31481481vw;
    justify-content: space-between;
  }
  .screen6m .fullbox .detailbox .detailitem {
    display: flex;
    flex-direction: column;
  }
  .screen6m .fullbox .detailbox .detailitem > .tit {
    text-align: center;
    font-family: SemiboldTitle !important;
    color: #ffffff;
    font-size: 3.7037037vw;
    line-height: 4.44444444vw;
    font-weight: 700;
  }
  .screen6m .fullbox .detailbox .detailitem > .tit .titnum {
    color: #ffffff;
    font-size: 6.48148148vw;
    line-height: 7.77777778vw;
  }
  .screen6m .fullbox .detailbox .detailitem > .des {
    margin-top: 1.11111111vw;
    color: #d9d9d9;
    font-size: 2.22222222vw;
    line-height: 2.66666667vw;
  }
  .screen6m .otherdes {
    position: absolute;
    right: 5.55555556vw;
    bottom: 5.55555556vw;
    font-weight: 400;
    text-align: right;
    font-size: 1.48148148vw;
    line-height: 1.77777778vw;
    color: #d9d9d9;
  }
  .screen7m {
    background-color: #f8f9fd;
    padding-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;
    font-family: SemiboldTitle !important;
  }
  .screen7m .fullbox .desbox .des {
    padding-right: 2.87037037vw;
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #3f3a33;
  }
  .screen7m .fullbox .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen8m {
    background-color: #f8f9fd;
    padding-top: 25.92592593vw;
  }
  .screen8m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen8m .fullbox .desbox {
    display: flex;
    flex-direction: column;
    padding: 0 5.55555556vw;
  }
  .screen8m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #1f190f;
    font-weight: 700;
    font-family: SemiboldTitle !important;
  }
  .screen8m .fullbox .desbox .des {
    padding-right: 10.55555556vw;
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #3f3a33;
  }
  .screen8m .fullbox > .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen8m .fullbox .bottombox {
    display: flex;
    margin-left: 5.55555556vw;
  }
  .screen8m .fullbox .bottombox .num {
    font-size: 27.77777778vw;
    line-height: 33.33333333vw;
    font-family: SemiboldTitle !important;
    font-weight: 700;
  }
  .screen8m .fullbox .bottombox .btbox {
    margin-left: 7.31481481vw;
    padding-top: 14.81481481vw;
    display: flex;
    align-items: center;
  }
  .screen8m .fullbox .bottombox .btbox .imgbox {
    width: 5.27777778vw;
    height: 5.27777778vw;
    margin-right: 2.22222222vw;
  }
  .screen8m .fullbox .bottombox .btbox .bt {
    font-size: 5vw;
    line-height: 6vw;
    font-weight: 600;
    color: #1f190f;
  }
  .screen9m {
    margin-top: -0.37037037vw;
    background-color: #f8f9fd;
    padding: 28.88888889vw 0 0;
  }
  .screen9m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen9m .fullbox .imgbox {
    padding: 0 2.59259259vw;
    position: relative;
  }
  .screen9m .fullbox .imgbox .desbox {
    top: -8.51851852vw;
    position: absolute;
    display: flex;
    flex-direction: column;
    padding: 0 5.55555556vw;
  }
  .screen9m .fullbox .imgbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #1f190f;
    font-weight: 700;
    font-family: SemiboldTitle !important;
  }
  .screen9m .fullbox .imgbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #3f3a33;
    padding-right: 1.38888889vw;
  }
  .screen10m {
    margin-top: -0.37037037vw;
    padding: 20.37037037vw 0 25.92592593vw;
    background-color: #f8f9fd;
  }
  .screen10m .fullbox {
    display: flex;
    flex-direction: column;
    padding: 0 5.55555556vw;
  }
  .screen10m .fullbox .desbox {
    display: flex;
    flex-direction: column;
  }
  .screen10m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #1f190f;
    font-weight: 700;
    font-family: SemiboldTitle !important;
  }
  .screen10m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.77777778vw;
    line-height: 3.33333333vw;
    color: #3f3a33;
  }
  .screen10m .fullbox > .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen10m .fullbox .spanbox {
    margin-top: 7.40740741vw;
    display: flex;
  }
  .screen10m .fullbox .spanbox .spanboxl,
  .screen10m .fullbox .spanbox .spanboxr {
    display: flex;
    flex-direction: column;
  }
  .screen10m .fullbox .spanbox .spanboxl .spanitem,
  .screen10m .fullbox .spanbox .spanboxr .spanitem {
    margin-bottom: 5.55555556vw;
    display: flex;
    align-items: center;
  }
  .screen10m .fullbox .spanbox .spanboxl .spanitem .imgbox,
  .screen10m .fullbox .spanbox .spanboxr .spanitem .imgbox {
    margin-right: 2.59259259vw;
    width: 3.51851852vw;
    height: 3.51851852vw;
  }
  .screen10m .fullbox .spanbox .spanboxl .spanitem .titbox,
  .screen10m .fullbox .spanbox .spanboxr .spanitem .titbox {
    display: flex;
    flex-direction: column;
  }
  .screen10m .fullbox .spanbox .spanboxl .spanitem .titbox .titt,
  .screen10m .fullbox .spanbox .spanboxr .spanitem .titbox .titt {
    color: #1f190f;
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
    font-weight: 700;
  }
  .screen10m .fullbox .spanbox .spanboxl .spanitem .titbox .titb,
  .screen10m .fullbox .spanbox .spanboxr .spanitem .titbox .titb {
    margin-top: 1.11111111vw;
    color: #3f3a33;
    font-size: 2.22222222vw;
    line-height: 2.66666667vw;
    font-weight: 400;
  }
  .screen10m .fullbox .spanbox .spanboxr {
    margin-left: 5.74074074vw;
  }
  .screen10m .fullbox .otherdes {
    margin-top: 7.31481481vw;
    font-weight: 400;
    font-size: 1.48148148vw;
    line-height: 1.77777778vw;
    color: #1f190f;
    text-align: right;
  }
  .screen11m {
    background-color: #000000;
    padding: 14.81481481vw 0 3.7037037vw;
  }
  .screen11m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen11m .fullbox .desbox {
    padding: 0 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen11m .fullbox .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #ffffff;
    font-weight: 700;
    font-family: SemiboldTitle !important;
  }
  .screen11m .fullbox .desbox .des {
    padding-right: 7.40740741vw;
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #d9d9d9;
  }
  .screen11m .fullbox > .imgbox {
    margin-top: 8.33333333vw;
    padding: 0 6.75925926vw;
  }
  .screen11m .fullbox .otherdes {
    text-align: right;
    padding-right: 6.2037037vw;
    margin-top: 1.85185185vw;
    font-size: 1.48148148vw;
    line-height: 1.77777778vw;
    color: #d9d9d9;
  }
  .screen12m {
    background-color: #f8f9fd;
    padding: 29.35185185vw 5.55555556vw 5.55555556vw;
  }
  .screen12m .fullbox {
    background-color: #EAEBEF;
    border-radius: 1.85185185vw;
    padding: 5.55555556vw 3.7037037vw 3.7037037vw;
    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;
    font-family: SemiboldTitle !important;
  }
  .screen12m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #3f3a33;
  }
  .screen12m .fullbox .imgbox {
    padding: 0 18.61111111vw;
    margin-top: 5.55555556vw;
  }
  .screen13m {
    margin-top: -0.37037037vw;
    padding-top: 5.55555556vw;
    background-color: #f8f9fd;
  }
  .screen13m .fullbox {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .screen13m .fullbox > .imgbox {
    width: 88.88888889vw;
    border-radius: 1.85185185vw;
    background-color: #EAEBEF;
    position: relative;
    justify-content: flex-start;
  }
  .screen13m .fullbox > .imgbox .desbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 5.55555556vw;
    padding: 0 3.7037037vw;
  }
  .screen13m .fullbox > .imgbox .desbox .tit {
    font-size: 4.81481481vw;
    line-height: 5.77777778vw;
    color: #000000;
    font-weight: 700;
    font-family: SemiboldTitle !important;
  }
  .screen13m .fullbox > .imgbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.40740741vw;
    line-height: 2.88888889vw;
    color: #3f3a33;
  }
  .screen14m {
    margin-top: -0.37037037vw;
    background-color: #f8f9fd;
    padding: 5.55555556vw 5.55555556vw 26.66666667vw;
  }
  .screen14m .fullbox {
    background-color: #EAEBEF;
    border-radius: 1.85185185vw;
    padding: 5.55555556vw 3.7037037vw 7.40740741vw;
    display: flex;
    flex-direction: column;
  }
  .screen14m .fullbox .desbox {
    display: flex;
    flex-direction: column;
  }
  .screen14m .fullbox .desbox .tit {
    font-size: 4.81481481vw;
    line-height: 5.77777778vw;
    color: #1f190f;
    font-weight: 700;
    font-family: SemiboldTitle !important;
  }
  .screen14m .fullbox .desbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.40740741vw;
    line-height: 2.88888889vw;
    color: #3f3a33;
  }
  .screen14m .fullbox .imgbox {
    padding: 0 19.81481481vw;
    margin-top: 6.66666667vw;
  }
}
/*# sourceMappingURL=index.css.map */