@charset "UTF-8";

#business_pet_content {
        letter-spacing: 0.03em;
        font-size: 18px;
        font-family: Inter, Hiragino Sans, Hiragino Kaku Gothic ProN, Noto Sans JP, Meiryo, sans-serif;
        line-height: normal;
}

#business_pet_content a {
        color: inherit;
        text-decoration: none;
        transition: all 0.3s;
}

#business_pet_content ul,
#business_pet_content p,
#business_pet_content h1,
#business_pet_content h2,
#business_pet_content h3 {
        list-style: none;
        
}

#business_pet_content .service_orderflow ul,
#business_pet_content .service_orderflow p,
#business_pet_content .service_orderflow h1,
#business_pet_content .service_orderflow h2,
#business_pet_content .service_orderflow h3 {
        padding: 0;
        list-style: none;
}

#business_pet_content .faq_area ul,
#business_pet_content .faq_area p,
#business_pet_content .faq_area h1,
#business_pet_content .faq_area h3 {
        margin: 0;
        padding: 0;
        list-style: none;
}

#business_pet_content .faq_area h2{
        padding: 0;
        list-style: none;
}

#business_pet_content hr {
        margin: 50px 0;
}

@media screen and (max-width: 767px) {
        #business_pet_content hr {
                margin: 20px 0;
        }
}

#business_pet_content img {
        width: 100%;
}

#business_pet_content .is-sp {
        display: none;
}


/* 20240307 */
#business_pet_content .inner {
        padding: 20px;
        margin: 0 auto;
        max-width: 1120px;
}

#business_pet_content .inner.inner2 {
        max-width: 1020px;
}

#business_pet_content .inner.inner3 {
        max-width: 1200px;
}

#business_pet_content .inner.inner_point {
        padding: 20px;
}

#business_pet_content .inner.inner_photos {
        padding: 20px;
}

@media screen and (max-width: 767px) {
    #business_pet_content .inner.inner_point {
        padding: 0 20px 20px;
}
#business_pet_content .inner.inner_photos {
        padding: 20px 20px 0;
}    
}

.breadcrumbs ul {
        margin: 0;
}


#business_pet_content .hdL {
        margin-bottom: 70px;
        margin-top: 0;
        text-align: center;
        line-height: 1.5;
        font-weight: bold;
        font-size: 30px;
}

#business_pet_content .products_photos h3.hdL,
#business_pet_content .business_cases h3.hdL,
#business_pet_content .business_lineup h3.hdL {
        font-size: clamp(15px, 2vw, 20px);
        margin-bottom: 0;
}

#business_pet_content .hdL .small {
        font-size: 26px;
}

#business_pet_content .hdL.st2 {
        padding: 15px;
        border-top: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
}


#business_pet_content .point-area {
        width: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background-color: #e4eeee;
        padding: 30px 20px;
}

#business_pet_content .icon-area {
        width: 40%;
        text-align: center;
}

#business_pet_content .icon-area img {
        width: 24%;
        height: auto;
}

#business_pet_content .point-text {
        width: 60%;
        text-align: left;
}

#business_pet_content .point-text p {
        font-size: clamp(15px, 2vw, 20px);
        font-weight: 500;
}

#business_pet_content .btn_link {
        margin: 20px auto;
        text-align: center;
}

#business_pet_content .btn_link a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 445px;
        height: 60px;
        color: #fff;
        background: linear-gradient(to right, #3FCECC, #01A274);
        border-radius: 60px;
        /* border: 1px solid #6f6f6f; */
        font-size: 22px;
        font-weight: bold;
}

#business_pet_content .txt_description {
        line-height: 1.778;
        font-weight: 400;
}

#business_pet_content .business_about .btn_link {
        margin-top: 0;
        margin-bottom: 50px;
}

.color_green {
        color: #00a273;
}

.color_red {
        color: #ff0000;
}

@media screen and (min-width: 959px) {
        #business_pet_content .btn_link a:hover {
                /* background: #6f6f6f; */
                opacity: 0.5;
                color: #fff;
        }

}

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

#business_pet_content .point-text p {
        font-size: clamp(13px, 3.5vw, 20px);
        font-weight: 500;
}

        #business_pet_content .is-sp {
                display: block;
        }


        #business_pet_content {
                font-size: 12px;
        }

        #business_pet_content .hdL {
                margin-bottom: 30px;
                font-size: 26px;
        }

        #business_pet_content .products_photos h3.hdL,
        #business_pet_content .business_cases h3.hdL,
        #business_pet_content .business_lineup h3.hdL {
                font-size: clamp(13px, 3.5vw, 20px);
                margin-bottom: 20px;
        }

        #business_pet_content .hdL .small {
                font-size: 18px;
        }

        #business_pet_content .hdL.st2 {
                padding: 10px 0;
                font-size: 20px;
        }

        #business_pet_content .point-area {
                width: auto;
                margin: 0 auto;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 20px;
                gap: 15px;
        }

        #business_pet_content .icon-area {
                width: 100%;
                text-align: center;
        }

        #business_pet_content .icon-area img {
                width: 30%;
                height: auto;
        }

        #business_pet_content .point-text {
                width: 100%;
                text-align: center;
        }

}


/* page */
#business_pet_content .business_banner {
        margin-bottom: 20px;
}

#business_pet_content .business_banner .display {
        display: flex;
        justify-content: center;
        align-items: center;
}

#business_pet_content .business_banner .display .info {
        width: calc(55% + 20px);
}

#business_pet_content .business_banner .display .ban {
        width: calc(40% + 8px);
}

#business_pet_content .business_banner .hdL {
        line-height: 1.2;
        padding: 0 20px;
}

#business_pet_content .business_situations .hdL {
        line-height: 1.2;
}

#business_pet_content .business_banner .hdL .eng {
        display: block;
        padding: 0 0 20px 0;
        line-height: 1.5;
        font-size: clamp(20px, 2.5vw, 30px);
        text-align: center;
}

#business_pet_content .business_banner .hdL .eng span {
        padding-left: 30px;
}

#business_pet_content .business_banner .hdL .small {
        font-size: clamp(16px, 2vw, 24px);
        display: block;
        line-height: 1.4;
        text-align: center;
}

#business_pet_content .business_banner .display .imgs {
        display: flex;
        justify-content: space-between;
}

#business_pet_content .business_banner .display .imgs img {
        width: calc(50% - 15px);
}

#business_pet_content .business_situations {
        margin-bottom: 60px;
        padding-bottom: 60px;
        background: linear-gradient(to top, #c9d5d5 300px, transparent 300px);
}

#business_pet_content .business_situations .hdL .small {
        font-size: clamp(20px, 2vw, 24px);
}

#business_pet_content .business_situations ul {
        display: flex;
        flex-wrap: wrap;
}

#business_pet_content .business_situations li {
        width: 25%;
}

#business_pet_content .products_photos {
        margin-bottom: 10px;
}

#business_pet_content .products_photos .hdL:first-child {
        margin-bottom: 20px;
        line-height: 2;
}

#business_pet_content .products_photos .end {
        margin-top: 55px;
}

#business_pet_content .products_photos ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 50px -38px;
        padding:0;
}

#business_pet_content .products_photos li {
        margin: 0 38px;
        width: calc(100%/3 - 76px);
        text-align: center;
}

#business_pet_content .products_photos li .img {
        margin: 0 auto 20px;
        max-width: 288px;
}

#business_pet_content .products_photos li .tit {
        color: #333333;
        letter-spacing: 0;
}

#business_pet_content .products_photos .marker {
        background: linear-gradient(transparent 60%, #2df5d6 40%);
}

#business_pet_content .business_about {
        padding: 50px 0;
}

#business_pet_content .business_about .txt_description {
        margin: 0 auto 50px;
        max-width: 900px;
}

#business_pet_content .features_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
}

#business_pet_content .features_list li {
        margin: 0 0 80px;
        width: calc(100%/3);
}

#business_pet_content .features_list li .icon {
        margin: 0 auto 24px;
        max-width: 135px;
        text-align: center;
}

#business_pet_content .features_list li .tit {
        text-align: center;
        line-height: 1.444;
        font-weight: bold;
}

#business_pet_content .features_list li .txt {
        margin-top: 20px;
        line-height: 1.4;
        font-size: 15px;
        font-weight: 400;
}

#business_pet_content .business_cases {
        padding: 90px 0;
        background: #f0f0f0;
}

#business_pet_content .business_cases .image {
        margin-bottom: 0px;
}

#business_pet_content .business_cases .info {
        display: flex;
        justify-content: space-between;
        font-weight: 400;
}

#business_pet_content .business_cases .type {
        margin-top: 5px;
        line-height: 1.61;
}

