/* ====================================
   SP (スマートフォン) 専用スタイル
   max-width: 768px
==================================== */

@media (max-width: 768px) {
    /* コンテンツ幅の統一 - containerで一括対応 */
    .container {
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .sp_img_right {
        /* transform: translateX(1rem); */
        border-radius: 5px 0 0 5px !important;
    }
    .sp_img_right {
        transform: translateX(5vw);
        border-radius: 5px 0 0 5px !important;
    }
    .about-img-wrap{
        margin-left: -5vw;
        margin-right: -5vw;
    }
.works-slider-prev {
    margin-left: calc( -75px );
}
.works-slider-next {
    margin-right: calc( -75px );
}
.contents-works-slider-sp .works-slider-prev {
    margin-left: calc( -60px );
}
.contents-works-slider-sp .works-slider-next {
    margin-right: calc( -60px );
}
.flow-renovation-works-slider-sp .works-slider-prev {
    margin-left: calc( -60px );
}
.flow-renovation-works-slider-sp .works-slider-next {
    margin-right: calc( -60px );
}
.flow-shop-works-slider-sp .works-slider-prev {
    margin-left: calc( -60px );
}
.flow-shop-works-slider-sp .works-slider-next {
    margin-right: calc( -60px );
}

.staff-detail-card {
    padding: 20px .75rem;
}
.contact-submit-btn {
    width: 91% !important;
    /* margin: 0 10px !important; */
}
.index-works-slider-sp .works-slider-prev {
    margin-left: calc( -55px - .75rem );
}
.index-works-slider-sp .works-slider-next {
    margin-right: calc( -55px - .75rem );
}
.topics-slider-nav .topics-slider-prev {
    left: calc( -1rem - 25px ) !important;
}
.topics-slider-nav .topics-slider-next {
    right: calc( -1rem - 25px ) !important;
}
.flow-renovation-works-slide-btn a{
    width: 90%;
}
.contents-works-btn-wrap a{
    width: 90%;
}
.flow-shop-works-btn a{
    width: 90%;
}
.contact-submit-btn.page-contact{
    width: 100% !important;
    /* margin: 0 10px !important; */
}
.section.section-bg-dark.related-section-common{
    background-color: unset;
}

/* CF7 submitボタン SP対応 */
.wpcf7 input[type="submit"].contact-submit-btn {
    width: 91% !important;
}

.page-contact .wpcf7 input[type="submit"].contact-submit-btn {
    width: 100% !important;
}

/* CF7のsubmitボタンラッパー */
.wpcf7 .contact-submit-btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* フッター電話番号リンク */
.footer-info a,
.tel-number a {
    pointer-events: auto;
    cursor: pointer;
}
}