* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.main {
  position: relative;
  overflow: hidden;
  background-color: #000000;
}
.screen {
  width: 100vw;
  height: fit-content;
  position: relative;
}
.gan_pc {
  display: block;
}
.gan_m {
  display: none;
}
.imgbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.imgbox img {
  width: 100%;
}
.screen1 {
  background-color: #ffffff;
  padding: 1.4844vw 0;
  display: flex;
  flex-direction: row-reverse;
}
.screen1 .imgbox {
  width: 63.8672vw;
}
.screen1 .gan_tit {
  position: absolute;
  left: 9.3359vw;
  top: 18.8281vw;
  display: flex;
  flex-direction: column;
}
.screen1 .gan_tit .gan_titf {
  font-size: 3.75vw;
  line-height: 4.5vw;
  font-family: 'Semibold';
  font-weight: 700;
  color: #000000;
}
.screen1 .gan_tit .gan_tits {
  margin-top: 2.8516vw;
  font-weight: 400;
  color: #000000;
  font-size: 1.875vw;
  line-height: 2.25vw;
}
.screen2 .gan_tit {
  position: absolute;
  right: 6.4453vw;
  top: 16.1328vw;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  text-align: right;
}
.screen2 .gan_tit .gan_titf {
  font-weight: 600;
  font-size: 3.3594vw;
  line-height: 4.0313vw;
  font-family: 'Semibold';
}
.screen2 .gan_tit .gan_tits {
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 2.25vw;
  margin-top: 1.9922vw;
  font-family: 'Semibold';
}
.screen2 .gan_tit .gan_desbox {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 6.0156vw;
}
.screen2 .gan_tit .gan_des {
  width: 38.2422vw;
  font-weight: 400;
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.screen3 .gan_tit {
  position: absolute;
  right: 6.4453vw;
  top: 15.8203vw;
  color: #000000;
  display: flex;
  flex-direction: column;
  text-align: right;
}
.screen3 .gan_tit .gan_titf {
  font-weight: 600;
  font-size: 3.3594vw;
  line-height: 4.0313vw;
  font-family: 'Semibold';
}
.screen3 .gan_tit .gan_tits {
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 2.25vw;
  margin-top: 2.9297vw;
  font-family: 'Semibold';
}
.screen3 .gan_tit .gan_desbox {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 6.4844vw;
}
.screen3 .gan_tit .gan_des {
  width: 29.0625vw;
  font-weight: 400;
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.screen3 .usbdesbox {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 21.2891vw;
  left: 50vw;
}
.screen3 .usbdesbox .useitem {
  display: flex;
  flex-direction: column;
}
.screen3 .usbdesbox .useitem .usetit {
  margin-top: 0.625vw;
  font-weight: 700;
  color: #1a1a1a;
  font-family: 'Semibold';
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.screen3 .usbdesbox .useitem .usedes {
  color: #1a1a1a;
  margin-top: 0.1563vw;
  font-size: 0.8203vw;
  line-height: 0.9844vw;
  font-weight: 400;
}
.screen3 .usbdesbox .useitem:not(:first-child) {
  margin-top: 1.25vw;
}
.screen3 .usbdesbox .useitem:nth-child(1) .imgbox {
  width: 4.7656vw;
  height: 1.5234vw;
}
.screen3 .usbdesbox .useitem:nth-child(2) .imgbox {
  width: 4.7656vw;
  height: 1.5234vw;
}
.screen3 .usbdesbox .useitem:nth-child(3) .imgbox {
  width: 6.2891vw;
  height: 3.2031vw;
}
.screen4 {
  background-color: #ffffff;
  padding: 9.1797vw 10.1172vw 13.5938vw 13.2813vw;
  display: flex;
  flex-direction: row-reverse;
}
.screen4 .imgbox {
  width: 36.4063vw;
}
.screen4 .gan_tit {
  position: absolute;
  left: 13.2813vw;
  top: 17.3828vw;
  display: flex;
  flex-direction: column;
}
.screen4 .gan_tit .gan_titf {
  font-size: 3.75vw;
  line-height: 4.5vw;
  font-family: 'Semibold';
  font-weight: 700;
  color: #1a1a1a;
}
.screen4 .gan_tit .gan_tits {
  margin-top: 2.8516vw;
  font-weight: 600;
  font-family: 'Semibold';
  color: #1a1a1a;
  font-size: 1.875vw;
  line-height: 2.25vw;
}
.screen4 .gan_tit .gan_desbox {
  display: flex;
  margin-top: 6.0156vw;
}
.screen4 .gan_tit .gan_des {
  color: #1a1a1a;
  width: 33.2422vw;
  font-weight: 400;
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.screen5 .gan_tit {
  position: absolute;
  right: 6.4453vw;
  top: 8.9844vw;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  text-align: right;
}
.screen5 .gan_tit .gan_titf {
  font-weight: 600;
  font-size: 3.3594vw;
  line-height: 4.0313vw;
  font-family: 'Semibold';
}
.screen5 .gan_tit .gan_tits {
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 2.25vw;
  margin-top: 1.8359vw;
  font-family: 'Semibold';
}
.screen5 .gan_tit .gan_desbox {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 3.125vw;
}
.screen5 .gan_tit .gan_des {
  width: 34.375vw;
  font-weight: 400;
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.screen6 {
  padding: 12.3828vw 0 25.5078vw 13.2813vw;
}
.screen6 .gan_tit {
  color: #ffffff;
  font-family: 'Semibold';
  font-size: 2.5vw;
  line-height: 3vw;
}
.screen6 .techsboxs {
  margin-top: 4.9609vw;
}
.screen6 .techsboxs .techsbox:not(:last-child) {
  margin-bottom: 1.5vw;
}
.screen6 .techsboxs .techsbox span {
  color: #ffffff;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.5vw;
}
.screen6 .techsboxs .techsbox span:not(:first-child) {
  margin-left: 1.5vw;
}
@media screen and (max-width: 1080px) {
  .gan_pc {
    display: none;
  }
  .gan_m {
    display: block;
  }
  .screen1m .gan_tit {
    position: absolute;
    width: 100%;
    top: 11.1111vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .screen1m .gan_tit .gan_titf {
    font-size: 6.6667vw;
    line-height: 8vw;
    font-family: 'Semibold';
    font-weight: 700;
    color: #000000;
  }
  .screen1m .gan_tit .gan_tits {
    margin-top: 3.7037vw;
    font-weight: 400;
    color: #000000;
    font-size: 3.4259vw;
    line-height: 4.1111vw;
  }
  .screen2m {
    background-color: #ffffff;
    padding: 12.963vw 0 25.9259vw 0;
  }
  .screen2m .gan_tit {
    padding-left: 5.5556vw;
    display: flex;
    flex-direction: column;
  }
  .screen2m .gan_tit .gan_titf {
    font-size: 6.6667vw;
    line-height: 8vw;
    color: #1a1a1a;
    font-weight: 600;
    font-family: 'Semibold';
  }
  .screen2m .gan_tit .gan_tits {
    font-size: 4.4444vw;
    line-height: 5.3333vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #1a1a1a;
    margin-top: 3.7037vw;
  }
  .screen2m .imgbox {
    margin-top: 5.5556vw;
  }
  .screen2m .gan_tit_s {
    padding: 5.5556vw 5.5556vw 0;
  }
  .screen2m .gan_tit_s .gan_des {
    font-size: 3.4259vw;
    font-weight: 400;
    line-height: 4.1111vw;
    color: #1a1a1a;
  }
  .screen3m .gan_tit {
    position: absolute;
    left: 5.5556vw;
    top: 14.8148vw;
    display: flex;
    flex-direction: column;
  }
  .screen3m .gan_tit .gan_titf {
    font-size: 6.6667vw;
    line-height: 8vw;
    color: #1a1a1a;
    font-weight: 600;
    font-family: 'Semibold';
  }
  .screen3m .gan_tit .gan_tits {
    font-size: 4.4444vw;
    line-height: 5.3333vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #1a1a1a;
    margin-top: 3.7037vw;
  }
  .screen3m .usbdesbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 66.6667vw;
    left: 71.8519vw;
  }
  .screen3m .usbdesbox .useitem {
    display: flex;
    flex-direction: column;
  }
  .screen3m .usbdesbox .useitem .usetit {
    margin-top: 1.4815vw;
    font-weight: 700;
    color: #1a1a1a;
    font-family: 'Semibold';
    font-size: 3.4259vw;
    line-height: 4.1111vw;
  }
  .screen3m .usbdesbox .useitem .usedes {
    color: #1a1a1a;
    margin-top: 0.7407vw;
    font-size: 2.037vw;
    line-height: 2.4444vw;
    font-weight: 400;
  }
  .screen3m .usbdesbox .useitem:not(:first-child) {
    margin-top: 4.8148vw;
  }
  .screen3m .usbdesbox .useitem:nth-child(1) .imgbox {
    width: 11.2963vw;
    height: 3.6111vw;
  }
  .screen3m .usbdesbox .useitem:nth-child(2) .imgbox {
    width: 11.2963vw;
    height: 3.6111vw;
  }
  .screen3m .usbdesbox .useitem:nth-child(3) .imgbox {
    width: 14.9074vw;
    height: 7.5926vw;
  }
  .screen3m .gan_tit_s {
    position: absolute;
    bottom: 11.1111vw;
    padding: 5.5556vw 5.5556vw 0;
  }
  .screen3m .gan_tit_s .gan_des {
    font-size: 3.4259vw;
    font-weight: 400;
    line-height: 4.1111vw;
    color: #1a1a1a;
  }
  .screen4m {
    background-color: #ffffff;
    padding: 35.1852vw 0 17.5926vw;
  }
  .screen4m .gan_tit {
    padding-left: 5.5556vw;
    display: flex;
    flex-direction: column;
  }
  .screen4m .gan_tit .gan_titf {
    font-size: 6.6667vw;
    line-height: 8vw;
    color: #1a1a1a;
    font-weight: 600;
    font-family: 'Semibold';
  }
  .screen4m .gan_tit .gan_tits {
    font-size: 4.4444vw;
    line-height: 5.3333vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #1a1a1a;
    margin-top: 3.7037vw;
  }
  .screen4m .imgbox {
    margin-top: 5.5556vw;
  }
  .screen4m .gan_tit_s {
    padding: 5.5556vw 5.5556vw 0;
  }
  .screen4m .gan_tit_s .gan_des {
    font-size: 3.4259vw;
    font-weight: 400;
    line-height: 4.1111vw;
    color: #1a1a1a;
  }
  .screen5m {
    background-color: #ffffff;
    padding: 17.5926vw 0 35.1852vw;
  }
  .screen5m .gan_tit {
    padding-left: 5.5556vw;
    display: flex;
    flex-direction: column;
  }
  .screen5m .gan_tit .gan_titf {
    font-size: 6.6667vw;
    line-height: 8vw;
    color: #1a1a1a;
    font-weight: 600;
    font-family: 'Semibold';
  }
  .screen5m .gan_tit .gan_tits {
    font-size: 4.4444vw;
    line-height: 5.3333vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #1a1a1a;
    margin-top: 3.7037vw;
  }
  .screen5m .imgbox {
    margin-top: 5.5556vw;
  }
  .screen5m .gan_tit_s {
    padding: 5.5556vw 5.5556vw 0;
  }
  .screen5m .gan_tit_s .gan_des {
    font-size: 3.4259vw;
    font-weight: 400;
    line-height: 4.1111vw;
    color: #1a1a1a;
  }
  .screen6m {
    background-color: #000000;
    padding: 25.9259vw 5.5556vw 29.3519vw;
  }
  .screen6m .gan_tit {
    font-family: 'Semibold';
    color: #ffffff;
    font-size: 5.9259vw;
    line-height: 7.1111vw;
    font-weight: 600;
  }
  .screen6m .techsboxs {
    margin-top: 11.1111vw;
    display: flex;
    flex-direction: column;
  }
  .screen6m .techsboxs span {
    color: #ffffff;
    font-weight: 400;
    font-size: 2.963vw;
    line-height: 3.5556vw;
  }
  .screen6m .techsboxs span:not(:first-child) {
    margin-top: 2vw;
  }
}
/*# sourceMappingURL=index.css.map */