#business_pet_content .business_cases .type .foucs {
        color: #00a273 !important;
        font-weight: bold;
}

#business_pet_content .business_cases .type .foucs:hover {
        text-decoration: underline !important;
}

#business_pet_content .business_cases .create {
        text-align: right;
        line-height: 2;
        font-size: 15px;
}

#business_pet_content .business_cases .create .eng {
        font-size: 11px;
}

#business_pet_content .business_lineup {
        padding: 100px 0;
        overflow: hidden;
        background: #f0f0f0;
}

#business_pet_content .business_lineup .hd01 {
        margin-bottom: 15px;
        font-weight: bold;
        font-size: 26px;
}

#business_pet_content .lineup_swiper {
        overflow: hidden;
        position: relative;
}

#business_pet_content .swiper-button-prev:after,
#business_pet_content .swiper-button-next:after {
        display: none;
}

#business_pet_content .lineup_swiper .swiper-button-prev,
#business_pet_content .lineup_swiper .swiper-button-next {
        width: 30px;
        height: 30px;
        background-size: 100%;
}

#business_pet_content .lineup_swiper .swiper-button-prev {
        left: 0;
        background-image: url("../img/pet/icon_prev.png");
}

#business_pet_content .lineup_swiper .swiper-button-next {
        right: 0;
        background-image: url("../img/pet/icon_next.png");
}

#business_pet_content .pet-lineup_swiper {
        position: relative;
        margin: 0 auto 40px;
}

@media screen and (max-width: 767px) {
#business_pet_content .pet-lineup_swiper {
        position: relative;
        margin: 20px auto 40px;
}
}

#business_pet_content .pet-lineup_swiper .swiper-button-prev,
#business_pet_content .pet-lineup_swiper .swiper-button-next {
        position: absolute;
        width: 20px;
        height: 20px;
        background-size: 100%;
}

#business_pet_content .pet-lineup_swiper .swiper-button-prev {
        background-image: url("../img/pet/icon_prev.png");

}

#business_pet_content .pet-lineup_swiper .swiper-button-next {
        background-image: url("../img/pet/icon_next.png");
}


#business_pet_content .pet-lineup_swiper .btn_coron {
        position: absolute;
        top: -28px;
        right: 22px;
        font-size: 20px;
        color: #6f6f6f;
}


#business_pet_content .business_lineup .swiper-wrapper {
        height: auto;
}

#business_pet_content .business_lineup .swiper-slide {
        display: block;
}

#business_pet_content .business_lineup .display {
        display: flex;
        justify-content: space-between;
        align-items: center;
}

#business_pet_content .business_lineup .display .img {
        width: 50%;
}

#business_pet_content .business_lineup .display .info {
        padding: 0 60px;
        width: 50%;
}

#business_pet_content .business_lineup .display .info .hd01 {
        font-size: 24px;
}

#business_pet_content .business_lineup .display .txt {
        line-height: 1.555;
}

#business_pet_content .business_lineup .detail_btn {
        margin-top: 22px;
}

#business_pet_content .business_lineup .detail_btn a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 40px;
        height: 56px;
        background: #fff;
        border-radius: 30px;
        border: 2px solid #03a274;
        color: #03a274;
        font-weight: bold;
}

#business_pet_content .product_list {
        display: flex;
        flex-wrap: wrap;
}

#business_pet_content .product_list li {
        text-align: center;
}

#business_pet_content .product_list li .img {
        margin-bottom: 24px;
}

#business_pet_content .product_list li .img a:hover {
        opacity: .7;
}

#business_pet_content .product_list li .type {
        margin-bottom: 10px;
        color: #00a273;
        font-size: 16px;
        font-weight: bold;
}

#business_pet_content .product_list li .price {
        font-size: 15px;
        font-weight: 400;
}

#business_pet_content .business_lineup .btn_link {
        margin-top: 65px;
        margin-bottom: 65px;
}

#business_pet_content .download_view a {
        display: flex;
        justify-content: center;
        flex-direction: column;
        position: relative;
        /* padding: 0 120px 0 330px; */
        margin: 0 auto;
        max-width: 960px;
        height: 175px;
        text-align: center;
        /* background: url("../img/pet/bg_btn.png")no-repeat center left #202020; */
        background: linear-gradient(to right, #3FCECC, #01A274);
        background-size: auto 100%;
        border-radius: 100px;
        box-sizing: border-box;
        line-height: 1.6;
        color: #fff !important;
        font-size: 30px;
        font-weight: 400;
}

@media only screen and (max-width: 1200px) {
        #business_pet_content .download_view a {
                /* font-size: 20px; */
                font-size: 22px;
        }
}

#business_pet_content .download_view .eng {
        /* font-size: 24px; */
        font-size: 32px;
        font-weight: bold;
}


#business_pet_content .faq_area {
        padding: 90px 0;
        background: #f0f0f0;
}

#business_pet_content .toggleBox {
        display: none;
}

#business_pet_content .faq_list li {
        padding: 0;
        background: #fff;
}

#business_pet_content .faq_list li+li {
        border-top: 1px solid #f0f0f0;
}

#business_pet_content .faq_list li .quest {
        position: relative;
        cursor: pointer;
        padding: 35px 80px 35px 78px;
        background: url("../img/pet/icon_plus.png") no-repeat right 50px center;
        background-size: 17px;
        font-weight: 400;
        line-height: 1.5;
}

#business_pet_content .faq_list li .quest.open {
        background-image: url("../img/pet/icon_minus.png");
}

#business_pet_content .faq_list li .answer {
        position: relative;
        padding: 0 50px 35px 78px;
        font-weight: 400;
        line-height: 1.5;
}

#business_pet_content .faq_list li .quest:before,
#business_pet_content .faq_list li .answer:before {
        content: "";
        position: absolute;
        left: 50px;
        width: 17px;
        height: 20px;
        background: no-repeat left center;
}

#business_pet_content .faq_list li .quest:before {
        top: 38px;
        background-image: url("../img/pet/icon_q.png");
        background-size: 100%;
}

#business_pet_content .faq_list li .answer:before {
        top: 3px;
        background-image: url("../img/pet/icon_a.png");
        background-size: auto 17px;
}

#business_pet_content .blog_servicearea {
        padding: 90px 0;
}

#business_pet_content .blog_servicearea ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
}

#business_pet_content .blog_servicearea li {
        width: calc(25% - 22px);
}

#business_pet_content .blog_servicearea li:not(:first-child){
        margin-left: 22px;
}


/* sp */

/* 0405追加 */
@media only screen and (max-width: 998px) {
        #business_pet_content .business_situations {
                background: linear-gradient(to top, #c9d5d5 200px, transparent 200px);
        }
}

/* 0405追加 */

@media screen and (min-width: 959px) {
        #business_pet_content .business_lineup .detail_btn a:hover {
                background: #03a274;
                color: #fff;
        }

        #business_pet_content .download_view a:hover {
                opacity: 0.7;
        }

        #business_pet_content .blog_servicearea li a:hover {
                opacity: 0.7;
        }

}

