@charset "UTF-8";

/*
Theme Name: S&Yコンサルティング
Theme URI: https://s-and-y.work/
Author: EX Partners
Author URI: https://s-and-y.work/
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0.0
*/

*[id] {
    scroll-margin-top: 2rem;
}

.site-main {
    position: relative;
    z-index: 1;
}

.page-header {
    position: relative;
    overflow: hidden;

    .inner {
        position: relative;
        z-index: 2;
        padding: clamp(4rem, 8vw, 6rem) 0;
        color: #fff;
        display: flex;
        justify-content: center;

        .wp-block-heading {
            font-weight: 200;
            line-height: 1.3;
            letter-spacing: 0.08em;
            font-size: clamp(3rem, 6vw, 4.6rem);
            font-family: var(--wp--custom--font-family-serif);
        }
    }

    >img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        margin: 0;
        max-width: initial;
        object-fit: cover;
        filter: grayscale(60%) brightness(0.8);
    }
}

.numbered-content {
    counter-reset: numbered-content;

    .wp-block-media-text {
        counter-increment: numbered-content;

        .wp-block-media-text__content {
            --number-size: clamp(5rem, 7vw, 6rem);
            display: flex;
            flex-direction: column;

            &::before,
            &::after {
                order: -1;
                width: var(--number-size);
                height: calc(var(--number-size) / 2);
                display: inline-flex;
                justify-content: center;
                margin-left: auto;
                margin-right: auto;
                font-weight: 700;
                color: #fff;
                line-height: 1;
                background-color: var(--wp--preset--color--black);
            }

            &:before {
                content: "POINT";
                align-items: flex-end;
                border-radius: 100rem 100rem 0 0;
                font-size: 0.8rem;
                padding-bottom: 0.4rem;
            }

            &::after {
                content: counter(numbered-content);
                align-items: flex-start;
                border-radius: 0 0 100rem 100rem;
                margin-top: -1px;
                margin-bottom: clamp(0.8rem, 2vw, 1.6rem);
                font-size: clamp(1.2rem, 2vw, 1.6rem);
            }
        }
    }
}


@media (max-width:600px) {
    .numbered-content {
        .wp-block-media-text {
            .wp-block-media-text__content {
                align-items: center;
            }
        }
    }
}

.reason2-chenged {
    .smb-testimonial__item__body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 0.5rem;
    }

    .smb-testimonial__item__name {
        order: 1;
        border-bottom: 1px solid #ddd;
    }

    .smb-testimonial__item__content {
        order: 2;
        text-align: center;

        &::after {
            display: none;
        }
    }
}