@charset "utf-8";
/* ボックスサイジング */

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

/* 全てマージンパディングを一旦ゼロにする */

* {
    margin: 0;
    padding: 0;
}

/* ul,olの行頭文字を取る */

ul,
ol {
    list-style-type: none;
}

/* imgの大きさ */

img {
    max-width: 100%;
}

/* リンクのcssをリセットにする */

a {
    color: inherit;
    text-decoration: none;
}

html {
    background-color: #ffffcd;
}

.lp-main-pc {
    max-width: 960px;
    margin: 0 auto;
    margin-bottom: 100px;

}

.lp-main-sp {
    display: none;
}

.lp-button1 {
    width: 20%;
    margin: 0 auto;

}

.lp-button2 {
    width: 20%;
    margin: 0 auto;
    margin-bottom: 100px;
}

@media (max-width: 767px) {
    .lp-main-pc {
        display: none;


    }

    .lp-main-sp {
        display: block;
    }

    .lp-button1 {
        width: 40%;

    }

    .lp-button2 {
        width: 50%;
        margin-bottom: 50px;
    }
}