/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
.p_service_provi__content {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    display: flex;
}
.p_service_provi__left,
.p_service_provi__right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 192px 20px;
}
.p_service_provi__right {
    background: #f1f3f5;
}
.p_service_provi__left {
    background: #fff;
    position: relative;
    /* padding: 366px clamp(5rem, 6.93vw - 2.1rem, 11.2rem) 366px
        clamp(5rem, 11.17vw - 6.45rem, 15rem); */
    padding: clamp(12rem, 27.49vw + -16.17rem, 36.6rem)
        clamp(5rem, 6.93vw - 2.1rem, 11.2rem)
        clamp(12rem, 27.49vw + -16.17rem, 36.6rem)
        clamp(5rem, 11.17vw - 6.45rem, 15rem);
}
.p_service_provi__left::before {
    position: absolute;
    content: '';
    right: 100%;
    top: 0;
    width: 100vw;
    height: 100%;
    background: #fff;
}
.p_service_provi__left .des {
    font-size: 2rem;
    font-size: clamp(1.6rem, 0.45vw + 1.14rem, 2rem);
    font-weight: bold;
    letter-spacing: 0;
    line-height: 3em;
    position: relative;
}

.p_service_provi__circle {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.p_service_provi__circle__item {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 211px;
    max-height: 211px;
    width: 10.989583333333334vw;
    height: 10.989583333333334vw;
    padding: 5px;
    background-color: rgba(222, 225, 228, 0.5);
    border-radius: 100%;
}
.p_service_provi__circle__item:nth-child(odd) {
    z-index: 1;
}
.p_service_provi__circle__item:nth-child(even) {
    z-index: -1;
}
.p_service_provi__circle__item__i01 {
    top: -196px;
    left: 105px;
}
.p_service_provi__circle__item__i02 {
    top: -108px;
    right: -100px;
}
.p_service_provi__circle__item__i03 {
    top: 110px;
    right: -188px;
}
.p_service_provi__circle__item__i04 {
    bottom: -103px;
    right: -99px;
}
.p_service_provi__circle__item__i05 {
    bottom: -192px;
    left: 105px;
}
.p_service_provi__circle__item__i06 {
    bottom: -103px;
    left: -112px;
}
.p_service_provi__circle__item__i07 {
    top: 110px;
    left: -200px;
}
.p_service_provi__circle__item__i08 {
    top: -108px;
    left: -111px;
}
.p_service_provi__circle__center {
    position: relative;
    left: -6px;
    width: 22.5vw;
    max-width: 432px;
    height: 22.5vw;
    max-height: 432px;
    background: #e53935;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p_service_provi__circle__center figure {
    position: relative;
    top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6.875000000000001vw;
    max-width: 132px;
}
.p_service_provi__circle__ttl {
    font-size: 16px;
    font-size: clamp(1.4rem, 0.22vw + 1.17rem, 1.6rem);
    font-weight: bold;
    text-align: center;
    letter-spacing: 0;
    line-height: calc(20 / 16);
}
@media screen and (max-width: 1920px) {
    .p_service_provi__circle__item__i01 {
        top: -10.208333333333334vw;
        left: 5.46875vw;
    }
    .p_service_provi__circle__item__i02 {
        top: -5.625vw;
        right: -5.208333333333334vw;
    }
    .p_service_provi__circle__item__i03 {
        top: 5.729166666666666vw;
        right: -9.791666666666666vw;
    }
    .p_service_provi__circle__item__i04 {
        bottom: -5.364583333333333vw;
        right: -5.15625vw;
    }
    .p_service_provi__circle__item__i05 {
        bottom: -10vw;
        left: 5.46875vw;
    }
    .p_service_provi__circle__item__i06 {
        bottom: -5.364583333333333vw;
        left: -5.833333333333333vw;
    }
    .p_service_provi__circle__item__i07 {
        top: 5.729166666666666vw;
        left: -10.416666666666668vw;
    }
    .p_service_provi__circle__item__i08 {
        top: -5.625vw;
        left: -5.78125vw;
    }
    .p_service_provi__circle__center {
        left: -0.3125vw;
    }
}
@media screen and (max-width: 1024px) {
    .p_service_provi__circle__item {
        width: 20.60546875vw;
        height: 20.60546875vw;
    }
    .p_service_provi__circle__item__i01 {
        top: -19.140625vw;
        left: 10.25390625vw;
    }
    .p_service_provi__circle__item__i02 {
        top: -10.546875vw;
        right: -9.765625vw;
    }
    .p_service_provi__circle__item__i03 {
        top: 10.7421875vw;
        right: -18.359375vw;
    }
    .p_service_provi__circle__item__i04 {
        bottom: -10.05859375vw;
        right: -9.66796875vw;
    }
    .p_service_provi__circle__item__i05 {
        bottom: -18.75vw;
        left: 10.25390625vw;
    }
    .p_service_provi__circle__item__i06 {
        bottom: -10.05859375vw;
        left: -10.9375vw;
    }
    .p_service_provi__circle__item__i07 {
        top: 10.7421875vw;
        left: -19.53125vw;
    }
    .p_service_provi__circle__item__i08 {
        top: -10.546875vw;
        left: -10.83984375vw;
    }
    .p_service_provi__circle__center {
        left: -0.5859375vw;
        width: 42.1875vw;
        height: 42.1875vw;
    }
    .p_service_provi__circle__center figure {
        width: 12.890625vw;
    }
    .p_service_provi__circle__ttl {
        font-size: 16px;
    }
}

.p_service_info {
    background: url(../img/service/bg_service_info.jpg) no-repeat center;
    background-size: cover;
    padding: 264px 0 217px;
}

.p_service_info__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 40px;
    max-width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .p_service_info__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .p_service_info__list {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px 20px;
    }
}

