/* =========================================
   Layout
   共通レイアウト
========================================= */
/* ページ全体 */
body{
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

/* ==========================
   Header
========================== */
header{
    background:#ffffff;
    border-bottom:1px solid var(--color-border);
    position:sticky;
    top:0;
    z-index:1000;
}

/* ヘッダーの中身 */
.header-inner{
    max-width:1100px;
    margin:0 auto;
    padding:16px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

/* ロゴ */
.logo a{
    display: flex;
    align-items: center;
}

.logo img{
    max-height: 50px;
    width: auto;
    max-width: 60%
}

/* ==========================
   Main
========================== */
main{
    flex:1;
}

/* コンテンツ幅 */
.container{
    max-width:1000px;
    margin:0 auto;
    padding:40px 20px;
}

/* ==========================
   Footer
========================== */
footer{
    background:var(--color-main);
    color:white;
    text-align:center;
    padding:20px;
    margin-top:60px;
}

/* ---------- Footer Overrides ---------- */
.footer-inner {
    max-width: 1100px;
    margin: 0 auto;
}

/* ==========================
   スマホ用
========================== */
@media (max-width: 768px) {
    .footer-inner {
        font-size: 10px;
    }

}