/* =========================================================
   共通CSS
   サイト全体で使用する基本設定
========================================================= */


/* =========================
   基本設定
========================= */

html {
    font-size: 16px;

    scroll-behavior: smooth;
}


/* =========================
   body
========================= */

body {
    margin: 0;

    min-height: 100vh;

    display: flex;

    flex-direction: column;

    background-image: url("../images/sky.png");

    background-repeat: no-repeat;

    background-position: center top;

    background-size: cover;

    background-attachment: fixed;

    padding-top: 60px;

    box-sizing: border-box;
}


/* =========================
   main
========================= */

main {
    flex: 1;
}


/* =========================================================
   スマートフォン用
========================================================= */

@media screen and (max-width: 768px) {

    body {
        padding-top: 55px;
    }

}