.wf-sawarabimincho {
    font-family: "Sawarabi Mincho";
}
body {
    font-family: "Sawarabi Mincho";
}
.box {
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-color: whitesmoke;
}

.card-area {
    background-color: white;
    width: 100%;
    font-size: 0.9rem;
}
.information {
    padding: 0 8vw;
}
h1 {
    font-style: italic;
    font-size: 1.6rem;
    padding: 10% 0 3px;
}
h1:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin: 20px 0;
    background-color: #605c3c;
    background: -webkit-linear-gradient(90deg, white 0%, #2e2e2e 50%, white 100%);
    background: linear-gradient(90deg, white 0%, #2e2e2e 50%, white 100%);
}
.description {
    padding: 5% 0 8vw;
}
.tel {
    color: inherit;
    text-decoration: underline;
}
.picture {
    display: none;
}
.picture .sns {
    font-size: 1rem;
}
.photo {
    position: relative;
    padding: 0;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.25);
    background-image: url("/assets/img/bg3.jpg");
    background-size: cover;
    height: 40vw;
    background-position-y: center;
}
.photo:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5), inset 0 0 100px rgba(0, 0, 0, 0.2);
    background-size: cover;
    background: lightyellow;
    opacity: 0.1;
    /*background: -moz-linear-gradient(65deg, rgba(255, 190, 44, 0.4), rgba(255, 44, 171, 0.7));
    background: -webkit-linear-gradient(65deg, rgba(255, 190, 44, 0.4), rgba(255, 44, 171, 0.7));
    background: linear-gradient(25deg, rgba(255, 190, 44, 0.4), rgba(255, 44, 171, 0.7));
    */
}

.table td,
.table th {
    border: none;
    padding: 0.6rem;
}
.table td .sns {
    display: inline-block;
    width: 100px;
}
.btn {
    font-size: 0.9rem;
}

@media screen and (min-width: 481px) {
}

@media screen and (min-width: 769px) {
    .card-area {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 640px;
        height: 396px;
        box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.25);
        font-size: 0.8rem;
    }
    .information {
        padding: 50px;
    }
    h1 {
        font-size: 1.8rem;
        padding: 0;
    }
    .description {
        padding: 0 0 0 180px;
    }
    .tel {
        text-decoration: none;
    }
    .picture {
        display: block;
        width: 100px;
        position: absolute;
        top: 165px;
        left: 80px;
    }
    .photo {
        display: none;
    }
    .table td,
    .table th {
        padding: 0.4rem;
    }
    .btn {
        font-size: 0.8rem;
    }
}

.bg {
    display: none;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-image: url(/assets/img/c2.jpg);
    z-index: -99;
}