@charset "UTF-8";

#business_content {
        letter-spacing: 0.03em;
        font-size: 18px;
}

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

#business_content ul,
#business_content p,
#business_content h1,
#business_content h2,
#business_content h3 {
        margin: 0;
        padding: 0;
        list-style: none;
}

#business_content img {
        max-width: 100%;
}

.is-sp {
        display: none;
}


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

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

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

.breadcrumbs ul {
        margin: 0;
}


#business_content .hdL {
        margin-bottom: 40px;
        text-align: center;
        line-height: 1.5;
        font-weight: bold;
        font-size: 36px;
}

#business_content .products_photos h3.hdL,
#business_content .business_cases h3.hdL,
#business_content .business_lineup h3.hdL {
        font-size: 24px;
}

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

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

#business_content .btn_link {
        margin-top: 50px;
        text-align: center;
}

#business_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_content .txt_description {
        line-height: 1.778;
        font-weight: 400;
}

#business_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_content .btn_link a:hover {
                /* background: #6f6f6f; */
                opacity: 0.5;
                color: #fff;
        }

}

@media screen and (max-width: 767px) {
        .is-sp {
                display: block;
        }


        #business_content {
                font-size: 14px;
        }

        #business_content .hdL {
                margin-bottom: 30px;
                font-size: 22px;
        }

        #business_content .products_photos h3.hdL,
        #business_content .business_cases h3.hdL,
        #business_content .business_lineup h3.hdL {
                font-size: 16px;
        }

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

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

}


/* page */
.business_banner {
        margin-bottom: 60px;
}

.business_banner .display {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
}

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

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

#business_content .business_banner .hdL {
        margin-bottom: 30px;
        padding-left: 62px;
        text-align: left;
        line-height: 1.2;
}

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

.business_banner .hdL .eng {
        display: block;
        padding: 0 0 20px 0.7em;
        text-indent: -0.7em;
        line-height: 1.2;
        font-size: clamp(36px, 4.1vw, 58px);
}

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

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

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

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

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

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

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

.business_situations li {
        width: 25%;
}

/* .business_situations li img {
  object-fit: cover;
  width: 100%;
  height: 100%;
} */


.products_photos {
        margin-bottom: 10px;
}

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

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

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

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

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

.products_photos li .tit {
        color: #333333;
        letter-spacing: 0;
}
.products_photos .marker {
        background: linear-gradient(transparent 60%, #2df5d6 40%);
}

.business_about {
        padding: 50px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.business_lineup .lineup_swiper {
        overflow: hidden;
        position: relative;
        margin-bottom: 75px;
}

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

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

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

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

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

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

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

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

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

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

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

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

#business_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_content .product_list {
        display: flex;
        flex-wrap: wrap;
}

.product_list li {
        text-align: center;
}

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

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

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

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

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

.business_material {
        padding: 90px 0;
        border-top: 1px solid #dbdbdb;
}

#business_content .business_material .hdL {
        margin-bottom: 25px;
}

#business_content .business_material .txt_description {
        margin-bottom: 30px;
        text-align: center;
}

/* .download_view a {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  padding: 0 10% 0 28%;
  margin: 0 auto;
  max-width: 960px;
  height: 175px;
  background: url("../img/business/bg_btn.png")no-repeat center #202020;
  background-size: 100% 100%;
  border-radius: 100px;
  box-sizing: border-box;
  line-height: 1.6;
  color: #fff !important;
  font-size: 30px;
  font-weight: 400;
} */

.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/business/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) {
        .download_view a {
                /* font-size: 20px; */
                font-size: 22px;
        }
}

/* .download_view a:after {
  content: "";
  position: absolute;
  right: 62px;
  top: 0;
  width: 42px;
  height: 100%;
  background: url("../img/business/icon_download.png")no-repeat center;
  background-size: 100%;
} */
.download_view .eng {
        /* font-size: 24px; */
        font-size: 32px;
        font-weight: bold;
}

.business_material .banner {
        position: relative;
        margin-top: 100px;
}

.business_material .banner .con {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 100%;
}

#business_content .business_material .banner .hd01 {
        margin: 24px 0;
        line-height: 1.42;
        text-align: center;
        font-size: 31px;
        font-weight: bold;
}

.business_material .banner .hd01 .small {
        font-size: 26px;
}

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

.toggleBox {
        display: none;
}

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

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

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

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

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

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

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

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

.blog_servicearea {
        padding: 90px 0;
}

#business_content .blog_servicearea ul {
        display: flex;
        flex-wrap: wrap;
        margin-left: -22px;
}

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


