.pipeline-banner::after{
    background: rgba(255, 255, 255, 0.8);
}
.pipeline-banner {
    margin-bottom: 8rem;
}
.pipeline-info p{
    position: relative;
}
.pipeline-info p:first-child{
    padding-left: 19rem;
    margin-bottom: 6rem;
    padding-top: 20px;
    text-align: justify;
}
.pipeline-info p:not(:first-child){
    padding-left: 6%;
}
.pipeline-info span.thirty{
    position: absolute;
    font-size: 27px;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: linear-gradient(to right bottom,#3D8AD2,#A6CBEB);
    color: white;
    top: 0;
    left: 160px;
    text-align: center;
    padding: 63px 48px;
    text-align: center;
    box-shadow: 0 2px 5px #00000073;
    transition: 1s all ease;
    line-height: 40px;
}
.pipeline-info span.thirty span{
    font-size: 4rem;
    font-weight: 600;
    color: white;
}
.pipeline-info {
    padding-left: 145px;
    padding-right: 145px;
    margin-bottom: 18.5rem;
}
.pipeline-info span.circle1 {
    width: 130px;
    height: 130px;
    background: linear-gradient(-138.31deg, #E3F2FF 9.8%, #41B6D5 81.78%);
    bottom: -3rem;
    left: -17%;
}
.pipeline-info span.circle3 {
    width: 207px;
    height: 207px;
    background: linear-gradient(197.96deg, #E2F3FF 5.04%, #228AEA 95.05%), linear-gradient(138.31deg, #E3F2FF 9.8%, #41B6D5 81.78%);
    bottom: 13.3rem;
    right: -23%;
}
.pipeline-info span.big-circle {
    width: 1200px;
    height: 1200px;
    min-width: unset;
    min-height: unset;
    top: -37rem;
    right: -0%;
}
.disease-kind>p{
    color: #355775;
    font-size: 36px;
}
ul.disease-kinds li{
    color: black;
    font-size: 16px;
}
.disease-data .align-right a.button-red{
    font-size: 12px;
}
ul.disease-kinds li+li{
    margin-left: 30px;
}
ul.disease-kinds li span{
    width: 26px;
    height: 22px;
    display: inline-block;
    border-radius: 6px;
    vertical-align: middle;
    margin-right: 0.5vw;
    background-size: contain !important;
    transform: translateY(-1px);
}
span.blue,.blue>span{
    background: #3D8AD2;
}
span.purple,.purple>span{
    background: #8145FF;
}
span.green,.green>span{
    background: #28A56E;
}
span.red,.red>span{
    background: #FF0244;
}
span.brown,.brown>span{
    background: #CF754F;
}
div.clinical-part div.clinicaling{
    width: 40%;
}
div.clinical-part div.first-clinical{
    width: 20%;
}
div.clinical-part div.second-clinical{
    width: 11%;
    display: none;
}
div.clinical-part div.third-clinical{
    width: 11%;
}
div.clinical-part div.clinicaled{
    width: 11%;
}
div.clinical-part div.row-6{
    width: 64%;
}
div.clinical-part div.row-5{
    width: 64%;
}
div.clinical-part div.row-4{
    width: 40%;
}
div.clinical-part div.row-3{
    width: 30%;
}
div.clinical-part div.row-2{
    width: 20%;
}
div.clinical-part div.row-1{
    width: 11%;
}
ul.clinical-list li{
    width: 100%;
    box-shadow: 0 5px 3px rgb(0 0 0 / 22%);
    border-radius: 10px;
    padding-bottom: 0.8rem;
    margin-bottom: 1.2rem;
    text-align: center;transition: 0.3s all ease;
    cursor: pointer;
}
ul.clinical-list li{
    position: relative;
    transition: 0.3s all ease;
}
ul.clinical-list li .excerpt{
    position: absolute;
    width: 15rem;
    padding: 0.8rem;
    background: white;
    box-shadow: 0 5px 10px rgb(0 0 0 / 24%);
    border-radius: 6px;
    text-align: left;
    left: 80%;
    bottom: 105%;
    opacity: 0;
    transition: 0.3s all ease;
    z-index: -1;
}
ul.clinical-list li.active .excerpt{
    z-index: 10;
    opacity: 1;
}
ul.clinical-list li .excerpt p{
    line-height: 21px;
    /* margin-bottom: 0.8rem; */
    color: #595959;
}
ul.clinical-list li .excerpt .button-red{
    font-size: 13px;
    line-height: 28px;
    padding: 0 1rem;
}
ul.clinical-list li::before{
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 11px;
    background: linear-gradient(to bottom,#3d8ad282,#3D8AD2) ;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s all ease;
    opacity: 0;
    z-index: -1;
}
ul.clinical-list li.green::before{
    background: linear-gradient(to bottom,#28a56f7d,#28A56E) ;
}
ul.clinical-list li.purple::before{
    background: linear-gradient(to bottom,#8045ff80,#8145FF) ;
}
ul.clinical-list li.red::before{
    background: linear-gradient(to bottom,#ff024586,#FF0244) ;
}
ul.clinical-list li.brown::before{
    background: linear-gradient(to bottom,#cf754f84,#CF754F) ;
}
div.clinical-part div.first-clinical ul.clinical-list li{
    width: 46.5%;
    margin-right: 7%;
}
div.clinical-part div.row-2 ul.clinical-list li{
    width: 46.5%;
    margin-right: 7%;
}
div.clinical-part div.clinicaling ul.clinical-list li{
    width: 22.5%;
    margin-right: 3.31%;
}
div.clinical-part div.row-4 ul.clinical-list li{
    width: 22.5%;
    margin-right: 3.31%;
}
div.clinical-part div.clinicaling.row-4 ul.clinical-list li:nth-child(4n){
    margin-right: 0;
}
div.clinical-part div.row-4 ul.clinical-list li:nth-of-type(4n){
    margin-right: 0;
}
div.clinical-part div.row-5 ul.clinical-list{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 3%;
}
div.clinical-part div.row-6 ul.clinical-list{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 0 2%;
}
div.clinical-part div.row-5 ul.clinical-list li, div.clinical-part div.row-6 ul.clinical-list li{
    width: 100%;
    max-width: 100px;
    margin-right: 0;
}
div.clinical-part div.row-2 ul.clinical-list li:nth-child(2n){
    margin-right: 0;
}
div.clinical-part div.row-2 ul.clinical-list li:nth-child(2n){
    margin-right: 0;
}
div.clinical-part div.row-3 ul.clinical-list li{
    width: 31.1%;
    margin-right: 3.3%;
}
div.clinical-part div.row-3 ul.clinical-list li:nth-child(3n){
    margin-right: 0;
}
ul.clinical-list{
    padding: 2rem 1rem 0 1.5rem;
}
ul.clinical-list li p{
    font-size: 12px;
    padding: 0 10px;
    word-break: break-all;
    line-height: 23px;
    white-space: nowrap;
    min-width: 100px;
}
ul.clinical-list li div.excerpt p{
    white-space: unset;
    transition: all 0.3s;
}
ul.clinical-list li p.name{
    font-size: 12px;
}
ul.clinical-list li p.name{
    white-space: nowrap;
    overflow: hidden;
}
ul.clinical-list li>span{
    display: block;
    color: white;
    padding: 2px 1rem;
    border-radius: 6px;
    margin-bottom: 0.2rem;
    width: max-content;
    margin-left: -0.8rem;
    font-size: 12px;
    font-weight: 400;
    margin-top: 0.5rem;
    max-width: 67px;
    min-width: 67px;
    overflow: hidden;
}
ul.clinical-list li>div{
    overflow: hidden;
}
.clinical-part strong{
    display: -webkit-box;
    background: #0373B2;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    color: white;
    line-height: 45px;
    text-align: center;
}
.clinical-part>div:first-child strong{
    background: #0372b254;
}
.clinical-part>div:nth-child(2) strong{
    background: #0372b273;
}
.clinical-part>div:nth-child(3) strong{
    background: #0372b296;
}
.clinical-part>div:nth-child(4) strong{
    background: #0373b2e0;
}
ul.clinical-list li.blue.international{
    background-image: url(../img/international-blue.svg);
    background-repeat: no-repeat;
    background-position-x: 92%;
    background-position-y: 0.55rem;
    background-size: 20px;
}
ul.clinical-list li.red.international{
    background-image: url(../img/international-red.svg);
    background-repeat: no-repeat;
    background-position-x: 92%;
    background-position-y: 0.55rem;
    background-size: 20px;
}
ul.clinical-list li.purple.international{
    background-image: url(../img/international-purple.svg);
    background-repeat: no-repeat;
    background-position-x: 92%;
    background-position-y: 0.55rem;
    background-size: 20px;
}
ul.clinical-list li.green.international{
    background-image: url(../img/international-green.svg);
    background-repeat: no-repeat;
    background-position-x: 92%;
    background-position-y: 0.55rem;
    background-size: 20px;
}
ul.clinical-list li.brown.international{
    background-image: url(../img/international-brown.svg);
    background-repeat: no-repeat;
    background-position-x: 92%;
    background-position-y: 0.55rem;
    background-size: 20px;
}
.pipeline-content h2,.disease-data .disease-kind{
    padding-left: 3vw;
}
div.clinical-part>div+div{
    position: relative;
    padding-bottom: 0.8rem;
}
div.clinical-part>div+div::before{
    content: '';
    width: 1rem;
    height: 100%;
    background: url(../img/dotted01.svg) no-repeat top center;
    background-repeat-y: repeat;
    position: absolute;
    top: 0;
    left: -1.35rem;
}
.swiper-disease {
    position: relative;
}
.swiper-disease li img{
    max-width: 100%;
    margin-top: -4rem;
    transition: 0.3s all ease;
}
.disease-view{
    position: relative;
    background-color: white;
    position: relative;
    border-radius: 1rem;
    width: 96%;
    margin: 0 auto;
    margin-top: 10rem;
}
.disease-view::before{
    content: '';
    width: 102.5%;
    height: 116%;
    background-image: linear-gradient(to left,#00000009,#eeeeee85);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    border-radius: 2rem;
}
.swiper-disease li{
    height: 9rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    width: 20%;
    cursor: pointer;
    position: relative;
}
.swiper-disease li::before{
    content: '';
    width: 100%;
    height: 11px;
    background: #41B6D5;
    position: absolute;
    bottom: -11px;
    left: 0;
    opacity: 0;
    transition: 0.3s all ease;
}
.swiper-disease li.active::before{
    opacity: 1;
}
.swiper-disease li p{
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s all ease;
}
.disease-area{
    /* overflow: hidden; */
    padding-bottom: 5rem;
}
.swiper-disease li.active p{
    font-size: 24px;
    color: #41B6D5;
}
.swiper-disease li.active img{
    transform: scale(1.9) translateY(-12px);
}
.swiper-disease li:nth-of-type(2).active img{
    transform: scale(1.5) translateY(-25px);
}
/* .swiper-disease .swiper-pagination{
    bottom: -16px !important;
}
.swiper-disease .swiper-pagination .swiper-pagination-bullet{
    bottom: -16px;
    margin: 0 !important;
    width: 18%;
    height: 16px;
    border-radius: 0;
    background: #41B6D5;
    box-shadow: none;
    transform: none;
    opacity: 0;
    transition: 0.3s all ease;
}
.swiper-disease .swiper-pagination .swiper-pagination-bullet:first-child{
    opacity: 1;
} */
.pipeline-content h3{
    color: #008AD8;
    font-size: 26px;
    font-weight: 500;
}
.disease-detail{
    padding: 0 2vw;
    position: relative;
    padding-bottom: 5rem;
}
.disease-detail .short-info{
    margin: 4rem 0;
}
.disease-detail .short-info span.name{
    font-size: 17px;
    color: white;
    padding: 1rem 2rem;
    border-radius: 0.7rem;
}
.short-info ul.info li span{
    font-size: 18px;
}
.short-info ul.info li span.value{
    color: #41b6d6;
    font-size: 18px;
}
.short-info ul.info{
    background: linear-gradient(90deg, #F1F1F1 1.82%, #EAEAEA 103.49%);
    border-radius: 16px;
    margin-left: 0.9rem;
    padding: 0 2rem;
}
.info-text p{
    color: black;
    width: 100%;
    line-height: 1.8rem;
}
.info-text>p{
    margin-bottom: 2rem;
    line-height: 1.8rem;
}
.info-text .mb0 p{
    margin-bottom: 0;
}
p.text-index{
    text-indent: 3rem;
}
.info-text p span{
    color: #FF0244;
}
.disease-detail img{
    max-width: 100%;
}
.disease-detail .use img{
    margin: 0 4vw 0 5vw;
}
.disease-detail .use .right{
    position: relative;
}
.info-text h3{
    position: relative;
    padding-left: 2.5rem;
    margin-bottom: 3rem;
    margin-top: 4rem;
}
.info-text h3::before{
    content: '';
    width: 16px;
    height: 16px;
    background: #008AD8;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
}
span.alt,.info-text span.alt{
    color: #008AD8;
    font-size: 24px;
    display: block;
    width: 16rem;
    margin: 2rem auto 0;
    line-height: 40px;
    padding: 0;
    width: unset;
    text-align: center;
    margin-bottom: 3rem;
}
.disease-detail .use span.alt{
    position: absolute;
    bottom: -9rem;
    left: 50%;
    transform: translateX(-50%);
}
.info-text p strong{
    color: #FF0244;
    font-weight: normal;
    font-size: 16px;
    vertical-align: bottom;
    display: inline-block;
    font-weight: 500;
}
.info-text p:nth-child(odd) strong{
    color: #008AD8;
}
.info-text figure{
    display: block;
    margin:4rem auto;
    text-align: center;
    position: relative;
}
.info-text>figure span{
    padding: 0 10%;
}
.info-text strong{
    display: inline-block;
    color: #008AD8;
    font-weight: normal;
    font-size: 22px;
}
.info-text h4{
    padding: 0.3em 2.5rem 0.3rem;
    color: white;
    font-size: 20px;
    border-radius: 2rem;
    background: #008AD8;
    width: max-content;
    font-weight: 500;
    margin-bottom: 2.5rem;
}
.info-text span{
    color: black;
    line-height: 30px;
    display: block;
    margin-bottom: 6rem;
    margin-top: 2rem;
}
.pipeline-content div.wp-columns{
    margin-bottom: 5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.pipeline-content div.wp-columns div.wp-column{
    margin: 0 1.5rem;
}
.info-text figure>p{
    position: absolute;
    top: 1.5rem;
    left: -1rem;
    background: #3d8ad2db;
    color: white;
    font-size: 18px;
    width: max-content;
    padding: 0 2rem;
    border-radius: 6px;
    line-height: 42px;
}
.pipeline-content div.wp-columns figure{
    margin: 0;
}

ul.main-article li span{
    min-width: 10%;
    text-align: center;
    margin: 0;
    font-size: 12px;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
ul.main-article li span:nth-child(2){
    width: 25%;
}
ul.main-article li span:nth-child(3){
    width: 30%;
}
ul.main-article li span:nth-child(5){
    width: 22%;
}
ul.main-article li:first-child span{
    background-color: #F1F1F1;
    display: block;
    padding: 6px 0;
    color: #397594;
    font-weight: 500;
    margin-bottom: 0.8rem;
    font-size: 13px;
}
ul.main-article li:not(:first-child):nth-child(even){
    background: #D4EDF9;
}
ul.main-article li{
    align-items: center;
}
ul.main-article li:not(:first-child){
    padding: 1.5rem 0;
}
ul.main-article li a{
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0.615);
    display: block;
    min-height: 3rem;
    line-height: 3rem;
    transition: 0.3s all ease;
}
ul.main-article {
    margin-bottom: 4rem;
}
.page-list ul{
    margin-bottom: 3.5rem;
}
.page-list ul li a,.nav-links a,.nav-links span{
    display: inline-block;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    transition: 0.3s all ease;
    color: black;
    font-size: 1.5rem;
}
.page-list ul li{
    margin: 0 11px;
}
.page-list ul li.active a,.nav-links .current{
    color: #008AD8;
    text-decoration: underline;
    text-decoration-color: #008ad880;
}
.page-list ul li.prev a,.page-list ul li.next a,.nav-links .prev,.nav-links .next{
    text-indent: -99999px;
    background: url(../img/swiper-left-blue.svg) no-repeat center;
    background-size: 0.7rem;
    border-radius: 50%;
    background-color: #E2F3FF;
    margin-right: 1vw;
}
.page-list ul li.next a,.nav-links .next{
    background: url(../img/swiper-right-blue.svg) no-repeat center;
    background-size: 0.7rem;
    background-color: #E2F3FF;
    margin-left: 1vw;
    margin-right: 0;
}
.disease-type-list{
    position: absolute;
    top: 9.8rem;
    left: 50%;
    width: 102%;
    background-color: #ffffffd4;
    border-bottom-left-radius: 3.5rem;
    border-bottom-right-radius: 3.5rem;
    padding: 0 3rem;
    box-shadow: 0 0 20px rgb(0 0 0 / 22%);
    transform: translateX(-50%);
    max-height: 0;
    overflow: hidden;
    transition: 0.4s all ease;
    opacity: 0;
}
.disease-type-list.active{
    padding: 2rem 3rem 1rem;
    max-height: 50rem;
    opacity: 1;
}
.disease-type-list span{
    display: inline-block;
    min-width: 6rem;
    font-size: 0.9rem;
    text-align: center;
    margin-bottom: 1rem;
    cursor: pointer;
    transition: 0.3s all ease;
    color: #222;
}
.info-text .wp-block-columns figure{
    margin-top: 0;
    margin-bottom: 0;
}
.has-text-align-center{
    text-align: center;
}
.col-center{
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 2em;
    flex-wrap: nowrap;
    align-items: center;
}
.info-text .small-text, figcaption{
    font-size: 13px;
    color: black;
    line-height: 22px;
    display: block;
    margin-bottom: 6rem;
    margin-top: 2rem;
    /* text-align: center; */
    padding: 0 0%;
}
.img-tag{
    position: relative;
}
.img-tag>p{
    position: absolute;
    top: 1.5rem;
    left: -1rem;
    background: #3d8ad2db;
    color: white;
    font-size: 13px;
    width: max-content;
    padding: 0 1.8rem;
    border-radius: 6px;
    line-height: 33px;
}
.pipeline-content.all-content{
    padding-bottom: 2rem;
}
.pipeline-content .info-text h3{
    font-size: 24px;
}

@keyframes text-move {
    0%{
        /* left: 0; */
        transform: translateX(0);
    }
    100%{
        /* left: 100%; */
        transform: translateX(calc(-100% + 100px));
    }
} 
ul.clinical-list li:hover p.name{
    /* transform: translateX(calc(-100% + 70px)); */
    width: max-content;
    /* min-width: 100%; */
    animation: text-move 2s linear infinite;
}
ul.clinical-list li:hover p.type{
    /* transform: translateX(calc(-100% + 70px)); */
    width: max-content;
    /* min-width: 100%; */
    animation: text-move 2s linear infinite;
}
ul.clinical-list li:hover span span{
    display: inline-block;
    transform: translateX(calc(-100% + 35px));
    transition: transform 3s;
    width: max-content;
    min-width: 100%;
}