@charset "utf-8";

/* ===== service.css ===== */
/* -- shopBox01 -- */
.shopBox01 > * {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.shopBox01 > *:not(:last-child) {
    margin-bottom: 8rem;
}
.shopBox01 .txtCnt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    width: 52%;
}
.shopBox01 .txtCnt .link {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.6;
    text-align: right;
}
.shopBox01 .txtCnt .link a {
    text-decoration: underline;
    text-underline-offset: .7rem;
    text-decoration-color: #331C1B;
}
.shopBox01 .txtCnt .link a[target="_blank"]::after {
    display: inline-block;
    position: relative;
    top: .1rem;
    margin-left: .6rem;
    width: 1.3rem;
    height: 1.3rem;
    background: url(../img/common/icon_brank.svg) no-repeat 0 0 / 100% auto;
    content: "";
}
.shopBox01 .txtCnt .subtit {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.5;
    margin-top: 3.6rem;
    width: 100%;
}
.shopBox01 .txtCnt .tit {
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.5;
    margin-top: 1.9rem;
}
.shopBox01 .txtCnt .txt {
    margin-top: 3.6rem;
}
.shopBox01 .txtCnt .btn {
    margin: 3.2rem 0 0 0;
}
.shopBox01 .imgCnt {
    width: 43.6%;
}
@media screen and ( max-width: 900px ) {
    .shopBox01 > * {
        display: block;
    }
    .shopBox01 > *:not(:last-child) {
        margin-bottom: 8rem;
    }
    .shopBox01 .txtCnt {
        width: 100%;
    }
    .shopBox01 .txtCnt .logo {
        margin: 0 auto;
        max-width: 240px;
    }
    .shopBox01 .txtCnt .link {
        text-align: center;
        margin-top: 15px;
        width: 100%;
    }
    .shopBox01 .txtCnt .btn {
        margin: 3.2rem auto 0;
    }
    .shopBox01 .imgCnt {
        margin-top: 20px;
        width: 100%;
    }
}

/* -- shopBoxSlider -- */
.shopBoxSlider .splide__pagination {
    margin-top: 1.5rem;
}
.shopBoxSlider .splide__pagination li {
    position: relative;
    width: .8rem;
    height: .8rem;
}
.shopBoxSlider .splide__pagination li:not(:last-child) {
    margin-right: 1.2rem;
}
.shopBoxSlider .splide__pagination button {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    display: block;
    width: .8rem;
    height: .8rem;
    background: #E2E2E2;
    border-radius: 50%;
    transition: all .6s;
}
.shopBoxSlider .splide__pagination button.is-active {
    background: #BE0F17;
}
@media screen and ( max-width: 900px ) {
    /* - shopBoxSlider - */
    .shopBoxSlider .splide__pagination {
        margin-top: 1.5rem;
    }
    .shopBoxSlider .splide__pagination li {
        position: relative;
        width: .8rem;
        height: .8rem;
    }
    .shopBoxSlider .splide__pagination li:not(:last-child) {
        margin-right: 1.2rem;
    }
    .shopBoxSlider .splide__pagination button {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        display: block;
        width: .8rem;
        height: .8rem;
        background: #E2E2E2;
        border-radius: 50%;
        transition: all .6s;
    }
    .shopBoxSlider .splide__pagination button.is-active {
        background: #BE0F17;
    }
}