.p_service_info__item figure {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}

.p_service_info__item .des {
    color: #fff;
    letter-spacing: 0;
    line-height: 2em;
}

.p_service_info__icon {
    width: 100%;
    height: 260px;
    border: solid 2px #fff;
    padding: 48px 3px 29px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 26px;
}
.p_service_info__icon .ttl {
    color: #fff;
    letter-spacing: 0;
}
.p_service_info__icon figure {
    margin-bottom: 18px;
}

@media screen and (max-width: 1024px) {
    .p_service_provi__content {
        flex-wrap: wrap;
    }
    .p_service_provi__left .des {
        left: 0;
    }
    .p_service_provi__left {
        padding: 192px 20px;
        width: 100%;
    }
    .p_service_provi__right {
        padding: 29.296875vw 20px;
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .p_service_provi__left {
        padding: 60px 15px;
    }
    .p_service_provi__left .des {
        font-size: 1.8rem;
        line-height: 1.8;
    }
    .p_service_info__icon .ttl {
        font-size: 1.4rem;
    }
    .p_service_info {
        padding: 60px 0;
    }
    .p_service_info__item .des {
        font-size: 1.4rem;
    }
    .p_service_provi__right {
        padding: 150px 20px;
        padding: 38.46153846153847vw 20px;
    }
    .p_service_provi__circle__item {
        width: 28.205128205128204vw;
        height: 28.205128205128204vw;
    }
    .p_service_provi__circle__ttl {
        font-size: 2.564102564102564vw;
    }
    .p_service_provi__circle__center {
        width: 33.33333333333333vw;
        height: 33.33333333333333vw;
        z-index: 5;
    }
    .p_service_provi__circle__item__i01 {
        top: -100px;
        left: 10px;
        top: -25.64102564102564vw;
        left: 2.564102564102564vw;
    }
    .p_service_provi__circle__item__i02 {
        top: -63px;
        left: 87px;
        top: -16.153846153846153vw;
        left: 22.30769230769231vw;
        z-index: 3 !important;
    }
    .p_service_provi__circle__item__i03 {
        top: 13px;
        left: 117px;
        top: 3.3333333333333335vw;
        left: 30vw;
    }
    .p_service_provi__circle__item__i04 {
        top: 90px;
        left: 87px;
        top: 23.076923076923077vw;
        left: 22.30769230769231vw;
    }
    .p_service_provi__circle__item__i05 {
        top: 119px;
        left: 11px;
        top: 30.512820512820515vw;
        left: 2.8205128205128207vw;
    }
    .p_service_provi__circle__item__i06 {
        top: 89px;
        left: -66px;
        top: 22.82051282051282vw;
        left: -16.923076923076923vw;
    }
    .p_service_provi__circle__item__i07 {
        top: 13px;
        left: -93px;
        top: 3.3333333333333335vw;
        left: -23.846153846153847vw;
    }
    .p_service_provi__circle__item__i08 {
        top: -63px;
        left: -66px;
        top: -16.153846153846153vw;
        left: -16.923076923076923vw;
        z-index: 3 !important;
    }
}
/* @media screen and (max-width: 425px) {
    .p_service_provi__right {
        padding: 60px 15px;
    }
    .p_service_provi__circle__main {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }
    .p_service_provi__circle {
        width: 100%;
    }
    .p_service_provi__circle__center {
        position: absolute;
        top: calc(50% - 10px);
        left: 50%;
        transform: translate(-50%, -50%);
        width: 180px;
        height: 180px;
    }
    .p_service_provi__circle__center figure {
        width: 80px;
    }
    .p_service_provi__circle__item {
        position: initial;
        width: calc(50vw - 30px);
        height: calc(50vw - 30px);
        margin-bottom: 20px;
    }
    .p_service_provi__circle__item__i03,
    .p_service_provi__circle__item__i04 {
        margin-bottom: 190px;
    }
} */

/*# sourceMappingURL=service.css.map */