#fs-scene{
    background-color: #fffef1;
}
#pageContainer .tab li{
    width: calc(100% / 3);
}
#pageContainer .tab li.active{
    box-shadow: none;
}
#pageContainer .tab li::before{
    box-shadow: none;
}
#pageContainer .tab li.tab01 a{
    box-shadow: inset -20px 10px 20px 0px rgba(103, 212, 156, 0.2);
}

#pageContainer .tab li.tab01::before {
    box-shadow: inset 28px 10px 20px 0px rgba(103, 212, 156, 0.25);
    left: -100vw;
}

#pageContainer .tab li.tab02 a {
    box-shadow: inset 0px 10px 20px 0px rgba(235, 102, 135, 0.25);
}
#pageContainer .tab li.tab02::before{
    display: none;
}

#pageContainer .tab li.tab03{
    box-shadow: inset 13px 10px 20px -13px rgba(76, 19, 124, 0.2);
}


#pageContainer .tab li.tab03.is-active{
    background-image: -moz-linear-gradient(90deg, rgb(105, 40, 159) 0%, rgb(122, 59, 175) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(105, 40, 159) 0%, rgb(122, 59, 175) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(105, 40, 159) 0%, rgb(122, 59, 175) 100%);
}
#pageContainer .tab li.tab03.is-active::before{
    background-image: -moz-linear-gradient(90deg, rgb(105, 40, 159) 0%, rgb(122, 59, 175) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(105, 40, 159) 0%, rgb(122, 59, 175) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(105, 40, 159) 0%, rgb(122, 59, 175) 100%);
}

#pageContainer .tab li.tab01.is-active a{
    background-image: url(/-/Media/com/repairone/top/20240610/txt-01-active.png);
}

#pageContainer .tab li.tab02.is-active a {
    background-image: url(/-/Media/com/repairone/top/20240610/txt-02-active.png);
}

#pageContainer .tab li.tab03.is-active a {
    background-image: url(/-/Media/com/repairone/top/20240610/txt-03-active.png);
}


