.swiper-feature-wrapp .ph,
.swiper-curriculum-wrapp .ph {
    height: auto;
}

.nowrap {
    white-space: nowrap;
}

@media screen and (max-width:768px) {
    .swiper-feature-wrapp .ph {
        height: 62.7vw;
    }
}

.swiper-feature-wrapp .txt_wrapp {
    height: auto;
    padding: 70px 45px 70px 35px;
}

.swiper-curriculum-wrapp .txt_wrapp {
    height: auto;
    padding: 80px 20px 80px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.swiper-button-next-c,
.swiper-button-prev-c {
    outline: none;
    cursor: pointer;
}

.aesthetic .swiper-button-next,
.aesthetic .swiper-button-prev {
    top: 50%;
}

.swiper-button-next,
.swiper-button-prev {
    top: 41%;
}



/* hairmake
------------------------------------ */
/* color */
.hairmake .sec_obog_under .title {
    color: #49BDCA;
}

.hairmake .beauty_hero .hero_footer,
.hairmake .beauty_hero .list_point li,
.hairmake #accordion_tab_teacher dd,
.hairmake .sec_obog .item .job,
.hairmake .sec_obog_under .profile .job {
    background-color: #49BDCA;
}

.hairmake #accordion_tab_teacher dt.active {
    border: 4px solid #49BDCA;
}

.hairmake #accordion_tab_teacher dd::after {
    border-right-color: #49BDCA;
}

@media screen and (max-width:768px) {
    .hairmake #accordion_tab_teacher dt.active::after {
        border-bottom: 12px solid #49BDCA;
    }

    .hairmake .sec_obog .item .contents .title {
        color: #49BDCA;
    }
}

/* image */
.hairmake .beauty_hero .hero_header {
    background-image: url('../../course/img_hairmake/beauty_hero.jpg');
}

.hairmake .swiper-feature-wrapp .ph.ph01 {
    background-image: url('../../course/img_hairmake/feature_ph01.jpg');
}

.hairmake .swiper-feature-wrapp .ph.ph02 {
    background-image: url('../../course/img_hairmake/feature_ph02.jpg');
}

.hairmake .swiper-feature-wrapp .ph.ph03 {
    background-image: url('../../course/img_hairmake/feature_ph03.jpg');
}

.hairmake .swiper-feature-wrapp .ph.ph04 {
    background-image: url('../../course/img_hairmake/feature_ph04.jpg');
}

@media screen and (max-width:768px) {
    .hairmake .swiper-feature-wrapp .ph.ph01 {
        background-image: url('../../course/img_hairmake/feature_ph01_sp.jpg');
    }

    .hairmake .swiper-feature-wrapp .ph.ph02 {
        background-image: url('../../course/img_hairmake/feature_ph02_sp.jpg');
    }

    .hairmake .swiper-feature-wrapp .ph.ph03 {
        background-image: url('../../course/img_hairmake/feature_ph03_sp.jpg');
    }

    .hairmake .swiper-feature-wrapp .ph.ph04 {
        background-image: url('../../course/img_hairmake/feature_ph04_sp.jpg');
    }
}


.hairmake .swiper-curriculum-wrapp .ph01 {
    background-image: url('../../course/img_hairmake/curriculum_ph01.jpg');
}

.hairmake .swiper-curriculum-wrapp .ph02 {
    background-image: url('../../course/img_hairmake/curriculum_ph02.jpg');
}

.hairmake .swiper-curriculum-wrapp .ph03 {
    background-image: url('../../course/img_hairmake/curriculum_ph03.jpg');
}

.hairmake .swiper-curriculum-wrapp .ph04 {
    background-image: url('../../course/img_hairmake/curriculum_ph04.jpg');
}

.hairmake .swiper-curriculum-wrapp .ph05 {
    background-image: url('../../course/img_hairmake/curriculum_ph05.jpg');
}

.hairmake .swiper-curriculum-wrapp .ph06 {
    background-image: url('../../course/img_hairmake/curriculum_ph06.jpg');
}

.hairmake .ph01 {
    background-image: url('../../course/img_hairmake/teacher_ph01.jpg');
}

.hairmake .ph02 {
    background-image: url('../../course/img_hairmake/teacher_ph02.jpg');
}

.hairmake .ph03 {
    background-image: url('../../course/img_hairmake/teacher_ph03.jpg');
}

.hairmake .ph04 {
    background-image: url('../../course/img_hairmake/teacher_ph04.jpg');
}