@media screen and (max-width: 767px) {
        #business_pet_content .sp_inner {
                padding: 0;
        }

        #business_pet_content .business_banner {
                margin-bottom: 0;
        }

        #business_pet_content .business_banner .display {
                /* display: block; */
                flex-direction: column;
        }

        #business_pet_content .business_banner .display .info {
                order: 2;
                padding: 0;
                width: auto;
        }

        #business_pet_content .business_banner .display .ban {
                order: 1;
                width: auto;
        }

        #business_pet_content .business_banner .display .ban img {
                width: 100vw;
                height: 100vw;
                object-fit: cover;
        }

        #business_pet_content .business_banner .hdL {
                margin-bottom: 25px;
                padding-left: 0;
                text-align: center;
        }

        #business_pet_content .business_banner .hdL .eng {
                margin-top: 50px;
                margin-bottom: 15px;
                padding: 0;
                text-indent: 0;
                font-size: clamp(14px, 4.5vw, 30px);
        }

        #business_pet_content .business_banner .hdL .small {
                font-size: 16px;
        }

        #business_pet_content .business_banner .display .imgs img {
                width: calc(50% - 1px);
        }

        #business_pet_content .business_situations {
                margin-bottom: 40px;
                padding-bottom: 30px;
                background: linear-gradient(to top, #c9d5d5 300px, transparent 300px);
        }

        #business_pet_content .business_situations .hdL .small {
                font-size: 16px;
        }

        #business_pet_content .business_situations li {
                width: 50%;
        }



        #business_pet_content .products_photos {
                margin-bottom: 10px;
        }

        #business_pet_content .products_photos .hdL:first-child {
                margin-bottom: 20px;
        }

        #business_pet_content .products_photos .hdL .small {
                line-height: 1.45;
        }

        #business_pet_content .products_photos ul {
                margin: 40px -10px 0;
                padding:0;
        }

        #business_pet_content .products_photos li {
                margin: 0 10px 15px;
                width: calc(50% - 20px);
        }

        .products_photos li .img {
                margin-bottom: 10px;
        }

        #business_pet_content .products_photos .end {
                margin-top: 25px;
        }

        #business_pet_content .btn_link {
                margin: 0;
        }

        #business_pet_content .btn_link a {
                width: 90%;
                height: 40px;
                font-size: 16px;
        }

        #business_pet_content .business_about .txt_description {
                margin-bottom: 25px;
        }

        #business_pet_content .business_about {
                padding: 35px 0;
        }

        #business_pet_content .features_list {
                margin: 0 -10px;
        }

        #business_pet_content .features_list li {
                margin: 0 0 30px;
                width: 50%;
        }

        #business_pet_content .features_list li .icon {
                margin-bottom: 12px;
                max-width: 72px;
        }

        #business_pet_content .business_cases {
                padding: 45px 0;
        }

        #business_pet_content .business_cases .info {
                display: block;
        }

        #business_pet_content .business_cases .create {
                margin-top: 10px;
                text-align: left;
                line-height: 2;
                font-size: 13px;
        }

        #business_pet_content .business_cases .create .eng {
                font-size: 10px;
        }

        #business_pet_content .case_teaser .create p {
                font-size: 10px;
        }

        #business_pet_content .business_lineup {
                padding: 50px 0;
        }

        #business_pet_content .business_lineup .hd01 {
                margin-bottom: 10px;
                font-size: 18px;
        }

        #business_pet_content .business_lineup .lineup_swiper {
                overflow: visible;
                margin-bottom: 35px;
        }

        #business_pet_content .business_lineup .display {
                display: block;
        }

        #business_pet_content .business_lineup .display .img {
                width: auto;
        }

        #business_pet_content .business_lineup .display .info {
                padding: 15px 0 0;
                width: auto;
        }

        #business_pet_content .lineup_swiper .swiper-button-prev,
        #business_pet_content .lineup_swiper .swiper-button-next {
                top: 50%;
                width: 32px;
                height: 32px;
        }

        #business_pet_content .lineup_swiper .swiper-button-prev {
                left: 0;
        }

        #business_pet_content .lineup_swiper .swiper-button-next {
                right: 0;
        }

        #business_pet_content .business_lineup .detail_btn {
                margin-top: 12px;
                text-align: center;
        }

        #business_pet_content .business_lineup .detail_btn a {
                height: 40px;
        }

        #business_pet_content .product_list li .img {
                margin-bottom: 10px;
        }

        #business_pet_content .product_list li .type {
                margin-bottom: 5px;
                font-size: 13px;
        }

        #business_pet_content .product_list li .price {
                font-size: 12px;
        }

        #business_pet_content .business_lineup .btn_link {
                margin-top: 30px;
                margin-bottom: 30px;
        }

        #business_pet_content .download_view a {
                padding: 0 30px 0 20px;
                height: 80px;
                /* background: #202020;  */
                text-align: center;
                font-size: 16px;
        }

        #business_pet_content .download_view .eng {
                font-size: 12px;
        }

        #business_pet_content .faq_area {
                padding: 45px 0;
        }

        #business_pet_content .faq_list li .quest {
                padding: 20px 36px 20px 40px;
                background-position: right 20px center;
                background-size: 12px;
        }

        #business_pet_content .faq_list li .answer {
                padding: 0 20px 20px 40px;
        }

        #business_pet_content .faq_list li .quest:before,
        #business_pet_content .faq_list li .answer:before {
                left: 20px;
                width: 12px;
                height: 14px;
        }

        #business_pet_content .faq_list li .quest:before {
                top: 25px;
        }

        #business_pet_content .faq_list li .answer:before {
                background-size: auto 12px;
        }

        #business_pet_content .blog_servicearea {
                padding: 30px 0;
        }


        #business_pet_content .blog_servicearea li {
                padding:5px;
                width: calc(50% - 10px);
        }

                #business_pet_content .blog_servicearea li:not(:first-child) {
                margin-left: 0;
        }

}

/* service.html */
#business_pet_content .business_teaser {
        position: relative;
        padding: 40px 0 0;
}

#business_pet_content .business_teaser h2 {
        position: absolute;
        left: 40px;
        top: 30%;
        font-size: 38px;
        font-weight: bold;
}

#business_pet_content .business_novelty {
        padding: 100px 0;
}

#business_pet_content .business_novelty .hdL {
        font-size: 30px;
}

#business_pet_content .business_novelty .checkboxs {
        display: flex;
        justify-content: center;
}

#business_pet_content .business_novelty .checkboxs li {
        padding: 3px 0 3px 50px;
        margin: 30px 0;
        background: url("../img/service/icon_checked.png")no-repeat left 5px;
        background-size: 29px;
        font-weight: 400;
}

#business_pet_content .business_novelty .checkboxs li .foucs {
        font-weight: bold;
}

#business_pet_content .service_anchorlinks {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: -13px;
}

#business_pet_content .service_anchorlinks li {
        margin-left: 13px;
        width: calc(25% - 13px);
        text-align: center;
}

#business_pet_content .service_anchorlinks li a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        border: 1px solid #6f6f6f;
        border-radius: 50px;
        font-weight: 400;
}

#business_pet_content .service_anchorlinks li a:after {
        content: "";
        margin-left: 10px;
        width: 14px;
        height: 9px;
        background: url("../img/service/icon_down.png") no-repeat center;
        background-size: 100%;
}

#business_pet_content .service_features {
        padding: 120px 0;
}

#business_pet_content .service_features * {
        box-sizing: border-box;
}

#business_pet_content .service_features .features_list {
        border: 1px solid #dbdbdb;
}

#business_pet_content .service_features .features_list li {
        padding: 40px;
        margin: 0;
        border-left: 1px solid #dbdbdb;
}

#business_pet_content .service_features .features_list li:nth-of-type(n+4) {
        border-top: 1px solid #dbdbdb;
}

#business_pet_content .service_features .features_list li:nth-of-type(3n+1) {
        border-left: 0;
}

#business_pet_content .service_features .feature_flow {
        margin: 80px auto 0;
        max-width: 632px;
        text-align: center;
}

#business_pet_content .service_price {
        padding: 0 0 80px;
}

#business_pet_content .service_price .hdL {
        margin-bottom: 96px;
}

#business_pet_content .service_price .banner {
        margin-bottom: 68px;
}

#business_pet_content .service_price .estimate_example h3 {
        margin-bottom: 6px;
        font-size: 24px;
        font-weight: bold;
}

#business_pet_content .estimate_example .bor {
        padding: 0 45px;
        border: 1px solid #dbdbdb;
}

#business_pet_content .estimate_example .row {
        display: flex;
        padding: 40px 0;
}

#business_pet_content .estimate_example .row+.row {
        border-top: 1px solid #dbdbdb;
}

#business_pet_content .estimate_example .order .item {
        width: 50%;
}

#business_pet_content .estimate_example .order .item2 {
        padding-left: 50px;
        box-sizing: border-box;
}

#business_pet_content .estimate_example .data .item {
        padding: 0 45px;
        text-align: center;
}

.estimate_example .data .item3 {
        width: 35%;
        border-right: 1px solid #dbdbdb;
}

#business_pet_content .estimate_example .data .item4 {
        width: 65%;
}

#business_pet_content .estimate_example .hd01 {
        margin: 0 0 56px;
        font-weight: 400;
}

#business_pet_content .estimate_example .hd01 .foucs {
        display: inline-block;
        margin-bottom: 5px;
        /* border-bottom: 1px solid #111; */
        text-decoration: underline;
        font-weight: bold;
        letter-spacing: 0;
}

#business_pet_content .estimate_example .hd02 {
        margin: 0 0 34px;
        text-align: center;
}

#business_pet_content .estimate_example .hd02 span {
        display: inline-block;
        padding: 8px 36px;
        border: 1px solid #757575;
        font-size: 16px;
        font-weight: 400;
}

#business_pet_content .estimate_example .hd03 {
        margin-bottom: 16px;
        padding: 10px;
        background: #03a274;
        text-align: center;
        color: #fff;
        font-weight: bold;
}

#business_pet_content .estimate_example .hd04 {
        margin-bottom: 24px;
        text-align: center;
        line-height: 1.75;
        font-size: 16px;
        font-weight: 400;
}

#business_pet_content .estimate_example .hd04 .big {
        font-size: 20px;
}

#business_pet_content .estimate_example .hd04 .foucs {
        font-weight: bold;
}

#business_pet_content .estimate_example .order .case {
        display: flex;
        align-items: flex-end;
        justify-content: center;
}

