.main-title {
    /* background-color: var(--color-dark); */
    margin-top: 180px;
    margin-left: var(--space-normal);
    padding: 56px var(--space-normal) 72px;
    position: relative;
    z-index: 10;
}

.main-title .title-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-dark);
}

.main-title::before {
    content: "";
    position: absolute;
    top: -50px;
    left: var(--space-normal);
    width: calc(100% - var(--space-normal) * 1);
    height: 100%;
    background-color: var(--color-sand);
    z-index: -1;
}

.main-title::after {
    content: "";
    position: absolute;
    bottom: -56px;
    left: calc(var(--space-normal) * -1);
    width: 100%;
    height: 100%;
    background-color: var(--color-greige);
    z-index: -2;
}

.description-area {
    margin-top: 114px;
    overflow: visible;
    padding-left: calc(var(--space-normal) * 2) !important;
    padding-bottom: 87px !important;
    /* padding: 102px calc(var(--space-normal) * 5) 114px calc(var(--space-normal) * 1) !important; */
    gap: clamp(35px, calc(6vw - 30px), 58px);
}

.description-area-wrapper {
    min-width: auto;
}

.description-area::after {
    background: var(--color-white);
    top: -114px;
    height: calc(50% + 114px);
    z-index: -3;
}

.description-area.sub-description-area {
    margin-top: 0;
    position: relative;
    padding-left: calc(var(--space-normal) * 1) !important;
}

.description-area.sub-description-area::after {
    content: "";
    position: absolute;
    top: 0;
    left: auto;
    bottom: auto;
    right: 0;
    width: 100%;
    height: 47.5%;
    background: var(--color-gray);
}

.description-area .description-area-text a {
    text-decoration: underline;
}

.description-area-img-wrapper {
    display: flex;
    flex-direction: column;
    gap: 63px;
}

.vertical-title-section {
    padding: 84px var(--space-normal) 50px;
    position: relative;
    display: flex;
    /* gap: 65px; */
    gap: calc(var(--space-normal) + 11px);
    /* gap: calc(var(--space-normal)); */
}

.vertical-title-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-greige);
    width: calc(100% - calc(var(--space-normal) * 2));
    height: 100%;
    z-index: -2;
}

.vertical-title-wrapper {
    height: 100%;
    position: sticky;
    top: calc(var(--header-height) + 1em);
    /* background-color: aqua; */

    /* width: 108px; */
}

.vertical-title {
    width: 1em;
    writing-mode: sideways-lr;
    color: var(--color-white);
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: 65%;
    letter-spacing: 2.7px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vertical-title::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 175px;
    margin-top: 25px;
    background: var(--color-white);
}

.recruit {
    padding-bottom: 77px !important;
}

.recruit::after {
    display: none;
}

.staff-voices {
    display: none;
}

footer {
    margin-top: 44px;
}

/* ------------------------ */
/* 制作の流れ */

.main-thumb {
    width: 100%;
    padding: 0 var(--space-normal);
    position: relative;
}

.main-thumb::before {
    content: "";
    position: absolute;
    background: var(--color-dark);
    width: 100%;
    top: 0px;
    height: 57px;
    left: calc(var(--space-normal) * -1);
    z-index: -1;
}

.main-thumb::after {
    content: "";
    position: absolute;
    background: var(--color-greige);
    width: 100%;
    bottom: 0px;
    height: 57px;
    left: calc(var(--space-normal) * -1);
    z-index: -1;
}

.main-thumb .movie-full {
    width: 100%;
    height: auto;
    vertical-align: middle;
    /* max-height: 653px; */
    object-fit: cover;
    object-position: center;
}

.item-wrapper {
    display: flex;
    flex-direction: column;
    gap: 41px;
    width: 100%;
}

.item {
    width: 100%;
    padding: 44px var(--space-normal);
    display: flex;
    /* gap: 30px; */
    background-color: var(--color-gray);
    position: relative;
}

.item.simple {
    align-items: center;
}

