@charset "utf-8";

/* ワイド */
#main {
    max-width: 100%;
    width: 100%;
}

#main>section,
#main>.title-area {
    margin-top: var(--wide-section-vertical-spacing);
}

#main>section {
    padding-top: var(--wide-section-padding-top);
    padding-bottom: var(--wide-section-padding-bottom);
}

#main>section .title-area {
    margin-bottom: var(--wide-title-vertical-spacing);
}

#main .wrap {
    max-width: calc(var(--wide-width) - var(--wide-section-horizontal-spacing) * 2);
    width: calc(100% - var(--wide-section-horizontal-spacing) * 2);
    padding-left: var(--wide-section-horizontal-spacing);
    padding-right: var(--wide-section-horizontal-spacing);
}