.hairmake .ph05 {
    background-image: url('../../course/img_hairmake/teacher_ph05.jpg');
}

@media screen and (max-width:768px) {
    .hairmake .beauty_hero .hero_header {
        background-image: url('../../course/img_hairmake/beauty_hero_sp.jpg');
    }

    .hairmake .sec_featureof h3.title {
        background-image: url('../../course/img_hairmake/h3_title_feature_sp.png');
    }

    .hairmake .sec_curriculum h3.title {
        background-image: url('../../course/img_hairmake/h3_title_curriculum_sp.png');
    }
}







/* beautypage
------------------------------------ */
/* color */
.beautypage .sec_obog_under .title {
    color: #F7A859;
}

.beautypage .beauty_hero .hero_footer,
.beautypage .beauty_hero .list_point li,
.beautypage #accordion_tab_teacher dd,
.beautypage .sec_obog .item .job,
.beautypage .sec_obog_under .profile .job {
    background-color: #F7A859;
}

.beautypage #accordion_tab_teacher dt.active {
    border: 4px solid #F7A859;
}

.beautypage #accordion_tab_teacher dd::after {
    border-right-color: #F7A859;
}

@media screen and (max-width:768px) {
    .beautypage #accordion_tab_teacher dt.active::after {
        border-bottom: 12px solid #F7A859;
    }

    .beautypage .sec_obog .item .contents .title {
        color: #F7A859;
    }
}

/* image */
.beautypage .beauty_hero .hero_header {
    background-image: url('../../course/img_beauty/beauty_hero.jpg');
}

.beautypage .swiper-feature-wrapp .ph.ph01 {
    background-image: url('../../course/img_beauty/feature_ph01.jpg');
}

.beautypage .swiper-feature-wrapp .ph.ph02 {
    background-image: url('../../course/img_beauty/feature_ph02.jpg');
}

.beautypage .swiper-feature-wrapp .ph.ph03 {
    background-image: url('../../course/img_beauty/feature_ph03.jpg');
}

.beautypage .swiper-feature-wrapp .ph.ph04 {
    background-image: url('../../course/img_beauty/feature_ph04.jpg');
}

@media screen and (max-width: 768px) {
    .beautypage .swiper-feature-wrapp .ph.ph01 {
        background-image: url('../../course/img_beauty/feature_ph01_sp.jpg');
    }

    .beautypage .swiper-feature-wrapp .ph.ph02 {
        background-image: url('../../course/img_beauty/feature_ph02_sp.jpg');
    }

    .beautypage .swiper-feature-wrapp .ph.ph03 {
        background-image: url('../../course/img_beauty/feature_ph03_sp.jpg');
    }

    .beautypage .swiper-feature-wrapp .ph.ph04 {
        background-image: url('../../course/img_beauty/feature_ph04_sp.jpg');
    }
}

.beautypage .swiper-curriculum-wrapp .ph01 {
    background-image: url('../../course/img_beauty/curriculum_ph01.jpg');
}

.beautypage .swiper-curriculum-wrapp .ph02 {
    background-image: url('../../course/img_beauty/curriculum_ph02.jpg');
}

.beautypage .swiper-curriculum-wrapp .ph03 {
    background-image: url('../../course/img_beauty/curriculum_ph03.jpg');
}

.beautypage .swiper-curriculum-wrapp .ph04 {
    background-image: url('../../course/img_beauty/curriculum_ph04.jpg');
}

.beautypage .swiper-curriculum-wrapp .ph05 {
    background-image: url('../../course/img_beauty/curriculum_ph05.jpg');
}

.beautypage .swiper-curriculum-wrapp .ph06 {
    background-image: url('../../course/img_beauty/curriculum_ph06.jpg');
}

.beautypage .ph01 {
    background-image: url('../../course/img_beauty/teacher_ph01.jpg');
}

.beautypage .ph02 {
    background-image: url('../../course/img_beauty/teacher_ph02.jpg');
}

.beautypage .ph03 {
    background-image: url('../../course/img_beauty/teacher_ph03.jpg');
}

.beautypage .ph04 {
    background-image: url('../../course/img_beauty/teacher_ph04.jpg');
}

.beautypage .ph05 {
    background-image: url('../../course/img_beauty/teacher_ph05.jpg');
}

