@charset "utf-8";
/* font Oswald */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
/**/
header {
  position: relative;
}
.header.fixed {
  position: relative;
}
#mainWrap h1, #mainWrap h2, #mainWrap h2 span, #mainWrap h3, #mainWrap h3 span, #mainWrap h4, #mainWrap h4 span, #mainWrap p, #mainWrap dt, #mainWrap dd {
  color: inherit;
  font-size: inherit;
  line-height: 1;
  padding: 0;
  margin: 0;
  border: 0;
}
#mainWrap h2 {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  text-align: center;
}
#mainWrap h2 span.colorY {
  color: #d3cd48;
}
#mainWrap h2 span.jp {
  font-weight: 400;
  display: block;
}
#mainWrap h3 {
  font-weight: 800;
}
#mainWrap h4 {
  font-weight: 600;
}
@media print, screen and (max-width: 750.99px) {
  #mainWrap {
    padding-top: 50px;
  }
  #mainWrap h2 {
    font-size: 60px;
  }
  #mainWrap h2 span.jp {
    font-size: 12px;
    padding-top: 20px;
  }
  #mainWrap h3 {
    font-size: 18px;
    padding-top: 30px;
  }
  #mainWrap h4 {
    font-size: 14px;
    padding-top: 20px;
  }
}
@media print, screen and (min-width: 751px) {
  #mainWrap h2 {
    font-size: min(80 / 1600 * 100vw, 80px);
  }
  #mainWrap h2 span.jp {
    font-size: min(20 / 1600 * 100vw, 20px);
    padding-top: min(20 / 1600 * 100vw, 20px);
  }
  #mainWrap h3 {
    font-size: min(28 / 1600 * 100vw, 28px);
    padding-top: min(40 / 1600 * 100vw, 40px);
  }
  #mainWrap h4 {
    font-size: min(20 / 1600 * 100vw, 20px);
    padding-top: min(30 / 1600 * 100vw, 30px);
  }
}
#mainWrap p, #mainWrap li {
  font-weight: 300;
  line-height: 1.6;
}
@media print, screen and (max-width: 750.99px) {
  #mainWrap p {
    font-size: 12px;
    padding-top: 15px;
  }
  #mainWrap li {
    font-size: 12px;
  }
}
@media print, screen and (min-width: 751px) {
  #mainWrap p {
    font-size: min(14 / 1600 * 100vw, 14px);
    padding-top: min(20 / 1600 * 100vw, 20px);
  }
  #mainWrap li {
    font-size: min(14 / 1600 * 100vw, 14px);
  }
  #mainWrap input {
    font-size: min(16 / 1600 * 100vw, 16px);
  }
}
#mainWrap dl {
  margin: 0 auto;
}
#mainWrap dt, #mainWrap dd {
  font-weight: 600;
  line-height: 1;
}
@media print, screen and (max-width: 750.99px) {
  #mainWrap dl {
    width: calc(345 / 375 * 100vw);
    padding-top: 10px;
  }
  #mainWrap dt, #mainWrap dd {
    font-size: 14px;
    line-height: calc(22.4 / 14);
  }
  #mainWrap dt {
    margin-top: 20px;
  }
  #mainWrap dd span {
    font-size: 11px;
  }
}
@media print, screen and (min-width: 751px) {
  #mainWrap dl {
    width: min(1258 / 1600 * 100vw, 1258px);
    display: flex;
    flex-wrap: wrap;
  }
  #mainWrap dt, #mainWrap dd {
    font-size: min(20 / 1600 * 100vw, 20px);
    padding: min(18 / 1600 * 100vw, 18px) min(20 / 1600 * 100vw, 20px);
  }
  #mainWrap dt {
    width: min(320 / 1600 * 100vw, 320px);
  }
  #mainWrap dd {
    width: min(938 / 1600 * 100vw, 938px);
  }
  #mainWrap dd span {
    font-size: min(14 / 1600 * 100vw, 14px);
  }
}
.contentsWrap img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
}
#mainWrap a {
  color: #000;
}
#mainWrap .alignCenter {
  text-align: center;
}
#mainWrap .alignRight {
  text-align: right;
}
@media print, screen and (max-width: 750.99px) {
  #mainWrap .flexWrap_sp {
    display: flex;
  }
  #mainWrap .sp {
    display: block;
  }
  #mainWrap .pc {
    display: none;
  }
  #mainWrap .paddingT0_sp {
    padding-top: 0 !important;
  }
}
@media print, screen and (min-width: 751px) {
  #mainWrap .flexWrap {
    display: flex;
  }
  #mainWrap .sp {
    display: none;
  }
  #mainWrap .pc {
    display: block;
  }
  #mainWrap .paddingT0 {
    padding-top: 0 !important;
  }
}
/*




*/
.parentWrapBlack, .parentWrapWhite {
  position: relative;
  z-index: 1;
}
.mountain_b, .mountain_w, .mountain_y {
  line-height: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto;
}
.parentWrapBlack .mountain_b {
  top: calc(-9.5 / 375 * 100vw);
}
.parentWrapBlack .mountain_w, .parentWrapBlack .mountain_y {
  bottom: 0;
}
.parentWrapWhite .mountain_b {
  bottom: 0;
}
@media print, screen and (max-width: 750.99px) {
  .mountain_b, .mountain_w, .mountain_y {
    width: 80%;
  }
}
@media print, screen and (min-width: 751px) {
  .mountain_b, .mountain_w, .mountain_y {
    width: 50vw;
  }
}
#mainWrap .parentWrapBlack {
  background-color: #000;
}
#mainWrap .parentWrapBlack h2 {
  color: #fff;
}
/*




*/
#areaOutline p {
  font-weight: bold;
  color: #fff;
  text-align: center;
}
@media print, screen and (max-width: 750.99px) {
  #areaOutline {
    padding: 60px 0;
  }
  #areaOutline p {
    font-size: 18px;
    line-height: calc(36 / 18);
    padding: 0 20px;
  }
}
@media print, screen and (min-width: 751px) {
  #areaOutline {
    padding-top: min(100 / 1600 * 100vw, 100px);
    padding-bottom: min(130 / 1600 * 100vw, 130px);
  }
  #areaOutline p {
    font-size: min(28 / 1600 * 100vw, 28px);
    line-height: calc(56 / 28);
  }
  #areaOutline .mountain_b {
    top: calc(-26 / 1600 * 100vw);
  }
}
/*




*/
#areaNews > .flexWrap {
  margin: 0 auto;
}
#areaNews p a {
  color: #d30d0d;
}
#areaNews ul {
  border-top: 2px solid #000;
}
#areaNews li {
  font-weight: 700;
  border-bottom: 2px solid #000;
}
#areaNews li a {
  display: block;
}
#areaNews li:has(a) {
  padding: 0;
}
#areaNews a {
  font-weight: 700;
}
@media print, screen and (max-width: 750.99px) {
  #areaNews {
    padding: 45px 0;
  }
  #areaNews > .flexWrap {
    width: calc(345 / 375 * 100vw);
  }
  #areaNews ul {
    margin-top: 30px;
  }
  #areaNews li, #areaNews li a {
    font-size: 14px;
    padding: 10px 0;
  }
  #areaNews .flexWrap .listDate {
    display: block;
  }
  #areaNews p {
    padding-top: 30px;
  }
  #areaNews p a {
    font-size: 18px;
  }
}
@media print, screen and (min-width: 751px) {
  #areaNews {
    padding: min(80 / 1600 * 100vw, 80px) 0;
  }
  #areaNews h2 {
    text-align: left;
  }
  #areaNews > .flexWrap {
    width: min(1258 / 1600 * 100vw, 1258px);
  }
  #areaNews .flexWrap div:first-child {
    width: min(270 / 1600 * 100vw, 270px);
  }
  #areaNews .flexWrap div:last-child {
    width: min(988 / 1600 * 100vw, 988px);
  }
  #areaNews .flexWrap .listDate {
    width: min(150 / 1600 * 100vw, 150px);
  }
  #areaNews .flexWrap .listNews {
    width: min(813 / 1600 * 100vw, 813px);
  }
  #areaNews li, #areaNews li a {
    font-size: min(20 / 1600 * 100vw, 20px);
    padding: min(15 / 1600 * 100vw, 15px) min(30 / 1600 * 100vw, 30px);
  }
  #areaNews p {
    padding-top: min(60 / 1600 * 100vw, 60px);
  }
  #areaNews p a {
    font-size: min(28 / 1600 * 100vw, 28px);
  }
}
@media (hover: hover) {
  #areaNews a {
    transition: 0.2s;
  }
  #areaNews a:hover {
    text-decoration: none;
    opacity: 0.3;
  }
}
/*




*/
#areaEntry {
  color: #fff;
}
#areaEntry .alignCenter {
  color: #d6cf36;
}
#areaEntry .flexWrap {
  margin: 0 auto;
}
#btnEntry {
  margin: 0 auto;
}
#btnEntry a {
  font-weight: 900;
  text-align: center;
  display: block;
  border: 3px solid #fff;
  background-color: #d6cf36;
}
#areaEntry .flexWrap li {
  text-indent: -1em;
  padding-left: 1em;
}
@media print, screen and (max-width: 750.99px) {
  #areaEntry {
    padding: 60px 0 45px;
  }
  #areaEntry .alignCenter {
    font-size: 21px;
    padding-top: 36px;
  }
  #btnEntry {
    width: calc(345 / 375 * 100vw);
    margin-top: 20px;
  }
  #btnEntry a {
    font-size: 22px;
    border-radius: 30px;
    line-height: 60px;
  }
  #areaEntry .flexWrap {
    width: calc(345 / 375 * 100vw);
    margin-top: 45px;
  }
  #areaEntry .flexWrap p, #areaEntry .flexWrap ul {
    font-size: 12px;
    padding-top: 15px;
  }
  #parkingMap {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 751px) {
  #areaEntry {
    padding: min(90 / 1600 * 100vw, 90px) 0;
  }
  #areaEntry .alignCenter {
    font-size: min(30 / 1600 * 100vw, 30px);
    padding-top: min(60 / 1600 * 100vw, 60px);
  }
  #btnEntry {
    width: min(616 / 1600 * 100vw, 616px);
    margin-top: min(20 / 1600 * 100vw, 20px);
  }
  #btnEntry a {
    font-size: min(34 / 1600 * 100vw, 34px);
    border-radius: min(40 / 1600 * 100vw, 40px);
    line-height: min(80 / 1600 * 100vw, 80px);
  }
  #areaEntry .flexWrap {
    width: min(1258 / 1600 * 100vw, 1258px);
    justify-content: space-between;
    margin-top: min(80 / 1600 * 100vw, 80px);
  }
  #areaEntry .flexWrap p, #areaEntry .flexWrap ul {
    font-size: min(14 / 1600 * 100vw, 14px);
    padding-top: min(20 / 1600 * 100vw, 20px);
  }
  #areaEntry .flexWrap div:first-child {
    width: min(616 / 1600 * 100vw, 616px);
  }
  #parkingMap {
    width: min(280 / 1600 * 100vw, 280px);
  }
  #areaEntry .flexWrap div:last-child {
    width: min(280 / 1600 * 100vw, 280px);
  }
}
@media (hover: hover) {
  #btnEntry a {
    transition: 0.2s;
  }
  #btnEntry a:hover {
    text-decoration: none;
    background-color: #fff;
  }
}
/*




*/
#areaAbout dt {
  color: #fff;
  background-color: #000;
}
#areaAbout dd {
  color: #000;
  background-color: #fff;
}
#jimnyXC {
  position: absolute;
}
@media print, screen and (max-width: 750.99px) {
  #areaAbout {
    overflow: hidden;
    padding: 45px 0;
  }
  #areaAbout dt, #areaAbout dd {
    padding: 15px 20px;
  }
  #areaAbout dd {
    border: 1px solid #000;
  }
  #jimnyXC {
    width: 208px;
    top: 550px;
    right: -30px;
  }
}
@media print, screen and (min-width: 751px) {
  #areaAbout {
    width: min(1258 / 1600 * 100vw, 1258px);
    margin-left: auto;
    margin-right: auto;
    padding-top: min(90 / 1600 * 100vw, 90px);
    padding-bottom: min(76 / 1600 * 100vw, 76px);
  }
  #areaAbout dl {
    border-bottom: 2px solid #000;
    margin-top: min(60 / 1600 * 100vw, 60px);
  }
  #areaAbout dt {
    border-top: 2px solid #fff;
  }
  #areaAbout dt:first-of-type {
    border-top: 2px solid #000;
  }
  #areaAbout dd {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
  }
  #jimnyXC {
    width: min(328 / 1600 * 100vw, 328px);
    top: min(100 / 1600 * 100vw, 100px);
    right: 0;
  }
}
/*

*/
#attention {
  border: 2px solid #d30d0d;
  margin: 0 auto;
}
#attention h3 {
  color: #fff;
  background-color: #d30d0d;
}
#attention p {
  color: #000;
  font-weight: 400;
}
@media print, screen and (max-width: 750.99px) {
  #attention {
    width: calc(345 / 375 * 100vw);
    margin-top: 65px;
  }
  #attention h3 {
    font-size: 18px;
    letter-spacing: -0.04em;
    text-align: center;
    padding: 16px;
  }
  #attention img {
    width: 29px;
    display: block;
    margin: 0 auto 15px;
  }
  #attention p {
    font-size: 12px;
    line-height: calc(19.2 / 12);
    padding: 15px;
  }
}
@media print, screen and (min-width: 751px) {
  #attention {
    width: min(1258 / 1600 * 100vw, 1258px);
    margin-top: min(30 / 1600 * 100vw, 30px);
  }
  #attention h3 {
    font-size: min(28 / 1600 * 100vw, 28px);
    padding: min(28 / 1600 * 100vw, 28px) min(40 / 1600 * 100vw, 40px);
  }
  #attention img {
    width: min(37 / 1600 * 100vw, 37px);
    vertical-align: top;
    margin-right: min(32 / 1600 * 100vw, 32px);
  }
  #attention p {
    font-size: min(16 / 1600 * 100vw, 16px);
    line-height: calc(25.6 / 16);
    padding: min(30 / 1600 * 100vw, 40px) min(40 / 1600 * 100vw, 40px);
  }
}
/*




*/
#areaLocation h2 {
  color: #fff;
}
#areaLocation h3 {
  color: #fff;
  font-weight: 600;
  text-align: center;
}
#areaLocation p {
  color: #fff;
  text-align: center;
}
#gmap {
  margin-left: auto;
  margin-right: auto;
}
#areaLocation dt {
  color: #000;
  background-color: #fff;
}
#areaLocation dd {
  color: #fff;
  background-color: #000;
}
@media print, screen and (max-width: 750.99px) {
  #areaLocation {
    padding: 45px 0;
  }
  #gmap {
    width: calc(345 / 375 * 100vw);
    margin-top: calc(30 / 375 * 100vw);
  }
  #gmap iframe {
    width: calc(345 / 375 * 100vw);
    height: calc(220 / 375 * 100vw);
  }
  #areaLocation h3 {
    font-size: 21px;
    padding-top: 35px;
  }
  #areaLocation p {
    font-size: 14px;
    padding-top: 20px;
  }
  #areaLocation dt, #areaLocation dd {
    padding: 13px 20px;
  }
  #areaLocation dd {
    border: 1px solid #fff;
  }
}
@media print, screen and (min-width: 751px) {
  #areaLocation {
    padding-top: min(90 / 1600 * 100vw, 90px);
    padding-bottom: min(150 / 1600 * 100vw, 150px);
  }
  #areaLocation h3 {
    padding-top: min(60 / 1600 * 100vw, 60px);
  }
  #areaLocation p {
    font-size: min(20 / 1600 * 100vw, 20px);
    padding-top: min(30 / 1600 * 100vw, 30px);
  }
  #gmap {
    width: min(1120 / 1600 * 100vw, 1120px);
    margin-top: min(30 / 1600 * 100vw, 30px);
  }
  #gmap iframe {
    width: min(1120 / 1600 * 100vw, 1120px);
    height: min(400 / 1600 * 100vw, 400px);
  }
  #areaLocation dl {
    border-bottom: 2px solid #fff;
    margin-top: min(40 / 1600 * 100vw, 40px);
  }
  #areaLocation dt {
    border-top: 2px solid #000;
  }
  #areaLocation dt:first-of-type {
    border-top: 2px solid #fff;
  }
  #areaLocation dd {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
