#header h1 img.site-logo {
    display: block !important;
    width: 150px; /* 適切なサイズ */
    height: auto;
    position: relative;
    z-index: 999;
        top: 1.5rem;
}

/* アニメーション待ちによる透明化を強制解除 */
#vidual-area, #slider-area, .bgappearTrigger, #slider {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    min-height: 500px; /* 一時的に高さを確保 */
}

/* スクロールを許可 */
html, body {
    overflow: visible !important;
    height: auto !important;
}


/* 伸びる背景（黒い幕）が止まっている場合に消す */
.bgextend::before {
    display: none !important;
}

.service-item img {
    width: auto;
    opacity: 0.3;
    padding: 10px 0;
}

.service-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    margin: 30px 0;
    padding-top: 30px;
}
.service-item{
    width: calc(100% / 3 - 30px);
    margin-bottom: 30px;
    padding: 50px 10px;
    text-align: center;
}