@charset "UTF-8";
/*
*
* product_module_addition.css
* 商品ページ共通モジュールを個別に上書き・追加するCSS
* 初期値はデフォルトのスタイルを当てていますので、値を変更してご使用下さい
*
*/
:root {
    --base-color: #cc0022;
    --hover-color: #666;
    --bg-color: #F2F2F2;
    --heading-color: #000;
}

/* --------------------------------
  追加カラー
-------------------------------- */
.hs-table-block__color-gray {
    background-color: #ccc;
}
.util-bg--color-01 {
    background-color: #005D9D!important;
}
.util-bg--color-02 {
    background-color: #E94959!important;
}
.util-bg--color-03 {
    background-color: #17957E!important;
}
.util-bg--color-04 {
    background-color: #BF885A!important;
}
.util-bg--color-05 {
    background-color: #005C9D!important;
}
.util-bg--color-06 {
    background-color: #21957E!important;
}
.util-bg--color-07 {
    background-color: #C1885A!important;
}
.util-bg--color-08 {
    background-color: #E94659!important;
}
.util-bg--color-09 {
    background-color: #333!important;
}
.util-tx--color-01 {
    color: #fff!important;
}
.util-c-link--white::after {
    background-image: url(/r23res/image/common/icon_arrow_white.svg)!important;
}

.hs-main-visual {
    background-image: url("/operationsmanagement/asset/images/common/kv_img_lower_sm.jpg");
}

@media (min-width: 768px) {
    .hs-main-visual {
        background-image: url("/operationsmanagement/asset/images/common/kv_img_lower_lg.jpg");
    }
}
/* --------------------------------
  もっと知る
-------------------------------- */
/*背景の基本カラーは bg-collar
  ベースカラーにしたいときは使用
.hs-content-footer {
  background-color: var(--base-color);
}
*/
/* --------------------------------
  タグ一覧
-------------------------------- */
.hs-filter-trigger__item[data-blog-filter-trigger] {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 1.0666666667vw 3.4666666667vw 1.0666666667vw 9.0666666667vw;
    border-radius: 5.3333333333vw;
    border: 1px solid #bbbbbb;
    background-color: #fff;
    font-size: 3.2vw;
    color: #333;
}
@media (min-width: 768px) {
    .hs-filter-trigger__item[data-blog-filter-trigger] {
        padding: 5px 13px 4px 34px;
        border-radius: 20px;
        font-size: 0.75rem;
    }
}
.hs-filter-trigger__item[data-blog-filter-trigger]::before {
    position: absolute;
    display: block;
    margin: auto;
    content: "";
    left: 3.2vw;
    top: 0;
    bottom: 0;
    width: 4.8vw;
    height: 4.8vw;
    border: 1px solid #bbbbbb;
    border-radius: 50%;
    background-color: #f4f4f4;
}
@media (min-width: 768px) {
    .hs-filter-trigger__item[data-blog-filter-trigger]::before {
        left: 12px;
        width: 18px;
        height: 18px;
    }
}
.hs-filter-trigger__item[data-blog-filter-trigger][aria-expanded=true] {
    background-color: transparent;
    border-color: #333;
}
.hs-filter-trigger__item[data-blog-filter-trigger][aria-expanded=true]::before {
    background: #333 url(/r23res/image/common/icon_check_white.svg) no-repeat center center/2.4vw auto;
    border-color: #333;
}
@media (min-width: 768px) {
    .hs-filter-trigger__item[data-blog-filter-trigger][aria-expanded=true]::before {
        background-size: 9px auto;
    }
}
@media (hover: hover) {
    .hs-filter-trigger__item[data-blog-filter-trigger]:hover {
        opacity: 0.7;
    }
}
.hs-filter-trigger__item[data-blog-filter-trigger].hs-filter-trigger__item--all {
    background-color: #e6e6e6;
    color: #333;
}
.hs-filter-trigger__item[data-blog-filter-trigger].hs-filter-trigger__item--blue {
    color: #3f51b5;
    background-color: #f5f6fb;
}
.hs-filter-trigger__item[data-blog-filter-trigger].hs-filter-trigger__item--blue[aria-expanded=true] {
    border-color: #3f51b5;
}
.hs-filter-trigger__item[data-blog-filter-trigger].hs-filter-trigger__item--blue[aria-expanded=true]::before {
    background-color: #3f51b5;
    border-color: #3f51b5;
}

/* --------------------------------
  アキ調整パーツ
-------------------------------- */
.hs-c-color-box.operationsmanagement-c-color-box--padding-block {
    padding-top: 28px;
    padding-bottom: 28px;
}
@media (max-width: 767.98px) {
    .hs-accordion-item__answer.hs-accordion-item__answer-sp {
        padding-left: 0;
        padding-right: 0;
    }
}

/* --------------------------------
  タグリンクパーツ
-------------------------------- */
.hs-c-tag a.operationsmanagement-tag-link:link,
.hs-c-tag a.operationsmanagement-tag-link:hover,
.hs-c-tag a.operationsmanagement-tag-link:active,
.hs-c-tag a.operationsmanagement-tag-link:visited {
    text-decoration: none;
    color: #333;
}

