/* ヘッダー画像セクション */
header {
    background-image: url('../../../image/background/HP_main.png'); /* 背景画像を指定 */
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 220px 0;
    margin-top:100px;
    position: relative; /* ロゴやソーシャルリンクを背景に配置 */
}


/**********************/
/* 左下にあるロゴ         */
/**********************/
.char-logo {
    position: absolute; /* 固定表示 */
    left: 2%; /* 左端からの距離を指定 */
    bottom: 10px; /* 縦方向の中央に配置 */
    display: flex;
    align-items: center;
}

.char-logo img {
    height: 100px;
    width: auto;
}

/**********************/
/* SNSのリンク         */
/**********************/
.social-icons {
    position: absolute;
    bottom: 10px; /* 下端からの距離を指定 */
    right: 20px; /* 右端からの距離を指定 */
    display: flex;
    align-items: center;
}

.social-icons a {
    color: #fff;
    margin: 0 10px;
    font-size: 24px;
    text-decoration: none;
}