.homeNavi a::after,
.homeNavi a::before,
.homeNaviInner::after,
.homeNaviInner::before {
    -webkit-transition: all .3s ease;
    display: block;
    z-index: 10;
    position: absolute;
    background-color: #fff;
    content: '';
    transition: all .3s ease;
}

.mv {
    position: relative;
    width: 100%;
    padding-top: 100%;
    background: url(../images/top/mv.png) no-repeat center;
    background-size: cover;
}

.mv::before {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -ms-transform: translate(-50%, -50%) scale(0.4);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.4);
    content: url(../images/common/no-other-cat.png);
}

.shoppingImg {
    z-index: 2000;
    position: absolute;
    top: -8rem;
    left: 0;
    width: 8rem;
}

.shoppingImg.active {
    display: none;
}

.aboutUs {
    padding: 6.2rem 0 6.8rem;
}

.aboutUsContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
    width: 90%;
    margin: 0 auto;
}

.aboutUsContentDesc {
    position: relative;
    width: 100%;
    margin: 0 auto 6rem;
    padding: 1.4rem;
    background: rgba(255, 255, 255, 0.6);
}

.aboutUsContentDesc::before {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    -ms-transform: translate(-50%, -50%) scale(0.8);
    z-index: -50;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    content: url(../images/top/footPrint.png);
}

.aboutUsContentDescSpace {
    display: block;
    margin-bottom: 1.8rem;
}

.cathandImg {
    display: block;
    z-index: -100;
    position: relative;
    margin-bottom: 3rem;
}

.information {
    margin: 6.6rem 0;
}

.informationContent {
    width: 47.4rem;
    max-width: 90%;
    margin: 0 auto 4rem;
    font-size: 1.8rem;
    background-image: linear-gradient(to right, #000, #000 .1rem, transparent 1px, transparent .2rem);
    background-size: 11px 2px;
    background-position: bottom;
    background-repeat: repeat-x;
}

.informationDate {
    margin-right: 2.4rem;
    padding-bottom: .6rem;
}

.informationTtl {
    padding-bottom: .6rem;
}

.informationTtl a {
    color: #333;
}

.informationTtl a:hover {
    text-decoration: underline;
}

.product {
    position: relative;
    padding: 8rem 0 9rem;
    background: #F2F2F2;
}

.productContent {
    margin-bottom: 4rem;
}

.productContent::after {
    display: none;
}

.productContentImg {
    display: block;
    margin: 0 auto 4rem;
}

.productContentIntroduction {
    color: #42210B;
    max-width: 53rem;
    margin: 0 auto;
}

.contractor a {
    display: block;
    position: relative;
    margin-top: 3rem;
    color: #333;
    text-align: right;
}

.contractor a::after {
    position: absolute;
    right: -1.4rem;
    content: url(../images/top/aroowBrown.png);
}

.productImgWrapper {
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3rem;
    text-align: center;
    align-items: flex-start;
}

.productImgWrapper::before {
    display: none;
}

.productImgWrapper::after {
    -webkit-transform: translate(-50%, -50%) scale(0.5, 1);
    -ms-transform: translate(-50%, -50%) scale(0.5, 1);
    display: block;
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5, 1);
    content: url(../images/top/productBgSP.png);
}

.productImgWrapper img {
    display: block;
    z-index: 100;
    position: relative;
    width: 45%;
    margin: 0 auto 4rem;
}

.craftsman {
    position: relative;
    margin-top: -.8rem;
    padding: 6.4rem 0 7rem;
    background: url(../images/top/craftsmanBg.jpg) no-repeat center;
    background-size: cover;
}

.craftsman::after {
    -webkit-transform: translate(-50%, -50%) scale(0.5, 1);
    -ms-transform: translate(-50%, -50%) scale(0.5, 1);
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5, 1);
    background-size: cover;
    content: url(../images/top/couldSP.png);
}

.craftsmanImgWrapper {
    z-index: 100;
    position: relative;
    margin-bottom: 5rem;
    text-align: center;
}