@media screen and (max-width:768px) {
    .beautypage .beauty_hero .hero_header {
        background-image: url('../../course/img_beauty/beauty_hero_sp.jpg');
    }

    .beautypage .sec_featureof h3.title {
        background-image: url('../../course/img_beauty/h3_title_feature_sp.png');
    }

    .beautypage .sec_curriculum h3.title {
        background-image: url('../../course/img_beauty/h3_title_curriculum_sp.png');
    }
}

/* aesthetic
------------------------------------ */
/* color */
.aesthetic .sec_obog_under .title {
    color: #70B9E7;
}

.aesthetic .beauty_hero .hero_footer,
.aesthetic .beauty_hero .list_point li,
.aesthetic #accordion_tab_teacher dd,
.aesthetic .sec_obog .item .job,
.aesthetic .sec_obog_under .profile .job {
    background-color: #70B9E7;
}

.aesthetic #accordion_tab_teacher dt.active {
    border: 4px solid #70B9E7;
}

.aesthetic #accordion_tab_teacher dd::after {
    border-right-color: #70B9E7;
}

@media screen and (max-width:768px) {
    .aesthetic #accordion_tab_teacher dt.active::after {
        border-bottom: 12px solid #70B9E7;
    }

    .aesthetic .sec_obog .item .contents .title {
        color: #70B9E7;
    }
}


/* image */
.aesthetic .beauty_hero .hero_header {
    background-image: url('../../course/img_aesthetic/beauty_hero.jpg');
    background-size: cover;
}


@media screen and (max-width: 768px) {
    .aesthetic .beauty_hero .hero_header {
        background-image: url('../../course/img_aesthetic/beauty_hero_sp.jpg');
    }
}

.aesthetic .swiper-feature-wrapp .ph.ph01 {
    background-image: url('../../course/img_aesthetic/feature_ph01.jpg');
    background-size: cover;
}

.aesthetic .swiper-feature-wrapp .ph.ph02 {
    background-image: url('../../course/img_aesthetic/feature_ph02.jpg');
    background-size: cover;
}

.aesthetic .swiper-feature-wrapp .ph.ph03 {
    background-image: url('../../course/img_aesthetic/feature_ph03.jpg');
    background-size: cover;
}

.aesthetic .swiper-feature-wrapp .ph.ph04 {
    background-image: url('../../course/img_aesthetic/feature_ph04.jpg');
    background-size: cover;
}

.aesthetic .swiper-feature-wrapp .ph.ph05 {
    background-image: url('../../course/img_aesthetic/feature_ph05.jpg');
    background-size: cover;
}

.aesthetic .swiper-feature-wrapp .ph.ph06 {
    background-image: url('../../course/img_aesthetic/feature_ph06.jpg');
    background-size: cover;
}


@media screen and (max-width: 768px) {
    .aesthetic .swiper-feature-wrapp .ph.ph01 {
        background-image: url('../../course/img_aesthetic/feature_ph01_sp.jpg');
        background-size: cover;
    }

    .aesthetic .swiper-feature-wrapp .ph.ph02 {
        background-image: url('../../course/img_aesthetic/feature_ph02_sp.jpg');
        background-size: cover;
    }

    .aesthetic .swiper-feature-wrapp .ph.ph03 {
        background-image: url('../../course/img_aesthetic/feature_ph03_sp.jpg');
        background-size: cover;
    }

    .aesthetic .swiper-feature-wrapp .ph.ph04 {
        background-image: url('../../course/img_aesthetic/feature_ph04_sp.jpg');
    }
}

.aesthetic .swiper-curriculum-wrapp .ph01 {
    background-image: url('../../course/img_aesthetic/curriculum_ph01.jpg');
    background-size: cover;
}

.aesthetic .swiper-curriculum-wrapp .ph02 {
    background-image: url('../../course/img_aesthetic/curriculum_ph02.jpg');
    background-size: cover;
}

.aesthetic .swiper-curriculum-wrapp .ph03 {
    background-image: url('../../course/img_aesthetic/curriculum_ph03.jpg');
    background-size: cover;
}

.aesthetic .swiper-curriculum-wrapp .ph04 {
    background-image: url('../../course/img_aesthetic/curriculum_ph04.jpg');
    background-size: cover;
}

.aesthetic .swiper-curriculum-wrapp .ph05 {
    background-image: url('../../course/img_aesthetic/curriculum_ph05.jpg');
    background-size: cover;
}

.aesthetic .swiper-curriculum-wrapp .ph06 {
    background-image: url('../../course/img_aesthetic/curriculum_ph06.jpg');
    background-size: cover;
}

