/**
 * Free Service Intro Section Block Frontend Styles
 */

.will-free-service-intro-section {
    margin-bottom: 0 !important;
    position: relative;
    overflow: hidden;
    min-height: 600px;
}

@media (min-width: 1024px) {
    .will-free-service-intro-section {
        min-height: 730px;
    }
}

.will-free-service-intro-section > .absolute.inset-0 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.will-free-service-intro-section > .absolute.inset-0 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    pointer-events: none;
    max-width: none;
}

.will-free-service-intro-section > .relative.z-10 {
    position: relative;
    z-index: 10;
}

.will-free-service-intro-section .will-free-service-overlay {
    background: linear-gradient(to bottom right, rgba(16, 24, 40, 0.9), rgba(30, 41, 59, 0.85), rgba(15, 23, 42, 0.9));
}

/* pタグのマージンをリセット */
.will-free-service-intro-section p {
    margin: 0;
}

/* Custom content width classes */
.max-w-4xl {
    max-width: 896px;
}

.max-w-5xl {
    max-width: 1024px;
}

.max-w-6xl {
    max-width: 1152px;
}

.max-w-7xl {
    max-width: 1280px;
}