header{
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    position: fixed;  /* 位置を固定する */
    top: 0;  /* 固定する位置を指定 */
    left: 0;  /* 固定する位置を指定 */
    z-index: 9999; /* 最前面に持ってくるため優先度値を高く設定 */
    width: 100%;
}

header nav{
    flex-grow: 1;
}

header ul{
    display: flex;
    align-items: center;
    margin-left: 40px;
    gap: 32px;
    font-size: 16px;
    list-style: none;
}

header a{
    text-decoration: none;
}

@media screen and (max-width: 768px) {
	/* タブレット以下に適用されるCSS（スマホ用） */
    header ul{
        margin-left: 0px;
    }
}