/* .aesthetic .swiper-curriculum-wrapp .ph05 {
    background-image: url('../../course/img_aesthetic/curriculum_ph05.jpg');
    background-size: cover;
}

.aesthetic .swiper-curriculum-wrapp .ph06 {
    background-image: url('../../course/img_aesthetic/curriculum_ph06.jpg');
    background-size: cover;
}

.aesthetic .ph01 {
    background-image: url('../../course/img_aesthetic/teacher_ph01.jpg');
    background-size: cover;
}

.aesthetic .ph02 {
    background-image: url('../../course/img_aesthetic/teacher_ph02.jpg');
    background-size: cover;
}

.aesthetic .ph03 {
    background-image: url('../../course/img_aesthetic/teacher_ph03.jpg');
    background-size: cover;
}

.aesthetic .ph04 {
    background-image: url('../../course/img_aesthetic/teacher_ph04.jpg');
    background-size: cover;
}

.aesthetic .ph05 {
    background-image: url('../../course/img_aesthetic/teacher_ph05.jpg');
    background-size: cover;
}

@media screen and (max-width:768px) {
    .aesthetic .beauty_hero .hero_header {
        background-image: url('../../course/img_aesthetic/beauty_hero_sp.jpg');
    }

    .aesthetic .sec_featureof h3.title {
        background-image: url('../../course/img_aesthetic/h3_title_feature_sp.png');
    }

    .aesthetic .sec_curriculum h3.title {
        background-image: url('../../course/img_aesthetic/h3_title_curriculum_sp.png');
    }
}

@media screen and (min-width:1300px) {
    .aesthetic .beauty_hero .header_title {
        top: 60%;
        right: 65%;
    }
}

/* 共通

色
.sec_obog_under .title {
    color: #e97196;
}
.beauty_hero .hero_footer ,
.beauty_hero .list_point li,
#accordion_tab_teacher dd,
.sec_obog .item .job,
.sec_obog_under .profile .job {
    background-color: #e97196;
}

#accordion_tab_teacher dt.active {
    border: 4px solid #e97196;
}

#accordion_tab_teacher dd::after {
    border-right-color: #e97196;
}

@media screen and (max-width:768px) {
    #accordion_tab_teacher dt.active::after {
        border-bottom: 12px solid #e97196;
    }
    .sec_obog .item .contents .title {
        color: #e97196;
    }
}


画像
.beauty_hero .hero_header {
    background-image: url('../../course/img_hair/beauty_hero.jpg');
}

.swiper-feature-wrapp .ph.ph01 {
    background-image: url(../../course/img_hair/feature_ph01.jpg);
}

.swiper-feature-wrapp .ph.ph02 {
    background-image: url(../../course/img_hair/feature_ph02.jpg);
}

.swiper-curriculum-wrapp .ph01 {
    background-image: url('../../course/img_hair/curriculum_ph01.jpg');
}

.swiper-curriculum-wrapp .ph02 {
    background-image: url('../../course/img_hair/curriculum_ph02.jpg');
}

.swiper-curriculum-wrapp .ph03 {
    background-image: url('../../course/img_hair/curriculum_ph03.jpg');
}

.swiper-curriculum-wrapp .ph04 {
    background-image: url('../../course/img_hair/curriculum_ph04.jpg');
}

.swiper-curriculum-wrapp .ph05 {
    background-image: url('../../course/img_hair/curriculum_ph05.jpg');
}

.swiper-curriculum-wrapp .ph06 {
    background-image: url('../../course/img_hair/curriculum_ph06.jpg');
}

.ph01 {
    background-image: url('../../course/img_hair/teacher_ph01.jpg');
}

.ph02 {
    background-image: url('../../course/img_hair/teacher_ph02.jpg');
}

.ph03 {
    background-image: url('../../course/img_hair/teacher_ph03.jpg');
}

.ph04 {
    background-image: url('../../course/img_hair/teacher_ph04.jpg');
}

.ph05 {
    background-image: url('../../course/img_hair/teacher_ph05.jpg');
}

@media screen and (max-width:768px) {
.beauty_hero .hero_header {
    background-image: url('../../course/img_hair/beauty_hero_sp.jpg');
}

.sec_featureof h3.title {
    background-image: url('../../course/img_hair/h3_title_feature_sp.png');
}

.sec_curriculum h3.title {
    background-image: url('../../course/img_hair/h3_title_curriculum_sp.png');
}
}
*/