/* --------------------------------
  ボタンパーツ
-------------------------------- */
@media print, screen and (min-width: 768px) {
    .operationsmanagement-button-wrap {
        display: flex;
        justify-content: center;
        margin-top: 24px;
    }
    .operationsmanagement-button {
        width: clamp(140px, 332px, 100%);
    }
    .operationsmanagement-button .operationsmanagement-button__link {
        text-decoration: none;
    }
    .operationsmanagement-button__link {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        border: 1px solid #bbb;
        padding: 15px 30px 15px 20px;
        background-color: #333;
        -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
        transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    }
    .operationsmanagement-button__link:hover {
        opacity: 0.7;
    }
    .operationsmanagement-button__link::before {
        position: absolute;
        top: 50%;
        right: 20px;
        width: 7px;
        height: 12px;
        content: "";
        background-image: url(/r23res/image/common/icon_arrow_white.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .operationsmanagement-button__icon {
        width: 60px;
    }
    .operationsmanagement-button__icon img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
    }
    .operationsmanagement-button__label {
        padding: 0 0 0 20px;
        color: #fff;
        font-size: 0.875rem;
        font-weight: bold;
    }
}
@media (max-width: 767.98px) {
    .operationsmanagement-button-wrap {
        margin-top: 6.4vw !important;
    }
    .operationsmanagement-button {
        width: 100%;
    }
    .operationsmanagement-button .operationsmanagement-button__link {
        text-decoration: none;
    }
    .operationsmanagement-button__link {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        padding: 4vw 8vw 4vw 5.3333333333vw;
        border: 1px solid #bbb;
        background-color: #333;
    }
    .operationsmanagement-button__link::before {
        position: absolute;
        top: 50%;
        right: 4vw;
        width: 1.8666666667vw;
        height: 3.4666666667vw;
        content: "";
        background-image: url(/r23res/image/common/icon_arrow_white.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .operationsmanagement-button__icon {
        width: 18.1333333333vw;
    }
    .operationsmanagement-button__icon img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
    }
    .operationsmanagement-button__label {
        padding: 0 0 0 5.3333333333vw;
        color: #fff;
        font-size: 3.7333333333vw;
        font-weight: bold;
    }
}

/* --------------------------------
  メディアパーツ
-------------------------------- */
@media print, screen and (min-width: 768px) {
    .operationsmanagement-media {
        margin-top: 24px;
    }
    .operationsmanagement-media__inner {
        display: flex;
        padding-top: 56px;
        padding-bottom: 56px;
        padding-left: 64px;
        padding-right: 64px;
        background-color: #f2f2f2;
    }
    .operationsmanagement-media__head {
        flex-shrink: 0;
        width: 14.1509433962%;
        min-width: 14.1509433962%;
    }
    .operationsmanagement-media__body {
        width: 100%;
        margin-left: 32px;
    }
    .operationsmanagement-media__title {
        font-size: 1.25rem;
        font-weight: bold;
        line-height: 1.4;
    }
    .operationsmanagement-media__text {
        margin-top: 16px;
    }
}
@media (max-width: 767.98px) {
    .operationsmanagement-media {
        margin-top: 6.4vw;
    }
    .operationsmanagement-media__inner {
        display: flex;
        padding-top: 14.9333333333vw;
        padding-bottom: 14.9333333333vw;
        padding-left: 5.3333333333vw;
        padding-right: 5.3333333333vw;
        background-color: #f2f2f2;
    }
    .operationsmanagement-media__head {
        flex-shrink: 0;
        width: 18.64347824vw;
        min-width: 18.64347824vw;
    }
    .operationsmanagement-media__body {
        width: 100%;
        margin-left: 5.178743957vw;
    }
    .operationsmanagement-media__title {
        font-size: 5.3333333333vw;
        font-weight: bold;
        line-height: 1.4;
    }
    .operationsmanagement-media__text {
        margin-top: 4.2666666667vw;
    }
}

/* --------------------------------
  タグパーツ
-------------------------------- */
@media print, screen and (min-width: 768px) {
    .operationsmanagement-tag-list {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 12px;
        margin-top: 25px;
    }
    .operationsmanagement-tag-list > li {
    }
    .operationsmanagement-tag-list .operationsmanagement-tag-list__item {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: #bbb;
        border: 1px solid #333;
        border-radius: 9999px;
        background-color: #fff;
        color: #333;
        font-size: 0.75em;
        padding: 0.3125em 0.9375em 0.25em;
    }
    .operationsmanagement-tag-list .operationsmanagement-tag-list__link:link {
        color: #c02;
        text-decoration: none;
    }
    .operationsmanagement-tag-list .operationsmanagement-tag-list__link:hover {
        text-decoration: none!important;
    }
    .operationsmanagement-tag-list .operationsmanagement-tag-list__link:active {
        color: #b1000e;
        text-decoration: none;
    }
    .operationsmanagement-tag-list .operationsmanagement-tag-list__link:visited {
        color: #a94657;
        text-decoration: none;
    }
}
@media (max-width: 767.98px) {
    .operationsmanagement-tag-list {
        display: flex;
        flex-wrap: wrap;
        gap: 1.8666666667vw 2.4vw;
        margin-top: 6.6666666667vw;
    }
    .operationsmanagement-tag-list > li {
    }
    .operationsmanagement-tag-list .operationsmanagement-tag-list__item {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1.0666666667vw 2.6666666667vw 0.8vw;
        background-color: #fff;
        border: #bbb;
        border: 1px solid #bbb;
        border-radius: 9999px;
        font-size: 2.6666666667vw;
        color: #333;
        border-color: #333;
    }
    .operationsmanagement-tag-list .operationsmanagement-tag-list__link:link {
        color: #c02;
        text-decoration: none;
    }
    .operationsmanagement-tag-list .operationsmanagement-tag-list__link:hover {
        text-decoration: none!important;
    }
    .operationsmanagement-tag-list .operationsmanagement-tag-list__link:active {
        color: #b1000e;
        text-decoration: none;
    }
    .operationsmanagement-tag-list .operationsmanagement-tag-list__link:visited {
        color: #a94657;
        text-decoration: none;
    }
}
/* --------------------------------
  絞り込みパーツ
-------------------------------- */
@media print, screen and (min-width: 768px) {
    .operationsmanagement-tag-wrap {
        margin-top: 55px;
    }
    .operationsmanagement-heading:nth-child(-n+1) {
        margin-top: 0!important;
    }
    .operationsmanagement-heading {
        margin-top: 30px;
    }
    .operationsmanagement-heading__title {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.2;
        color: #035c9d;
    }
    .operationsmanagement-heading__title::before,
    .operationsmanagement-heading__title::after {
        content: "";
        flex-grow: 1;
        border-top: 2px solid #035c9d;
    }
    .operationsmanagement-heading__title::before {
        margin-right: 13px;
    }
    .operationsmanagement-heading__title::after {
        margin-left: 13px;
    }
    .operationsmanagement-chart {
        margin-top: 28px;
    }
    .operationsmanagement-chart__head {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
    }
    [class*="operationsmanagement-item--"] {
        position: relative;
        margin-left: 24px;
        width: calc((100% - (24px * 3)) / 4);
    }
    .operationsmanagement-item--purple {
        width: 247px;
    }
    [class*="operationsmanagement-item--"]:nth-child(-n+1) {
        margin-left: 0;
    }
    .operationsmanagement-card__head {
        padding: 9px 0;
    }
    .operationsmanagement-item--green .operationsmanagement-card__head {
        background-color: #21957e;
    }
    .operationsmanagement-item--pink .operationsmanagement-card__head {
        background-color: #e94659;
    }
    .operationsmanagement-item--blue .operationsmanagement-card__head {
        background-color: #005c9d;
    }
    .operationsmanagement-item--orange .operationsmanagement-card__head {
        background-color: #c1885a;
    }
    .operationsmanagement-item--purple .operationsmanagement-card__head {
        background-color: #8064a2;
    }
    .operationsmanagement-card__title {
        text-align: center;
        justify-content: center;
        font-size: 0.8125em;
        line-height: 1.2;
        font-weight: bold;
        color: #fff;
    }
    .operationsmanagement-card__body {
        padding: 20px;
    }
    .operationsmanagement-item--green {
        background-color: #cee0d9;
    }
    .operationsmanagement-item--pink {
        background-color: #fad6d4;
    }
    .operationsmanagement-item--blue {
        background-color: #c4d2e5;
    }
    .operationsmanagement-item--orange {
        background-color: #efe1d5;
    }
    .operationsmanagement-list,
    .operationsmanagement-list-v2 {
        font-size: 0.8125em;
        font-weight: bold;
    }
    .operationsmanagement-item--green .operationsmanagement-list {
        color: #21957e;
    }
    .operationsmanagement-item--pink .operationsmanagement-list {
        color: #e94659;
    }
    .operationsmanagement-item--blue .operationsmanagement-list {
        color: #005c9d;
    }
    .operationsmanagement-item--orange .operationsmanagement-list {
        color: #c1885a;
    }
    .operationsmanagement-box__body .operationsmanagement-list-v2 {
        color: #2e618f;
    }
    .operationsmanagement-list > li {
        position: relative;
        margin-top: 20px;
        box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.4);
    }
    .operationsmanagement-list > li:first-child,
    .operationsmanagement-list-v2 > li {
        margin-top: 0;
    }
    .operationsmanagement-list > li > label,
    .operationsmanagement-list-v2 > li> label {
        display: flex;
        align-items:center;
        min-height: 45px;
        padding: 5px 0;
        background-color: #fff;
        line-height: 1.1;
    }
    .operationsmanagement-list-v2 > li> label {
        padding: 4px 0 2px;
    }
    .operationsmanagement-item--green .operationsmanagement-list > li > label {
        border: 2px solid #21957e;
    }
    .operationsmanagement-item--pink .operationsmanagement-list > li > label {
        border: 2px solid #e94659;
    }
    .operationsmanagement-item--blue .operationsmanagement-list > li > label {
        border: 2px solid #005c9d;
    }
    .operationsmanagement-item--orange .operationsmanagement-list > li > label {
        border: 2px solid #c1885a;
    }
    .operationsmanagement-box__body .operationsmanagement-list-v2 > li > label {
        border: 2px solid #2e618f;
    }
    .operationsmanagement-item--green .operationsmanagement-list > li > label:hover,
    .operationsmanagement-item--green .operationsmanagement-list > li > input:checked + label {
        background-color: #21957e;
        color: #fff;
    }
    .operationsmanagement-item--pink .operationsmanagement-list > li > label:hover,
    .operationsmanagement-item--pink .operationsmanagement-list > li > input:checked + label {
        background-color: #e94659;
        color: #fff;
    }
    .operationsmanagement-item--blue .operationsmanagement-list > li > label:hover,
    .operationsmanagement-item--blue .operationsmanagement-list > li > input:checked + label {
        background-color: #005c9d;
        color: #fff;
    }
    .operationsmanagement-item--orange .operationsmanagement-list > li > label:hover,
    .operationsmanagement-item--orange .operationsmanagement-list > li > input:checked + label {
        background-color: #c1885a;
        color: #fff;
    }
    .operationsmanagement-box__body .operationsmanagement-list-v2 > li > label:hover,
    .operationsmanagement-box__body .operationsmanagement-list-v2 > li > input:checked + label {
        background-color: #2e618f;
        color: #fff;
    }
    .operationsmanagement-tag-wrap .operationsmanagement-list > li > input,
    .operationsmanagement-tag-wrap .operationsmanagement-list-v2 > li > input {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        font-size: 0;
        opacity: 0;
        pointer-events: none;
    }
    .operationsmanagement-tag-wrap .operationsmanagement-list > li > label,
    .operationsmanagement-tag-wrap .operationsmanagement-list-v2 > li > label {
        position: relative;
        padding-left: 35px;
        cursor: pointer;
    }
    .operationsmanagement-tag-wrap .operationsmanagement-list > li > label::before,
    .operationsmanagement-tag-wrap .operationsmanagement-list-v2 > li > label::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 11px;
        bottom: 0;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        transform: translateY(-50%);
    }
    .operationsmanagement-item--green .operationsmanagement-list > li > label::before {
        border: 2px solid #21957e;
        background-color: #fff;
    }
    .operationsmanagement-item--pink .operationsmanagement-list > li > label::before {
        border: 2px solid #e94659;
        background-color: #fff;
    }
    .operationsmanagement-item--blue .operationsmanagement-list > li > label::before {
        border: 2px solid #005c9d;
        background-color: #fff;
    }
    .operationsmanagement-item--orange .operationsmanagement-list > li > label::before {
        border: 2px solid #c1885a;
        background-color: #fff;
    }
    .operationsmanagement-box__body .operationsmanagement-list-v2 > li > label::before {
        border: 2px solid #2e618f;
        background-color: #fff;
    }
    [class*="operationsmanagement-item--"] .operationsmanagement-list > li > input:checked + label::before,
    .operationsmanagement-box__body .operationsmanagement-list-v2 > li > input:checked + label::before {
        border: 0;
    }
    .operationsmanagement-item--green .operationsmanagement-list > li > input:checked + label::before {
        background: url("/operationsmanagement/asset/images/products/narrow_icon_01_lg.png") no-repeat center center / 15px;
    }
    .operationsmanagement-item--pink .operationsmanagement-list > li > input:checked + label::before {
        background: url("/operationsmanagement/asset/images/products/narrow_icon_02_lg.png") no-repeat center center / 15px;
    }
    .operationsmanagement-item--blue .operationsmanagement-list > li > input:checked + label::before {
        background: url("/operationsmanagement/asset/images/products/narrow_icon_03_lg.png") no-repeat center center / 15px;
    }
    .operationsmanagement-item--orange .operationsmanagement-list > li > input:checked + label::before {
        background: url("/operationsmanagement/asset/images/products/narrow_icon_04_lg.png") no-repeat center center / 15px;
    }
    .operationsmanagement-box__body .operationsmanagement-list-v2 > li > input:checked + label::before {
        background: url("/operationsmanagement/asset/images/products/narrow_icon_05_lg.png") no-repeat center center / 15px;
    }
    .operationsmanagement-chart__body {
        display: flex;
        justify-content: center;
        margin-top: 33px;
        padding: 9px 0 8px;
        background-color: #eae6f0;
    }
    .operationsmanagement-box {
      margin-top: 26px;
        padding: 20px;
        background-color: #eceef1;
    }
    .operationsmanagement-list-v2 {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
    }
    .operationsmanagement-list-v2 >li {
        position: relative;
        margin-left: 64px;
        width: calc((100% - (64px * 3)) / 4);
        box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.4);
    }
    .operationsmanagement-list-v2 >li:nth-child(-n+1) {
        margin-left: 0;
    }
    [class*="operationsmanagement-item--"]::before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        top: 160px;
        left: -24px;
        border-style: solid;
        border-top: 32px solid transparent;
        border-bottom: 32px solid transparent;
        border-right: 24px solid transparent;
    }
    .operationsmanagement-item--pink::before {
        border-left: 24px solid #1b927b;
    }
    .operationsmanagement-item--blue::before {
        border-left: 24px solid #e94659;
    }
    .operationsmanagement-item--orange::before {
        border-left: 24px solid #005c9d;
    }
    .operationsmanagement-item--green::before {
        border-top: 0;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
    }
    .operationsmanagement-item--purple::before {
        top: -57px;
        left: 50%;
        margin-left: -32px;
        border-right: 32px solid transparent;
        border-left: 32px solid transparent;
        border-bottom: 24px solid #8064a2;
        border-top: 24px solid transparent;
    }
}
@media (max-width: 767.98px) {
    .operationsmanagement-tag-wrap {
        margin-top: 24px;
    }
    .operationsmanagement-heading:nth-child(-n+1) {
        margin-top: 0;
    }
    .operationsmanagement-heading {
        margin-top: 31px;
    }
    .operationsmanagement-heading__title {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.88rem;
        font-weight: bold;
        line-height: 1.2;
        color: #035c9d;
    }
    .operationsmanagement-heading__title::before,
    .operationsmanagement-heading__title::after {
        content: "";
        flex-grow: 1;
        border-top: 2px solid #035c9d;
    }
    .operationsmanagement-heading__title::before {
        margin-right: 6px;
    }
    .operationsmanagement-heading__title::after {
        margin-left: 6px;
    }
    .operationsmanagement-chart {
        margin-top: 21px;
    }
    .operationsmanagement-chart__head {
    }
    [class*="operationsmanagement-item--"] {
        display: flex;
        flex-flow: row nowrap;
        position: relative;
        width: 100%;
        margin-top: 25px; 
    }
    [class*="operationsmanagement-item--"]:first-child {
        margin-top: 0;
    }
    .operationsmanagement-card__head {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 12%;
        font-size: 0.88rem;
        padding: 9px 0;
    }
    .operationsmanagement-item--green .operationsmanagement-card__head {
        background-color: #21957e;
    }
    .operationsmanagement-item--pink .operationsmanagement-card__head {
        background-color: #e94659;
    }
    .operationsmanagement-item--blue .operationsmanagement-card__head {
        background-color: #005c9d;
    }
    .operationsmanagement-item--orange .operationsmanagement-card__head {
        background-color: #c1885a;
    }
    .operationsmanagement-item--purple .operationsmanagement-card__head {
        background-color: #8064a2;
    }
    .operationsmanagement-card__title {
        text-align: center;
        justify-content: center;
        font-size: 0.88rem;
        line-height: 1.2;
        font-weight: bold;
        color: #fff;
        writing-mode: vertical-rl;
    }
    .operationsmanagement-card__body {
        width: 88%;
        padding: 10px;
    }
    .operationsmanagement-item--green {
        background-color: #cee0d9;
    }
    .operationsmanagement-item--pink {
        background-color: #fad6d4;
    }
    .operationsmanagement-item--blue {
        background-color: #c4d2e5;
    }
    .operationsmanagement-item--orange {
        background-color: #efe1d5;
    }
    .operationsmanagement-list,
    .operationsmanagement-list-v2 {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        font-size: 0.88rem;
        font-weight: bold;
    }
    .operationsmanagement-item--green .operationsmanagement-list {
        color: #21957e;
    }
    .operationsmanagement-item--pink .operationsmanagement-list {
        color: #e94659;
    }
    .operationsmanagement-item--blue .operationsmanagement-list {
        color: #005c9d;
    }
    .operationsmanagement-item--orange .operationsmanagement-list {
        color: #c1885a;
    }
    .operationsmanagement-box__body .operationsmanagement-list-v2 {
        color: #2e618f;
    }
    .operationsmanagement-list > li,
    .operationsmanagement-list-v2 >li {
        display: flex;
        position: relative;
        margin-top: 10px;
        margin-left: 10px;
        width: calc((100% - 10px) / 2);
        box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.4);
    }
    .operationsmanagement-list > li:nth-child(2n+1),
    .operationsmanagement-list-v2 > li:nth-child(2n+1) {
        margin-left: 0;
    }
    .operationsmanagement-list > li:nth-child(-n+2),
    .operationsmanagement-list-v2 >li:nth-child(-n+2) {
        margin-top: 0;
    }
    .operationsmanagement-list > li > label,
    .operationsmanagement-list-v2 > li> label {
        display: flex;
        align-items:center;
        width: 100%;
        min-height: 48px;
        padding: 7px 0;
        font-size: 0.8rem;
        background-color: #fff;
        line-height: 1.15;
    }
    .operationsmanagement-item--green .operationsmanagement-list > li > label {
        border: 2px solid #21957e;
    }
    .operationsmanagement-item--pink .operationsmanagement-list > li > label {
        border: 2px solid #e94659;
    }
    .operationsmanagement-item--blue .operationsmanagement-list > li > label {
        border: 2px solid #005c9d;
    }
    .operationsmanagement-item--orange .operationsmanagement-list > li > label {
        border: 2px solid #c1885a;
    }
    .operationsmanagement-box__body .operationsmanagement-list-v2 > li > label {
        border: 2px solid #2e618f;
    }
    .operationsmanagement-item--green .operationsmanagement-list > li > input:checked + label {
        background-color: #21957e;
        color: #fff;
    }
    .operationsmanagement-item--pink .operationsmanagement-list > li > input:checked + label {
        background-color: #e94659;
        color: #fff;
    }
    .operationsmanagement-item--blue .operationsmanagement-list > li > input:checked + label {
        background-color: #005c9d;
        color: #fff;
    }
    .operationsmanagement-item--orange .operationsmanagement-list > li > input:checked + label {
        background-color: #c1885a;
        color: #fff;
    }
    .operationsmanagement-box__body .operationsmanagement-list-v2 > li > input:checked + label {
        background-color: #2e618f;
        color: #fff;
    }
    .operationsmanagement-tag-wrap .operationsmanagement-list > li > input,
    .operationsmanagement-tag-wrap .operationsmanagement-list-v2 > li > input {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        font-size: 0;
        opacity: 0;
        pointer-events: none;
    }

    .operationsmanagement-tag-wrap .operationsmanagement-list > li > label {
        position: relative;
        padding-left: 30px;
        padding-right: 5px;
        cursor: pointer;
    }
    .operationsmanagement-tag-wrap .operationsmanagement-list-v2 > li > label {
        position: relative;
        padding: 9px 10px 6px 33px;
        cursor: pointer;
    }
    .operationsmanagement-tag-wrap .operationsmanagement-list > li > label::before,
    .operationsmanagement-tag-wrap .operationsmanagement-list-v2 > li > label::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 8px;
        bottom: 0;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        transform: translateY(-50%);
    }
    .operationsmanagement-item--green .operationsmanagement-list > li > label::before {
        border: 2px solid #21957e;
        background-color: #fff;
    }
    .operationsmanagement-item--pink .operationsmanagement-list > li > label::before {
        border: 2px solid #e94659;
        background-color: #fff;
    }
    .operationsmanagement-item--blue .operationsmanagement-list > li > label::before {
        border: 2px solid #005c9d;
        background-color: #fff;
    }
    .operationsmanagement-item--orange .operationsmanagement-list > li > label::before {
        border: 2px solid #c1885a;
        background-color: #fff;
    }
    .operationsmanagement-box__body .operationsmanagement-list-v2 > li > label::before {
        border: 2px solid #2e618f;
        background-color: #fff;
    }
    [class*="operationsmanagement-item--"] .operationsmanagement-list > li > input:checked + label::before,
    .operationsmanagement-box__body .operationsmanagement-list-v2 > li > input:checked + label::before {
        border: 0;
    }
    .operationsmanagement-item--green .operationsmanagement-list > li > input:checked + label::before {
        background: url("/operationsmanagement/asset/images/products/narrow_icon_01_lg.png") no-repeat center center / 15px;
    }
    .operationsmanagement-item--pink .operationsmanagement-list > li > input:checked + label::before {
        background: url("/operationsmanagement/asset/images/products/narrow_icon_02_lg.png") no-repeat center center / 15px;
    }
    .operationsmanagement-item--blue .operationsmanagement-list > li > input:checked + label::before {
        background: url("/operationsmanagement/asset/images/products/narrow_icon_03_lg.png") no-repeat center center / 15px;
    }
    .operationsmanagement-item--orange .operationsmanagement-list > li > input:checked + label::before {
        background: url("/operationsmanagement/asset/images/products/narrow_icon_04_lg.png") no-repeat center center / 15px;
    }
    .operationsmanagement-box__body .operationsmanagement-list-v2 > li > input:checked + label::before {
        background: url("/operationsmanagement/asset/images/products/narrow_icon_05_lg.png") no-repeat center center / 15px;
    }
    .operationsmanagement-chart__body {
        display: flex;
        justify-content: center;
        margin-top: 25px;
        padding: 10px 0 9px;
        background-color: #eae6f0;
        width: 88%;
        margin-left: auto;
    }
    .operationsmanagement-box {
        margin-top: 22px;
        padding: 10px;
        background-color: #eceef1;
    }
    .operationsmanagement-list-v2 {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
    }
    [class*="operationsmanagement-item--"]::before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        top: -50px;
        left: 50%;
        margin-left: -6px;
        border-style: solid;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-right: 25px solid transparent;
        transform: rotate(90deg);
    }
    .operationsmanagement-item--pink::before {
        border-left: 24px solid #1b927b;
    }
    .operationsmanagement-item--blue::before {
        border-left: 24px solid #e94659;
    }
    .operationsmanagement-item--orange::before {
        border-left: 24px solid #005c9d;
    }
    .operationsmanagement-item--green::before {
        border-top: 0;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
    }
    .operationsmanagement-item--purple::before {
        top: -59px;
        left: 50%;
        margin-left: -50px;
        border-right: 50px solid transparent;
        border-left: 50px solid transparent;
        border-bottom: 25px solid #8064a2;
        border-top: 25px solid transparent;
        transform: rotate(0);
    }
    .operationsmanagement-item--purple .operationsmanagement-card__title {
        writing-mode: horizontal-tb;
    }
    .operationsmanagement-item--purple .operationsmanagement-card__head {
        width: 234px;
        margin: auto;
        padding: 9px 0 5px;
    }
}
@media (min-width: 768px) and (max-width: 1100px) {
    .operationsmanagement-chart {
        margin-top: 2.54vw;
    }
}
/* --------------------------------
  課題と解決パーツ
-------------------------------- */
@media print, screen and (min-width: 768px) {
    .operationsmanagement-subject-card-wrap {
        display: flex;
        margin-top: 24px;
    }
    .operationsmanagement-subject-card {
        width: calc((100% - (25px)) / 4);
        margin-left: 25px;
        box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.26);
    }
    .operationsmanagement-subject-card:first-child {
        margin-left: 0!important;
    }
    .operationsmanagement-subject-card__inner {
        display: flex;
        flex-flow: column;
        text-align: center;
        padding-bottom: 20px;
    }
    .operationsmanagement-subject-card__head {
        display: flex;
        justify-content: center;
        margin-top: 25px;
        text-align: center;
    }
    div[class*="operationsmanagement-subject-badge--0"] {
        width: 110px;
        color: #fff;
        padding: 8px 10px 6px;
        font-size: 16px;
        font-weight: bold;
    }
    .operationsmanagement-subject-badge--01 {
        background-color: #005d9d;
    }
    .operationsmanagement-subject-badge--02 {
        background-color: #e94959;
    }
    .operationsmanagement-subject-badge--03 {
        background-color: #17957e;
    }
    .operationsmanagement-subject-badge--04 {
        background-color: #bf885a;
    }
    .operationsmanagement-subject-card__body {
        
    }
    .operationsmanagement-subject-card__image {
        margin-top: 26px
    }
    .operationsmanagement-subject-card__image img {
        width: 92px;
        height: auto;
    }
    .operationsmanagement-subject-card__bottom {
        margin-top: 26px;
        text-align: center;
    }
    .operationsmanagement-subject-card__title {
        font-weight: bold;
        font-size: 18px;
        line-height: 1.2;
    }
    .operationsmanagement-subject-card__color--01 {
        color: #005d9d;
    }
    .operationsmanagement-subject-card__color--02 {
        color: #e94959;
    }
    .operationsmanagement-subject-card__color--03 {
        color: #17957e;
    }
    .operationsmanagement-subject-card__color--04 {
        color: #bf885a;
    }
}

