@charset "UTF-8";

/* ==================================
2026/07 内製修正
================================== */

.main-visual .btn-wrap .list .item {
    width: 24%;
    padding: 28px 18px;
}

.main-visual .btn-wrap .list .item img {
    width: 70%;
    transform: translateX(-11px)
}

.main-visual .btn-wrap .list .item:nth-child(4) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}


.home-service>.inner>.anchor-navi .item#service01,
.home-service>.inner>.anchor-navi .item#service02,
.home-service>.inner>.anchor-navi .item#service03,
.home-service>.inner>.anchor-navi .item#service04 {
    margin-bottom: 60px
}

.home-service>.inner>.anchor-navi .item#service05 {
    margin-bottom: 0
}

.home-service>.inner>.anchor-navi .item#service05>a {
    background-color: #00AAEB
}

.home-service>.inner>.anchor-navi .item#service05>a:hover .foot p {
    color: #00AAEB
}

.home-service>.inner>.anchor-navi .item#service05>a:hover .arrow-wrap svg .arrow {
    stroke: #fff
}

.home-service>.inner>.anchor-navi .item#service05>a:hover .arrow-wrap svg .circle {
    fill: #00AAEB
}

.home-service>.inner>.anchor-navi #service01,
.home-service>.inner>.anchor-navi #service02,
.home-service>.inner>.anchor-navi #service03,
.home-service>.inner>.anchor-navi #service04,
.home-service>.inner>.anchor-navi #service05 {
    margin-top: -100px;
    padding-top: 100px
}

@media screen and (max-width: 736px) {

    .main-visual .btn-wrap .list .item {
        width: 100%;
        padding: 20px 15px;
    }

    .main-visual .btn-wrap .list .item img {
        transform: none;
    }


    .home-service>.inner>.anchor-navi #service01,
    .home-service>.inner>.anchor-navi #service02,
    .home-service>.inner>.anchor-navi #service03,
    .home-service>.inner>.anchor-navi #service04,
    .home-service>.inner>.anchor-navi #service05 {
        margin-top: -70px;
        padding-top: 125px
    }

}