@charset "UTF-8";
/*============================
 fearure
============================*/
.fearure {
    padding-bottom: 0;
}

.feat__img {
    width: 52%;
    margin-right: -2%;
}

.feat__pop {
    width: 52%;
    padding-bottom: 52%;
    margin-left: -2%;
    max-width: 550px;

    & span {
        max-width: 224px;
        display: block;
        width: calc((224/550)*100%);
        position: absolute;
        transform: translate(-50%, -50%);

        &:nth-child(1) {
            top: 45%;
            left: 20%;
       
        }

        &:nth-child(2) {
            top: 80%;
            left: 30%;
        }

        &:nth-child(3) {
            top: 80%;
            left: 70%;
        }

        &:nth-child(4) {
            top: 45%;
            left: 80%;
        }

        &:nth-child(5) {
            top: 20%;
            left: 50%;
        }
    }
}

@media screen and (max-width:1024px) {

    .feat__img {
        width: 52%;
        margin-right: -2%;
    }

    .feat__pop {
        width: 52%;
        margin-left: -2%;
    }

}

@media screen and (max-width:767px) {
    .feat__img {
        width: 100%;
        margin: 0 auto;
    }

    .feat__pop {
        width: 100%;
        padding-bottom: 100%;
        margin: -20px auto 0;
    }
}


/*============================
 equipment
============================*/
.equipment {
    padding-bottom: 0;
}

.equip__ttl {
    display: flex;
    align-items: baseline;

    .txt {
        margin-left: .5em;
    }
}

.equip__atc {
    width: 48%;
    position: relative;
    max-width: 516px;
    padding: 0 5% 40px;

    &::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 80%;
        border: solid 1px #464D83;
        border-radius: 5px;
        bottom: 0;
        left: 0;
    }

}

.equip__img {
    max-width: 283px;
    width: calc((283/516)*100%);
    margin: 0 auto 30px;
    z-index: 1;
    position: relative;
}

@media screen and (max-width:1024px) {


    .equip__atc {
        width: 48%;
        padding: 0 5% 40px;

        &::before {
            width: 100%;
            height: 80%;
        }

    }

    .equip__img {
        width: calc((283/516)*100%);
        margin: 0 auto 20px;
    }
}

@media screen and (max-width:767px) {
    .equip__ttl {
        display: block;

        .txt {
            margin: .5em 0 0;
        }
    }

    .equip__atc {
        width: 100%;
        margin: 0 auto 30px;
        padding: 0 5% 40px;

        &:last-child {
            margin-bottom: 0;
        }

        &::before {
            width: 100%;
            height: 80%;
        }

    }

    .equip__img {
        width: calc((283/516)*100%);
        margin: 0 auto 20px;
    }

    .equip__h4 {
        font-size: 1.8rem;
    }
}

/*============================
 price
============================*/
.price {
    padding-bottom: 0;
}

.price__ttl {
    display: flex;
    align-items: baseline;

    .txt {
        margin-left: .5em;
    }
}

.lesson__box {
    position: relative;
    padding: 40px 5% 60px;
    border-radius: 5px;
    background: url(../img/excutive/price_bg01.png) no-repeat center center/cover;
}


.lesson__h3 {
    width: fit-content;
    padding: 0 1em .5em;
    border-bottom: dotted 4px #464D83;
    margin: 0 auto 30px;

    & span {
        display: block;
    }
}

.lesson__atc {
    width: 50%;
    border-right: dotted 1.5px #848484;
    padding: 0 1em 40px;
    position: relative;

    &:last-child {
        border: none;
    }

    .box-txt {
        width: fit-content;
        margin: 0 auto;
        padding: 0 1em;
        border-radius: 17px;
        border: solid 1px #464D83;
        margin-bottom: 1em;
        font-weight: 500;
    }
}

.lesson__atc--inner {
    width: fit-content;
    margin: 0 auto;
}

.lessonn__price {
    display: flex;
    justify-content: center;
    white-space: nowrap;
    align-items: self-end;
    margin-bottom: 1em;

    .fs-56 {
        font-size: 5.6rem;
        line-height: 1;
        font-weight: 500;
    }

    .fs-18 {
        padding-left: 1em;
        font-weight: 500;
    }

    .fs-10 {
        font-size: 1rem;
        line-height: 1;
        display: block;
        font-weight: 500;
    }
}

.price__box {
    padding: 60px 5%;
    border-radius: 5px;
    max-width: 900px;
    margin: 0 auto;
    background: url(../img/excutive/price_bg02.png) no-repeat center center/cover;

}

.price__txtwarp {
    width: 50%;
}

.price__img {
    width: 45%;
}

@media screen and (max-width:1024px) {
    .lesson__box {
        padding: 40px 5% 40px;
        margin-bottom: 100px;

    }


    .lesson__h3 {
        padding: 0 1em .5em;
        border-bottom: dotted 4px #464D83;
        margin: 0 auto 30px;

    }

    .lesson__atc {
        width: 50%;
        border-right: dotted 1.5px #464D83;
        padding: 0 1em 30px;

        .box-txt {
            margin: 0 auto;
            padding: 0 1em;
            border-radius: 17px;
            margin-bottom: 1em;
        }
    }

    .lessonn__price {
        align-items: self-end;
        margin-bottom: 1em;

        .fs-56 {
            font-size: 4rem;
        }

        .fs-18 {
            padding-left: 1em;
        }

    }

    .price__box {
        padding: 40px 5%;
    }

    .price__txtwarp {
        width: 50%;
    }

    .price__img {
        width: 45%;
    }

}

@media screen and (max-width:767px) {
    .lesson__box {
        padding: 40px 5% 40px;
        margin: 0 0 40px;

    }


    .lesson__h3 {
        padding: 0 1em .5em;
        border-bottom: dotted 4px #464D83;
        margin: 0 auto 30px;

    }

    .lesson__atc {
        width: 100%;
        border: none;
        border-bottom: dotted 1.5px #464D83;
        padding: 0 1em 30px;
        margin-bottom: 30px;

    }

    .lessonn__price {
        margin-bottom: 1em;

        .fs-56 {
            font-size: 4rem;
        }

    }

    .lesson__caption {
        text-align: left;
    }

    .price__box {
        padding: 30px 5%;
        display: flex;
        flex-direction: column-reverse;
    }

    .price__txtwarp {
        width: 100%;
        text-align: center;
    }

    .price__img {
        width: 80%;
        margin: 0 auto 20px;
    }


}