.service-top-section .service-item {
    padding-left: 60px;
}

.service-top-section._seikan .section-inner {
    padding-bottom: 211px;
}

.service-top-section._bankin .section-inner {
    padding: 0 0 10px 0;
}

.service-top-section._bankin .section-inner .service-item {
    max-width: 1086px;
    padding-left: 0;
    margin: 0 0 0 auto;
    translate: 0 -100px;
}

.service-img {
    max-width: 1028px;
    width: 100%;
    margin-bottom: 60px;
}

.service-top-section h2 {
    font-size: min(3.13vw, 32px);
    padding-right: 1em;
    width: fit-content;
    position: relative;
    margin-bottom: 40px;
}

.service-top-section h2 span {
    display: inline-block;
    width: 6em;
    height: 2px;
    background: #E08814;
    position: absolute;
    top: 50%;
    right: 0;
    translate: 100% -50%;
}

.service-info-wrap {
    display: flex;
    gap: 50px;
}

.service-info {
    width: 42%;
}

.service-info p {
    line-height: 2;
}

ul.service-info {
    width: 58%;
}

ul.service-info li {
    display: flex;
    gap: 16px;
}

ul.service-info li:not(:first-of-type) {
    margin-top: 0.5em;
}

ul.service-info li span {
    font-weight: bold;
    width: 4em;
    line-height: 1.5;
    text-wrap: nowrap;
    flex-shrink: 0;
}

ul.service-info li p {
    line-height: 1.5;
}

ul.service-info li span.line {
    display: block;
    width: 3em;
    height: 1px;
    background: #707070;
    position: relative;
    top: 0.5em;
}

ul.technology-content-wrap {
    display: flex;
    justify-content: space-between;
}

ul.technology-content-wrap li {
    max-width: 415px;
    width: 32%;
    background: #ffffff;
    border-radius: 10px;
}

ul.technology-content-wrap li span {
    display: block;
    font-family: "din-condensed", sans-serif;
    font-size: min(5.21vw, 68px);
    color: #E08814;
    padding: 20px;
}

ul.technology-content-wrap li .technology-content {
    padding: 0 min(2.6vw, 50px) min(3.91vw, 50px);
}

ul.technology-content-wrap li .technology-content h3 {
    text-align: center;
    font-size: min(2.34vw, 24px);
}

ul.technology-content-wrap li .technology-content .technology-icon {
    height: 110px;
    margin: 28px 0;
}

ul.technology-content-wrap li .technology-content .technology-icon img {
    object-fit: contain;
}

ul.technology-content-wrap li p {
    line-height: 1.8;
}

.equipment-content-wrap {
    display: flex;
    gap: 2%;
    row-gap: 80px;
    flex-wrap: wrap;
}

.equipment-content {
    width: 32%;
}

.equipment-content video {
    width: 100%;
}

.equipment-content h3 {
    font-size: min(1.82vw, 20px);
    margin-top: 1.5em;
}

.equipment-content .hover-img {
    overflow: hidden;
}

.equipment-content .hover-img img {
    transition: all .5s;
}

@media (any-hover: hover) {
    .equipment-content .hover-img:hover img {
        transform: scale(1.1);
    }
}

@media screen and (max-width:768px) {
    .service-top-section._seikan .section-inner {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .service-top-section .service-item {
        padding-left: 0;
    }

    .service-img {
        width: calc(100% + 4vw);
        translate: -4vw 0;
        margin-bottom: 26px;
    }

    .service-top-section._bankin .section-inner {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .service-top-section._bankin .section-inner .service-item {
        translate: 0;
    }

    .service-top-section._yousetu .section-inner {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .service-top-section h2 {
        font-size: min(6.15vw, 24px);
        margin-bottom: 26px;
    }

    .service-info-wrap {
        flex-direction: column;
        gap: 30px;
    }

    .service-info {
        width: 100%;
    }

    ul.service-info {
        width: 100%;
    }

    ul.service-info li {
        gap: 10px;
    }

    ul.service-info li span.line {
        width: 1em;
    }

    ul.technology-content-wrap {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    ul.technology-content-wrap li {
        width: 100%;
    }

    ul.technology-content-wrap li span {
        font-size: min(10.26vw, 40px);
    }

    ul.technology-content-wrap li .technology-content {
        padding: 0 20px 20px;
    }

    ul.technology-content-wrap li .technology-content h3 {
        font-size: min(5.13vw, 20px);
    }

    .equipment-content-wrap {
        row-gap: 30px;
    }

    .equipment-content h3 {
        font-size: min(4.1vw, 16px);
    }

    /* 設備：SP時のみJS(assets/js/service.js)がsplide構造に組み替えてスライダー化する。
    見きれなし(1枚ずつ全幅)、矢印は下部に並べる */
    .equipment-content {
        width: 100%;
    }

    /* splide__arrowsはsplide__trackより前にDOM挿入されるため、
    orderで表示順を入れ替えてスライダーの下に矢印を配置する */
    .equipment-content-wrap.splide {
        display: flex;
        flex-direction: column;
    }

    .equipment-content-wrap .splide__track {
        order: 1;
    }

    .equipment-content-wrap .splide__arrows {
        order: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 24px;
        margin-top: 24px;
    }

    .equipment-content-wrap .splide__arrow {
        position: static;
        top: auto;
        transform: none;
        background-image: linear-gradient(190deg, #e08814, #ea6d06);
        width: 3em;
        height: 3em;
    }

    .equipment-content-wrap .splide__arrow:disabled {
        opacity: .3;
    }

    .equipment-content-wrap .splide__arrow svg {
        fill: #ffffff;
    }

}