/**********************************
    初期共通設定
    ***********************************/
    
    html, body 
    {
        overscroll-behavior-x: none; /* 横方向のバウンスを禁止 */
        overscroll-behavior-y: none; /* 縦方向も禁止したい場合 */
    }
    body 
    {
        width: 100%;
        height: fit-content;
        position: relative;
        z-index: 0;
        overflow-x: hidden;
        font-weight: bolder;
        color: #2f4042;
    }
    
    main *
    {
        font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic StdN", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;
        font-weight: 900;
        z-index: 5;
    }
    .con-btn
    {
        font-family: "fot-tsukuardgothic-std", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
    }
    img
    {
        max-width: 100%;
    }
    section
    {
        margin-top: 7vw;
    }
    /*PC限定表示*/
    @media all and (min-width:768px){
        .pc
        {
            display: block !important;
        }
        .sp
        {
            display: none !important;
        }
    }
    /*SP限定表示*/
    @media all and (max-width:767px)
    {
        .sp
        {
            display: flex;
            flex-direction: column;
        }
        .pc
        {
            display: none !important;
        }
    }
    @media all and (min-width:1920px){
        body
        {
            font-size: 18px !important;
        }
    }
    /**********************************
    個別設定
    ***********************************/
    :root
    {
        --accent-color:#e35422;
    }
    main
    {
        max-width: 1920px;
        width:100%;
        padding-top: 13vw;
        padding-left: 10%;
        padding-right: 10%;
        margin: 0 auto;
        overflow-x: hidden;
    }
    /*fv-背景*/
    .fv_bg
    {
        position: absolute;
        top: -13vw;
        left: -12.5%;
        display: inline-flex;
        width: 100vw;
        height: 100%;
        z-index: 0;
    }
    .fv_bg_inner
    {
        position: relative;
        display: inline-flex;
        width: 100%;
        height: 100%;
    }
    .fv_bg_il
    {
        position: absolute;
    }
    .fv_bg_l1
    {
        width:28%;
        top: 2%;
        left: 0;
    }
    .fv_bg_l2
    {
        width:26%;
        top: 28%;
        left: -8%;
    }
    .fv_bg_l3
    {
        width:27%;
        top: 40%;
        left: 1%;
    }
    .fv_bg_r1
    {
        width:29%;
        top: 13%;
        right: 3%;
    }
    .fv_bg_r2
    {
        width:22%;
        top: 18%;
        right: 17%;
    }
    .fv_bg_r3
    {
        width:47%;
        top: 25%;
        right: 15%;
    }
    .fv_bottom_l
    {
        width:25%;
        top: 65%;
        left: -3%;
    }
    .fv_bottom_r
    {
        width:30%;
        bottom: -20%;
        right: -12%;
    }
    /*fv*/
    .fv
    {
        position: relative;
    }
    .fv_center_logo
    {
        position: relative;
    }
    .fv_logo
    {
        position: relative;
        z-index: 10;
    }
    .fv_logo_after
    {
        position: absolute;
    }
    .after_1
    {
        top:22%;
        left:4%;
        width:7.7%;
        z-index: 15;
    }
    .after_2
    {
        bottom: 0;
        left:0;
        width:9.3%;
        z-index: 15;
    }
    .after_3
    {
        bottom: 0;
        right:-5%;
        width:12.3%;
        z-index: 15;
    }
    .after_text
    {
        bottom: -65%;
        right:-10%;
        overflow: hidden;
        margin: 0;
        z-index: 5;
        width: 35%;
    }
    .after_text>img
    {
        width:100%;
    }
    .fv_detail
    {
        position: relative;
    }
    .fv_kochi
    {
        display: flex;
        gap:20px;
    }
    .fv_amba
    {
        width:33%;
    }
    .fv_kochi_eve
    {
        width:44%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .fv_ew
    {
        width:100%;
        display: flex;
        letter-spacing: -0.25em;
        font-size: 0.9em;
        line-height: 1.2;
        justify-content: center;
        position: relative;
    }
    
    
    .accent_h3
    {
        font-size: 2.5em;
        color: #5ab651;
    }
    .cast_list
    {
        display: flex;
        gap: 15px;
        position: relative;
    }
    
    .remarks
    {
        display: flex;
        flex-direction: column;
        width:15%;
        font-size: 2em;
        
    }
    .sanka
    {
        margin: 0;
        height: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }
    .kanran
    {
        margin: 0;
        height: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        background-color: #c79f4f;
    }
    .sanka.red,
    .program-table.red thead th
    {background-color: #e35422;}
    .sanka.blue,
    .program-table.blue thead th
    {background-color: #009fb9;}
    .sanka.green,
    .program-table.green thead th
    {background-color: #468c38;}
    
    .schedule
    {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    
    /*表*/
    .schedule_row
    {
        display: flex;
        width:100%;
        justify-content: space-between;
        position: relative;
    }
    

    .program-tables {
        width: 100%;
        margin: 0 auto;
        display: flex;
        gap: 20px;
        align-items: start;
    }

    .program-table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        background: #fff;
        color: #2f4142;
    }
    
    .program-table.blue,
    .program-table.green
    {
        max-width: 700px;
        margin: 0 auto;
    }

    .program-table th,
    .program-table td {
        border: 1px solid #2f4142;
    }

    .program-table thead th {
        padding: 5px 0;
        color: #fff;
        text-align: center;
    }

    .program-table tbody td {
        padding: 5px 20px;
        background: #fff;
    }

    .program-table tbody td:first-child {
        text-align: center;
        white-space: nowrap;
        letter-spacing: 0.02em;
    }

    .program-table tbody td:nth-child(2) {
        text-align: left;
    }

    .program-table .time-column {
        width: 31%;
    }
    
    /*コンテンツ*/
    .contents_grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 18px 28px;
       z-index: 10;
    }

    .contents_item h3 {
        position: relative;
        padding: 5px 0 5px 1.2em;
        color: #fff;
        font-size: 2em;
        font-weight: 900;
        line-height: 1.3;
        text-align: left;
        background-image: url(../images/pre2026/new/subtitle_bg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 0 20px;
        aspect-ratio: 47/5;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .contents_item p {
        margin: 0;
        font-size: 1.25em;
        text-align: left;
    }
    .experience
    {
        position: relative;
    }
    .experience h3
    {
        width:100%;
        padding: 5px 0 5px 1.2em;
        
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 0 20px;
        aspect-ratio: 100/5;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;
        z-index: 10;
        position: relative;
    }
    .experience h3.tyubu
    {
        background-image: url(../images/pre2026/new/experience_bg_tyuubu.png);
    }
    .experience h3.western
    {
        background-image: url(../images/pre2026/new/experience_bg_western.png);
    }
    .experience h3.eastern
    {
        background-image: url(../images/pre2026/new/experience_bg_eastern.png);
    }
    
    .experience_item {
        position: relative;
        display: grid;
        grid-template-columns: 23% 38% 39%;
        gap: 0;
        padding: 10px 0;
        align-items: center;
    }

    /* 横線 */
    .experience_item::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px;
        background: #ec6b3a;
    }

    /* タイトルと説明の間の縦線 */
    .experience_title::after {
        content: "";
        position: absolute;
        top: 10px;
        bottom: 10px;
        right: 0;
        width: 2px;
        background: #ec6b3a;
    }

    .experience_photo img {
        width: 100%;
        aspect-ratio: 1.45 / 1;
        object-fit: cover;
        display: block;
    }

    /* タイトル */
    .experience_title {
        position: relative;
        padding: 25px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .experience_title h4 {
        text-align: left;
        margin: 0 0 10px;
        font-size: 1.8em;
        font-weight: 900;
    }

    .experience_title p {
        margin: 0;
        font-size: 1.35em;
        font-weight: 900;
        text-align: justify;
    }

    /* 説明 */
    .experience_text {
        padding: 22px 0 22px 28px;
        display: flex;
        align-items: center;
    }

    .experience_text p {
        margin: 0;
        font-size: 0.95em;
        font-weight: 700;
        line-height: 1.8;
        text-align: left;
    }
    
    .booth
    {
        width:100%;
        padding-bottom: 7vw;
        position: relative;
    }
    .booth img:first-child
    {
        width: 100%;
    }
    .booth_tyuubu_after
    {
        position: absolute;
        bottom: 0;
        right:-5%; 
        width:38%;
    }
    
    .experience-program-list {
        width: 100%;
        margin: 0 auto;
        color: #231815;
    }

    .experience-program-item {
        padding: 7.5px 0;
        border-top: 1px solid #009fb9;
    }

    .experience-program-item:last-child {
        border-bottom: 1px solid #009fb9;
    }
    .green .experience-program-item
    {
        border-top: 1px solid #468c38;
    }
    .green .experience-program-item:last-child
    {
        border-bottom: 1px solid #468c38;
    }

    .experience-program-title {
        margin: 0;
        font-size: 1.2em;
        text-align: left;
    }

    .experience-program-number {
        display: inline-block;
    }

    .experience-program-subtitle {
        display: inline-block;
    }

    .experience-program-indent {
        display: inline-block;
    }

    .experience-program-name {
        font-size: 1em;
        font-weight: 800;
        line-height: 1.2;
         text-align: left;
         margin: 8px 0 0;
    }
 
     .experience_visual_list {
         position: relative;
         width:100%;
         margin: 0 auto;
         box-sizing: border-box;
     }

     .experience_visual_item {
         display: flex;
         align-items: center;
         box-sizing: border-box;
         margin-top: -5vw;
     }
     .experience_visual_item:first-of-type
     {
         margin-top: 0;
     }

     .experience_visual_photo {
         width:25%;
         position: relative;
         flex-shrink: 0;
         overflow: hidden;
         background: #fff;
     }

     .experience_visual_photo img {
         width: 100%;
         display: block;
         aspect-ratio: 230/160;
         object-fit: cover;
     }

     .experience_visual_content {
         position: relative;
         box-sizing: border-box;
         text-align: left;
     }

     .experience_visual_content::after {
         content: "";
         display: block;
         width: 100%;
         height: 2px;
         margin-top: 12px;
         
     }
     .western_blue .experience_visual_content::after
     {
         background: #009fb9;
     }
     .eastern_green .experience_visual_content::after
     {
         background: #468c38;
     }

     .experience_visual_content h4 {
         display: flex;
         align-items: flex-start;
         margin: 0;
         color: #231815;
         font-size: 2em;
         
     }

     .experience_visual_number {
         flex-shrink: 0;
         
     }

     .experience_visual_subtitle {
         display: inline-block;
     }

     .experience_visual_indent {
         display: inline-block;
     }

     .experience_visual_name {
         margin: 15px 0 0;
         color: #231815;
         font-size: 1.25em;
     }
     .experience_visual_item_01 h4,
     .experience_visual_item_01 .experience_visual_name,
     .experience_visual_item_03 h4,
     .experience_visual_item_03 .experience_visual_name
     {
         padding-left: 20px;
     }
     .experience_visual_item_02 h4,
     .experience_visual_item_02 .experience_visual_name,
     .experience_visual_item_04 h4,
     .experience_visual_item_04 .experience_visual_name
     {
         padding-right: 20px;
     }
     .experience_visual_item_02,
     .experience_visual_item_04
     {
         justify-content: flex-end;
     }
     
     
     .caravan h3 {
        color: #e35422;
        font-size: 2.5em;
    }
    .caravan
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        
    }
    .caravan_pc
    {
        width:105vw;
        max-width: 105vw;
        z-index: 10;
        
    }
    
    .caravan_schedule
    {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap:20px;
        align-items: start;
    }
    
    .dec_caravan
    {
        z-index: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 100px;
        width:110vw;
        max-width: 110vw;
    }
    /* ========================================
        表全体
     ======================================== */

     .caravan_schedule_card {
         width: 100%;
         box-sizing: border-box;
     }

     .caravan_schedule_table {
         width: 100%;
         border-collapse: collapse;
         table-layout: fixed;
         background: #fff;
         color: #000000;
     }
     .caravan_schedule_table td {
         border: 1px solid #2f4548;
         padding: 10px 15px;
         height: 60px;  
         vertical-align: middle;
         box-sizing: border-box;
     }


     /* ========================================
        見出し
     ======================================== */

     .caravan_schedule_head {
         display: grid;
         grid-template-columns: 57% 43%;
         width: 100%;
         padding: 1px;
         box-sizing: border-box;
         background: #2f4548;
         
     }

     .caravan_schedule_head h3,
     .caravan_schedule_head p {
         display: flex;
         align-items: center;
         justify-content: center;
         min-height: 43px;
         margin: 0;
         box-sizing: border-box;
         color: #fff;
         font-weight: 900;
         line-height: 1;
     }

     .caravan_schedule_head h3 {
         background: #2f4548;
         font-size: 2em;
         letter-spacing: -0.04em;
         
     }

     .caravan_schedule_head h3 span {
         margin-left: -5px;
         transform: scaleX(0.6) scaleY(1);
     }

     .caravan_schedule_head p {
         background: #e35422;
         font-size: 1.2em;
     }


     /* ========================================
        列幅
     ======================================== */

     .schedule_time {
         width: 31%;
         text-align: center;
         white-space: nowrap;
     }

     .schedule_city {
         width: 20%;
         text-align: center;
         white-space: nowrap;
     }

     .schedule_place {
         width: 49%;
         text-align: left;
     }
     
     .caravan_note
     {
         width:100%;
         text-align: left;
     }
     
     
     @media all and (max-width: 1250px){
         .schedule_row
         {
             flex-direction: column;
             gap: 30px;
         }
         .remarks
        {
            width: 100%;
            flex-direction: row;
        }
        .sanka,.kanran
        {
            width:50%;
            padding: 10px 20px ;
        }
        .booth
        {
            padding-bottom: 7vw;
            z-index: 10;
        }
     }
     
     @media all and (max-width:767px){
        main
        {
            padding-left: 5%;
            padding-right: 5%;
        }
        
        .fv_bg
        {
            left: 50%;
            transform: translateX(-50%);
        }
        .fv_bg_l1
        {
            width:35%;
            top: 2%;
            left: 0;
        }
        .fv_bg_l2
        {
            width:35%;
            top: 10%;
            left: -10%;
        }
        .fv_bg_l3
        {
            width:35%;
            top: 20%;
            left: 1%;
        }
        .fv_bg_r1
        {
            width:32%;
            top: 4%;
            right: 3%;
        }
        .fv_bg_r2
        {
            width:30%;
            top: 15%;
            right: 0%;
        }
        .fv_bg_r3
        {
            width:55%;
            top: 18%;
            right: 15%;
        }
        .fv_bg_rd
        {
            width:40%;
            top: 30%;
            right: -5%;
        }
        
        .after_text
        {
            width: 50%;
            bottom: -100%;
            right:0;
        }
        .after_3
        {
          width: 20%;
          bottom: -25%;
          right:-5%;
        }
        .fv_detail
        {
            margin-top: 20vh;
        }
        .fv_kochi
        {
            flex-direction: column;
            align-items: center;
        }
        .fv_amba
        {
            width:60%;
        }
        .fv_kochi_eve
        {
         width:100%;   
        }
        
        .accent_h3,
        .caravan h3
        {
            font-size: 1.4em;
        }
        .cast_list
        {
            flex-direction: column;
        }
        .cast_list_item:nth-child(3)
        {
            width:80%;
            margin: 0 auto;
        }
        .remarks
        {
            font-size: 1em;
        }
        .program-tables
        {
            flex-direction: column;
        }
        .program-table tbody td
        {
            padding: 5px 10px;
        }
        .contents_grid{
            grid-template-columns: repeat(1, 1fr);
        }
        .contents_item h3
        {
            font-size: 1.5em;
            flex-direction: column;
            padding: 5px;
            box-sizing: border-box;
            max-width: 100%;
            aspect-ratio: unset;
        }
        .contents_item h3 small
        {
            font-size: 0.6em;
        }
        .experience_item
        {
            display: flex;
            flex-direction: column;
            
        }
        .experience_title
        {
            width:100%;
            padding: 0;
        }
        .experience_title h4
        {
            font-size: 1.5em;
            margin: 10px 0;
        }
        .experience_title::after
        {
            display: none;
        }
        .experience_text
        {
            padding: 0;
            margin-top: 15px;
        }
        .experience_visual_item
        {
           flex-direction: column;
           margin: 12px auto;
        }
        .experience_visual_item_02,
        .experience_visual_item_04
        {
            flex-direction: column-reverse;
        }
        .experience_visual_photo
        {
            width: 100%;
        }
        .experience_visual_content h4
        {
            font-size: 1.5em;
            padding: 0;
        }
        .experience_visual_content
        {
            margin-top: 12px;
            width:100%;
        }
        
        .contents_item.blue h3
        {
            background-image: url("../images/pre2026/new/contents_item_w.png");
        }
        .contents_item.green h3
        {
            background-image: url("../images/pre2026/new/contents_item_e.png");
        }
        .caravan_sp
        {
            z-index: 10;
        }
        .sp_car
        {
            margin-top: -80px;
            z-index: 5;
            margin-left: -30%;
        }
        .caravan_sp_text
        {
            width:80%;
            margin: -50px auto 0;
            text-align: justify;
            z-index: 10;
        }
        .sp_goods
        {
            margin-top: -50px;
            z-index: 5;
             margin-right: -30%;
        }
        .caravan_schedule
        {
            grid-template-columns: repeat(1, 1fr);
            
        }
     }
    
    /**********************************
    アニメーション
    ***********************************/
    /* FVアニメ完了前は非表示 */
    body:not(.is-fv-finished) .fv .fadeUpTrigger {
        opacity: 0 !important;
        transform: translateY(35px) !important;
        pointer-events: none;
    }

    /* 完了後も、fadeUpが付くまでは非表示のまま */
    body.is-fv-finished .fv .fadeUpTrigger {
        opacity: 0;
        transform: translateY(35px);
    }

    /* fadeUpが付いたらフェードアップ */
    body.is-fv-finished .fv .fadeUpTrigger.fadeUp {
            animation: fvDetailFadeUp .9s ease forwards;
        }
        @keyframes fvDetailFadeUp {
        0% {
            opacity: 0;
            transform: translateY(35px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    /* FV全体 */
.fv {
    position: relative;
}

/* 最初は背景を非表示 */
.fv_bg_il {
    opacity: 0;
    transform-origin: center;
    animation:
        fvBgIn 1.2s ease forwards,
        fvFloat 6s ease-in-out infinite;
}

/* 背景の出現タイミングをずらす */
.fv_bg_l1 { animation-delay: 1.8s, 3.0s; }
.fv_bg_l2 { animation-delay: 2.0s, 3.2s; }
.fv_bg_l3 { animation-delay: 2.2s, 3.4s; }
.fv_bg_r1 { animation-delay: 2.0s, 3.2s; }
.fv_bg_r2 { animation-delay: 2.3s, 3.5s; }
.fv_bg_r3 { animation-delay: 2.1s, 3.3s; }
.fv_bottom_r { animation-delay: 2.4s, 3.6s; }
.fv_bottom_l { animation-delay: 2.6s, 3.8s; }

/* ロゴ */
.fv_logo {
    opacity: 0;
    transform: scale(.75) translateY(20px);
    animation: fvLogoIn .9s cubic-bezier(.18, .89, .32, 1.28) .2s forwards;
}

/* もうまあ */
.after_1 {
    opacity: 0;
    transform: scale(.6) rotate(-8deg);
    transform-origin: center;
    animation: fvPopIn .55s cubic-bezier(.18, .89, .32, 1.28) 1.0s forwards;
}

/* はじまるきね！ */
.after_2 {
    opacity: 0;
    transform: scale(.6) rotate(8deg);
    transform-origin: center;
    animation: fvPopIn .55s cubic-bezier(.18, .89, .32, 1.28) 1.25s forwards;
}

.after_3 {
    opacity: 0;
    transform-origin: center;
    animation: fvPopIn .55s cubic-bezier(.18, .89, .32, 1.28) 1.5s forwards;
}

/* 吹き出しテキスト */
.after_text {
    opacity: 0;
    transform-origin: center center;
    animation: bubbleAppear .8s ease-out 1.75s forwards;
}

/* ロゴ出現 */
@keyframes fvLogoIn {
    0% {
        opacity: 0;
        transform: scale(.75) translateY(20px);
    }
    70% {
        opacity: 1;
        transform: scale(1.06) translateY(0);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* ポンッと出る */
@keyframes fvPopIn {
    0% {
        opacity: 0;
        transform: scale(.6) rotate(-6deg);
    }
    75% {
        opacity: 1;
        transform: scale(1.08) rotate(2deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}

/* 背景ふわっと出現 */
@keyframes fvBgIn {
    0% {
        opacity: 0;
        transform: scale(.85) translateY(20px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* 背景ふわふわ */
@keyframes fvFloat {
    0%, 100% {
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
    50% {
        transform: translate(8px, -10px) scale(1.04) rotate(1deg);
    }
}

/* ロゴ周りの小物ふわふわ */
@keyframes fvAfterFloat {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }
    50% {
        transform: translate(0, -8px) scale(1.04);
    }
}

.fv_bg_l1 {
    animation-name: fvBgIn, fvFloatA;
}
.fv_bg_l2 {
    animation-name: fvBgIn, fvFloatB;
}
.fv_bg_l3 {
    animation-name: fvBgIn, fvFloatC;
}
.fv_bg_r1 {
    animation-name: fvBgIn, fvFloatB;
}
.fv_bg_r2 {
    animation-name: fvBgIn, fvFloatC;
}
.fv_bg_r3 {
    animation-name: fvBgIn, fvFloatA;
}
.fv_bg_rd {
    animation-name: fvBgIn, fvFloatB;
}

@keyframes fvFloatA {
    0%, 100% {
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
    50% {
        transform: translate(10px, -12px) scale(1.04) rotate(1.5deg);
    }
}

@keyframes fvFloatB {
    0%, 100% {
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
    50% {
        transform: translate(-8px, 10px) scale(.97) rotate(-1.5deg);
    }
}

@keyframes fvFloatC {
    0%, 100% {
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
    50% {
        transform: translate(6px, 8px) scale(1.05) rotate(.8deg);
    }
}
@keyframes bubbleAppear {

    0%{
        opacity:0;
        transform:
            translateY(30px)
            scale(.3);
    }

    25%{
        opacity:1;
        transform:
            translateY(-10px)
            scale(1.08);
    }

    45%{
        transform:
            translateY(6px)
            scale(.95);
    }

    65%{
        transform:
            translateY(-4px)
            scale(1.03);
    }

    85%{
        transform:
            translateY(2px)
            scale(.99);
    }

    100%{
        opacity:1;
        transform:
            translateY(0)
            scale(1);
    }
}

.dec_caravan img{
    animation: fvFloatA 6s ease-in-out infinite;
}

.dec_1
    {
        position: absolute;
        top: 5%;
        left: -23%;
        width:25%;
        z-index: 0;
        animation: fvFloatA 6s ease-in-out infinite;
    }
.dec_2
    {
        position: absolute;
        top: 0;
        left: -20%;
        width:32%;
        z-index: 0;
        animation: fvFloatA 6s ease-in-out infinite;
    }
.dec_3
    {
        position: absolute;
        top: -15%;
        right: -15%;
        width:32%;
        z-index: 0;
        animation: fvFloatA 6s ease-in-out infinite;
    }
.dec_4
    {
        position: absolute;
        top: -2%;
        left: -5%;
        width:30%;
        z-index: 0;
        animation: fvFloatA 6s ease-in-out infinite;
    }
.dec_4_experience
{
    position: absolute;
    top: -7%;
    right: -20%;
    width:20%;
    z-index: 0;
    animation: fvFloatA 6s ease-in-out infinite;
}
.dec_5
    {
        position: absolute;
        top: -10%;
        left: -25%;
        width:30%;
        z-index: 0;
        animation: fvFloatA 6s ease-in-out infinite;
    }
    .dec_6
    {
        position: absolute;
        top: -100%;
        right: -20%;
        width:40%;
        z-index: 0;
        animation: fvFloatA 6s ease-in-out infinite;
    }
    .dec_7
    {
        position: absolute;
        top: -100%;
        left: -20%;
        width:40%;
        z-index: 0;
        animation: fvFloatA 6s ease-in-out infinite;
    }
    .dec_8
    {
        position: absolute;
        top: 80%;
        right: -20%;
        width:27%;
        z-index: 0;
        animation: fvFloatA 6s ease-in-out infinite;
    }
    
    
    @media all and (max-width:768px){
            .fv_bg_r1 {
            width: 40%;
            top: 0%;
            right: 3%;
        }
        .fv_bottom_r {
            width: 50%;
            bottom: 50%;
            right: -12%;
        }
        .dec_3 {
            position: absolute;
            top: -15%;
            right: -15%;
            width: 32%;
            z-index: -1;
            animation: fvFloatA 6s ease-in-out infinite;
        }
        .dec_5 {
            position: absolute;
            top: -10%;
            left: -25%;
            width: 40%;
            z-index: 0;
            animation: fvFloatA 6s ease-in-out infinite;
        }
        .dec_8 {
            position: absolute;
            top: 80%;
            right: -20%;
            width: 40%;
            z-index: 0;
            animation: fvFloatA 6s ease-in-out infinite;
        }
    }