#pageContainer .tab03 .page-link{
    background-image: -moz-linear-gradient(0deg, rgb(238, 225, 250) 0%, rgb(220, 188, 247) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(238, 225, 250) 0%, rgb(220, 188, 247) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(238, 225, 250) 0%, rgb(220, 188, 247) 100%);
}

 #pageContainer .tab03 .bl-product {
     background-image: linear-gradient(0deg, #4cb6b2 0%, #269383 29%, #006f54 70%);
 }

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

    #fs-scene {
        padding-top: calc(100 / 750 * 100vw);
        padding-bottom: calc(90 / 750 * 100vw);
    }

    #pageContainer .tab li.tab01 a {
        border-top-right-radius: 10px;
        background-image: url(/-/Media/com/repairone/top/20240610/txt-01.sp.png);
    }

    #pageContainer .tab li.tab02 {
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

    #pageContainer .tab li.tab02 a {
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        background-image: url(/-/Media/com/repairone/top/20240610/txt-02.sp.png);
    }

    #pageContainer .tab li.tab02.is-active {
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }



    #pageContainer .tab li.tab03 {
        border-top-left-radius: 10px;
    }

    #pageContainer .tab li.tab03 a {
        border-top-left-radius: 10px;
        background-image: url(/-/Media/com/repairone/top/20240610/txt-03.sp.png);
    }

    #pageContainer .tab li.tab01.is-active a {
        background-image: url(/-/Media/com/repairone/top/20240610/txt-01-active.sp.png);
    }

    #pageContainer .tab li.tab02.is-active a {
        background-image: url(/-/Media/com/repairone/top/20240610/txt-02-active.sp.png);
    }

    #pageContainer .tab li.tab03.is-active a {
        background-image: url(/-/Media/com/repairone/top/20240610/txt-03-active.sp.png);
    }

    #pageContainer .tab li{
        height: calc(265 / 750 * 100vw);
    }

    #pageContainer .tab03 .page-link-nav ul li{
        border-color: #69289f;
    }

    #pageContainer .tab03 .point-ttl {
        width: 100%;
    }

    #pageContainer .tab03 .bl-point {
        height: auto;
        padding-bottom: calc(20 / 375 * 100vw);
        background: url(/-/Media/com/repairone/top/20240610/bg-02.sp.jpg) center 0 no-repeat;
        background-size: cover;
    }
    #pageContainer .tab03 .point-ttl{
        margin: 0;
    }

    #pageContainer .about-items .about-item{
        background: none;
    }
    #pageContainer .tab03 .bl-about{
        background: #3ebaba url(/-/Media/com/repairone/top/20240610/bg-01.sp.jpg) no-repeat center top / 100%;
    }

    #pageContainer .tab03 .about-items,
    #pageContainer .tab03 .about-items .about-item,
    #pageContainer .tab03 .about-item-con,
    #pageContainer .tab03 .about-item-img{
        width: 100vw;
    }
    #pageContainer .tab03 .about-items .about-item,
    #pageContainer .tab03 .about-item-con{
        height: calc(890 / 750 * 100vw);
    }
    #pageContainer .tab03 .about-items .about-item .btn-more{
        top: calc(316 / 375 * 100vw);
        left: calc(126 / 375 * 100vw);
    }
    #pageContainer .tab03 .about-items{
        margin: 0;
    }

    #pageContainer .tab03 .product-item-img{
        width: calc(350 / 750 * 100vw);
        margin: 0 auto;
    }
    #pageContainer .tab03 .product-item-info{
        display: flex;
        justify-content: center;
        text-align: left;
        margin-top: 0.2em;
    }
    #pageContainer .tab03 .product-item-dl{
        margin: 0 0.25em;
    }
    #pageContainer .tab03 .product-item{
        width: 100%;
    }
    #pageContainer .tab03 .product-item .btn-more a{
        width: 100%;
    }
    #pageContainer .tab03 .product-item .btn-more{
        width: 48.6666666667vw;
        margin-top: -24vw;
    }

    #pageContainer .tab01 .about-items .about-item, #pageContainer .tab01 .about-item-con{
        width: calc(336 / 750 * 100vw);
        height: calc(764 / 750 * 100vw);
    }
    #pageContainer .tab01 .about-item-img{
        width: calc(336 / 750 * 100vw);
    }
    #pageContainer .tab01 .about-items{
        width: 100%;
    }
    #pageContainer .tab01 .about-items .about-item:first-child {
        margin-right: calc(20 / 750 * 100vw);
    }
    #pageContainer .tab01 .about-items .about-item .btn-more{
        top: calc(328 / 375* 100vw);
        left: calc(20 / 375* 100vw);
    }
    #pageContainer .tab02 .about-items .about-item{
        background: none;
    }
    #pageContainer .tab02 .about-items .about-item,
    #pageContainer .tab02 .about-item-con{
        width: 100%;
        height: calc(746 / 750 * 100vw);
    }
    #pageContainer .tab02 .about-item-img{
        width: 100%;
    }
    #pageContainer .tab02 .about-items{
        width: 100%;
    }
    #pageContainer .tab02 .about-items .about-item .btn-more{
        left: calc(125 / 375 * 100vw);
        margin-top: calc(33 / 375 * 100vw);
    }
    #pageContainer .tab03 .product-concept-txt {
        width: calc(414 / 750 * 100vw)!important;
    }
    #pageContainer .tab03 .product-item-note{
        margin-top: calc(130 / 750 * 100vw);
    }
    #pageContainer .tab03 .product-item-note img{
        width: calc(404 / 750 * 100vw);
        margin: 0 auto;
    }
    #pageContainer .tab03 .bl-product{
        padding-bottom: 32vw;
    }
}



