@charset "utf-8";

.top_image{
  background: url('../images/index/Top_Hayabusa.webp');
  position: fixed;
  left: 0;
  top: 80px;
  background-size: cover;
  height: 47vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  z-index: -1;
}

.main-content {
  /* background: url('../images/index/Top_Hayabusa.webp') no-repeat center center fixed; */
  background-size: cover;
}


.main-content section h1 {
  font-size: 72px;
  color: rgb(220, 20, 60);
  margin: 0px 0px 20px 0px;
}

.main-content section h3 {
  font-size: 18px;
  color: black;
}

#home {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 80px);
}

.home_inner {
  width: 80%;
  display: block;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: 0 10%;
}

.logos {

  display: flex;
  width: 100%;
  height: 80px;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
  padding-top: calc(47vh - 160px);
}

#logo_isas {
  height: 25px;
}

#logo_jaxa {
  margin-left: 10px;
  height: 45px;
}

.logo_tansa {
  height: 25px;
}


#text_pc {
  display: block;
}

#text_mobile {
  color: white;
  font-weight: 500;
  mix-blend-mode: difference; 
  display: none;
}


@media screen and (max-width:690px) {

  /*　画面サイズが880pxからはここを読み込む　*/
  #text_pc {
    display: none;
  }

  #text_mobile {
    display: block;
    word-break: auto-phrase
  }
}

@media screen and (max-height:540px) {

  /*　画面サイズが880pxからはここを読み込む　*/
  #text_pc {
    display: none;
  }

  #text_mobile {
    display: block;
    word-break: auto-phrase
  }
}


@media screen and (max-width:520px) {

  /*　画面サイズが880pxからはここを読み込む　*/
  .main-content section h1 {
    font-size: 56px;
    /* 中央揃え */
    text-align: center;
  }

  .logos{
    padding-top: calc(47vh - 150px);
    justify-content: center;
  }
}

@media screen and (max-width:405px) {

  /*　画面サイズが880pxからはここを読み込む　*/
  .main-content section h1 {
    font-size: 44px;
  }

  .logos{
    padding-top: calc(47vh - 135px);
  }
}