#main{
    overflow: hidden;
    margin-bottom: 00px;
}
.header{
    padding: 0px 25px 0 37px;
    border-bottom: 1px solid #fff;
    background: #ffffff26;
}
.bgr-header{
    padding: 0px 20px 0 20px
}
.header >a{
    position: static;
    transform: scale(1.1);
    transition: all 0.2s linear;
    width: 90px;
}

.bgr-header #log-header
{
    max-width: 90px;
    transform: scale(1);
}
.business{
    width: 100%;
    height: 100vh;
    display: flex;
}

.business-item{
    
    background: #1b1754ad;
    position: relative;
    height: 100%;
    width: calc(20% * 1.666);
    transition: all .3s ease-out;
}
.business-item:before {
    border-right: 1px solid #fff;
}
.business-item::before
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80%;
    background: -webkit-linear-gradient(transparent,rgba(0,0,0,0.8));
    background: -o-linear-gradient(transparent,rgba(0,0,0,0.8));
    background: -moz-linear-gradient(transparent,rgba(0,0,0,0.8));
    /* background: linear-gradient(transparent,rgba(0,0,0,0.8)); */
    z-index: 1;
}

.business-item:hover{
    width: calc(100% - (17.5% * 1.6667 * 2));
}

.business-item:hover .info-text{
    opacity: 1;
    margin-bottom: 0;
}

.business-item img{
    height: 300px;
    aspect-ratio: 1/1;
    position: absolute;
    bottom: 0;
}
.business-item:hover img {
    transition: 1s ease;
    height: 100%;
    top: 0;
}
.info{
    position: absolute;
    z-index: 1;
    left: 10px;
        top: 165px;
    right: 10px;
    text-align: center;
    overflow: hidden;
    color: #fff;
}

.icon-if{
    height: 50px;
    position: relative;
    display: block;
    margin-bottom: 13px;
}

.icon-if img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: auto;
}

.info >h2{
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    line-height: 36px;
    min-height: 50px;
    position: relative;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.info >h2 a:hover{
    color: var(--ryu);
}
.info-text {
    padding-top: 15px;
    margin-bottom: -111px;
    opacity: 0;
    transition: 0.3s
}

.info-text::before{
    content: '';
    display: block;
    margin: 0 auto 9px auto;
    height: 1px;
    width: 175px;
    max-width: 100%;
    background: -webkit-linear-gradient(left, rgba(170,142,96,0.1),#aa8e60,rgba(170,142,96,0.1));
    background: -o-linear-gradient(right, rgba(170,142,96,0.1),#aa8e60,rgba(170,142,96,0.1));
    background: -moz-linear-gradient(right, rgba(170,142,96,0.1),#aa8e60,rgba(170,142,96,0.1));
    background: linear-gradient(to right, rgba(170,142,96,0.1),#aa8e60,rgba(170,142,96,0.1));
}

.info-text p{
    color: #cdcdcd;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    margin-bottom: 13px;
}
.se {
    padding-left: 0;
}




@media screen and (max-width: 768px){ 
    .header{
        padding: 0px 25px 0 37px;
        border-bottom: none;
        background: none;
    }

}