#business_pet_content .estimate_example .order .case .img {
        width: 54%;
        max-width: 250px;
}

#business_pet_content .estimate_example .order .case .num {
        margin-left: 25px;
        font-size: 23px;
        font-weight: bold;
}

#business_pet_content .estimate_example .order .case .num span {
        font-size: 32px;
}

#business_pet_content .estimate_example .data .common_data {
        text-align: center;
        font-weight: 400;
}

#business_pet_content .estimate_example .data .formula {
        margin-bottom: 36px;
        font-size: 16px;
}

#business_pet_content .estimate_example .data .formula .num {
        font-size: 20px;
}

#business_pet_content .estimate_example .data .price {
        position: relative;
        padding-top: 22px;
        font-weight: 400;
}

#business_pet_content .estimate_example .data .price:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        border-top: 10px solid #b2c0c0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
}

#business_pet_content .estimate_example .data .price .num {
        font-size: 25px;
        font-weight: bold;
}

#business_pet_content .estimate_example .data .item4 img {
        max-width: 360px;
}

#business_pet_content .service_price .notes {
        margin-top: 8px;
        line-height: 1.3;
        color: #2f2f2f;
        font-size: 13px;
        font-weight: 400;
}

#business_pet_content .service_orderflow {
        padding: 60px 0 30px;
        margin-bottom: 50px;
        background-color: #e4eeee;
}

#business_pet_content .service_orderflow ul {
        display: flex;
        flex-wrap: wrap;
        margin-left: -62px;
}

#business_pet_content .service_orderflow li {
        position: relative;
        margin: 70px 0 70px 62px;
        width: calc(100%/3 - 62px);
        background: #e4eeee;
}

#business_pet_content .service_orderflow li:before {
        content: "";
        position: absolute;
        top: 50%;
        left: -38px;
        transform: translateY(-50%);
        border-left: 17px solid #b2c0c0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
}

#business_pet_content .service_orderflow li:nth-of-type(3n+1):before {
        content: none;
}

#business_pet_content .service_orderflow li .step {
        position: absolute;
        left: 0;
        bottom: calc(100% + 30px);
        width: 100%;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        margin: 0;
}

#business_pet_content .service_orderflow li .con {
        display: flex;
        flex-direction: column;
        padding: 30px 45px 30px;
        background-color: #fff;
}

#business_pet_content .service_orderflow li .icon {
        margin: 0 auto 15px;
        max-width: 125px;
        text-align: center;
}

#business_pet_content .service_orderflow li .tit {
        margin-top: 0;
        margin-bottom: 20px;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
}

#business_pet_content .service_orderflow li .txt {
        margin: 0;
        line-height: 1.4;
        font-size: 17px;
        font-weight: 400;
}

#business_pet_content .service_orderflow li .note {
        margin-top: 10px;
        text-indent: -1em;
        line-height: 1.23;
        font-size: 15px;
        font-weight: 400;
}

/* sp */
@media screen and (min-width: 959px) {
        #business_pet_content .service_anchorlinks li a:hover {
                background: #6f6f6f;
                color: #fff;
        }
}

@media screen and (max-width: 767px) {
        #business_pet_content .business_teaser {
                margin: 0 -20px;
                padding: 0;
        }

        #business_pet_content .business_teaser h2 {
                left: 20px;
                top: 15%;
                font-size: 24px;
        }

        #business_pet_content .business_novelty {
                padding: 50px 0;
        }

        #business_pet_content .business_novelty .checkboxs li {
                padding: 3px 0 3px 26px;
                margin: 15px 0;
                background-position: left 10px;
                background-size: 15px;
        }

        #business_pet_content .service_anchorlinks {
                margin-left: -10px;
        }

        #business_pet_content .service_anchorlinks li {
                margin: 0 0 10px 10px;
                width: calc(50% - 10px);
        }

        #business_pet_content .service_anchorlinks li a {
                height: 36px;
        }

        #business_pet_content .service_features {
                padding: 50px 0;
        }

        #business_pet_content .service_features .features_list li {
                padding: 16px 12px;
        }

        #business_pet_content .features_list li .txt {
                margin-top: 10px;
                font-size: 13px;
        }

        #business_pet_content .service_features .features_list li:nth-of-type(3n+1) {
                border-left: 1px solid #dbdbdb;
        }

        #business_pet_content .service_features .features_list li:nth-of-type(2n+1) {
                border-left: 0;
        }

        #business_pet_content .service_features .features_list li:nth-of-type(n+3) {
                border-top: 1px solid #dbdbdb;
        }

        #business_pet_content .service_features .feature_flow {
                margin-top: 40px;
                max-width: 90%;
        }

        #business_pet_content .service_price {
                padding: 0 0 40px;
        }

        #business_pet_content .service_price .hdL {
                margin-bottom: 48px;
        }

        #business_pet_content .service_price .banner {
                margin-bottom: 34px;
        }

        #business_pet_content .service_price .estimate_example h3 {
                font-size: 16px;
        }

        #business_pet_content .estimate_example .bor {
                padding: 0 20px;
        }

        #business_pet_content .estimate_example .row {
                display: block;
                padding: 20px 0;
                text-align: center;
        }

        #business_pet_content .estimate_example .order .item {
                width: auto;
        }

        #business_pet_content .estimate_example .order .item2 {
                padding: 25px 0 0;
        }

        #business_pet_content .estimate_example .data .item3 {
                padding: 0 0 20px;
                width: auto;
                border-right: 0;
                border-bottom: 1px solid #dbdbdb;
        }

        #business_pet_content .estimate_example .data .item4 {
                padding: 20px 0 0;
                width: auto;
        }

        #business_pet_content .estimate_example .hd01 {
                margin-bottom: 25px;
        }

        #business_pet_content .estimate_example .hd02 {
                margin: 0 0 18px;
        }

        #business_pet_content .estimate_example .hd02 span {
                padding: 4px 20px;
                font-size: 14px;
        }

        #business_pet_content .estimate_example .hd04 {
                margin-bottom: 12px;
                font-size: 14px;
        }

        #business_pet_content .estimate_example .hd04 .big {
                font-size: 16px;
        }

        #business_pet_content .estimate_example .order .case .num {
                margin-left: 16px;
                font-size: 18px;
        }

        #business_pet_content .estimate_example .order .case .num span {
                font-size: 24px;
        }

        #business_pet_content .estimate_example .data .formula {
                margin-bottom: 20px;
                font-size: 14px;
        }

        #business_pet_content .estimate_example .data .formula .num {
                font-size: 16px;
        }

        #business_pet_content .estimate_example .data .price .num {
                font-size: 20px;
        }

        #business_pet_content .service_price .notes {
                font-size: 13px;
        }

        #business_pet_content .service_orderflow {
                padding: 30px 0 0;
        }

        #business_pet_content .service_orderflow ul {
                display: block;
                margin-left: 0;
        }

        #business_pet_content .service_orderflow li {
                position: relative;
                margin: 70px auto;
                width: 90%;
        }

        #business_pet_content .service_orderflow li:before {
                content: "";
                position: absolute;
                top: -55px;
                left: 50%;
                transform: translateX(-50%);
                border-top: 8px solid #b2c0c0;
                border-bottom: 0;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
        }

        #business_pet_content .service_orderflow li:nth-of-type(4n):before {
                content: "";
        }

        #business_pet_content .service_orderflow li .con {
                padding: 20px 35px 30px;
        }

        #business_pet_content .service_orderflow li .step {
                bottom: calc(100% + 6px);
                width: 100%;
                text-align: center;
                font-size: 20px;
                margin: 0;
        }

        #business_pet_content .service_orderflow li .icon {
                margin-bottom: 10px;
                margin-top: 0;
                max-width: 80px;
        }

        #business_pet_content .service_orderflow li .tit {
                margin-bottom: 10px;
                margin-top: 0;
                font-size: 16px;
        }

        #business_pet_content .service_orderflow li .txt {
                font-size: 13px;
                margin: 0;
        }

        #business_pet_content .service_orderflow li .note {
                font-size: 12px;
        }

}


/* case.html */
#business_pet_content .case_teaser {
        text-align: center;
}

#business_pet_content .case_teaser .hdL {
        margin-bottom: 25px;
        font-size: 28px;
}

#business_pet_content .case_included {
        padding: 50px 0;
        letter-spacing: 0.05em;
        font-size: 16px;
        font-weight: 400;
}

#business_pet_content .case_included .inner {
        max-width: 900px;
}

#business_pet_content .case_included .hdL {
        margin-bottom: 50px;
        font-size: 30px;
}

#business_pet_content .case_included .case_data {
        padding: 10px 0;
        margin-bottom: 48px;
        border-top: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
}

