.fv {
    .title-area {
        padding-left: var(--container-padding-left-right);
        padding-right: var(--container-padding-left-right);

        .container {
            max-width: var(--container-size);
            margin-left: auto;
            margin-right: auto;
            height: 100%;
            padding-top: clamp(85px, 12vw, 165px);
            padding-bottom: clamp(32px, 5vw, 65px);
        }

        .flex-items {
            display: flex;
            justify-content: space-between;
        }

        .title {
            font-size: clamp(36px, 8vw, 80px);
            color: #006eff;
            margin: 0;

            &::after {
                content: "事業やサービスについてなど、お気軽にお問い合わせください。";
                display: block;
                font-size: clamp(16px, 2vw, 22px);
                color: var(--base-black-color);
            }
        }
    }

    .description-area {
        .container {
            max-width: var(--container-size);
            margin-left: auto;
            margin-right: auto;
            height: 100%;
            padding-top: clamp(5px, 1vw, 10px);
            padding-bottom: clamp(5px, 1vw, 10px);
        }
    }
}

.page-contents {
    padding-left: var(--container-padding-left-right);
    padding-right: var(--container-padding-left-right);

    .container {
        max-width: var(--container-small-size);
        margin-left: auto;
        margin-right: auto;
        height: 100%;
        padding-top: clamp(50px, 9vw, 105px);
        padding-bottom: clamp(20px, 3vw, 30px);
    }
}