@media (min-width: 781px) {
    .value .header {
        background-color: #fff;
        padding-bottom: 0;
    }
}
.value .c-breadcrumb {
    margin-bottom: 0;
}
.value #wrap:before {
    display: none;
}
.value .main-visual {
    margin-top: -140px;
    height: 468px;
    overflow: hidden;
    position: relative;
}
@media (max-width: 780px) {
    .value .main-visual {
        margin-top: -45px;
        height: 320px;
    }
}
.value .main-visual .mv-img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.value .sec-intro {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 100px;
}
@media (max-width: 780px) {
    .value .sec-intro {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}
.value .sec-intro .intro h3 {
    color: #0038c4;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.2;
}
@media (max-width: 780px) {
    .value .sec-intro .intro h3 {
        font-size: 28px;
    }
}
.value .sec-intro .intro .big {
    color: #595957;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.4;
    margin-top: 40px;
}
@media (max-width: 780px) {
    .value .sec-intro .intro .big {
        font-size: 18px;
    margin-top: 0;
    }
}
.value .sec-intro .intro .txt {
    color: #595957;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 1.8;
    margin-top: 20px;
}
@media (max-width: 780px) {
    .value .sec-intro .intro .txt {
        margin-top: 15px;
        padding: 0 24px;
        font-size: 14px;
        text-align: left;
    }
}
.value .sec-intro .lower-promise .sub-txt {
    color: #0038c4;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.2;
    margin-bottom: 40px;
}
@media (max-width: 780px) {
    .value .sec-intro .lower-promise .sub-txt {
        font-size: 24px;
        margin-bottom: 21px;
    }
}
.value .sec-intro .lower-promise .txt-area p {
    color: #5b5b5b;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 1.8;
    margin-bottom: 20px;
}
@media (max-width: 780px) {
    .value .sec-intro .lower-promise .txt-area p {
        font-size: 14px;
    }
}
.value .sec-intro .lower-promise .txt-area p:last-child {
    margin-bottom: 0;
}
.hue .sec-cmn-intro .c-link-hover {
    background: linear-gradient(0deg, #902af3, #902af3) bottom 0 left 0/0 1px no-repeat;
}
.hue .c-link .c-link-hover,
.hue .sec-cmn-intro .link-purple {
    color: #8b46ff;
    font-weight: 700;
    font-size: 1.6rem;
    transition: 0.5s;
    opacity: 1;
    transition: 0.5s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.c-link .c-link-hover,
.c-link a {
    background: linear-gradient(0deg, #0762dc, #0762dc) bottom 0 left 0/0 1px no-repeat;
}
.value .sec-fun {
    background-color: #ebebeb;
    padding: 80px 0 80px;
}
@media (max-width: 780px) {
    .value .sec-fun {
        padding: 74px 0 80px;
        position: relative;
    }
}
.value .sec-fun .sec-fun-inner {
    margin: 0 auto;
    max-width: 728px;
    width: 100%;
}
@media (min-width: 781px) {
    .value .sec-fun .sec-fun-inner {
        position: relative;
    }
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner {
        width: calc(100% - 48px);
    }
}
.value .sec-fun .sec-fun-inner .bg {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}
@media (min-width: 781px) {
    .value .sec-fun .sec-fun-inner .bg {
        top: 55%;
        transform: translateY(-50%);
    }
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner .bg {
        top: 167px;
        width: calc(100% - 25px);
    }
}
.value .sec-fun .sec-fun-inner .ttl {
    color: #0038c4;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-align: center;
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner .ttl {
        font-size: 24px;
        line-height: 1.4;
    }
}
.value .sec-fun .sec-fun-inner .ttl .en {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.8;
    margin-bottom: 20px;
    display: inline-block;
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner .ttl .en {
        display: inline-block;
        margin-bottom: 10px;
        font-size: 14px;
    }
}
.value .sec-fun .sec-fun-inner .flex-wrap {
    margin-top: 59px;
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner .flex-wrap {
        margin-top: 65px;
    }
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area {
    background-color: #fff;
    z-index: 2;
    position: relative;
    padding: 27px 20px 20px;
    border-radius: 40px;
    display: flex;
    gap: 26px;
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner .flex-wrap .duo-area {
        border-radius: 20px;
        justify-content: space-between;
        padding: 0 23px 15px;
    }
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area .item {
    position: relative;
    width: calc(50% - 21px);
    text-align: center;
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner .flex-wrap .duo-area .item {
        padding-top: 40px;
        width: calc(50% - 10px);
    }
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area .item:first-child h4 .en {
    color: #0762dc;
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner .flex-wrap .duo-area .item:first-child .logo {
        width: 54px;
    }
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area .item:first-child .sub-ttl {
    color: #0762dc;
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area .item:nth-child(2) h4 .en {
    color: #ff7631;
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner .flex-wrap .duo-area .item:nth-child(2) .logo {
        width: 69px;
    }
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area .item:nth-child(2) .sub-ttl {
    color: #ff7631;
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area .item h4 .en {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.8;
    position: absolute;
    left: 10px;
    top: -2px;
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner .flex-wrap .duo-area .item h4 .en {
        top: 12px;
        left: 0;
        font-size: 11px;
    }
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area .item .sub-ttl {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.8;
    margin-top: 14px;
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner .flex-wrap .duo-area .item .sub-ttl {
        font-size: 11px;
        margin-top: 18px;
    }
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area .item .txt {
    margin-top: 8px;
    color: #595957;
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 1.8;
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner .flex-wrap .duo-area .item .txt {
        letter-spacing: 0;
        margin-top: 7px;
        font-size: 13px;
        text-align: left;
        line-height: 1.6;
    }
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area-lower {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    z-index: 2;
    position: relative;
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner .flex-wrap .duo-area-lower {
        margin-top: 15px;
    }
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area-lower .item {
    background-color: #fff;
    border-radius: 40px;
    border-radius: 40px;
    width: calc(50% - 11px);
    padding: 20px 30px;
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner .flex-wrap .duo-area-lower .item {
        border-radius: 20px;
        padding: 12px 15px;
        width: calc(50% - 7px);
    }
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area-lower .item:first-child h4 span {
    color: #6ab4e9;
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area-lower .item:nth-child(2) h4 span {
    color: #ffa300;
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area-lower .item h4 {
    font-family: "BIZ UDPGothic";
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area-lower .item h4 .sml {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.8;
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner .flex-wrap .duo-area-lower .item h4 .sml {
        font-size: 11px;
    }
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area-lower .item h4 .big {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.4;
    display: block;
    text-align: center;
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area-lower .item .sub-ttl {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.8;
    margin-top: 10px;
    color: #69b2e7;
    display: block;
    text-align: center;
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area-lower .item:nth-child(2) .sub-ttl {
    color: #ffa400;
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner .flex-wrap .duo-area-lower .item h4 .big {
        display: block;
        margin-top: 5px;
        font-size: 18px;
    }
    .value .sec-fun .sec-fun-inner .flex-wrap .duo-area-lower .item .sub-ttl {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.04em;
        line-height: 1.6;
        margin-top: 10px;
        color: #69b2e7;
        display: block;
        text-align: center;
    }
}
.value .sec-fun .sec-fun-inner .flex-wrap .duo-area-lower .item .txt {
    margin-top: 4px;
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 1.8;
    text-align: center;
}
@media (max-width: 780px) {
    .value .sec-fun .sec-fun-inner .flex-wrap .duo-area-lower .item .txt {
        font-size: 13px;
        letter-spacing: 0;
        margin-top: 8px;
        line-height: 1.6;
        text-align: left;
    }
}
.value .sec-ideo {
    position: relative;
    background: linear-gradient(61.37deg, #902af3 3.32%, #0762dc 43.81%, #00d3bc 111.89%);
    --item5-gradient-opacity: 0;
    overflow: hidden;
}
.value .sec-ideo:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(241.37deg, #902af3 3.32%, #0762dc 43.81%, #00d3bc 111.89%);
    opacity: var(--item5-gradient-opacity);
    pointer-events: none;
    z-index: 0;
}
@media (min-width: 781px) {
    .value .sec-ideo {
        height: calc(100vh - 98px);
    }
}
.value .sec-ideo .sec-ideo-bg {
    max-width: none;
    width: 119.53vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.value .sec-ideo .hue_bg {
    background-image: url("../../../assets/img/about/value/hue_bg.png?20260526");
    background-size: cover;
    background-position: center right;
    position: absolute;
    left: 0;
    top: 0;
    width: 46.5vw;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: left center;
    z-index: 1;
}
.value .sec-ideo .owyg_bg {
    background-image: url("../../../assets/img/about/value/owyg_bg.png?20260526");
    background-size: cover;
    background-position: center left;
    position: absolute;
    right: 0;
    top: 0;
    width: 52.6vw;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: right center;
    z-index: 1;
}
@media (min-width: 781px) {
    .value .sec-ideo .sec-ideo-item {
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0;
        z-index: 2;
    }
}
.value .sec-ideo .sec-ideo-item .content {
    position: relative;
    z-index: 3;
}
.value .sec-ideo .sec-ideo-item .common-logo {
    margin-top: 15px;
    width: 191px;
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item .common-logo {
        margin-left: 24px;
        width: 192px;
    }
}
.value .sec-ideo .sec-ideo-item .common-txt1 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-top: 40px;
    line-height: 1.4;
}
.value .sec-ideo .sec-ideo-item .common-txt2 {
    margin-top: 20px;
    color: #fff;
    font-size: 14px;
    line-height: 1.8;
}
.value .sec-ideo .sec-ideo-item .common-sub-t {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item .common-sub-t {
        font-size: 14px;
    }
}
.value .sec-ideo .sec-ideo-item.item1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item1 {
        background-image: url("../../../assets/img/about/value/sec-ideo_bg_sp.jpg?20260526");
        background-size: cover;
        height: 494px;
    }
}
.value .sec-ideo .sec-ideo-item.item1 .ttl {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.2;
    margin-bottom: 25px;
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item1 .ttl {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 18px;
    }
}
.value .sec-ideo .sec-ideo-item.item1 .ttl .en {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.8;
    margin-bottom: 20px;
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item1 .ttl .en {
        font-size: 14px;
        margin-bottom: 10px;
    }
}
.value .sec-ideo .sec-ideo-item.item1 .txt-area p {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 1.8;
    font-weight: 700;
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item1 .txt-area p {
        text-align: left;
        font-size: 14px;
        padding: 0 24px;
    }
}
.value .sec-ideo .sec-ideo-item.item2 .content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 50%;
    width: 50%;
    height: 100%;
}
.value .sec-ideo .sec-ideo-item.item2 .content p {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.8;
    span{
        display: inline-block;
        margin-left: 16px;
        font-size: 20px;
    }
}
.value .sec-ideo .sec-ideo-item.item2 .content .logo {
    margin-top: 40px;
    width: 384px;
}
.value .sec-ideo .sec-ideo-item.item3 .content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 50%;
    width: 50%;
    height: 100%;
}
.value .sec-ideo .sec-ideo-item.item3 .content .big {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.5;
}
.value .sec-ideo .sec-ideo-item.item3 .content .sml {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 1.8;
    margin-top: 25px;
    max-width: 580px;
}
.value .sec-ideo .sec-ideo-item.item4 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item4 {
        position: relative;
    }
    .value .sec-ideo .sec-ideo-item.item4:before {
        content: "";
        margin: 0 auto;
        height: calc(100% - 160px);        
        background: linear-gradient(233.09deg, #902af3 1.53%, #0762dc 50.29%, #00d3bc 88.89%);
        width: 100%;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
    }
    .value .sec-ideo .sec-ideo-item.item4:after {
        content: "";
        margin: 0 auto;
        height: calc(100% - 160px);
        width: 100%;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url("../../../assets/img/about/value/ideo_01_sp.png?20260526");
        background-size: 93.84%;
        background-position: bottom 158px left;
        background-repeat: no-repeat;
    }
}
.value .sec-ideo .sec-ideo-item.item4 .content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: clamp(41px, 7.5vw, 120px);
    height: auto;
    max-width: 690px;
    width: 100%;
}
@media (min-width: 781px) {
    .value .sec-ideo .sec-ideo-item.item4 .content {
        align-items: flex-end;
        justify-content: center;
        margin-left: 43.2%;
        margin-right: 0;
        max-width: none;
        width: 54.5%;
    }
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item4 .content {
        margin-right: 0;
        align-items: flex-start;
        padding: 84px 24px 0;
    }
}
.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container {
    border-radius: 12px;
    position: relative;
    width: calc(100%);
    max-width: 690px;
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container {
        border-radius: 10px;
        margin-top: 57px;
        max-width: none;
        width: 100%;
    }
}
.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-main-card {
    background: #fff;
    border-radius: 10px;
    padding: 28px 54px 18px;
    overflow: visible;
    position: relative;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    margin-bottom: 14px;
}
@media (max-width: 1180px) {
    .value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-main-card {

    padding: 28px 3vw 18px;
    }
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-main-card {
        padding: 40px 24px 20px;
        margin-bottom: 10px;
    }
}


@media (min-width: 780px) {
    .sec-cmn-intro .box-detail .desc-box{
        font-size: 15px;
    }
}

.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-main-card .card-badge {
    position: absolute;
    top: -12px;
    right: 0;
    background: linear-gradient(90deg, #902af3 0, #5f1aa4 100%);
    color: #fff;
    padding: 2px 15px;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    display: flex;
    align-items: center;
    border-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px;
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-main-card .card-badge {
        font-weight: 700;
        font-size: 15px;
        padding: 6px 16px;
    }
}
.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-main-card .card-content {
    display: flex;
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-main-card .card-content {
        display: block;
    }
}
.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-main-card .card-content .card-col {
    width: 50%;
    padding-left: 65px;
}
@media (max-width: 1380px) {
    .value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-main-card .card-content .card-col {
    padding-left: 2vw;
    }
}
@media (max-width: 780px) {
    .value
        .sec-ideo
        .sec-ideo-item.item4
        .content
        .product-gradient-container
        .product-main-card
        .card-content
        .card-col {
        padding-left: 0;
        width: 100%;
    }
}
.value
    .sec-ideo
    .sec-ideo-item.item4
    .content
    .product-gradient-container
    .product-main-card
    .card-content
    .card-col:not(:last-child) {
    padding-right: 20px;
    padding-left: 0;
}
@media (min-width: 781px) {
    .value
        .sec-ideo
        .sec-ideo-item.item4
        .content
        .product-gradient-container
        .product-main-card
        .card-content
        .card-col:not(:last-child) {
        border-right: 1px solid #595957;
    }
}
@media (max-width: 780px) {
    .value
        .sec-ideo
        .sec-ideo-item.item4
        .content
        .product-gradient-container
        .product-main-card
        .card-content
        .card-col:not(:last-child) {
        border-bottom: 1px solid #595957;
        margin-bottom: 20px;
        padding-bottom: 20px;
        padding-right: 0;
    }
}
.value
    .sec-ideo
    .sec-ideo-item.item4
    .content
    .product-gradient-container
    .product-main-card
    .card-content
    .card-col
    .col-ttl {
    font-size: 1.6rem;
    font-weight: 700;
    color: #902af3;
}
@media (max-width: 780px) {
    .value
        .sec-ideo
        .sec-ideo-item.item4
        .content
        .product-gradient-container
        .product-main-card
        .card-content
        .card-col
        .col-ttl {
        font-size: 14px;
    }
}
.value
    .sec-ideo
    .sec-ideo-item.item4
    .content
    .product-gradient-container
    .product-main-card
    .card-content
    .card-col
    .module-text {
    font-size: 1rem;
    line-height: 1.8;
    color: #333;
    font-weight: 700;
    margin-top: 12px;
}
@media (max-width: 780px) {
    .value
        .sec-ideo
        .sec-ideo-item.item4
        .content
        .product-gradient-container
        .product-main-card
        .card-content
        .card-col
        .module-text {
        font-size: 13px;
    }
}
@media (min-width: 781px) {
    .value
        .sec-ideo
        .sec-ideo-item.item4
        .content
        .product-gradient-container
        .product-main-card
        .card-content
        .card-col
        .module-text
        .IB {
        display: block;
    }
}
.value
    .sec-ideo
    .sec-ideo-item.item4
    .content
    .product-gradient-container
    .product-main-card
    .card-content
    .card-col
    .module-text
    .IB.last {
    margin-top: -5px;
}
@media (max-width: 780px) {
    .value
        .sec-ideo
        .sec-ideo-item.item4
        .content
        .product-gradient-container
        .product-main-card
        .card-content
        .card-col
        .module-text
        .IB.last {
        margin-top: 10px;
        display: block;
    }
}
.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-sub-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-sub-cards {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
}
.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-sub-cards .sub-card {
    background: #fff;
    border-radius: 10px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    color: #6361e2;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1280px) {
    .value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-sub-cards .sub-card {
        padding: 10px 5px;
        min-height: 70px;
        height: auto;
        br{
            display: none;
        }
    }
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-sub-cards .sub-card {
        font-size: 13px;
        height: 71px;
    }
}
.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-sub-cards .sub-card--ai {
    color: #c141ec;
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-sub-cards .sub-card--ai {
        width: 100%;
    }
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-sub-cards .sub-card--business {
        width: calc(50% - 5px);
        height: 78px;
    }
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-sub-cards .sub-card--data {
        width: calc(50% - 5px);
        height: 78px;
    }
}
.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-sub-cards .sub-card--cloud {
    color: #606060;
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-sub-cards .sub-card--cloud {
        width: 100%;
        height: 78px;
    }
}
.value .sec-ideo .sec-ideo-item.item4 .content .button-box {
        width: 100%;
        text-align: right;
    }
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item4 .content .button-box {
        background-color: #fff;
        margin-top: 361px;
        padding-top: 40px;
        padding-bottom: 80px;
        margin-left: -24px;
        width: calc(100% + 48px);
    }
}
.value .sec-ideo .sec-ideo-item.item4 .content .c-btn01 {
    margin-top: 60px;
    width: 200px;
    float: right;

}
.value .sec-ideo .sec-ideo-item.item4 .content .c-btn01 a:after,
.value .sec-ideo .sec-ideo-item.item4 .content .c-btn01 .c-btn01-link:after {
    background-image: linear-gradient(128deg, #902AF3 50%, transparent 50%) !important;
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item4 .content .c-btn01 {
        float: none;
        margin: 0 auto;
        margin-top: 0;
        width: 164px;
    }
    .value .sec-ideo .sec-ideo-item.item4 .content .c-btn01 span {
        padding-right: 15px;
    }
    .value .sec-ideo .sec-ideo-item.item4 .content .c-btn01 span:after {
        right: 15px;
        height: 10px;
        width: 10px;
    }
}
.value .sec-ideo .sec-ideo-item.item5 .content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 0;
    padding-left: 40px;
    width: 50%;
    height: 100%;
}
.value .sec-ideo .sec-ideo-item.item5 .content p {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.8;
    span{
        font-size: 20px;
        margin-left: 16px;
    }
}
.value .sec-ideo .sec-ideo-item.item5 .content .logo {
    margin-top: 40px;
    width: 456px;
}
.value .sec-ideo .sec-ideo-item.item6 .content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 40px;
    margin-left: 0;
    width: 50%;
    height: 100%;
}
.value .sec-ideo .sec-ideo-item.item6 .content .big {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.5;
}
.value .sec-ideo .sec-ideo-item.item6 .content .sml {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 1.8;
    margin-top: 25px;
    max-width: 580px;
}
.value .sec-ideo .sec-ideo-item.item7 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
@media (min-width: 781px) {
    .value .sec-ideo .sec-ideo-item.item7 {
        padding-left: 40px;
    }
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item7 {
        padding: 80px 24px 0;
        position: relative;
    }
    .value .sec-ideo .sec-ideo-item.item7 .common-logo {
        margin-left: 0;
        width: 228px;
    }
    .value .sec-ideo .sec-ideo-item.item7:before {
        content: "";
        margin: 0 auto;
        height: calc(100% - 160px);
        width: 100%;
        background: linear-gradient(45deg, #8a2be2 5%, #0762dc 37%, #1fd1c2 100%);
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
    }
    .value .sec-ideo .sec-ideo-item.item7:after {
        content: "";
        margin: 0 auto;
        height: calc(100% - 160px);
        width: 100%;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url("../../../assets/img/about/value/ideo_02_sp.png?20260526");
        background-size: 94.10%;
        background-position: bottom 155px right;
        background-repeat: no-repeat;
    }
}
.value .sec-ideo .sec-ideo-item.item7 .content {
    margin-left: 0;
    max-width: 882px;
    width: calc(100% - 80px);
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item7 .content {
        width: 100%;
    }
}
.value .sec-ideo .sec-ideo-item.item7 .content .row {
    margin-top: 24px;
}
@media (min-width: 780px) {
    @media screen and (max-height: 720px) {
        .value .sec-ideo .sec-ideo-item.item7 .content .row {
           margin-top: 18px;
        }
    }
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item7 .content .row {
        margin-top: 20px;
    }
    .value .sec-ideo .sec-ideo-item.item7 .content .row:last-of-type {
        margin-bottom: 380px;
    }
}
.value .sec-ideo .sec-ideo-item.item7 .content .row:first-of-type {
    margin-top: 0;
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item7 .content .row:first-of-type {
        margin-top: 40px;
    }
}
.value .sec-ideo .sec-ideo-item.item7 .content .row .row-ttl {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.8;
    margin-bottom: 12px;
}
@media (min-width: 780px) {
    @media screen and (max-height: 720px) {
        .value .sec-ideo .sec-ideo-item.item7 .content .row .row-ttl {
           font-size: 16px;
            margin-bottom: 6px;
        }
    }
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item7 .content .row .row-ttl {
        font-size: 15px;
        margin-bottom: 10px;
    }
}
.value .sec-ideo .sec-ideo-item.item7 .content .row .list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px;
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item7 .content .row .list {
        gap: 15px;
    }
}
.value .sec-ideo .sec-ideo-item.item7 .content .row .list li {
    background-color: #fff;
    box-shadow: 0 6px 20px rgba(89, 89, 87, 0.25);
    color: #000;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.8;
    position: relative;
    padding: 16px 20px 20px 40px;
    width: calc((100% - 60px) / 3);
}
@media (min-width: 780px) {
    @media screen and (max-height: 720px) {
        .value .sec-ideo .sec-ideo-item.item7 .content .row .list li {
            font-size: 15px;
           padding: 10px 20px 14px 40px;
        }
    }
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item7 .content .row .list li {
        font-size: 14px;
        padding: 12px 12px 10px 32px;
        width: calc((100% - 15px) / 2);
    }
    .value .sec-ideo .sec-ideo-item.item7 .content .row .list li.large {
        width: 100%;
    }
    .value .sec-ideo .sec-ideo-item.item7 .content .row .list li.db {
        line-height: 1.6;
    }
}
.value .sec-ideo .sec-ideo-item.item7 .content .row .list li .sml {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.8;
}
.value .sec-ideo .sec-ideo-item.item7 .content .row .list li:before {
    background: linear-gradient(212.65deg, #00d3bc 0, #0762dc 41.6%, #902af3 80.47%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    content: "";
    position: absolute;
    left: 16px;
    top: 0;
    height: 42px;
    width: 14px;
}
@media (min-width: 780px) {
    @media screen and (max-height: 720px) {
        .value .sec-ideo .sec-ideo-item.item7 .content .row .list li:before {
            height: 32px;
        }
    }
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item7 .content .row .list li:before {
        left: 12px;
        height: 29px;
        width: 12px;
    }
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item7 .content .button-box {
        background-color: #fff;
        margin-top: 380px;
        padding-top: 40px;
        padding-bottom: 80px;
        margin-left: -24px;
        width: calc(100% + 48px);
    }
}
.value .sec-ideo .sec-ideo-item.item7 .content .c-btn01 {
    margin-top: 50px;
}
@media (min-width: 780px) {
    @media screen and (max-height: 720px) {
        .value .sec-ideo .sec-ideo-item.item7 .content .c-btn01 {
            margin-top: 25px;
        }
    }
}
.value .sec-ideo .sec-ideo-item.item7 .content .c-btn01 a:after,
.value .sec-ideo .sec-ideo-item.item7 .content .c-btn01 .c-btn01-link:after {
    background-image: linear-gradient(128deg, #00AAB6 50%, transparent 50%);
}
@media (max-width: 780px) {
    .value .sec-ideo .sec-ideo-item.item7 .content .c-btn01 {
        margin: 0 auto;
        margin-top: 0;
        width: 177px;
    }
    .value .sec-ideo .sec-ideo-item.item7 .content .c-btn01 span {
        padding-right: 15px;
    }
    .value .sec-ideo .sec-ideo-item.item7 .content .c-btn01 span:after {
        right: 15px;
        height: 10px;
        width: 10px;
    }
}
.value .talent {
    position: relative;
}
@media (min-width: 781px) {
    .value .talent {
        background-image: url("../../../assets/img/about/value/talent.jpg?20260526");
        background-size: cover;
        background-position: center;
        height: calc(100vh - 98px);
    }
}
.value .talent .talent-bg {
    background-color: rgba(0, 0, 0, 0.55);
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 100%;
}
.value .talent .inner-talent {
    padding: 122px 0;
    position: relative;
    z-index: 2;
}

@media (min-width: 780px) {
    @media screen and (max-height: 720px) {
        .value .talent .inner-talent {
            padding-top: 7vh;
        }
    }
}
@media (max-width: 780px) {
    .value .talent .inner-talent {
        background-image: url("../../../assets/img/about/value/talent_sp.jpg?20260526");
        background-size: cover;
        background-position: center;
        padding: 75px 0;
    }
}
.value .talent .inner-talent .res-ttl {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-align: center;
}
@media (max-width: 780px) {
    .value .talent .inner-talent .res-ttl {
        font-size: 24px;
    }
}
.value .talent .inner-talent .res-ttl .en {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    letter-spacing: 0.04em;
    line-height: 1.8;
}
@media (max-width: 780px) {
    .value .talent .inner-talent .res-ttl .en {
        font-size: 14px;
    }
}
.value .talent .inner-talent .txt {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.8;
    text-align: center;
    margin-top: 30px;
}
@media (max-width: 780px) {
    .value .talent .inner-talent .txt {
        font-size: 14px;
        padding: 0 24px;
        margin-top: 20px;
        text-align: left;
    }
}
.value .talent .inner-talent .card-duo {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 40px;
    max-width: 1020px;
    width: calc(100% - 48px);
}
@media (max-width: 780px) {
    .value .talent .inner-talent .card-duo {
        margin-top: 30px;
    }
}
.value .talent .inner-talent .card-duo .card {
    background-color: rgba(255, 255, 255, 0.86);
    border-radius: 40px;
    padding: 20px 30px 37px;
    width: calc(50% - 24px);
    align-items: center;
    text-align: left;
}
@media (max-width: 780px) {
    .value .talent .inner-talent .card-duo .card {
        border-radius: 20px;
        padding: 15px;
        width: calc(50% - 7px);
    }
}
.value .talent .inner-talent .card-duo .card:first-child span {
    color: #6ab4e9;
}
.value .talent .inner-talent .card-duo .card:nth-child(2) span {
    color: #ffa300;
}
.value .talent .inner-talent .card-duo .card .sml {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.8;
}
@media (max-width: 780px) {
    .value .talent .inner-talent .card-duo .card .sml {
        font-size: 15px;
    }
}
.value .talent .inner-talent .card-duo .card .big {
    display: block;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.4;
    text-align: center;
}
@media (max-width: 780px) {
    .value .talent .inner-talent .card-duo .card .big {
        margin-top: 0;
        font-size: 18px;
    }
}
.value .talent .talent-item {
    background-color: #fff;
    margin: 0 auto;
}
@media (min-width: 781px) {
    .value .talent .talent-item {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        transform: none;
        height: 100%;
        width: 50%;
    }
}
.value .talent .talent-item.talent-item-01 {
    right: 0;
}
.value .talent .talent-item.talent-item-01 .ttl {
    color: #6ab4e9;
}
.value .talent .talent-item.talent-item-02 {
    left: 0;
}
.value .talent .talent-item.talent-item-02 .ttl {
    color: #ffa400;
}
.value .talent .talent-item .txt-area {
    padding: 0 76px;
}
@media (max-width: 780px) {
    .value .talent .talent-item .txt-area {
        padding: 30px 24px 55px;
    }
}
.value .talent .talent-item .ttl {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.8;
    margin-bottom: 30px;
}
@media (max-width: 780px) {
    .value .talent .talent-item .ttl {
        margin-bottom: 25px;
        font-size: 20px;
    }
}
.value .talent .talent-item .ttl .sml {
    display: block;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.4;
}
@media (max-width: 780px) {
    .value .talent .talent-item .ttl .sml {
        font-size: 15px;
    }
}
.value .talent .talent-item .big-txt {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #000;
}
@media (max-width: 780px) {
    .value .talent .talent-item .big-txt {
        font-size: 24px;
    }
}
.value .talent .talent-item .txt {
    color: #595957;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 1.8;
}
@media (max-width: 780px) {
    .value .talent .talent-item .txt {
        font-size: 14px;
    }
}
.value .company {
    background-image: url("../../../assets/img/about/value/company.jpg?20260526");
    background-size: cover;
    padding: 97px 0;
}
@media (max-width: 780px) {
    .value .company {
        background-image: url("../../../assets/img/about/value/company_sp.jpg?20260526");
        padding: 80px 0;
    }
}
.value .company .txt-area {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 40px;
    padding: 80px 0 80px;
    text-align: center;
    margin: 0 auto;
    max-width: 840px;
    width: calc(100% - 48px);
}
@media (max-width: 780px) {
    .value .company .txt-area {
        border-radius: 20px;
        padding: 42px 15px 50px;
    }
}
.value .company .txt-area .ttl {
    color: #0038c4;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.2;
}
@media (max-width: 780px) {
    .value .company .txt-area .ttl {
        font-size: 24px;
        line-height: 1.4;
    }
}
.value .company .txt-area p {
    color: #595957;
    margin-top: 30px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.8;
}
@media (max-width: 780px) {
    .value .company .txt-area p {
        margin-top: 20px;
        font-size: 15px;
        text-align: left;
    }
}
.sec-cmn-intro {
    margin-top: 100px;
}
@media (min-width: 781px) {
    .sec-cmn-intro {
        margin-bottom: 200px;
        padding: 0;
        
    }
}
@media (max-width: 780px) {
    .sec-cmn-intro {
        margin-top: 80px;
        margin-bottom: 95px;
        padding-bottom: 118px;
    }
}
@media (max-width: 780px) {
    .sec-cmn-intro .box-detail {
        background-color: #fff;
        padding: 20px 0;
    }
}
#footer {
    background-color: #fff;
}


.module-list {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 3px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.module-item {
	grid-column: span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eeeeee;
	border-radius: 4px;
	text-align: center;
	box-sizing: border-box;
	font-size: 0.9rem;
	padding: 8px 4px;
	font-weight: 800;
}

.module-item--wide {
	grid-column: span 3;
}

.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container {
	max-width: 790px;
}

.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-main-card {
	padding: 28px;
}

.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-main-card .card-content .card-col {
	display: flex;
}

@media (min-width: 769px) {
	.card-col {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
}

@media (max-width: 768px) {
	.module-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.module-item,
	.module-item--wide {
		grid-column: span 1;
	}
}

@media (min-width: 781px) {
	.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-main-card {
		--card-space: 30px;
		padding-left: var(--card-space);
		padding-right: var(--card-space);
	}

	.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-main-card .card-content {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-main-card .card-content .card-col {
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: auto;
	}

	.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-main-card .card-content .card-col:not(:last-child) {
		border-right: 1px solid #595957;
		padding-right: var(--card-space);
	}

	.value .sec-ideo .sec-ideo-item.item4 .content .product-gradient-container .product-main-card .card-content .card-col:not(:first-child) {
		padding-left: var(--card-space);
	}
}