/* htmlとbodyのマージンとパディングをリセットし、高さを100%に設定 */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

/* ヘッダー背景をページの上部まで伸ばす */
header {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

/* ヘッダー内部の要素の余白を完全に削除 */
.header_standard {
    margin: 0 !important;
    padding: 10px 0 !important;
    width: 100%;
    box-sizing: border-box;
}

/* ロゴとログインアイコンの位置とサイズを調整 */
.header_icon {
    height: 40px;
    width: auto;
    margin-left: 30px;
}

.header-logo {
    margin: 0;
    padding: 0;
}

.login_icon {
    float: right;
    margin-right: 30px;
}

.login_icon_pic {
    height: 20px;
    width: auto;
}

/* スマートフォン用のスタイル調整 */
@media (max-width: 767.98px) {
    h1, h2 {
        font-size: 28px;
    }
    h3, h4 {
        font-size: 20px;
    }

    .header_icon {
        height: 30px;
        margin-left: 15px;
    }

    .login_icon_pic {
        height: 16px;
    }

    .login_icon {
        margin-right: 15px;
    }
}