@charset "utf-8";
@import url("https://use.typekit.net/nwr3bsz.css"); /*価格のみ*/
a:hover {
  text-decoration: none;
}
button {
  background-color: transparent;
}
#wrapJimny {
  background-color: #fff;
}
#wrapJimny h3 span {
  padding-bottom: 0;
}
.box .box1_1_sp, .box .box2_1_sp, .box .box3_1_sp, .box .box3_2_sp {
  margin-top: 0;
}
.box .box2_1_pc, .box .box3_1_pc, .box .box4_1_pc, .box .box3_2_pc, .box .box4_3_pc {
  margin-top: 0;
}
@media screen and (max-width: 750.99px) {
  #wrapJimny {
    padding-bottom: calc(20 / 375 * 100vw);
  }
  #wrapJimny h2 img {
    height: calc(50 / 375 * 100vw);
    width: auto;
  }
}
@media screen and (min-width: 751px) {
  #wrapJimny h2 img {
    height: min(85 / 1600 * 100vw, 85px);
    width: auto;
  }
  .contentsInner {
    width: min(1229 / 1600 * 100vw, 1229px);
    margin-left: auto;
    margin-right: auto;
  }
}
/*




*/
#kv {
  position: relative;
}
#kv_logo {
  position: absolute;
  display: none;
}
@media screen and (max-width: 750.99px) {
  #kv_logo {
    bottom: calc(15 / 375 * 100vw);
    left: calc(25 / 375 * 100vw);
    width: calc(100 / 375 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #kv_logo {
    bottom: calc(60 / 1600 * 100vw);
    left: calc(120 / 1600 * 100vw);
    width: calc(304 / 1600 * 100vw);
  }
}
/*



*/
#banner a {
  display: block;
}
@media screen and (max-width: 750.99px) {
  #banner {
    padding: calc(15 / 375 * 100vw) calc(60 / 375 * 100vw) calc(60 / 375 * 100vw);
  }
  #banner .box {
    padding-top: 0;
  }
  #banner .box3_1_pc {
    margin-top: calc(15 / 375 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #banner {
    padding-bottom: min(120 / 1600 * 100vw, 120px);
  }
  #banner .box {
    width: min(1229 / 1600 * 100vw, 1229px);
    margin-top: min(40 / 1600 * 100vw, 40px);
    column-gap: min(6 / 1600 * 100vw, 6px);
  }
  #banner .box3_1_pc {
    width: min(401 / 1600 * 100vw, 401px);
  }
  #banner .box3_1_pc {
    width: min(407 / 1600 * 100vw, 407px);
    border-right: 1px solid #d5d5d5;
    padding-right: min(6 / 1600 * 100vw, 6px);
  }
  #banner .box3_1_pc:last-of-type {
    width: min(401 / 1600 * 100vw, 401px);
    border-right: none;
    padding-right: 0;
  }
}
/*



*/
#introduction {
  text-align: center;
}
#introduction h2 img {
  height: auto;
}
#introduction p {
  text-align: center;
}
@media screen and (max-width: 750.99px) {
  #introduction {
    padding-bottom: calc(60 / 375 * 100vw);
  }
  #introduction h2 img {
    width: calc(300 / 375 * 100vw);
  }
  #introduction h3 {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(23 / 20);
    padding-top: calc(45 / 375 * 100vw);
  }
  #introduction p {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(24 / 14);
    padding-top: calc(30 / 375 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #introduction {
    padding-bottom: min(120 / 1600 * 100vw, 120px);
  }
  #introduction h2 img {
    width: min(700 / 1600 * 100vw, 700px);
  }
  #introduction h3 {
    font-size: min(40 / 1600 * 100vw, 40px);
    line-height: calc(46 / 40);
    padding-top: min(80 / 1600 * 100vw, 80px);
  }
  #introduction p {
    font-size: min(25 / 1600 * 100vw, 25px);
    line-height: calc(57 / 25);
    padding-top: min(60 / 1600 * 100vw, 60px);
  }
}
/*



*/
.video {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  background-color: #000;
}
.bg-video {
  max-width: 100%;
  vertical-align: top;
}
@media screen and (max-width: 750.99px) {
  .video {
    height: 56.25vw;
  }
}
@media screen and (min-width: 751px) {
  .video {
    aspect-ratio: 1600 / 900;
  }
  .bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
  }
}
/*



*/
#movie {
  position: relative;
  background-color: #000;
}
#slide {
  position: relative;
  background: linear-gradient(to bottom, #000000 20%, #1f1f1f 100%);
  z-index: 2;
}
#slide h3, #slide p {
  color: #fff;
}
@media screen and (max-width: 750.99px) {
  #movie h3 {
    font-size: calc(15 / 375 * 100vw);
  }
  #slide {
    margin-top: calc(40 / 375 * 100vw);
  }
  #slide p {
    font-size: calc(12 / 375 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #movie h3 {
    font-size: min(24 / 1600 * 100vw, 24px);
  }
  #slide {
    margin-top: min(60 / 1600 * 100vw, 60px);
  }
  #slide p {
    font-size: min(18 / 1600 * 100vw, 18px);
  }
}
#movie .swiper-slide {
  opacity: 0.6;
}
#movie .swiper-slide-active {
  opacity: 1;
}
#movie .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
}
#movie .swiper-pagination-bullet-active {
  opacity: 1;
}
#movie .swiper-button-next, #movie .swiper-button-prev {
  color: #fff;
  position: absolute;
  top: auto;
  border: 1px solid #fff;
}
@media screen and (max-width: 750.99px) {
  #slide .swiper {
    padding: 0 0 calc(140 / 375 * 100vw);
  }
  #movie .swiper-slide {
    padding: 0 calc(10 / 375 * 100vw);
  }
  #movie .swiper-horizontal > .swiper-pagination-bullets, #movie .swiper-pagination-bullets.swiper-pagination-horizontal, #movie .swiper-pagination-custom, #movie .swiper-pagination-fraction {
    bottom: calc(52.5 / 375 * 100vw);
  }
  #movie .swiper-pagination-bullet {
    width: calc(10 / 375 * 100vw);
    height: calc(10 / 375 * 100vw);
  }
  #movie .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, #movie .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 calc(5 / 375 * 100vw);
  }
  #movie .swiper-button-next, #movie .swiper-button-prev {
    bottom: calc(40 / 375 * 100vw);
    width: calc(40 / 375 * 100vw);
    height: calc(40 / 375 * 100vw);
  }
  #movie .swiper-button-prev {
    left: calc(92.5 / 375 * 100vw);
  }
  #movie .swiper-button-next {
    right: calc(92.5 / 375 * 100vw);
  }
  #movie .swiper-button-next:after, #movie .swiper-button-prev:after {
    font-size: calc(12 / 375 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #slide {
    padding: 0 0 min(60 / 1600 * 100vw, 60px);
  }
  #slide .swiper {
    width: min(1212 / 1600 * 100vw, 1212px);
    margin: 0 auto;
    padding-bottom: min(120 / 1600 * 100vw, 120px);
  }
  #slide .swiper-slide {
    padding: 0 min(20 / 1600 * 100vw, 20px);
  }
  #movie .swiper-horizontal > .swiper-pagination-bullets, #movie .swiper-pagination-bullets.swiper-pagination-horizontal, #movie .swiper-pagination-custom, #movie .swiper-pagination-fraction {
    bottom: min(20 / 1600 * 100vw, 20px);
  }
  #movie .swiper-pagination-bullet {
    width: min(10 / 1600 * 100vw, 10px);
    height: min(10 / 1600 * 100vw, 10px);
  }
  #movie .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, #movie .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 min(5 / 1600 * 100vw, 5px);
  }
  #movie .swiper-button-next, #movie .swiper-button-prev {
    bottom: 0;
    width: min(60 / 1600 * 100vw, 60px);
    height: min(60 / 1600 * 100vw, 60px);
  }
  #movie .swiper-button-prev {
    left: max(50% - (180 / 1600 * 100vw), calc(50% - 180px));
  }
  #movie .swiper-button-next {
    right: max(50% - (180 / 1600 * 100vw), calc(50% - 180px));
  }
  #movie .swiper-button-next:after, #movie .swiper-button-prev:after {
    font-size: min(24 / 1600 * 100vw, 24px);
  }
  #movie .swiper-button-next:hover, #movie .swiper-button-prev:hover {
    background-color: #fff;
  }
  #movie .swiper-button-next:hover:after, #movie .swiper-button-prev:hover:after {
    color: #000;
  }
}
/*





*/
#price {
  background-color: #e6eae3;
}
#price .box {
  padding-top: 0;
}
#price .box2_1_pc {
  margin-top: 0;
}
#price h3, #price h4, #price p {
  font-weight: 700;
}
#priceJimny {
  position: relative;
}
#price .contentsInner > .box {
  display: block;
}
@media screen and (max-width: 750.99px) {
  #price {
    padding-bottom: calc(30 / 375 * 100vw);
  }
  #price .contentsInner {
    width: calc(345 / 375 * 100vw);
    margin: 0 auto;
  }
  #price .contentsInner > .box {
    column-gap: 0;
    margin-top: 0;
  }
  #price #priceJimny .box > .box2_1_pc:last-child {
    position: relative;
    height: calc(370 / 375 * 100vw);
  }
  #price h2 {
    padding-top: calc(60 / 375 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #price {
    padding: min(120 / 1600 * 100vw, 120px) 0 min(60 / 1600 * 100vw, 60px);
  }
  #price .contentsInner {
    position: relative;
  }
  #price h2 {}
  #priceJimny {
    height: min(660 / 1600 * 100vw, 660px);
  }
}
/**/
#price .gradeTab {
  background-color: #fafdfa;
  border: 2px solid #2b2d2d;
}
#price .gradeTab ul {
  display: flex;
}
#price .gradeTab span, .gradeTab button {
  display: block;
  font-weight: 700;
  text-align: center;
  width: 100%;
}
#price .gradeTab span, #price .gradeTab button {
  color: #000;
}
#price .gradeTab span.active, #price .gradeTab button.active {
  color: #fff;
  background-color: #2b2d2d;
}
@media screen and (max-width: 750.99px) {
  #price .gradeTab {
    width: calc(345 / 375 * 100vw);
    margin-top: calc(20 / 375 * 100vw) !important;
  }
  #price .gradeTab ul {
    column-gap: calc(5 / 375 * 100vw);
    padding: calc(5 / 375 * 100vw);
  }
  #price .gradeTab li {
    width: calc(161.25 / 375 * 100vw);
  }
  #price .gradeTab span, #price .gradeTab button {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(35 / 375 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #price .gradeTab {
    width: min(500 / 1600 * 100vw, 500px);
    margin-top: min(45 / 1600 * 100vw, 45px) !important;
  }
  #price .gradeTab ul {
    column-gap: min(8 / 1600 * 100vw, 8px);
    padding: min(8 / 1600 * 100vw, 8px);
  }
  #price .gradeTab li {
    width: min(345 / 1600 * 100vw, 345px);
  }
  #price .gradeTab span, #price .gradeTab button {
    font-size: min(18 / 1600 * 100vw, 18px);
    line-height: min(60 / 1600 * 100vw, 60px);
    font-weight: 700;
    text-align: center;
    width: 100%;
  }
  #price .gradeTab button:hover {
    color: #fff;
    background-color: #2b2d2d;
  }
}
/**/
#price h3 span {
  font-weight: 700;
  display: block;
}
@media screen and (max-width: 750.99px) {
  #price h3 {
    padding-top: calc(60 / 375 * 100vw);
  }
  #price h3 span {
    font-size: calc(12 / 375 * 100vw);
    padding-top: calc(10 / 375 * 100vw);
  }
  #price h3 img {
    height: calc(35 / 375 * 100vw);
    width: auto;
  }
}
@media screen and (min-width: 751px) {
  #price .contentsInner .box .box2_1_pc {
    width: min(490 / 1600 * 100vw, 490px);
  }
  #price .contentsInner .box > .box2_1_pc:first-child div {
    margin-top: 0;
  }
  #priceJimny h3 {
    padding-top: min(140 / 1600 * 100vw, 140px);
  }
  #price h3 img {
    height: min(70 / 1600 * 100vw, 70px);
    width: auto;
  }
  #price h3 span {
    font-size: min(18 / 1600 * 100vw, 18px);
    padding-top: min(20 / 1600 * 100vw, 20px);
  }
}
#price #priceJimny .msrp p {
  display: none;
}
#price #priceJimny .msrp p.active {
  display: block;
}
@media screen and (max-width: 750.99px) {
  #price h4 {
    font-size: calc(12 / 375 * 100vw);
    padding-top: calc(20 / 375 * 100vw);
  }
  #price .msrp p {
    font-size: calc(30 / 375 * 100vw);
    padding-top: 0;
  }
}
@media screen and (min-width: 751px) {
  #price h4 {
    font-size: min(18 / 1600 * 100vw, 18px);
    padding-top: min(30 / 1600 * 100vw, 30px);
  }
  #price .msrp p {
    font-size: min(48 / 1600 * 100vw, 48px);
    padding-top: 0;
  }
}
#price ul.priceLink a {
  color: #fff;
  text-align: center;
  font-weight: 900;
  line-height: 1;
  display: block;
  border: 1px solid #fff;
  background-color: #2b2d2d;
  position: relative;
  transition: 0.2s;
}
#price ul.priceLink a:after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  transition: 0.2s;
}
@media screen and (max-width: 750.99px) {
  #price ul.priceLink {
    width: calc(250 / 375 * 100vw);
    margin: 0 auto;
    padding-top: calc(30 / 375 * 100vw);
  }
  #price ul.priceLink li:last-child {
    padding-top: calc(10 / 375 * 100vw);
  }
  #price ul.priceLink li a {
    line-height: calc(40 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
  }
  #price ul.priceLink li a:after {
    border-width: calc(4 / 375 * 100vw) 0 calc(4 / 375 * 100vw) calc(6 / 375 * 100vw);
    margin-left: calc(6 / 375 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #price ul.priceLink {
    width: min(500 / 1600 * 100vw, 500px);
    padding-top: min(30 / 1600 * 100vw, 30px);
  }
  #price ul.priceLink li:last-child {
    padding-top: min(20 / 1600 * 100vw, 20px);
  }
  #price ul.priceLink li a {
    font-size: min(18 / 1600 * 100vw, 18px);
    line-height: min(58 / 1600 * 100vw, 58px);
    padding: 0;
  }
  #price ul.priceLink li a:after {
    border-width: min(7 / 1600 * 100vw, 7px) 0 min(7 / 1600 * 100vw, 7px) min(11 / 1600 * 100vw, 11px);
    margin-left: min(12 / 1600 * 100vw, 12px);
  }
  #price ul.priceLink li a:hover {
    color: #000;
    background-color: #fff;
    border: 1px solid #2b2d2d;
  }
  #price ul.priceLink a:hover:after {
    border-color: transparent transparent transparent #2b2d2d;
  }
}
@media screen and (max-width: 750.99px) {
  #wrapJimny #price .bodycolorWrap {
    width: calc(345 / 375 * 100vw);
  }
  #price img.reel {
    width: calc(214 / 375 * 100vw);
    height: calc(148 / 375 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #price .contentsInner .box > .box2_1_pc:last-child {
    width: min(680 / 1600 * 100vw, 680px);
    position: absolute;
    right: 0;
    top: 0;
  }
  #price img.reel {
    width: min(424 / 1600 * 100vw, 424px);
    height: min(292 / 1600 * 100vw, 292px);
  }
}
#price .reel-indicator.x {
  background-color: #2b2d2d;
  border-radius: 50%;
  z-index: 5;
}
#wrapJimny #price .rotate360 {
  position: relative;
  z-index: 2;
}
#wrapJimny #price .bar {
  position: relative;
}
#wrapJimny #price .bar:after {
  content: "";
  position: absolute;
  width: 100%;
  background: #8e8e93;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 750.99px) {
  #wrapJimny #price .bar {
    width: calc(224 / 375 * 100vw);
    height: calc(20 / 375 * 100vw);
    margin: calc(80 / 375 * 100vw) auto 0;
  }
  #wrapJimny #price .bar:after {
    height: calc(2 / 375 * 100vw);
    top: calc(10 / 375 * 100vw);
  }
  #price .reel-indicator.x {
    width: calc(20 / 375 * 100vw) !important;
    height: calc(20 / 375 * 100vw) !important;
  }
}
@media screen and (min-width: 751px) {
  #wrapJimny #price .bar {
    width: min(448 / 1600 * 100vw, 448px);
    height: min(30 / 1600 * 100vw, 30px);
    margin: min(132 / 1600 * 100vw, 132px) auto 0;
  }
  #wrapJimny #price .bar:after {
    height: min(2 / 1600 * 100vw, 2px);
    top: min(15 / 1600 * 100vw, 15px);
  }
  #price .reel-indicator.x {
    width: min(30 / 1600 * 100vw, 30px) !important;
    height: min(30 / 1600 * 100vw, 30px) !important;
  }
  #price .reel-indicator.x:hover {
    cursor: pointer;
  }
}
#wrapJimny #price .icon_360 {
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 750.99px) {
  #wrapJimny #price .icon_360 {
    width: calc(100 / 375 * 100vw);
    top: calc(190 / 375 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #wrapJimny #price .icon_360 {
    width: min(135 / 1600 * 100vw, 135px);
    top: min(362 / 1600 * 100vw, 362px);
  }
}
@media screen and (max-width: 750.99px) {}
@media screen and (min-width: 751px) {
  #price .bodycolorWrap {
    margin-top: 0;
  }
  #priceJimny .bodycolorWrap {
    width: min(680 / 1600 * 100vw, 680px);
  }
}
#price .colorchip button {
  position: relative;
}
#price .colorchip button img {
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.28));
}
#price .colorchip button.active:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #fff;
  border-radius: 50%;
}
#price .bodycolor {
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750.99px) {
  #price .colorchip {
    column-gap: calc(15 / 375 * 100vw);
    margin: calc(20 / 375 * 100vw) auto 0;
  }
  #price #jimny_xcWrap .colorchip:nth-of-type(3) {
    width: calc(260 / 375 * 100vw);
  }
  #price #jimny_xcWrap .colorchip:nth-of-type(4) {
    width: calc(260 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
  }
  #price #jimny_xgWrap .colorchip {
    width: calc(165 / 375 * 100vw);
  }
  #price .colorchip button {
    width: calc(30 / 375 * 100vw);
  }
  #price .colorchip button.active:after {
    width: calc(24 / 375 * 100vw);
    height: calc(24 / 375 * 100vw);
    border: calc(2 / 375 * 100vw) solid #fff;
  }
}
@media screen and (min-width: 751px) {
  #price .colorchip {
    column-gap: min(20 / 1600 * 100vw, 20px);
    margin: min(40 / 1600 * 100vw, 40px) auto 0;
  }
  #price #jimny_xcWrap .colorchip:nth-of-type(3) {
    width: min(352 / 1600 * 100vw, 352px);
  }
  #price #jimny_xcWrap .colorchip:nth-of-type(4) {
    width: min(352 / 1600 * 100vw, 352px);
    margin-top: min(20 / 1600 * 100vw, 20px);
  }
  #price #jimny_xlWrap .colorchip {
    width: min(476 / 1600 * 100vw, 476px);
  }
  #price #jimny_xgWrap .colorchip {
    width: min(228 / 1600 * 100vw, 228px);
  }
  #price .colorchip button {
    width: min(42 / 1600 * 100vw, 42px);
  }
  #price .colorchip button.active:after {
    width: min(32 / 1600 * 100vw, 32px);
    height: min(32 / 1600 * 100vw, 32px);
  }
}
@media screen and (max-width: 750.99px) {
  #price .bodycolor {
    font-size: min(12 / 375 * 100vw);
    margin-top: min(15 / 375 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #price .bodycolor {
    font-size: min(24 / 1600 * 100vw, 24px);
    margin-top: min(30 / 1600 * 100vw, 30px);
  }
}
/*

*/
#priceJimny .bodycolorWrap {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
#priceJimny .bodycolorWrap.active {
  visibility: visible;
}
/*



*/
.linkBox a {
  color: #fff;
  font-weight: 700;
  text-align: center;
  display: block;
  transition: 0.3s;
}
.linkBox a:after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  transition: 0.3s;
}
@media screen and (max-width: 750.99px) {
  .linkBox a {
    font-size: calc(12 / 375 * 100vw);
    line-height: calc(40 / 375 * 100vw);
    width: calc(250 / 375 * 100vw);
    background-color: #000000;
    border: 2px solid #000000;
  }
  .linkBox a:after {
    border-width: calc(4 / 375 * 100vw) 0 calc(4 / 375 * 100vw) calc(6 / 375 * 100vw);
    margin-left: calc(6 / 375 * 100vw);
    margin-bottom: calc(1 / 375 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  .linkBox a {
    font-size: min(24 / 1600 * 100vw, 24px);
    line-height: min(58 / 1600 * 100vw, 58px);
    width: min(380 / 1600 * 100vw, 380px);
    background-color: rgba(0, 0, 0, 0.3);
    border: 2px solid #fff;
  }
  .linkBox a:after {
    border-width: min(8 / 1600 * 100vw, 8px) 0 min(8 / 1600 * 100vw, 8px) min(12 / 1600 * 100vw, 12px);
    margin-left: min(12 / 1600 * 100vw, 12px);
  }
  .linkBox a:hover {
    color: #000;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .linkBox a:hover:after {
    border-color: transparent transparent transparent #000;
  }
}
/*





*/
#suzukiconnect {
  width: 100%;
  background-color: #e6eae3;
}
#suzukiconnect a {
  transition: 0.2s;
}
#suzukiconnect p {
  color: #000;
  font-weight: 700;
  position: relative;
  text-decoration: none;
}
#suzukiconnect p {
  text-align: right;
}
#suzukiconnect p:after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-color: transparent transparent transparent #000;
}
@media screen and (max-width: 750.99px) {
  #suzukiconnect {
    padding: 0 calc(30 / 375 * 100vw) calc(40 / 375 * 100vw);
  }
  #suzukiconnect .item_inner {
    width: calc(315 / 375 * 100vw);
    margin: 0 auto;
  }
  #suzukiconnect p:after {
    border-width: calc(8 / 750 * 100vw) 0 calc(8 / 750 * 100vw) calc(12 / 750 * 100vw);
    margin-left: calc(12 / 750 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #suzukiconnect {
    padding-bottom: min(120 / 1600 * 100vw, 120px);
  }
  #suzukiconnect .item_inner {
    width: min(1038 / 1600 * 100vw, 1038px);
    margin: 0 auto;
  }
  #suzukiconnect p:after {
    border-width: min(6 / 1600 * 100vw, 6px) 0 min(6 / 1600 * 100vw, 6px) min(10 / 1600 * 100vw, 10px);
    margin-left: min(12 / 1600 * 100vw, 12px);
  }
  #suzukiconnect a:hover {
    opacity: 0.5;
  }
}
/*






*/
#wrapJimny .item_box {
  position: relative;
  background-color: #ffffff;
}
#wrapJimny .item_box .textWrap p {
  font-weight: 700;
}
@media screen and (max-width: 750.99px) {
  #wrapJimny .item_box {
    padding-top: calc(60 / 375 * 100vw);
  }
  #wrapJimny .item_box .item_inner h2 {
    margin: 0 calc(15 / 375 * 100vw);
  }
  #wrapJimny .item_box .textWrap p {
    padding: calc(20 / 375 * 100vw) calc(15 / 375 * 100vw) 0;
    font-size: calc(14 / 375 * 100vw);
  }
  #wrapJimny .item_box .item_bg {
    margin-top: calc(20 / 375 * 100vw);
  }
  #wrapJimny .item_box .linkBox a {
    margin-top: calc(20 / 375 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 751px) {
  #wrapJimny .item_box {
    padding-top: min(60 / 1600 * 100vw, 60px);
  }
  #wrapJimny .item_box .item_inner {
    position: relative;
  }
  #wrapJimny .item_box.item1 .item_inner .textWrap {
    position: absolute;
    top: 50%;
    left: calc(70 / 1600 * 100vw);
    transform: translateY(-50%);
  }
  #wrapJimny .item_box.item1 .item_inner .textWrap p {
    padding-top: min(30 / 1600 * 100vw, 30px);
    font-size: min(20 / 1600 * 100vw, 20px);
  }
  #wrapJimny .item_box.item1 .item_inner .textWrap .linkBox {
    padding-top: min(60 / 1600 * 100vw, 60px);
  }
  #wrapJimny .item_box.item2 .item_inner h2 {
    position: absolute;
    top: calc(60 / 1600 * 100vw);
    left: calc(70 / 1600 * 100vw);
    z-index: 2
  }
  #wrapJimny .item_box.item2 .item_inner .linkBox {
    position: absolute;
    bottom: calc(60 / 1600 * 100vw);
    left: calc(70 / 1600 * 100vw);
    z-index: 2
  }
}
/*



*/
@media screen and (min-width: 751px) {
  #wrapJimny #design.item_box {
    padding-top: 0;
  }
}
/*



*/
@media screen and (max-width: 750.99px) {
  #wrapJimny .item_box.item1 .item_inner .textWrap p {
    color: #000000;
  }
}
@media screen and (min-width: 751px) {
  #wrapJimny .item_box.item1 .item_inner .textWrap p {
    color: #000000;
  }
  #wrapJimny #interior.item_box.item1 .item_inner .textWrap p {
    color: #ffffff;
  }
}
/*



*/
@media screen and (max-width: 750.99px) {
  #relatedBanner {
    padding: 0 calc(15 / 375 * 100vw);
  }
  #relatedBanner .box {
    column-gap: 0;
    row-gap: calc(16 / 750 * 100vw);
  }
  #relatedBanner .box2_1_pc {
    width: 100%;
  }
}
@media screen and (min-width: 751px) {
  #aside .row {
    row-gap: min(15 / 1600 * 100vw, 15px);
    margin-top: min(33 / 1600 * 100vw, 33px);
  }
}