@media (max-width: 767.98px) {
    .operationsmanagement-subject-card-wrap {
        display: flex;
        flex-flow: row wrap;
        margin-top: 24px;
    }
    .operationsmanagement-subject-card {
        width: calc((100% - (10px)) / 2);
        margin-left: 10px;
        margin-top: 12px;
        box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.26);
    }
    .operationsmanagement-subject-card:nth-child(2n+1) {
        margin-left: 0!important;
    }
    .operationsmanagement-subject-card:nth-child(-n+2) {
        margin-top: 0!important;
    }
    .operationsmanagement-subject-card__inner {
        display: flex;
        flex-flow: column;
        text-align: center;
        padding-bottom: 8px;
    }
    .operationsmanagement-subject-card__head {
        display: flex;
        justify-content: center;
        margin-top: 16px;
        text-align: center;
    }
    div[class*="operationsmanagement-subject-badge--0"] {
        width: 110px;
        color: #fff;
        padding: 8px 10px 6px;
        font-size: 16px;
        font-weight: bold;
    }
    .operationsmanagement-subject-badge--01 {
        background-color: #005d9d;
    }
    .operationsmanagement-subject-badge--02 {
        background-color: #e94959;
    }
    .operationsmanagement-subject-badge--03 {
        background-color: #17957e;
    }
    .operationsmanagement-subject-badge--04 {
        background-color: #bf885a;
    }
    .operationsmanagement-subject-card__body {
        
    }
    .operationsmanagement-subject-card__image {
        margin-top: 16px
    }
    .operationsmanagement-subject-card__image img {
        width: 92px;
        height: auto;
    }
    .operationsmanagement-subject-card__bottom {
        margin-top: 22px;
        text-align: center;
    }
    .operationsmanagement-subject-card__title {
        font-weight: bold;
        font-size: 16px;
        line-height: 1.2;
    }
    .operationsmanagement-subject-card__color--01 {
        color: #005d9d;
    }
    .operationsmanagement-subject-card__color--02 {
        color: #e94959;
    }
    .operationsmanagement-subject-card__color--03 {
        color: #17957e;
    }
    .operationsmanagement-subject-card__color--04 {
        color: #bf885a;
    }
}
/* --------------------------------
  ページャー
-------------------------------- */
.operationsmanagement-pager-wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
    margin: 30px 0 0;
}
.operationsmanagement-pager {
    display: flex;
    width: 43px;
    margin-left: 5px;
}
.operationsmanagement-pager:first-child {
    margin: 0;
}
.operationsmanagement-pager__button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 16px 7px;
    border: solid 1px #216aaf;
    background-color: #fff;
    font-size: 0.875rem;
}
.operationsmanagement-is-current--pager > .operationsmanagement-pager__button {
    background-color: #216aaf!important;
}
.operationsmanagement-pager__button:link {
    color: #c02;
}
.operationsmanagement-pager__button:hover {
    text-decoration: none;
}
.operationsmanagement-is-current--pager > .operationsmanagement-pager__button:link {
    color: #fff!important;
}
.operationsmanagement-is-current--pager > .operationsmanagement-pager__button:hover {
    text-decoration: none;
}
.operationsmanagement-is-current--pager > .operationsmanagement-pager__button:visited {
    color: #fff!important;
}
.operationsmanagement-pager__button:visited {
    color: #a94657;
}