.craftsmanImgWrapper img {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.craftsmanImgWrapper img:nth-child(even) {
    margin: 2rem 0;
}

.craftsmanImgWrapper img:last-child {
    display: inline-block;
}

.craftsmanDesc {
    z-index: 100;
    position: relative;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 4rem;
    font-size: 2.2rem;
}

.access {
    padding: 3.8rem 0 0;
}

.accessDesc {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 4rem;
}

.google-map {
    position: relative;
    width: 100%;
    height: 0;
    margin: 0 auto;
    padding-bottom: 100%;
    overflow: hidden;
}

.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* 必要であれば!importantを付けてください */
    height: 100%;
    /* 必要であれば!importantを付けてください */
}

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

    .productImgWrapper::after {
        -webkit-transform: translate(-50%, -50%) scale(0.7, 1);
        -ms-transform: translate(-50%, -50%) scale(0.7, 1);
        transform: translate(-50%, -50%) scale(0.7, 1);
    }

    .craftsman::after {
        -webkit-transform: translate(-50%, -50%) scale(0.7, 1);
        -ms-transform: translate(-50%, -50%) scale(0.7, 1);
        transform: translate(-50%, -50%) scale(0.7, 1);
    }

}

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

    .mv::before {
        -webkit-transform: translate(-50%, -50%) scale(0.6);
        -ms-transform: translate(-50%, -50%) scale(0.6);
        transform: translate(-50%, -50%) scale(0.6);
    }

    .shoppingImg {
        width: 9rem;
        top: -9rem;
    }
}

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

    .craftsmanImgWrapper img:last-child {
        display: none;
    }

}

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

    .productImgWrapper {
        max-width: 65rem;
        margin-bottom: 5rem;
    }

}

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

    .mv {
        padding-top: 50%;
    }

    .mv::before {
        -webkit-transform: translate(0) scale(0.6);
        -ms-transform: translate(0) scale(0.6);
        margin-top: -4rem;
        margin-left: -19rem;
        transform: translate(0) scale(0.6);
    }

    .shoppingImg {
        z-index: 2000;
        position: fixed;
        top: 11.6rem;
        left: auto;
        right: 0;
    }

    .aboutUsContent {
        display: block;
        width: 90%;
        max-width: 89.4rem;
    }

    .aboutUsContentDesc {
        width: 46.8rem;
        margin: -3rem auto 0 0;
        padding: 3rem 3rem 9.4rem 0;
    }

    .aboutUsContentDesc::before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        top: 0;
        left: 0;
        transform: scale(1);
    }

    .aboutUsContentDescSpace {
        margin-bottom: 0.8rem;
    }

    .cathandImg {
        margin: -34.6rem 0 8.4rem auto;
    }

    .productContent {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: -4rem auto 8rem;
    }

    .productContent::after {
        z-index: 10;
        position: absolute;
        top: 34%;
        right: 1%;
        content: url(../images/top/productBgcat1.png);
    }

    .productContentImg {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        display: inline-block;
        /*margin: 0 0 4rem -5rem;*/
        margin: 0 auto 0rem;
        transform: scale(0.8);
    }

    .productContentIntroduction {
        text-align: start;
        width: 60rem;
        margin: 0 auto;
    }

    .contractor a {
        margin-top: 0;
    }

    .productImgWrapper::before {
        z-index: 10;
        position: absolute;
        top: 96%;
        left: -12%;
        content: url(../images/top/productBgcat2.png);
    }

    .productImgWrapper img {
        width: auto;
        height: auto;
        padding: 0;
    }

    .craftsman::after {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }

    .craftsmanImgWrapper {
        max-width: 64rem;
        margin-bottom: 10.4rem;
        text-align: start;
    }

    .craftsmanImgWrapper img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .craftsmanImgWrapper img:nth-child(even) {
        margin: 0;
    }

    .access {
        padding: 3.8rem 0 9rem;
    }

    .accessDesc {
        margin-top: -4rem;
    }

    .google-map {
        padding-bottom: 50%;
    }

}

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

    .productContentImg {
        /*margin: 0 0 4rem 0;*/
    }

}

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

    .homeNavi a {
        background: #1B1464;
        color: #fff;
    }

    .mv::before {
        -webkit-transform: translate(0) scale(1);
        -ms-transform: translate(0) scale(1);
        margin-top: -8rem;
        margin-left: -11rem;
        transform: translate(0) scale(1);
    }

    .shoppingImg {
        position: fixed;
        top: 14rem;
    }

    .aboutUsContent {
        max-width: 100rem;
    }

    .productContent {
        margin: 0 auto 13rem;
    }

    .productContent::after {
        display: block;
    }

    .productContentImg {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        display: inline-block;
        margin: 0 7rem 0 0;
        transform: scale(1);
    }

    .productContentIntroduction {
        width: 30%;
    }

    .productImgWrapper {
        max-width: 100rem;
        margin-bottom: 0;
        text-align: start;
    }

    .productImgWrapper::before {
        display: block;
    }

    .productImgWrapper::after {
        display: block;
        content: url(../images/top/productBgPC.png);
    }

    .productImgWrapper img {
        margin: 0;
    }

    .productImgWrapper img:nth-child(-n+3) {
        margin-bottom: 9rem;
    }

    .productImgWrapper img:nth-child(n+4) {
        margin-bottom: 7.6rem;
    }

    .craftsman::after {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        content: url(../images/top/could.png);
    }

    .craftsmanImgWrapper {
        max-width: 100rem;
    }

    .craftsmanImgWrapper img:last-child {
        display: block;
    }

    .google-map {
        width: 100rem;
        /* 左右に余白が必要なら値を変更してもOK */
        padding-bottom: 32%;
        /* padding-topでもOK */
    }

}

@media screen and (min-width: 1025px) and (max-width: 1225px) {

    .mv::before {
        -webkit-transform: translate(0) scale(0.8);
        -ms-transform: translate(0) scale(0.8);
        transform: translate(0) scale(0.8);
    }

}