@charset "utf-8";
/* メインビジュアル */
.header-private {
    background-color: var(--white)
}
.header-space {
    height: 55px; /* ← 実際のヘッダーの高さに合わせること！ */
}
.private-main {
    padding: 0;
    position: relative;
}

.smiti-rogo {
    width: 10%;
    object-fit: cover;
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.private-title {
    text-align: center;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    font-family: Didot;
    font-weight: 400;
    position: absolute;
    font-size: clamp(1.8rem, 4vw, 4.0rem);
    top: 28%;
    right: 0;
    left: 0;
    margin: 0 auto;
}

/* メインビジュアル　pc */
@media screen and (min-width: 769px) {
    .nav-private {
        background-color: var(--white);
    }
    .header-space {
        height: 74px; /* ← 実際のヘッダーの高さに合わせること！ */
    }

    .private-main {
        padding: 0;
        background-color: var(--white);
    }

    .private-img {
        width: 50%;
        object-fit: contain;
    }

    .smiti-rogo {
        top: 35%;
        left: 70%;
        margin: 0;
    }

    .private-title {
        font-weight: 400;
        position: absolute;
        top: 70%;
        left: 50%;
    }
}
/* pc */

/* privatelesson */
.privatelesson-ditail {
    padding: 0 6.6%;
}

.privatelesson-txt {
    font-family: "Zen Kaku Gothic New";
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.6;
}

.privatelesson-txt span {
    font-weight: 500;
}


.img-1 {
    display: block;
    width: 46%;
    object-fit: cover;
    margin: 0 0 0 auto;
}

.img-2 {
    display: block;
    width: 36%;
    object-fit: cover;
    margin-top: -6%;
}

.img-3 {
    display: block;
    width: 28%;
    object-fit: cover;
    margin: -12% 0 0 auto;
}

.price-ditail p {
    text-align: center;
    font-family: "Zen Kaku Gothic New";
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
}

.price-ditail span {
    font-size: 2.0rem;
}

.price-ditail p:last-of-type {
    margin-top: 20px;
}

.img-pc {
    display: none;
}

/* privatelesson　pc */
@media screen and (min-width: 769px) {
    .privatelesson-ditail {
        padding: 0 4.8%;
        display: block;
        margin: 0 auto;
        max-width: 1900px;
    }

    .privatelesson-txt {
        font-size: 2.0rem;
        text-align: left;
        display: inline-block;
    }

    .messageBtn {
        font-size: 2.0rem;
    }

    .img {
        display: none;
    }

    .price-ditail {
        position: relative;
        max-width: 1400px;
        margin: 0 auto;
    }

    .img-pc {
        display: block;
    }

    .imgPc-1 {
        position: absolute;
        width: 23%;
        object-fit: cover;
        top: -80%;
        right: 0;
    }
    
    .imgPc-2 {
        position: absolute;
        width: 22%;
        object-fit: cover;
        top: 80%;
        left: 0;
    }
    
    .imgPc-3 {
        position: absolute;
        width: 14.8%;
        object-fit: cover;
        top: 220%;
        right: 4%;

    }

    .priceBtn {
        text-align: center;
    }
    





}