.item.simple .title-m {
    line-height: 1.5em;
}

.item.flow:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: -41px;
    left: 165px;
    width: 50px;
    height: 41px;
    background-image: url("../img/common/sankaku.svg");
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.item>p {
    padding-left: 30px;
}

.item-title-wrapper .label-bar::before {
    width: 60px;
    margin-right: 14px;
}

.item.image-item {
    flex-direction: column;
    gap: 35px;
}

.item.image-item .item-image-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.item.image-item .item-image-inner {
    display: flex;
    background-color: var(--color-white);
}

.item.image-item .item-image-inner-img,
.item>.item-title-wrapper {
    width: 30%;
}

.item.image-item>.item-title-wrapper {
    width: 100%;
}

.item.image-item .item-image-inner-text,
.item>p {
    width: 70%;
}

.item.image-item .item-image-inner-img {
    aspect-ratio: 350 / 238;
    object-fit: cover;
}

.item.image-item .item-image-inner-text {
    padding: min(4vw, 30px);
    display: flex;
    flex-direction: column;
}

/* ------------------------ */
/* 会社情報 */

.overview.text-item-area {
    padding: 90px calc(var(--space-normal) * 2) 97px;
    position: relative;
}

.overview.text-item-area::before {
    right: 0;
    left: var(--space-normal);
}

.overview.text-item-area::after {
    content: "";
    position: absolute;
    background: var(--color-dark);
    width: 100%;
    top: 0px;
    height: 57px;
    left: calc(var(--space-normal) * -1);
    z-index: -2;
}

.logo-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.logo-list a img {
    max-width: 240px;
    height: 40px;
}

.base-item {
    /* overflow: hidden; */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    height: auto;
    max-height: none;
    gap: 30px;
    padding-left: calc(var(--space-normal) * 2);
    padding-right: var(--space-normal);
    padding-top: 49px;
    padding-bottom: 44px;
    z-index: 10;
}

.base-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: var(--color-greige);
    width: calc(100% - calc(var(--space-normal) * 1));
    height: 100%;
    z-index: -1;
}

.base-item.bg-color-greige::after {
    background: var(--color-greige);
}

.base-item.bg-color-sand::after {
    background: var(--color-sand);
}

.base-item.bg-color-pink::after {
    background: var(--color-pink);
}

.base-item .btn-primary {
    margin-left: auto;
}

.base-item.bg-color-greige .btn-primary span {
    background: var(--color-greige) !important;
}

.base-item.bg-color-sand .btn-primary span {
    background: var(--color-sand) !important;
}

.base-item.bg-color-pink .btn-primary span {
    background: var(--color-pink) !important;
}

.base-item.bg-color-greige::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
    width: 100%;
    height: 47.5%;
    background: var(--color-dark);
    z-index: -1;
}

.base-item.bg-color-pink::before {
    content: "";
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    right: auto;
    width: 100%;
    height: 17.5%;
    background: var(--color-white);
    z-index: -1;
}

.title-m-wrapper.sidebyside {
    flex-direction: row;
    align-items: flex-end;
    gap: 25px;
}

.title-m-wrapper.sidebyside>*:last-child {
    margin-bottom: .5em;
}

.news::after {
    top: -200px;
    height: 195%;
}

/* ------------------------ */
/* 事業内容 */

.main-thumb img {
    aspect-ratio: 1800 / 1011;
    object-fit: cover;
}

#service01::before {
    content: "";
    position: absolute;
    background: var(--color-dark);
    width: 100%;
    top: 0px;
    height: 57px;
    left: calc(var(--space-normal) * -1);
    z-index: -2;
}

.background-white-area {
    position: relative;
    z-index: -1;
}

.background-white-area::before {
    content: "";
    position: absolute;
    top: min(-17svh, -140px);
    left: 0;
    background: var(--color-white);
    width: calc(100vw - calc(var(--space-normal) * 2));
    height: 50svh;
    max-height: 400px;
}

.service-label-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 17px;
    color: var(--color-white);
}