/* --------------------------------
  お役立ち情報
-------------------------------- */
.hs-c-tag a.operationsmanagement-tag-link-v2:link {
    color: #c02;
    text-decoration: none;
}

/* --------------------------------
  製品ブログ
-------------------------------- */
.operationsmanagement-column-blog-image-height {
    height: 175px;
    object-fit: cover;
}

/* --------------------------------
  製品ブログ強調テキスト
-------------------------------- */
.operationsmanagement-column-blog-text {
    background-color: #e0ffef!important;
    font-weight: bold;
}

/* --------------------------------
  製品ブログ配下
-------------------------------- */
.hs-c-tag a.operationsmanagement-tag-link-v3:link {
    color: #c02;
    text-decoration: none;
}
.hs-c-tag a.operationsmanagement-tag-link-v3:hover {
    text-decoration: none!important;
}
.hs-c-tag a.operationsmanagement-tag-link-v3:active {
    color: #b1000e;
    text-decoration: none;
}
.hs-c-tag a.operationsmanagement-tag-link-v3:visited {
    color: #a94657;
}

/* --------------------------------
  システム運用の課題と解決_テーブルセルカラー
-------------------------------- */
@media (max-width: 767.98px) {
  .hs-table-block.hs-table-block--vertical-stack-label .hs-table-block__table.hs-table-block__color-gray td::before {
    background: #ccc;
  }
}

