@charset "utf-8";

/* --------------------------------------------------------------------
 # common
-------------------------------------------------------------------- */
#vcbody-wrapper #wrap header {
    position: fixed;
    top: 96px;
    left: 0;
    z-index: 999;
    inline-size: 100%;
}

#vcbody-wrapper .breadcrumb.breadcrumb-en .contIn1170 a:first-of-type{
    display: none
}

#vcbody-wrapper #VcArea-Heading {
    margin-block-start: 100px;
}

@media screen and (max-width:767px) {
    #vcbody-wrapper #wrap .headerWrap01 {
        top: 96px;
    }

    #vcbody-wrapper #wrap .headerMenu01 {
        top: 96px;
    }

    #vcbody-wrapper #VcArea-Heading {
        margin-block-start: 0;
    }
}
#vcbody-wrapper .logo02 {
    min-width: 100px;
}

/* --------------------------------------------------------------------
 # TOP
-------------------------------------------------------------------- */
#vcbody-wrapper #wrap .mainvisualWrap01 {
    margin-block-start: 96px;
}

#vcbody-wrapper .productsUl02 li {
    inline-size: calc(100% / 4 - 23px);
    margin-inline-end: 30px;
    margin-block-end: 30px;
}

#vcbody-wrapper .productsUl02 div:nth-child(4n) li {
    margin-inline-end: 0;
}


#vcbody-wrapper .linkUL01 li {
    inline-size: calc(100% / 3 - 20px);
    margin-inline-end: 30px;
    margin-block-end: 30px;
}

#vcbody-wrapper .linkUL01 div:nth-child(3n) li {
    margin-inline-end: 0;
}


#vcbody-wrapper .linkUL02 li {
    inline-size: calc(100% /4 - 23px);
    margin-inline-end: 30px;
    margin-block-end: 30px;
}

#vcbody-wrapper .linkUL02 div:nth-child(4n) li {
    margin-inline-end: 0;
}


#vcbody-wrapper .panel-group .panel {
    display: block;
}

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

    #vcbody-wrapper #wrap .mainvisualWrap01 {
        margin-block-start: 0;
    }

    #vcbody-wrapper .productsUl02 li {
        inline-size: 100%;
        margin-inline-end: 0;
        margin-block-end: 20px;
    }

    #vcbody-wrapper .productsUl02 div:last-child li {
        margin-block-end: 0;
    }

    #vcbody-wrapper .linkUL01 li {
        inline-size: 100%;
        margin-block-end: 20px;
    }

    #vcbody-wrapper .linkUL01 div:nth-child(3n) li {
        margin-block-end: 0;
    }

    #vcbody-wrapper .linkUL02 li {
        inline-size: calc(100% / 2 - 10px);
        margin-inline-end: 20px;
        margin-block-start: 20px;
        margin-block-end: 20px
    }

    #vcbody-wrapper .linkUL02 div:nth-child(even) li {
        margin-inline-end: 0;
    }

    #vcbody-wrapper .linkUL02 div:nth-child(3) li,
    #vcbody-wrapper .linkUL02 div:nth-child(4) li {
        margin-block-start: 0;
        margin-block-end: 0;
    }
}


/* --------------------------------------------------------------------
 # Product-Top
-------------------------------------------------------------------- */
#vcbody-wrapper .detailUl01 li {
    inline-size: calc(100% / 4 - 23px);
    margin-inline-end: 30px;
    margin-block-end: 30px;
}

#vcbody-wrapper .detailUl01 div:nth-child(4n) li {
    margin-inline-end: 0;
}


#vcbody-wrapper .detailUl02 li {
    inline-size: calc(100% / 3 - 20px);
    margin-inline-end: 30px;
    margin-block-end: 30px;
}

#vcbody-wrapper .detailUl02 div:nth-child(3n) li {
    margin-inline-end: 0;
}


@media screen and (max-width:767px) {
    #vcbody-wrapper .detailUl01 li {
        inline-size: 100%;
        margin-block-end: 30px;
    }

    #vcbody-wrapper .detailUl02 li {
        inline-size: 100%;
        margin-block-end: 30px;
    }
}



/* --------------------------------------------------------------------
 # default-8
-------------------------------------------------------------------- */
#vcbody-wrapper .contImgLeft01 {
    inline-size: calc(100% / 2);
    margin-inline-end: 30px;
    margin-block-end: 30px;
}


#vcbody-wrapper div:nth-child(2n) .contImgLeft01 {
    margin-inline-end: 0;
}

@media screen and (max-width:767px) {
    #vcbody-wrapper .contImgLeft01 {
        inline-size: 100%;
    }
}


/* --------------------------------------------------------------------
 # default-9
-------------------------------------------------------------------- */
#vcbody-wrapper .partsUl04 li {
    inline-size: calc(100% / 3 - 20px);
    margin-inline-end: 30px;
    margin-block-end: 30px;
}

#vcbody-wrapper .partsUl04 div:nth-child(3n) li {
    margin-inline-end: 0;
}

#vcbody-wrapper .partsUl04 li img {
    display: block;
    margin: 0 auto;
}


@media screen and (max-width:767px) {
    #vcbody-wrapper .partsUl04 li {
        inline-size: 100%;
    }

    #vcbody-wrapper .partsBoxWrap02 .cell01 {
        inline-size: 30%;
    }

    #vcbody-wrapper .partsUl04 div:last-child li {
        margin-block-end: 0;
    }
}

/* --------------------------------------------------------------------
 # BasicParts-2
-------------------------------------------------------------------- */
#vcbody-wrapper .partsUl03 li {
    inline-size: calc(100% / 2 - 15px);
    margin-inline-end: 30px;
    margin-block-end: 30px;
}

#vcbody-wrapper .partsUl03 div:nth-child(2n) li {
    margin-inline-end: 0;
}

@media screen and (max-width:767px) {
    #vcbody-wrapper .partsUl03 li {
        inline-size: 100%;
    }
}


/* --------------------------------------------------------------------
 # BasicParts-4
-------------------------------------------------------------------- */
#vcbody-wrapper .partsUl0402 li {
    inline-size: calc(100% / 4 - 23px);
    margin-inline-end: 30px;
    margin-block-end: 30px;
}

#vcbody-wrapper .partsUl0402 div:nth-child(4n) li {
    margin-inline-end: 0;
}

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

    #vcbody-wrapper .partsUl0402 li {
        float: left;
		inline-size: calc(100% / 2 - 13px);
		margin-inline-end: 25px;
		margin-bottom: 25px;
    }

    #vcbody-wrapper .partsUl0402 div:nth-child(2n) li {
		margin-inline-end: 0;
	}
}





/* --------------------------------------------------------------------
 # BasicParts-16
-------------------------------------------------------------------- */
#vcbody-wrapper .partsUl05 li {
    inline-size: calc(100% / 3 - 17px);
    margin-inline-end: 25px;
    margin-block-end: 25px;
}

#vcbody-wrapper .partsUl05 div:nth-child(3n) li {
    margin-inline-end: 0;
}

@media screen and (max-width:767px) {
    #vcbody-wrapper .partsUl05 li {
        inline-size: calc(100% / 2 - 10px);
        margin-inline-end: 20px;
        margin-block-end: 20px;
    }

    #vcbody-wrapper .partsUl05 div:nth-child(2n) li {
        margin-inline-end: 0;
    }
}



/* --------------------------------------------------------------------
 # detailContact
-------------------------------------------------------------------- */
#vcbody-wrapper .detailContact .partsUl03 li {
    inline-size: calc(100% / 2 - 30px);
    margin-inline-end: 30px;
    margin-block-end: 30px;
}