/*
Theme Name: SAKURAI
Theme URI:
Author:
Author URI:
Description: SAKURAI Original WordPress Theme
Version: 1.0.0
*/


/* =========================
   Reset
========================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body {
    margin: 0;

    color: #222;
    background-color: #fff;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        "Hiragino Kaku Gothic ProN",
        "Hiragino Sans",
        "Yu Gothic",
        Meiryo,
        sans-serif;

    line-height: 1.6;
}


body.menu-open {
    overflow: hidden;
}


img {
    display: block;

    max-width: 100%;
    height: auto;
}


a {
    color: inherit;

    text-decoration: none;
}


ul,
ol {
    margin: 0;
    padding: 0;

    list-style: none;
}


h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-top: 0;
}


button,
input,
textarea,
select {
    font: inherit;
}


button {
    color: inherit;
}


/* =========================
   Common
========================= */

.main {
    width: 100%;
}


.inner {
    width: min(1100px, calc(100% - 40px));

    margin-inline: auto;
}


.section {
    padding-block: 120px;
}


.section-title {
    margin-bottom: 50px;

    font-size: 40px;
    line-height: 1.2;
}


/* =========================
   Article
========================= */

.article {
    padding-block: 120px;
}


.article__title {
    margin-bottom: 40px;

    font-size: 40px;
}


/* =========================
   Responsive
========================= */

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

    .inner {
        width: min(100% - 32px, 1100px);
    }


    .section {
        padding-block: 80px;
    }


    .section-title {
        margin-bottom: 30px;

        font-size: 32px;
    }


    .article {
        padding-block: 80px;
    }


    .article__title {
        font-size: 32px;
    }

}