@charset "UTF-8";

/* =======================================
　0.共通パーツ
======================================= */




/* =======================================
　1.トップページ
======================================= */


/*-----FV -----*/
/* アクセントロゴ */
#top-page-accent-logo {
  margin-bottom: -3.8vw;
}



/*----- リードエリア -----*/
/* リードボトム用マスク */
#lead-bottom-msk {
  height: 21vw;
  background: url(../image/common/msk-base-color-bottom.png) no-repeat center -2px;
  background-size: cover;
  margin-top: -10vw;
  margin-bottom: -20vw;
}


/*----- スタジオメニュー -----*/
#top-studio-menu {
  padding-bottom: 26vw;
}

#top-studio-menu-inner {
  padding-top: 24vw;
  gap: 6vw !important;
}


@media (max-width: 639px) {
  #top-studio-menu {
    padding-bottom: 46vw;
  }
}





/*----- インフォメーションエリア -----*/
/* インフォメーションエリアトップ用マスク */
#top-info-menu-top-msk {
  height: 14vw;
  background: url(../image/common/msk-wh-color-top.png) no-repeat center bottom;
  background-size: cover;
  margin-top: -12vw;
}

/* 宇宙飛行士イラスト */
#top-space-image {
  margin-bottom: -10px;
  width: 56vw;
}

@media (max-width: 639px) {
  #top-space-image {
    margin-bottom: -10px;
    width: 100vw;
  }
}


/* コンテンツエリア */
#information-area-wrap {
  padding-bottom: 30vw;
}

#top-info-contents {
  margin-top: -28vw;
}


@media (max-width: 639px) {
  #top-info-contents {
    margin-top: -40vw;
  }
}


/*----- スタッフエリア -----*/
#staff-top-msk {
  height: 13vw;
  background: url(../image/common/msk-main-color-top.png) no-repeat center bottom;
  background-size: cover;
  margin-top: -20vw;
}

#staff-area {
  margin-top: -10px;
}

#staff-bottom-msk {
  height: 11vw;
  background: url(../image/common/msk-main-color-bottom.png) no-repeat center bottom;
  background-size: cover;
}



/*----- アクセスリンクエリア -----*/
#access-link-area {
  margin-top: -12vw;
  padding-top: 16vw;
}



/* =======================================
　下層ページ共通
======================================= */

/*----- マスク（ベースカラー） -----*/
#detailpage-contents-msk {
  height: 12vw;
  background: url(../image/common/msk-base-color-bottom-detail.png) no-repeat center -2px;
  background-size: cover;
  margin-top: -6vw;
  margin-bottom: -10vw;
}



/* =======================================
　STUDIOページ
======================================= */
/*----- スタジオメニューエリア -----*/
#detail-studio-menu {
  padding-top: 10vw;
}


/* =======================================
　STAFFページ
======================================= */
#staff-menu-area {
  padding-top: 16vw;
}


/* =======================================
　リクルートページ
======================================= */

#recruit-contents {
  padding-bottom: 8vw;
}

#recruit-about-area {
  padding-top: 16vw;
}


/* =======================================
　
======================================= */