.service-label-bar span {
    margin-left: 30px;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.service-label-bar span::before {
    content: "";
    display: inline-block;
    width: 106px;
    height: 1px;
    margin-right: 10px;
    background: var(--color-white);
}

.slider-section {
    margin-top: 68px !important;
}

.slider-section::after {
    background: var(--color-white);
}

.slider-section.light-color {
    margin-top: 50px !important;
    padding-bottom: 66px !important;
}

.slider-section.light-color .title-m-wrapper {
    color: var(--color-dark)
}

.slider-section.light-color .slider-mask::before {
    background: var(--color-gray);
}

.slider-section.light-color::after {
    top: -68px;
    bottom: 0;
    left: 0;
    background: var(--color-white);
    width: calc(100% - calc(var(--space-normal) * 2));
    height: calc(100% + 68px);
}

.slider-section .title-header {
    color: var(--color-white);
}

.slider {
    margin-top: 50px;
    margin-bottom: 0;
}

.slider-section .no-posts-message {
    color: var(--color-white);
    margin-top: 50px;
}

.slider-section.light-color .no-posts-message {
    color: var(--color-dark);
}

/* ------------------------ */
/* ポリシー（サイト・プライバシー） */

.text-area {
    padding: 90px calc(var(--space-normal) * 3) 100px calc(var(--space-normal) * 2);
    display: flex;
    flex-direction: column;
    gap: 35px;
    margin-top: 156px;
    width: 100%;
    position: relative;
}

.text-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-white);
    width: calc(100% - calc(var(--space-normal) * 1));
    height: 100%;
    z-index: -1;
}

.text-area::after {
    content: "";
    position: absolute;
    top: -156px;
    left: 0;
    background: var(--color-gray);
    width: 100%;
    height: 378px;
    z-index: -2;
}

.text-area ul {
    margin-left: 1.5em;
    padding-left: 0;
}

.text-area a {
    text-decoration: underline;
}

/* ------------------------ */
/* 実績例 */

.sub-header-area {
    margin-top: 56px;
    background: var(--color-white);
    width: 100%;
    height: auto;
    padding: 50px calc(var(--space-normal) * 2);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.sub-header-area::after {
    content: "";
    position: absolute;
    top: -56px;
    left: 0;
    background: var(--color-white);
    width: 100%;
    height: 56px;
    z-index: -2;
}

.tags-unit-wrapper {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.tags-unit {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    font-size: 14px;
}

.tags-unit a {
    background: var(--color-white);
    padding: 4px 14px;
    text-align: center;
    border: 1px solid var(--color-dark);
    /* text-decoration: none; */
}

/* .tags-unit a:hover {
    opacity: .5;
} */

.tags-unit a.active {
    background: var(--color-dark);
    color: var(--color-white);
    pointer-events: none;
}

.select_wapper.tags-select {
    display: none;
}

.select_wapper.tags-select select {
    color: var(--color-white) !important;
    background-color: var(--color-dark);
    border: none;
}

.select_wapper.tags-select select option:first-child {
    display: block;
}

.select_wapper.tags-select::after {
    border-top: 1px solid var(--color-white);
    border-right: 1px solid var(--color-white);
}

.sub-header-area .sideline::before,
.sub-header-area .sideline.sideline::after {
    background-color: var(--color-dark);
}

.vertical-title-section.bg-gray::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-white);
    width: 100%;
    height: 52px;
    z-index: -3;
}

.vertical-title-section.bg-gray .vertical-title {
    color: var(--color-dark);
}

.vertical-title-section.bg-gray .vertical-title::before {
    background: var(--color-dark);
}

.vertical-title-section.bg-gray::before {
    background-color: var(--color-gray);
}

.thumbnail-item-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: min(4vw, 50px);
    /* gap: 50px; */
    height: max-content;
}

.thumbnail-item-wrapper .thumbnail-item {
    align-self: flex-start;
}

