/* t-semセクション（トップページセミナーセクション） */
.t-sem__container {
    display: flex;
    flex-wrap: wrap;
    gap: calc((30 / 1440) * 100vw);
}

.t-sem__a {
    display: flex;
    flex-direction: column;
    width: calc((100% - calc((60 / 1440) * 100vw)) / 3);
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.84, 0, .06, 1);
}

.t-sem__img {
    width: 100%;
    aspect-ratio: 3 / 2;
    border-radius: calc((8 / 1440) * 100vw);
    overflow: hidden;
    margin-bottom: calc((20 / 1440) * 100vw);
}

.t-sem__img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: calc((8 / 1440) * 100vw);
    transition: transform .5s cubic-bezier(.84, 0, .06, 1);
}

.t-sem__a:hover .t-sem__img > img {
    transform: scale(1.08);
}

.t-sem__bottom {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.t-sem__meta {
    display: flex;
    align-items: center;
}

.t-sem__status {
    flex-shrink: 0;
    padding: calc((6 / 1440) * 100vw) calc((15 / 1440) * 100vw) calc((4 / 1440) * 100vw);
    border-radius: 50px;
    line-height: 1;
    margin-right: calc((15 / 1440) * 100vw);
}

.t-sem__status--open {
    background-color: #30416B;
    color: #fff;
}

.t-sem__status--closed {
    background-color: #fff;
    border: 1px solid #30416B;
    color: #30416B;
}

.t-sem__date {
    color: #30416B;
}

.t-sem__ttl {
    color: #30416B;
    line-height: 1.5;
    margin-bottom: calc((20 / 1440) * 100vw);
}

.t-sem__a .t-com__arr {
    margin-top: auto;
    margin-left: auto;
    width: calc((75 / 1440) * 100vw);
    height: calc((51 / 150) * (75 / 1440) * 100vw);
}

.t-sem__a .t-com__arr > img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.t-sem__a:hover .t-com__arr > img:nth-child(1) {
    opacity: 0;
}

.t-sem__a:hover .t-com__arr > img:nth-child(2) {
    opacity: 1;
}

/* archive-seminar（ニュース一覧レイアウト利用） */
.seminar .post__img {
    width: calc((240 / 1440) * 100vw);
    height: calc((160 / 1440) * 100vw);
    aspect-ratio: 3 / 2;
}

.seminar .post__img > img {
    object-fit: cover;
}

.seminar .post__cat > p.t-sem__status {
    padding: calc((6 / 1440) * 100vw) calc((15 / 1440) * 100vw) calc((4 / 1440) * 100vw);
    border-radius: 50px;
    line-height: 1;
    margin-right: calc((15 / 1440) * 100vw);
}

.seminar .post__cat > p.t-sem__status--open {
    background-color: #30416B;
    color: #fff;
    border: none;
}

.seminar .post__cat > p.t-sem__status--closed {
    background-color: #fff;
    color: #30416B;
    border: 1px solid #30416B;
}

.seminar .post__cat > span {
    color: #1A1A1A;
}

/* single-seminar（詳細ページ） */
.seminar-single__thumbnail {
    width: 100%;
    aspect-ratio: 3 / 2;
    border-radius: calc((8 / 1440) * 100vw);
    overflow: hidden;
    margin-bottom: calc((20 / 1440) * 100vw);
}

.seminar-single__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: calc((8 / 1440) * 100vw);
}

.seminar-single__header {
    margin-bottom: calc((60 / 1440) * 100vw);
    padding-bottom: calc((40 / 1440) * 100vw);
    border-bottom: 1px solid #DCDCDC;
}

.seminar-single__status {
    margin-bottom: calc((20 / 1440) * 100vw);
}

.seminar-single__status .t-sem__status {
    display: inline-block;
    width: fit-content;
    margin-right: 0;
    padding: calc((8 / 1440) * 100vw) calc((18 / 1440) * 100vw) calc((6 / 1440) * 100vw);
}

