@charset "UTF-8";
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}
img {
    vertical-align: bottom;
    -webkit-backface-visibility: hidden;
    image-rendering: -webkit-optimize-contrast;
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    line-height: 0;
    image-rendering: -webkit-optimize-contrast
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
nav ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700
}
del {
    text-decoration: line-through
}
abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
input,
select {
    vertical-align: middle
}
*,
::after,
::before {
    box-sizing: border-box
}
.clearfix:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: "."
}
.clearfix {
    min-height: 1px
}
* html .clearfix {
    height: auto;
    overflow: hidden
}
input[type=text] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: 0;
    background: 0 0
}
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 0;
    border: 0;
    outline: 0;
    background: 0 0
}
input[type=checkbox],
input[type=radio] {
    display: none
}
input[type=checkbox]:checked+label,
input[type=radio]:checked+label {
    background: red
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
    background: 0 0
}
button,
input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: 0;
    background: 0 0
}
@media screen and(max-width:750px) {
    .pc {
        display: none
    }
    span.sp_kaigyo::before {
        content: "\a";
        white-space: pre
    }
}
@media screen and(min-width:751px) {
    .sp {
        display: none
    }
    span.pc_kaigyo::before {
        content: "\a";
        white-space: pre
    }
}
span.kaigyo::before {
    content: "\a";
    white-space: pre
}
html {
    font-size: 62.5%
}
body {
    overflow-x: hidden;
    width: 100%;
    color: #231815;
    letter-spacing: 0.1rem;
    font-weight: 500;
    font-style: normal;
    font-size: 1.4rem;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    line-height: 1.6;
    font-feature-settings: "palt";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #d65a3b
}
body.fixed {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%
}
a,
a:active,
a:hover,
a:link,
a:visited {
    display: block;
    border: none;
    color: #231815;
    text-decoration: none
}
section {
    position: relative
}
.pc {
    display: none !important
}
.wrap {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: auto;
    max-width: 800px
}
.head_logo a:hover {
    opacity: .7
}
.header__logo a:hover,
.header__logo a:hover img {
    opacity: 1
}
.head_logo {
    width: 10%;
    max-width: 111px
}
.sanin_logo {
    width: 50%;
    margin: auto;
    max-width: 400px
}
#page_top a {
    color: #fff;
    padding: 25px 0 0 3px;
    font-size: 10px
}
@media all and(min-width:700px) {
    #page_top {
        bottom: 20px
    }
}
@media all and(min-width:1000px) {
    .page_top_wrap {
        position: sticky;
        width: 1000px;
        bottom: 5px;
        margin: auto;
        text-align: right;
        z-index: 1001
    }
    #page_top {
        position: relative;
        right: 10px;
        bottom: 5px;
        left: auto;
        z-index: 1001;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: #888;
        opacity: .6;
        text-align: center;
        font-weight: 700;
        margin-left: auto;
        margin-right: 0
    }
    #page_top a {
        position: relative;
        display: block;
        width: 55px;
        height: 55px;
        text-decoration: none;
        color: #fff;
        padding: 27px 0 0 4px;
        font-size: 14px
    }
    #page_top a::before {
        position: absolute;
        top: -38px;
        right: -3px;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 45px;
        height: 45px;
        color: #fff;
        content: "\f106";
        text-align: center;
        font-weight: 600;
        font-size: 43px;
        font-family: "Font Awesome 5 Free"
    }
}
.w100p {
    max-width: 100%;
    width: 100% !important
}
.w98p {
    margin: auto;
    width: 98% !important
}
.w97p {
    margin: auto;
    width: 97% !important
}
.w96p {
    margin: auto;
    width: 96% !important
}
.w90p {
    margin: auto;
    width: 90% !important
}
.w88p {
    margin: auto;
    width: 88% !important
}
.w85p {
    margin: auto;
    width: 85% !important
}
.w80p {
    margin: auto;
    width: 80% !important
}
.w70p {
    margin: auto;
    width: 70% !important
}
.w60p {
    margin: auto;
    width: 60% !important
}
.w50p {
    margin: auto;
    width: 50% !important
}
.w1300 {
    margin: auto;
    max-width: 1300px
}
.w1024 {
    margin: auto;
    max-width: 1024px !important
}
.w1000 {
    margin: auto;
    max-width: 1000px !important
}
.w800 {
    margin: auto;
    max-width: 800px !important
}
.w750 {
    margin: auto;
    max-width: 750px !important
}
.w700 {
    margin: auto;
    max-width: 700px !important
}
.w600 {
    margin: auto;
    max-width: 600px !important
}
.w650 {
    margin: auto;
    max-width: 650px !important
}
.w500 {
    margin: auto;
    max-width: 500px !important
}
.w450 {
    margin: auto;
    max-width: 450px !important
}
.w400 {
    margin: auto;
    max-width: 400px !important
}
.w100psp--w70p,
.w100psp--w80p {
    width: 100% !important;
    margin: auto
}
.w90psp--w70p {
    width: 90% !important;
    margin: auto
}
@media only screen and(min-width:768px) {
    .sp {
        display: none !important
    }
    .pc {
        display: block !important
    }
    .w100psp--w80p {
        width: 80% !important;
        margin: auto
    }
    .w100psp--w70p {
        width: 70% !important
    }
    .w90psp--w70p {
        width: 70% !important;
        margin: auto
    }
}
.m--auto {
    display: block !important;
    margin: auto !important
}
.mt--s {
    margin-top: 15px !important
}
.mt--m {
    margin-top: 25px !important
}
.mt--l {
    margin-top: 45px !important
}
.mb--s {
    margin-bottom: 15px !important
}
.mb--m {
    margin-bottom: 25px !important
}
.mb--l {
    margin-bottom: 45px !important
}
.mb---s {
    margin-bottom: -10px !important
}
.mb---m {
    margin-bottom: -25px !important
}
.mt--1p {
    margin-top: 1% !important
}
.mt--2p {
    margin-top: 2% !important
}
.mt--3p {
    margin-top: 3% !important
}
.mt--4p {
    margin-top: 4% !important
}
.mt--5p {
    margin-top: 5% !important
}
.mt--7p {
    margin-top: 7% !important
}
.mt--10p {
    margin-top: 10% !important
}
.mb--1p {
    margin-bottom: 1% !important
}
.mb--2p {
    margin-bottom: 2% !important
}
.mb--3p {
    margin-bottom: 3% !important
}
.mb--5p {
    margin-bottom: 5% !important
}
.mb--7p {
    margin-bottom: 7% !important
}
.mb--10p {
    margin-bottom: 10% !important
}
.mt--3 {
    margin-top: 3px !important
}
.mt--5 {
    margin-top: 5px !important
}
.mt--10 {
    margin-top: 10px !important
}
.mt--15 {
    margin-top: 15px !important
}
.mb--3 {
    margin-bottom: 3px !important
}
.mb--5 {
    margin-bottom: 5px !important
}
.mb--10 {
    margin-bottom: 10px !important
}
.mb--15 {
    margin-bottom: 15px !important
}
.pt--s {
    padding-top: 15px !important
}
.pt--m {
    padding-top: 25px !important
}
.pt--l {
    padding-top: 45px !important
}
.pb--s {
    padding-bottom: 15px !important
}
.pb--m {
    padding-bottom: 25px !important
}
.pb--l {
    padding-bottom: 45px !important
}
.pt--1p {
    padding-top: 1% !important
}
.pt--2p {
    padding-top: 2% !important
}
.pt--3p {
    padding-top: 3% !important
}
.pt--5p {
    padding-top: 5% !important
}
.pt--7p {
    padding-top: 7% !important
}
.pt--10p {
    padding-top: 10% !important
}
.pb--1p {
    padding-bottom: 1% !important
}
.pb--2p {
    padding-bottom: 2% !important
}
.pb--3p {
    padding-bottom: 3% !important
}
.pb--5p {
    padding-bottom: 5% !important
}
.pb--7p {
    padding-bottom: 7% !important
}
.pb--10p {
    padding-bottom: 10% !important
}
.pt--3 {
    padding-top: 3px !important
}
.pt--5 {
    padding-top: 5px !important
}
.pt--10 {
    padding-top: 10px !important
}
.pt--15 {
    padding-top: 15px !important
}
.pb--3 {
    padding-bottom: 3px !important
}
.pb--5 {
    padding-bottom: 5px !important
}
.pb--10 {
    padding-bottom: 10px !important
}
.pb--15 {
    padding-bottom: 15px !important
}
.p--3 {
    padding: 3px
}
.p--1p {
    padding: 1%
}
.p--2p {
    padding: 2%
}
.p--3p {
    padding: 3%
}
.p--5p {
    padding: 5%
}
.mt--anchor {
    margin-top: -105px !important;
    padding-top: 105px !important
}
@media all and(min-width:769px) {
    .mt--s {
        margin-top: 20px !important
    }
    .mt--m {
        margin-top: 40px !important
    }
    .mt--l {
        margin-top: 60px !important
    }
    .mt---s {
        margin-top: -20px !important
    }
    .mt---m {
        margin-top: -40px !important
    }
    .mb--s {
        margin-bottom: 20px !important
    }
    .mb--m {
        margin-bottom: 40px !important
    }
    .mb--l {
        margin-bottom: 60px !important
    }
    .pt--s {
        padding-top: 20px !important
    }
    .pt--m {
        padding-top: 40px !important
    }
    .pt--l {
        padding-top: 60px !important
    }
    .pb--s {
        padding-bottom: 20px !important
    }
    .pb--m {
        padding-bottom: 40px !important
    }
    .pb--l {
        padding-bottom: 60px !important
    }
    .mt--anchor {
        margin-top: -60px !important;
        padding-top: 60px !important
    }
}
@media all and(min-width:1024px) {
    .mt--s {
        margin-top: 25px !important
    }
    .mt--m {
        margin-top: 45px !important
    }
    .mt---s {
        margin-top: -25px !important
    }
    .mt---m {
        margin-top: -45px !important
    }
    .mt--l {
        margin-top: 80px !important
    }
    .mb--s {
        margin-bottom: 20px !important
    }
    .mb--m {
        margin-bottom: 45px !important
    }
    .mb--l {
        margin-bottom: 80px !important
    }
    .pt--s {
        padding-top: 25px !important
    }
    .pt--m {
        padding-top: 45px !important
    }
    .pt--l {
        padding-top: 80px !important
    }
    .pb--s {
        padding-bottom: 25px !important
    }
    .pb--m {
        padding-bottom: 45px !important
    }
    .pb--l {
        padding-bottom: 80px !important
    }
}
.bgColor--bk {
    background: #040000
}
.bgColor--w {
    background: #fff
}
.bgColor--yw {
    background: #ffe100
}
.bgColor--red {
    background: #930e14
}
.bgColor--gry {
    background-color: #666
}
.bgColor--or {
    background-color: #f29300
}
.bgColor--bule {
    background-color: #00a0e9
}
.fontColor--w {
    color: #fff !important
}
.fontColor--gry {
    color: #4f4d4d
}
.fontColor--shinGry {
    color: #858686
}
.fontColor--red {
    color: #930e14
}
.fontColor--blue {
    color: #00a0e9
}
a.linkText_red {
    display: inline;
    color: #930e14;
    text-decoration: underline
}
.border--top {
    border-top: 1px solid #040000
}
.border--top--bold3 {
    border-top: 3px solid #040000
}
.border--top--bold8 {
    border-top: 8px solid #040000
}
.border--top--red--bold3 {
    border-top: 3px solid #ca1c1d
}
.border--top--gry {
    border-top: 1px solid #aaa
}
.border--top--w {
    border-top: 1px solid #fff
}
.border--top--or--bold8 {
    border-top: 8px solid #f29300
}
.border--top--bule--bold8 {
    border-bottom: 8px solid #122360
}
.border--zancre {
    border: 8px solid #008bd5
}
.font--M_PLUS_Rounded {
    letter-spacing: 0;
    font-weight: 700;
    font-family: "M PLUS Rounded 1c", sans-serif;
    transform: rotateZ(0.03deg)
}
.fontSize--s {
    letter-spacing: 0;
    font-size: 1rem;
    line-height: 1.2
}
.fontSize--m {
    font-size: 1.2rem;
    line-height: 1.4
}
@media all and(min-width:769px) {
    .fontSize--s {
        letter-spacing: 0.2px;
        font-size: 1.2rem;
        line-height: 1.4
    }
    .fontSize--m {
        font-size: 1.4rem;
        line-height: 1.4
    }
}
.lineHight1 {
    line-height: 1
}
.lineHight14 {
    line-height: 1.4
}
.letterSpacing02 {
    letter-spacing: 0.2rem
}
.letterSpacing0 {
    letter-spacing: 0
}
.bold {
    font-weight: 700
}
.textAlign--l {
    text-align: left
}
.textAlign--r {
    text-align: right
}
.textAlign--c {
    text-align: center
}
.z1 {
    z-index: 1
}
.z2 {
    z-index: 2
}
.z3 {
    z-index: 3
}
.z4 {
    z-index: 4
}
.z5 {
    z-index: 1
}
.z10 {
    z-index: 10
}
.z100 {
    z-index: 100
}
.z997 {
    position: relative;
    z-index: 997
}
.z998 {
    position: relative;
    z-index: 998
}
.z999 {
    position: relative;
    z-index: 999
}
.z1000 {
    z-index: 1000
}
.shadow {
    filter:drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.1))
}
.shadow2 {
    filter:drop-shadow(6px 6px 0 rgba(0, 0, 0, 0.2))
}
.radius {
    border-radius: 10px
}
@media screen and(min-width:1001px) {
    .radius {
        border-radius: 20px
    }
}
.thumbnail,
.thumbnail02,
.thumbnail03,
.thumbnail04 {
    cursor: pointer;
    left: .3%
}
.thumbnail {
    right: .3%
}
.thumbnail .slick-track,
.thumbnail02 .slick-track,
.thumbnail03 .slick-track,
.thumbnail04 .slick-track {
    transform: unset !important
}
.thumbnail-img02 {
    opacity: .3;
    transition: opacity 0.3s linear
}
.slick-current .thumbnail-img,
.slick-current .thumbnail-img02,
.slick-current .thumbnail-img03,
.slick-current .thumbnail-img04 {
    opacity: 1;
    position: relative;
    z-index: 9999
}
.thumbnail_img01 {
    background: url('../images/btn_pre_outdoor_anchorEvent.webp') 0 0 /contain no-repeat;
    padding-top: 120%
}
.slick-current .thumbnail_img01 {
    background: url('../images/btn_pre_outdoor_on_anchorEvent.webp') 0 0 /contain no-repeat
}
.thumbnail_img02 {
    background: url('../images/btn_pre_towel_anchorEvent.webp') 0 0 /contain no-repeat;
    padding-top: 120%
}
.slick-current .thumbnail_img02 {
    background: url('../images/btn_pre_towel_on_anchorEvent.webp') 0 0 /contain no-repeat
}
.thumbnail_img03 {
    background: url('../images/btn_pre_mentuyu_anchorEvent.webp') 0 0 /contain no-repeat;
    padding-top: 120%
}
.slick-current .thumbnail_img03 {
    background: url('../images/btn_pre_mentuyu_on_anchorEvent.webp') 0 0 /contain no-repeat
}
.thumbnail_img04 {
    background: url('../images/btn_pre_hanabi_anchorEvent.webp') 0 0 /contain no-repeat;
    padding-top: 120%
}
.slick-current .thumbnail_img04 {
    background: url('../images/btn_pre_hanabi_on_anchorEvent.webp') 0 0 /contain no-repeat
}
.thumbnail_img05 {
    background: url('../images/btn_minivan_stepwgn_anchorEvent.webp') 0 0 /contain no-repeat;
    padding-top: 57%
}
.slick-current .thumbnail_img05 {
    background: url('../images/btn_minivan_stepwgn_on_anchorEvent.webp') 0 0 /contain no-repeat
}
.thumbnail_img06 {
    background: url('../images/btn_minivan_odyssey_anchorEvent.webp') 0 0 /contain no-repeat;
    padding-top: 57%
}
.slick-current .thumbnail_img06 {
    background: url('../images/btn_minivan_odyssey_on_anchorEvent.webp') 0 0 /contain no-repeat
}
.thumbnail_img07 {
    background: url('../images/btn_suv_wrv_anchorEvent.webp') 0 0 /contain no-repeat;
    padding-top: 80%
}
.slick-current .thumbnail_img07 {
    background: url('../images/btn_suv_wrv_on_anchorEvent.webp') 0 0 /contain no-repeat
}
.thumbnail_img08 {
    background: url('../images/btn_suv_vezel_anchorEvent.webp') 0 0 /contain no-repeat;
    padding-top: 80%
}
.slick-current .thumbnail_img08 {
    background: url('../images/btn_suv_vazel_on_anchorEvent.webp') 0 0 /contain no-repeat
}
.thumbnail_img09 {
    background: url('../images/btn_suv_zrv_anchorEvent.webp') 0 0 /contain no-repeat;
    padding-top: 80%
}
.slick-current .thumbnail_img09 {
    background: url('../images/btn_suv_zrv_on_anchorEvent.webp') 0 0 /contain no-repeat
}
.thumbnail_img10 {
    background: url('../images/btn_maintenance_shaken_anchorEvent.webp') 0 0 /contain no-repeat;
    padding-top: 57%
}
.slick-current .thumbnail_img10 {
    background: url('../images/btn_maintenance_shaken_on_anchorEvent.webp') 0 0 /contain no-repeat
}
.thumbnail_img11 {
    background: url('../images/btn_maintenance_tire_anchorEvent.webp') 0 0 /contain no-repeat;
    padding-top: 57%
}
.slick-current .thumbnail_img11 {
    background: url('../images/btn_maintenance_tire_on_anchorEvent.webp') 0 0 /contain no-repeat
}
.container {
    margin: auto;
    max-width: 800px;
    width: 100%
}
.container--full {
    max-width: 100%
}
.content {
    margin: auto;
    width: calc(100% - 40px);
    max-width: 760px
}
.content--pdLess,
.content--pdLess--sp {
    max-width: 100%;
    width: 100%
}
@media all and(min-width:769px) {
    .content {
        margin: auto;
        width: calc(100% - 60px)
    }
    .content--pdLess {
        max-width: 100%;
        width: 100%
    }
    .content--pdLess--sp {
        max-width: 1000px
    }
}
.db {
    display: block !important
}
.posi--r {
    position: relative
}
.posi--a {
    position: absolute
}
.posi--fix {
    position: fixed
}
.columns {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    width: 100%;
    justify-content: space-between
}
.column1 {
    margin: auto !important;
    width: 100% !important
}
.column2 {
    margin-right: 2% !important;
    width: 49% !important
}
.column2:nth-child(even) {
    margin-right: 0 !important
}
.column3 {
    margin-right: 1% !important;
    width: 32.6666666667% !important
}
.column3:nth-child(3) {
    margin-right: 0 !important
}
.column4 {
    margin-right: 1% !important;
    width: 24.25% !important
}
.column4:nth-child(4) {
    margin-right: 0 !important
}
.btn--img:hover,
a.btn--img:hover {
    opacity: .6;
    transition: 0.3s
}
.swiperModalButton {
    width: 100%;
    overflow-x: hidden !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    cursor: pointer
}
.modalOpen,
.modalOpen2 {
    cursor: pointer
}
.modalOpen2:hover,
.modalOpen:hover {
    opacity: .7
}
.modal,
.modal2 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
    pointer-events: none;
    opacity: 0;
    background-color: rgba(255, 255, 255, .7);
    position: fixed;
    z-index: 9999 !important
}
.modal.is-active,
.modal2.is-active2 {
    opacity: 1;
    pointer-events: auto
}
.modal__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer
}
.modal__content {
    position: relative;
    width: 100%;
    max-width: 880px;
    margin: auto
}
.modalInSlider {
    max-height: 88vh;
    overflow-y: scroll
}
.modalInSlider.noscroll {
    overflow-y: hidden;
    overflow-x: hidden
}
.modal_inner {
    width: 100%;
    max-width: 700px;
    margin: auto;
    justify-content: flex-start;
    align-items: center
}
.modal__close-btn {
    position: absolute;
    right: 0;
    top: -40px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 20
}
.modal__close-btn:hover {
    opacity: .8
}
.lineClose {
    vertical-align: middle;
    color: #313131;
    line-height: 1;
    border-radius: 0.1rem;
    position: absolute;
    top: -10px
}
.accordion {
    position: relative
}
.accordion-content {
    display: none;
    z-index: 1
}
.accordion-title {
    color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 3
}
.accordion-title::after {
    content: "";
    display: inline-block;
    width: 33px;
    height: 33px;
    background-image: url('../images/ico_plus.webp');
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 47%;
    right: -3px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    margin: auto;
    z-index: 999
}
.accordion-title.open::after {
    content: "";
    display: inline-block;
    width: 33px;
    height: 33px;
    background-image: url('../images/ico_batu.webp');
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 47%;
    right: -3px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    margin: auto;
    z-index: 999
}
@media only screen and(min-width:768px) {
    .accordion-title.open::after,
    .accordion-title::after {
        width: 54px;
        height: 54px;
        top: 48%;
        right: -3px
    }
}
.toggle-content {
    display: block;
    position: relative;
    box-sizing: border-box
}
footer {
    margin-top: 20%;
    position: relative
}
footer .floating_menu {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
    transform: translateY(100%);
    transition: transform 0.3s;
    background-color: rgba(255, 255, 255, .8) !important
}
footer .floating_menu.visible {
    transform: translateY(0)
}
@media only screen and(max-width:767px) {
    footer {
        margin-top: 120px
    }
}
#page_top {
    opacity: .6;
    text-align: center;
    font-weight: 700;
    position: fixed;
    right: 10px;
    bottom: 3%;
    z-index: 100;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #888;
    opacity: .6
}
#page_top a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none
}
#page_top a::before {
    content: "\f106";
    position: absolute;
    top: -15px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 25px;
    height: 25px;
    color: #fff;
    content: "\f106";
    text-align: center;
    font-weight: 900;
    font-size: 25px;
    font-family: "Font Awesome 5 Free"
}
.modal_btn {
    cursor: pointer;
    top: 12%;
    width: 7.5%;
    z-index: 100;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: 0.5s
}
.modal_btn:hover {
    opacity: 1 !important;
    transition: 0.5s
}
.modal_bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 5, .6);
    cursor: pointer
}
.modal_box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 100%
}
.modal_inner {
    position: absolute;
    right: 50%;
    bottom: 50%;
    z-index: 2;
    overflow: auto;
    padding: 5px;
    width: calc(100% - 30px);
    height: calc(100vh - 100px);
    transform: translate(50%, 50%);
    display: table
}
.modal_inner .modal_block {
    display: table-cell;
    vertical-align: middle
}
.modal_inner .modal_block .popup--bg {
    display: block;
    margin: auto;
    max-width: 700px;
    max-height: 90vh;
    overflow: auto
}
.modal_close {
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 1000;
    width: 71px;
    height: 66px;
    color: #fff;
    font-size: 7rem;
    line-height: .8;
    cursor: pointer
}
.fadein {
    opacity: 0
}
.fadein--show {
    -webkit-animation: 0.7s forwards fadein--show;
    animation: 0.7s forwards fadein--show
}
@-webkit-keyframes fadein--show {
    0% {
        opacity: 0;
        transform: translate(0, 0)
    }
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}
@keyframes fadein--show {
    0% {
        opacity: 0;
        transform: translate(0, 0)
    }
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}
.boyoyon.fadein--show {
    -webkit-animation: 0.5s forwards boyoyon;
    animation: 0.5s 1s forwards boyoyon
}
@-webkit-keyframes boyoyon {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }
    50% {
        transform: scale(0.9)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}
