/* BASIC css start */
body {padding: 0 var(--layout-side-padding);     background-color: var(--main-color);}
.fda-process-sec {
    background-color: var(--main-color);
    padding: 200px 16px 0;
    color: #fff;
}
.fda-process-sec .inner {max-width: 1432px;margin: 0 auto;   /* overflow: hidden; */
}

/*
.fda-process-title,
.fda-process-item {
    opacity: 0;
    transform: translateY(40px);
}
*/
.fda-process-title {font-size: 80.3px;font-weight: 700;text-align: center;margin-bottom: 160px;line-height: 1.15;letter-spacing: -0.05em;}

.fda-process-list {position: relative;
    margin: 0; padding: 0;
     
}

.fda-process-item {/*height: 420px;*/overflow: hidden;transition: height 0.4s cubic-bezier(0.25, 1, 0.5, 1);
} 
.fda-process-item.is-shrunk {
    height: var(--stack-gap);
}
/*
.fda-process-item:nth-child(3).is-shrunk,
.fda-process-item:nth-child(5).is-shrunk,
.fda-process-item:nth-child(6).is-shrunk {
    height: var(--stack-gap-wide);
}
*/
.f-card {
    position: sticky;
    top: calc(var(--header-height, 0px) + var(--tab-height, 0px) + 20px);
    border-top: 0.5px solid rgba(255,255,255,0.3);
    display: flex;
    align-items: flex-start;
    padding: 1.7vw 0 9.5vw;
    /*min-height: 420px;*/
    background: var(--main-color);
} 

.fda-process-item .f-num {font-size: 24px;font-weight: 700;width: 4.792vw;max-width: 72px;flex-shrink: 0;letter-spacing: -0.05em;margin-top: 20px;}
.fda-process-item .f-name {width: 33vw;max-width: 496px;flex-shrink: 0;padding-right: 45px;}
.fda-process-item .f-name strong {display: block;font-size: 44px;font-weight: 700;line-height: 1.5;letter-spacing: -0.05em;}
.fda-process-item .f-name span {display: block;font-size: 44px;font-weight: 700;line-height: 1.5;letter-spacing: -0.05em;}
.fda-process-item .f-desc {flex: 1;font-size: 28px;line-height: 1.78;color: #fff;word-break: keep-all;letter-spacing: -0.05em;}


@media (min-width: 1090px) and (max-width: 1204px) {
.fda-process-item .f-desc {font-size: 25px;}
.fda-process-item .f-name strong, .fda-process-item .f-name span {font-size: 41px;} 
}

@media (min-width: 1025px) and (max-width: 1089px) {
.fda-process-item .f-desc {font-size: 23px;}
.fda-process-item .f-name strong, .fda-process-item .f-name span {font-size: 38px;} 
.fda-process-item .f-num {font-size: 22px;}
}








@media (max-width: 1024px) {
.fda-process-sec {padding: 110px 0 0;}
    .fda-process-title {font-size: 35px;margin-bottom: 60px;line-height: 1.37;}
    .fda-process-list {
    display: flex;
    flex-direction: column;
}
    .fda-process-item {
    /* height: 216px; */
    }
    .fda-process-item .f-num {font-size: 14px;margin-top: 3px;width: 7.8vw;}
    .fda-process-item .f-name {padding-right: 19px;width: 44vw;}
    .fda-process-item .f-desc {width: 100%;font-size: 13px;line-height: 1.38; }
.f-card {
    padding: 5.6vw 0 16.2vw;
    /* min-height: 216px; */
}

.fda-process-item .f-name strong {
    font-size: 18px;
    line-height: 1.33;
}

.fda-process-item .f-name span {
    font-size: 18px;
    line-height: 1.33;
}
}
/* BASIC css end */