/* header */

main.yoga .mv {
    background: url(../img/yoga/mv.png) no-repeat center/cover;
}

header section.cont3 h2,
header section.cont3 nav a em {
    color: #FF8582;
}

header section.cont3 nav a {
    border-bottom: #FF8582 solid 1px;
}

@media (max-width:640px) {

    main.yoga .mv {
        background: url(../img/yoga/mv_sp.png) no-repeat center/cover;
    }

}

/* キャンペーン */

main.yoga section.campaign_bnr {
    background: url(../img/yoga/campaign_bg.png) no-repeat center/cover;
}

@media (max-width:640px) {

    main.yoga section.campaign_bnr {
        padding: 30px 0;
    }

}

/* ABOUT */

section.has-line::before {
    background: url(../img/yoga/section_line.svg) no-repeat top/contain;
}

section.about .section-ttl span,
section.about h3 {
    color: #FF8582;
}

section.about {
    background: url(../img/yoga/about_bg.png) no-repeat center / cover;
}

@media (max-width:640px) {

    section.has-line::before {
        background: url(../img/yoga/section_line_sp.svg) no-repeat top/contain;
    }

}

/* FEATURE */

section.feature {
    background:linear-gradient(143deg, rgba(250,86,135,0.8) 0%, rgba(255,133,130,0.8) 84.14%)
}

section.has-line.black::before {
    background-image: url(../img/yoga/section_line_wh.svg);
    transform: none;
}

.section-ttl em,
.section-ttl span {
    color: #fff;
}

.balloon {
    background-color: #fff;
}

.balloon p {
    color: #302B2D;
}

.balloon:before {
    border-top: 15px solid #fff;
}

.case__text h4,
.case__text h5,
.case__text p {
    color: #302B2D;
}

@media (max-width:768px) {

    section.has-line.black::before {
        background-image: url(../img/yoga/section_line_wh_sp.svg);
    }

}

/* CONTACT */

section.contact .img-wrap {
    width: auto;
}

section.contact {
    background: url(../img/yoga/contact_bg.png) no-repeat center/cover;
    background-attachment: fixed;
}

section.contact h2 {
    color: #FF8582;
    margin-bottom: 30px;
}

section.contact .txt-wrap > p {
    margin: 0 0 10px;
    display: inline-block;
}

section.contact .txt-wrap {
    text-align: center;
}

section.contact .contact-link {
    background: linear-gradient(143deg, rgba(250,86,135,1) 0%, rgba(255,133,130,1) 84.14%);
    padding: 6%;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.contact .contact-link2 {
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}

main.personal section.contact {
    padding: 80px 0;
}

@media (max-width:1200px) {

    section.contact {
        background: url(../img/yoga/contact_bg.png) no-repeat center/auto;
        background-attachment: unset;
        background-size: cover;
    }

    section.contact .img-wrap {
        justify-content: center;
    }

    section.contact .wrap > p > img {
        display: inline-block;
    }

}

@media (max-width:768px) {

    section.contact .contact-link,
    section.contact .contact-link2 {
        height: 100px;
    }


}


/* ACCESS */

section.access {
    background-color: #302B2D;
    background-image: none;
}

section.access h3 {
    color: #FF8582;
    font-size: clamp(20px,2.6vw,26px);
}

section.access .container {
    gap: 50px;
}


/* PRICE */

section.price .wrap {
    max-width: 1000px;
}

section.price {
   background: linear-gradient(143deg, rgba(250,86,135,0.8) 0%, rgba(255,133,130,0.8) 84.14%); 
}


/* SCHEDULE */

section.schedule {
    background-color: #302B2D;
}


/* INSTAGRAM */

section.ig {
    background: url(../img/yoga/instagram_bg.png) no-repeat center/cover;
    background-attachment: fixed;
}


/* FLOW */

section.flow {
    background: linear-gradient(143deg, rgba(250,86,135,0.8) 0%, rgba(255,133,130,0.8) 84.14%);
}

.flow_item,
.flow_item.second,
.flow_item.third {
    background-color: #fff;
}

.flow_item.third {
    margin-bottom: 0;
}

/* Q&A */

section.faq {
    background-color: #302B2D;
}

.qa-list dl dt::before {
    background: url(../img/yoga/question_icon.svg) no-repeat;
}

.qa-list dl dt {
    border-bottom: 1px solid #FF8582;
}

@media (max-width:768px) {

    .qa-list dl dt::before {
        background-size: contain;
    }

    .flow_item .view-btn {
        margin-top: 30px;
    }

}