@keyframes boyoyon {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }
    50% {
        transform: scale(0.9)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}
.fadeinLeft.fadein--show {
    -webkit-animation: 0.5s forwards fadein--l;
    animation: 0.5s forwards fadein--l;
    animation-delay: 1s !important
}
.fadeinRight.fadein--show {
    -webkit-animation: 0.5s forwards fadein--r;
    animation: 0.5s forwards fadein--r;
    animation-delay: 0.2s !important
}
@-webkit-keyframes fadein--r {
    0% {
        opacity: 0;
        transform: translate(-3%, 0)
    }
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}
@keyframes fadein--r {
    0% {
        opacity: 0;
        transform: translate(-3%, 0)
    }
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}
@-webkit-keyframes fadein--l {
    0% {
        opacity: 0;
        transform: translate(3%, 0)
    }
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}
@keyframes fadein--l {
    0% {
        opacity: 0;
        transform: translate(3%, 0)
    }
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}
.mainvisual_title.fadein--show {
    -webkit-animation: 0.5s forwards boyoyon;
    animation: 0.5s 1.8s forwards boyoyon
}
.mainvisual_car.fadein--show {
    -webkit-animation: 0.3s forwards fadein--l;
    animation: 0.3s 2.3s forwards fadein--l
}
#loading {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #fff;
    text-align: center
}
#loading_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
#loading .kvArea {
    width: 100%
}
#loading .kvArea .img_box {
    text-align: center
}
#loading .kvArea .img_box img {
    width: 90% !important;
    max-width: 400px !important;
    height: auto;
    margin: auto
}
.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: forwards;
    opacity: 1
}
@keyframes fadeUpAnime {
    from {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0
    }
}
.kiran-img {
    position: relative;
    max-width: 100%;
    overflow: hidden !important;
    z-index: 1;
    border-radius: 10px
}
@media screen and(min-width:500px) {
    .kiran-img {
        border-radius: 15px
    }
}
.kiran-img2 {
    position: relative;
    max-width: 100%;
    overflow: hidden !important;
    z-index: 1;
    border-radius: 30px
}
.kiran-img3 {
    position: relative;
    max-width: 100%;
    overflow: hidden !important;
    z-index: 1;
    border-radius: 60px
}
.kiran-img4 {
    position: relative;
    max-width: 100%;
    overflow: hidden !important;
    z-index: 1;
    border-radius: 0
}
.kiran {
    height: 100%;
    width: 20px;
    position: absolute;
    top: -84px;
    left: 0;
    background-color: rgba(255, 255, 255, .9);
    opacity: 0;
    transform: rotate(20deg);
    animation: 2s ease-in-out infinite reflection;
    -webkit-transform: rotate(45deg);
    -webkit-animation: 2s ease-in-out infinite reflection;
    -moz-transform: rotate(45deg);
    -moz-animation: 2s ease-in-out infinite reflection;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: 2s ease-in-out infinite reflection
}
@keyframes reflection {
    0% {
        transform: scale(0) rotate(45deg);
        opacity: 0
    }
    30% {
        transform: scale(0) rotate(45deg);
        opacity: .5
    }
    31% {
        transform: scale(4) rotate(45deg);
        opacity: 1
    }
    100% {
        transform: scale(50) rotate(45deg);
        opacity: 0
    }
}
@-webkit-keyframes reflection {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0
    }
    30% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: .5
    }
    31% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0
    }
}
@-moz-keyframes reflection {
    0% {
        -moz-transform: scale(0) rotate(45deg);
        opacity: 0
    }
    30% {
        -moz-transform: scale(0) rotate(45deg);
        opacity: .5
    }
    31% {
        -moz-transform: scale(4) rotate(45deg);
        opacity: 1
    }
    100% {
        -moz-transform: scale(50) rotate(45deg);
        opacity: 0
    }
}
.btn-area {
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    max-width: 570px
}
.btn-area .btn:nth-child(2) {
    margin-top: -1.5rem
}
.btn-sensing {
    position: absolute;
    width: 15%;
    z-index: 10
}
.btn-sensing.step-wgn-spada {
    top: 22%;
    left: 8.4%
}
.btn-sensing.n-box-custom {
    top: 31%;
    left: 8.4%
}
.btn-sensing.n-box {
    top: 29.5%;
    left: 8.4%
}
.btn-sensing.n-van {
    top: 32%;
    left: 8.4%
}
.btn-sensing.fit {
    top: 21%;
    left: 8.4%
}
.btn-sensing.zr-v {
    top: 20.5%;
    left: 8.4%
}
.btn-sensing.wr-v {
    top: 19.5%;
    left: 8.4%
}
.btn-sensing.prelude {
    top: 58%;
    left: 11.4%
}
#mainvisual {
    background-image: url('../images/01_mainvisual/bg_1.webp');
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat
}
.title-1 {
    position: absolute;
    top: 16%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    z-index: 5
}
.navigation {
    padding: 5%
}
.navigation .btn--img {
    filter:drop-shadow(2px 6px 4px rgba(0, 0, 0, 0.35))
}
#dream-fair {
    background-image: url('../images/02_dream_fair/bg_1.webp');
    background-size: 100%;
    background-position: top;
    background-repeat: repeat-y
}
#dream-fair .title {
    padding: 4% 4% 0
}
#dream-fair .contact-btn {
    background-color: #fff
}
#dream-fair .contact-btn .btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 19%;
    margin: 0 auto;
    width: 80%
}
#summer-sale {
    background-image: url('../images/00_common/bg_2.webp');
    background-size: 100%;
    background-position: top;
    background-repeat: repeat-y
}
#summer-sale .title {
    padding: 4%
}
#summer-sale .search-car-btn {
    background-color: #fff
}
#summer-sale .search-car-btn .btn {
    right: 0;
    margin: 0 auto;
    width: 80%;
    padding: 4rem 0
}
#debut {
    background-image: url('../images/03_debut/bg_1.webp');
    background-size: 100%;
    background-position: top;
    background-repeat: repeat-y
}
#debut .btn-info {
    position: absolute;
    top: 79%;
    width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto
}
#other .usedcar-search a {
    position: absolute;
    top: 56%;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0
}
#other .rakumaru a {
    position: absolute;
    bottom: 1.5%;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0
}
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}
.lb-loader,
.lightbox {
    text-align: center;
    line-height: 0;
    position: absolute;
    left: 0
}
body.lb-disable-scrolling {
    overflow: hidden
}
.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    opacity: .8;
    display: none;
    cursor: pointer !important
}
.lightbox {
    width: 100%;
    z-index: 10000;
    font-weight: 400;
    outline: 0;
    cursor: pointer !important
}
.lightbox .lb-image {
    display: block;
    border-radius: 3px;
    width: 90% !important;
    max-width: 863px !important;
    margin: auto;
    height: auto !important
}
.lightbox a img {
    border: none
}
.lb-outerContainer {
    position: relative;
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto;
    height: auto !important;
    border-radius: 4px
}
@media screen and(min-width:769px) {
    .lb-outerContainer {
        width: 90% !important
    }
}
.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}
.lb-loader {
    top: 43%;
    height: 25%;
    width: 100%
}
.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url('../images/loading.gif') no-repeat
}
.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}
.lb-container > .nav {
    left: 0
}
.lb-nav a {
    outline: 0;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==')
}
.lb-next,
.lb-prev {
    height: 100%;
    cursor: pointer;
    display: block
}
.lb-nav a.lb-prev {
    width: 30%;
    left: 0;
    float: left;
    background: url('../images/prev2.webp') left 48% no-repeat;
    opacity: 1;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s
}
.lb-nav a.lb-prev:hover {
    opacity: 1
}
.lb-nav a.lb-next {
    width: 30%;
    right: 0;
    float: right;
    background: url('../images/next2.webp') right 48% no-repeat;
    opacity: 1;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s
}
.asd .lb-nav a.lb-prev {
    background: url('../images/prev2.webp') left 48% no-repeat !important
}
.lb-nav a.lb-next:hover {
    opacity: 1
}
.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}
.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}
.lb-data {
    padding: 0 4px;
    color: #ccc
}
.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}
.lb-data .lb-caption {
    font-size: 13px;
    font-weight: 700;
    line-height: 1em
}
.lb-data .lb-caption a {
    color: #4ae
}
.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999
}
.lb-data .lb-close {
    display: block;
    float: right;
    width: 45px;
    height: 45px;
    background: url('../images/close.png') top right/contain no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s
}
@media screen and(min-width:769px) {
    .lb-nav a.lb-prev {
        background: url('../images/prev3.webp') left 48% no-repeat
    }
    .lb-nav a.lb-next {
        background: url('../images/next3.webp') right 48% no-repeat
    }
    .lb-data .lb-close {
        width: 60px;
        height: 60px;
        position: absolute;
        top: 10px;
        right: 5%
    }
}
.lb-data .lb-close:hover {
    cursor: pointer;
    opacity: 1
}
.slider {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    padding: 0
}
.slider img:hover {
    opacity: 1 !important
}
.slick-slide img {
    width: 100%;
    display: block
}
.slick-next:before,
.slick-prev:before {
    color: #000
}
.slick-active,
.slick-current {
    opacity: 1
}
.slider div {
    margin: 0
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: 0
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    transition: 0.3s ease-in-out;
    position: relative;
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-loading .slick-slide {
    visibility: hidden
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
.slick-loading .slick-list {
    background: url('ajax-loader.gif') center center no-repeat #fff
}
.prev {
    position: absolute;
    z-index: 99;
    width: 30px !important;
    top: calc(50% - 30px) !important;
    left: 0;
    cursor: pointer
}
.next {
    position: absolute;
    z-index: 99;
    width: 30px !important;
    top: calc(50% - 30px) !important;
    right: 0;
    cursor: pointer
}
@media screen and(min-width:769px) {
    .prev {
        position: absolute;
        z-index: 99;
        width: 60px !important;
        top: calc(50% - 60px) !important;
        left: 0;
        cursor: pointer
    }
    .next {
        position: absolute;
        z-index: 99;
        width: 60px !important;
        top: calc(50% - 60px) !important;
        right: 0;
        cursor: pointer
    }
}
:root {
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}
.swiper-pointer-events {
    touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}
.swiper-slide-invisible-blank {
    visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}
.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 0;
    right: auto
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: ""
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 0;
    left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: ""
}
.swiper-button-lock {
    display: none
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity 0.3s;
    transform: translate3d(0, 0, 0);
    z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33)
}
.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}
.swiper-pagination-bullet:only-child {
    display: none !important
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform 0.2s, top 0.2s
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, left 0.2s
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, right 0.2s
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}
.swiper-pagination-lock {
    display: none
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}
.swiper-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}
.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}
.swiper-scrollbar-cursor-drag {
    cursor: move
}
.swiper-scrollbar-lock {
    display: none
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}
.swiper-zoom-container > canvas,
.swiper-zoom-container>img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}
.swiper-slide-zoomed {
    cursor: move
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: 1s linear infinite swiper-preloader-spin;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}
.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}
.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}
.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}
.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-cube {
    overflow: visible
}
.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter:blur(50px)
}
.swiper-flip {
    overflow: visible
}
.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}
.swiper-cards {
    overflow: visible
}
.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}
.swiper-button-next,
.swiper-button-prev {
    width: 30px !important
}
@media screen and(min-width:769px) {
    .swiper-button-next,
    .swiper-button-prev {
        width: 60px !important
    }
}
.lineClose {
    display: block;
    float: right;
    width: 45px;
    height: 45px;
    background: url('../images/close.webp') top right/contain no-repeat;
    text-align: right;
    outline: 0
}

.btn-sensing.none-e_1 {
 top:16%;
 right:15%   
}
.btn-sensing.none-e_2 {
 top:4.5%;
 right:15%   
}