@charset "utf-8";
a:hover {
  text-decoration: none;
}
button {
  background-color: transparent;
}
#wrapJimny {
  background-color: #fff;
}
#wrapJimny h2 {
  text-align: center;
}
#wrapJimny h3 span {
  padding-bottom: 0;
}
@media screen and (max-width: 750.99px) {
  #wrapJimny {
    padding-bottom: 0;
  }
  #wrapJimny h2 img {
    height: calc(72 / 750 * 100vw);
    width: auto;
  }
}
@media screen and (min-width: 751px) {
  #wrapJimny h2 img {
    height: min(72 / 1600 * 100vw, 72px);
    width: auto;
  }
  .contentsInner {
    width: min(1233 / 1600 * 100vw, 1233px);
    margin-left: auto;
    margin-right: auto;
  }
}
/*




*/
#kv {
  position: relative;
}
#kv_logo {
  position: absolute;
  z-index: 10;
}
@media screen and (max-width: 750.99px) {
  #kv_logo {
    bottom: calc(40 / 375 * 100vw);
    left: calc(20 / 375 * 100vw);
    width: calc(170 / 375 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #kv_logo {
    bottom: calc(60 / 1600 * 100vw);
    left: calc(120 / 1600 * 100vw);
    width: calc(300 / 1600 * 100vw);
  }
}
/**/
.video {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  background-color: #000;
  aspect-ratio: 1920 / 810;
}
.bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  max-width: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  vertical-align: top;
}
/*

*/
#banner a {
  display: block;
}
@media screen and (max-width: 750.99px) {
  #banner {
    padding: calc(30 / 375 * 100vw) calc(60 / 375 * 100vw);
  }
  #banner .box {
    margin-top: 0;
    row-gap: calc(30 / 375 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #banner {
    padding-bottom: min(40 / 1600 * 100vw, 40px);
  }
  #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(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;
  }
}
/*



*/
#movie {
  position: relative;
  background-color: #2b2d2d;
}
#slide {
  position: relative;
  z-index: 2;
}
#slide h3, #slide p {
  color: #fff;
}
@media screen and (max-width: 750.99px) {
  #movie {
    padding-top: calc(80 / 750 * 100vw);
  }
  #movie h3 {
    font-size: calc(30 / 750 * 100vw);
  }
  #slide p {
    font-size: calc(24 / 750 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #movie {
    padding-top: min(60 / 1600 * 100vw, 60px);
  }
  #movie h3 {
    font-size: min(24 / 1600 * 100vw, 24px);
  }
  #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(240 / 750 * 100vw);
  }
  #movie .swiper-slide {
    padding: 0 calc(20 / 750 * 100vw);
  }
  #movie .swiper-horizontal > .swiper-pagination-bullets, #movie .swiper-pagination-bullets.swiper-pagination-horizontal, #movie .swiper-pagination-custom, #movie .swiper-pagination-fraction {
    bottom: calc(105 / 750 * 100vw);
  }
  #movie .swiper-pagination-bullet {
    width: calc(20 / 750 * 100vw);
    height: calc(20 / 750 * 100vw);
  }
  #movie .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, #movie .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 calc(10 / 750 * 100vw);
  }
  #movie .swiper-button-next, #movie .swiper-button-prev {
    bottom: calc(80 / 750 * 100vw);
    width: calc(80 / 750 * 100vw);
    height: calc(80 / 750 * 100vw);
  }
  #movie .swiper-button-prev {
    left: calc(185 / 750 * 100vw);
  }
  #movie .swiper-button-next {
    right: calc(185 / 750 * 100vw);
  }
  #movie .swiper-button-next:after, #movie .swiper-button-prev:after {
    font-size: calc(24 / 750 * 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: #fef3ed;
}
#price h2 {
  font-size: 0;
  line-height: 1;
  margin-left: auto;
  margin-right: auto;
}
#price h3, #price h4, #price p {
  text-align: center;
  font-weight: 700;
}
#priceNomade {
  position: relative;
}
@media screen and (max-width: 750.99px) {
  #price {
    padding-bottom: calc(45 / 375 * 100vw);
  }
  #price .contentsInner {
    width: calc(690 / 750 * 100vw);
    margin: 0 auto;
    padding-bottom: calc(30 / 375 * 100vw);
  }
  #price .contentsInner > .box {
    display: block;
    column-gap: 0;
    margin-top: 0;
  }
  #price h2 {
    padding-top: calc(80 / 750 * 100vw);
  }
  #priceNomade {
    margin-top: calc(22 / 375 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #price {
    padding: min(60 / 1600 * 100vw, 60px) 0 min(120 / 1600 * 100vw, 120px);
  }
  #price .contentsInner {
    position: relative;
  }
  #priceNomade {
    margin-top: min(60 / 1600 * 100vw, 60px);
  }
}
/**/
#price .gradeTab {
  background-color: #fafdfa;
  border: 2px solid #2b2d2d;
  margin: 0 auto;
  z-index: 2;
}
#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(360 / 750 * 100vw);
  }
  #price .gradeTab ul {
    padding: calc(15 / 750 * 100vw);
  }
  #price .gradeTab li {
    width: calc(322.5 / 750 * 100vw);
  }
  #price .gradeTab span, #price .gradeTab button {
    font-size: calc(24 / 750 * 100vw);
    line-height: calc(70 / 750 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #price .gradeTab {
    width: min(369 / 1600 * 100vw, 369px);
  }
  #price .gradeTab ul {
    padding: min(10 / 1600 * 100vw, 10px);
  }
  #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(30 / 375 * 100vw);
  }
  #price h3 span {
    font-size: calc(24 / 750 * 100vw);
    padding-top: calc(20 / 750 * 100vw);
  }
  #price h3 img {
    height: calc(70 / 750 * 100vw);
    width: auto;
  }
}
@media screen and (min-width: 751px) {
  #price .contentsInner .box > .box2_1_pc:first-child {
    width: min(500 / 1600 * 100vw, 500px);
  }
  #price .contentsInner .box > .box2_1_pc:first-child div {
    margin-top: 0;
  }
  #priceNomade h3 {
    padding-top: min(100 / 1600 * 100vw, 100px);
  }
  #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);
  }
}
@media screen and (max-width: 750.99px) {
  #price h4 {
    font-size: calc(24 / 750 * 100vw);
    padding-top: calc(48 / 750 * 100vw);
  }
  #price .msrp p {
    font-size: calc(60 / 750 * 100vw);
    padding-top: 0;
  }
}
@media screen and (min-width: 751px) {
  #price h4 {
    font-size: min(18 / 1600 * 100vw, 18px);
    padding-top: min(45 / 1600 * 100vw, 45px);
  }
  #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(500 / 750 * 100vw);
    margin: 0 auto;
    padding-top: calc(60 / 750 * 100vw);
  }
  #price ul.priceLink li:last-child {
    padding-top: calc(20 / 750 * 100vw);
  }
  #price ul.priceLink li a {
    line-height: calc(80 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
  }
  #price ul.priceLink li a: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) {
  #price ul.priceLink {
    position: absolute;
    left: min(60 / 1600 * 100vw, 60px);
    width: min(380 / 1600 * 100vw, 380px);
  }
  #priceNomade ul.priceLink {
    top: min(367 / 1600 * 100vw, 367px);
  }
  #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(690 / 750 * 100vw);
  }
  #price img.reel {
    width: calc(428 / 750 * 100vw);
    height: calc(295.17 / 750 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #price .contentsInner .box > .box2_1_pc:last-child {
    width: min(680 / 1600 * 100vw, 680px);
    position: relative;
  }
  #wrapJimny .rotate360 > div {
    height: min(474 / 1600 * 100vw, 474px);
  }
  #price img.reel {
    width: min(424 / 1600 * 100vw, 424px);
    height: min(292 / 1600 * 100vw, 292px);
  }
}
/**/
#price .icon360 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto;
}
@media screen and (max-width: 750.99px) {
  #price .icon360 {
    top: calc(430 / 375 * 100vw);
    width: calc(100 / 375 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #price .icon360 {
    top: min(450 / 1600 * 100vw, 450px);
    width: min(135 / 1600 * 100vw, 135px);
  }
}
/**/
#price .reel-indicator.x {
  background-color: #2b2d2d;
  border-radius: 50%;
  z-index: 5;
}
#wrapJimny #price .bar {
  position: relative;
}
#wrapJimny #price .bar:after {
  content: "";
  position: absolute;
  width: 100%;
  background: #8e8e93;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 750.99px) {
  #wrapJimny #price .bar {
    width: calc(448 / 750 * 100vw);
    height: calc(40 / 750 * 100vw);
    margin: calc(185 / 750 * 100vw) auto 0;
  }
  #wrapJimny #price .bar:after {
    height: calc(4 / 750 * 100vw);
    top: calc(20 / 750 * 100vw);
  }
  #price .reel-indicator.x {
    width: calc(40 / 750 * 100vw) !important;
    height: calc(40 / 750 * 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(150 / 1600 * 100vw, 150px) 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;
  }
}
@media screen and (max-width: 750.99px) {}
@media screen and (min-width: 751px) {
  #price .bodycolorWrap {
    margin-top: min(72 / 1600 * 100vw, 72px);
  }
}
#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(30 / 750 * 100vw);
    margin: calc(40 / 750 * 100vw) auto 0;
  }
  #price #nomade_fcWrap .colorchip {
    width: calc(510 / 750 * 100vw);
  }
  #price .colorchip button {
    width: calc(60 / 750 * 100vw);
    height: calc(60 / 750 * 100vw);
  }
  #price .colorchip button.active:after {
    width: calc(48 / 750 * 100vw);
    height: calc(48 / 750 * 100vw);
    border: calc(4 / 750 * 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 #nomade_fcWrap .colorchip {
    width: min(352 / 1600 * 100vw, 352px);
  }
  #price .colorchip button {
    width: min(42 / 1600 * 100vw, 42px);
    height: 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(24 / 750 * 100vw);
    margin-top: min(30 / 750 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #price .bodycolor {
    font-size: min(24 / 1600 * 100vw, 24px);
    margin-top: min(30 / 1600 * 100vw, 30px);
  }
}
/*



*/
#wrapJimny .linkBox {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
#wrapJimny .linkBox a {
  color: #fff;
  font-weight: 700;
  text-align: center;
  display: block;
  border: 2px solid #fff;
  background-color: rgba(0, 0, 0, 0.3);
  transition: 0.3s;
}
#wrapJimny .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) {
  #wrapJimny .linkBox {
    bottom: calc(30 / 750 * 100vw);
  }
  #wrapJimny .linkBox a {
    font-size: calc(24 / 750 * 100vw);
    line-height: calc(80 / 750 * 100vw);
    width: calc(500 / 750 * 100vw);
  }
  #wrapJimny .linkBox a:after {
    border-width: calc(8 / 750 * 100vw) 0 calc(8 / 750 * 100vw) calc(12 / 750 * 100vw);
    margin-left: calc(12 / 750 * 100vw);
    margin-bottom: calc(2 / 750 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #wrapJimny .linkBox {
    bottom: min(40 / 1600 * 100vw);
  }
  #wrapJimny .linkBox a {
    font-size: min(24 / 1600 * 100vw, 24px);
    line-height: min(58 / 1600 * 100vw, 58px);
    width: min(380 / 1600 * 100vw, 380px);
  }
  #wrapJimny .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);
  }
  #wrapJimny .linkBox a:hover {
    color: #000;
    background-color: rgba(255, 255, 255, 0.9);
  }
  #wrapJimny .linkBox a:hover:after {
    border-color: transparent transparent transparent #000;
  }
}
/**/
#suzukiconnect {
  width: calc(315 / 375 * 100vw);
  margin: 0 auto;
}
#suzukiconnect p {
  position: relative;
}
#suzukiconnect a {
  color: #000;
  font-weight: 700;
  transition: 0.2s;
}
#suzukiconnect p:after {
  content: "";
  display: inline-block;
  border-style: solid;
  border-color: transparent transparent transparent #000;
}
@media screen and (max-width: 750.99px) {
#wrapJimny #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 {
    width: min(1038 / 1600 * 100vw, 1038px);
    margin-top: min(60 / 1600 * 100vw, 60px);
  }
  #wrapJimny #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);
  }
}
#wrapJimny #suzukiconnect a:hover {
  opacity: 0.5;
}
/*



*/
#wrapJimny .pickup {
  position: relative;
}
#wrapJimny .pickup h2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media screen and (max-width: 750.99px) {
  #wrapJimny .pickup h2 {
    top: calc(30 / 750 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #wrapJimny .pickup h2 {
    top: min(60 / 1600 * 100vw, 60px);
  }
}
/*



*/
/*



*/
@media screen and (max-width: 750.99px) {
  #relatedBanner {
    padding: 0 calc(30 / 750 * 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);
  }
}
/*










*/
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  justify-content: center;
  align-items: center;
  transition: opacity 1s;
  padding: 0 5.3333333333vw;
}
@media screen and (min-width: 751px) {
  .modal {
    padding: 0 min(50 / 1276 * 100vw, 50px);
  }
}
.modal_overlay {
  opacity: 1;
  width: 100%;
}
@media screen and (min-width: 751px) {
  .modal_overlay {
    max-width: min(980 / 1276 * 100vw, 980px);
  }
}
.modal_overlay:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  pointer-events: none;
}
.modal_inner {
  position: relative;
  z-index: 1;
  width: 100%;
}
/*.modal_content {
  border: 0.0625rem solid rgba(236, 238, 240, 0.4);
}*/
.modal_close {
  position: absolute;
  top: calc(-70 / 750 * 100vw);
  right: 0;
  width: calc(60 / 750 * 100vw);
  height: calc(60 / 750 * 100vw);
  border: 1px solid #fff;
  z-index: 10;
  cursor: pointer;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.9);
  background-clip: padding-box;
  opacity: 1;
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transform: translateZ(0) scale(1);
  font-size: 0;
}
@media screen and (min-width: 751px) {
  .modal_close {
    top: max(-30 / 1276 * 100vw, -30px);
    right: max(-30 / 1276 * 100vw, -30px);
    width: min(60 / 1276 * 100vw, 60px);
    height: min(60 / 1276 * 100vw, 60px);
  }
  .modal_close:hover {
    border: 1px solid #000;
    background-color: #fff;
  }
}
.modal_close:before, .modal_close:after {
  content: "";
  position: absolute;
  width: calc(30 / 750 * 100vw);
  height: calc(2 / 750 * 100vw);
  top: 50%;
  left: 50%;
  background: #fff;
}
@media screen and (min-width: 751px) {
  .modal_close:before, .modal_close:after {
    width: min(30 / 1276 * 100vw, 30px);
    height: min(2 / 1276 * 100vw, 2px);
  }
  .modal_close:hover:before, .modal_close:hover:after {
    background: #000;
  }
}
.modal_close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal_close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.modal_isDisplayed {
  display: flex;
}
.modal_isDisplayed .modal_overlay {
  animation: fadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.modal_isDisplayed .modal_inner {
  animation: fadeInUp 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.modal_isHidden {
  animation: modalHide 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.modal_isHidden .modal_overlay {
  animation: fadeOut 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.js-openModalBtn {
  cursor: pointer;
}
/**/
.youtube {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 560/315;
  vertical-align: top;
}
.youtube:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
@media screen and (max-width: 750.99px) {
  .youtube--sp {
    aspect-ratio: 463/823;
  }
  .youtube--sp:before {
    content: "";
    display: block;
    padding-top: 177.75%;
  }
}
/*


カタログ請求削除


*/
@media screen and (min-width: 751px) {
.row,.row-kv {
  justify-content: center;
}
}