@charset "UTF-8";
/* ============================================================================
unit.aist用　Default styles
PC用（画面幅897px以上用）CSS
Template Version : 2.0.0
Last Update      : 2025-09-12
============================================================================ */

@media screen and (min-width: 897px) {

  /*　@media ↑↑【削除禁止】※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※*/

  /* ===========================================================
 common
=========================================================== */
  /*--SP版 PC版のみ表示--*/
  .pcView {
    display: block;
  }

  .spView {
    display: none;
  }

  /* ===========================================================
 header
=========================================================== */
  #gHeader {
    position: initial;
  }

  #gHeader .spHeader {
    display: none;
  }

  /* PC版（画面サイズ897以上）ヘッダー ------------------------------------------------*/
  .pcHeader {
    display: block;
    border-bottom: 5px solid var(--theme-color-red);
  }

  .pcHeader .topBox {
    background: #333333;
  }

  .pcHeader .topBox {
    color: #FFFFFF;
  }

  .pcHeader .topBox a {
    color: #FFFFFF;
  }

  .pcHeader .topBox {
    width: 100%;
    display: grid;
    grid-template: "siteTitleBox menuBtnBox";
    grid-template-columns: 1fr 45px;
    grid-template-rows: 1fr;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    z-index: 1;
  }

  .pcHeader .topList ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
  }

  /* headBody -----------------------------------------------------------*/
  .pcHeader .hBox {
    width: 100%;
    max-width: var(--content-area-width);
    padding: 1.3em var(--content-area-sidePadding);
    margin: 0 auto;
    text-align: left;
    display: flex;
    gap: 40px;
    justify-content: space-between;
  }

  .pcHeader .hBox .leftBox {
    flex-shrink: 2;
  }

  /*header topBox ------------------------------------------------*/

  .pcHeader .topBox {
    background-color: #333333;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }

  .pcHeader .topBox .topList {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 12px;
    flex-grow: 2;
  }

  .pcHeader .topBox .topList ul {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .pcHeader .topBox .topList ul li {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .pcHeader .topBox .topList li a {
    color: #fff;
    text-decoration: none;
  }

  .pcHeader .topBox .topList li a:hover {
    text-decoration: underline;
  }

  .pcHeader .topBox .rightFixManu {
    display: flex;
    flex-shrink: 2;
  }

  .pcHeader .topBox .searchWrap {
    color: #fff;
    padding: 8px 10px 10px 10px;
    border-left: 1px solid #888;
    display: flex;
    align-items: center;
  }

  /*header language------------------------------------------------*/
  .pcHeader .topBox .languageWrap {
    border-left: 1px solid #888;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pcHeader .topBox .languageWrap a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    flex-wrap: wrap;
    font-size: 1.2rem;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    min-width: 45px;
    gap: 5px;
    line-height: 1;
  }

  .pcHeader .topBox .languageWrap a::before {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    background: url(../img/common/ico_language.svg) no-repeat left center / 1em;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(330deg) brightness(108%) contrast(101%);
  }

  .pcHeader .topBox .languageWrap a:hover,
  .pcHeader .topBox .languageWrap a:focus {
    text-decoration: underline;
    opacity: 0.7;
  }


  /* Logo style ------------------------------------------------*/

  .pcHeader .aistlogo_box {
    display: flex;
    gap: 2.5rem;
    margin-bottom: 1.3em;
    justify-content: flex-start;
  }

  .pcHeader .aistlogo_box .aistlogo img {
    min-width: 150px;
    width: auto;
  }

  .pcHeader .aistlogo_box .depname {
    display: flex;
    font-size: 1.8rem;
    line-height: 1.2;
    align-items: center;
  }

  .pcHeader .unitname_box {
    margin: 5px 0 0;
    padding: 0;
  }

  .pcHeader .unitname_box .unitname {
    font-size: 2.6rem;
    margin: 0 0 0.2em;
    padding: 0;
    border: none;
  }

  .pcHeader .unitname_box .unitname a {
    text-decoration: none;
    color: var(--theme-fontColor-black);
  }

  .pcHeader .unitname_box .unitname a:focus-visible {
    color: var(--theme-color-red);
  }

  @media (any-hover: hover) {
  .pcHeader .unitname_box .unitname a:any-link:hover {
      color: var(--theme-color-red);
    }
  }

  .pcHeader .unitname_en {
    font-size: 1.6rem;
  }

  /* 産総研トップへ ------------------------------------------------*/

  .pcHeader .rightBox .btn_aistTop {
    position: relative;
    padding-left: 2em;
    margin-bottom: 2em;
    font-weight: 600;
    white-space: nowrap;
  }

  .pcHeader .rightBox .btn_aistTop a {
    color: var(--theme-fontColor-black);
    text-decoration: none;
  }

  .pcHeader .rightBox .btn_aistTop a:focus-visible {
    text-decoration: underline;
    color: var(--theme-color-red);
  }

  @media (any-hover: hover) {
    .pcHeader .rightBox .btn_aistTop a:any-link:hover {
      text-decoration: underline;
      color: var(--theme-color-red);
    }
  }

  .pcHeader .rightBox .btn_aistTop a::before {
    content: "";
    display: block;
    width: 1.5em;
    height: 1.5em;
    background: url(../img/common/ico_aist-top.svg) no-repeat top center / 1.5em;
    position: absolute;
    left: 0;
    top: 0.2em;
  }

  /* ===========================================================
 footer
=========================================================== */
  #footBody .linkList.pcArea {
    display: block;
  }

  /* ===========================================================
 Layout
=========================================================== */
  .contentPane {
    margin-bottom: 80px;
  }

  /* ===========================================================
Table
=========================================================== */
  /*--SP版（画面幅896px以下）のとき、縦積みにする--*/
  table.table-stack-sp th,
  table.table-stack-sp td {
    display: table-cell;
    border: 1px solid #d7d7d7;
  }

  table.table-stack-sp thead {
    display: table-header-group;
  }

  table.table-stack-sp td::before {
    display: none;
  }

  /*--member_list　(table-stack-spと併用します)--*/
  table.table-stack-sp.member_list th,
  table.table-stack-sp.member_list td {
    border: 1px solid #d7d7d7;
  }

  table.table-stack-sp.member_list td.photo {
    text-align: center;
  }

  table.table-stack-sp.member_list td.photo img {
    max-width: 100px;
  }

  table.table-stack-sp.member_list td.name {
    text-align: left;
  }

  /* ===========================================================
imageTextBox
=========================================================== */

  /*--画像・テキスト横並び 枠あり--*/
  .imageTextBox {
    flex-direction: row;
  }

  .imageTextBox .textBox {
    flex: 1;
  }

  /*線無し*/
  .imageTextBox.noborder {
    border: none;
    padding: 0;
  }

  /* ===========================================================
newsList
=========================================================== */

  ul.newsList>li {
    flex-direction: row;
    gap: 4em;
  }

  /* ===========================================================
 button
=========================================================== */
  /* 横並びボタン(comBtnと併用) ------------------------------------------------*/
  .comBtnList.comBtn li {
    width: calc(50% - 10px);
  }

  /* comTextUl   ------------------------------------------------*/
  .comTextUl {
    flex-direction: row;
    text-align: center;
  }

  .comTextUl>li {
    width: calc(50% - 10px/2);
  }

  .comTextUl>li a {
    padding: 20px;
    min-height: 198px;
  }

  /* End @media ↓↓【削除禁止】※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※*/

}

/* ※※ここから先は記述しないでください※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※*/