#mainv {
    position: relative;
    background: url("/img/subdir_mainv1.jpg") no-repeat center
}

#mainv::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    inset: 0;
    background: #0000006e;
}

.contents .business-inside {
    position: relative;
    margin-bottom: 140px
}

.contents .business-inside .business-model {
    left: 0;
    top: 10px;
    position: absolute;
    z-index: 2
}

.contents .business-inside .business-pic {
    text-align: right;
    z-index: 1
}

.contents .business-inside .business-model-contents {
    width: 295px;
    margin-top: 50px
}

.contents .feature-box-bottom {
    overflow: hidden;
    /* *zoom: 1; */
    margin-top: 20px
}

.contents .feature-box {
    width: 450px;
    margin: 0 auto;
    margin-bottom: 60px;
    float: left
}

.contents .feature-box .img-box {
    border: 1px solid #eee;
    text-align: center;
    min-height: 148px;
    position: relative
}

.contents .feature-box .img-box img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%)
}

.contents .feature-box dl {
    margin-top: 15px
}

.contents .feature-box dl dt {
    position: relative;
    font-weight: bold;
    font-size: 1.8rem;
    padding-left: 20px;
}

.contents .feature-box dl dt::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(45deg);
    width: 14px;
    height: 14px;
    background: var(--color-main);
}

.contents .feature-box dl dd a {
    color: #0aa6ff
}

.contents .feature-box dl dd .text {
    margin-top: 15px
}

.contents .feature-box.left {
    margin-right: 35px
}

.contents .service-img {
    margin-top: 55px
}

.contents .img-list .img-box img {
    margin-left: 4px
}

.contents .img-list .img-box img:first-child {
    margin-left: 0px
}

.contents .camera-box {
    margin-top: 30px
}

.contents .camera-box ul {
    overflow: hidden;
    /* *zoom: 1 */
}

.contents .camera-box li {
    float: left;
    border: 1px solid #dcdcdc;
    margin-right: 20px
}

.contents .camera-text {
    margin-top: 80px
}

.contents .camera-text dt {
    position: relative;
    margin-bottom: 30px;
    padding-left: 20px;
    font-weight: bold;
    font-size: 1.8rem
}

.contents .camera-text dt::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(45deg);
    width: 14px;
    height: 14px;
    background: var(--color-main);
}

.contents .camera-text p {
    margin-top: 30px
}

.contents .camera-text p img {
    margin-right: 30px
}

.contents .cc-text {
    position: relative;
    margin-bottom: 30px;
    padding-left: 20px;
    font-weight: bold;
    font-size: 1.8rem
}

.contents .cc-text::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(45deg);
    width: 14px;
    height: 14px;
    background: var(--color-main);
}

.contents .cc-img img {
    margin-right: 30px
}

.contents .nayami {
    margin: 80px 0px;
    padding: 30px 0px;
    width: 820px
}

.contents .network-namyami li {
    margin-bottom: 5px;
    font-size: 1.8rem
}

.contents .network-namyami li i {
    font-size: 1.8rem;
    color: var(--color-main);
    margin-right: 5px
}

.contents .oa-text {
    margin-bottom: 20px
}

.contents .oa-text dt {
    display: inline-block;
    padding: 0px 12px;
    margin-bottom: 5px;
    border: 1px solid var(--color-main);
    font-weight: bold;
    font-size: 1.5rem;
    color: var(--color-main)
}

#sub-dirconents .solution-box {
    width: 815px;
    height: 100%;
    border: 1px solid #e2e2e2;
    background: url("../../img/b2b-bg.png") no-repeat 0 0;
    padding: 15px 60px 60px 60px;
    overflow: hidden;
    /* *zoom: 1 */
}

#sub-dirconents .solution-box .solution-heading {
    font-size: 2.4rem;
    text-align: center;
    font-weight: bold;
    padding-top: 80px;
    background: url("../../img/group-pic.png") no-repeat 50% 0;
    margin: 20px auto 30px
}

#sub-dirconents .solution-box dl.solution-text-box {
    float: left;
    width: 380px
}

#sub-dirconents .solution-box dl.solution-text-box dt {
    font-size: 1.8rem;
    color: #1569a8;
    font-weight: bold;
    margin-bottom: 15px
}

#sub-dirconents .solution-box dl.solution-text-box.no1 {
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    padding: 5px 20px 30px 5px
}

#sub-dirconents .solution-box dl.solution-text-box.no2 {
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 0px 30px 20px
}

#sub-dirconents .solution-box dl.solution-text-box.no3 {
    border-right: 1px solid #e2e2e2;
    padding: 30px 20px 10px 5px
}

