/* first view */
.fv .bg-blue{
    background-color: #2430A5;
}

.fv h2 {
    font-size: 40px;
    font-weight: 100;
}

.fv h3 {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}

.fv p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
}

.rotate--12 {
    transform: rotate(-12deg);
}

.fv .mens-wrap {
    margin-top: -6rem;
    margin-left: 10px;
    max-width: 180px;
    display: flex;
    align-items: center;
}

.fv .underline-dotted {
    border-bottom: dashed .8px #ffffff;
    padding-bottom: 2px;
}

@media screen and (min-width: 1024px) {
    .fv {
        width: 100vw;
        background-color: #EDEDF6;
    }

    .fv h2 {
        font-size: 76px;
    }

    .fv h3 {
        font-size: 28px;
    }

    .fv p {
        font-size: 21px;
    }

    .rotate--12 {
        transform: rotate(-10deg);
    }

    .fv .mens-wrap {
        margin-top: -10rem;
        margin-right: 80px;
        width: 50%;
        max-width: 990px;
        align-items: flex-end;
    }

    .fv .mens-wrap img {
        height: 580px;
    }

    .fv-text p{
        font-size: 14px;
    }

    .fv .underline-dotted {
        border-bottom: dashed 1px #fff;
        padding-bottom: 3px;
    }

    .fv .btn-large-item {
        width: 100%!important;
    }

    .bg-blue {
        background-color: #1e1e88;
        width: 100%;
    }
    
}

/* clinic area */
.clinic-area .area-link a {
    width: 90px;
    font-size: 15px;
}


@media (max-width: 1023px) {
    .clinic-area .area-link a {
        width: 80px;
        font-size: 13px;
    }
}

.swiper-container {
    overflow-x: hidden;
}