@charset "UTF-8";
.content_itro {
        position: relative;
}
.content_itro .sliderSet {
        position: relative;
        display: none;
}
.content_itro .sliderSet .images {
        position: relative;
        margin: 0 auto;
}
@media screen and (max-width: 768px) {
        .content_itro .sliderSet .images {
                width: 92%;
        }
}
.content_itro .sliderSet .images .image {
        position: absolute;
        top: 0px;
        left: 0px;
        background: #f5f5f5;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
}
.content_itro .sliderSet .images .image img {
        width: 100%;
        height: auto;
        display: block;
}
.content_itro .sliderSet .slide-name {
        margin-top: 20px;
        font-weight: 200;
        letter-spacing: 0.05em;
        font-size: 16px;
}
.content_itro .sliderSet .jp .slide-name {
        font-size: 14px;
        font-weight: bold;
}
@media screen and (max-width: 768px) {
        .content_itro .sliderSet .slide-name {
                margin-top: 15px;
        }
}
.content_itro .sliderSet .thumb {
        position: relative;
        width: 100%;
        max-width: 432px;
        margin: 0 auto;
        margin-top: 24px;
}
@media screen and (max-width: 768px) {
        .content_itro .sliderSet .thumb {
                margin-top: 20px;
                /* max-width: 260px; */
        }
}
.content_itro .sliderSet .thumb ul {
        letter-spacing: -0.4em;
        font-size: 0;
        text-align: center;
}
.content_itro .sliderSet .thumb ul li {
        width: 82px;
        height: 82px;
        letter-spacing: 0.05em;
        display: inline-block;
        background: #eaebea;
        border: 1px rgba(0, 0, 0, 0) solid;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
}
@media screen and (max-width: 768px) {
        .content_itro .sliderSet .thumb ul li {
                width: 50px;
                height: 50px;
        }
}
.content_itro .sliderSet .thumb ul li img {
        width: 82px;
        height: 82px;
        object-fit: contain;
}
@media screen and (max-width: 768px) {
        .content_itro .sliderSet .thumb ul li img {
                width: 100%;
                height: auto;
        }
}
.content_itro .sliderSet .thumb ul li:not(:first-child), .content_itro .sliderSet .thumb ul li:not(:nth-child(5n)) {
        margin-left: 5px;
        margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
        .content_itro .sliderSet .thumb ul li:not(:first-child), .content_itro .sliderSet .thumb ul li:not(:nth-child(5n)) {
                margin-left: 4px;
                margin-bottom: 4px;
        }
}
.content_itro .sliderSet .thumb ul li.active {
        background: #fff;
        border: 1px #ccc solid;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
}
.content_itro .colors {
        margin-top: 18px;
}
@media screen and (max-width: 768px) {
        .content_itro .colors {
                margin-top: 16px;
        }
}
.content_itro .colors ul {
        letter-spacing: -0.4em;
}
.content_itro .colors ul li {
        position: relative;
        letter-spacing: 0.05em;
        display: inline-block;
        width: 14px;
        height: 14px;
        border-radius: 2em;
        margin: 0 8px;
        overflow: hidden;
        cursor: pointer;
        -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
        padding: 10px;
}
.content_itro .colors ul li img {
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
}
.content_itro .colors ul li.active {
        -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4);
        border-radius: 50%;
}