.vertical-title-section:has(.text-item-list) {
    padding-right: calc(var(--space-normal) * 2) !important;
    padding-bottom: 84px;
}

.vertical-title-section:has(.text-item-list)::before {
    width: calc(100% - calc(var(--space-normal) * 1));
}

.vertical-title-section .text-item-list {
    padding-top: 0;
}

.wp-pagenavi {
    padding: 50px calc(var(--space-normal) * 1) 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .first,
.wp-pagenavi .last {
    padding: 4px 14px;
    border: 1px solid var(--color-dark);
    color: var(--color-dark);
    text-align: center;
}

.wp-pagenavi .current {
    background: var(--color-dark);
    color: var(--color-white);
}

.post-content-area {
    margin-top: 114px;
    position: relative;
    padding: 0 var(--space-normal);
}

.post-content-area::after {
    content: "";
    position: absolute;
    background: var(--color-gray);
    top: -114px;
    left: 0;
    width: 100%;
    /* height: 378px; */
    height: min(30vw, 378px);
    z-index: -3;
    padding: 0 var(--space-normal);
}

.post-content-wrapper {
    max-width: 1024px;
    /* max-width: 1200px; */
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.post-thumb {
    width: 100%;
    aspect-ratio: 1600 / 612;
    object-fit: cover;
}

.post-thumb.works {
    aspect-ratio: 1056 / 764;
}

.post-content {
    padding: 75px calc(var(--space-normal) * 1) 50px;
    display: flex;
    flex-direction: column;
    gap: 63px;
    background: var(--color-white);
}

.post-content-header {
    display: flex;
    flex-direction: column;
    gap: .5em;
}

.post-content-sub-title {
    line-height: 1.5em;
}

.post-content-text {
    display: flex;
    flex-direction: column;
    gap: 38px;
}

.post-content-text div {
    width: 100% !important;
}

.post-content-text a {
    text-decoration: underline;
}

/* ------------------------ */
/* フォーム関連 */

.sub-header-area.note-area {
    text-align: center;
}

.text-item-area.form {
    padding: 80px calc(var(--space-normal) * 3);
    display: flex;
    justify-content: center;
    position: relative;
}

.text-item-area.form::after {
    content: "";
    position: absolute;
    background: var(--color-white);
    width: 100%;
    top: 0px;
    left: 0;
    height: 237px;
    z-index: -3;
}

/*お問い合わせ・応募*/

input::-webkit-input-placeholder {
    color: #cacaca;
}

input:-ms-input-placeholder {
    color: #cacaca;
}

input::-moz-placeholder {
    color: #cacaca;
}

select {
    color: #cacaca;
    /*入力促進文字色。選択後の色はJSで制御*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select:has(option:checked:not([value=""])) {
  color: var(--color-dark);
}

select::-ms-expand {
    display: none;
}

/* select option:first-child {
    display: none;
} */

select option[value=""][disabled] {
    color: #cacaca !important;
}

.select_wapper {
    position: relative;
}

.select_wapper::after {
    content: "";
    position: absolute;
    display: block;
    border-top: 1px solid #646464;
    border-right: 1px solid #646464;
    width: 10px;
    height: 10px;
    top: 45%;
    transform: translateY(-50%) rotate(135deg);
    right: 20px;
    pointer-events: none;
    z-index: 1;
}

button,
input[type="submit"] {
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
}

input[type="text"],
textarea,
select {
    background-color: #fff;
    padding: 10px;
    border: 1px solid var(---, #27272756);
    width: 100%;
}

textarea {
    overflow: hidden;
    display: block;
    resize: vertical;
}

input[type="text"]:focus,
textarea:focus,
select:focus {
    outline: none;
    border: 1px solid var(--color-dark);
}

#contact_form,
#biz_partner_form,
#request_form {
    width: 100%;
}

.form-items {
    max-width: 1024px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.form-item {
    display: flex;
    gap: 10px;
    width: 100%;
    /* background-color: aqua; */
}

.form-item>*:first-child {
    width: 25%;
    padding-top: 10px;
    position: relative;
}

.form-item>*.required:first-child::after {
    content: "必須";
    position: absolute;
    color: #cb3f28;
    font-size: 0.8em;
    display: block;
    right: 15px;
    top: 10px;
    transform: translateY(.3em);
}

.form-item>*:last-child {
    flex: 1;
}

.form-item>*:last-child p {
    padding: 10px 0;
    /* background-color: tomato; */
}

.form-items h6 {
    font-size: var(--font-size-m);
}

.email_c_mes {
    display: none;
    color: #cb3f28;
    font-size: 0.8em;
}

.check-mode {
    display: none;
}

.side-by-side-btn {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
    /* margin-top: 40px; */
}

/* .check-mode>div>* {
    margin: 15px 10px;
} */

/* .description2 {
    display: none;
}

.contact .l_item>p {
    margin-top: 90px;
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
} */

/* ------------------------ */
/* リクルート関連 */

body.recruit-page {
    background-color: var(--color-dark) !important;
}

body.recruit-page:has(.recruit-sub-page) .enter-btn {
    display: none;
}

body.recruit-page .wp-pagenavi {
    margin-bottom: 100px;
}

.main-title.recruit-sub-page {
    z-index: -1;
}

.vertical-title-section.job-info {
    position: relative;
    margin-top: 114px;
}

.vertical-title-section.job-info::after {
    content: "";
    position: absolute;
    background: var(--color-white);
    top: -114px;
    height: 350px;
    /* height: 50%; */
    /* height: calc(114px + 30%); */
    /* height: calc(378px); */
    z-index: -3;
    width: 100%;
    /* z-index: -3; */
}

/* ------------------------ */
/* テキストの上下間隔を調整 */

.text-unit .title-m,
.item-title-wrapper .item-title.title-m {
    /* margin-top: 12px;
    margin-bottom: 12px; */
    margin-top: calc(.125em + 6px);
    margin-bottom: calc(.125em + 6px);
    /* margin-top: 8px;
    margin-bottom: 8px; */
}

/* ------------------------ */
/* レスポンシブ */

@media (min-width: 1920px) {
    .thumbnail-item-wrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr !important;
    }
}

@media (min-width: 1400px) {
    .thumbnail-item-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 1024px) {

    .main-title {
        margin-top: max(calc(max(var(--space-normal), 20px) * 1.5), 40px);
        padding: max(30px, calc(var(--space-normal) * 1.5)) var(--space-normal);
    }

    .main-title::before {
        top: calc(max(var(--space-normal), 20px) * -1);
    }

    .main-title::after {
        bottom: calc(max(var(--space-normal), 20px) * -1);
    }

    .description-area {
        margin-top: max(calc(max(var(--space-normal), 20px) * 2.1), 45px);
        padding-top: 44px !important;
        padding-bottom: 53px !important;
    }

    .description-area-img-wrapper {
        gap: 35px;
        width: 100%;
    }

    .description-area-img-wrapper .ceo {
        align-self: flex-end;
    }

    .vertical-title-section {
        padding: 53px var(--space-normal) 50px !important;
        /* gap: calc(var(--space-normal) + 4px); */
    }

    .vertical-title {
        font-size: max(5vw, 23px);
    }

    .item.image-item {
        gap: var(--space-normal);
    }

    .title-m-wrapper.sidebyside {
        gap: 20px;
    }

    .title-m-wrapper.sidebyside>*:last-child {
        margin-bottom: .2em;
    }

    .text-area {
        padding: 50px calc(var(--space-normal) * 2) 50px calc(var(--space-normal) * 1);
        margin-top: max(calc(max(var(--space-normal), 20px) * 2.1), 45px);
    }

    .sub-header-area {
        margin-top: max(calc(max(var(--space-normal), 20px) * 1), 20px);
        padding: 35px calc(var(--space-normal) * 1);
        gap: 35px;
    }

    .sub-header-area::after {
        top: calc(max(calc(max(var(--space-normal), 20px) * 1), 20px) * -1);
        height: max(calc(max(var(--space-normal), 20px) * 1), 20px);
    }

    .vertical-title-section.bg-gray::after {
        height: 20px;
    }

    .post-content-area {
        margin-top: max(calc(max(var(--space-normal), 20px) * 2.1), 45px);
    }

    .post-content-area::after {
        top: calc(max(calc(max(var(--space-normal), 20px) * 2.1), 45px) * -1);
    }

    .post-content {
        padding: min(9vw, 50px) calc(var(--space-normal) * 1);
        gap: min(9vw, 50px);
    }

    .post-content-text {
        gap: min(9vw, 38px);
    }

    .form-items {
        gap: 40px;
    }

    .form-item {
        flex-direction: column;
    }

    .form-item>*:first-child {
        width: 100%;
        padding-top: 0;
    }

    .form-item>*.required:first-child::after {
        position: static;
        display: inline-block;
        margin-left: 10px;
        transform: none;
    }

    .vertical-title-section.job-info {
        margin-top: max(calc(max(var(--space-normal), 20px) * 2.1), 45px);
    }

    .vertical-title-section.job-info::after {
        top: calc(max(calc(max(var(--space-normal), 20px) * 2.1), 45px) * -1) !important;
        /* height: 105px; */
        height: 260px;
    }

    body.recruit-page .main-title {
        margin-top: calc(max(calc(max(var(--space-normal), 20px) * 1.5), 40px) + var(--header-height));
    }

    body.recruit-page .wp-pagenavi {
        margin-bottom: 60px;
    }

    .recruit {
        margin-top: 60px !important;
    }

}

@media (max-width: 768px) {

    .main-thumb {
        padding: 0 0 0 var(--space-normal);
    }

    .overview.text-item-area {
        padding: 50px calc(var(--space-normal) * 1) 50px calc(var(--space-normal) * 2);
    }

    .slider-section {
        margin-top: 60px !important;
    }

    .slider-section.light-color {
        margin-top: 30px !important;
        padding-bottom: 33px !important;
    }

    .sub-header-area.note-area {
        text-align: left;
    }

    .text-item-area.form {
        padding: 50px calc(var(--space-normal) * 2) 50px calc(var(--space-normal) * 1);
    }

}

@media (max-width: 576px) {

    .title-wrapper>*:last-child {
        margin-top: 14px;
        /* margin-bottom: 0; */
    }

    .description-area {
        padding-left: var(--space-normal) !important;
    }

    .item {
        flex-direction: column;
        gap: var(--space-normal);
    }

    .item:not(:last-child)::after {
        left: 30%;
        transform: translateX(-50%);
    }

    .item>p {
        padding-left: 0;
    }

    .item.image-item .item-image-inner {
        flex-direction: column;
    }

    .item>.item-title-wrapper,
    .item>p,
    .item.image-item .item-image-inner-img,
    .item.image-item .item-image-inner-text {
        width: 100%;
    }

    .base-item {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .base-item.bg-color-greige::before {
        height: 8%;
    }

    .title-m-wrapper.sidebyside {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .title-m-wrapper.sidebyside>*:last-child {
        margin-bottom: auto;
    }

    .service-label-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .service-label-bar span {
        margin-left: 0;
    }

    .service-label-bar span::before {
        width: 30px;
    }

    .sub-header-area {
        padding: 20px calc(var(--space-normal) * 1);
        gap: 20px;
    }

    .tags-unit-wrapper,
    .tags-unit {
        gap: 10px;
    }

    .vertical-title-section {
        padding: 40px var(--space-normal) !important;
        gap: calc(var(--space-normal) + 5px) !important;
    }

    .vertical-title-wrapper.sp-hidden {
        display: none;
    }

    .vertical-title-section.job-info {
        padding-left: var(--space-normal) !important;
    }

    .sub-header-area .tags-unit-wrapper {
        display: none;
    }

    .sub-header-area .select_wapper.tags-select {
        display: block;
    }
}