@charset "UTF-8";

/****************************************************/
/* info ARCHIVE */
/****************************************************/
.common-info-list li {
    gap: 8px min(var(--vw16), 24px);
}

.common-info-list>* {
    border-bottom: 1px dashed #ddd;
    padding: 15px 12px;
    line-height: 1.4;
}

.common-info-list .item-header .date {
    width: 100%;
}

.common-info-list .item-header .cat {
    font-size: var(--rem14);
}

.common-info-list .item-header>* {
    font-weight: bold;
}

.common-info-list li .date {
    border-radius: 4px;
    background: var(--bg-gradient-green);
    padding: 10px 5px;
    font-size: clamp(12px, 4vw, 16px);
}
.common-info-list li .expired {
    background: #ddd;
}

.common-info-list li .cat {
    margin: 0 0 5px;
    font-size: var(--rem14);
}

.common-info-list .unit span {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 4px 6px;
}

.common-info-list .item .contact-detail {
    font-size: clamp(var(--rem13), var(--vw14), var(--rem14));
}

@media (min-width: 768px) {

    .common-info-list .item-header .date {
        flex: .6;
    }

    .common-info-list .item-header .heading {
        flex: 3;
    }

    .common-info-list .item .date {
        flex: .6;
        /* background: var(--color-green); */
    }

    .common-info-list .title-and-cat {
        flex: 3;
    }

    .common-info-list .unit {
        flex: .7;
    }

    .common-info-list .contact-detail {
        flex: 1.2;
    }
}

@media (min-width: 1024px) {
    .common-info-list .item {
        align-items: center;
    }
}


/****************************************************/
/* info SINGLE */
/****************************************************/
.info-single-body dl {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px 24px;
    padding: 20px 0;
}

.info-single-body dt {
    flex: 2;
    width: 100%;
    border-radius: 4px;
    background: var(--bg-gradient-green);
    padding: 8px 10px;
    text-align: left;
}

.info-single-body dd {
    flex: 9;
    padding: 0 10px;
}

.info-single-body .detail dd p {
    line-height: 1.5;
}

.info-single-body .unit dd p {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 4px 6px;
}

.info-single-body.expired dl {
    opacity: 0.6;
}
.info-single-body.expired dt {
    background: #ddd;
}
@media (min-width: 768px) {
    .info-single-body dl {
        flex-direction: row;
        border-bottom: 1px dashed #ddd;
    }

    .info-single-body dt {
        text-align: center;
    }
}

/****************************************************/
/* medical-prof-list */
/****************************************************/
.medical-prof-list {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 25px 0;
}

.medical-prof-list .item {
    width: 100%;
}

.medical-prof-list .item .heading::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100px;
    margin: 0 5px 0 0;
    background: #aaa;
}

/****************************************************/
/* common-iryonet-list */
/****************************************************/
.common-iryonet-list {
    gap: 15px 0;
}

.common-iryonet-list .item {
    border-bottom: 1px dashed #eee;
    padding: 0 0 15px;
}

.common-iryonet-list a {
    gap: 5px;
}

.common-iryonet-list .date {
    border-radius: 4px;
    background: var(--bg-gradient-green);
    padding: 5px 16px;
}

.common-iryonet-list .heading {
    flex: 9;
    padding: 5px 8px;
}

/****************************************************/
/* infection */
/****************************************************/
.infection-movie-list {
    gap: 30px 0;
}

.infection-movie-item-content {
    gap: 15px;
}

.infection-movie-item .item-header {
    flex: 1;
}

.infection-movie-item .title {
    margin: 0;
}

.infection-movie-item .desc {
    margin: 10px 0 0;
    line-height: 1.3;
}
.infection-movie-item .instructor {
    margin: 10px 0 0;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .infection-movie-item-content {
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
    }

    .infection-movie-item .movie {
        width: 400px;
        height: 220px;
        padding: 0;
    }

    .infection-movie-item .movie iframe {
        /* height: 315px; */
    }
}