.seminar-single__title {
    color: #1A1A1A;
    margin-bottom: calc((40 / 1440) * 100vw);
}

.seminar-single__info {
    display: flex;
}

.seminar-single__info-item {
    flex: 1;
    padding: 0 calc((30 / 1440) * 100vw);
}

.seminar-single__info-item + .seminar-single__info-item {
    border-left: 1px solid #DCDCDC;
}

.seminar-single__info-head {
    display: flex;
    align-items: center;
    gap: calc((8 / 1440) * 100vw);
    color: #30416B;
    margin-bottom: calc((20 / 1440) * 100vw);
}

.seminar-single__info-head img {
    width: calc((20 / 1440) * 100vw);
    height: calc((20 / 1440) * 100vw);
    flex-shrink: 0;
}

.seminar-single__info-body {
    text-align: center;
}

.seminar-single__info-main {
    color: #30416B;
    line-height: 1.5;
    margin-bottom: calc((8 / 1440) * 100vw);
}

.seminar-single__info-sub {
    color: #1A1A1A;
    line-height: 1.5;
}

.seminar-single__overview-ttl {
    color: #30416B;
}

@media (max-width: 768px) {
    /* t-semセクション（トップページ） */
    .t-sem__container {
        flex-direction: column;
        gap: 40px;
    }

    .t-sem__a {
        width: 100%;
    }

    .t-sem__img {
        border-radius: 8px;
        margin: 0 auto 30px;
        width: 100%;
        max-width: 400px;
    }

    .t-sem__img > img {
        border-radius: 8px;
    }

    .t-sem__meta {
        flex-wrap: wrap;
        gap: 8px;
    }

    .t-sem__status {
        padding: 4px 12px;
        margin-right: 0;
    }

    .t-sem__ttl {
        margin-bottom: 15px;
    }

    .t-sem__a .t-com__arr {
        width: 75px;
        height: calc((51 / 150) * 75px);
    }

    /* archive-seminar（一覧ページ） */
    .seminar .post__img {
        width: 100%;
        max-width: 400px;
        height: auto;
        aspect-ratio: 3 / 2;
        margin: 0 0 20px;
    }

    .seminar .post__cat {
        flex-wrap: wrap;
        gap: 8px;
    }

    .seminar .post__cat > p.t-sem__status {
        padding: 4px 12px;
        margin-right: 0;
    }

    .seminar .post__cat > span {
        color: #1A1A1A;
    }

    /* single-seminar（詳細ページ） */
    .seminar-single__thumbnail {
        border-radius: 8px;
        margin-bottom: 20px;
    }

    .seminar-single__thumbnail img {
        border-radius: 8px;
    }

    .seminar-single__header {
        margin-bottom: 40px;
        padding-bottom: 30px;
    }

    .seminar-single__status {
        margin-bottom: 15px;
    }

    .seminar-single__status .t-sem__status {
        font-size: 14px;
        padding: 6px 14px;
    }

    .seminar-single__title {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .seminar-single__info {
        flex-direction: column;
        margin: 0 auto;
        width: 100%;
        max-width: 400px;
    }

    .seminar-single__info-item {
        width: 100%;
        padding: 20px 0;
    }

    .seminar-single__info-item:first-child {
        padding-top: 0;
    }

    .seminar-single__info-item:last-child {
        padding-bottom: 0;
    }

    .seminar-single__info-item + .seminar-single__info-item {
        border-left: none;
        border-top: 1px solid #DCDCDC;
    }

    .seminar-single__info-head {
        gap: 8px;
        margin-bottom: 12px;
    }

    .seminar-single__info-head img {
        width: 20px;
        height: 20px;
    }

    .seminar-single__info-main {
        margin-bottom: 5px;
    }

    .seminar-single__overview-ttl {
        margin-bottom: 20px;
    }
}