.p-price {
    padding: 5rem 0 7.5rem;
    @media (768px > width) {
        padding: 2.5rem 0 3.75rem;
    }
    & .p-price__title {
        margin-bottom: 2.5rem;
        font-size: 2rem;
        font-weight: 700;
    }
}
.p-news {
    padding: 0 0 5.625rem;
    @media (768px > width) {
        padding: 0 0 3.75rem;
    }
    & .c-category__title {
        text-align: left;
    }
    & .category-filter {
        display: flex;
        align-items: center;
        gap: 1.375rem;
        margin-bottom: 2.25rem;
        padding: 1.5rem 1.875rem;
        border-radius: .625rem;
        background: var(--color-main);
        @media (768px > width) {
            flex-wrap: wrap;
            margin-bottom: 2rem;
        }
        & .c-category__title {
            font-size: 1rem;
            font-weight: 700;
            color: var(--color-wh);
        }
    }
    & .c-category__list {
        display: flex;
        align-items: center;
        gap: .625rem;
        &::before {
            content: none;
        }
        & .c-category__item {
            border-radius: 1rem;
            border: 1px solid var(--color-wh);
            line-height: 1;
            a {
                display: block;
                padding: .375rem 1rem;
                font-size: .8125rem;
                font-weight: 500;
                color: var(--color-wh);
                vertical-align: middle;
            }
            &.active {
                background: var(--color-wh);
                a {
                    color: var(--color-main);
                }
            }
        }
    }
    & .p-news__item {
        border-bottom: 2px solid var(--color-bg02);
    }
    & .p-news__link {
        display: flex;
        align-items: center;
        padding: 1.875rem 1.25rem;
        color: var(--color-bk);
        @media (960px > width) {
            flex-wrap: wrap;
            gap: .5rem 0;
        }
        @media (768px > width) {
            padding: .75rem 1rem 1rem 0;
        }
        & .p-news__title {
            font-size: 1rem;
            font-weight: 500;
            @media (768px > width) {
                line-height: calc(26/16);
            }
        }
        & .p-news__date {
            font-size: 1.125rem;
            font-weight: 700;
            color: var(--color-main);
            @media (768px > width) {
                font-size: 1rem;
            }
        }
        & .p-news__category {
            margin: 0 1.25rem 0 1.125rem;
            padding: .375rem 1rem;
            border-radius: 1rem;
            font-size: .8125rem;
            font-weight: 700;
            line-height: 1;
            border: 1px solid var(--color-main);
            color: var(--color-main);
        }
    }
}
.p-about {
    padding: 0 0 7rem;
    @media (768px > width) {
        padding: 0 0 3.875rem;
    }
    & .p-about__intro {
        & .p-about__introTitle {
            margin-bottom: 2rem;
            font-size: 2rem;
            @media (768px > width) {
                margin-bottom: 1rem;
                font-size: 1.5rem;
            }
        }
        & .p-about__introText {
            margin-bottom: 2rem;
            line-height: calc(38/16);
            color: var(--color-dark02);
        }
    }
    & .p-about__copy {
        position: relative;
        padding: 3.5rem 0 15rem;
        @media (768px > width) {
            padding: 0;
        }
        > img {
            display: block;
            max-width: 800px;
            margin: 0 auto;
            @media (768px > width) {
                max-width: 550px;
                margin-left: 50%;
            }
        }
        & .p-about__copyTitle {
            position: absolute;
            content: "";
            top: 12%;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            width: 100%;
            @media (768px > width) {
                top: 5%;
            }
            h4 {
                font-size: 3.625rem;
                font-family: "Noto Serif JP", serif;
                background: linear-gradient(to right, #5A99D0 0%,  #165C9A 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                @media (768px > width) {
                    font-size: 1.375rem;
                }
                span {
                    background: linear-gradient(to right, #8ED16F 0%,  #1AAE1A 100%);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                }
            }
            p {
                font-weight: 500;
                color: var(--color-main);
            }
        }
        & .p-about__copyVertical {
            position: absolute;
            content: "";
            top: 30%;
            left: 50%;
            transform: translateX(-50%);
            @media (768px > width) {
                top: 20%;
                width: 100%;
                text-align: center;
            }
            h4 {
                font-size: 3.625rem;
                font-family: "Noto Serif JP", serif;
                background: linear-gradient(to right, #5A99D0 0%,  #165C9A 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                @media (768px > width) {
                    font-size: 1.5rem;
                }
                span {
                    background: linear-gradient(to right, #8ED16F 0%,  #1AAE1A 100%);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                }
            }
            p {
                &.jp {
                    font-size: 1rem;
                    font-weight: 500;
                    font-family: "Noto Sans JP", serif;
                    @media (768px > width) {
                        font-size: .9375rem;
                    }
                }
            }
        }
    }
    & .p-aboutSupport {
        padding: 0 0 10.75rem;
        @media (768px > width) {
            padding: 0 0 5.375rem;
        }
        & .p-aboutSupport__title {
            text-align: center;
            margin-bottom: 6.125rem;
            @media (768px > width) {
                margin-bottom: 1.125rem;
            }
            span {
                font-size: 1.125rem;
                font-weight: 600;
                color: var(--color-main);
                @media (768px > width) {
                    font-size: .9375rem;
                }
            }
            h2 {
                margin-bottom: 1.5rem;
                font-size: 2rem;
                @media (768px > width) {
                    margin-bottom: .75rem;
                    font-size: 1.5625rem;
                }
            }
            p {
                color: var(--color-dark02);
                @media (768px > width) {
                    text-align: left;
                    line-height: calc(32/15);
                }
            }
        }
        & .p-aboutSupport__item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            @media (768px > width) {
                flex-direction: column;
            }
            &:not(:last-of-type) {
                margin-bottom: 8rem;
                @media (768px > width) {
                    margin-bottom: 1rem;
                }
            }
            /* === テキストエリア === */
            .p-aboutSupport__content {
                width: 46%;
                @media (768px > width) {
                    width: 100%;
                }
                > span {
                    opacity: .25;
                    font-size: 5.25rem;
                    font-weight: 700;
                    font-family: "Outfit", sans-serif;
                    color: var(--color-dark);
                    @media (768px > width) {
                        font-size: 3.75rem;
                    }
                }
                & .p-aboutSupport__contentTitle {
                    margin-bottom: .75rem;
                    font-size: 1.875rem;
                    color: var(--color-main);
                    @media (768px > width) {
                        font-size: 1.4375rem;
                    }
                }
                & .p-aboutSupport__contentText {
                    line-height: calc(30/15);
                    color: var(--color-dark02);
                    @media (768px > width) {
                        margin-bottom: .9375rem;
                    }
                }
            }
        
            /* === 画像エリア === */
            img {
                /* 画面幅(100vw)の半分にする */
                width: calc(610/1440 * 100vw); 
                height: auto;
                object-fit: cover;
                margin-right: calc(50% - 50vw); 
                max-width: none; 
                @media (768px > width) {
                    width: 95vw;
                }
            }
        
            /* === 偶数番目（画像が左に来る時） === */
            &:nth-of-type(even) {
                flex-direction: row-reverse;
                @media (768px > width) {
                    flex-direction: column;
                }
                /* テキスト側の余白調整があればリセット */
                .p-aboutSupport__content {
                    /* padding-leftなどを調整 */
                }
        
                img {
                    margin-right: 0; /* 右側のマージンをリセット */
                    
                    /* 画像をコンテナの左端からさらに画面左端まで引っ張る */
                    margin-left: calc(50% - 50vw); 
                }
            }
        }
    }
    .p-aboutHistory {
        width: 100vw;
        margin: 0 calc(50% - 50vw);
        padding: 4.75rem 0 4.375rem;
        background: #F8FCFF;
        @media (768px > width) {
            padding: 2.5rem 0 3.125rem;
        }
        & .p-aboutHistory__img {
            max-width: 870px;
        }
    }
    .p-aboutOversea__list {
        display: flex;
        justify-content: space-between;
        @media (768px > width) {
            flex-direction: column;
        }
        & .p-aboutOversea__content {
            @media (768px > width) {
                margin-bottom: 1.875rem;
            }
        }
        & .p-aboutOversea__title {
            position: relative;
            padding: 0 0 .625rem 1.125rem;
            margin-bottom: 1.25rem;
            border-bottom: 1px solid var(--color-main);
            font-size: 1.25rem;
            color: var(--color-main);
            @media (768px > width) {
                padding: 0 0 .5rem .75rem;
                font-size: 1.125rem;
            }
            &::before {
                position: absolute;
                content: "";
                bottom: 0;
                left: 0;
                width: 1px;
                height: 21px;
                background: var(--color-main);
            }
        }
        & .p-aboutOversea__subject {
            display: flex;
            align-items: flex-start;
            @media (768px > width) {
                flex-direction: column;
                gap: .25rem;
            }
            & .p-aboutOversea__name {
                width: 64px;
            }
            & .p-aboutOversea__text {
                margin: 0 0 .75rem;
                color: var(--color-dark02);
           }
        }
        & .p-aboutOversea__img {
            margin: 0;
            img {
                padding-bottom: 2rem;
                @media (768px > width) {
                    padding-bottom: 1.25rem;
                }
            }
            figcaption {
                text-align: center;
                color: var(--color-main);
            }
        }
    }
    .p-aboutCompany {
        padding: 8.325rem 0 9rem;
        @media (768px > width) {
            padding: 2.5rem 0;
        }
    }
    & .p-aboutCompany__list {
        display: flex;
        justify-content: space-between;
        gap: 3rem;
        margin-bottom: 5.125rem;
        @media (768px > width) {
            flex-direction: column;
        }
        & .p-aboutCompany__item {
            width: 50%;
            @media (768px > width) {
                width: 100%;
            }
        }
        & .p-aboutCompany__content {
            display: flex;
            align-items: flex-start;
            padding: 1.25rem 0;
            border-bottom: 1px solid #A0A6A666;
            @media (768px > width) {
                flex-direction: column;
            }
            & .p-aboutCompany__title {
                width: 164px;
                color: #4C5050;
                @media (768px > width) {
                    margin-bottom: .5rem;
                }
            }
            & .p-aboutCompany__text {
                width: calc(100% - 164px);
                margin: 0;
                @media (768px > width) {
                    width: 100%;
                    font-size: .9375rem;
                }
            }
        }
    }
    .p-about__title{
        margin-bottom: 2.625rem;
        font-size: 2.5rem;
        font-weight: 700;
        color: var(--color-main);
        @media (768px > width) {
            margin-bottom: 1.5rem;
            font-size: 1.5rem;
        }
    }
    & .p-about__subTitle {
        margin-bottom: 4.25rem;
        font-size: 1.125rem;
        font-weight: 600;
        color: var(--color-dark);
        @media (768px > width) {
            margin-bottom: 1.25rem;
            font-size: .8125rem;
        }
    }
}

.p-contact {
    padding: 0 0 6rem;
    @media (768px > width) {
        padding: 0 0 4.125rem;
    }
    & .l-inner {
        max-width: 750px;
    }
    & .wpcf7 {
        max-width: 750px;
    }
    & .p-contact__item {
        &:not(:last-of-type) {
            margin-bottom: 1.25rem;
        }
        + p {
            text-align: center;
        }
        &.address {
            display: flex;
            flex-wrap: wrap;
            row-gap: 1.25rem;
            @media (768px > width) {
                flex-direction: column;
                row-gap: .5rem;
            }
            p {
                @media (768px > width) {
                    flex-direction: row;
                }
                &:nth-of-type(2) {
                    @media (768px > width) {
                        display: flex;
                    }
                }
                &:last-of-type {
                    width: calc(100% - 220px - 2.5rem);
                    margin-left: auto;
                    @media (768px > width) {
                        width: 100%;
                    }
                }
                > span.mark {
                    font-size: 1.25rem;
                    align-content: center;
                }
            }
            span.wpcf7-form-control-wrap {
                width: 100%;
            }
        }
        & .wpcf7-select {
            display: block;
            @media (768px > width) {
                width: 100%;
            }
        }
        p {
            display: flex;
            @media (768px > width) {
                display: block;
            }
            label {
                position: relative;
                display: inline-block;
                width: 220px;
                margin-right: 1.25rem;
                align-content: center;
                @media (768px > width) {
                    width: auto;
                    margin-right: 0;
                    margin-bottom: .5rem;
                }
                &::after {
                    position: absolute;
                    content: "任意";
                    top: 50%;
                    right: 0;
                    transform: translateY(-50%);
                    padding: .25rem .375rem;
                    border-radius: .625rem;
                    font-size: .75rem;
                    line-height: 1;
                    display: block;
                    background: var(--color-dark);
                    color: var(--color-wh);
                    @media (768px > width) {
                        right: -45px;
                    }
                }
                &.required {
                    &::after {
                        position: absolute;
                        content: "必須";
                        top: 50%;
                        right: 0;
                        transform: translateY(-50%);
                        padding: .25rem .375rem;
                        border-radius: .625rem;
                        font-size: .75rem;
                        line-height: 1;
                        display: block;
                        background: #FF0000;
                        color: var(--color-wh);
                        @media (768px > width) {
                            right: -45px;
                        }
                    }
                }
            }
            span.wpcf7-form-control-wrap {
                width: calc(100% - 244px);
                @media (768px > width) {
                    width: 100%;
                }
                label {
                    position: static;
                    &::after {
                        content: none;
                    }
                }
                input[type="text"] ,input[type="tel"],input[type="number"] ,input[type="email"] {
                    width: 100%;
                    height: 50px;
                    padding: 5px;
                    &.postNum {
                        display: block;
                        width: 135px;
                    }
                }
                .wpcf7-form-control.wpcf7-radio {
                    display: flex;
                    @media (768px > width) {
                        flex-direction: column;
                    }
                    label {
                        width: auto;
                    }
                }
            }
        }
    }
    input[type="submit"] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        position: relative;
        text-align: left;
        display: block;
        width: 280px;
        margin: 0 auto;
        padding: 1.125rem 2rem;
        border-radius: 5.625rem;
        font-size: .9375rem;
        font-weight: 500;
        border: 1px solid var(--color-main);
        color: var(--color-main);
        background: var(--color-wh);
        box-shadow: 0 4px 7px #7979796E;
        transition: .3s ease;
        &:hover {
            transition: .3s ease;
            background: var(--color-main);
            color: var(--color-wh);
            border-color: var(--color-main);
            &::after {
                transform: translate(9px ,-50%);
                transition: .3s ease;
            }
        }
    }
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    & .wpcf7-not-valid-tip {
        font-size: .875rem;
    }
    .wpcf7-spinner, .wpcf7-response-output {
        display: none!important;
    }
    & .p-contact__btn {
        margin-top: 2rem;
        text-align: center;
        > p {
            position: relative;
            display: inline-block;
            &::after {
                position: absolute;
                content: "";
                top: 50%;
                right: 2.375rem;
                transform: translateY(-50%);
                width: 9px;
                height: 9px;
                border-radius: 50%;
                background: var(--color-main);
            }
        }
        &:hover {
            > p {
                &::after {
                    background: var(--color-wh);
                }
            }
        }
    }
}
.p-thanks {
    padding: 0 0 8.75rem;
    @media (768px > width) {
        padding: 0 0 6rem;
    }
}
.p-privacy-policy,
.p-term-of-service {
    padding: 0 0 8.5rem;
    @media (768px > width) {
        padding: 0 0 7.5rem;
    }
    h3 {
        margin: 2.25rem 0 .625rem;
        font-size: 1.375rem;
    }
    p {
        font-weight: 400;
        color: var(--color-dark02);
        @media (768px > width) {
            font-size: .9375rem;
        }
    }
}
.p-term-of-service {
    p {
        margin: 0;
    }
}
.p-sitemap {
    padding: 0 0 11.25rem;
    @media (768px > width) {
        padding: 0 0 3.625rem;
    }
    & .p-sitemap__list {
        display: flex;
        gap: 0 4.625rem;
        @media (1024px > width) {
            gap: 0 3.5rem;
        }
        @media (768px > width) {
            flex-direction: column;
        }
        & .p-sitemap__column {
            flex: 1;
            display: flex;
            flex-direction: column;
            & .p-sitemap__items {
                display: flex;
                /* justify-content: space-between; */
                padding: 1.875rem 4.5rem 1.875rem 1.875rem;
                border-bottom: 1px solid var(--color-main);
                @media (1024px > width) {
                    padding: 1.75rem 2.75rem 1.75rem 1.75rem;
                }
                @media (768px > width) {
                    padding: 1.125rem;
                }
                &:first-of-type {
                    border-top: 1px solid var(--color-main);
                }
                &:last-of-type {
                    &.noborder {
                        @media (768px > width) {
                            border-bottom: 1px solid var(--color-main);
                        }
                    }
                }
                &.noborder {
                    border-bottom: none;
                }
                > a {
                    width: 52%;
                    white-space: nowrap;
                    font-size: 1.125rem;
                    font-weight: 600;
                    color: var(--color-main);
                    @media (1024px > width) {
                        font-size: 1.0625rem;
                    }
                    @media (768px > width) {
                        width: 38%;
                    }
                }
                &.noparent {
                    > a {
                        align-content: center;
                    }
                }
                & .p-sitemapDetail {
                    @media (768px > width) {
                        width: 62%;
                    }
                    & .p-sitemapDetail__items {
                        a {
                            color: var(--color-dark02);
                        }
                        &:not(:last-of-type) {
                            margin-bottom: 1rem;
                        }
                    }
                }
            }
        }
    }
}

/* 事務所案内 */
.p-representative {
    position: relative;
    padding: 3.75rem 0 5rem;
    /* background: var(--color-grad-gray); */
    @media (768px > width) {
        padding: 3.25rem 0;
    }
    & .p-representative__header {
        text-align: center;
        margin-bottom: 4rem;
        @media (768px > width) {
            margin-bottom: 2.5rem;
        }
    }
    & .p-representative__enTitle {
        font-size: 0.875rem;
        font-weight: 400;
        color: var(--color-dark);
        margin-bottom: 0.5rem;
        @media (768px > width) {
            font-size: 0.75rem;
        }
    }
    & .p-representative__jaTitle {
        font-size: 2.25rem;
        font-weight: 700;
        color: var(--color-main);
        font-family: var(--font-serif);
        margin-bottom: 1rem;
        letter-spacing: 0.1em;
        @media (768px > width) {
            font-size: 1.5rem;
            margin-bottom: 0.75rem;
        }
    }
    & .p-representative__description {
        font-size: 1rem;
        font-weight: 500;
        color: var(--color-main02);
        line-height: 1.75;
        @media (768px > width) {
            font-size: 0.875rem;
        }
    }
    & .p-representative__content {
        display: flex;
        justify-content: center;
        gap: 4rem;
        align-items: flex-start;
        @media (768px > width) {
            flex-direction: column;
            gap: 2rem;
        }
    }
    & .p-representative__text {
        width: calc(50% - 2rem);
        @media (768px > width) {
            width: 100%;
        }
    }
    & .p-representative__name {
        font-size: 1.25rem;
        font-weight: 700;
        color: var(--color-main02);
        margin-bottom: 2rem;
        letter-spacing: 0.05em;
        @media (768px > width) {
            font-size: 1rem;
            margin-bottom: 1.5rem;
        }
    }
    & .p-representative__career {
        margin-bottom: 2rem;
        @media (768px > width) {
            margin-bottom: 1.5rem;
        }
        p {
            font-size: 1rem;
            font-weight: 500;
            color: var(--color-main02);
            line-height: 1.75;
            @media (768px > width) {
                font-size: 0.875rem;
            }
            &.separate {
                margin-bottom: 1.375rem;
                @media (768px > width) {
                    margin-bottom: 1.125rem;
                }
            }
        }
    }
    & .p-representative__registration {
        p {
            font-size: 1rem;
            font-weight: 500;
            color: var(--color-main02);
            line-height: 1.75;
            margin-bottom: 0.5rem;
            @media (768px > width) {
                font-size: 0.875rem;
            }
            span {
                font-weight: 700;
            }
        }
    }
    & .p-representative__image {
        position: relative;
        width: calc(50% - 2rem);
        max-width: 300px;
        @media (768px > width) {
            width: 100%;
            margin: 0 auto;
        }
        img {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
            border-radius: 5px;
        }
    }
    & .p-representative__signature {
        position: absolute;
        bottom: 1.5rem;
        left: 1.5rem;
        display: flex;
        flex-direction: column;
        transform: rotate(-15deg);
        @media (768px > width) {
            bottom: 1rem;
            left: 1rem;
        }
    }
    & .p-representative__signatureLine {
        font-size: 4rem;
        font-weight: 400;
        color: var(--color-signature-alt);
        font-family: 'La Belle Aurore', 'Brush Script MT', 'Lucida Handwriting', cursive;
        font-style: normal;
        line-height: 1;
        letter-spacing: 0.05em;
        @media (768px > width) {
            font-size: 3rem;
        }
    }
}
.p-about {
    & .p-aboutOutline__item {
        display: flex;
        max-width: 820px;
        margin: 0 auto;
        & .p-aboutOutline__title {
            display: flex;
            align-items: center;
            width: 220px;
            border-bottom: 1px solid var(--color-wh);
            border-left: 1px solid var(--color-main);
            border-right: 1px solid var(--color-main);
            padding: 1.25rem;
            background: var(--color-main);
            color: var(--color-wh);
            @media (768px > width) {
                width: 120px;
                padding: 1rem .625rem;
                font-size: .9375rem;
            }
        }
        & .p-aboutOutline__content {
            width: calc(100% - 220px);
            margin: 0;
            padding: 1.25rem;
            border-bottom: 1px solid var(--color-main);
            border-right: 1px solid var(--color-main);
            @media (768px > width) {
                width: calc(100% - 120px);
                padding: 1rem .625rem;
                font-size: .9375rem;
            }
            span {
                font-size: .875rem;
                @media (768px > width) {
                    font-size: .75rem;
                }
            }
        }
        &:first-of-type {
            & .p-aboutOutline__title {
                border-top: 1px solid var(--color-main);
            }
            & .p-aboutOutline__content {
                border-top: 1px solid var(--color-main);
            }
        }
    }
}

.p-service {
    position: relative;
    padding: 4.75rem 0 7rem;
    @media (768px > width) {
        padding: 3.25rem 0;
    }
    & .p-service__header {
        text-align: center;
        margin-bottom: 4rem;
        @media (768px > width) {
            margin-bottom: 2.5rem;
        }
    }
    & .p-service__enTitle {
        font-size: 0.875rem;
        font-weight: 400;
        color: var(--color-dark);
        margin-bottom: 0.5rem;
        @media (768px > width) {
            font-size: 0.75rem;
        }
    }
    & .p-service__jaTitle {
        font-size: 2.25rem;
        font-weight: 700;
        color: var(--color-main);
        font-family: var(--font-serif);
        margin-bottom: 0.5rem;
        letter-spacing: 0.1em;
        @media (768px > width) {
            font-size: 1.5rem;
            margin-bottom: 0.375rem;
        }
    }
    & .p-service__subtitle {
        font-size: 1rem;
        font-weight: 500;
        color: var(--color-main02);
        @media (768px > width) {
            font-size: 0.875rem;
        }
    }
    & .p-service__grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
        @media (768px > width) {
            grid-template-columns: 1fr;
            gap: 1.5rem;
        }
    }
    & .p-service__card {
        display: grid;
        grid-template-columns: subgrid;
        background-color: var(--color-wh);
        border-radius: 3px;
        box-shadow: 0px 0px 10px 0px var(--color-shadow);
        overflow: hidden;
        padding-bottom: 2rem;
    }
    & .p-service__image {
        position: relative;
        width: 100%;
        height: 280px;
        overflow: hidden;
        @media (768px > width) {
            height: 200px;
            padding: .9375rem;
        }
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
    }
    & .p-service__imageOverlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    & .p-service__title {
        font-size: 1.375rem;
        font-weight: 700;
        color: var(--color-main);
        text-align: center;
        margin: 1.5rem 0 1rem;
        letter-spacing: 0.1em;
        @media (768px > width) {
            font-size: 1.125rem;
            margin: 1rem 0 0.75rem;
        }
    }
    & .p-service__description {
        font-size: 1rem;
        font-weight: 500;
        color: var(--color-main02);
        line-height: 1.75;
        padding: 0 1.875rem;
        @media (768px > width) {
            font-size: 0.875rem;
            padding: 0 1rem;
        }
    }
}