@charset "UTF-8";

/* =========================================================
   layout.css
   共通レイアウト設定
========================================================= */


/* =========================================================
   Container / Section
========================================================= */

.container {
    width: min(90%, var(--container-width));
    margin-inline: auto;
}

.section {
    padding: 80px 0;
}

@media (min-width: 900px) {
    .section {
        padding: 140px 0;
    }
}


/* =========================================================
   Flex Utility
========================================================= */

.flex {
    display: flex;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}