@charset "UTF-8";
@media (max-width: 768px) {
  .MainVisual {
    top: 0px;
    height: 1024px;
  }
  .WhatsVision {
    top: 788px;
  }
  .WhatsVision .cloud02 {
    top: -50px;
  }
  .WhatsVision .cloud03 {
    top: -100px;
  }
  .WhatsVision .cosmos {
    top: -80px;
  }
  .WhatsVision .cosmos .star {
    position: absolute;
    top: 580px;
    width: 160%;
    left: -30%;
  }
  .WhatsVision .cosmos .planet_a {
    position: absolute;
    /* 海王星 */
    left: calc(50% - 340px);
    top: 490px;
    width: 152px;
  }
  .WhatsVision .cosmos .planet_b {
    position: absolute;
    /* 火星 */
    left: calc(50% + 180px);
    top: 540px;
    width: 164px;
  }
  .WhatsVision .cosmos .planet_c {
    position: absolute;
    /* 土星 */
    left: calc(50% - 510px);
    top: 1110px;
    width: 320px;
  }
  .WhatsVision .cosmos .planet_d {
    position: absolute;
    /* 木星 */
    left: calc(50% + 180px);
    top: 1570px;
    width: 158px;
  }
  .WhatsVision .back {
    top: 563px;
  }
  .WhatsVision .info {
    margin-top: 533px;
  }
  .WhatsVision .info .themaContener {
    position: relative;
    width: calc(100% - 100px);
    max-width: 594px;
  }
  .PicupBusiness {
    top: 2757px;
    height: 1746px;
  }
  .PicupBusiness .CloudBase {
    position: absolute;
    transform: translate(60px, -106px);
  }
  .PicupBusiness .info {
    top: 382px;
  }
  .PicupBusiness .info .labelEn {
    margin-top: 160px;
  }
  .PicupBusiness .info h2 {
    line-height: 1.4;
  }
  .PicupBusiness .info h2 span {
    font-size: 20px;
    letter-spacing: 0.8px;
    margin-top: 200px;
  }
  .PicupBusiness .info .PicupBusinessCarousel {
    height: 400px;
  }
  .Interview {
    margin-top: 4064px;
  }
  .FutureAiMessage {
    min-height: 621px;
    display: flex;
    padding: 134px 0 93px;
  }
  .FutureAiMessage .labelEn {
    top: 63px;
    font-size: 60px;
    line-height: 89px;
    letter-spacing: 2px;
  }
  .FutureAiMessage .Frame {
    position: relative;
    width: calc(100% - 40px);
    min-height: 394px;
  }
  .FutureAiMessage .Frame .image {
    width: 320px;
    left: calc(25% - 160px);
    top: 88px;
  }
  .FutureAiMessage .Frame .info {
    margin: 24px 0 0;
    padding: 20px 30px 40px 20px;
    right: 0px;
    width: calc(50% + 10px);
    min-width: 340px;
  }
  .FutureAiMessage .Frame .info::before {
    content: "";
    position: absolute;
    transform: translate(-20px, -20px);
    width: 50%;
    height: 100%;
    background: #fff;
    filter: url(#blurX);
  }
  .FutureAiMessage .Frame .info .labelEn {
    font-size: 20px;
    line-height: 30px;
  }
  .FutureAiMessage .Frame .info h2 {
    margin: 0 0 14px;
  }
  .FutureAiMessage .Frame .info p {
    line-height: 26px;
    margin: 0 0 18px;
  }
  .FutureWorks {
    min-height: 691px;
    padding: 162px 0 83px;
  }
  .FutureWorks .info {
    background-color: #eaf5fb;
    position: absolute;
    top: 38px;
    font-family: var(--font-family-en);
    font-style: normal;
    font-weight: 600;
    width: 632.75px;
  }
  .FutureWorks .info .image01 {
    width: 123.75px;
    height: 187.59px;
  }
  .FutureWorks .info .labelEn {
    margin-top: 48px;
    font-size: 60px;
    line-height: 89px;
    letter-spacing: 1.8px;
  }
  .FutureWorks .info .image02 {
    width: 123.75px;
    height: 187.59px;
  }
  .FutureWorks .Frame {
    background-color: #fff;
    min-height: 446px;
    height: 100%;
    padding: 45px 0 48px;
    width: calc(100% - 40px);
  }
  .FutureWorks .Frame h2 {
    margin: 0 auto 4px;
  }
  .FutureWorks .Frame .text01 {
    width: calc(100% - 120px);
    max-width: 1000px;
  }
  .Character {
    height: 990px;
    background-position: top center;
    padding: 44px 0 0;
  }
  .Character .CharacterHeader {
    padding: 12px 0 20px;
  }
  .Character .CharacterHeader .labelEn {
    font-size: 60px;
    line-height: 89px;
    letter-spacing: 2.5px;
  }
  .AboutUS {
    min-height: 705px;
    padding: 110px 0 115px;
  }
  .AboutUS .info {
    position: absolute;
    top: 38px;
    font-family: var(--font-family-en);
    font-style: normal;
    font-weight: 600;
  }
  .AboutUS .info .labelEn {
    font-size: 60px;
    line-height: 89px;
  }
  .AboutUS .Frame {
    min-height: 480px;
    height: 100%;
    padding: 61px 0 48px;
  }
  .AboutUS .Frame h2 {
    margin: 0 auto 16px;
  }
}