@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');
}
* {
  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, #3938cf, #d783e1);
  -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;
}
span {
  color: #000;
}
.imgbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.imgbox .imginner {
  width: 100%;
}
.screen1 .imgbox {
  opacity: 0;
  position: relative;
}
.screen1 .imgbox .logoimg {
  position: absolute;
  top: 7.03125vw;
  left: 10.9375vw;
  width: 11.71875vw;
}
.screen1 .imgbox .tit {
  opacity: 0;
  position: absolute;
  top: 17.4609375vw;
  left: 19.7265625vw;
  font-weight: 600;
  font-size: 4.53125vw;
  line-height: 5.4375vw;
  color: #242324;
}
.screen1 .imgbox .des {
  opacity: 0;
  position: absolute;
  top: 30.2734375vw;
  left: 19.7265625vw;
  font-size: 1.40625vw;
  line-height: 1.8;
  color: #242324;
}
.screen1 .imgbox .padlogo {
  opacity: 0;
  position: absolute;
  top: 39.84375vw;
  left: 19.7265625vw;
  width: 12.9296875vw;
}
.screen2 {
  padding: 10.9375vw 0;
}
.screen2 .fulldesbox {
  width: 76.5625vw;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 23.4375vw 30.46875vw 21.09375vw;
  gap: 0.78125vw;
  padding: 0.78125vw;
}
.screen2 .fulldesbox .grids {
  display: grid;
  gap: 0.78125vw;
}
.screen2 .fulldesbox .grids .imgbox {
  position: relative;
  opacity: 0;
}
.screen2 .fulldesbox .grid1 {
  grid-template-rows: 20.546875vw 20.546875vw;
}
.screen2 .fulldesbox .grid1 .imgbox .tit {
  color: #242324;
  font-size: 1.25vw;
  font-weight: 600;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 1.5625vw;
}
.screen2 .fulldesbox .grid1 .imgbox .desbox {
  position: absolute;
  bottom: 2.8125vw;
  display: flex;
  width: 100%;
}
.screen2 .fulldesbox .grid1 .imgbox .desbox:last-child {
  bottom: 1.796875vw;
}
.screen2 .fulldesbox .grid1 .imgbox .desbox div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.screen2 .fulldesbox .grid1 .imgbox .desbox div .tit1 {
  font-size: 1.71875vw;
  font-weight: 600;
}
.screen2 .fulldesbox .grid1 .imgbox .desbox div .tit2 {
  font-weight: 600;
  color: #777777;
  font-size: 0.78125vw;
}
.screen2 .fulldesbox .grid2 {
  grid-template-rows: 22.65625vw 18.4375vw;
}
.screen2 .fulldesbox .grid2 .imgbox:first-child .logoimg {
  position: absolute;
  width: 5.546875vw;
  top: 1.875vw;
  left: 1.09375vw;
}
.screen2 .fulldesbox .grid2 .imgbox:first-child .tit {
  position: absolute;
  top: 6.25vw;
  left: 1.09375vw;
  color: #242324;
  font-size: 2.265625vw;
  line-height: 2.71875vw;
  font-weight: 600;
}
.screen2 .fulldesbox .grid2 .imgbox:first-child .des {
  position: absolute;
  top: 12.8125vw;
  left: 1.09375vw;
  font-size: 0.78125vw;
  line-height: 1.5625vw;
  color: #242324;
}
.screen2 .fulldesbox .grid2 .imgbox:last-child .tit {
  color: #242324;
  font-size: 1.25vw;
  font-weight: 600;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 1.5625vw;
}
.screen2 .fulldesbox .grid2 .imgbox:last-child .des {
  position: absolute;
  top: 7.9296875vw;
  right: 2.8125vw;
  font-size: 0.78125vw;
  line-height: 1.5625vw;
  color: #242324;
}
.screen2 .fulldesbox .grid3 {
  grid-template-rows: 17.8125vw 6.015625vw 16.484375vw;
}
.screen2 .fulldesbox .grid3 .imgbox .tit {
  color: #242324;
  font-size: 1.25vw;
  line-height: 1.5vw;
  font-weight: 600;
  position: absolute;
  width: 100%;
  text-align: center;
}
.screen2 .fulldesbox .grid3 .imgbox:first-child .tit {
  top: 1.5625vw;
}
.screen2 .fulldesbox .grid3 .imgbox:last-child .tit {
  top: 1.25vw;
}
.screen2 .fulldesbox .grid3 .imgbox:nth-child(2) .powertit {
  position: absolute;
  left: 0.625vw;
  top: 1.25vw;
  font-size: 2.96875vw;
  line-height: 3.5625vw;
  font-weight: 600;
}
.screen2 .fulldesbox .grid3 .imgbox:nth-child(2) .des {
  position: absolute;
  top: 1.6796875vw;
  right: 1.484375vw;
  font-size: 1.09375vw;
  line-height: 1.3125vw;
  color: #777777;
}
.screen3 {
  padding: 16.40625vw 0;
}
.screen3 .titbox {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: 67.1875vw;
}
.screen3 .titbox .tit1 {
  text-align: left;
  font-family: 'Brush';
  font-size: 6.25vw;
}
.screen3 .titbox .tit2 {
  text-align: right;
  color: #242324;
  font-size: 5.46875vw;
  font-weight: 600;
}
.screen4 {
  padding-bottom: 9.765625vw;
}
.screen4 .fullbox {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen4 .fullbox .tit {
  font-size: 3.515625vw;
  font-weight: 600;
  line-height: 7.03125vw;
}
.screen4 .fullbox .des {
  margin-top: 1.71875vw;
  font-size: 1.40625vw;
  line-height: 1.8;
  color: #242324;
}
.screen4 .fullbox .imgbox {
  margin-top: 5.859375vw;
  width: 70.4296875vw;
  position: relative;
}
.screen4 .fullbox .imgbox .desbox {
  position: absolute;
  bottom: 0;
  padding: 0 13.671875vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen4 .fullbox .imgbox .desbox .line {
  position: absolute;
  width: 1px;
  height: 4.6875vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #18130E;
}
.screen4 .fullbox .imgbox .desbox div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen4 .fullbox .imgbox .desbox div .tit1 {
  font-size: 6.640625vw;
  line-height: 7.96875vw;
}
.screen4 .fullbox .imgbox .desbox div .tit1 em {
  font-style: normal;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
}
.screen4 .fullbox .imgbox .desbox div .tit2 {
  font-size: 1.40625vw;
  line-height: 1.6875vw;
  color: #242324;
}
.screen5 .imgbox {
  width: 100%;
  position: relative;
}
.screen5 .imgbox .fulldesbox {
  position: absolute;
  left: 11.71875vw;
  display: flex;
  flex-direction: column;
}
.screen5 .imgbox .fulldesbox .tit {
  color: #ffffff;
  font-size: 3.125vw;
  line-height: 3.75vw;
}
.screen5 .imgbox .fulldesbox .des {
  margin-top: 0.9375vw;
  color: #999999;
  font-size: 1.40625vw;
  line-height: 1.8;
}
.screen5 .imgbox .fulldesbox.fulldesbox1 {
  top: 9.765625vw;
}
.screen5 .imgbox .fulldesbox.fulldesbox2 {
  top: 33.203125vw;
}
.screen6 {
  padding: 25.78125vw 0 12.5vw;
}
.screen6 .titbox {
  margin: 0 auto;
  text-align: center;
}
.screen6 .titbox .tit {
  font-size: 5.46875vw;
  color: #242324;
  font-weight: 600;
}
.screen6 .titbox .tit em {
  font-size: 6.25vw;
  font-family: 'Brush';
  font-style: normal;
  font-weight: 400;
}
.screen7 {
  padding-bottom: 14.84375vw;
}
.screen7 .fullbox {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen7 .fullbox .des {
  font-size: 1.40625vw;
  line-height: 1.8;
  color: #242324;
}
.screen7 .fullbox .imgbox {
  margin-top: 7.03125vw;
  width: 75.5078125vw;
}
.screen7 .fullbox .desbox {
  margin-top: 3.90625vw;
  padding: 0 20.3125vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen7 .fullbox .desbox div {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen7 .fullbox .desbox div:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 4.6875vw;
  left: 150%;
  top: 50%;
  transform: translateY(-50%);
  background-color: #999999;
}
.screen7 .fullbox .desbox div .tit1 {
  font-size: 5.078125vw;
  line-height: 6.09375vw;
}
.screen7 .fullbox .desbox div .tit1 em {
  font-style: normal;
  font-size: 2.734375vw;
  line-height: 3.28125vw;
}
.screen7 .fullbox .desbox div .tit2 {
  font-size: 1.40625vw;
  line-height: 1.6875vw;
  color: #242324;
}
.screen7 .fullbox .otherdes {
  width: 100%;
  margin-top: 3.90625vw;
  padding-right: 11.71875vw;
  display: flex;
  flex-direction: row-reverse;
  color: #666666;
  font-size: 0.46875vw;
  line-height: 0.5625vw;
}
.screen8 {
  padding: 0 11.71875vw 6.25vw;
}
.screen8 .titbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen8 .titbox .tit1 {
  font-size: 3.125vw;
  line-height: 1.6;
  font-weight: 600;
}
.screen8 .titbox .tit2 {
  text-align: right;
  color: #242324;
  font-size: 1.40625vw;
  line-height: 1.8;
}
.screen9 .imgbox {
  width: 100%;
  position: relative;
}
.screen9 .imgbox .tit {
  position: absolute;
  top: 35.9765625vw;
  text-align: center;
  color: #ffffff;
  font-size: 4.140625vw;
  line-height: 4.96875vw;
}
.screen9 .imgbox .otherdes {
  position: absolute;
  bottom: 3.125vw;
  padding-right: 11.71875vw;
  text-align: right;
  width: 100%;
}
.screen9 .imgbox .otherdes span {
  color: #D2D2D2;
  font-size: 0.46875vw;
  line-height: 0.5625vw;
}
.screen10 {
  padding: 25.78125vw 0 17.1875vw;
}
.screen10 .titbox {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: 77.890625vw;
}
.screen10 .titbox .tit1 {
  text-align: left;
  font-family: 'Brush';
  font-size: 6.25vw;
}
.screen10 .titbox .tit2 {
  text-align: right;
  color: #242324;
  font-size: 5.46875vw;
  font-weight: 600;
}
.screen11 {
  margin-bottom: 7.5390625vw;
  padding: 0 18.75vw;
}
.screen11 .desbox {
  display: flex;
  justify-content: space-between;
}
.screen11 .desbox .leftbox {
  display: flex;
  flex-direction: column;
}
.screen11 .desbox .leftbox .tit {
  font-size: 3.125vw;
  line-height: 3.75vw;
  color: #000000;
  font-weight: 600;
}
.screen11 .desbox .leftbox .tit .linner_tit {
  font-style: normal;
}
.screen11 .desbox .leftbox .des {
  font-size: 1.40625vw;
  margin-top: 1.5625vw;
  line-height: 1.8;
  color: #666666;
}
.screen11 .desbox .rightbox {
  display: flex;
  flex-direction: column;
}
.screen11 .desbox .rightbox div {
  display: flex;
  flex-direction: column;
}
.screen11 .desbox .rightbox div:not(:first-child) {
  margin-top: 2.5390625vw;
}
.screen11 .desbox .rightbox div span:first-child {
  font-size: 2.734375vw;
  line-height: 3.28125vw;
  font-weight: 600;
}
.screen11 .desbox .rightbox div span:last-child {
  margin-top: 0.625vw;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
  font-weight: 600;
  color: #666666;
}
.screen12 .imgbox {
  margin-top: 1.71875vw;
}
.screen12 .tit {
  text-align: center;
}
.screen12 .tit span {
  font-size: 2.03125vw;
  font-weight: 600;
  color: #999999;
}
.screen12 .des {
  margin-top: 4.6875vw;
  padding-right: 11.71875vw;
  text-align: right;
}
.screen12 .des span {
  font-size: 0.46875vw;
  line-height: 1.8;
  color: #666666;
}
.screen12 .line {
  margin: 7.8125vw auto 0;
  width: 76.5625vw;
  background-color: #999999;
  height: 1px;
}
.screen13 {
  margin: 2.34375vw 0 2.34375vw;
}
.screen13 .outerbox {
  display: flex;
  flex-direction: row-reverse;
}
.screen13 .outerbox .imgbox {
  width: 69.7265625vw;
  position: relative;
}
.screen13 .outerbox .imgbox .desbox {
  position: absolute;
  top: 10.3125vw;
  left: -26.3671875vw;
  display: flex;
  flex-direction: column;
}
.screen13 .outerbox .imgbox .desbox .tit {
  font-size: 3.125vw;
  line-height: 1.6;
  font-weight: 600;
}
.screen13 .outerbox .imgbox .desbox .des {
  font-size: 1.40625vw;
  margin-top: 2.34375vw;
  line-height: 1.8;
  color: #666666;
}
.screen14 {
  background-color: #f3f3f3;
  padding: 22.65625vw 0 17.578125vw;
}
.screen14 .titbox {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: 42.34375vw;
}
.screen14 .titbox .tit1 {
  text-align: left;
  font-family: 'Brush';
  font-size: 6.25vw;
}
.screen14 .titbox .tit2 {
  text-align: right;
  color: #242324;
  font-size: 5.46875vw;
  font-weight: 600;
}
.screen15 {
  background-color: #f3f3f3;
  padding: 0 11.5625vw;
}
.screen15 .titbox .tit {
  font-size: 3.125vw;
  line-height: 3.75vw;
  font-weight: 600;
}
.screen15 .desbox {
  display: flex;
  flex-direction: row-reverse;
}
.screen15 .desbox .innerbox {
  display: flex;
}
.screen15 .desbox .innerbox span {
  color: #666666;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
  display: flex;
  align-items: center;
}
.screen15 .desbox .innerbox span em {
  display: block;
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 50%;
  margin-right: 0.625vw;
}
.screen15 .desbox .innerbox span:first-child em {
  background-color: #373737;
}
.screen15 .desbox .innerbox span:last-child {
  margin-left: 4.53125vw;
}
.screen15 .desbox .innerbox span:last-child em {
  background-color: #DAD09C;
}
.screen15 .imgbox {
  width: 76.875vw;
  margin: 4.6875vw 0 0;
  padding-bottom: 10.9375vw;
}
.screen16 {
  background-color: #f3f3f3;
  padding: 0 0 14.0625vw 11.5625vw;
}
.screen16 .titbox .tit {
  font-size: 3.125vw;
  line-height: 3.75vw;
  font-weight: 600;
}
.screen16 .titbox .des {
  font-size: 1.40625vw;
  margin-top: 1.796875vw;
  line-height: 1.8;
  color: #666666;
}
.screen16 .outerbox {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 8.59375vw;
}
.screen16 .outerbox .imgbox {
  position: relative;
  width: 83.5546875vw;
}
.screen16 .outerbox .imgbox .linner_h {
  left: 4.296875vw;
  position: absolute;
  font-size: 6.640625vw;
  line-height: 7.96875vw;
  font-weight: 350;
}
.screen16 .outerbox .imgbox .tit1 {
  top: 1.953125vw;
}
.screen16 .outerbox .imgbox .tit2 {
  top: 16.484375vw;
}
.screen17 {
  background-color: #f3f3f3;
  padding-bottom: 7.421875vw;
}
.screen17 .imgbox {
  margin: 0 auto;
  width: 88.28125vw;
  position: relative;
}
.screen17 .titbox {
  position: absolute;
  left: 5.859375vw;
  top: 10.9375vw;
  font-size: 3.125vw;
  line-height: 1.6;
}
.screen17 .des {
  position: absolute;
  left: 5.859375vw;
  top: 22.734375vw;
  color: #666666;
  font-size: 1.40625vw;
  line-height: 1.8;
  width: 37vw;
}
.screen18 {
  padding: 27.34375vw 0 16.40625vw;
}
.screen18 .titbox {
  margin: 0 auto;
  text-align: center;
}
.screen18 .titbox .tit {
  font-size: 5.46875vw;
  color: #242324;
  font-weight: 600;
}
.screen18 .titbox .tit em {
  font-size: 6.25vw;
  font-family: 'Brush';
  font-style: normal;
  font-weight: 400;
}
.screen19 {
  padding-bottom: 10.9375vw;
}
.screen19 .titbox {
  padding: 0 11.71875vw;
  margin-bottom: 5vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen19 .titbox .tit1 {
  font-size: 3.125vw;
  line-height: 1.6;
  font-weight: 600;
}
.screen19 .titbox .tit1 em {
  font-size: 4.6875vw;
  line-height: 5.625vw;
  font-style: normal;
}
.screen19 .titbox .tit2 {
  text-align: right;
  color: #242324;
  font-size: 1.40625vw;
  line-height: 1.8;
  width: 40vw;
}
.screen19 .imgbox {
  margin: 0 auto;
  width: 88.28125vw;
}
.screen20 {
  padding-bottom: 9.375vw;
}
.screen20 .titbox {
  padding: 0 11.71875vw;
  margin-bottom: 11.3671875vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen20 .titbox .tit1 {
  font-size: 3.125vw;
  line-height: 1.6;
  font-weight: 600;
}
.screen20 .titbox .tit2 {
  text-align: right;
  color: #242324;
  font-size: 1.40625vw;
  line-height: 1.8;
}
.screen20 .imgbox {
  margin: 0 auto;
  width: 68.125vw;
}
.screen21 {
  background-color: #f3f3f3;
  padding: 22.65625vw 0 8.6328125vw;
}
.screen21 .titbox {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: 59.609375vw;
}
.screen21 .titbox .tit1 {
  text-align: left;
  font-family: 'Brush';
  font-size: 6.25vw;
}
.screen21 .titbox .tit2 {
  text-align: right;
  color: #242324;
  font-size: 5.46875vw;
  font-weight: 600;
}
.screen22 {
  background-color: #f3f3f3;
}
.screen22 .desbox {
  margin: 0 auto;
  text-align: center;
  color: #666666;
  font-size: 1.40625vw;
  line-height: 1.8;
  padding: 0 5vw;
}
.screen22 .imgbox {
  margin-top: 6.875vw;
  position: relative;
  width: 100%;
}
.screen22 .imgbox .imginner {
  z-index: 2;
}
.screen22 .imgbox .tit {
  position: absolute;
  left: 50%;
  top: -7.5%;
  z-index: 1;
  transform: translateX(-50%);
  color: #242324;
  font-size: 7.8125vw;
  line-height: 9.375vw;
  font-weight: 600;
}
.screen23 {
  padding: 25.390625vw 0 6.1328125vw;
}
.screen23 .titbox {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: 57.109375vw;
}
.screen23 .titbox .tit1 {
  text-align: left;
  color: #242324;
  font-size: 5.46875vw;
  font-weight: 600;
}
.screen23 .titbox .tit2 {
  font-size: 6.25vw;
  font-family: 'Brush';
  text-align: right;
}
.screen24 {
  padding-top: 11.0546875vw;
}
.screen24 .swiper_pc {
  height: 55.3125vw;
}
.screen24 .swiper_pc .swiper-wrapper {
  display: flex;
}
.screen24 .swiper_pc .swiper-wrapper .swiper1 {
  width: 100vw;
  padding-left: 5.859375vw;
  display: flex;
  justify-content: space-between;
}
.screen24 .swiper_pc .swiper-wrapper .swiper1 .leftbox {
  display: flex;
  flex-direction: column;
  position: relative;
}
.screen24 .swiper_pc .swiper-wrapper .swiper1 .leftbox::after {
  display: block;
  position: absolute;
  content: '';
  width: 0px;
  background-color: #999999;
  height: 46.875vw;
  right: -7.6171875vw;
  top: 0;
}
.screen24 .swiper_pc .swiper-wrapper .swiper1 .leftbox .tit {
  font-size: 3.125vw;
  line-height: 1.6;
  font-weight: 600;
  margin-top: 2vw;
}
.screen24 .swiper_pc .swiper-wrapper .swiper1 .leftbox .des {
  margin-top: 1.5625vw;
  font-size: 1.09375vw;
  line-height: 1.875vw;
  color: #666666;
}
.screen24 .swiper_pc .swiper-wrapper .swiper1 .leftbox .imgbox {
  margin-top: 3.125vw;
  width: 46.015625vw;
}
.screen24 .swiper_pc .swiper-wrapper .swiper1 .leftbox .otherdes {
  margin-top: 3.125vw;
  font-size: 0.78125vw;
  line-height: 1.875vw;
}
.screen24 .swiper_pc .swiper-wrapper .swiper1 .rightbox {
  display: flex;
  flex-direction: column;
}
.screen24 .swiper_pc .swiper-wrapper .swiper1 .rightbox .imgbox {
  width: 32.890625vw;
}
.screen24 .swiper_pc .swiper-wrapper .swiper1 .rightbox .tit {
  margin-top: 0.078125vw;
  font-size: 3.125vw;
  line-height: 3.75vw;
  font-weight: 600;
}
.screen24 .swiper_pc .swiper-wrapper .swiper1 .rightbox .des {
  margin-top: 0vw;
  font-size: 1.0546875vw;
  line-height: 1.875vw;
  color: #666666;
  width: 32vw;
}
.screen24 .swiper_pc .swiper-wrapper .swiper2 {
  width: 100vw;
  padding-right: 14.0234375vw;
  display: flex;
  justify-content: space-between;
}
.screen24 .swiper_pc .swiper-wrapper .swiper2 .leftbox {
  display: flex;
  flex-direction: column;
  position: relative;
}
.screen24 .swiper_pc .swiper-wrapper .swiper2 .leftbox::after {
  display: block;
  position: absolute;
  content: '';
  width: 0px;
  background-color: #999999;
  height: 46.875vw;
  right: -11.953125vw;
  top: 0;
}
.screen24 .swiper_pc .swiper-wrapper .swiper2 .leftbox .imgbox {
  width: 14.8046875vw;
}
.screen24 .swiper_pc .swiper-wrapper .swiper2 .rightbox {
  display: flex;
  flex-direction: column;
}
.screen24 .swiper_pc .swiper-wrapper .swiper2 .rightbox .tit {
  font-size: 3.125vw;
  line-height: 3.75vw;
  font-weight: 600;
  margin-top: 2vw;
}
.screen24 .swiper_pc .swiper-wrapper .swiper2 .rightbox .des {
  margin-top: 1.5625vw;
  font-size: 1.09375vw;
  line-height: 1.875vw;
  color: #666666;
}
.screen24 .swiper_pc .swiper-wrapper .swiper2 .rightbox .imgbox {
  width: 47.2265625vw;
}
.screen25 {
  padding: 11.015625vw 0 19.296875vw;
}
.screen25 .imgbox {
  margin: 0 auto;
  width: 88.28125vw;
  position: relative;
}
.screen25 .imgbox:first-child .titbox {
  position: absolute;
  left: 5.859375vw;
  top: 7.0703125vw;
  font-size: 2.734375vw;
  font-weight: 600;
  line-height: 3.28125vw;
}
.screen25 .imgbox:first-child .titbox .tit {
  margin-top: 0.625vw;
}
.screen25 .imgbox:first-child .des {
  position: absolute;
  left: 5.859375vw;
  top: 19.8828125vw;
  font-size: 1.09375vw;
  line-height: 1.875vw;
  color: #666666;
}
.screen25 .imgbox:last-child {
  margin-top: 2.34375vw;
}
.screen25 .imgbox:last-child .titbox {
  position: absolute;
  left: 5.859375vw;
  top: 8.7109375vw;
  font-size: 2.734375vw;
  line-height: 1.4;
  font-weight: 600;
}
.screen25 .imgbox:last-child .des {
  position: absolute;
  left: 5.859375vw;
  top: 22.1484375vw;
  font-size: 1.09375vw;
  line-height: 1.875vw;
  color: #666666;
}
@media screen and (max-width: 1080px) {
  .data-megabook_pc {
    display: none;
  }
  .data-megabook_m {
    display: block;
  }
  .screen1m .imgbox {
    position: relative;
    opacity: 0;
  }
  .screen1m .imgbox .des {
    position: absolute;
    top: 15.37037037vw;
    padding: 0 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen1m .imgbox .des .titmin {
    opacity: 0;
    color: #242324;
    font-weight: 600;
    font-size: 4.07407407vw;
    line-height: 4.88888889vw;
  }
  .screen1m .imgbox .des .titbig {
    opacity: 0;
    color: #242324;
    font-weight: 600;
    font-size: 8.88888889vw;
    line-height: 10.66666667vw;
    margin-top: 1.2962963vw;
  }
  .screen1m .imgbox .des .othertit {
    opacity: 0;
    margin-top: 2.22222222vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .screen1m .imgbox .des .othertit span {
    color: #242324;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    position: relative;
    padding: 0 3.7037037vw;
    line-height: 2;
  }
  .screen1m .imgbox .des .othertit span:not(:last-child)::after {
    content: '';
    display: block;
    position: absolute;
    background-image: linear-gradient(to bottom, #fff, #000, #fff);
    width: 1px;
    height: 9.25925926vw;
    left: 100%;
    top: 0;
  }
  .screen2m {
    padding: 13.88888889vw 5.55555556vw;
    display: grid;
    gap: 1.85185185vw;
  }
  .screen2m .imgbox {
    opacity: 0;
    position: relative;
  }
  .screen2m .grid1 .imgbox .logoimg {
    position: absolute;
    width: 13.14814815vw;
    top: 4.44444444vw;
    left: 3.7037037vw;
  }
  .screen2m .grid1 .imgbox .tit {
    position: absolute;
    top: 11.11111111vw;
    left: 3.7037037vw;
    color: #242324;
    font-size: 5.37037037vw;
    line-height: 6.44444444vw;
    font-weight: 600;
  }
  .screen2m .grid1 .imgbox .des {
    position: absolute;
    top: 30.37037037vw;
    left: 3.7037037vw;
    font-size: 1.85185185vw;
    line-height: 3.7037037vw;
    color: #242324;
  }
  .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: #242324;
    font-size: 2.96296296vw;
    font-weight: 600;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 1.85185185vw;
  }
  .screen2m .grid2 div .imgbox .desbox {
    position: absolute;
    bottom: 3.7037037vw;
    display: flex;
    width: 100%;
  }
  .screen2m .grid2 div .imgbox .desbox div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .screen2m .grid2 div .imgbox .desbox div .tit1 {
    font-size: 3.7037037vw;
    font-weight: 600;
  }
  .screen2m .grid2 div .imgbox .desbox div .tit2 {
    font-weight: 600;
    color: #777777;
    font-size: 1.85185185vw;
  }
  .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: #242324;
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
    font-weight: 600;
    position: absolute;
    width: 100%;
    text-align: center;
  }
  .screen2m .grid3 div .imgbox .tit {
    top: 2.77777778vw;
  }
  .screen2m .grid4 .imgbox .powertit {
    position: absolute;
    left: 11.11111111vw;
    top: 3.24074074vw;
    font-size: 7.03703704vw;
    line-height: 8.44444444vw;
    font-weight: 600;
  }
  .screen2m .grid4 .imgbox .des {
    position: absolute;
    top: 4.25925926vw;
    right: 21.75925926vw;
    font-size: 2.59259259vw;
    line-height: 3.11111111vw;
    color: #777777;
  }
  .screen2m .grid5 .imgbox .tit {
    color: #242324;
    font-size: 2.96296296vw;
    font-weight: 600;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 3.7037037vw;
  }
  .screen2m .grid5 .imgbox .des {
    position: absolute;
    top: 17.87037037vw;
    right: 14.81481481vw;
    font-size: 1.85185185vw;
    line-height: 3.7037037vw;
    color: #242324;
  }
  .screen3m {
    padding: 15.74074074vw 5.55555556vw;
  }
  .screen3m .titbox {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
  }
  .screen3m .titbox .tit1 {
    text-align: left;
    font-family: 'Brush';
    font-size: 8.51851852vw;
  }
  .screen3m .titbox .tit2 {
    text-align: right;
    color: #242324;
    font-size: 6.66666667vw;
    font-weight: 600;
  }
  .screen4m {
    padding: 13.88888889vw 5.55555556vw 20.37037037vw;
  }
  .screen4m .fullbox {
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .screen4m .fullbox .tit {
    font-size: 5.55555556vw;
    font-weight: 600;
    line-height: 8.33333333vw;
  }
  .screen4m .fullbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.40740741vw;
    line-height: 1.8;
    color: #242324;
  }
  .screen4m .fullbox .imgbox {
    margin-top: 7.40740741vw;
    position: relative;
  }
  .screen4m .fullbox .imgbox .desbox {
    position: absolute;
    bottom: 0;
    padding: 0 9.25925926vw;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .screen4m .fullbox .imgbox .desbox .line {
    position: absolute;
    width: 1px;
    height: 9.25925926vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #18130E;
  }
  .screen4m .fullbox .imgbox .desbox div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .screen4m .fullbox .imgbox .desbox div .tit1 {
    font-size: 9.25925926vw;
    line-height: 11.11111111vw;
  }
  .screen4m .fullbox .imgbox .desbox div .tit1 em {
    font-style: normal;
    font-size: 3.7037037vw;
    line-height: 4.44444444vw;
  }
  .screen4m .fullbox .imgbox .desbox div .tit2 {
    font-size: 2.40740741vw;
    line-height: 2.88888889vw;
    color: #242324;
  }
  .screen5m .imgbox {
    position: relative;
  }
  .screen5m .imgbox .fulldesbox {
    position: absolute;
    left: 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen5m .imgbox .fulldesbox .tit {
    color: #ffffff;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
  }
  .screen5m .imgbox .fulldesbox .des {
    margin-top: 2.22222222vw;
    color: #999999;
    font-size: 2.40740741vw;
    line-height: 1.8;
  }
  .screen5m .imgbox .fulldesbox.fulldesbox1 {
    top: 9.25925926vw;
  }
  .screen5m .imgbox .fulldesbox.fulldesbox2 {
    top: 63.51851852vw;
  }
  .screen6m {
    padding: 28.33333333vw 0 16.66666667vw;
  }
  .screen6m .titbox {
    margin: 0 auto;
    text-align: center;
  }
  .screen6m .titbox .tit {
    font-size: 6.66666667vw;
    color: #242324;
    font-weight: 600;
  }
  .screen6m .titbox .tit em {
    font-size: 8.51851852vw;
    font-family: 'Brush';
    font-style: normal;
    font-weight: 400;
  }
  .screen7m {
    padding-bottom: 29.62962963vw;
  }
  .screen7m .fullbox {
    padding: 0 5.55555556vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .screen7m .fullbox .des {
    font-size: 2.40740741vw;
    line-height: 1.8;
    color: #242324;
  }
  .screen7m .fullbox .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen7m .fullbox .desbox {
    margin-top: 7.40740741vw;
    padding: 0 7.40740741vw;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .screen7m .fullbox .desbox div {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .screen7m .fullbox .desbox div:not(:last-child)::after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 6.2962963vw;
    left: 125%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #999999;
  }
  .screen7m .fullbox .desbox div .tit1 {
    font-size: 9.25925926vw;
    line-height: 11.11111111vw;
  }
  .screen7m .fullbox .desbox div .tit1 em {
    font-style: normal;
    font-size: 3.7037037vw;
    line-height: 4.44444444vw;
  }
  .screen7m .fullbox .desbox div .tit2 {
    font-size: 2.40740741vw;
    line-height: 2.88888889vw;
    color: #242324;
  }
  .screen7m .fullbox .otherdes {
    width: 100%;
    text-align: right;
    margin-top: 5.55555556vw;
    font-size: 1.11111111vw;
    line-height: 1.8;
  }
  .screen7m .fullbox .otherdes span {
    color: #999999;
  }
  .screen8m {
    padding: 0 5.55555556vw 7.40740741vw;
  }
  .screen8m .titbox {
    display: flex;
    flex-direction: column;
  }
  .screen8m .titbox .tit1 {
    font-size: 5.55555556vw;
    line-height: 1.8;
    font-weight: 600;
  }
  .screen8m .titbox .tit2 {
    margin-top: 2.96296296vw;
    color: #242324;
    font-size: 2.40740741vw;
    line-height: 1.8;
  }
  .screen9m .imgbox {
    position: relative;
  }
  .screen9m .imgbox .tit {
    position: absolute;
    top: 60.74074074vw;
    text-align: center;
    color: #ffffff;
    font-size: 5.55555556vw;
    line-height: 1.8;
  }
  .screen9m .imgbox .otherdes {
    position: absolute;
    bottom: 3.7037037vw;
    right: 5.55555556vw;
    width: 100%;
    text-align: right;
    color: #999999;
    font-size: 1.11111111vw;
    line-height: 1.8;
  }
  .screen10m {
    padding: 29.62962963vw 0 35.37037037vw;
  }
  .screen10m .titbox {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    width: 70.37037037vw;
  }
  .screen10m .titbox .tit1 {
    text-align: left;
    font-family: 'Brush';
    font-size: 8.51851852vw;
  }
  .screen10m .titbox .tit2 {
    text-align: right;
    color: #242324;
    font-size: 6.66666667vw;
    font-weight: 600;
  }
  .screen11m {
    margin-bottom: 7.40740741vw;
    padding: 0 5.55555556vw;
  }
  .screen11m .desbox {
    display: flex;
    flex-direction: column;
  }
  .screen11m .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    color: #000000;
    font-weight: 600;
  }
  .screen11m .desbox .tit .linner_tit {
    font-style: normal;
  }
  .screen11m .desbox .des {
    font-size: 2.40740741vw;
    margin-top: 2.96296296vw;
    line-height: 1.8;
    color: #666666;
  }
  .screen12m {
    padding-bottom: 29.62962963vw;
  }
  .screen12m .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen12m .tit {
    text-align: center;
  }
  .screen12m .tit span {
    font-size: 2.96296296vw;
    font-weight: 600;
    color: #999999;
  }
  .screen12m .des {
    margin-top: 5.55555556vw;
    padding-right: 5.55555556vw;
    text-align: right;
    font-size: 1.11111111vw;
    line-height: 1.33333333vw;
    color: #999999;
  }
  .screen13m {
    padding-bottom: 16.66666667vw;
  }
  .screen13m .desbox {
    padding-left: 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen13m .desbox .tit {
    font-size: 5.55555556vw;
    line-height: 2;
    font-weight: 600;
  }
  .screen13m .desbox .des {
    font-size: 2.40740741vw;
    margin-top: 2.96296296vw;
    line-height: 1.8;
    color: #666666;
  }
  .screen13m .imgbox {
    margin-top: 5.55555556vw;
  }
  .screen14m {
    background-color: #f3f3f3;
    padding: 25.92592593vw 0 29.62962963vw;
  }
  .screen14m .titbox {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    width: 46.48148148vw;
  }
  .screen14m .titbox .tit1 {
    text-align: left;
    font-family: 'Brush';
    font-size: 8.51851852vw;
  }
  .screen14m .titbox .tit2 {
    text-align: right;
    color: #242324;
    font-size: 6.66666667vw;
    font-weight: 600;
  }
  .screen15m {
    background-color: #f3f3f3;
    padding: 0 5.55555556vw 29.16666667vw;
  }
  .screen15m .titbox .tit {
    font-size: 5.55555556vw;
    line-height: 2;
    font-weight: 600;
  }
  .screen15m .desbox {
    display: flex;
  }
  .screen15m .desbox .innerbox {
    display: flex;
  }
  .screen15m .desbox .innerbox span {
    color: #666666;
    font-size: 3.33333333vw;
    line-height: 4vw;
    display: flex;
    align-items: center;
  }
  .screen15m .desbox .innerbox span em {
    display: block;
    width: 2.96296296vw;
    height: 2.96296296vw;
    border-radius: 50%;
    margin-right: 1.48148148vw;
  }
  .screen15m .desbox .innerbox span:first-child em {
    background-color: #373737;
  }
  .screen15m .desbox .innerbox span:last-child {
    margin-left: 10.74074074vw;
  }
  .screen15m .desbox .innerbox span:last-child em {
    background-color: #DAD09C;
  }
  .screen15m .imgbox {
    margin: 11.11111111vw 0;
  }
  .screen16m {
    background-color: #f3f3f3;
    padding: 0 0 30.37037037vw 5.55555556vw;
  }
  .screen16m .titbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen16m .titbox .des {
    font-size: 2.40740741vw;
    margin-top: 2.96296296vw;
    line-height: 1.8;
    color: #666666;
  }
  .screen16m .outerbox {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 19.25925926vw;
  }
  .screen16m .outerbox .imgbox {
    position: relative;
    width: 94.44444444vw;
  }
  .screen16m .outerbox .imgbox .linner_h {
    left: 0;
    position: absolute;
    font-size: 12.96296296vw;
    line-height: 15.55555556vw;
    font-weight: 350;
  }
  .screen16m .outerbox .imgbox .tit1 {
    top: -8.14814815vw;
  }
  .screen16m .outerbox .imgbox .tit2 {
    bottom: 0.74074074vw;
  }
  .screen17m {
    background-color: #f3f3f3;
    padding: 0 5.55555556vw 11.11111111vw;
  }
  .screen17m .titbox .linner_tit {
    font-size: 3.7037037vw;
    line-height: 4.44444444vw;
    font-weight: 600;
  }
  .screen17m .desbox {
    margin-top: 2.96296296vw;
  }
  .screen17m .desbox .desinner {
    color: #666666;
    font-size: 2.40740741vw;
    line-height: 1.8;
  }
  .screen17m .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen18m {
    padding: 29.62962963vw 0;
  }
  .screen18m .titbox {
    margin: 0 auto;
    text-align: center;
  }
  .screen18m .titbox .tit {
    font-size: 6.66666667vw;
    color: #242324;
    font-weight: 600;
  }
  .screen18m .titbox .tit em {
    font-size: 8.51851852vw;
    font-family: 'Brush';
    font-style: normal;
    font-weight: 400;
  }
  .screen19m {
    padding: 0 5.55555556vw 29.62962963vw;
  }
  .screen19m .titbox {
    margin-bottom: 7.40740741vw;
    display: flex;
    flex-direction: column;
  }
  .screen19m .titbox .tit1 {
    font-size: 5.55555556vw;
    line-height: 8.88888889vw;
    font-weight: 600;
  }
  .screen19m .titbox .tit1 em {
    font-size: 9.25925926vw;
    font-style: normal;
  }
  .screen19m .titbox .tit2 {
    margin-top: 2.96296296vw;
    color: #666666;
    font-size: 2.40740741vw;
    line-height: 1.8;
  }
  .screen20m {
    padding: 0 5.55555556vw 25.92592593vw;
  }
  .screen20m .titbox {
    margin-bottom: 7.40740741vw;
    display: flex;
    flex-direction: column;
  }
  .screen20m .titbox .tit1 {
    font-size: 5.55555556vw;
    line-height: 8.88888889vw;
    font-weight: 600;
  }
  .screen20m .titbox .tit2 {
    margin-top: 2.96296296vw;
    color: #666666;
    font-size: 2.40740741vw;
    line-height: 1.8;
  }
  .screen21m {
    background-color: #f3f3f3;
    padding: 25.92592593vw 0 16.66666667vw;
  }
  .screen21m .titbox {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    width: 66.66666667vw;
  }
  .screen21m .titbox .tit1 {
    text-align: left;
    font-family: 'Brush';
    font-size: 8.51851852vw;
  }
  .screen21m .titbox .tit2 {
    text-align: right;
    color: #242324;
    font-size: 6.66666667vw;
    font-weight: 600;
  }
  .screen22m {
    background-color: #f3f3f3;
  }
  .screen22m .desbox {
    text-align: center;
    color: #666666;
    font-size: 2.40740741vw;
    line-height: 1.8;
    padding: 0 5vw;
  }
  .screen22m .imgbox {
    margin-top: 21.75925926vw;
    position: relative;
  }
  .screen22m .imgbox .imginner {
    z-index: 2;
  }
  .screen22m .imgbox .tit {
    position: absolute;
    text-align: center;
    top: -24%;
    z-index: 1;
    color: #242324;
    font-size: 16.66666667vw;
    line-height: 20vw;
    font-weight: 600;
  }
  .screen23m {
    padding: 29.62962963vw 0;
  }
  .screen23m .titbox {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    width: 59.25925926vw;
  }
  .screen23m .titbox .tit1 {
    text-align: left;
    color: #242324;
    font-size: 6.66666667vw;
    font-weight: 600;
  }
  .screen23m .titbox .tit2 {
    font-size: 8.51851852vw;
    font-family: 'Brush';
    text-align: right;
  }
  .screen24m .swiper_m .swiper-wrapper {
    display: flex;
  }
  .screen24m .swiper_m .swiper-wrapper .swiper1,
  .screen24m .swiper_m .swiper-wrapper .swiper2,
  .screen24m .swiper_m .swiper-wrapper .swiper3 {
    width: 100vw;
    padding: 0 5.55555556vw;
  }
  .screen24m .swiper_m .swiper-wrapper .swiper1 .box,
  .screen24m .swiper_m .swiper-wrapper .swiper2 .box,
  .screen24m .swiper_m .swiper-wrapper .swiper3 .box {
    display: flex;
    flex-direction: column;
  }
  .screen24m .swiper_m .swiper-wrapper .swiper1 .box .tit,
  .screen24m .swiper_m .swiper-wrapper .swiper2 .box .tit,
  .screen24m .swiper_m .swiper-wrapper .swiper3 .box .tit {
    font-size: 5.55555556vw;
    line-height: 2;
    font-weight: 600;
  }
  .screen24m .swiper_m .swiper-wrapper .swiper1 .box .des,
  .screen24m .swiper_m .swiper-wrapper .swiper2 .box .des,
  .screen24m .swiper_m .swiper-wrapper .swiper3 .box .des {
    height: 6em;
    margin-top: 2.96296296vw;
    font-size: 2.40740741vw;
    line-height: 1.8;
    color: #666666;
  }
  .screen24m .swiper_m .swiper-wrapper .swiper1 .box .imgbox,
  .screen24m .swiper_m .swiper-wrapper .swiper2 .box .imgbox,
  .screen24m .swiper_m .swiper-wrapper .swiper3 .box .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen24m .swiper_m .swiper-wrapper .swiper1 .box .otherdes,
  .screen24m .swiper_m .swiper-wrapper .swiper2 .box .otherdes,
  .screen24m .swiper_m .swiper-wrapper .swiper3 .box .otherdes {
    text-align: right;
    color: #999999;
    margin-top: 3.7037037vw;
    font-size: 1.85185185vw;
    line-height: 4.44444444vw;
  }
  .screen25m {
    padding: 29.62962963vw 5.55555556vw 41.38888889vw;
  }
  .screen25m .fullbox {
    display: flex;
    flex-direction: column;
  }
  .screen25m .fullbox:last-child {
    margin-top: 25.55555556vw;
  }
  .screen25m .fullbox .titbox {
    font-size: 5.55555556vw;
    font-weight: 600;
    line-height: 2;
  }
  .screen25m .fullbox .titbox .tit {
    margin-top: 2.59259259vw;
  }
  .screen25m .fullbox .des {
    margin-top: 2.96296296vw;
    font-size: 2.40740741vw;
    line-height: 1.8;
    color: #666666;
  }
  .screen25m .fullbox .imgbox {
    margin-top: 7.40740741vw;
  }
}
/*# sourceMappingURL=index.css.map */