#business_pet_content .case_included .case_data .item {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 10px 0;
}

#business_pet_content .case_included .case_data .th {
        padding: 6px 0;
        width: 150px;
        border: 1px solid #757575;
        text-align: center;
}

#business_pet_content .case_included .case_data .td {
        padding: 6px 0;
        width: calc(100% - 176px);
}

#business_pet_content .case_included .case_data a {
        text-decoration: underline;
}

#business_pet_content .case_included .case_data2 dl {
        display: flex;
        justify-content: space-between;
        padding: 0;
        margin: 36px 0;
}

#business_pet_content .case_included .case_data2 dt {
        position: relative;
        padding-right: 10px;
        width: 140px;
}

#business_pet_content .case_included .case_data2 dt:after {
        content: "";
        position: absolute;
        right: 0;
        width: 5px;
        height: 100%;
        background: #dbdbdb;
        border-radius: 10px;
}

#business_pet_content .case_included .case_data2 dd {
        margin: 0;
        width: calc(100% - 178px);
        line-height: 1.625;
}

#business_pet_content .case_included .case_data2 li {
        padding-left: 1.6em;
        text-indent: -1.6em;
}

#business_pet_content .case_included .txt_description {
        line-height: 1.625;
}

#business_pet_content .case_included .display_imgs,
#business_pet_content .case_included .display_imgs_twin {
        display: flex;
        justify-content: space-between;
        margin: 90px 0;
}

#business_pet_content .case_included .display_imgs .img1 {
        width: 57.888%;
}

#business_pet_content .case_included .display_imgs .img2 {
        width: 41.777%;
}

#business_pet_content .display_imgs_twin .img1 {
        flex-basis: 34%;
}

#business_pet_content .display_imgs_twin .img2 {
        flex-basis: 60%;
}

#business_pet_content .case_included .case_part {
        margin-bottom: 60px;
}

#business_pet_content .case_included .align_c {
        text-align: center;
}

#business_pet_content .case_included .case_part .head {
        margin-bottom: 32px;
        padding: 0 0 10px;
        border-bottom: 1px solid #191919;
        font-size: 24px;
        font-weight: 400;
}

#business_pet_content .case_included .case_part .part {
        margin-bottom: 40px;
}

#business_pet_content .case_included .case_part .tit {
        margin-bottom: 12px;
        font-size: 18px;
        font-weight: bold;
}

#business_pet_content .case_included .case_part .txt {
        margin-bottom: 12px;
        line-height: 1.625;
}

#business_pet_content .case_included .cooperate {
        padding: 18px 26px;
        background: #f0f0f0;
        line-height: 1.5625;
}




@media screen and (min-width: 959px) {
        #business_pet_content .case_included .case_data a:hover {
                text-decoration: none;
        }
}

@media screen and (max-width: 767px) {
        #business_pet_content .case_teaser .hdL {
                margin-bottom: 15px;
                font-size: 20px;
        }

        /* .case_teaser .img {
                margin: 0 -20px;
        } */

        #business_pet_content .case_included {
                padding: 25px 0;
                font-size: 14px;
        }

        #business_pet_content .case_included .hdL {
                margin-bottom: 20px;
                font-size: 16px;
                text-align: left;
        }

        #business_pet_content .case_included .case_data {
                padding: 5px 0;
                margin-bottom: 25px;
        }

        #business_pet_content .case_included .case_data .item {
                margin: 5px 0;
        }

        #business_pet_content .case_included .case_data .th {
                padding: 3px 0;
                width: 110px;
        }

        #business_pet_content .case_included .case_data .td {
                padding: 3px 0;
                width: calc(100% - 120px);
        }

        #business_pet_content .case_included .case_data2 dl {
                margin: 20px 0;
        }

        #business_pet_content .case_included .case_data2 dt {
                width: 100px;
        }

        #business_pet_content .case_included .case_data2 dt:after {
                width: 3px;
        }

        #business_pet_content .case_included .case_data2 dd {
                width: calc(100% - 122px);
        }

        #business_pet_content .case_included .case_data2 li {
                font-size: 14px;
        }

        #business_pet_content .case_included .display_imgs,
        #business_pet_content .case_included .display_imgs_twin {
                display: block;
                margin: 30px 0;
        }

        #business_pet_content .case_included .display_imgs .img1 {
                padding: 0 30px 10px;
                width: auto;
        }

        #business_pet_content .case_included .display_imgs .img2 {
                padding: 0 30px;
                width: auto;
        }

        #business_pet_content .case_included .display_imgs_twin .img1 {
                padding: 0 30px 10px;
                flex-basis: auto;
        }

        #business_pet_content .case_included .display_imgs_twin .img2 {
                padding: 0 30px;
                flex-basis: auto;
        }

        #business_pet_content .case_included .case_part {
                margin-bottom: 40px;
        }

        #business_pet_content .case_included .case_part .part {
                margin-bottom: 24px;
        }

        #business_pet_content .case_included .case_part .head {
                margin-bottom: 16px;
                padding: 0 0 6px;
                font-size: 18px;
        }

        #business_pet_content .case_included .case_part .tit {
                margin-bottom: 8px;
                font-size: 15px;
        }

        #business_pet_content .case_included .case_part .txt {
                margin-bottom: 8px;
                font-size: 12px;
        }
}


/* 調整用 */

.mt10 {
        margin-top: 10px !important;
}

.mt15 {
        margin-top: 15px !important;
}

.mt20 {
        margin-top: 20px !important;
}

.text_l {
        text-align: left !important;
}

#business_pet_content p a.underline {
        text-decoration: underline;
}

#business_pet_content .case_included .case_part .pdf_a p {
        text-align: center;
        font-weight: bold;
        letter-spacing: 1.5px;
        line-height: 1.5;
}

@media screen and (min-width: 959px) {
        #business_pet_content p a.underline:hover {
                text-decoration: none;
        }
}

#business_pet_content .case_teaser .create p {
        font-size: 11px;
        text-align: right;
}


.pc {
        display: block !important;
}

.sp {
        display: none !important;
}

@media only screen and (max-width: 767px) {
        .pc {
                display: none !important;
        }

        .sp {
                display: block !important;
        }

        /* 
    #business_pet_content .business_situations .hdL {
      text-align: left;
    } */
}


/* @media only screen and (max-width: 1200px) {
  .download_view a {
    padding: 0 10% 0 32%;
  }
} */

/* 調整用 */


/* 20240508 EDIT */


#business_pet_content .btn_area {
        margin: auto;
        text-align: center;
}

#business_pet_content .btn_area_sub {
        margin: 80px 0 0;
}

#business_pet_content .service_features .btn_area_sub {
        margin: 70px 0 0;
}

#business_pet_content .small {
        font-size: 80%;
}

#business_pet_content .btn_link2 .small {
        font-size: 18px;
}

#business_pet_content .btn_link2 {
        margin-bottom: 10px;
        text-align: center;
}

#business_pet_content .btn_link2 a {
        display: block;
        /* align-items: center;
        justify-content: center; */
        width: 500px;
        margin: auto;
        padding: 20px 40px;
        /* height: 60px; */
        color: #fff;
        background: linear-gradient(to right, #3FCECC, #01A274);
        border-radius: 60px;
        /* border: 1px solid #6f6f6f; */
        font-size: 28px;
        font-weight: bold;
        line-height: 1.3;
}


#business_pet_content .btn_link3 a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        /* position: absolute;
    top: 35%; */
        width: 550px;
        height: 80px;
        margin: 60px auto 60px;
        border-radius: 8px;
        text-decoration: none;
        text-align: center;
        line-height: 42px;
        font-size: 28px;
        font-weight: bold;
        color: #fff;
        /* text-shadow: rgba(0, 0, 0, 0.3) -1px -1px 1px; */
        /* border: 1px solid rgb(210, 104, 2); */
        background: #01A274;
        /* background: linear-gradient(rgb(253, 154, 0), rgb(252, 108, 0)) rgb(252, 108, 0); */
}

#business_pet_content .btn_link4 {
        margin-top: auto;
}

#business_pet_content .btn_link4 a {
        display: block;
        /* position: absolute;
    top: 35%; */
        max-width: 450px;
        margin: auto;
        padding: 5px 10px;
        border-radius: 8px;
        text-decoration: none;
        text-align: center;
        line-height: 42px;
        font-size: 17px;
        font-weight: bold;
        color: #fff;
        /* text-shadow: rgba(0, 0, 0, 0.3) -1px -1px 1px; */
        /* border: 1px solid #02825d; */
        /* background: #01A274; */
        background: linear-gradient(#01A274, #3FCECC) #3FCECC;
}

#business_pet_content .service_orderflow li:nth-child(-n+3) .con {
        height: 450px;
}