/* sp */

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

/* 0405追加 */

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

        .download_view a:hover {
                opacity: 0.7;
        }

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

}

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

        .business_banner {
                margin-bottom: 20px;
        }

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

        .business_banner .display .info {
                order: 2;
                padding: 0 0 20px;
                width: auto;
        }

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

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

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

        .business_banner .hdL .eng {
                /* padding: 0 0 25px 0.7em;
    text-indent: -0.7em; */
                margin-top: -20px;
                margin-bottom: 30px;
                padding: 0;
                text-indent: 0;
                font-size: 42px;
        }

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

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

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

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

        .business_situations li {
                width: 50%;
        }



        .products_photos {
                margin-bottom: 10px;
        }

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

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

        #business_content .products_photos ul {
                margin: 0 -10px;
        }

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

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

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

        #business_content .btn_link {
                margin-top: 28px;
        }

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

        #business_content .business_about .txt_description {
                margin-bottom: 25px;
        }
        .business_about {
                padding: 35px 0;
        }

        .features_list {
                margin: 0 -10px;
        }

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

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

        .business_cases {
                padding: 45px 0;
        }

        /* 
  .business_cases .image {
    margin-bottom: 25px;
  } */

        .business_cases .info {
                display: block;
        }

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

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

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

        .business_lineup {
                padding: 50px 0;
        }

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

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

        .business_lineup .display {
                display: block;
        }

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

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

        .lineup_swiper .swiper-button-prev,
        .lineup_swiper .swiper-button-next {
                top: 130px;
                width: 32px;
                height: 32px;
        }

        .lineup_swiper .swiper-button-prev {
                left: -20px;
        }

        .lineup_swiper .swiper-button-next {
                right: -20px;
        }

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

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

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

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

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

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


        .business_material {
                padding: 45px 0;
        }

        #business_content .business_material .txt_description {
                margin-bottom: 20px;
                text-align: left;
        }

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

        /* .download_view a:after { 
    right: 20px; 
    width: 16px;
    height: 100%;
  } */
        .download_view .eng {
                font-size: 12px;
        }

        .business_material .banner {
                margin: 50px -20px 0;
        }

        .business_material .banner .bg img {
                object-fit: cover;
                object-position: center;
                min-height: 260px;
        }

        .business_material .banner .con {
                padding: 20px 20px 0;
                box-sizing: border-box;
        }

        #business_content .business_material .banner .hd01 {
                margin: 12px 0;
                line-height: 1.42;
                font-size: 18px;
        }

        .business_material .banner .hd01 .small {
                font-size: 16px;
        }

        .faq_area {
                padding: 45px 0;
        }

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

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

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

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

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

        .blog_servicearea {
                padding: 45px 0 35px;
        }

        #business_content .blog_servicearea ul {
                margin-left: -10px;
        }

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

}

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

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

.business_novelty {
        padding: 100px 0;
}

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

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

.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_novelty .checkboxs li .foucs {
        font-weight: bold;
}

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

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

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

.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%;
}

.service_features {
        padding: 120px 0;
}

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

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

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

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

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

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

.service_price {
        padding: 0 0 80px;
}

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

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

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

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

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

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

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

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

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

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

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

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

#business_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_content .estimate_example .hd02 {
        margin: 0 0 34px;
        text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#business_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_content .estimate_example .data .price .num {
        font-size: 25px;
        font-weight: bold;
}

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

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

.service_orderflow {
        padding: 90px 0 30px;
}

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

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

.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;
}

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

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

.service_orderflow li .con {
        display: flex;
        flex-direction: column;
        padding: 30px 45px 30px;
}

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

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

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

#business_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_content .service_anchorlinks li a:hover {
                background: #6f6f6f;
                color: #fff;
        }
}

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

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

        .business_novelty {
                padding: 50px 0;
        }

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

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

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

        .service_anchorlinks li a {
                height: 36px;
        }

        .service_features {
                padding: 50px 0;
        }

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

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

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

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

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

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

        .service_price {
                padding: 0 0 40px;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .service_orderflow {
                padding: 45px 0 0;
        }

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

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

        .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;
        }

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

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

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

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

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

        #business_content .service_orderflow li .txt {
                font-size: 13px;
        }

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

}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.display_imgs_twin .img1{
        flex-basis: 34%;
}
.display_imgs_twin .img2{
        flex-basis: 60%;
}

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

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

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

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

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

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

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




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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        #business_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_content p a.underline {
        text-decoration: underline;
}