/****************************************************/
/* education-apply-flow */
/****************************************************/
.education-apply-flow {}

[class*="education-apply-flow-section-"] {
    margin: min(var(--vw20), 30px) 0 0;
    border-radius: 12px;
    border: 1px solid #ddd;
    border-top: 15px solid var(--color-focus-orange);
    padding: 20px;
}

.education-apply-flow .wp-block-heading:first-of-type {
    margin: 0;
}

.education-apply-flow .heading {}

.education-apply-flow .body {
    margin: min(var(--vw15), 20px) 0 0;
}

.flow-section-body ul {
    margin: min(var(--vw10), 15px) 0 0;
}

.each-apply-method-list,
.each-approval-method-list {
    gap: 10px;
}

.each-apply-method-list li,
.each-approval-method-list li {
    border-radius: 12px;
    padding: min(var(--vw10), 15px);
}

.each-apply-method-list li p,
.each-apply-method-list li .link {
    margin: 5px 0 0;
}

.each-apply-method-01,
.each-apply-method-02,
.each-approval-method-01 {
    background: var(--color-focus-blue);
}

.each-apply-method-03,
.each-approval-method-02 {
    background: var(--color-focus-pink);
}

.each-apply-method-list .exceptional-direction span {
    border-radius: 8px;
    padding: 2px 8px;
    background: var(--color-focus-pink);
}

[class*="education-apply-flow-section-"] small {
    margin: 5px 0 0;
}


/****************************************************/
/* enrollment-merit-body */
/****************************************************/
.enrollment-merit-body .area-1st,
.enrollment-merit-body .area-2nd {
    gap: 32px;
}

.enrollment-merit-body .area-2nd {
    margin: 32px 0 0;
}

[class*="enrollment-merit-section-"] {
    border-radius: 36px;
    border: 8px solid var(--color-green);
    padding: min(var(--vw20), 30px) min(var(--vw20), 30px) min(var(--vw30), 40px);
    position: relative;
}

.enrollment-merit-body .common-heading-h2,
.enrollment-merit-body .common-heading-h3 {
    margin: 0;
}
.enrollment-merit-body .common-heading-h2 {
    width: 100%;
    border: none !important;
    background: var(--color-green-light);
    color: var(--color-green-dark);
}
.enrollment-merit-body .common-heading-h2 .num {
    display: inline-grid;
    place-items: center;
    width: min(var(--vw48), 56px);
    height: min(var(--vw48), 56px);
    border-radius: 200px;
    border: 3px solid var(--color-green);
    background: var(--color-green-dark);
    color: #fff;
    position: absolute;
    top: -20px;
    left: -20px;
}

.enrollment-merit-body .area-2nd {
    grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
}
.enrollment-merit-body .enrollment-merit-content {
    margin: min(var(--vw10), 15px) 0 0;
}
.enrollment-merit-body .area-2nd .img {
    margin: min(var(--vw10), 15px) 0 0;
}
[class*="enrollment-merit-section-"] .additional-info {
    margin: min(var(--vw15), 20px) 0 0;
}
[class*="enrollment-merit-section-"] .additional-info.simulation-box {
    border-radius: 8px;
    background: var(--color-yellow-light);
    padding: min(var(--vw15), 20px);
}
[class*="enrollment-merit-section-"] .additional-info .links {
    gap: 10px;
    margin: min(var(--vw15), 20px) 0 0;
}
[class*="enrollment-merit-section-"] .additional-info .links .item {
    border-radius: 100px;
    border: 2px solid var(--color-green);
    background: #fff;
}
[class*="enrollment-merit-section-"] .additional-info .links .item a {
    padding: 15px 24px;
}

@media (min-width: 768px) {
    [class*="enrollment-merit-section-"] .tx-and-img {
        grid-template-columns: 2fr 1fr;
    }
    .enrollment-merit-section-04 .tx-and-img {
        grid-template-columns: 1fr 1fr;
    }
    .enrollment-merit-section-04 .img {
        margin: 0;
    }
}