@charset "UTF-8";
/* =====================================
	product
===================================== */

.visual{
    position: relative;
    width: 100%;
    height: 466px;
    background: url("../img/product/visual01.jpg") no-repeat center;
    background-size: cover;
    display: flex;
    align-items: center;
    padding-left: 6.25%;
}

.visual h1 img{
    width: 196px;
}

.visual h1 small{
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    display: block;
    color: #fff;
    margin-top: 18px;
}

.product{
    width: 100%;
    padding: 158px 80px 142px;
}

.product .product-category-list{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.product .product-category-list .product-category-item{
    padding-bottom: 204px;
    border-bottom: 1px solid #dde7ec;
    margin-bottom: 110px;
}

.product .product-category-list .product-category-item:last-child{
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}

.product .product-category-list .product-category-item h2{
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    display: flex;
    align-items: center;
}

.product .product-category-list .product-category-item h2 img{
    width: 161px;
    margin-right: 37px;
}

.product .product-category-list .product-category-item .product-item-list{
    width: 100%;
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 88px;
}

.product .product-category-list .product-category-item .product-item-list .product-item{
    width: 49.5714%;
}


.product .product-category-list .product-category-item .product-item-list .product-item .product-image-list{
    width: 100%;
}

.product .product-category-list .product-category-item .product-item-list .product-item .product-image-list .product-image-item a{
    display: block;
}

.product .product-category-list .product-category-item .product-item-list .product-item .product-image-list .product-image-item a:hover{
    opacity: 0.7;
}

.product .product-category-list .product-category-item .product-item-list .product-item .product-image-list .product-image-item img{
    width: 100%;
    display: block;
}

.product .product-category-list .product-category-item .product-item-list .product-item h3{
    font-size: 40px;
    line-height: 1;
    display: flex;
    margin-top: 50px;
}

.product .product-category-list .product-category-item .product-item-list .product-item h3 img{
    width: 115px;
    margin-right: 20px;
}

.product .product-category-list .product-category-item .product-item-list .product-item p{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
    margin-top: 8px;
}

.product .product-category-list .product-category-item .product-item-list .product-item .product-purchase{
    margin-top: 24px;
    display: flex;
    align-items: center;
    gap: 40px;
}

.product .product-category-list .product-category-item .product-item-list .product-item .product-purchase .buy{
    padding: 0 30px 0 42px;
    font-size: 20px;
    font-weight: bold;
    color: #a4becd;
    background-image: url("../img/common/icon01.svg"), url("../img/common/arrow02.svg");
    background-position: top left, center right;
    background-repeat: no-repeat, no-repeat;
    background-size: 24px auto, 11px auto;
    line-height: 1.33;
    display: inline-block;
    text-decoration: none;
}

.product .product-category-list .product-category-item .product-item-list .product-item .product-purchase .buy:hover{
    opacity: 0.7;
    text-decoration: none;
}

.product .product-category-list .product-category-item .product-item-list .product-item .product-purchase .price{
    font-size: 22px;
    font-weight: bold;
    color: #a4becd;
    line-height: 1;
}

.product .product-category-list .product-category-item .product-item-list .product-item .product-purchase .price small{
    font-size: 60%;
}

.slick-dots{
    bottom: -27px;
    left: 0;
    display: flex !important;
}

.slick-dots li{
    width: 18px;
    height: 18px;
    margin: 0 4px 0 0;
}

.slick-dots li button{
    width: 18px;
    height: 18px;
}

.slick-dots li button::before{
    width: 18px;
    height: 18px;
    border-radius: 9px;
    border: 1px solid #d1d2d3;
}

.slick-dots li.slick-active button::before {
    border: 1px solid #d1d2d3;
    margin-top: 0;
}

.slick-dots li.product-slider-1-dot-1 button::before{
    background: #87766d;
}

.slick-dots li.product-slider-1-dot-2 button::before{
    background: #fff;
}

.slick-dots li.product-slider-1-dot-3 button::before{
    background: #383231;
}

.slick-dots li.product-slider-2-dot-1 button::before{
    background: #87766d;
}

.slick-dots li.product-slider-2-dot-2 button::before{
    background: #fff;
}

.slick-dots li.product-slider-2-dot-3 button::before{
    background: #383231;
}

.slick-dots li.product-slider-3-dot-1 button::before{
    background: #87766d;
}

.slick-dots li.product-slider-3-dot-2 button::before{
    background: #fff;
}

.slick-dots li.product-slider-3-dot-3 button::before{
    background: #383231;
}

.slick-dots li.product-slider-4-dot-1 button::before{
    background: #87766d;
}

.slick-dots li.product-slider-4-dot-2 button::before{
    background: #fff;
}

.slick-dots li.product-slider-4-dot-3 button::before{
    background: #383231;
}

.product .product-category-list .product-category-item .bnr01{
    margin: 120px auto 0;
    width: 100%;
    max-width: 1006px;
    height: 372px;
    background: url("../img/product/pic01.jpg") no-repeat center;
    background-size: cover;
    padding-left: 92px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.product .product-category-list .product-category-item .bnr01 h4{
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
}

.product .product-category-list .product-category-item .bnr01 h4 small{
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    display: block;
    margin-bottom: 18px;
}

.product .product-category-list .product-category-item .bnr01 a{
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding: 0 20px 0 48px;
    height: 45px;
    border-radius: 22.5px;
    display: flex;
    align-items: center;
    background: #fff url("../img/common/arrow03.svg") no-repeat center left 24px;
    margin-top: 36px;
}



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

.visual{
    height: 127.34375vw;
    background: url("../img/product/sp/visual01.jpg") no-repeat center;
    background-size: cover;
    padding: 32.552vw 0 0 6.51vw;
    display: block;
}

.visual h1 img{
    width: 39.5833vw;
}

.visual h1 small{
    font-size: 3.90625vw;
    margin-top: 3.3854167vw;
}

.product{
    padding: 21.875vw 6.51vw 24.7395833vw;
}

.product .product-category-list .product-category-item{
    padding-bottom: 21.45833vw;
    margin-bottom: 21.09375vw;
}

.product .product-category-list .product-category-item h2{
    font-size: 3.3854167vw;
}

.product .product-category-list .product-category-item h2 img{
    width: 27.0833vw;
    margin-right: 6.25vw;
}

.product .product-category-list .product-category-item .product-item-list{
    margin-top: 10.677vw;
    row-gap: 17.578125vw;
}

.product .product-category-list .product-category-item .product-item-list .product-item{
    width: 100%;
}

.product .product-category-list .product-category-item .product-item-list .product-item h3{
    font-size: 6.93229167vw;
    margin-top: 10.15625vw;
}

.product .product-category-list .product-category-item .product-item-list .product-item h3 img{
    width: 19.401vw;
    margin-right: 2.6vw;
}

.product .product-category-list .product-category-item .product-item-list .product-item p{
    font-size: 3.125vw;
    margin-top: 2.6vw;
}

.product .product-category-list .product-category-item .product-item-list .product-item .product-purchase{
    margin-top: 4.9479167vw;
    gap: 7.03125vw;
}

.product .product-category-list .product-category-item .product-item-list .product-item .product-purchase .buy{
    padding: 0 5.2vw 0 7.29167vw;
    font-size: 3.434895833vw;
    background-image: url("../img/common/icon01.svg"), url("../img/common/arrow02.svg");
    background-position: top left, center right;
    background-size: 4.167vw auto, 1.8229167vw auto;
}

.product .product-category-list .product-category-item .product-item-list .product-item .product-purchase .price{
    font-size: 3.72395833vw;
}

.slick-dots{
    bottom: -5.078125vw;
    left: 0;
    transform: translateX(0);
}

.slick-dots li{
    width: 2.8645833vw;
    height: 2.8645833vw;
    margin: 0 0.651vw 0 0;
}

.slick-dots li button{
    width: 2.8645833vw;
    height: 2.8645833vw;
}

.slick-dots li button::before{
    width: 2.8645833vw;
    height: 2.8645833vw;
    border-radius: 1.43229165vw;
}

.product .product-category-list .product-category-item .bnr01{
    margin: 24.7395833vw auto 0;
    max-width: 69.53125vw;
    height: 78.3854167vw;
    background: url("../img/product/sp/pic01.jpg") no-repeat center;
    background-size: cover;
    padding: 5.46875vw 0 0 3.90625vw;
    justify-content: flex-start;
}

.product .product-category-list .product-category-item .bnr01 h4{
    font-size: 3.645833vw;
}

.product .product-category-list .product-category-item .bnr01 h4 small{
    font-size: 3.216145833vw;
    margin-bottom: 3.3854167vw;
}

.product .product-category-list .product-category-item .bnr01 a{
    font-size: 2.29167vw;
    padding: 0.4vw 3.3854167vw 0 8.0729167vw;
    height: 8.0729167vw;
    border-radius: 4.03645835vw;
    background: #fff url("../img/common/arrow03.svg") no-repeat center left 4.167vw;
    background-size: 1.953125vw auto;
    margin-top: 3.90625vw;
    letter-spacing: 0;
}

}