@media only screen and (min-width: 769px) {
    .close-message {
        font-size: 26px;
    }
}

.news-links>li,
.swiper-wrapper>li {
    opacity: 0;
}

/* .swiper-wrapper > li {
  opacity: 0;
} */

.reloaded-mv-slider {
    position: relative;
}

/* Android4.4でマッチングイベントの画像が表示されるよう修正 */
.mev-links__image {
    font-family: "object-position: 50% 50%;"
}


.mv-slider__item--5 {
    background-color: #CCDC4B;
    background-image: url("../images/components/mv-slider/img_sp_5.png?2")
}

.mv-slider__item--5 .mv-slider__appintro--button {
    position: absolute;
    bottom: 40px
}

.mv-slider__item--5 .mv-slider__appintro--button .button,
.mv-slider__item--5 .mv-slider__appintro--button .l-form .l-form__inner .mktoForm .mktoButtonWrap.mktoThoughtbot .mktoButton,
.l-form .l-form__inner .mktoForm .mktoButtonWrap.mktoThoughtbot .mv-slider__item--5 .mv-slider__appintro--button .mktoButton,
.mv-slider__item--5 .mv-slider__appintro--button .telework-start-button,
.mv-slider__item--5 .mv-slider__appintro--button .telework-stop-button {
    background-color: #0a98e3;
    width: 220px
}

@media only screen and (min-width: 769px) {
    .mv-slider__item--5 {
        background-position: center;
        background-image: url("../images/components/mv-slider/img_pc_5.png?2");
        background-size: 90%
    }
}

@media only screen and (max-width: 768px) {
    .mv-slider__item--5 {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-size: contain;
        background-position: center 30px
    }

    .mv-slider__item--5 .mv-slider__appintro--button {
        bottom: 80px
    }
}


.clip-image-box {
    width: 100%;
    /*お好みで*/
}

.clip-image-box div {
    width: 100%;
    padding-top: 62.5%;
}

@media only screen and (max-width: 768px) {
    .theme-coffee .h-group {
        background: #b29a33
    }
}

@media only screen and (min-width: 769px) {
    .theme-coffee .h-group__heading {
        color: #b29a33
    }
}

.theme-coffee .h-group__more {
    color: #b29a33
}

.theme-coffee .h-group__more::after {
    background-image: url("../images/icons/circle_arrow_coffee.svg")
}

@media only screen and (max-width: 768px) {
    .c-section__illust--17 {
        display: none
    }
}

@media only screen and (min-width: 769px) {
    .c-section__illust--17 {
        right: 50%;
        margin-right: -597px;
        bottom: 0;
        width: 55px
    }
}

/* 2023-09-08 topカルーセル修正 　ここから*/
.top-image-6 {
    background-color: white;
    width: 100%;
    height: 100%;
    margin-bottom: 30px;
    background-position-x: center;
    background-image: url("../images/components/mv-slider/img_sp_6.jpg?4");
}

.mv-slider__item--6 .mv-slider__appintro--button {
    position: absolute;
    bottom: 20%
}

.mv-slider__item--7 .mv-slider__appintro--button {
    position: absolute;
    bottom: 20%
}

.mv-slider__item--6 .mv-slider__appintro--button .button,
.mv-slider__item--6 .mv-slider__appintro--button .l-form .l-form__inner .mktoForm .mktoButtonWrap.mktoThoughtbot .mktoButton,
.l-form .l-form__inner .mktoForm .mktoButtonWrap.mktoThoughtbot .mv-slider__item--6 .mv-slider__appintro--button .mktoButton,
.mv-slider__item--6 .mv-slider__appintro--button .telework-start-button,
.mv-slider__item--6 .mv-slider__appintro--button .telework-stop-button {
    background-color: #0a98e3;
    width: 220px
}

.mv-slider__item--7 .mv-slider__appintro--button .button,
.mv-slider__item--7 .mv-slider__appintro--button .l-form .l-form__inner .mktoForm .mktoButtonWrap.mktoThoughtbot .mktoButton,
.l-form .l-form__inner .mktoForm .mktoButtonWrap.mktoThoughtbot .mv-slider__item--7 .mv-slider__appintro--button .mktoButton,
.mv-slider__item--7 .mv-slider__appintro--button .telework-start-button,
.mv-slider__item--7 .mv-slider__appintro--button .telework-stop-button {
    background-color: #0a98e3;
    width: 250px
}

.image-top7 {
    max-width: fit-content;
}

@media only screen and (min-width: 769px) {
    .mv-slider__item--5 {
        background-position: center;
        background-image: url("../images/components/mv-slider/img_pc_5.png?3");
        background-size: contain
    }

    .top-image-6 {
        background-position: center;
        background-image: url("../images/components/mv-slider/img_pc_6.jpg?4");
        background-size: contain
    }

    .image-top7 {
        height: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .top-image-6 {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-size: contain;
    }

    .mv-slider__item--6 .mv-slider__appintro--button {
        top: 20%
    }

    .mv-slider__item--7 .mv-slider__appintro--button {
        top: 55%
    }

    .image-top7 {
        height: 80%;
    }
}


@media only screen and (max-width: 768px) and (orientation: portrait) {
    .top-image-6 {
        height: 80%;
        position: absolute;
        top: 0px;
    }

    .mv-slider__item--6 .mv-slider__appintro--button {
        top: auto;
        bottom: 55px;
    }

    .mv-slider__item--7 .mv-slider__appintro--button {
        top: auto;
        bottom: 55px;
    }
}

@media only screen and (max-width: 768px) and (orientation: landscape) {
    .top-image-6 {
        position: absolute;
        top: 0px;
        height: 80%;
        background-image: url("../images/components/mv-slider/img_sp_6.jpg?3");
    }

    .mv-slider__item--6 .mv-slider__appintro--button {
        top: auto;
        bottom: 55px;
    }

    .mv-slider__item--7 .mv-slider__appintro--button {
        top: auto;
        bottom: 55px;
    }
}

@media only screen and (max-width: 768px) {
    .c-section__illust--5 {
        bottom: 20px;
    }
}

/* 2023-09-08 topカルーセル修正 　ここまで*/

/* TOPのセミナー修正 ここから*/
.c-section.theme-course {
    background: rgba(93, 174, 178, 0.08) url(../images/components/c-section/bg_course.svg) 0% 100% / 1302px repeat-x;
}

@media only screen and (min-width: 769px) {
    .theme-course .h-group__heading {
        color: #5daeb2;
    }
}

@media only screen and (max-width: 768px) {
    .theme-course .h-group {
        background: #5daeb2;
    }
}

.theme-course .h-group__more {
    color: #5daeb2;
}

.theme-course .h-group__more::after {
    background-image: url(../images/icons/circle_arrow_course.svg);
}
/* TOPのセミナー修正 ここまで*/

/* TOPのオンデマンド動画修正 ここから*/
.video-steps__item__number {
    background-color: #217cbf;
}
.video-steps__item {
    border: 2px solid #217cbf;
}
.video-steps__item__title {
    color: #217cbf;
}
/* TOPのオンデマンド動画修正 ここまで*/