#business_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_content p a.underline:hover {
                text-decoration: none;
        }
}

#business_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_content .business_situations .hdL {
      text-align: left;
    } */
}


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

/* 調整用 */


/* 20240508 EDIT */


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

.btn_area_sub {
        margin: 80px 0 0;
}

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

.small {
        font-size: 80%;
}

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

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

#business_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_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_content .btn_link4 {
        margin-top: auto;
}

#business_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;
}

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

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

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

}

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

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

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

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

        #business_content .btn_link4 {
                margin-top: 20px;
        }

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

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

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

}

/* 20240508 EDIT */

/* 20240618 EDIT */
#business_content .business_novelty .case_container .hdL {
        margin-top: 100px;
}

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

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

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

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

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

#business_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_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_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_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_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_content .business_novelty .case_inner .case_box .case_column {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        padding-top: 20px;
}

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

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

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

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

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

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

        #business_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_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_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_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_content .business_novelty .case_inner .case_box .ttl_area p.ttl {
                padding-left: 35px;
        }

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

/* 20240618 EDIT END */



/* 20240905 EDIT */

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

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

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

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

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

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

.case_list li .item_body p {
        /* text-align: center; */
        line-height: 1.444;
}
#business_content .case_list li .item_body p.item_txt {
        padding-top: 5px;
        font-weight: bold;
        color: #03a274;
}
#business_content .case_list li .item_body p.item_txt span {
        font-size: 90%;
}

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

#business_content .case_list li .txt {
        margin-top: 20px;
        line-height: 1.4;
        font-size: 15px;
        font-weight: 400;
}
#business_content .border_box{
        border: 1px solid #000;
        padding: 0 20px;
        margin-right: 10px;
}


@media screen and (max-width: 767px) {
        #business_content .case_list_h {
                font-size: 1.8rem;
                margin: 20px 0 30px;
        }
        .case_list_inner {
                width: 100%;
        }
        .case_list {
                width: 100%;
        }
        .case_list li {
                display: block;
                margin: auto;
        }

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

        .case_list li .img {
                margin-bottom: 12px;
                max-width: 400px;
        }
        .case_item {
                padding-top: 15px;
                width: 100%;
                margin-bottom: 20px;
                padding-bottom: 15px;
                border-bottom: solid 1px #eee;
        }
        .case_item:last-child {
                border-bottom: none;
        }
        .item_i {
                display: table-cell;
                width: 151px;
                vertical-align: top;
        }
        .item_body {
                display: table-cell;
                width: auto;
                vertical-align: top;
                padding-left: 20px;
        }
        .post {
                position: relative;
                display: table;
                width: 92%;
                margin: 0 auto;
        }
        .case_list li .item_body p {
                text-align: left;
        }

}


/* 20240905 EDIT END */


/* 20240926 EDIT */

.goods {
        margin-bottom: 60px;
}
.goods .item_inner {
        max-width: 440px;
        margin: auto;
}

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

.goods .item_inner .g_item_i {
        text-align: center;
}
.goods .item_inner .g_item_i img {
        margin: 0 auto 24px;
}

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

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



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

/* 20240926 EDIT END */


/* 20240926 EDIT END */
.goods .goods_inner {
        width: 900px;
        margin: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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


@media screen and (max-width: 767px) {
        /* .goods .goods_inner {
                width: 100%;
        } */

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

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

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

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

        .goods .goods_inner .item_i {
                width: 100%;
        }
        .goods_list li .item_i img {
                margin: 0 auto 12px;
        }

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

}


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

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



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

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

#business_content .txt_sns {
        display: inline-flex;
        margin: 10px 0;
}
#business_content .align-items_c {
        align-items: center;
}

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

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

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


/* 20240926 EDIT END */



/* 20241225 EDIT */


