:root {
    --laroute-color: #13469b;
    --laroute-h1-font-size: 2rem;
    --laroute-h3-font-size: 1.6rem;
    --laroute-senction-h: 2.8rem;
    --laroute-text-font-size: 1.1rem;
    --laroute-text-desc-size: 1.2rem;
}
@media (min-width: 992px) {
    :root {
        --laroute-color: #13469b;
        --laroute-h1-font-size: 2.4rem;
        --laroute-h3-font-size: 1.8rem;
        --laroute-senction-h: 4rem;
        --laroute-text-font-size: 1.1rem;
        --laroute-text-desc-size: 1.6rem;
    }
}



#visit_laroute .container {
    max-width: 840px;
    margin: 0 auto;
}
#visit_laroute .visit_laroute_title {
    margin: 0 0 var(--laroute-senction-h) 0;
    text-align: center;
    color: var(--laroute-color);
    font-size: var(--laroute-h1-font-size);
}

#visit_laroute .visit_laroute_desc {
    text-align: center;
    margin: 0 auto var(--laroute-senction-h) auto;

    /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), radial-gradient(at top center, rgba(255, 255, 255, 0.40) 0%, rgba(0, 0, 0, 0.40) 120%) #989898; */
    /* background-blend-mode: multiply, multiply; */
    padding: var(--laroute-senction-h);
    color: #fff;
    /* background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%); */
    /* background-image: linear-gradient(to right, #878787 0%, black 100%); */
    background-image: linear-gradient(to top, #01060c 0%, #13469b 100%);

}
#visit_laroute .visit_laroute_desc p {margin-bottom: 8px;font-size: var(--laroute-text-desc-size);}
@media (min-width: 992px) {
    #visit_laroute .visit_laroute_desc p {margin-bottom: auto;font-size: var(--laroute-text-desc-size);}
}
#visit_laroute .visit_laroute_desc p strong {font-weight: 600;}



#visit_laroute .visit_laroute_logo {
    text-align: center;
    /* margin: 0 0 var(--laroute-senction-h) 0; */
    padding-top: var(--laroute-senction-h);
}
#visit_laroute .visit_laroute_logo img {max-width: 160px;}
@media (min-width: 992px) {
    #visit_laroute .visit_laroute_logo img {max-width: 220px;}
}
#visit_laroute .visit_laroute_area {margin: 0 0 var(--laroute-senction-h) 0;}
#visit_laroute .visit_laroute_area h3 {font-size: var(--laroute-h3-font-size);}
#visit_laroute .visit_laroute_area p {font-size: var(--laroute-text-font-size);}

#visit_laroute .visit_laroute_notice {margin: 0 0 var(--laroute-senction-h) 0;}
#visit_laroute .visit_laroute_notice h3 {font-size: var(--laroute-h3-font-size);}
#visit_laroute .visit_laroute_notice ul {list-style-type: disc;margin-left: 2rem;}
#visit_laroute .visit_laroute_notice li {font-size: var(--laroute-text-font-size);}

#visit_laroute .visit_laroute_button {margin: 0 0 var(--laroute-senction-h) 0;text-align: center;}
.link_button {
    padding: 1.3rem 0; width: 280px;background-color: #000; color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    /* padding: 10px 18px; */
    /* margin: 0 7px 0 0; */
    color: #ffffff;
    /* border: 1px solid #fff; */
    /* font-size: 1rem; */
    /* font-weight: 300; */
    cursor: pointer;
    overflow: hidden;
    transition: color 0.4s ease;

    font-size: 1.4rem;
}

.link_button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #13469b 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
    transition: background-position 0.4s ease;
    z-index: 1;
}

.link_button:hover .txt {
    position: relative;
    z-index: 2;;
    color: #fff;
}

.link_button:hover::before {
    background-position: 0 0;
}


#visit_laroute .visit_laroute_map {margin: 0 0 var(--laroute-senction-h) 0;}
#visit_laroute .visit_laroute_map h3 {font-size: var(--laroute-h3-font-size);}
#visit_laroute .visit_laroute_map ul {list-style-type: disc;margin-left: 2rem;}
#visit_laroute .visit_laroute_map li {font-size: var(--laroute-text-font-size);}
#visit_laroute .visit_laroute_map #nmap {margin-top: 1rem;height: 400px}


.visit_laroute_logos {text-align: center;}
.visit_laroute_logos img {max-width: 500px;}

#site_footer {
    margin-top: var(--laroute-senction-h);
}