@charset "utf-8";



.clearfix:after,
.clearfix:before {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

.w100 {
    width: 100%
}



.z {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}



.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.flex2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex_left {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    align-items: center;
}

.flex_right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
}

.flex_left1 {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.none {
    display: none
}

.block {
    display: block
}

address,
em,
i {
    font-style: normal
}

img {
    max-width: 100%
}

.pa {
    position: absolute
}

.pr {
    position: relative
}



.swiper-button-next,
.swiper-button-prev,
.swiper-pagination-clickable .swiper-pagination-bullet,
input:focus,
select:focus,
textarea {
    outline: 0;
    resize: none
}

.bl {
    display: block
}