.f_gp {
    column-gap: var(--flx-gap);
    > .half {
        width: calc(var(--half) - (var(--flx-gap) / 2 ));
    }

    > .third {
        width: calc(var(--third) - (var(--flx-gap) / 2 ));
    }

    > .two-thirds {
        width: calc(var(--two-3rds) - (var(--flx-gap) / 2 ));
    }

    > .three-8ths {
        width: calc(var(--three-8ths) - (var(--flx-gap) / 2 ));
    }

    > .five-8ths {
        width: calc(var(--five-8ths) - (var(--flx-gap) / 2 ));
    }
}

.mstg.v6 {
    --hdr-mrg-bt: 1rem;
    .bg-bx {
        --bg-bx-pd-v: 1.6rem;
        --bg-bx-pd-h: 2.6rem;
    }
}

section:not(.bg-image) > .bg {
    display: none;
    visibility: hidden;
}

.art-itm {
    --art-itm-pd-v: 1.6rem;
    --art-itm-pd-h: 1.6rem;
    --art-itm-min-h: 18rem;
    
    .bg-bx,a,span.btn {
        padding: var(--art-itm-pd-v) var(--art-itm-pd-h);
    }

    .bg-bx {
        min-height: var(--art-itm-min-h);
        border-bottom-left-radius: 0; 
        border-bottom-right-radius: 0;
    }

    .bg img {
        object-fit: cover;
    }

    small {
        margin-block-end: auto;
    }

    time {
        font-size: 0.8rem;
        &:not( :first-child ) {
            margin-block-start:1.5rem;}
    }
}

.el-panel:not(.active) {
    opacity: 0;
    display: none;
    visibility: hidden;
}

h6, .fnt_t-6 {
    font-family: var(--fnt-m);
    font-size: 0.75rem;
    font-weight: 400; 
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.4em;
}

[class*="bdr_"] {
    border-color: hsl(from var(--bdr-clr, var(--text-color)) h s l / var(--bdr-clr-o));
    border-style: var(--bdr-stl);
    border-width: 0;
}

.bdr_a {
    border-width: var(--bdr-w);
}

.bdr_tp {
    border-top-width: var(--bdr-w);
}
.bdr_bt {
    border-bottom-width: var(--bdr-w);
}
.bdr_lt {
    border-left-width: var(--bdr-w);
}
.bdr_rt {
    border-right-width: var(--bdr-w);
}

blockquote { margin: 0; } 

.ta_r {text-align: right;}

.f_m {
    align-items: center;
}


.cnt-stl {
    ul,ol {
        padding-left: 1.5rem;
    }

    ul {
        list-style-type: none;
    }

    ol {
        list-style-type: none;
    }

    li {
        position: relative;
    }

    li: before {
        content:'';
        position: absolute;
        left: -1.5rem;
        top: 10px;
        height: 16px;
        width: 16px;
        background: linear-gradient(180deg, var(--secondary) 0%, var(--primary) 100%);
        border-radius: 50%;
        border: solid 3px #B2D6FF;
    }

    li + li {
        margin-block-start: 1.6rem;
    }
}

.stdy-sys {
    .ftd-stdy {
        --bg-bx-pd-v: 1.6rem;
        --bg-bx-pd-h: 1.6rem;
        margin-block-end:var(--g-pd-v);
        
        figure {
            border-radius: 0.4rem;
            &:has(.bg) {
                padding: 1.2rem;
                picture: not(.bg) {
                    margin-block-start:40%;
                    padding: 0.4rem 1.2rem;
                    border-radius: inherit;
                    width: 10rem;
                    max-width: 50%;
                    img {
                        max-height: 5rem;
                    }
                }
            }

            &:not( :has(.bg) ) {
                picture:not(.bg) {
                    padding:2rem;
                    img {
                        max-height: 9rem;
                    }
                }
            }

            .bg {
                &:after {
                    display: none;
                }

                > :is(video,img) {
                    opacity: 1;
                    object-fit: cover;
                }
            }

            picture:not(.bg) {
                background-color:var(--white);
            }
        }

        blockquote em {
            font-style: inherit;
        }
 
        li {
            padding: 1rem;
        }

        .btn.v2 {
            color: inherit;
        }
    }

    &:is(.lt-bg,.wht-bg) .ftd-stdy.ulk-bg {
        --inner-gradient-clr-1: var(--secondary);
        --inner-gradient-clr-2: var(--primary);
        --inner-gradient: linear-gradient(90deg, var(--inner-gradient-clr-1), var(--inner-gradient-clr-2));
    }
}

.clnt.v1 {
    --background-gradient-dir: 0;
    [data-role='scroller'] {
        margin-inline: calc(var(--g-pd-h) * -1);
        pointer-events: none;
        + [data-role='scroller'] {
            margin-top: 2rem;
        }
    }

    [data-role='item'] {
        padding: 0.5rem 2rem;
        img {
            width: 5.2rem;
            height: 2.5rem;
            object-fit: contain;
        }
    }
}