@media screen and (min-width: 959px) {

        #business_pet_content .btn_link2 a:hover,
        #business_pet_content .btn_link3 a:hover,
        #business_pet_content .btn_link4 a:hover {
                /* background: #6f6f6f; */
                opacity: 0.5;
                color: #fff;
        }

}

@media screen and (max-width: 767px) {
        #business_pet_content .btn_area_sub {
                margin: 40px 0 0;
        }

        #business_pet_content .btn_link2 {
                margin-top: 28px;
        }

        #business_pet_content .btn_link2 a {
                width: 90%;
                font-size: 18px;
                padding: 15px 5px;
        }

        #business_pet_content .btn_link2 .small {
                font-size: 12px;
        }

        #business_pet_content .btn_link3 a {
                width: 90%;
                height: 40px;
                font-size: 16px;
                margin-top: 30px;
                margin-bottom: 30px;
        }

        #business_pet_content .btn_link4 {
                margin-top: 10px;
                margin-bottom: 0;
        }

        #business_pet_content .service_orderflow li .con:nth-child(-n+3) {
                height: inherit;
        }

        #business_pet_content .business_about .btn_link {
                margin-bottom: 15px;
        }

        #business_pet_content .service_features .btn_area_sub {
                margin: 35px 0 0;
        }

}


#business_pet_content .business_novelty .case_container .hdL {
        margin-top: 100px;
}

#business_pet_content .business_novelty .case_inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 50px;
}

#business_pet_content .business_novelty .case_inner .case_box {
        width: calc(100% / 2.5);
        padding: 20px;
        background-color: #f1f8f5;
        margin: 10px;
}

#business_pet_content .business_novelty .case_inner .case_box .case_column p.txt {
        font-size: 15px;
        line-height: 1.4;
}

#business_pet_content .business_novelty .case_inner .case_box .case_column img {
        max-width: 80px;
}

#business_pet_content .business_novelty .case_inner .case_box .ttl_area {
        padding: 15px 0px;
        border-radius: 45px;
        background-color: #fff;
        text-align: center;
}

#business_pet_content .business_novelty .case_inner .case_box .ttl_area p.ttl {
        padding-left: 50px;
        display: inline-block;
        text-align: left;
        line-height: 1.4;
}

#business_pet_content .business_novelty .case_inner .case_box .ttl_area p.icon01 {
        background: url(../img/service/case_icon01.png?$staticlink$) no-repeat left center / 36px auto;
}

#business_pet_content .business_novelty .case_inner .case_box .ttl_area p.icon02 {
        background: url(../img/service/case_icon02.png?$staticlink$) no-repeat left center / 36px auto;
}

#business_pet_content .business_novelty .case_inner .case_box .ttl_area p.icon03 {
        background: url(../img/service/case_icon03.png?$staticlink$) no-repeat left center / 36px auto;
}

#business_pet_content .business_novelty .case_inner .case_box .ttl_area p.icon04 {
        background: url(../img/service/case_icon04.png?$staticlink$) no-repeat left center / 36px auto;
}

#business_pet_content .business_novelty .case_inner .case_box .case_column {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        padding-top: 20px;
}

#business_pet_content .business_novelty p.txt_case {
        text-align: center;
        margin-bottom: 50px;
        font-size: 21px;
}

@media screen and (max-width: 767px) {
        #business_pet_content .business_novelty .case_inner {
                display: block;
        }

        #business_pet_content .business_novelty .case_inner .case_box {
                width: auto;
                margin: 0;
                padding: 20px;
                margin-bottom: 20px;
        }

        #business_pet_content .business_novelty .case_inner .case_box:last-of-type {
                margin-bottom: 0;
        }

        #business_pet_content .business_novelty .case_inner .case_box .ttl_area {
                padding: 10px 0;
        }

        #business_pet_content .business_novelty .case_inner .case_box .case_column p.txt {
                padding-bottom: 10px;
                font-size: 14px;
        }

        #business_pet_content .business_novelty .case_inner .case_box .ttl_area p.icon01 {
                background: url(../img/service/case_icon01.png?$staticlink$) no-repeat left center / 25px auto;
        }

        #business_pet_content .business_novelty .case_inner .case_box .ttl_area p.icon02 {
                background: url(../img/service/case_icon02.png?$staticlink$) no-repeat left center / 25px auto;
        }

        #business_pet_content .business_novelty .case_inner .case_box .ttl_area p.icon03 {
                background: url(../img/service/case_icon03.png?$staticlink$) no-repeat left center / 25px auto;
        }

        #business_pet_content .business_novelty .case_inner .case_box .ttl_area p.icon04 {
                background: url(../img/service/case_icon04.png?$staticlink$) no-repeat left center / 25px auto;
        }

        #business_pet_content .business_novelty .case_inner .case_box .ttl_area p.ttl {
                padding-left: 35px;
        }

        #business_pet_content .business_novelty p.txt_case {
                font-size: 15px;
        }
}

#business_pet_content .case_list_h {
        margin: 30px 0 60px;
        text-align: center;
        font-size: 36px;
        line-height: 1.2;
        font-weight: bold;
}

#business_pet_content .case_list_inner {
        width: 1024px;
        margin: auto;
}

#business_pet_content .case_list {
        display: flex;
        flex-wrap: wrap;
}

#business_pet_content .case_list li {
        margin: 0 20px 80px 0;
        width: calc((100%/2) - 10px);
}

#business_pet_content .case_list li:nth-child(2n) {
        margin-right: 0;
}

#business_pet_content .case_list li .item_i img {
        margin: 0 auto 24px;
        max-width: 400px;
        text-align: center;
}

#business_pet_content .case_list li .item_body p {
        /* text-align: center; */
        line-height: 1.444;
}

#business_pet_content .case_list li .item_body p.item_txt {
        padding-top: 5px;
        font-weight: bold;
        color: #03a274;
}

#business_pet_content .case_list li .item_body p.item_txt span {
        font-size: 90%;
}

#business_pet_content .case_list .case_item .post a:hover img {
        opacity: 0.5;
        color: #fff;
}

#business_pet_content .case_list li .txt {
        margin-top: 20px;
        line-height: 1.4;
        font-size: 15px;
        font-weight: 400;
}

#business_pet_content .border_box {
        border: 1px solid #000;
        padding: 0 20px;
        margin-right: 10px;
}


@media screen and (max-width: 767px) {
        #business_pet_content .case_list_h {
                font-size: 1.8rem;
                margin: 20px 0 30px;
        }

        #business_pet_content .case_list_inner {
                width: 100%;
        }

        #business_pet_content .case_list {
                width: 100%;
        }

        #business_pet_content .case_list li {
                display: block;
                margin: auto;
        }

        #business_pet_content .case_list li {
                margin: 0 0 30px;
                width: 100%;
        }

        #business_pet_content .case_list li .img {
                margin-bottom: 12px;
                max-width: 400px;
        }

        #business_pet_content .case_item {
                padding-top: 15px;
                width: 100%;
                margin-bottom: 20px;
                padding-bottom: 15px;
                border-bottom: solid 1px #eee;
        }

        #business_pet_content .case_item:last-child {
                border-bottom: none;
        }

        #business_pet_content .item_i {
                display: table-cell;
                width: 151px;
                vertical-align: top;
        }

        #business_pet_content .item_body {
                display: table-cell;
                width: auto;
                vertical-align: top;
                padding-left: 20px;
        }

        #business_pet_content .post {
                position: relative;
                display: table;
                width: 92%;
                margin: 0 auto;
        }

        #business_pet_content .case_list li .item_body p {
                text-align: left;
        }

}

#business_pet_content .goods {
        margin-bottom: 60px;
}

#business_pet_content .goods .item_inner {
        max-width: 440px;
        margin: auto;
}

#business_pet_content .goods .item_inner h2 {
        text-align: center;
        margin-bottom: 10px;
        font-size: 28px;
}

#business_pet_content .goods .item_inner .g_item_i {
        text-align: center;
}

#business_pet_content .goods .item_inner .g_item_i img {
        margin: 0 auto 24px;
}

#business_pet_content .goods .item_inner a:hover img {
        opacity: 0.5;
        color: #fff;
}

#business_pet_content .g_item_body .g_item_txt {
        text-align: left;
        font-weight: bold;
        color: #03a274;
}



@media screen and (max-width: 767px) {
        #business_pet_content .goods .item_inner h2 {
                font-size: 18px;
        }
}

#business_pet_content .goods .goods_inner {
        width: 900px;
        margin: auto;
}

#business_pet_content .goods .goods_inner h2 {
        text-align: center;
        margin-bottom: 10px;
        font-size: 28px;
}

#business_pet_content .goods_list {
        display: flex;
        flex-wrap: wrap;
}

