:root {
    --text-color:#333333;

    --color-white:#ffffff;
    --color-black:#333333;
}

html{
    font-size: 62.5%;
}
@media screen and (max-width:480px){
    html{
        font-size: 56.25%;;
    }
}
body {
    font-size: 1.6rem;
    line-height: 2;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    min-height: 100%;
    height: auto;
    position: relative;
}
img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    user-drag: none; /* ドラッグ禁止 */
    user-select: none; /* 選択禁止 */
    -webkit-user-drag: none; /* Webkitブラウザ（ChromeやSafari）向け */
    -webkit-user-select: none;
    -moz-user-select: none; /* Firefox向け */
    -ms-user-select: none; /* IE向け */
    pointer-events: none; /* 右クリックや長押し禁止 */
}
img.clickable{
    user-drag: initial; /* ドラッグ禁止 */
    user-select: initial; /* 選択禁止 */
    -webkit-user-drag: initial; /* Webkitブラウザ（ChromeやSafari）向け */
    -webkit-user-select: initial;
    -moz-user-select: initial; /* Firefox向け */
    -ms-user-select: initial; /* IE向け */
    pointer-events: initial; /* 右クリックや長押し禁止 */
}
h2,h3,h4,p,li,th,td,button{
    color: var(--color-black);
}

#wrapper {
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
}
.lp-container{
    width: 100%;
    min-height: 100vh;
    position: relative;
    z-index: 1;
    background-color: #fff;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.offer, .btnarea{
    background-color: #8ebdc6;
}

.section03{
    background-color: #8ebdc6;
    padding-bottom: 20px;
}

@media only screen and (min-width: 780px){
    #pc_back {
        z-index: 0;
        position: relative;
    }
    #pc_back:before {
        content: "";
        background: url(img/pc_back_img.png) no-repeat center center;
        background-size: cover;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #wrapper {
        padding: 0;
        display: block;
        z-index: 2;
    }
    .wrapper_inner {
        position: relative;
        z-index: 10;
        width: 480px;
        height: 100%;
        margin: 64px auto;
        border-radius: 32px;
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0px 0px 10px rgb(249 176 176 / 30%);
    }
}