/*




*/
#areaPhotos {
  position: relative;
}
#areaPhotos span {
  color: #000;
  font-weight: 700;
  position: absolute;
  display: block;
  background-color: #fff;
}
@media print, screen and (max-width: 750.99px) {
  #areaPhotos span {
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(38 / 375 * 100vw);
    white-space: nowrap;
    box-shadow: 0 0 calc(7 / 375 * 100vw) calc(7 / 375 * 100vw) rgba(0, 0, 0, 0.2);
    left: 50%;
    transform: translateX(-50%);
    padding: 0 calc(13 / 375 * 100vw);
  }
  #areaPhotos span:first-of-type {
    top: calc(251 / 375 * 100vw);
  }
  #areaPhotos span:nth-child(2) {
    top: calc(327 / 375 * 100vw);
  }
  #areaPhotos span:nth-child(3) {
    top: calc(401 / 375 * 100vw);
  }
}
@media print, screen and (min-width: 751px) {
  #areaPhotos span {
    font-size: min(48 / 1600 * 100vw, 48px);
    line-height: min(77 / 1600 * 100vw, 77px);
    box-shadow: 0 0 min(20 / 1600 * 100vw, 20px) min(20 / 1600 * 100vw, 20px) rgba(0, 0, 0, 0.2);
    padding: 0 min(25 / 1600 * 100vw, 25px);
  }
  #areaPhotos span:first-of-type {
    top: calc(155 / 1600 * 100vw);
    left: calc(329 / 1600 * 100vw);
  }
  #areaPhotos span:nth-child(2) {
    top: calc(267 / 1600 * 100vw);
    left: calc(427 / 1600 * 100vw);
  }
  #areaPhotos span:nth-child(3) {
    top: calc(374 / 1600 * 100vw);
    left: calc(937 / 1600 * 100vw);
  }
}
/*




*/
#listNotice {
  margin: 0 auto;
}
#listNotice li {
  text-indent: -1em;
  padding-left: 1em;
}
#listNotice ul ul,#listNotice li li {
  padding-top: 0;
}
#listNotice a {
  color: #0000ff;
  text-decoration: underline;
}
@media print, screen and (max-width: 750.99px) {
  #areaNotice {
    padding: 60px 0 45px;
  }
  #listNotice {
    width: calc(345 / 375 * 100vw);
    padding-top: 15px;
  }
  #listNotice ul {
    padding-top: 5px;
  }
  #listNotice li {
    padding-top: 10px;
  }
}
@media print, screen and (min-width: 751px) {
  #areaNotice {
    padding: min(90 / 1600 * 100vw, 90px) 0;
  }
  #listNotice {
    width: min(1258 / 1600 * 100vw, 1258px);
    padding-top: min(40 / 1600 * 100vw, 40px);
  }
  #listNotice ul {
    padding-top: min(20 / 1600 * 100vw, 20px);
  }
  #listNotice li {
    padding-top: min(10 / 1600 * 100vw, 10px);
  }
}
@media (hover: hover) {
  #listNotice a {
    transition: 0.2s;
  }
  #listNotice a:hover {
    text-decoration: none;
  }
}
/*




*/
#areaInsta {
  background-image: url("/car/jimny/special/jimny_day/img/insta_bg.jpg");
  background-repeat: repeat-y;
  background-position: center top;
}
#areaInsta a {
  display: block;
  background-color: #fff;
  margin: 0 auto;
}
/*#areaInsta p {
  font-weight: 500;
}
#areaInsta form {
  border: 1px solid #000;
  justify-content: space-between;
}
#areaInsta input {
  display: block;
  text-align: center;
}
#areaInsta input:first-of-type {
  font-weight: 600;
  width: calc(100% - 4.5em);
}
#areaInsta input:last-of-type {
  color: #fff;
  letter-spacing: 0.2em;
  width: 4.5em;
  background-color: #000;
}*/
@media print, screen and (max-width: 750.99px) {
  #areaInsta {
    background-size: 100%;
    padding: 45px 0;
  }
  #areaInsta a {
    width: calc(300 / 375 * 100vw);
    padding: 30px 27px;
  }
  /*#areaInsta p {
    padding-top: 15px;
  }
  #areaInsta form {
    border-radius: 5px;
    margin-top: 5px;
  }
  #areaInsta input {
    font-size: 12px;
    border-radius: 5px;
    line-height: 30px;
    padding: 0 12px;
  }
  #areaInsta input:last-of-type {
    border-radius: 0 5px 5px 0;
  }*/
  #instaqr {
    width: 180px;
    margin: 30px auto 0;
  }
}
@media print, screen and (min-width: 751px) {
  #areaInsta {
    background-size: 100%;
    padding: min(40 / 1600 * 100vw, 40px) 0;
  }
  #areaInsta a {
    width: min(800 / 1600 * 100vw, 800px);
    justify-content: space-between;
    padding: min(40 / 1600 * 100vw, 40px) min(108 / 1600 * 100vw, 108px);
  }
  #followme {
    width: min(347 / 1600 * 100vw, 347px);
  }
  /*#areaInsta p {
    padding-top: min(30 / 1600 * 100vw, 30px);
  }
  #areaInsta form {
    border-radius: min(10 / 1600 * 100vw, 10px);
    margin-top: min(10 / 1600 * 100vw, 10px);
  }
  #areaInsta input {
    border-radius: min(10 / 1600 * 100vw, 10px);
    line-height: min(42 / 1600 * 100vw, 42px);
    padding: 0 min(18 / 1600 * 100vw, 18px);
  }
  #areaInsta input:first-of-type {
    font-size: min(18 / 1600 * 100vw, 18px);
  }
  #areaInsta input:last-of-type {
    border-radius: 0 min(10 / 1600 * 100vw, 10px) min(10 / 1600 * 100vw, 10px) 0;
  }*/
  #instaqr {
    width: min(178 / 1600 * 100vw, 178px);
    margin-top: min(26 / 1600 * 100vw, 26px);
  }
}
@media (hover: hover) {
  #areaInsta a {
    transition: 0.2s;
  }
  #areaInsta a:hover {
    opacity: 0.7;
  }
}
/*







*/
#aside {
  padding-top: 45px;
}
#aside #links {
  justify-content: center;
}
@media print, screen and (min-width: 751px) {
  #aside {
    padding-top: min(80 / 1600 * 100vw, 80px);
  }
}
/* ------------------------------
loading
------------------------------ */
#loading {
  width: 100%;
  height: 100%;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center;
  opacity: 1;
  transition: opacity 1s ease;
}
#loading .loader {
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  margin: auto
}
#loading.fade-out {
  opacity: 0;
}
/*







*/
@media screen {
  .scIn.fadeIn {
    opacity: 0;
    -webkit-opacity: 0;
    transition-duration: 0.5s;
    transition-property: opacity;
    transition-timing-function: ease;
  }
  .scIn.fadeIn.move {
    opacity: 1;
    -webkit-opacity: 1;
  }
  .scIn.fadeZoomIn {
    opacity: 0;
    -webkit-opacity: 0;
    transform: scale(0.95, 0.95);
    transition-duration: 0.5s;
    transition-property: opacity, transform;
    transition-timing-function: ease;
  }
  .scIn.fadeZoomIn.move {
    opacity: 1;
    -webkit-opacity: 1;
    transform: scale(1);
  }
  .scIn.zoomIn {
    transform: scale(1.15, 1.15);
    transition-duration: 1.2s;
    transition-property: transform;
  }
  .scIn.zoomIn.move {
    transform: scale(1);
  }
  .scIn.slideInBottom {
    opacity: 0;
    -webkit-opacity: 0;
    transform: translateY(50px);
    transition-duration: 0.5s;
    transition-property: opacity, transform;
  }
  .scIn.slideInBottom.move {
    opacity: 1;
    -webkit-opacity: 1;
    transform: translateY(0px);
  }
  .scIn.slideInLeft {
    opacity: 0;
    -webkit-opacity: 0;
    position: relative;
    transition-duration: 0.5s;
    transition-property: opacity, transform;
    transform: translateX(-100px);
  }
  .scIn.slideInLeft.move {
    opacity: 1;
    -webkit-opacity: 1;
    transform: translateX(0px);
  }
  .scIn.slideInRight {
    opacity: 0;
    -webkit-opacity: 0;
    transition-duration: 0.5s;
    transition-property: opacity, transform;
    transform: translateX(100px);
  }
  .scIn.slideInRight.move {
    opacity: 1;
    -webkit-opacity: 1;
    transform: translateX(0px);
  }
}
.scIn.delay100 {
  transition-delay: 100ms !important;
}
.scIn.delay200 {
  transition-delay: 200ms !important;
}
.scIn.delay300 {
  transition-delay: 300ms !important;
}
.scIn.delay400 {
  transition-delay: 400ms !important;
}
.scIn.delay500 {
  transition-delay: 500ms !important;
}
.scIn.delay1000 {
  transition-delay: 1000ms !important;
}