@charset "UTF-8";

/*
HEADER
================================================ */
    header {
        background: #333;
        padding: 1rem 0;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        z-index: 1;
    }
    header .wrapper {
        display: flex;      /* 直下の要素が並列になる */
        justify-content: space-between;     /* 各アイテムを均等に配置し、最初のアイテムは先頭に寄せ、最後のアイテムは末尾に寄せる */
        margin: 0 15px;
    }
    header .head-tytle{
        left: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    header a {
        color: #FFFFFF;
        font-size: 1.25rem;
    }
    header .head-hum{
        right: 0spx;
    }


/*
DESKTOP SIZE
================================================ */
/* [min-width]スクリーンサイズが要素以上の場合に適用 */
@media (min-width: 700px) {
    header .wrapper {
        margin: 0 50px;
    }
    header a {
        font-size: 1.5rem;
    }
}