@charset "UTF-8";
/* OF2025 common CSS */

    :root {
      --main-color: #F1F9FC;
      --accent-color: #304E99;
      --sub-color1: #74BCE3;
      --sub-color2: #B0D178;
      --sub-color3: #F6D67B;
      --sub-color4: #EE7C4E;
      --sub-color5: #D5226D;
      --sub-color6: #BB97BC;
      --sub-white-color1: #AFDBEE;
      --cat-color-researchdata: #E3750F;
      --cat-color-contents: #006732;
      --cat-color-HRD: #E26974;
      --cat-color-security: #8D498C;
      --cat-color-cloud: #90BE37;
      --cat-color-auth: #F3BB31;
      --cat-color-network: #1FA4DB;
      --cat-color-plan: #11366E;
      --TimeTable-border: 1px;
      --TimeTable-gap: 4px;
      --mypage-color: var(--cat-color-cloud);
      --application-color: var(--cat-color-auth);
      --header-height: 70px;
      --of-nav-sp-height: 8dvh;
    }

    @media (min-width: 640px) {
      :root {
        --TableItems-height: 64px;
        --TimeTable-gap: 4px;

      }
    }


    /* Reset OF CSS */

    a.pdf,
    a.doc {
      width: auto;
      text-align: center;
      border: unset;
      background: unset;
      box-shadow: unset;
      border-radius: unset;
      -moz-border-radius: unset;
      -webkit-border-radius: unset;
      padding: unset;
    }

    a.pdf:before,
    a.doc:before {
      background-image: unset;
    }

    a[href^="https://www.youtube.com"]::before,
    a[href^="https://youtu.be/"]::before {
      content: unset;
    }

    a[href^="https://www.youtube.com"],
    a[href^="https://youtu.be/"],
    a[href$=".pdf"],
    a[href$=".doc"],
    a[href$=".docx"],
    a[href$=".xls"],
    a[href$=".xlsx"],
    a[href$=".zip"] {
      padding-left: unset;
    }

    footer .totop {
      display: none;
  }  

    /* main CSS */

    .br-sp {
      display: block;
    }

    @media screen and (min-width:640px) {
      .br-sp {
        display: none;
      }
    }

    #track .content {
      background: url(/openforum/upload/7e8a14cbc3d6f79e797e18a1b7c1825e4a5b1074.png), white;
    }

    h2.blue {
      background: var(--accent-color);
    }

    /* header */

    #header .btns {
      display: none;
    }

    /* pagetop */

    .pagetop {
      display: none;
    }

    @media screen and (min-width: 640px),
    print {
      .pagetop {
        position: fixed;
        right: 10%;
        bottom: 35px;
        z-index: 99999;
        display: flex;
        opacity: 1;
      }
    }