/* -- shopBox02 -- */
.shopBox02 {
    margin-top: 7.4rem;
}
.shopBox02 > * {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.shopBox02 > *:not(:last-child) {
    margin-bottom: 7.5rem;
}
.shopBox02 .imgCnt {
    margin-top: .6rem;
    width: 21.9%;
    order: 1;
}
.shopBox02 .imgCnt .link {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-top: 1.6rem;
}
.shopBox02 .imgCnt .link a {
    text-decoration: underline;
    text-underline-offset: .7rem;
    text-decoration-color: #331C1B;
}
.shopBox02 .imgCnt .link a[target="_blank"]::after {
    display: inline-block;
    position: relative;
    top: .1rem;
    margin-left: .6rem;
    width: 1.3rem;
    height: 1.3rem;
    background: url(../img/common/icon_brank.svg) no-repeat 0 0 / 100% auto;
    content: "";
}
.shopBox02 .txtCnt {
    width: 73.6%;
    order: 2;
}
.shopBox02 .txtCnt .tit {
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.5;
}
.shopBox02 .txtCnt .txt {
    margin-top: 3.6rem;
}
@media screen and ( max-width: 900px ) {
    .shopBox02 > * {
        display: block;
    }
    .shopBox02 .imgCnt {
        margin-top: 20px;
        width: 100%;
    }
    .shopBox02 .txtCnt {
        width: 100%;
    }
    .shopBox02 .txtCnt .txt {
        margin-top: 10px;
    }
}

/* -- shopTitBox -- */
.shopTitBox  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.shopTitBox .txtCnt {
    margin-top: 7%;
    padding-left: 10.8%;
    width: 46%;
}
.shopTitBox .txtCnt .subtit {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.5;
    margin-top: 2.6rem;
}
.shopTitBox .txtCnt .tit {
    font-weight: bold;
    font-size: 3.4rem;
    line-height: 1.5;
    margin-top: 6.7rem;
}
.shopTitBox .txtCnt .link {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-top: 10.3rem;
}
.shopTitBox .txtCnt .link a {
    text-decoration: underline;
    text-underline-offset: .7rem;
    text-decoration-color: #331C1B;
}
.shopTitBox .txtCnt .link a[target="_blank"]::after {
    display: inline-block;
    position: relative;
    top: .1rem;
    margin-left: .6rem;
    width: 1.3rem;
    height: 1.3rem;
    background: url(../img/common/icon_brank.svg) no-repeat 0 0 / 100% auto;
    content: "";
}
.shopTitBox .imgCnt {
    width: 51.3%;
}
.shopTitBox .imgCnt img {
    width: 100%;
}
@media screen and ( max-width: 900px ) {
    .shopTitBox .txtCnt {
        padding: 0 30px;
        width: 100%;
        order: 2;
    }
    .shopTitBox .txtCnt .logo {
        max-width: 380px;
    }
    .shopTitBox .txtCnt .tit {
        margin-top: 30px;
    }
    .shopTitBox .txtCnt .link {
        margin-top: 25px;
    }
    .shopTitBox .imgCnt {
        width: 100%;
    }
}

/* -- crm -- */
/* - crm2_02 - */
.crm2_02 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -4rem;
}
.crm2_02.col2 {
margin-bottom: 0;
}
.crm2_02 > * {
    margin-bottom: 4.6rem;
}
.service h2:not([class]) {
    margin-top: 40px;
}
@media screen and ( min-width: 901px ) {
    .crm2_02 > * {
        width: 41.9%;
    }
    .crm2_02 > *:nth-child(2n) {
        width: calc(58.1% - 50px);
    }
    .crm2_02 > *:not(:nth-child(2n)) {
        margin-right: 50px;
    }
}

/* -- shopBox03 -- */
.shopBox03 {
    margin-top: 4.7rem;
}
.shopBox03 > * {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.shopBox03 > *:not(:last-child) {
    margin-bottom: 6.5rem;
}
.shopBox03 .txtCnt {
    width: 57%;
}
.shopBox03 .imgCnt {
    margin-top: .6rem;
    width: 37.3%;
}
.shopBox03 .link {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-top: 1.6rem;
}
.shopBox03 .txtCnt .link {
    margin-top: 2.9rem;
}
.shopBox03 .link a {
    text-decoration: underline;
    text-underline-offset: .7rem;
    text-decoration-color: #331C1B;
}
.shopBox03 .link a[target="_blank"]::after {
    display: inline-block;
    position: relative;
    top: .1rem;
    margin-left: .6rem;
    width: 1.3rem;
    height: 1.3rem;
    background: url(../img/common/icon_brank.svg) no-repeat 0 0 / 100% auto;
    content: "";
}
/* w100p */
.shopBox03 .txtCnt.w100p {
    width: 100%;
}
@media screen and ( max-width: 900px ) {
    .shopBox03 > * {
        display: block;
    }
    .shopBox03 .txtCnt {
        width: 100%;
    }
    .shopBox03 .imgCnt {
        margin-top: 15px;
        width: 100%;
    }
    .shopBox03 .txtCnt .link {
        margin-top: 10px;
    }
}