.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;
      }
      
      .page-top.is-visible {
        opacity: 1;
        visibility: visible;
      }
      
      .page-top::before {
        content: "";
        width: 12px;
        height: 12px;
        margin-bottom: -6px;
        border-top: solid 3px #fff;
        border-right: solid 3px #fff;
        transform: rotate(-45deg);
      }


      /*  */

      .Bnr{
        margin: 0 auto;
        display: none;
      }
      #business_content .Bnr ul.fixed_btn {
        display: flex;
        justify-content: center;
        max-width: 870px;
        width: 85%;
        margin: auto;
      }
      .Bnr .Bnr__img{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        transition-duration: .3s;
        box-sizing: border-box;
        background-color: #eeeded;
        z-index: 88;
      }
      .Bnr__img__inner{
        box-sizing:border-box;
        padding: 10px 0;
        /* padding: 10px; */
      }
      .Bnr .Bnr__img__inner a{
        display: block;
      }
      .Bnr .Bnr__img p.close{
        position: absolute;
        right: 10px;
        top:10px;
      }
      .Bnr .Bnr__img p.close a{
        display: block;
        width: 20px;
        height: 25px;
        text-align: center;
      }
      .Bnr .Bnr__img p.close a span{
        display: block;
        width: 1px;
        height: 1px;
        overflow: hidden;
      }
      .Bnr .Bnr__img p.close a i{
        font-size: 20px;
        z-index: 888;
        color: #222;
      }
      /*  */


      #business_content .fixed_btn li{
        margin: 0 10px 0;
      }
      #business_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_content .fixed_btn li a:hover {
        opacity: 0.5;
      }
      #business_content .fixed_btn li.white a {
        background: #fff;
        border: 2px solid #03a274;
        color: #03a274;
      }
      #business_content .fixed_btn li.green a {
        font-size: 20px;
        background: #03a274;
        border: 2px solid #03a274;
        color: #fff;
      }
      #business_content .fixed_btn li.green {
        flex-grow: 1;
      }

      body {
        margin-bottom: 95px;
      }


/*  */

      #business_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_content .btn_link_case li .green {
        background: #03a274;
        border: 2px solid #03a274;
        color: #fff;

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

    }





    #business_content .btn_link_case li a:hover {
        opacity: 0.5;
    }
    #business_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_content .case_top_list .post_tag li.green {
        color: #fff;
        background: #03a274;
     }
    #business_content .case_top_list .post_tag li.white {
        color: #03a274;
        background: #fff;
        border: 1px solid #03a274;
     }

    /*  */

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

        #business_content .case_top_list {
                display: flex;
                justify-content: space-between;
        }
        #business_content .case_top_list>li {
                width: 30%;
                background-color: #fff;
        }
        #business_content .case_top_list li a {
                display: block;
                height: 100%;
        }
        #business_content .case_top_list .flex_column {
                display: flex;
                height: 100%;
                flex-direction: column;
        }
        #business_content .case_top_list .flex_column div:nth-child(n+2) {
                padding: 0 10px;
        }
        #business_content .case_top_list .flex_column div:last-child {
                padding: 0;
        }
        #business_content .case_top_list li .btn_b {
                margin-top: auto;
        }
        
        #business_content .case_top_list li .btn_b .t_link {
                margin-top: 20px;
        }
        #business_content .case_top_list li .btn_b .icon {
                text-align: right;
        }
        #business_content .case_top_list li .btn_b img {
                width: 50px;
                height: 50px;
        }


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


        /* #business_content .case_top_list li .btn_b .t_link p {
                display: block;
                padding: 5px 0;
                color: #03a274;
                border-bottom: solid 2px #03a274;
        } */

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


        #business_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_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_content .fixed_btn li a {
                padding: 12px 10px;
                }
        }

      @media screen and (max-width: 767px) {
        #business_content .case_top_list {
                display: block;
        }
        #business_content .case_top_list>li {
                width: 100%;
                margin: 0 0 40px;
        }
        #business_content .business_cases h3.hdL {
                margin: 20px 0 20px;
                font-size: 18px;
                height: auto;
        }
        #business_content .business_cases h4.hdL {
                margin-bottom: 20px;
                font-size: 16px;
                height: auto;
        }

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

        #business_content .fixed_btn li {
                display: flex;
                flex-direction: column;
                margin: 0;
                text-align: center;
                flex-grow: 1;
              }
        #business_content .fixed_btn li.green {
                flex-grow: 3;
              }
        /* #business_content .fixed_btn li.ajust {
                margin-left: -2px;
                margin-right: -2px;
              } */
        #business_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_content .fixed_btn li a span.free {
                font-size: 12px;
                margin-left: 0;
                padding: 2px 12px;
        }
        #business_content .fixed_btn li.green a{
                font-size: 17px;
                border: 2px solid #03a274;
        }
        #business_content .btn_link_case li a {
                min-width: inherit;
        }
        #business_content .btn_link_case {
                text-align: center;
        }
        #business_content .case_top_list li a {
                height: auto;
        }
        #business_content .case_top_list .flex_column {
                height: auto;
        }


        .Bnr .Bnr__img{
                background: #fff;
        }
        .Bnr__img__inner{
                padding: 0;
        }

        body {
                margin-bottom: 64px;
              }
      }

/* 20241225 EDIT END */