@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');

@media screen and (max-width:768px) {
    body {
        background: url(../images/s01_img00_sp.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
    }

    .sp_none {
        display: none;
    }


    .s01_img00_2_sp {
        margin: 50vh auto 50px;
    }

    .s01 {}

    .s01_inr01 {
        max-width: 1320px;
        margin: 0 auto;
    }

    .s01_s01_inr01_img01 {
        margin-bottom: 6vw;
    }

    .s01_s01_inr01_img02 {
        margin: 0 auto 3.6vw;
        display: block;
    }





    .s01_inr02 {
        margin: 0 auto;
        background: url(../images/s01_inr02_img00_sp.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .s01_inr02_img01 {
        max-width: 340px;
        display: block;
        margin: 0 auto;
    }

    h2.s02_ttl {
        font-family: "Shippori Mincho", serif;
        text-align: center;
        font-size: 22px;
        color: initial;
        border: initial;
        margin: initial;
    }

    p.s02_txt {
        font-family: "Shippori Mincho", serif;
        width: 88%;
        margin: 0 auto 4vw;
    }

    .s01_inr02_box {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        padding-bottom: 6vw;
        grid-gap:30px;
    }

    .s01_inr02_box div p {
        width: 80%;
        margin: 20px auto 0;
        text-align: justify;
        font-size: 16px;
    }
}


























@media screen and (min-width:769px) {
    body {
        background: url(../images/s01_img00_v2.jpg);
        background-size: auto 2250px;
        background-repeat: no-repeat;
        background-position: top;
    }

    .pc_none {
        display: none;
    }

    .s01 {}

    .s01_inr01 {
        max-width: 1320px;
        margin: 0 auto;
    }

    .s01_s01_inr01_img01 {
        margin-bottom: 6vw;
    }

    .s01_s01_inr01_img02 {
        max-width: 770px;
        margin: 0 auto 3.6vw;
        display: block;
    }





    .s01_inr02 {
        max-width: 1316px;
        margin: 0 auto;
    }


    .s01_inr02_img01 {
        max-width: 340px;
        display: block;
        margin: 0 auto;
    }

    h2.s02_ttl {
        font-family: "Shippori Mincho", serif;
        text-align: center;
        font-size: 22px;
        color: initial;
        border: initial;
        margin: initial;
    }

    p.s02_txt {
        font-family: "Shippori Mincho", serif;
        width: fit-content;
        margin: 0 auto 4vw;
        padding: 0 4%;
        font-size: 16px;
    }

    .s01_inr02_box {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding-bottom: 8vw;
    }

    .s01_inr02_box div p {
        width: 80%;
        margin: 20px auto 0;
        text-align: justify;
        font-size: 16px;
    }
}