@charset "UTF-8";

/*-------------------------------------------------------------------------
#
-------------------------------------------------------------------------*/

.seminar__mv {
    display: grid;
}
.seminar__mv > * {
    grid-area: 1 / 1;
}
    .seminar__mv-center {
        order: 1;
        width: 1140px;
        margin: auto auto 0;
    }
        .seminar__mv-inner {
            display: grid;
        }
            .seminar__mv-inner > * {
                grid-area: 1 / 1
            }
            .seminar__mv-catch {
                order: 1;
                align-self: center;
                position: relative;
                font-family: var(--open-sans);
                font-size  : 85px;
                font-weight: 400;
                color      : #fff;
                line-height: 1.1;
/*                white-space: nowrap;*/
                text-transform: uppercase;
            }
            .seminar__mv-img {
                width: fit-content;
                mask-image : url("/images/newgrad/img_daihyo.webp");
                mask-repeat: no-repeat;
                mask-size  : 100% auto;
                margin-right: -40px;
                position: relative;
                justify-self: end;
            }
            .seminar__mv-img:before {
                content: "";
                width: 0;
                height: 100%;
                background-color: #fff;
                position: absolute;
                top     : 0;
                left    : 0;
                z-index: 1;
                mix-blend-mode: hue;
                animation: slide1 1s ease forwards;
            }
            .seminar__mv-img img{
                position: relative;
                animation: slide2 1s ease forwards;
                opacity: 0;
            }
        .seminar__mv > img {
            width: 100%;
            height: 850px;
            object-fit: cover;
            object-position: bottom;
        }
@keyframes slide1 {
    0% {
        width: 0;
    }
    50% {
        width: 100%;
    }
    100% {
        left: auto;
        right: 0;
    }
}
@keyframes slide2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.seminar__flat-mv {
    background: linear-gradient(45deg, #3C83D4, #0054AF);
}
@media screen and (max-width: 1250px){
    .seminar__mv-center {
        width: 100%;
        padding: 0 30px;
    }
    .seminar__mv-catch {
        align-self: end;
        padding: 0 0 5vw;
        font-size: clamp(40px, 9vw, 85px);
        white-space: break-spaces;
    }
}
@media screen and (max-width: 768px){
    .seminar__mv-img img {
        width: 63vw;
    }
    .seminar__mv > img {
        height: 98vw;
    }
}

/*-------------------------------------------------------------------------
#
-------------------------------------------------------------------------*/

.seminar__contents {
    padding: 100px 30px;
}
.seminar__contents:last-child {
    padding-bottom: 0;
}
    .seminar__section {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
        .seminar__ttl {
            width: 100%;
            max-width: 532px;
            background-color: var(--main-color);
            border-radius: 30px;
            display        : flex;
            align-items    : center;
            justify-content: center;
            margin: 0 0 35px;
            padding-block: 11px;
            font-weight: 500;
            color      : #fff;
        }
        .seminar__description {
            margin: 0 0 60px;
        }

/* #
--------------------------- */
.target__list {
    margin: 0 0 70px;
}
.target__list > * + * {
    margin: 22px 0 0;
}
    .target__items {
        display    : flex;
        gap        : 26px;
        align-items: center;
        font-weight: 500;
        color      : #707070;
    }

/* #
--------------------------- */
.explain__info > * + * {
    margin: 20px 0 0;
}
    .explain__list {
        display    : flex;
        gap        : 20px;
        align-items: center;
    }
        .explain__ttl {
            min-width: 178px;
            background-color: #fff;
            border-radius: 30px;
            display        : flex;
            align-items    : center;
            justify-content: center;
            font-weight: bold;
            color      : var(--main-color);
            padding: 8px 0;
        }

/* #
--------------------------- */
.speech {
    width: 775px;
    display              : grid;
    gap                  : 20px 43px;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    margin: 70px auto 55px;
}
    .speech__items {
        display           : grid;
        grid-row          : span 2;
        grid-template-rows: subgrid;
        text-align: center;
    }
        .speech__text {
            line-height: 1.5;
            text-align: center;
            align-content: center;
        }

/* #
--------------------------- */
.event__section {
    max-width: 500px;
}
.event__section:not(:last-child){
    margin: 0 0 60px;
}
    .event__info {
        margin: 25px 0 0;
    }
        .event__ttl {
            margin: 0 0 15px;
            font-weight: 700;
        }
        .event__details {
            display: flex;
        }
            .event__details-ttl {
                min-width: 4.5em;
            }
            .event__details-text {
                text-indent: -1em;
                margin-left: 1em;
                line-height: 1.5;
            }
@media screen and (max-width: calc(775px + 30px + 30px)){
    .speech {
        width: 100%;
        gap: 20px;
    }
    .explain__ttl {
        min-width: 138px;
    }
}
@media screen and (max-width: 480px){
    .seminar__contents {
        padding: 50px 20px;
    }
    .seminar__description {
        margin: 0 0 30px;
    }
    .target__list {
        margin: 0 0 30px;
    }
    .target__items {
        gap: 10px;
    }
    .target__items img {
        min-width: 40px;
        width: 40px;
        height: 40px;
    }
    .explain__list {
        display: block;
    }
    .explain__ttl {
        margin: 0 0 10px;
    }
}