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

body {
    background: #F3F3F2 url(../images/tesukiwashi-pattern-08.jpg);
    /* background-size: 50%; */
    color: #3F3F3F;
}
img {
    max-width: 100%;              /* 1 */
    height: auto;                 /* 1 */
    vertical-align: middle;       /* 2 */
    font-style: italic;           /* 3 */
    background-repeat: no-repeat; /* 4 */
    background-size: cover;       /* 4 */
    shape-margin: 0.75rem;        /* 5 */
}

@media screen and (min-width: 768px) {
    .forsp {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .forpc {
        display: none;
    }
}

.container {
    max-width: 780px;
}

.lp-header {
    background: #F3F3F2 url(../images/tesukiwashi-pattern-03.jpg);
    /* background-size: 50%; */
    text-align: center;
    .lead {
        font-family: 'Zen Old Mincho', serif;
        color: #fff;
    }
    .desc {
        color: #fff;
        strong {
            color: #ffd04e;
        }
    }
}
.lp-title {
    font-family: 'Zen Old Mincho', serif;
    font-weight: bold;
    font-size: 2rem;
    background: #333;
    background: -webkit-linear-gradient(top, #fceabb 0%,#ffdb7a 50%,#ffd04e 51%,#fbdf93 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    strong {
        font-size: 1.4em;
    }
    &.en {
        font-size: 1.8em;
    }
}
.lp-message {
    font-family: 'Zen Old Mincho', serif;
    font-size: 1.4rem;
    strong {
        font-size: 1.4em;
    }
}
.lp-head {
    font-family: 'Zen Old Mincho', serif;
    font-weight: bold;
    /* color: #fffffc; */
    text-shadow: 0 0 10px #c5c5c5;
    background: url(../images/fude-50.png) no-repeat left bottom;
    background-size: 295px;
    min-height: 60px;
    padding-bottom: 20px;
    padding-left: 50px;
    margin-left: -50px;
    margin-bottom: 2rem;
    &.en {
        background: url(../images/fude-25.png) no-repeat left top;
        background-size: 295px;
        span {
            display: block;
            font-size: 0.8em;
        }
    }
}
.lp-head-background {
    font-family: 'Zen Old Mincho', serif;
    font-weight: bold;
    text-shadow: 0 0 10px #c5c5c5;

    span {
        font-size: 0.8em;
        display: block;
        font-weight: bold;
    }
}
@media screen and (max-width: 768px) {
    .lp-head-background {
        margin: 0;
    }
}

.lp-bg-light {
    background: rgba(255, 255, 255, 0.7);
}

.serif {
    font-family: 'Zen Old Mincho', serif;
}