
@charset "UTF-8";


.height-80px {
    height: 80px;
}

.height-100px {
    height: 100px;
}

.h2-catch {
    position: relative;
    color: #3fb7dc;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.15;
}

.h2-catch::before {
    content: url(../../assets/img/h2_left.png);
    position: absolute;
    transform: translate(-40px,-5px);
}

.h2-catch::after {
    content: url(../../assets/img/h2_right.png);
    position: absolute;
    transform: translate(10px,-5px);

}


/*fukidashi*/

.tip-bottom::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #8EDEDC transparent transparent transparent;
    border-width: 20px 20px 0 20px;
}

.transform-translate-y-m50 {
    transform: translateY(-50%);
}

/*********************/


nav.navbar a.nav-link {
    color: #000 !important;
    text-shadow: none !important;
}
.navbar-nav a.nav-link {
    color: #000 !important;
    text-shadow: none !important;
}

.header-nav.change-color {
    background: #fff !important;
}

.fv-index {
    background: #DAF5F1 url(../img/t-fv_index.png) no-repeat 10px 20px;
    padding-left: 4rem;
    padding-top: 15px;
    width: 300px;
    margin-right: 30px;
}

@media screen and (max-width: 991px) {
    .bg-fv {
        padding-bottom: 4rem;
    }
    .navbar {
        background: #fff !important;
    }
    .fv-index {
        width: 100%;
        margin-right: 0;
        
    }
}


.background-articles_bg {
    background: #EAF9F9;
}

.background-articles_bg h2 {
    text-align: center !important;
    font-size: 3.5rem !important;
}

.background-articles_bg a.rounded-2 {
    background: #fff;
    border: 1px solid #4CCBA7 !important;
    color: #4CCBA7 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#site-contents h2 span {
    color: #000 !important;
    font-size: 3.5rem;
}

@media screen and (max-width: 991px) {
    .background-articles_bg h2,
    #site-contents h2 span {
        font-size: 2rem !important;
    }
}