#sub-dirconents .solution-box dl.solution-text-box.no4 {
    padding: 30px 0px 10px 20px
}

#sub-dirconents #sidebar .sidebar-list-heading {
    background: url("../../img/icon-side-business.png") no-repeat 18px bottom;
    padding-left: 65px;
    margin-bottom: 20px;
    padding-top: 20px
}

@media screen and (max-width: 890px) {
    #mainv {
        min-width: auto;
        padding-top: 35.67708%;
        background-size: auto;
        width: 100%;
        background-size: cover;
        box-sizing: border-box;
        position: relative
    }

    #mainv .inner {
        width: 90%;
        display: block;
        min-height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        z-index: 2
    }

    #mainv .title {
        display: block
    }

    .contents {
        width: auto;
        padding-left: 15px;
        padding-right: 15px
    }

    .contents .business-inside:last-child {
        margin-bottom: 50px
    }

    .contents .business-inside .business-model {
        position: static
    }

    .contents .business-inside .business-model-heading img {
        max-width: 100%
    }

    .contents .business-inside .business-pic {
        text-align: center
    }

    .contents .business-inside .business-pic img {
        max-width: 100%
    }

    .contents .business-inside .business-model-contents {
        width: auto;
        margin: 20px 0
    }

    .contents .feature-box-bottom {
        margin-left: 0
    }

    .contents .feature-box {
        width: auto;
        float: none;
        margin-left: 0
    }

    .contents .feature-box:first-child {
        margin-right: 0;
        margin-bottom: 25px
    }

    .contents .feature-box .img-box {
        padding: 20px 30px;
        padding-top: 29%;
        min-height: auto
    }

    .contents .feature-box .img-box img {
        max-width: 65%
    }

    .contents .feature-box .img-box img.ex {
        max-width: 95%
    }

    .contents .feature-box dl {
        margin-top: 10px
    }

    .contents .service-img {
        margin-top: 45px
    }

    .contents .service-img img {
        width: 100%
    }

    .contents .img-list {
        margin-bottom: 40px
    }

    .contents .img-list .img-box img {
        width: 49%;
        margin-left: 0px
    }

    .contents .camera-box li {
        margin-bottom: 20px
    }

    .contents .camera-text {
        margin-top: 40px
    }

    .contents .camera-text p {
        margin-bottom: 50px
    }

    .contents .camera-text p img {
        width: 45%
    }

    .contents .camera-text p img:nth-child(2) {
        margin-right: 0px
    }

    .contents .cc-img img {
        width: 45%
    }

    .contents .cc-img img:nth-child(2) {
        margin-right: 0px
    }

    .contents .network-img img {
        width: 100%;
        margin-right: 0px
    }

    .contents .network-img2 {
        margin-bottom: 40px
    }

    .contents .nayami {
        width: auto;
        padding: 30px 0px;
        margin: 20px 0;
    }

    .contents .nayami li {
        font-size: 1.4rem
    }

    .contents .oa-bottom {
        margin-bottom: 40px
    }

    .contents .cc-text {
        font-size: 1.6rem;
        letter-spacing: 0;
    }

    .contents .camera-text dt {
        font-size: 1.6rem;
        letter-spacing: 0;
    }

    #sub-dirconents .solution-box {
        width: auto;
        padding: 25px;
        background-size: cover;
        margin-bottom: 30px
    }

    #sub-dirconents .solution-box .solution-heading {
        font-size: 2.4rem
    }

    #sub-dirconents .solution-box .solution-heading span {
        display: inline-block
    }

    #sub-dirconents .solution-box dl.solution-text-box {
        width: auto;
        float: none
    }

    #sub-dirconents .solution-box dl.solution-text-box.no1 {
        border-right: none;
        padding: 30px 0px 30px 0px
    }

    #sub-dirconents .solution-box dl.solution-text-box.no2 {
        padding: 30px 0px 30px 0px
    }

    #sub-dirconents .solution-box dl.solution-text-box.no3 {
        border-bottom: 1px solid #e2e2e2;
        border-right: none;
        padding: 30px 0px 30px 0px
    }

    #sub-dirconents .solution-box dl.solution-text-box.no4 {
        padding: 30px 0px 30px 0px
    }

    #sub-dirconents .solution-box dl.solution-text-box dt {
        font-size: 1.4rem
    }

    #sub-dirconents #sidebar .sidebar-list-heading {
        margin-top: 15px
    }
}

.leading-Box {
    margin-bottom: 60px !important
}