/* --------------------------------
  システム運用の課題と解決_キーワードから選ぶ
-------------------------------- */
.operationsmanagement-solution-uncer-flow__media {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    max-width: 1060px;
    margin: 0;
}
.operationsmanagement-solution-uncer-flow__media--green,
.operationsmanagement-solution-uncer-flow__media--red,
.operationsmanagement-solution-uncer-flow__media--blue,
.operationsmanagement-solution-uncer-flow__media--brown {
    position: relative;
    width: calc(((100% - (72px)) / 4));
    margin-left: 24px;
}
.operationsmanagement-solution-uncer-flow__media--green:first-of-type,
.operationsmanagement-solution-uncer-flow__media--red:first-of-type,
.operationsmanagement-solution-uncer-flow__media--blue:first-of-type,
.operationsmanagement-solution-uncer-flow__media--brown:first-of-type {
    margin: 0;
}
.operationsmanagement-solution-uncer-flow__media--green::after,
.operationsmanagement-solution-uncer-flow__media--red::after,
.operationsmanagement-solution-uncer-flow__media--blue::after {
    position: absolute;
    top: 48%;
    right: -44px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 32px 0;
    transform: rotate(-90deg);
    content: "";
}
.operationsmanagement-solution-uncer-flow__media--green::after {
    border-color: #1b927b transparent transparent;
}
.operationsmanagement-solution-uncer-flow__media--red::after {
    border-color: #e94659 transparent transparent;
}
.operationsmanagement-solution-uncer-flow__media--blue::after {
    border-color: #005c9d transparent transparent;
}
.operationsmanagement-solution-uncer-flow__head--green,
.operationsmanagement-solution-uncer-flow__head--red,
.operationsmanagement-solution-uncer-flow__head--blue,
.operationsmanagement-solution-uncer-flow__head--brown {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 33px;
}
.operationsmanagement-solution-uncer-flow__head--green {
    background-color: #21957e;
}
.operationsmanagement-solution-uncer-flow__head--red {
    background-color: #e94659;
}
.operationsmanagement-solution-uncer-flow__head--blue {
    background-color: #005c9d;
}
.operationsmanagement-solution-uncer-flow__head--brown {
    background-color: #c1885a;
}
.operationsmanagement-solution-uncer-flow__head__text {
    display: inline-block;
    padding-top: 4px;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
}
.operationsmanagement-solution-uncer-flow__body--green,
.operationsmanagement-solution-uncer-flow__body--red,
.operationsmanagement-solution-uncer-flow__body--blue,
.operationsmanagement-solution-uncer-flow__body--brown {
    display: flex;
    flex-flow: column wrap;
    padding: 20px;
}
.operationsmanagement-solution-uncer-flow__body--green {
    background-color: #d2e4dd;
}
.operationsmanagement-solution-uncer-flow__body--red {
    background-color: #fad6d4;
}
.operationsmanagement-solution-uncer-flow__body--blue {
    background-color: #c4d2e5;
}
.operationsmanagement-solution-uncer-flow__body--brown {
    background-color: #f0e2d5;
}
.operationsmanagement-solution-uncer-flow__body__link--green,
.operationsmanagement-solution-uncer-flow__body__link--red,
.operationsmanagement-solution-uncer-flow__body__link--blue,
.operationsmanagement-solution-uncer-flow__body__link--brown {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 45px;
    margin-top: 20px;
    padding: 7px 26px 4px 13px;
    box-shadow: 0px 0px 7.5px 2.5px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    font-size: 0.8rem;
    line-height: 1.2;
}
.operationsmanagement-solution-uncer-flow__body__link--green {
    border: 2px solid #21957e;
}
.operationsmanagement-solution-uncer-flow__body__link--red {
    border: 2px solid #e94659;
}
.operationsmanagement-solution-uncer-flow__body__link--blue {
    border: 2px solid #005c9d;
}
.operationsmanagement-solution-uncer-flow__body__link--brown {
    border: 2px solid #c1885a;
}
.operationsmanagement-solution-uncer-flow__body__link--green:first-of-type,
.operationsmanagement-solution-uncer-flow__body__link--red:first-of-type,
.operationsmanagement-solution-uncer-flow__body__link--blue:first-of-type,
.operationsmanagement-solution-uncer-flow__body__link--brown:first-of-type {
    margin: 0;
}
.operationsmanagement-solution-uncer-flow__body__link--green:link,
.operationsmanagement-solution-uncer-flow__body__link--red:link,
.operationsmanagement-solution-uncer-flow__body__link--blue:link,
.operationsmanagement-solution-uncer-flow__body__link--brown:link {
    text-decoration: none;
}
.operationsmanagement-solution-uncer-flow__body__link--green:link {
    color: #21957e;
}
.operationsmanagement-solution-uncer-flow__body__link--red:link {
    color: #e94659;
}
.operationsmanagement-solution-uncer-flow__body__link--blue:link {
    color: #005c9d;
}
.operationsmanagement-solution-uncer-flow__body__link--brown:link {
    color: #c1885a;
}
.operationsmanagement-solution-uncer-flow__body__link--green:hover,
.operationsmanagement-solution-uncer-flow__body__link--red:hover,
.operationsmanagement-solution-uncer-flow__body__link--blue:hover,
.operationsmanagement-solution-uncer-flow__body__link--brown:hover {
    color: #fff;
}
.operationsmanagement-solution-uncer-flow__body__link--green:hover {
    background-color: #21957e;
}
.operationsmanagement-solution-uncer-flow__body__link--red:hover {
    background-color: #e94659;
}
.operationsmanagement-solution-uncer-flow__body__link--blue:hover {
    background-color: #005c9d;
}
.operationsmanagement-solution-uncer-flow__body__link--brown:hover {
    background-color: #c1885a;
}
.operationsmanagement-solution-uncer-flow__body__link--green::before,
.operationsmanagement-solution-uncer-flow__body__link--red::before,
.operationsmanagement-solution-uncer-flow__body__link--blue::before,
.operationsmanagement-solution-uncer-flow__body__link--brown::before {
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 50%;
    right: 9px;
    transform: translateY(-50%);
    border-radius: 50%;
    content: "";
}
.operationsmanagement-solution-uncer-flow__body__link--green::before {
    background-color: #21957e;
}
.operationsmanagement-solution-uncer-flow__body__link--red::before {
    background-color: #e94659;
}
.operationsmanagement-solution-uncer-flow__body__link--blue::before {
    background-color: #005c9d;
}
.operationsmanagement-solution-uncer-flow__body__link--brown::before {
    background-color: #c1885a;
}
.operationsmanagement-solution-uncer-flow__body__link--green::after,
.operationsmanagement-solution-uncer-flow__body__link--red::after,
.operationsmanagement-solution-uncer-flow__body__link--blue::after,
.operationsmanagement-solution-uncer-flow__body__link--brown::after {
    display: inline-block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 50%;
    right: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg) translateY(100%);
    content: "";
}
.operationsmanagement-solution-uncer-flow__body__link--green:hover::before,
.operationsmanagement-solution-uncer-flow__body__link--red:hover::before,
.operationsmanagement-solution-uncer-flow__body__link--blue:hover::before,
.operationsmanagement-solution-uncer-flow__body__link--brown:hover::before {
    background-color: #fff;
}
.operationsmanagement-solution-uncer-flow__body__link--green:hover::after {
    border-color: #21957e;
}
.operationsmanagement-solution-uncer-flow__body__link--red:hover::after {
    border-color: #e94659;
}
.operationsmanagement-solution-uncer-flow__body__link--blue:hover::after {
    border-color: #005c9d;
}
.operationsmanagement-solution-uncer-flow__body__link--brown:hover::after {
    border-color: #c1885a;
}
.operationsmanagement-solution-uncer-flow__body__link__label {
    display: inline-block;
    font-weight: 700;
}
@media (min-width: 768px) {
    .operationsmanagement-solution-uncer-flow__media-wrap {
        display: flex;
        justify-content: center;
    }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
    .operationsmanagement-solution-uncer-flow__head__text {
        font-size: 0.8rem;
    }
    .operationsmanagement-solution-uncer-flow__body__link--green,
    .operationsmanagement-solution-uncer-flow__body__link--red,
    .operationsmanagement-solution-uncer-flow__body__link--blue,
    .operationsmanagement-solution-uncer-flow__body__link--brown {
        font-size: 0.8rem;
    }
}
@media (max-width: 767.98px) {
    .operationsmanagement-solution-uncer-flow__media-wrap {
        padding: 0 5vw;
    }
    .operationsmanagement-solution-uncer-flow__media {
        display: flex;
        flex-flow: column wrap;
    }
    .operationsmanagement-solution-uncer-flow__media--green,
    .operationsmanagement-solution-uncer-flow__media--red,
    .operationsmanagement-solution-uncer-flow__media--blue,
    .operationsmanagement-solution-uncer-flow__media--brown {
        display: flex;
        flex-flow: row nowrap;
        width: 100%;
        height: 100%;
        margin-left: 0;
        margin-top: 25px;
    }
    .operationsmanagement-solution-uncer-flow__media--green {
        margin: 0;
    }
    .operationsmanagement-solution-uncer-flow__media--green::after,
    .operationsmanagement-solution-uncer-flow__media--red::after,
    .operationsmanagement-solution-uncer-flow__media--blue::after {
        top: 100%;
        right: 44%;
        transform: translateX(50%);
        border-width: 25px 50px 0;
    }
    .operationsmanagement-solution-uncer-flow__head--green,
    .operationsmanagement-solution-uncer-flow__head--red,
    .operationsmanagement-solution-uncer-flow__head--blue,
    .operationsmanagement-solution-uncer-flow__head--brown {
        height: auto;
        padding: 0 9px 0 7px;
    }
    .operationsmanagement-solution-uncer-flow__head__text {
        padding: 0;
        writing-mode: vertical-lr;
        font-size: 0.875rem;
        font-weight: 400;
    }
    .operationsmanagement-solution-uncer-flow__body--green,
    .operationsmanagement-solution-uncer-flow__body--red,
    .operationsmanagement-solution-uncer-flow__body--blue,
    .operationsmanagement-solution-uncer-flow__body--brown {
        flex-flow: row wrap;
        width: 100%;
        padding: 10px 10.5px;
    }
    .operationsmanagement-solution-uncer-flow__body__link--green,
    .operationsmanagement-solution-uncer-flow__body__link--red,
    .operationsmanagement-solution-uncer-flow__body__link--blue,
    .operationsmanagement-solution-uncer-flow__body__link--brown {
        width: calc((100% - 10px) /2);
        margin-top: 10px;
        padding: 7px 26px 6px 8px;
        font-size: 0.8rem;
    }
    .operationsmanagement-solution-uncer-flow__body__link--green:nth-of-type(2n),
    .operationsmanagement-solution-uncer-flow__body__link--red:nth-of-type(2n),
    .operationsmanagement-solution-uncer-flow__body__link--blue:nth-of-type(2n),
    .operationsmanagement-solution-uncer-flow__body__link--brown:nth-of-type(2n) {
        margin-left: 10px;
    }
    .operationsmanagement-solution-uncer-flow__body__link--green:nth-of-type(-n+2),
    .operationsmanagement-solution-uncer-flow__body__link--red:nth-of-type(-n+2),
    .operationsmanagement-solution-uncer-flow__body__link--blue:nth-of-type(-n+2),
    .operationsmanagement-solution-uncer-flow__body__link--brown:nth-of-type(-n+2) {
        margin-top: 0;
    }
    .operationsmanagement-solution-uncer-flow__body__link--green::before,
    .operationsmanagement-solution-uncer-flow__body__link--red::before,
    .operationsmanagement-solution-uncer-flow__body__link--blue::before,
    .operationsmanagement-solution-uncer-flow__body__link--brown::before {
        right: 8px;
    }
    .operationsmanagement-solution-uncer-flow__body__link--green::after,
    .operationsmanagement-solution-uncer-flow__body__link--red::after,
    .operationsmanagement-solution-uncer-flow__body__link--blue::after,
    .operationsmanagement-solution-uncer-flow__body__link--brown::after {
        right: 8px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
    }
}