.prs-itm {
    --prs-itm-pd-v: 1.6rem;
    --prs-itm-pd-h: 1.6rem;
    --prs-itm-min-h: 18rem;
    .bg-bx,a {
        padding: var(--prs-itm-pd-v) var(--prs-itm-pd-h);
    }

    .bg-bx {
        min-height: var(--prs-itm-min-h);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .bg img {
        object-fit: cover;
    }

    small {
        margin-block-end: auto;
    }

    time {
        font-size: 0.8rem;
        &:not( :first-child ) {
            margin-block-start:1.5rem;}
    }
}


.stdy-itm {
    --bg-bx-pd-v: 1.6rem;
    --bg-bx-pd-h: 1.6rem;
    picture {
        margin-block-end: 2.4rem;
        img {
            width: 10rem;
            height: 3.5rem;
            object-fit: contain;
            object-position: 0 50%;
        }
    }

    li {
        strong {
            font-weight: 600;
            margin-block-end:0;}
    }

    :has( > .btn ) {
        margin: var(--bg-bx-pd-v) calc(var(--bg-bx-pd-h) * -1) calc(var(--bg-bx-pd-v) * -1);
    }

    .btn {
        width: 100%;
        justify-content: flex-start;
        padding: var(--bg-bx-pd-v) var(--bg-bx-pd-h);
    }
}

.fnt_pl {
    font-size: calc(var(--fnt-pl-s) * var(--fnt-pl-s-mtp));
}

:has( > .faq-itm ) + :has( > .faq-itm ) {
    margin-block-start:var(--grd-sp-sml);}

.faq-itm {
    --tb-icn-w: 1.2rem;
    --tb-icn-h: 3px;
    padding: 1.6rem;
    &:not( :has( > .active ) ) {
        --bg-bx-bdr-w: 0;
    }

    .el-tab {
        margin-block:0;
        
        &:before,&:after {
            content: '';
            background-color: var(--buttons);
            width: var(--tb-icn-w);
            height: var(--tb-icn-h);
            border-radius: 5em;
        }

        &:before {
            position: absolute;
            top: 50%;
            right: 0;
            translate: 0 -50%;
            rotate: 90deg;
        }

        &:after {
            flex-shrink: 0;
        }

        &.active:before {
            scale: 0.5 1;
            opacity: 0;
        }
    }

    .el-panel {
        margin-top: 1.6rem;
    }
}

.mstg.v4 {
	
	
    .inf {
        z-index: 5;
        margin-block-end:3rem;
    }

    @media screen and (width >= 1280px) {
        ul {
            flex-wrap: nowrap;
            position: absolute;
            top: 0;
            left: 50%;
            width: calc(100% + var(--g-pd-h) * 2 - var(--grd-sp-sml) * 2);
            height: 100%;
            translate: -50% 0;
            li {
                flex-grow: 1;
            }
        }
    }

    ul {
        a {
            --bg-bx-pd-v: 1.5rem;
            --bg-bx-pd-h: min(1.5rem, 10%);
            padding-block-start:45%;
            
            svg {
                font-size: 0.6rem;
            }

        }
    }
}

@media screen and (width >= 1280px) {
    .grd_1-2 {
        grid-template-columns: repeat(2, 1fr); 
    }
}

.grd_1-2 {
     display: grid;
    gap: var(--grd-sp-dyn);
}

.art.v1 {
    .bg-bx {
        --bg-bx-pd-v: 1.2rem;
        --bg-bx-pd-h: 2rem;
        padding-block-start: 23%;
        min-height: 21rem;
    }
}


@media screen and (width < 1280px) {
    .mstg.v4 {
        --mstg-h: auto;
        padding-top: calc(var(--g-pd-v) + 60px) !important;
    }
    
    section: has( [class*='mn'] > .full-mbl:first-child,> .full-mbl:first-child ) {
        padding-block-start:0;
    }

    section:has( [class*='mn'] > .full-mbl:last-child,> .full-mbl:last-child ) {
        padding-block-end:0;}

    .full-mbl {
        width: calc(100% + var(--g-pd-h) * 2) !important;
        margin-inline:calc(var(--g-pd-h) * -1) !important;
        border-radius: 0 !important;
        
        &:not( picture,.btn ) {
            padding: calc(var(--g-pd-v) * 0.5) var(--g-pd-h);
        }
    }
    
}

@media screen and (min-width:1349px) and (max-width:1350px) {
    .mstg.v4 ul {
        li {
            opacity: 1;
            transform: none;
            animation: none;
        }
    }
    
    #PressSystemBanner picture img {
		display: none;
    }
   
}

@media screen and (min-width: 411px) and (max-width: 412px) and (min-height: 822px) and (max-height: 823px) {
    
    .stdy-sys .ftd-stdy figure,
    .stdy-sys .stdy-itm picture,
    .mstg.v3 picture.bg,
    .mstg.v4 ul li img {
		display: none !important;
    }
    
    #PressSystemContent,
	.ftd-stdy,
	main > section + section {
		content-visibility: auto;
	}
	
	.vls .vls-itm picture {
		display: none !important;
	}

	.prs-itm .bg img {
		display: none !important;
    }
	
}