#business_pet_content .goods_list li {
        margin: 0 20px 80px 0;
        width: calc((100%/2) - 10px);
}

#business_pet_content .goods_list li:nth-child(2n) {
        margin-right: 0;
}

#business_pet_content .goods_list li .item_i img {
        margin: 0 auto 24px;
        max-width: 400px;
        text-align: center;
}

#business_pet_content .goods_list li .item_body p {
        text-align: center;
        line-height: 1.444;
}

#business_pet_content .goods_list li .item_body p.item_txt {
        padding-top: 5px;
        font-weight: bold;
        color: #03a274;
}

#business_pet_content .goods_list li .item_body p.item_txt span {
        font-size: 90%;
}

#business_pet_content .goods_list .goods_item .item_inner a:hover img {
        opacity: 0.5;
        color: #fff;
}

#business_pet_content .goods_list li .txt {
        margin-top: 20px;
        line-height: 1.4;
        font-size: 15px;
        font-weight: 400;
}

#business_pet_content .border_box {
        border: 1px solid #000;
        padding: 0 20px;
        margin-right: 10px;
}

#business_pet_content .h2_i {
        margin-bottom: 50px;
}

@media screen and (max-width: 928px) {
        #business_pet_content .goods .goods_inner {
                width: 100%;
        }
}


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

        #business_pet_content .h2_i {
                margin-bottom: 20px;
        }

        #business_pet_content .goods_list {
                display: block;
                width: 100%;
        }

        #business_pet_content .goods_list li {
                display: block;
                margin: 0 auto 30px;
                width: 100%;
        }

        #business_pet_content .goods_list li:nth-child(2n) {
                margin: 0 auto 30px;
        }

        #business_pet_content .goods .goods_inner .item_i {
                width: 100%;
        }

        .goods_list li .item_i img {
                margin: 0 auto 12px;
        }

        #business_pet_content .item_inner {
                position: relative;
                display: table;
                margin: 0 auto;
        }

}


#business_pet_content .case_included .cooperate p a {
        text-decoration: underline;
}

#business_pet_content .case_included .cooperate p a:hover {
        text-decoration: none;
}



#business_pet_content .case_included .case_data .item2 .th {
        line-height: 2;
}

#business_pet_content .case_included .case_data .item2 a {
        line-height: 1.2;
}

#business_pet_content .txt_sns {
        display: inline-flex;
        margin: 10px 0;
}

#business_pet_content .align-items_c {
        align-items: center;
}

#business_pet_content .txt_sns .rm {
        margin-right: 15px;
}

#business_pet_content .txt_sns a:hover img {
        opacity: 0.5;
        color: #fff;
}

#business_pet_content .cooperate .sns_icon {
        margin: 0 10px;
        width: 20px;
}

#business_pet_content  .page-top {
        display: block;
        width: 50px;
        height: 50px;
        background-color: #2158a5;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        right: 40px;
        bottom: 40px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.5s, visibility 0.5s;
}

#business_pet_content .page-top.is-visible {
        opacity: 1;
        visibility: visible;
}

#business_pet_content .page-top::before {
        content: "";
        width: 12px;
        height: 12px;
        margin-bottom: -6px;
        border-top: solid 3px #fff;
        border-right: solid 3px #fff;
        transform: rotate(-45deg);
}


#business_pet_content .Bnr {
        margin: 0 auto;
        display: none;
}

#business_pet_content .Bnr ul.fixed_btn {
        display: flex;
        justify-content: center;
        max-width: 870px;
        width: 85%;
        margin: auto;
}

#business_pet_content .Bnr .Bnr__img {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        transition-duration: .3s;
        box-sizing: border-box;
        background-color: #eeeded;
        z-index: 88;
}

#business_pet_content .Bnr__img__inner {
        box-sizing: border-box;
        padding: 10px 0;
        /* padding: 10px; */
}

#business_pet_content .Bnr .Bnr__img__inner a {
        display: flex;
}

#business_pet_content .Bnr .Bnr__img p.close {
        position: absolute;
        right: 10px;
        top: 10px;
}

#business_pet_content .Bnr .Bnr__img p.close a {
        display: block;
        width: 20px;
        height: 25px;
        text-align: center;
}

#business_pet_content .Bnr .Bnr__img p.close a span {
        display: block;
        width: 1px;
        height: 1px;
        overflow: hidden;
}

#business_pet_content .Bnr .Bnr__img p.close a i {
        font-size: 20px;
        z-index: 888;
        color: #222;
}


#business_pet_content .service_orderflow .Bnr__img{
        max-width: 1120px;
        padding: 0 20px;
        margin: 0 auto;
}


#business_pet_content .fixed_btn li {
        margin: 0 10px 0;
}

#business_pet_content .fixed_btn li::before{
        content: none;
}

#business_pet_content .fixed_btn li a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 150px;
        padding: 12px 35px;
        /* padding: 0 40px; */
        /* height: 40px; */
        border-radius: 8px;
        line-height: 1.6;
        font-weight: bold;
}

#business_pet_content .fixed_btn li a:hover {
        opacity: 0.5;
}

#business_pet_content .fixed_btn li.white a {
        background: #fff;
        border: 2px solid #03a274;
        color: #03a274;
        text-align: center;
        font-size: 18px;
}

@media screen and (max-width: 767px) {
 #business_pet_content .fixed_btn li.white a{
        font-size: 14px;
 }       
}

#business_pet_content .fixed_btn li.green a {
        font-size: 20px;
        background: #03a274;
        border: 2px solid #03a274;
        color: #fff;
        text-align: center;
}

#business_pet_content .fixed_btn li.green {
        flex-grow: 1;
}


#business_pet_content .fixed_btn.service_inner{
        margin-left: 0!important;
}


body {
        margin-bottom: 95px;
}


/*  */

#business_pet_content .btn_link_case li a {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px 0;
        padding: 5px 40px;
        border-radius: 8px;
        line-height: 1.6;
        font-weight: bold;
}

#business_pet_content .btn_link_case li .green {
        background: #03a274;
        border: 2px solid #03a274;
        color: #fff;

}

#business_pet_content .btn_link_case li .white {
        background: #fff;
        border: 2px solid #03a274;
        color: #03a274;

}





#business_pet_content .btn_link_case li a:hover {
        opacity: 0.5;
}

#business_pet_content .case_top_list .post_tag li {
        width: fit-content;
        vertical-align: middle;
        margin: 5px 0;
        padding: 5px 5px;
        border-radius: 2px;
        font-size: 13px;
}

#business_pet_content .case_top_list .post_tag li.green {
        color: #fff;
        background: #03a274;
}

#business_pet_content .case_top_list .post_tag li.white {
        color: #03a274;
        background: #fff;
        border: 1px solid #03a274;
}


#business_pet_content .fixed_btn li a span.free {
        font-size: 17px;
        margin-left: 10px;
        padding: 2px 10px;
        background: #fff;
        color: #03a274;
        border-radius: 5px;
}

#business_pet_content .case_top_list {
        display: flex;
        justify-content: space-between;
}

#business_pet_content .case_top_list>li {
        width: 30%;
        background-color: #fff;
}

#business_pet_content .case_top_list li a {
        display: block;
        height: 100%;
}

#business_pet_content .case_top_list .flex_column {
        display: flex;
        height: 100%;
        flex-direction: column;
}

#business_pet_content .case_top_list .flex_column div:nth-child(n+2) {
        padding: 0 10px;
}

#business_pet_content .case_top_list .flex_column div:last-child {
        padding: 0;
}

#business_pet_content .case_top_list li .btn_b {
        margin-top: auto;
}

#business_pet_content .case_top_list li .btn_b .t_link {
        margin-top: 20px;
}

#business_pet_content .case_top_list li .btn_b .icon {
        text-align: right;
}

#business_pet_content .case_top_list li .btn_b img {
        width: 50px;
        height: 50px;
}


#business_pet_content .case_top_list li .btn_b {
        height: 50px;
        position: relative;
        cursor: pointer;
        background: url(../img/pet/icon_next.png) no-repeat right 0px bottom;
        background-size: 50px;
        font-weight: 400;
        line-height: 1.5;
}

#business_pet_content .btn_link_case li .green {
        background: #03a274;
        border: 2px solid #03a274;
        color: #fff;

}

#business_pet_content .btn_link_case li .white {
        background: #fff;
        border: 2px solid #03a274;
        color: #03a274;

}


#business_pet_content .business_cases h3.hdL {
        margin: 20px 0 10px;
        text-align: left;
        line-height: 1.5;
        font-weight: bold;
        font-size: 20px;
        height: 60px;
}