/* --------------------------------
  優先度から選ぶ
-------------------------------- */
@media print, screen and (min-width: 768px) {
    .operationsmanagement-solution-priority-layout {
        position: relative;
        margin: auto;
        padding: 49px;
        width: 100%;
        max-width: 1060px;
        border: solid 1px #bbb;
    }
    .operationsmanagement-solution-priority-layout::before,
    .operationsmanagement-solution-priority-layout::after {
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: #b2b2b2;
        transform: translate(-50%,-50%);
        z-index: 4;
        content: "";
    }
    .operationsmanagement-solution-priority-layout::before {
        width: calc( 100% - 90px);
        height: 4px;
    }
    .operationsmanagement-solution-priority-layout::after {
        width: 4px;
        height: calc( 100% - 90px);
    }
    .operationsmanagement-solution-priority-layout__inner {
        position: relative;
    }
    .operationsmanagement-solution-priority-layout__inner::before {
        position: absolute;
        top: -12px;
        left: 50%;
        transform: translateX(-50%);
        height: 10px;
        width: 18px;
        clip-path: polygon(50% 0, 100% 100%, 0 100%);
        background-color: #b2b2b2;
        content: "";
    }
    .operationsmanagement-solution-priority-layout__inner::after {
        position: absolute;
        bottom: -14px;
        left: 50%;
        transform: translateX(-50%);
        height: 10px;
        width: 18px;
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        background-color: #b2b2b2;
        content: "";
    }
    .operationsmanagement-solution-priority::before {
        position: absolute;
        top: 50%;
        left: -12px;
        transform: translateY(-50%);
        height: 18px;
        width: 10px;
        clip-path: polygon(0 50%, 100% 0, 100% 100%);
        background-color: #b2b2b2;
        content: "";
    }
    .operationsmanagement-solution-priority::after {
        position: absolute;
        top: 50%;
        right: -12px;
        transform: translateY(-50%);
        height: 18px;
        width: 10px;
        clip-path: polygon(0 0, 100% 50%, 0 100%);
        background-color: #b2b2b2;
        content: "";
    }
    .operationsmanagement-solution-priority__column {
        display: flex;
        flex-flow: row wrap;
    }
    .operationsmanagement-solution-priority__column__item {
        position: relative;
        margin-top: 10px;
        margin-left: 10px;
        width: calc((100% - 10px) / 2 );
        min-height: 197px;
        background-color: #fff;
    }
    .operationsmanagement-solution-priority__column__item > *:first-child {
        margin-top: 0!important;
    }
    .operationsmanagement-solution-priority__column__item::before {
        position: absolute;
        font-weight: bold;
        font-size: 1.5rem;
        color: #fff;
        z-index: 2;
    }
    .operationsmanagement-solution-priority__column__item[data-pc-order="1"] {
        order: 1;
        padding-top: min(2vw, 26px);
        padding-bottom: min(2vw, 10px);
        padding-left: 30px;
        padding-right: 11%;
    }
    .operationsmanagement-solution-priority__column__item[data-pc-order="1"]::before {
        content: "2";
        bottom: 14%;
        right: 9%;
    }
    .operationsmanagement-solution-priority__column__item[data-pc-order="2"] {
        order: 2;
        padding-top: min(2vw, 26px);
        padding-bottom: min(2vw, 10px);
        padding-left: 14%;
        padding-right: 20px;
    }
    .operationsmanagement-solution-priority__column__item[data-pc-order="2"]::before {
        content: "1";
        bottom: 14%;
        left: 10%;
    }
    .operationsmanagement-solution-priority__column__item[data-pc-order="3"] {
        order: 3;
        padding-top: min(2vw, 26px);
        padding-bottom: min(2vw, 10px);
        padding-left: 30px;
        padding-right: 13%;
    }
    .operationsmanagement-solution-priority__column__item[data-pc-order="3"]::before {
        content: "4";
        top: 14%;
        right: 9%;
    }
    .operationsmanagement-solution-priority__column__item[data-pc-order="4"] {
        order: 4;
        padding-top: min(2vw, 26px);
        padding-bottom: min(2vw, 10px);
        padding-left: 14%;
        padding-right: 20px;
    }
    .operationsmanagement-solution-priority__column__item[data-pc-order="4"]::before {
        content: "3";
        top: 14%;
        left: 10%;
    }
    .operationsmanagement-solution-priority__column__item[data-pc-order="1"],
    .operationsmanagement-solution-priority__column__item[data-pc-order="2"] {
        margin-top: 0 !important;
    }
    .operationsmanagement-solution-priority__column__item[data-pc-order="1"],
    .operationsmanagement-solution-priority__column__item[data-pc-order="3"] {
        margin-left: 0 !important;
    }
    .operationsmanagement-solution-priority__tag-list {
    }
    .operationsmanagement-solution-priority__tag-list > li {
        position: absolute;
        font-weight: bold;
        font-size: 0.875rem;
    }
    .operationsmanagement-solution-priority__tag-list > li:nth-child(1) {
        top: -39px;
        left: 50%;
        color: #cc0022;
        transform: translateX(-50%);
    }
    .operationsmanagement-solution-priority__tag-list > li:nth-child(2) {
        top: 50%;
        right: -41px;
        color: #cc0022;
        transform: translateY(-50%);
        writing-mode: vertical-rl;
    }
    .operationsmanagement-solution-priority__tag-list > li:nth-child(3) {
        bottom: -43px;
        left: 50%;
        color: #666666;
        transform: translateX(-50%);
    }
    .operationsmanagement-solution-priority__tag-list > li:nth-child(4) {
        top: 50%;
        left: -40px;
        transform: translateY(-50%);
        color: #666666;
        writing-mode: vertical-rl;
    }
    .operationsmanagement-solution-priority__circle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: min(215px,22.4vw);
        height: min(215px,22.4vw);
        background-image: conic-gradient(#bd5353 0% 25%, #de8a8a 25% 50%, #e7abab 50% 75%, #d46868 75% 100%);
        border-radius: 50%;
        z-index: 2;
    }
    .operationsmanagement-solution-priority__circle__label {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: min(74px,7.71vw);
        height: min(74px,7.71vw);
        background-color: #fff;
        font-weight: bold;
        font-size: 1.125rem;
        color: #cc0022;
        z-index: 5;
    }
    .operationsmanagement-solution-priority__column__head {
        display: none;
    }
    .operationsmanagement-solution-priority__column__unorder-list {
        font-size: clamp(10px , 1vw,.875rem);
    }
    .operationsmanagement-solution-priority__column__unorder-list > li {
        margin: 2px 0 0;
        padding-left: 23px;
        position: relative;
    }
    .operationsmanagement-solution-priority__column__unorder-list > li:first-child {
        margin-top: 0!important;
    }
    .operationsmanagement-solution-priority__column__unorder-list > li::before {
        position: absolute;
        top: 0.55em;
        left: 0;
        width: 0.45em;
        height: 0.45em;
        content: "";
        background-color: #333;
        border-radius: 50%;
    }
    .operationsmanagement-solution-priority__column__button-wrap {
        display: flex;
        flex-flow: row wrap;
        margin: 12px 0 0;
    }
    .operationsmanagement-solution-priority__column__button {
        display: flex;
        width: 100%;
    }
    .operationsmanagement-solution-priority__column__button__type {
        display: flex;
        position: relative;
        align-items: center;
        justify-content: center;
        padding: 9px 31px 6px 10px;
        border: 2px solid #cc0022;
        background-color: #cc0022;
        color: #fff!important;
        text-align: center;
        min-width: 176px;
        font-size: .8125rem;
        font-weight: bold;
        text-decoration: none!important;
    }
    .operationsmanagement-solution-priority__column__button__type:hover {
        background-color: #fff;
        color: #cc0022!important;
    }
    .operationsmanagement-solution-priority__column__button__type::before {
        display: inline-block;
        position: absolute;
        vertical-align: middle;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        right: 1em;
        top: 50%;
        margin-top: -8px;
        background-color: #fff;
        content: "";
    }
    .operationsmanagement-solution-priority__column__button__type:hover::before {
        background-color: #cc0022;
    }
    .operationsmanagement-solution-priority__column__button__type::after {
        display: inline-block;
        position: absolute;
        border-top: 1px solid;
        border-right: 1px solid;
        vertical-align: middle;
        content: "";
        right: 1.34em;
        width: 6px;
        height: 6px;
        top: 50%;
        margin-top: -4px;
        border-width: 1px;
        border-color: #cc0022;
        transform: rotate(135deg);
    }
    .operationsmanagement-solution-priority__column__button__type:hover::after {
        border-color: #fff;
    }
    .operationsmanagement-solution-priority__column__button__label {
        display: inline-block;
    }
}
@media (max-width: 767.98px) {
    .operationsmanagement-solution-priority-layout {
        position: relative;
        padding: 0 18.5px;;
        width: 100%;
    }
    .operationsmanagement-solution-priority-layout__inner {
        position: relative;
    }
    .operationsmanagement-solution-priority__column {
        display: flex;
        flex-flow: row wrap;
    }
    .operationsmanagement-solution-priority__column__item {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        margin-top: 8px;
        width: 100%;
        background-color: #fff;
    }
    .operationsmanagement-solution-priority__column__item:first-child {
        margin-top: 0!important;
    }
    .operationsmanagement-solution-priority__column__item > *:first-child {
        margin-top: 0!important;
    }
    .operationsmanagement-solution-priority__column__item::before {
        position: absolute;
        font-weight: bold;
        font-size: 1.5rem;
        color: #fff;
        z-index: 2;
    }
    .operationsmanagement-solution-priority__column__item:nth-child(1) .operationsmanagement-solution-priority__column__head {
        background-color: #bd5353;
    }
    .operationsmanagement-solution-priority__column__item:nth-child(2) .operationsmanagement-solution-priority__column__head {
        background-color: #d46868;
    }
    .operationsmanagement-solution-priority__column__item:nth-child(3) .operationsmanagement-solution-priority__column__head {
        background-color: #de8a8a;
    }
    .operationsmanagement-solution-priority__column__item:nth-child(4) .operationsmanagement-solution-priority__column__head {
        background-color: #e7abab;
    }
    .operationsmanagement-solution-priority__tag-list {
        display: none;
    }
    .operationsmanagement-solution-priority__circle {
        display: none;
    }
    .operationsmanagement-solution-priority__circle__label {
        display: none;
    }
    .operationsmanagement-solution-priority__column__body {
        padding: 3.3vw 4.5vw 4.3vw;
        width: 100%;
    }
    .operationsmanagement-solution-priority__column__head {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 40px;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
    .operationsmanagement-solution-priority__column__title {
        
        font-weight: bold;
        font-size: 3.733333vw;
        color: #fff;
    }
    .operationsmanagement-solution-priority__column__unorder-list {
        font-size: 3.466666vw;
    }
    .operationsmanagement-solution-priority__column__unorder-list > li {
        margin: 11px 0 0;
        padding-left: 15px;
        position: relative;
        line-height: 1.2;
    }
    .operationsmanagement-solution-priority__column__unorder-list > li:first-child {
        margin-top: 0!important;
    }
    .operationsmanagement-solution-priority__column__unorder-list > li::before {
        position: absolute;
        top: 0.3em;
        left: 0;
        width: 6px;
        height: 6px;
        content: "";
        background-color: #333;
        border-radius: 50%;
    }
    .operationsmanagement-solution-priority__column__button-wrap {
        display: flex;
        flex-flow: row wrap;
        margin: 10px 0 0;
    }
    .operationsmanagement-solution-priority__column__button {
        display: flex;
        width: 100%;
    }
    .operationsmanagement-solution-priority__column__button__type {
        display: flex;
        position: relative;
        align-items: center;
        justify-content: center;
        padding: 7px 34px 6px 17px;
        border: 2px solid #cc0022;
        background-color: #cc0022;
        color: #fff!important;
        text-align: center;
        width: 100%;
        font-size: 3.46666vw;
        font-weight: bold;
        text-decoration: none!important;
    }
    .operationsmanagement-solution-priority__column__button__type::before {
        display: inline-block;
        position: absolute;
        vertical-align: middle;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        right: 13px;
        top: 50%;
        margin-top: -8px;
        background-color: #fff;
        content: "";
    }
    .operationsmanagement-solution-priority__column__button__type::after {
        display: inline-block;
        position: absolute;
        border-top: 1px solid;
        border-right: 1px solid;
        vertical-align: middle;
        content: "";
        right: 17px;
        width: 6px;
        height: 6px;
        top: 50%;
        margin-top: -4px;
        border-width: 1px;
        border-color: #cc0022;
        transform: rotate(135deg);
    }
    .operationsmanagement-solution-priority__column__button__label {
        display: inline-block;
    }
}

/* --------------------------------
  フロー
-------------------------------- */
@media print, screen and (min-width: 768px) {
    .hs-accordion-item__answer .operationsmanagement-solution-flow-layout {
        margin: 0 -20px;
    }
    .operationsmanagement-solution-flow-layout {
        margin: 18px 0 0;
    }
    .operationsmanagement-solution-flow-box--gray {
        position: relative;
        background-color: #e4e4e4;
        margin: 18px 0 0;
        padding: 20px;
        max-width: 974px;
    }
    .operationsmanagement-solution-flow-box--green {
        margin-top: 90px;
        position: relative;
        background-color: #eaf5ef;
        padding: 20px;
        max-width: 974px;
    }
    .operationsmanagement-solution-flow-box--red {
        margin-top: 90px;
        position: relative;
        background-color: #fed6d4;
        padding: 20px;
        max-width: 974px;
    }
    .operationsmanagement-solution-flow-box--blue {
        margin-top: 90px;
        position: relative;
        background-color: #e5eef5;
        padding: 20px;
        max-width: 974px;
    }
    .operationsmanagement-solution-flow-box--yellow {
        margin-top: 90px;
        position: relative;
        background-color: #f0e2d5;
        padding: 20px;
        max-width: 974px;
    }
    .operationsmanagement-solution-flow-box__head {
        display: flex;
        align-items: flex-start;
    }
    .operationsmanagement-solution-flow-box--gray .operationsmanagement-solution-flow-badge {
        background-color: #666666;
        flex-shrink: 0;
        margin-right: 22px;
    }
    .operationsmanagement-solution-flow-box--green .operationsmanagement-solution-flow-badge {
        background-color: #21957e;
        flex-shrink: 0;
        margin-right: 22px;
    }
    .operationsmanagement-solution-flow-box--red .operationsmanagement-solution-flow-badge {
        background-color: #e94659;
        flex-shrink: 0;
        margin-right: 22px;
    }
    .operationsmanagement-solution-flow-box--blue .operationsmanagement-solution-flow-badge {
        background-color: #005c9d;
        flex-shrink: 0;
        margin-right: 22px;
    }
    .operationsmanagement-solution-flow-box--yellow .operationsmanagement-solution-flow-badge {
        background-color: #c1895a;
        flex-shrink: 0;
        margin-right: 22px;
    }
    .operationsmanagement-solution-flow-badge__text {
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        padding: 15px 31px;
    }
    .operationsmanagement-solution-flow-list {
        padding-top: 5px;
    }
    .operationsmanagement-solution-flow-list > li {
        position: relative;
        padding-left: 24px;
        font-size: 14px;
        font-weight: bold;
    }
    .operationsmanagement-solution-flow-list > li:before {
        display: inline-block;
        position: absolute;
        width: 6px;
        height: 6px;
        left: 0;
        top: 0.6em;
        content: '';
        background-color: #353535;
        border-radius: 50%;
    }
    .operationsmanagement-solution-flow-box__body {
        width: 100%;
        margin-top: 20px;
        background-color: #fff;
        padding-top: 24px;
        padding-left: 5px;
    }
    .operationsmanagement-solution-flow-box--green::before {
        position: absolute;
        top: -70px;
        border-width: 50px 118px 0;
        display: block;
        content: "";
        right: 0;
        left: 0;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-style: solid;
        border-color: #21957e transparent transparent transparent;
    }
    .operationsmanagement-solution-flow-box--red::before {
        position: absolute;
        top: -70px;
        border-width: 50px 118px 0;
        display: block;
        content: "";
        right: 0;
        left: 0;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-style: solid;
        border-color: #e94659 transparent transparent transparent;
    }
    .operationsmanagement-solution-flow-box--blue::before {
        position: absolute;
        top: -70px;
        border-width: 50px 118px 0;
        display: block;
        content: "";
        right: 0;
        left: 0;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-style: solid;
        border-color: #005c9d transparent transparent transparent;
    }
    .operationsmanagement-solution-flow-box--yellow::before {
        position: absolute;
        top: -70px;
        border-width: 50px 118px 0;
        display: block;
        content: "";
        right: 0;
        left: 0;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-style: solid;
        border-color: #c1895a transparent transparent transparent;
    }
    .operationsmanagement-solution-flow-box__text-color-v1 {
        color: #333;
    }
    .operationsmanagement-solution-flow-box__text-color-v2 {
        color: #005c9d;
    }
    .operationsmanagement-solution-flow-box__text-color-v3 {
        color: #21957e;
    }
    .operationsmanagement-solution-flow-box__text-color-v4 {
        color: #c1885a;
    }
    .operationsmanagement-solution-flow-box__text-color-v5 {
        color: #e94659;
    }
}
@media (max-width: 767.98px) {
    .operationsmanagement-solution-flow-layout {
        margin-top: 23px;
    }
    .operationsmanagement-solution-flow-box--gray {
        position: relative;
        background-color: #e4e4e4;
        padding: 18px;
    }
    .operationsmanagement-solution-flow-box--green {
        margin-top: 65px;
        position: relative;
        background-color: #eaf5ef;
        padding: 18px;
    }
    .operationsmanagement-solution-flow-box--red {
        margin-top: 65px;
        position: relative;
        background-color: #fed6d4;
        padding: 18px;
    }
    .operationsmanagement-solution-flow-box--blue {
        margin-top: 65px;
        position: relative;
        background-color: #e5eef5;
        padding: 18px;
    }
    .operationsmanagement-solution-flow-box--yellow {
        margin-top: 65px;
        position: relative;
        background-color: #f0e2d5;
        padding: 18px;
    }
    .operationsmanagement-solution-flow-box__head {
        display: flex;
        flex-direction: column;
    }
    .operationsmanagement-solution-flow-box--gray .operationsmanagement-solution-flow-badge {
        background-color: #666666;
        flex-shrink: 0;
    }
    .operationsmanagement-solution-flow-box--green .operationsmanagement-solution-flow-badge {
        background-color: #21957e;
        flex-shrink: 0;
    }
    .operationsmanagement-solution-flow-box--red .operationsmanagement-solution-flow-badge {
        background-color: #e94659;
        flex-shrink: 0;
    }
    .operationsmanagement-solution-flow-box--blue .operationsmanagement-solution-flow-badge {
        background-color: #005c9d;
        flex-shrink: 0;
    }
    .operationsmanagement-solution-flow-box--yellow .operationsmanagement-solution-flow-badge {
        background-color: #c1895a;
        flex-shrink: 0;
    }
    .operationsmanagement-solution-flow-badge__text {
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        padding: 5px;
        text-align: center;
    }
    .operationsmanagement-solution-flow-list {
        padding-top: 12px;
    }
    .operationsmanagement-solution-flow-list > li {
        position: relative;
        padding-left: 15px;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.3em;
        margin-top: 6px;
    }
    .operationsmanagement-solution-flow-list > li:first-child {
        margin-top: 0;
    }
    .operationsmanagement-solution-flow-list > li:before {
        display: inline-block;
        position: absolute;
        width: 6px;
        height: 6px;
        left: 0;
        top: 0.4em;
        content: '';
        background-color: #353535;
        border-radius: 50%;
    }
    .operationsmanagement-solution-flow-box__body {
        width: 100%;
        margin-top: 12px;
        background-color: #fff;
        padding-top: 24px;
        padding-left: 5px;
    }
    .operationsmanagement-solution-flow-box__body img {
        width: 100%;
    }
    .operationsmanagement-solution-flow-box--green::before {
        position: absolute;
        top: -46px;
        border-width: 25px 50px 0;
        display: block;
        content: "";
        right: 0;
        left: 0;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-style: solid;
        border-color: #21957e transparent transparent transparent;
    }
    .operationsmanagement-solution-flow-box--red::before {
        position: absolute;
        top: -46px;
        border-width: 25px 50px 0;
        display: block;
        content: "";
        right: 0;
        left: 0;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-style: solid;
        border-color: #e94659 transparent transparent transparent;
    }
    .operationsmanagement-solution-flow-box--blue::before {
        position: absolute;
        top: -46px;
        border-width: 25px 50px 0;
        display: block;
        content: "";
        right: 0;
        left: 0;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-style: solid;
        border-color: #005c9d transparent transparent transparent;
    }
    .operationsmanagement-solution-flow-box--yellow::before {
        position: absolute;
        top: -46px;
        border-width: 25px 50px 0;
        display: block;
        content: "";
        right: 0;
        left: 0;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-style: solid;
        border-color: #c1895a transparent transparent transparent;
    }
    .operationsmanagement-solution-flow-box__text-color-v1 {
        color: #333;
    }
    .operationsmanagement-solution-flow-box__text-color-v2 {
        color: #005c9d;
    }
    .operationsmanagement-solution-flow-box__text-color-v3 {
        color: #21957e;
    }
    .operationsmanagement-solution-flow-box__text-color-v4 {
        color: #c1885a;
    }
    .operationsmanagement-solution-flow-box__text-color-v5 {
        color: #e94659;
    }
}