@media screen and (min-width: 769px) {
    .sp {
        display: none !important;
    }

    #fs-scene{
        padding-top: 100px;
        padding-bottom: 55px;
    }
    #fs-scene .fs-scene-wrapper .fs-scene-img img{
        margin: 0 auto;
        width: 978px;
    }


    #pageContainer .tab{
        max-width: 1401px;
        width: calc(1401 / 1366 * 100vw);
    }

    #pageContainer .tab li.tab01 a {
        border-top-right-radius: 20px;
        background-image: url(/-/Media/com/repairone/top/20240610/txt-01.png);
    }
    
    #pageContainer .tab li.tab02{
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
    }
    #pageContainer .tab li.tab02 a{
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        background-image: url(/-/Media/com/repairone/top/20240610/txt-02.png);
    }
    #pageContainer .tab li.tab02.is-active{
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
    }



    #pageContainer .tab li.tab03{
        border-top-left-radius: 20px;
    }
    #pageContainer .tab li.tab03 a {
        border-top-left-radius: 20px;
        background-image: url(/-/Media/com/repairone/top/20240610/txt-03.png);
    }
    #pageContainer .tab li.tab03::before{
        content: "";
        width: 100vw;
        height: 100%;
        position: absolute;
        top: 0;
        right: -100vw;
        box-shadow: inset -5px 10px 20px -13px rgba(76, 19, 124, 0.2);
    }

    #pageContainer .tab03 .page-link-nav ul li{
        background: url(/-/Media/com/repairone/top/20240610/lineborder.png) 0 0 no-repeat;
    }
    #pageContainer .tab03 .page-link-nav ul{
        background: url(/-/Media/com/repairone/top/20240610/lineborder.png) right 0 no-repeat;;
    }
    #pageContainer .tab03 .bl-about{
        background: #a8e2d1 url(/-/Media/com/repairone/top/20240610/bg-01.jpg) repeat-x center top;
    }

    #pageContainer .tab03 .about-ttl{
        width: 414px;
    }

    #pageContainer .tab03 .about-txt{
        width: 826px!important;
        margin-top: -25px;
    }
    #pageContainer .tab03 .about-items{
        margin-top: -50px;
    }

    #pageContainer .about-items .about-item{
        background: none;
    }

    #pageContainer .tab03 .about-items .about-item{
        width: 550px;
        height: 422px;
    }
    #pageContainer .tab03 .about-item-con,
    #pageContainer .tab03 .about-item-img{
        width: 550px;
        height: 474px;
    }

    #pageContainer .tab03 .about-items .about-item .btn-more{
        top: 247px;
        left: 290px;
    }
    #pageContainer .tab03 .point-ttl{
        width: 1271px;
        margin: 0 auto;
    }
    #pageContainer .tab03 .bl-point{
        padding-bottom: 106px;
        background: url(/-/Media/com/repairone/top/20240610/bg-02.jpg) center 0 repeat-x;
        background-size: auto 1006px;
        height: auto;

    }
    #pageContainer img{
        height: auto;
    }


    #pageContainer .tab03 .product-item-con{
        width: 442px;
        height: 462px;
    }
    #pageContainer .product-item-img{
        width: unset;
        height: unset;
    }

    #pageContainer .tab03 .product-item .btn-more{
        margin-top: -109px;
    }

    #pageContainer .tab03 .product-items{
        padding-bottom: 20px;
    }

    #pageContainer .tab03 .product-item-info {
        display: none;
    }

    #pageContainer .tab01 .about-items .about-item .btn-more{
        top: 257px;
    }
    #pageContainer .tab01 .about-item .btn-more,
    #pageContainer .tab01 .about-item .btn-more a{
        width: 180px;
    }

    #pageContainer .tab01 .about-items .about-item, #pageContainer .tab01 .about-item-con, #pageContainer .tab01 .about-item-img{
        width: 450px;
        height: 352px;
    }
    #pageContainer .tab01 .about-items .about-item:first-child{
        margin-right: 15px;
    }
    #pageContainer .tab01 .about-items{
        width: 924px;
    }

    #pageContainer .tab02 .about-item-con,
    #pageContainer .tab02 .about-item-img{
        width: 550px;
        height: 330px;
    }
    #pageContainer .tab02 .about-items .about-item{
        width: 550px;
        height: 330px;
        background: none;
    }
    #pageContainer .tab02 .about-items .about-item .btn-more{
        top: 240px;
    }

    #pageContainer .tab03 .product-concept-txt{
        width: 476px!important;
    }
}