@charset "utf-8";

:root{
    --main-color:#3888b0;
    --sub-color:#2f9471;
    --base-color-01:#ffffff;
    --base-color-02:#f0f0f0;
    --accent-color:#225588;
    --font-color:#333;

    --survice-color_SYSTEM:#3888b0;
    --survice-color_HP:#77cc22;
    --survice-color_SUPPORT:#FF7F27;
    --survice-color_SCHOOL:#991155;
}

/* --------
共通ヘッダー
-------- */
.HandPM_logo{
    margin:0 15px;
    display: block;
    z-index: 100;
    & img{height:60px;}
}
@media screen and (max-width: 600px){ /*一定幅で表示/非表示*/
    .HandPM_logo{display: none;}
}

/* --------
記事
-------- */
.HandPM-content a{
    transition: 0.3s;
    text-decoration: underline;
    color:var(--accent-color);
    &:hover{opacity: 0.7; text-decoration: none;}
}