#business_pet_content .business_cases h4.hdL {
        margin-bottom: 20px;
        text-align: left;
        line-height: 1.5;
        font-weight: bold;
        font-size: 16px;
        height: 100px;
}

.business_cases .case_top_list a:hover {
        opacity: 0.5;
        color: #fff;
}




@media screen and (max-width: 960px) {
        #business_pet_content .fixed_btn li a {
                padding: 12px 10px;
        }
}

@media screen and (max-width: 767px) {
        #business_pet_content .case_top_list {
                display: block;
        }

        #business_pet_content .case_top_list>li {
                width: 100%;
                margin: 0 0 40px;
        }

        #business_pet_content .business_cases h3.hdL {
                margin: 20px 0 20px;
                font-size: 18px;
                height: auto;
        }

        #business_pet_content .business_cases h4.hdL {
                margin-bottom: 20px;
                font-size: 16px;
                height: auto;
        }

        #business_pet_content .Bnr ul.fixed_btn {
                width: 100%;
                margin: 0;
                padding: 0;
        }

        #business_pet_content .fixed_btn li {
                display: flex;
                flex-direction: column;
                margin: 0;
                text-align: center;
                flex-grow: 1;
        }

        #business_pet_content .fixed_btn li.green {
                flex-grow: 3;
        }

        #business_pet_content .fixed_btn li a {
                /* display: block; */
                display: flex;
                flex-direction: column;
                padding: 10px 5px;
                min-width: auto;
                border-radius: 0;
                flex-grow: 1;
        }

        #business_pet_content .fixed_btn li a span.free {
                font-size: 12px;
                margin-left: 0;
                padding: 2px 12px;
        }

        #business_pet_content .fixed_btn li.green a {
                font-size: 17px;
                border: 2px solid #03a274;
        }

        #business_pet_content .btn_link_case li a {
                min-width: inherit;
        }

        #business_pet_content .btn_link_case {
                text-align: center;
        }

        #business_pet_content .case_top_list li a {
                height: auto;
        }

        #business_pet_content .case_top_list .flex_column {
                height: auto;
        }


        #business_pet_content .Bnr .Bnr__img {
                background: #fff;
        }

        #business_pet_content .Bnr__img__inner {
                padding: 0;
        }

        body {
                margin-bottom: 64px;
        }
}

#business_pet_content .products_photos .hdL.pet_title{
        line-height: 1.4em;
}

#swiper-example {
        margin: 20px auto;
}

#swiper-example h2 {
        text-align: center;
        margin: 0 0 40px;
        font-size: clamp(15px, 2.5vw, 25px);
}

#business_pet_content .swiper {
        width: 100%;
        height: auto;
        margin: 0.5rem auto;
        max-width: 1020px;
}

@media screen and (max-width: 1040px) {
        #business_pet_content .swiper {
                width: 95%;
                height: auto;
                margin: 0.5rem auto;
                max-width: 1020px;
        }
}

#business_pet_content .swiper-slide.pet-ex-slide {
        height: 200px;
}

#business_pet_content .swiper-slide img {
        user-select: none;
}

#business_pet_content .pet-ex-slide {
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
}

@media screen and (max-width: 767px) {
        #swiper-example {
                margin: 20px auto 40px;
        }

        #business_pet_content .swiper {
                width: 91%;
        }

        #business_pet_content .swiper-slide.pet-ex-slide {
                height: 64vw;
        }

}

#business_pet_content .title_marker {
        background: linear-gradient(transparent 60%, #2df5d6 40%);
}

#business_pet_content .pet_product{
background-color: #f0f0f0;
padding-top: 30px;
margin-top: 30px;
}


#business_pet_content .pet_product h2 {
        font-size: 30px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 30px;
        }


#business_pet_content .pet_product p {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        padding: 0;
}

@media screen and (max-width: 767px) {
      #business_pet_content .pet_product h2 {
        font-size: 26px;
        }

#business_pet_content .pet_product p {
        font-size: clamp(13px, 3.5vw, 20px);
        padding: 0 10px;
}
}


#business_pet_content .products_container_inner {
        max-width: 1020px;
        margin: 50px auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0 20px 40px;
        justify-content: space-between;
        gap: 50px 0;
}

#business_pet_content .product_box {
        width: 30%;
}

#business_pet_content .product_box a{
          -webkit-tap-highlight-color: transparent; /* iOS Safari対策 */
  tap-highlight-color: transparent; /* Android Chrome対策 */
  outline: none;
}

#business_pet_content .product_box a:hover .product_text_box{
        opacity: 0.5;
}


#business_pet_content .product_text_box {
        margin: 15px 0;
        transition: opacity .3s ease;
}

#business_pet_content .product_title {
        color: #03a274;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 5px;
        line-height: 1.3em;
}

#business_pet_content .product_text {
        font-size: 14px;
}

#business_pet_content .product_box a:hover .swiper-slide{
        opacity: 0.7;
}

#business_pet_content .swiper-slide{
        transition: opacity .3s ease;
}

#business_pet_content .product_link_btn {
display: block;
font-size: 16px;
text-align: center;
background-color: #fff;
color: #03a274;
padding: 10px 15px;
border: 2px solid #03a274;
border-radius: 8px;
font-weight: bold;
transition: all .3s ease;
}

#business_pet_content .product_link_btn:hover {
background-color: #03a274;
color: #fff;
border: 2px solid #03a274;
}

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

#business_pet_content .pet_product{
background-color: #f0f0f0;
padding: 30px 10px 10px; 
}

#business_pet_content .products_container_inner {
        flex-direction: column;
        padding: 0 10px;
}

#business_pet_content .product_box {
        width: 100%;
}

#business_pet_content .product_box a:hover .product_text_box{
        opacity: 1;
}

#business_pet_content .product_box a:hover .swiper-slide{
        opacity: 1;
}

}


#business_pet_content .usage_example{
        max-width: 1020px;
        margin: 50px auto;
}

#business_pet_content .usage_example h2{
        font-size: 30px;
        text-align: center;
        margin-bottom: 0;
        font-weight: bold;
}
@media screen and (max-width: 767px) {
       #business_pet_content .usage_example h2{
        font-size: 26px;
} 
}

#business_pet_content .usage_inner{
        display: flex;
        flex-direction: row;
        padding: 40px 20px;
        justify-content: space-between;
        gap: 50px 0;
}

#business_pet_content .usage_box{
        width: 30%;
}

#business_pet_content .usage_box img{
        width: 100%;
}

#business_pet_content .usage_title{
        text-align: center;
        margin-bottom: 10px;
        font-size: clamp(14px, 2vw, 17px);
        font-weight: 500;
}

#business_pet_content .usage_effect_box{
        position: relative;
        margin-top: 30px;
        padding: 20px 20px 10px;
        border: 1px solid #000;
        line-height: 1.3;
}

#business_pet_content .effect_title{
        position: absolute;
        top:-15px;
        left: 0;
        background-color: #fff;
        padding: 5px 10px;
        font-size: 16px;
        font-weight: 500;
}

#business_pet_content .usage_effect_box li{
        font-size: clamp(11px, 1.3vw, 14px);
        margin-bottom: 5px;
        line-height: 1.4;
}

#business_pet_content .usage_text{
        margin: 10px 0;
        font-size: clamp(12px, 1.5vw, 15px);
        font-weight: 500;
        height: 65px;
        line-height: 1.3;
}

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

       #business_pet_content .usage_inner{
        flex-direction: column;
} 
#business_pet_content .usage_box{
        width: 100%;
}

#business_pet_content .usage_text{
font-size: clamp(14px, 2.6vw, 16px);
height: auto;
}

#business_pet_content .usage_title{
        font-size: clamp(17px, 4vw, 20px);
}

#business_pet_content .usage_effect_box li{
        font-size: clamp(13px, 2vw, 16px);
}

}

.pc_show{
        display: block;
}
.sp_show{
        display: none;
}
@media screen and (max-width: 767px) {
    .pc_show{
        display: none;
}
.sp_show{
        display: block;
}
}

#business_pet_content .swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow:hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

#business_pet_content .swiper-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  margin-bottom: 10px;
}

#business_pet_content .swiper-button-prev,
#business_pet_content .swiper-rtl .swiper-button-next {
  left: auto;
  right: 30px;
}

#business_pet_content .swiper-button-next,
#business_pet_content .swiper-rtl .swiper-button-prev {
  right: 0;
  left: auto;
}

#business_pet_content .swiper-horizontal > .swiper-scrollbar,
#business_pet_content .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 0;
  bottom: 10px;
  top: auto;
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: 93%;
}

@media screen and (max-width: 767px) {
#business_pet_content .swiper-horizontal > .swiper-scrollbar,
#business_pet_content .swiper-scrollbar.swiper-scrollbar-horizontal {
  width: 80%;
}
}