@charset "UTF-8";
@media screen and (min-width: 1040px) {
  .l-product .c-inner {
    padding-left: min(5vw, 50px);
    padding-right: min(5vw, 50px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .c-inner {
    padding-left: calc(0.05 * (100vw - 40px));
    padding-right: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .c-inner {
    padding-left: calc(0.05 * (100vw - 32px));
    padding-right: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .c-inner-s {
    padding-left: min(3.8vw, 38px);
    padding-right: min(3.8vw, 38px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .c-inner-s {
    padding-left: calc(0.038 * (100vw - 40px));
    padding-right: calc(0.038 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .c-inner-s {
    padding-left: calc(0.038 * (100vw - 32px));
    padding-right: calc(0.038 * (100vw - 32px));
  }
}
.l-product .c-roundedbox {
  background: #fff;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 1040px) {
  .l-product .c-roundedbox {
    border-radius: min(1.7vw, 17px);
    margin-bottom: min(5vw, 50px);
    width: min(90.4vw, 904px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .c-roundedbox {
    border-radius: calc(0.017 * (100vw - 40px));
    margin-bottom: calc(0.05 * (100vw - 40px));
    width: calc(0.904 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .c-roundedbox {
    border-radius: calc(0.017 * (100vw - 32px));
    margin-bottom: calc(0.05 * (100vw - 32px));
    width: calc(0.904 * (100vw - 32px));
  }
}
.l-product .c-p {
  display: block;
  font-weight: 500;
}
@media screen and (min-width: 1040px) {
  .l-product .c-p {
    font-size: min(3vw, 30px);
    line-height: min(4vw, 40px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .c-p {
    font-size: calc(0.03 * (100vw - 40px));
    line-height: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .c-p {
    font-size: calc(0.03 * (100vw - 32px));
    line-height: calc(0.04 * (100vw - 32px));
  }
}
.l-product .c-p + .c-p {
  padding-top: 1.3em;
}
@media screen and (min-width: 1040px) {
  .l-product .c-p.is-l {
    font-size: min(3.1vw, 31px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .c-p.is-l {
    font-size: calc(0.031 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .c-p.is-l {
    font-size: calc(0.031 * (100vw - 32px));
  }
}

.l-product {
  color: #1a1a1a;
  font-family: "Noto Sans JP", serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  overflow: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 1040px) {
  .l-product {
    padding-top: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product {
    padding-top: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product {
    padding-top: calc(0.055 * (100vw - 32px));
  }
}
.l-product * {
  -webkit-text-size-adjust: 100%;
}
.l-product div,
.l-product ul,
.l-product dl,
.l-product p {
  line-height: 1.66;
  font-weight: 500;
}
@media screen and (min-width: 1040px) {
  .l-product div,
  .l-product ul,
  .l-product dl,
  .l-product p {
    font-size: min(2.4vw, 24px);
    letter-spacing: min(0.1vw, 1px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product div,
  .l-product ul,
  .l-product dl,
  .l-product p {
    font-size: calc(0.024 * (100vw - 40px));
    letter-spacing: calc(0.001 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product div,
  .l-product ul,
  .l-product dl,
  .l-product p {
    font-size: calc(0.024 * (100vw - 32px));
    letter-spacing: calc(0.001 * (100vw - 32px));
  }
}
.l-product a {
  transition: opacity 0.4s ease;
}
.l-product a:hover {
  opacity: 0.6;
}
.l-product .l-mv {
  background: #ec6d8b;
  color: #fff;
}
@media screen and (min-width: 1040px) {
  .l-product .l-mv {
    height: min(61vw, 610px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-mv {
    height: calc(0.61 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-mv {
    height: calc(0.61 * (100vw - 32px));
  }
}
.l-product .l-mv-title span {
  display: block;
  line-height: 1.5;
}
@media screen and (min-width: 1040px) {
  .l-product .l-mv-title span {
    font-size: min(4vw, 40px);
    letter-spacing: min(0.4vw, 4px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-mv-title span {
    font-size: calc(0.04 * (100vw - 40px));
    letter-spacing: calc(0.004 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-mv-title span {
    font-size: calc(0.04 * (100vw - 32px));
    letter-spacing: calc(0.004 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-mv-title strong {
    padding-left: min(2.2vw, 22px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-mv-title strong {
    padding-left: calc(0.022 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-mv-title strong {
    padding-left: calc(0.022 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-mv-title strong img {
    width: min(41vw, 410px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-mv-title strong img {
    width: calc(0.41 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-mv-title strong img {
    width: calc(0.41 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-mv-prof {
    padding-left: min(12.2vw, 122px);
    padding-top: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-mv-prof {
    padding-left: calc(0.122 * (100vw - 40px));
    padding-top: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-mv-prof {
    padding-left: calc(0.122 * (100vw - 32px));
    padding-top: calc(0.025 * (100vw - 32px));
  }
}
.l-product .l-mv-movie {
  background: #fff;
  border-radius: 9999px;
  color: #e8007d;
  position: absolute;
}
@media screen and (min-width: 1040px) {
  .l-product .l-mv-movie {
    height: min(10.5vw, 105px);
    right: min(5vw, 50px);
    padding-left: min(3.4vw, 34px);
    top: min(4.5vw, 45px);
    width: min(32vw, 320px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-mv-movie {
    height: calc(0.105 * (100vw - 40px));
    right: calc(0.05 * (100vw - 40px));
    padding-left: calc(0.034 * (100vw - 40px));
    top: calc(0.045 * (100vw - 40px));
    width: calc(0.32 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-mv-movie {
    height: calc(0.105 * (100vw - 32px));
    right: calc(0.05 * (100vw - 32px));
    padding-left: calc(0.034 * (100vw - 32px));
    top: calc(0.045 * (100vw - 32px));
    width: calc(0.32 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-mv-movie i {
    padding-right: min(1.4vw, 14px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-mv-movie i {
    padding-right: calc(0.014 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-mv-movie i {
    padding-right: calc(0.014 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-mv-movie i img {
    width: min(7vw, 70px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-mv-movie i img {
    width: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-mv-movie i img {
    width: calc(0.07 * (100vw - 32px));
  }
}
.l-product .l-mv-img {
  bottom: 0;
  position: absolute;
  right: 0;
}
@media screen and (min-width: 1040px) {
  .l-product .l-mv-img img {
    width: min(53.9vw, 539px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-mv-img img {
    width: calc(0.539 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-mv-img img {
    width: calc(0.539 * (100vw - 32px));
  }
}
.l-product .l-lead {
  background: url(../img/lead_bg.png) no-repeat;
  background-size: contain;
  width: 100%;
}
@media screen and (min-width: 1040px) {
  .l-product .l-lead {
    height: min(25.7vw, 257px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-lead {
    height: calc(0.257 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-lead {
    height: calc(0.257 * (100vw - 32px));
  }
}
.l-product .l-lead-list {
  display: flex;
  justify-content: space-between;
}
.l-product .l-lead-list li {
  background-color: #fff;
  border-radius: 9999px;
  color: #e8007d;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1040px) {
  .l-product .l-lead-list li {
    font-size: min(3vw, 30px);
    line-height: min(6.8vw, 68px);
    min-width: min(23.6vw, 236px);
    padding-left: min(2vw, 20px);
    padding-right: min(2vw, 20px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-lead-list li {
    font-size: calc(0.03 * (100vw - 40px));
    line-height: calc(0.068 * (100vw - 40px));
    min-width: calc(0.236 * (100vw - 40px));
    padding-left: calc(0.02 * (100vw - 40px));
    padding-right: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-lead-list li {
    font-size: calc(0.03 * (100vw - 32px));
    line-height: calc(0.068 * (100vw - 32px));
    min-width: calc(0.236 * (100vw - 32px));
    padding-left: calc(0.02 * (100vw - 32px));
    padding-right: calc(0.02 * (100vw - 32px));
  }
}
.l-product .l-protect {
  background: rgba(255, 242, 206, 0.5);
}
.l-product .l-protect-img {
  position: absolute;
}
@media screen and (min-width: 1040px) {
  .l-product .l-protect-img {
    right: min(6.3vw, 63px);
    top: min(5.8vw, 58px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-protect-img {
    right: calc(0.063 * (100vw - 40px));
    top: calc(0.058 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-protect-img {
    right: calc(0.063 * (100vw - 32px));
    top: calc(0.058 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-protect-img img {
    width: min(29.8vw, 298px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-protect-img img {
    width: calc(0.298 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-protect-img img {
    width: calc(0.298 * (100vw - 32px));
  }
}
.l-product .l-dimming {
  background: #fcd5db;
  position: relative;
}
@media screen and (min-width: 1040px) {
  .l-product .l-dimming {
    margin-bottom: max(-12.6vw, -126px);
    padding-top: min(13.8vw, 138px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-dimming {
    margin-bottom: calc(-0.126 * (100vw - 40px));
    padding-top: calc(0.138 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-dimming {
    margin-bottom: calc(-0.126 * (100vw - 32px));
    padding-top: calc(0.138 * (100vw - 32px));
  }
}
.l-product .l-dimming:before {
  background: url(../img/wave_1.png) no-repeat top center;
  background-size: contain;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (min-width: 1040px) {
  .l-product .l-dimming:before {
    height: min(15.5vw, 155px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-dimming:before {
    height: calc(0.155 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-dimming:before {
    height: calc(0.155 * (100vw - 32px));
  }
}
.l-product .l-dimming-inner {
  position: relative;
  z-index: 2;
}
.l-product .l-dimming-title {
  text-align: center;
}
.l-product .l-dimming-title span {
  position: relative;
}
@media screen and (min-width: 1040px) {
  .l-product .l-dimming-title span {
    letter-spacing: min(0.6vw, 6px);
    font-size: min(4vw, 40px);
    top: max(-10.6vw, -106px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-dimming-title span {
    letter-spacing: calc(0.006 * (100vw - 40px));
    font-size: calc(0.04 * (100vw - 40px));
    top: calc(-0.106 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-dimming-title span {
    letter-spacing: calc(0.006 * (100vw - 32px));
    font-size: calc(0.04 * (100vw - 32px));
    top: calc(-0.106 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-dimming-item {
    width: min(25.5vw, 255px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-dimming-item {
    width: calc(0.255 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-dimming-item {
    width: calc(0.255 * (100vw - 32px));
  }
}
.l-product .l-dimming-item-title {
  color: #e8007d;
  line-height: 1.2;
  text-align: center;
}
@media screen and (min-width: 1040px) {
  .l-product .l-dimming-item-title {
    font-size: min(3.4vw, 34px);
    padding-bottom: min(1.8vw, 18px);
    padding-top: min(2vw, 20px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-dimming-item-title {
    font-size: calc(0.034 * (100vw - 40px));
    padding-bottom: calc(0.018 * (100vw - 40px));
    padding-top: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-dimming-item-title {
    font-size: calc(0.034 * (100vw - 32px));
    padding-bottom: calc(0.018 * (100vw - 32px));
    padding-top: calc(0.02 * (100vw - 32px));
  }
}
.l-product .l-dimming-item .c-p {
  line-height: 1.5;
}
@media screen and (min-width: 1040px) {
  .l-product .l-dimming-item .c-p {
    font-size: min(2.4vw, 24px);
    padding-left: min(1.5vw, 15px);
    padding-right: min(1vw, 10px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-dimming-item .c-p {
    font-size: calc(0.024 * (100vw - 40px));
    padding-left: calc(0.015 * (100vw - 40px));
    padding-right: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-dimming-item .c-p {
    font-size: calc(0.024 * (100vw - 32px));
    padding-left: calc(0.015 * (100vw - 32px));
    padding-right: calc(0.01 * (100vw - 32px));
  }
}
.l-product .l-dimming-comment1 {
  display: flex;
}
.l-product .l-dimming-comment1-img {
  position: relative;
}
@media screen and (min-width: 1040px) {
  .l-product .l-dimming-comment1-img {
    margin-top: max(-0.8vw, -8px);
    width: min(15.1vw, 151px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-dimming-comment1-img {
    margin-top: calc(-0.008 * (100vw - 40px));
    width: calc(0.151 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-dimming-comment1-img {
    margin-top: calc(-0.008 * (100vw - 32px));
    width: calc(0.151 * (100vw - 32px));
  }
}
.l-product .l-dimming-comment1-img span {
  position: absolute;
  left: 0;
}
@media screen and (min-width: 1040px) {
  .l-product .l-dimming-comment1-img span {
    bottom: max(-4.4vw, -44px);
    font-size: min(2.5vw, 25px);
    width: min(30vw, 300px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-dimming-comment1-img span {
    bottom: calc(-0.044 * (100vw - 40px));
    font-size: calc(0.025 * (100vw - 40px));
    width: calc(0.3 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-dimming-comment1-img span {
    bottom: calc(-0.044 * (100vw - 32px));
    font-size: calc(0.025 * (100vw - 32px));
    width: calc(0.3 * (100vw - 32px));
  }
}
.l-product .l-dimming-comment1-balloon {
  background: url(../img/dimming_balloon_1.png) no-repeat;
  background-size: contain;
  white-space: nowrap;
}
@media screen and (min-width: 1040px) {
  .l-product .l-dimming-comment1-balloon {
    font-size: min(2.8vw, 28px);
    margin-top: min(1vw, 10px);
    padding-left: min(7.3vw, 73px);
    padding-right: min(2.8vw, 28px);
    padding-top: min(2vw, 20px);
    width: min(62.9vw, 629px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-dimming-comment1-balloon {
    font-size: calc(0.028 * (100vw - 40px));
    margin-top: calc(0.01 * (100vw - 40px));
    padding-left: calc(0.073 * (100vw - 40px));
    padding-right: calc(0.028 * (100vw - 40px));
    padding-top: calc(0.02 * (100vw - 40px));
    width: calc(0.629 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-dimming-comment1-balloon {
    font-size: calc(0.028 * (100vw - 32px));
    margin-top: calc(0.01 * (100vw - 32px));
    padding-left: calc(0.073 * (100vw - 32px));
    padding-right: calc(0.028 * (100vw - 32px));
    padding-top: calc(0.02 * (100vw - 32px));
    width: calc(0.629 * (100vw - 32px));
  }
}
.l-product .l-dimming-comment2 {
  position: relative;
}
.l-product .l-dimming-comment2-balloon {
  background: url(../img/dimming_balloon_2.png) no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1040px) {
  .l-product .l-dimming-comment2-balloon {
    font-size: min(2.8vw, 28px);
    height: min(24.1vw, 241px);
    padding-left: min(3.5vw, 35px);
    padding-right: min(7.5vw, 75px);
    padding-top: min(5vw, 50px);
    width: min(55.3vw, 553px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-dimming-comment2-balloon {
    font-size: calc(0.028 * (100vw - 40px));
    height: calc(0.241 * (100vw - 40px));
    padding-left: calc(0.035 * (100vw - 40px));
    padding-right: calc(0.075 * (100vw - 40px));
    padding-top: calc(0.05 * (100vw - 40px));
    width: calc(0.553 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-dimming-comment2-balloon {
    font-size: calc(0.028 * (100vw - 32px));
    height: calc(0.241 * (100vw - 32px));
    padding-left: calc(0.035 * (100vw - 32px));
    padding-right: calc(0.075 * (100vw - 32px));
    padding-top: calc(0.05 * (100vw - 32px));
    width: calc(0.553 * (100vw - 32px));
  }
}
.l-product .l-dimming-comment2-img {
  position: absolute;
}
@media screen and (min-width: 1040px) {
  .l-product .l-dimming-comment2-img {
    right: max(-4.9vw, -49px);
    top: max(-16vw, -160px);
    width: min(54.2vw, 542px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-dimming-comment2-img {
    right: calc(-0.049 * (100vw - 40px));
    top: calc(-0.16 * (100vw - 40px));
    width: calc(0.542 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-dimming-comment2-img {
    right: calc(-0.049 * (100vw - 32px));
    top: calc(-0.16 * (100vw - 32px));
    width: calc(0.542 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-dimming-movie-check {
    margin-left: min(6.6vw, 66px);
    margin-bottom: max(-2vw, -20px);
    width: min(29.2vw, 292px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-dimming-movie-check {
    margin-left: calc(0.066 * (100vw - 40px));
    margin-bottom: calc(-0.02 * (100vw - 40px));
    width: calc(0.292 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-dimming-movie-check {
    margin-left: calc(0.066 * (100vw - 32px));
    margin-bottom: calc(-0.02 * (100vw - 32px));
    width: calc(0.292 * (100vw - 32px));
  }
}
.l-product .l-dimming-movie-title {
  color: #e8007d;
  text-align: center;
}
@media screen and (min-width: 1040px) {
  .l-product .l-dimming-movie-title {
    font-size: min(4.2vw, 42px);
    line-height: min(6vw, 60px);
    letter-spacing: min(0.6vw, 6px);
    margin-top: max(-3.2vw, -32px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-dimming-movie-title {
    font-size: calc(0.042 * (100vw - 40px));
    line-height: calc(0.06 * (100vw - 40px));
    letter-spacing: calc(0.006 * (100vw - 40px));
    margin-top: calc(-0.032 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-dimming-movie-title {
    font-size: calc(0.042 * (100vw - 32px));
    line-height: calc(0.06 * (100vw - 32px));
    letter-spacing: calc(0.006 * (100vw - 32px));
    margin-top: calc(-0.032 * (100vw - 32px));
  }
}
.l-product .l-dimming-movie-title span {
  display: block;
  letter-spacing: 0;
  line-height: 1.2;
}
@media screen and (min-width: 1040px) {
  .l-product .l-dimming-movie-title span {
    font-size: min(2.4vw, 24px);
    padding-top: min(1.5vw, 15px);
    padding-bottom: min(1vw, 10px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-dimming-movie-title span {
    font-size: calc(0.024 * (100vw - 40px));
    padding-top: calc(0.015 * (100vw - 40px));
    padding-bottom: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-dimming-movie-title span {
    font-size: calc(0.024 * (100vw - 32px));
    padding-top: calc(0.015 * (100vw - 32px));
    padding-bottom: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-dimming-movie-title strong {
    font-size: min(5.6vw, 56px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-dimming-movie-title strong {
    font-size: calc(0.056 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-dimming-movie-title strong {
    font-size: calc(0.056 * (100vw - 32px));
  }
}
.l-product .l-dimming-movie-yt {
  height: 0;
  margin-bottom: 2rem;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
}
.l-product .l-dimming-movie-yt iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.l-product .l-uv {
  background: #f6deb3;
  position: relative;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv {
    padding-bottom: min(21vw, 210px);
    min-height: min(60.7vw, 607px);
    padding-top: min(10vw, 100px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv {
    padding-bottom: calc(0.21 * (100vw - 40px));
    min-height: calc(0.607 * (100vw - 40px));
    padding-top: calc(0.1 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv {
    padding-bottom: calc(0.21 * (100vw - 32px));
    min-height: calc(0.607 * (100vw - 32px));
    padding-top: calc(0.1 * (100vw - 32px));
  }
}
.l-product .l-uv:before {
  background: url(../img/wave_2.png) no-repeat top center;
  background-size: contain;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv:before {
    height: min(60.7vw, 607px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv:before {
    height: calc(0.607 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv:before {
    height: calc(0.607 * (100vw - 32px));
  }
}
.l-product .l-uv:after {
  background: url(../img/wave_3.png) no-repeat bottom center;
  background-size: contain;
  bottom: 0;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv:after {
    height: min(29.8vw, 298px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv:after {
    height: calc(0.298 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv:after {
    height: calc(0.298 * (100vw - 32px));
  }
}
.l-product .l-uv > * {
  position: relative;
  z-index: 2;
}
.l-product .l-uv-title {
  color: #842780;
  text-align: center;
  text-decoration: underline;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-title {
    letter-spacing: min(0.6vw, 6px);
    font-size: min(4vw, 40px);
    padding-top: min(26.5vw, 265px);
    top: max(-8vw, -80px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-title {
    letter-spacing: calc(0.006 * (100vw - 40px));
    font-size: calc(0.04 * (100vw - 40px));
    padding-top: calc(0.265 * (100vw - 40px));
    top: calc(-0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-title {
    letter-spacing: calc(0.006 * (100vw - 32px));
    font-size: calc(0.04 * (100vw - 32px));
    padding-top: calc(0.265 * (100vw - 32px));
    top: calc(-0.08 * (100vw - 32px));
  }
}
.l-product .l-uv-title-2 {
  color: #fff;
  text-shadow: -1px -1px 5px #1a1a1a;
  text-align: center;
}
.l-product .l-uv-title-2 span {
  display: block;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-title-2 span {
    font-size: min(4vw, 40px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-title-2 span {
    font-size: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-title-2 span {
    font-size: calc(0.04 * (100vw - 32px));
  }
}
.l-product .l-uv-title-2 strong {
  line-height: 1.2;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-title-2 strong {
    font-size: min(8.2vw, 82px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-title-2 strong {
    font-size: calc(0.082 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-title-2 strong {
    font-size: calc(0.082 * (100vw - 32px));
  }
}
.l-product .l-uv-ab {
  background: url(../img/uv_ab_bg.png) no-repeat;
  background-size: contain;
  text-align: center;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-ab {
    height: min(65.3vw, 653px);
    padding-top: min(12vw, 120px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-ab {
    height: calc(0.653 * (100vw - 40px));
    padding-top: calc(0.12 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-ab {
    height: calc(0.653 * (100vw - 32px));
    padding-top: calc(0.12 * (100vw - 32px));
  }
}
.l-product .l-uv-ab-title {
  display: inline-block;
  border-style: dashed;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-ab-title {
    border-bottom-width: min(0.4vw, 4px);
    font-size: min(3vw, 30px);
    padding-left: min(3vw, 30px);
    padding-right: min(3vw, 30px);
    width: min(49.6vw, 496px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-ab-title {
    border-bottom-width: calc(0.004 * (100vw - 40px));
    font-size: calc(0.03 * (100vw - 40px));
    padding-left: calc(0.03 * (100vw - 40px));
    padding-right: calc(0.03 * (100vw - 40px));
    width: calc(0.496 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-ab-title {
    border-bottom-width: calc(0.004 * (100vw - 32px));
    font-size: calc(0.03 * (100vw - 32px));
    padding-left: calc(0.03 * (100vw - 32px));
    padding-right: calc(0.03 * (100vw - 32px));
    width: calc(0.496 * (100vw - 32px));
  }
}
.l-product .l-uv-ab ul {
  text-align: left;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-ab ul {
    padding-left: min(15vw, 150px);
    padding-right: min(14vw, 140px);
    padding-top: min(5vw, 50px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-ab ul {
    padding-left: calc(0.15 * (100vw - 40px));
    padding-right: calc(0.14 * (100vw - 40px));
    padding-top: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-ab ul {
    padding-left: calc(0.15 * (100vw - 32px));
    padding-right: calc(0.14 * (100vw - 32px));
    padding-top: calc(0.05 * (100vw - 32px));
  }
}
.l-product .l-uv-ab ul li {
  font-weight: 500;
  position: relative;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-ab ul li {
    font-size: min(3.1vw, 31px);
    line-height: min(4.5vw, 45px);
    padding-left: min(7.5vw, 75px);
    margin-bottom: min(3vw, 30px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-ab ul li {
    font-size: calc(0.031 * (100vw - 40px));
    line-height: calc(0.045 * (100vw - 40px));
    padding-left: calc(0.075 * (100vw - 40px));
    margin-bottom: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-ab ul li {
    font-size: calc(0.031 * (100vw - 32px));
    line-height: calc(0.045 * (100vw - 32px));
    padding-left: calc(0.075 * (100vw - 32px));
    margin-bottom: calc(0.03 * (100vw - 32px));
  }
}
.l-product .l-uv-ab ul li i {
  font-style: normal;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-ab ul li i {
    font-size: min(4.5vw, 45px);
    padding-right: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-ab ul li i {
    font-size: calc(0.045 * (100vw - 40px));
    padding-right: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-ab ul li i {
    font-size: calc(0.045 * (100vw - 32px));
    padding-right: calc(0.035 * (100vw - 32px));
  }
}
.l-product .l-uv-ab-a {
  color: #299cd3;
}
.l-product .l-uv-ab-b {
  color: #842780;
}
.l-product .l-uv-result {
  border-bottom-color: #fff;
  border-style: solid;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-result {
    border-bottom-width: min(0.4vw, 4px);
    padding-left: min(7.2vw, 72px);
    padding-right: min(7.2vw, 72px);
    padding-top: min(3vw, 30px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-result {
    border-bottom-width: calc(0.004 * (100vw - 40px));
    padding-left: calc(0.072 * (100vw - 40px));
    padding-right: calc(0.072 * (100vw - 40px));
    padding-top: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-result {
    border-bottom-width: calc(0.004 * (100vw - 32px));
    padding-left: calc(0.072 * (100vw - 32px));
    padding-right: calc(0.072 * (100vw - 32px));
    padding-top: calc(0.03 * (100vw - 32px));
  }
}
.l-product .l-uv-result > div {
  text-align: center;
}
.l-product .l-uv-result > div i {
  display: block;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-result > div i {
    padding-bottom: min(1vw, 10px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-result > div i {
    padding-bottom: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-result > div i {
    padding-bottom: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-result > div i img {
    width: min(5.2vw, 52px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-result > div i img {
    width: calc(0.052 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-result > div i img {
    width: calc(0.052 * (100vw - 32px));
  }
}
.l-product .l-uv-result-circle {
  align-items: center;
  background: #fff;
  border-style: solid;
  border-radius: 50%;
  box-sizing: content-box;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-result-circle {
    height: min(33.2vw, 332px);
    border-width: min(0.5vw, 5px);
    width: min(33.2vw, 332px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-result-circle {
    height: calc(0.332 * (100vw - 40px));
    border-width: calc(0.005 * (100vw - 40px));
    width: calc(0.332 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-result-circle {
    height: calc(0.332 * (100vw - 32px));
    border-width: calc(0.005 * (100vw - 32px));
    width: calc(0.332 * (100vw - 32px));
  }
}
.l-product .l-uv-result-circle span {
  text-decoration: underline;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-result-circle span {
    font-size: min(3vw, 30px);
    margin-top: max(-2.5vw, -25px);
    padding-bottom: min(2vw, 20px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-result-circle span {
    font-size: calc(0.03 * (100vw - 40px));
    margin-top: calc(-0.025 * (100vw - 40px));
    padding-bottom: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-result-circle span {
    font-size: calc(0.03 * (100vw - 32px));
    margin-top: calc(-0.025 * (100vw - 32px));
    padding-bottom: calc(0.02 * (100vw - 32px));
  }
}
.l-product .l-uv-result-circle strong {
  font-weight: 700;
  line-height: 1.46;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-result-circle strong {
    font-size: min(4.2vw, 42px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-result-circle strong {
    font-size: calc(0.042 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-result-circle strong {
    font-size: calc(0.042 * (100vw - 32px));
  }
}
.l-product .l-uv-result-circle.is-a {
  border-color: #299cd3;
  color: #299cd3;
}
.l-product .l-uv-result-circle.is-b {
  border-color: #8f005d;
  color: #8f005d;
}
.l-product .l-uv-lens {
  border-color: #fff;
  border-style: solid;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-lens {
    border-bottom-width: min(0.4vw, 4px);
    padding-bottom: min(10vw, 100px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-lens {
    border-bottom-width: calc(0.004 * (100vw - 40px));
    padding-bottom: calc(0.1 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-lens {
    border-bottom-width: calc(0.004 * (100vw - 32px));
    padding-bottom: calc(0.1 * (100vw - 32px));
  }
}
.l-product .l-uv-lens .l-uv-title-2 {
  position: relative;
}
.l-product .l-uv-lens .l-uv-title-2 strong {
  position: relative;
  z-index: 5;
}
.l-product .l-uv-lens .l-uv-title-2:before {
  background: #299cd3;
  content: " ";
  display: block;
  left: 50%;
  position: absolute;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-lens .l-uv-title-2:before {
    bottom: max(-0.5vw, -5px);
    height: min(2.1vw, 21px);
    margin-left: max(-37.75vw, -377.5px);
    width: min(75.5vw, 755px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-lens .l-uv-title-2:before {
    bottom: calc(-0.005 * (100vw - 40px));
    height: calc(0.021 * (100vw - 40px));
    margin-left: calc(-0.3775 * (100vw - 40px));
    width: calc(0.755 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-lens .l-uv-title-2:before {
    bottom: calc(-0.005 * (100vw - 32px));
    height: calc(0.021 * (100vw - 32px));
    margin-left: calc(-0.3775 * (100vw - 32px));
    width: calc(0.755 * (100vw - 32px));
  }
}
.l-product .l-uv-lens-items {
  display: flex;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-lens-items {
    padding-bottom: min(2vw, 20px);
    padding-top: min(1vw, 10px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-lens-items {
    padding-bottom: calc(0.02 * (100vw - 40px));
    padding-top: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-lens-items {
    padding-bottom: calc(0.02 * (100vw - 32px));
    padding-top: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-lens-items > div:nth-child(1) {
    width: min(36vw, 360px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-lens-items > div:nth-child(1) {
    width: calc(0.36 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-lens-items > div:nth-child(1) {
    width: calc(0.36 * (100vw - 32px));
  }
}
.l-product .l-uv-lens-items > div:nth-child(1) span {
  display: block;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-lens-items > div:nth-child(1) span {
    font-size: min(2vw, 20px);
    padding-top: min(0.8vw, 8px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-lens-items > div:nth-child(1) span {
    font-size: calc(0.02 * (100vw - 40px));
    padding-top: calc(0.008 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-lens-items > div:nth-child(1) span {
    font-size: calc(0.02 * (100vw - 32px));
    padding-top: calc(0.008 * (100vw - 32px));
  }
}
.l-product .l-uv-lens-items > div:nth-child(2) {
  align-items: center;
  display: flex;
  flex: 1;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-lens-items > div:nth-child(2) {
    height: min(28.6vw, 286px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-lens-items > div:nth-child(2) {
    height: calc(0.286 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-lens-items > div:nth-child(2) {
    height: calc(0.286 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-lens-items > div:nth-child(2) img {
    width: min(14.1vw, 141px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-lens-items > div:nth-child(2) img {
    width: calc(0.141 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-lens-items > div:nth-child(2) img {
    width: calc(0.141 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-lens-items > div:nth-child(3) {
    width: min(39.2vw, 392px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-lens-items > div:nth-child(3) {
    width: calc(0.392 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-lens-items > div:nth-child(3) {
    width: calc(0.392 * (100vw - 32px));
  }
}
.l-product .l-uv-color {
  border-color: #fff;
  border-style: solid;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-color {
    border-bottom-width: min(0.4vw, 4px);
    padding-top: min(6vw, 60px);
    padding-bottom: min(8.5vw, 85px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-color {
    border-bottom-width: calc(0.004 * (100vw - 40px));
    padding-top: calc(0.06 * (100vw - 40px));
    padding-bottom: calc(0.085 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-color {
    border-bottom-width: calc(0.004 * (100vw - 32px));
    padding-top: calc(0.06 * (100vw - 32px));
    padding-bottom: calc(0.085 * (100vw - 32px));
  }
}
.l-product .l-uv-color .l-uv-title-2 {
  position: relative;
}
.l-product .l-uv-color .l-uv-title-2 strong {
  position: relative;
  z-index: 5;
}
.l-product .l-uv-color .l-uv-title-2:before {
  background: #842780;
  content: " ";
  display: block;
  left: 50%;
  position: absolute;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-color .l-uv-title-2:before {
    bottom: max(-0.5vw, -5px);
    height: min(2.1vw, 21px);
    margin-left: max(-37.75vw, -377.5px);
    width: min(75.5vw, 755px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-color .l-uv-title-2:before {
    bottom: calc(-0.005 * (100vw - 40px));
    height: calc(0.021 * (100vw - 40px));
    margin-left: calc(-0.3775 * (100vw - 40px));
    width: calc(0.755 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-color .l-uv-title-2:before {
    bottom: calc(-0.005 * (100vw - 32px));
    height: calc(0.021 * (100vw - 32px));
    margin-left: calc(-0.3775 * (100vw - 32px));
    width: calc(0.755 * (100vw - 32px));
  }
}
.l-product .l-uv-color-item {
  display: flex;
  flex-direction: column-reverse;
}
.l-product .l-uv-color-item-title {
  background: #000;
  color: #fff;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-color-item-title {
    font-size: min(3vw, 30px);
    line-height: min(6vw, 60px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-color-item-title {
    font-size: calc(0.03 * (100vw - 40px));
    line-height: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-color-item-title {
    font-size: calc(0.03 * (100vw - 32px));
    line-height: calc(0.06 * (100vw - 32px));
  }
}
.l-product .l-uv-color-item-title.is-color-lens {
  background: #842780;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-comments {
    padding-top: min(9.5vw, 95px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-comments {
    padding-top: calc(0.095 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-comments {
    padding-top: calc(0.095 * (100vw - 32px));
  }
}
.l-product .l-uv-comments-staff {
  display: flex;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-comments-staff-img {
    margin-top: max(-2vw, -20px);
    width: min(15.1vw, 151px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-comments-staff-img {
    margin-top: calc(-0.02 * (100vw - 40px));
    width: calc(0.151 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-comments-staff-img {
    margin-top: calc(-0.02 * (100vw - 32px));
    width: calc(0.151 * (100vw - 32px));
  }
}
.l-product .l-uv-comments-staff-img span {
  white-space: nowrap;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-comments-staff-img span {
    font-size: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-comments-staff-img span {
    font-size: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-comments-staff-img span {
    font-size: calc(0.025 * (100vw - 32px));
  }
}
.l-product .l-uv-comments-staff-balloon {
  background: url(../img/uv_comments_balloon_1.png) no-repeat;
  background-size: contain;
  font-weight: 400;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-comments-staff-balloon {
    font-size: min(2.8vw, 28px);
    height: min(14.6vw, 146px);
    padding-right: min(3.8vw, 38px);
    padding-left: min(7vw, 70px);
    padding-top: min(2.5vw, 25px);
    width: min(67.9vw, 679px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-comments-staff-balloon {
    font-size: calc(0.028 * (100vw - 40px));
    height: calc(0.146 * (100vw - 40px));
    padding-right: calc(0.038 * (100vw - 40px));
    padding-left: calc(0.07 * (100vw - 40px));
    padding-top: calc(0.025 * (100vw - 40px));
    width: calc(0.679 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-comments-staff-balloon {
    font-size: calc(0.028 * (100vw - 32px));
    height: calc(0.146 * (100vw - 32px));
    padding-right: calc(0.038 * (100vw - 32px));
    padding-left: calc(0.07 * (100vw - 32px));
    padding-top: calc(0.025 * (100vw - 32px));
    width: calc(0.679 * (100vw - 32px));
  }
}
.l-product .l-uv-comments-main {
  position: relative;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-comments-main {
    padding-bottom: min(17.1vw, 171px);
    padding-top: min(2vw, 20px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-comments-main {
    padding-bottom: calc(0.171 * (100vw - 40px));
    padding-top: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-comments-main {
    padding-bottom: calc(0.171 * (100vw - 32px));
    padding-top: calc(0.02 * (100vw - 32px));
  }
}
.l-product .l-uv-comments-main-img {
  position: absolute;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-comments-main-img {
    left: min(43.9vw, 439px);
    top: max(-9vw, -90px);
    width: min(51vw, 510px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-comments-main-img {
    left: calc(0.439 * (100vw - 40px));
    top: calc(-0.09 * (100vw - 40px));
    width: calc(0.51 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-comments-main-img {
    left: calc(0.439 * (100vw - 32px));
    top: calc(-0.09 * (100vw - 32px));
    width: calc(0.51 * (100vw - 32px));
  }
}
.l-product .l-uv-comments-main-balloon {
  background: url(../img/uv_comments_balloon_2.png) no-repeat;
  background-size: contain;
  font-weight: 400;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-comments-main-balloon {
    font-size: min(2.8vw, 28px);
    height: min(27.3vw, 273px);
    padding-left: min(3.6vw, 36px);
    padding-right: min(7.7vw, 77px);
    padding-top: min(4.5vw, 45px);
    width: min(55.3vw, 553px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-comments-main-balloon {
    font-size: calc(0.028 * (100vw - 40px));
    height: calc(0.273 * (100vw - 40px));
    padding-left: calc(0.036 * (100vw - 40px));
    padding-right: calc(0.077 * (100vw - 40px));
    padding-top: calc(0.045 * (100vw - 40px));
    width: calc(0.553 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-comments-main-balloon {
    font-size: calc(0.028 * (100vw - 32px));
    height: calc(0.273 * (100vw - 32px));
    padding-left: calc(0.036 * (100vw - 32px));
    padding-right: calc(0.077 * (100vw - 32px));
    padding-top: calc(0.045 * (100vw - 32px));
    width: calc(0.553 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-movie-check {
    margin-bottom: max(-3.4vw, -34px);
    margin-left: min(6.3vw, 63px);
    width: min(29.2vw, 292px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-movie-check {
    margin-bottom: calc(-0.034 * (100vw - 40px));
    margin-left: calc(0.063 * (100vw - 40px));
    width: calc(0.292 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-movie-check {
    margin-bottom: calc(-0.034 * (100vw - 32px));
    margin-left: calc(0.063 * (100vw - 32px));
    width: calc(0.292 * (100vw - 32px));
  }
}
.l-product .l-uv-movie-title {
  color: #842780;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-movie-title {
    font-size: min(4.2vw, 42px);
    letter-spacing: min(0.8vw, 8px);
    line-height: min(5.5vw, 55px);
    margin-bottom: min(3vw, 30px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-movie-title {
    font-size: calc(0.042 * (100vw - 40px));
    letter-spacing: calc(0.008 * (100vw - 40px));
    line-height: calc(0.055 * (100vw - 40px));
    margin-bottom: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-movie-title {
    font-size: calc(0.042 * (100vw - 32px));
    letter-spacing: calc(0.008 * (100vw - 32px));
    line-height: calc(0.055 * (100vw - 32px));
    margin-bottom: calc(0.03 * (100vw - 32px));
  }
}
.l-product .l-uv-movie-title span {
  display: block;
  font-weight: 600;
  letter-spacing: 0;
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-movie-title span {
    font-size: min(2.4vw, 24px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-movie-title span {
    font-size: calc(0.024 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-movie-title span {
    font-size: calc(0.024 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-uv-movie-title strong {
    font-size: min(5.6vw, 56px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-uv-movie-title strong {
    font-size: calc(0.056 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-uv-movie-title strong {
    font-size: calc(0.056 * (100vw - 32px));
  }
}
.l-product .l-uv-movie-yt {
  position: relative;
  padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
  height: 0;
  overflow: hidden;
}
.l-product .l-uv-movie-yt > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.l-product .l-shop {
  background: url(../img/shop_bg.png) no-repeat top center;
  background-size: contain;
  width: 100%;
}
@media screen and (min-width: 1040px) {
  .l-product .l-shop {
    height: min(152vw, 1520px);
    padding-top: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-shop {
    height: calc(1.52 * (100vw - 40px));
    padding-top: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-shop {
    height: calc(1.52 * (100vw - 32px));
    padding-top: calc(0.065 * (100vw - 32px));
  }
}
.l-product .l-shop-title {
  color: #fff;
  line-height: 1.2;
  text-align: center;
}
@media screen and (min-width: 1040px) {
  .l-product .l-shop-title {
    font-size: min(6vw, 60px);
    letter-spacing: min(0.3vw, 3px);
    margin-bottom: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-shop-title {
    font-size: calc(0.06 * (100vw - 40px));
    letter-spacing: calc(0.003 * (100vw - 40px));
    margin-bottom: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-shop-title {
    font-size: calc(0.06 * (100vw - 32px));
    letter-spacing: calc(0.003 * (100vw - 32px));
    margin-bottom: calc(0.035 * (100vw - 32px));
  }
}
.l-product .l-shop-tags {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1040px) {
  .l-product .l-shop-tags {
    margin-bottom: min(6.8vw, 68px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-shop-tags {
    margin-bottom: calc(0.068 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-shop-tags {
    margin-bottom: calc(0.068 * (100vw - 32px));
  }
}
.l-product .l-shop-tags li {
  background: #fff;
  border-radius: 9999px;
  color: #e71e79;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1040px) {
  .l-product .l-shop-tags li {
    font-size: min(3vw, 30px);
    line-height: min(6.8vw, 68px);
    padding-left: min(2vw, 20px);
    padding-right: min(2vw, 20px);
    min-width: min(23.6vw, 236px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-shop-tags li {
    font-size: calc(0.03 * (100vw - 40px));
    line-height: calc(0.068 * (100vw - 40px));
    padding-left: calc(0.02 * (100vw - 40px));
    padding-right: calc(0.02 * (100vw - 40px));
    min-width: calc(0.236 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-shop-tags li {
    font-size: calc(0.03 * (100vw - 32px));
    line-height: calc(0.068 * (100vw - 32px));
    padding-left: calc(0.02 * (100vw - 32px));
    padding-right: calc(0.02 * (100vw - 32px));
    min-width: calc(0.236 * (100vw - 32px));
  }
}
.l-product .l-shop-ol {
  color: #fff;
}
@media screen and (min-width: 1040px) {
  .l-product .l-shop-ol {
    padding-left: min(8.2vw, 82px);
    padding-right: min(5vw, 50px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-shop-ol {
    padding-left: calc(0.082 * (100vw - 40px));
    padding-right: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-shop-ol {
    padding-left: calc(0.082 * (100vw - 32px));
    padding-right: calc(0.05 * (100vw - 32px));
  }
}
.l-product .l-shop-ol li {
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  position: relative;
}
@media screen and (min-width: 1040px) {
  .l-product .l-shop-ol li {
    margin-bottom: min(2.5vw, 25px);
    padding-left: min(6vw, 60px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-shop-ol li {
    margin-bottom: calc(0.025 * (100vw - 40px));
    padding-left: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-shop-ol li {
    margin-bottom: calc(0.025 * (100vw - 32px));
    padding-left: calc(0.06 * (100vw - 32px));
  }
}
.l-product .l-shop-ol li i {
  border-radius: 50%;
  font-style: normal;
  font-weight: 700;
  position: absolute;
  left: 0;
}
@media screen and (min-width: 1040px) {
  .l-product .l-shop-ol li i {
    font-size: min(4.2vw, 42px);
    top: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-shop-ol li i {
    font-size: calc(0.042 * (100vw - 40px));
    top: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-shop-ol li i {
    font-size: calc(0.042 * (100vw - 32px));
    top: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-shop-ol li span {
    font-size: min(4.2vw, 42px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-shop-ol li span {
    font-size: calc(0.042 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-shop-ol li span {
    font-size: calc(0.042 * (100vw - 32px));
  }
}
.l-product .l-shop-ol li span strong {
  color: #ffe500;
}
@media screen and (min-width: 1040px) {
  .l-product .l-shop-ol li span strong {
    font-size: min(5.8vw, 58px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-shop-ol li span strong {
    font-size: calc(0.058 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-shop-ol li span strong {
    font-size: calc(0.058 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .l-shop-btn {
    padding-top: min(55vw, 550px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-shop-btn {
    padding-top: calc(0.55 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-shop-btn {
    padding-top: calc(0.55 * (100vw - 32px));
  }
}
.l-product .l-shop-btn a {
  background: #fff;
  color: #e8007d;
  font-weight: 700;
  display: block;
  text-align: center;
}
@media screen and (min-width: 1040px) {
  .l-product .l-shop-btn a {
    border-radius: min(1vw, 10px);
    font-size: min(4.2vw, 42px);
    line-height: min(13vw, 130px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .l-shop-btn a {
    border-radius: calc(0.01 * (100vw - 40px));
    font-size: calc(0.042 * (100vw - 40px));
    line-height: calc(0.13 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .l-shop-btn a {
    border-radius: calc(0.01 * (100vw - 32px));
    font-size: calc(0.042 * (100vw - 32px));
    line-height: calc(0.13 * (100vw - 32px));
  }
}
.l-product .l-shop-btn a:hover {
  opacity: 1;
  color: #eb52a4;
}

.l-product {
  /* absolute */
  /* background */
  /* border */
  /* flex */
  /* text-align */
  /* line-height */
  /* letter-spacing */
  /* font */
  /* only device */
  /* relative */
  /* display block */
  /* rounded */
  /* rotate */
  /* text 2 image */
  /* padding */
  /* margin */
  /* width */
}
.l-product .u-absolute {
  position: absolute;
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-absolute {
    position: absolute;
  }
}
.l-product .u-bg-white {
  background: #fff;
}
.l-product .u-bg-light-gray {
  background: #e2e2e2;
}
.l-product .u-border-box {
  border: 1px solid #3e3a39;
}
.l-product .u-border-b {
  border-bottom: 1px solid #3e3a39;
}
.l-product .u-border-0 {
  border: none;
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-border-0 {
    border: none;
  }
}
.l-product .u-flex {
  display: flex;
}
.l-product .u-flex-space-between {
  justify-content: space-between;
}
.l-product .u-flex-reverse {
  flex-direction: row-reverse;
}
.l-product .u-flex-center {
  justify-content: center;
}
.l-product .u-flex-middle {
  align-items: center;
}
.l-product .u-flex-end {
  align-items: flex-end;
}
.l-product .u-flex-wrap {
  flex-wrap: wrap;
}
.l-product .u-flex-column {
  flex-direction: column;
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-flex {
    display: flex;
  }
  .l-product .s\:u-flex-column {
    flex-direction: column;
  }
  .l-product .s\:u-flex-space-between {
    justify-content: space-between;
  }
  .l-product .s\:u-flex-reverse {
    flex-direction: row-reverse;
  }
  .l-product .s\:u-flex-center {
    justify-content: center;
  }
  .l-product .s\:u-flex-middle {
    align-items: center;
  }
  .l-product .s\:u-flex-end {
    align-items: flex-end;
  }
  .l-product .s\:u-flex-wrap {
    flex-wrap: wrap;
  }
}
.l-product .u-align-center {
  text-align: center;
}
.l-product .u-align-right {
  text-align: right;
}
.l-product .u-align-left {
  text-align: left;
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-align-center {
    text-align: center;
  }
  .l-product .s\:u-align-right {
    text-align: right;
  }
  .l-product .s\:u-align-left {
    text-align: left;
  }
}
.l-product .u-lh-12 {
  line-height: 1.2;
}
.l-product .u-lh-13 {
  line-height: 1.3;
}
.l-product .u-lh-14 {
  line-height: 1.4;
}
.l-product .u-lh-17 {
  line-height: 1.7;
}
.l-product .u-lh-20 {
  line-height: 2;
}
.l-product .u-lh-22 {
  line-height: 2.2;
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-lh-14 {
    line-height: 1.4;
  }
  .l-product .s\:u-lh-17 {
    line-height: 1.7;
  }
  .l-product .s\:u-lh-20 {
    line-height: 2;
  }
}
.l-product .u-ls-0 {
  letter-spacing: 0;
}
@media screen and (min-width: 1040px) {
  .l-product .u-ls-10 {
    letter-spacing: min(0.1vw, 1px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ls-10 {
    letter-spacing: calc(0.001 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ls-10 {
    letter-spacing: calc(0.001 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ls-15 {
    letter-spacing: min(0.15vw, 1.5px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ls-15 {
    letter-spacing: calc(0.0015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ls-15 {
    letter-spacing: calc(0.0015 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ls-20 {
    letter-spacing: min(0.2vw, 2px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ls-20 {
    letter-spacing: calc(0.002 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ls-20 {
    letter-spacing: calc(0.002 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ls-25 {
    letter-spacing: min(0.25vw, 2.5px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ls-25 {
    letter-spacing: calc(0.0025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ls-25 {
    letter-spacing: calc(0.0025 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ls-30 {
    letter-spacing: min(0.3vw, 3px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ls-30 {
    letter-spacing: calc(0.003 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ls-30 {
    letter-spacing: calc(0.003 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ls-35 {
    letter-spacing: min(0.35vw, 3.5px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ls-35 {
    letter-spacing: calc(0.0035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ls-35 {
    letter-spacing: calc(0.0035 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ls-40 {
    letter-spacing: min(0.4vw, 4px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ls-40 {
    letter-spacing: calc(0.004 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ls-40 {
    letter-spacing: calc(0.004 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ls-50 {
    letter-spacing: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ls-50 {
    letter-spacing: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ls-50 {
    letter-spacing: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ls-70 {
    letter-spacing: min(0.7vw, 7px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ls-70 {
    letter-spacing: calc(0.007 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ls-70 {
    letter-spacing: calc(0.007 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-ls-0 {
    letter-spacing: 0;
  }
  .l-product .s\:u-ls-10 {
    letter-spacing: 1px;
  }
  .l-product .s\:u-ls-15 {
    letter-spacing: 1.5px;
  }
  .l-product .s\:u-ls-18 {
    letter-spacing: 1.8px;
  }
  .l-product .s\:u-ls-20 {
    letter-spacing: 2px;
  }
  .l-product .s\:u-ls-25 {
    letter-spacing: 2.5px;
  }
}
.l-product .u-font-serif {
  font-family: "Noto Serif JP", serif;
}
.l-product .u-font-sans {
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 1040px) {
  .l-product .u-font-20 {
    font-size: min(2vw, 20px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-font-20 {
    font-size: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-font-20 {
    font-size: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-font-24 {
    font-size: min(2.4vw, 24px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-font-24 {
    font-size: calc(0.024 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-font-24 {
    font-size: calc(0.024 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-font-28 {
    font-size: min(2.8vw, 28px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-font-28 {
    font-size: calc(0.028 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-font-28 {
    font-size: calc(0.028 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-font-30 {
    font-size: min(3vw, 30px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-font-30 {
    font-size: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-font-30 {
    font-size: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-font-31 {
    font-size: min(3.1vw, 31px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-font-31 {
    font-size: calc(0.031 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-font-31 {
    font-size: calc(0.031 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-font-34 {
    font-size: min(3.4vw, 34px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-font-34 {
    font-size: calc(0.034 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-font-34 {
    font-size: calc(0.034 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-font-38 {
    font-size: min(3.8vw, 38px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-font-38 {
    font-size: calc(0.038 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-font-38 {
    font-size: calc(0.038 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-font-40 {
    font-size: min(4vw, 40px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-font-40 {
    font-size: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-font-40 {
    font-size: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-font-43 {
    font-size: min(4.3vw, 43px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-font-43 {
    font-size: calc(0.043 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-font-43 {
    font-size: calc(0.043 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-font-46 {
    font-size: min(4.6vw, 46px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-font-46 {
    font-size: calc(0.046 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-font-46 {
    font-size: calc(0.046 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-font-48 {
    font-size: min(4.8vw, 48px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-font-48 {
    font-size: calc(0.048 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-font-48 {
    font-size: calc(0.048 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-font-50 {
    font-size: min(5vw, 50px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-font-50 {
    font-size: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-font-50 {
    font-size: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-font-53 {
    font-size: min(5.3vw, 53px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-font-53 {
    font-size: calc(0.053 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-font-53 {
    font-size: calc(0.053 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-font-58 {
    font-size: min(5.8vw, 58px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-font-58 {
    font-size: calc(0.058 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-font-58 {
    font-size: calc(0.058 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-font-60 {
    font-size: min(6vw, 60px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-font-60 {
    font-size: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-font-60 {
    font-size: calc(0.06 * (100vw - 32px));
  }
}
.l-product .u-font-blue {
  color: #009edd;
}
.l-product .u-font-gray {
  color: #62687f;
}
.l-product .u-font-white {
  color: #fff;
}
.l-product .u-font-pink {
  color: #e8007d;
}
.l-product .u-font-normal {
  font-weight: 400;
}
.l-product .u-font-medium {
  font-weight: 500;
}
.l-product .u-font-semibold {
  font-weight: 600;
}
.l-product .u-font-bold {
  font-weight: 700;
}
.l-product .u-font-palt {
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
}
.l-product .u-font-underline {
  text-decoration: underline;
}
@media screen and (max-width: 639px) {
  .l-product .u-only-pc {
    display: none;
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-only-sp {
    display: none;
  }
}
.l-product .u-relative {
  position: relative;
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-relative {
    position: relative;
  }
}
.l-product .u-block {
  display: block;
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-block {
    display: block;
  }
}
.l-product .u-rounded-25 {
  border-radius: min(2.5vw, 25px);
}
.l-product .u-rotate-90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-rotate-90 {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
.l-product .u-t2i {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.l-product .u-pb-0 {
  padding-bottom: 0px;
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-5 {
    padding-bottom: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-5 {
    padding-bottom: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-5 {
    padding-bottom: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-10 {
    padding-bottom: min(1vw, 10px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-10 {
    padding-bottom: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-10 {
    padding-bottom: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-15 {
    padding-bottom: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-15 {
    padding-bottom: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-15 {
    padding-bottom: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-20 {
    padding-bottom: min(2vw, 20px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-20 {
    padding-bottom: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-20 {
    padding-bottom: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-25 {
    padding-bottom: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-25 {
    padding-bottom: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-25 {
    padding-bottom: calc(0.025 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-30 {
    padding-bottom: min(3vw, 30px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-30 {
    padding-bottom: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-30 {
    padding-bottom: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-35 {
    padding-bottom: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-35 {
    padding-bottom: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-35 {
    padding-bottom: calc(0.035 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-40 {
    padding-bottom: min(4vw, 40px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-40 {
    padding-bottom: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-40 {
    padding-bottom: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-45 {
    padding-bottom: min(4.5vw, 45px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-45 {
    padding-bottom: calc(0.045 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-45 {
    padding-bottom: calc(0.045 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-50 {
    padding-bottom: min(5vw, 50px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-50 {
    padding-bottom: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-50 {
    padding-bottom: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-55 {
    padding-bottom: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-55 {
    padding-bottom: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-55 {
    padding-bottom: calc(0.055 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-60 {
    padding-bottom: min(6vw, 60px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-60 {
    padding-bottom: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-60 {
    padding-bottom: calc(0.06 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-65 {
    padding-bottom: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-65 {
    padding-bottom: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-65 {
    padding-bottom: calc(0.065 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-70 {
    padding-bottom: min(7vw, 70px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-70 {
    padding-bottom: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-70 {
    padding-bottom: calc(0.07 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-75 {
    padding-bottom: min(7.5vw, 75px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-75 {
    padding-bottom: calc(0.075 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-75 {
    padding-bottom: calc(0.075 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-80 {
    padding-bottom: min(8vw, 80px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-80 {
    padding-bottom: calc(0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-80 {
    padding-bottom: calc(0.08 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-85 {
    padding-bottom: min(8.5vw, 85px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-85 {
    padding-bottom: calc(0.085 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-85 {
    padding-bottom: calc(0.085 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-90 {
    padding-bottom: min(9vw, 90px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-90 {
    padding-bottom: calc(0.09 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-90 {
    padding-bottom: calc(0.09 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-95 {
    padding-bottom: min(9.5vw, 95px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-95 {
    padding-bottom: calc(0.095 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-95 {
    padding-bottom: calc(0.095 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-100 {
    padding-bottom: min(10vw, 100px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-100 {
    padding-bottom: calc(0.1 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-100 {
    padding-bottom: calc(0.1 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-105 {
    padding-bottom: min(10.5vw, 105px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-105 {
    padding-bottom: calc(0.105 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-105 {
    padding-bottom: calc(0.105 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-110 {
    padding-bottom: min(11vw, 110px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-110 {
    padding-bottom: calc(0.11 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-110 {
    padding-bottom: calc(0.11 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-115 {
    padding-bottom: min(11.5vw, 115px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-115 {
    padding-bottom: calc(0.115 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-115 {
    padding-bottom: calc(0.115 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-120 {
    padding-bottom: min(12vw, 120px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-120 {
    padding-bottom: calc(0.12 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-120 {
    padding-bottom: calc(0.12 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-125 {
    padding-bottom: min(12.5vw, 125px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-125 {
    padding-bottom: calc(0.125 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-125 {
    padding-bottom: calc(0.125 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-130 {
    padding-bottom: min(13vw, 130px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-130 {
    padding-bottom: calc(0.13 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-130 {
    padding-bottom: calc(0.13 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-135 {
    padding-bottom: min(13.5vw, 135px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-135 {
    padding-bottom: calc(0.135 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-135 {
    padding-bottom: calc(0.135 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-140 {
    padding-bottom: min(14vw, 140px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-140 {
    padding-bottom: calc(0.14 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-140 {
    padding-bottom: calc(0.14 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-145 {
    padding-bottom: min(14.5vw, 145px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-145 {
    padding-bottom: calc(0.145 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-145 {
    padding-bottom: calc(0.145 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-150 {
    padding-bottom: min(15vw, 150px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-150 {
    padding-bottom: calc(0.15 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-150 {
    padding-bottom: calc(0.15 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-155 {
    padding-bottom: min(15.5vw, 155px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-155 {
    padding-bottom: calc(0.155 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-155 {
    padding-bottom: calc(0.155 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-160 {
    padding-bottom: min(16vw, 160px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-160 {
    padding-bottom: calc(0.16 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-160 {
    padding-bottom: calc(0.16 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-165 {
    padding-bottom: min(16.5vw, 165px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-165 {
    padding-bottom: calc(0.165 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-165 {
    padding-bottom: calc(0.165 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pb-170 {
    padding-bottom: min(17vw, 170px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pb-170 {
    padding-bottom: calc(0.17 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pb-170 {
    padding-bottom: calc(0.17 * (100vw - 32px));
  }
}
.l-product .u-pt-0 {
  padding-top: 0px;
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-5 {
    padding-top: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-5 {
    padding-top: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-5 {
    padding-top: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-10 {
    padding-top: min(1vw, 10px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-10 {
    padding-top: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-10 {
    padding-top: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-15 {
    padding-top: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-15 {
    padding-top: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-15 {
    padding-top: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-20 {
    padding-top: min(2vw, 20px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-20 {
    padding-top: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-20 {
    padding-top: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-25 {
    padding-top: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-25 {
    padding-top: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-25 {
    padding-top: calc(0.025 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-30 {
    padding-top: min(3vw, 30px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-30 {
    padding-top: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-30 {
    padding-top: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-35 {
    padding-top: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-35 {
    padding-top: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-35 {
    padding-top: calc(0.035 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-40 {
    padding-top: min(4vw, 40px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-40 {
    padding-top: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-40 {
    padding-top: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-45 {
    padding-top: min(4.5vw, 45px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-45 {
    padding-top: calc(0.045 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-45 {
    padding-top: calc(0.045 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-50 {
    padding-top: min(5vw, 50px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-50 {
    padding-top: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-50 {
    padding-top: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-55 {
    padding-top: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-55 {
    padding-top: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-55 {
    padding-top: calc(0.055 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-60 {
    padding-top: min(6vw, 60px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-60 {
    padding-top: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-60 {
    padding-top: calc(0.06 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-65 {
    padding-top: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-65 {
    padding-top: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-65 {
    padding-top: calc(0.065 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-70 {
    padding-top: min(7vw, 70px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-70 {
    padding-top: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-70 {
    padding-top: calc(0.07 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-75 {
    padding-top: min(7.5vw, 75px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-75 {
    padding-top: calc(0.075 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-75 {
    padding-top: calc(0.075 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-80 {
    padding-top: min(8vw, 80px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-80 {
    padding-top: calc(0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-80 {
    padding-top: calc(0.08 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-85 {
    padding-top: min(8.5vw, 85px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-85 {
    padding-top: calc(0.085 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-85 {
    padding-top: calc(0.085 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-90 {
    padding-top: min(9vw, 90px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-90 {
    padding-top: calc(0.09 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-90 {
    padding-top: calc(0.09 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-95 {
    padding-top: min(9.5vw, 95px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-95 {
    padding-top: calc(0.095 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-95 {
    padding-top: calc(0.095 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-100 {
    padding-top: min(10vw, 100px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-100 {
    padding-top: calc(0.1 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-100 {
    padding-top: calc(0.1 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-105 {
    padding-top: min(10.5vw, 105px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-105 {
    padding-top: calc(0.105 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-105 {
    padding-top: calc(0.105 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-110 {
    padding-top: min(11vw, 110px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-110 {
    padding-top: calc(0.11 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-110 {
    padding-top: calc(0.11 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-115 {
    padding-top: min(11.5vw, 115px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-115 {
    padding-top: calc(0.115 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-115 {
    padding-top: calc(0.115 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-120 {
    padding-top: min(12vw, 120px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-120 {
    padding-top: calc(0.12 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-120 {
    padding-top: calc(0.12 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-125 {
    padding-top: min(12.5vw, 125px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-125 {
    padding-top: calc(0.125 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-125 {
    padding-top: calc(0.125 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-130 {
    padding-top: min(13vw, 130px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-130 {
    padding-top: calc(0.13 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-130 {
    padding-top: calc(0.13 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-135 {
    padding-top: min(13.5vw, 135px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-135 {
    padding-top: calc(0.135 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-135 {
    padding-top: calc(0.135 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-140 {
    padding-top: min(14vw, 140px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-140 {
    padding-top: calc(0.14 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-140 {
    padding-top: calc(0.14 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-145 {
    padding-top: min(14.5vw, 145px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-145 {
    padding-top: calc(0.145 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-145 {
    padding-top: calc(0.145 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-150 {
    padding-top: min(15vw, 150px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-150 {
    padding-top: calc(0.15 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-150 {
    padding-top: calc(0.15 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pt-155 {
    padding-top: min(15.5vw, 155px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pt-155 {
    padding-top: calc(0.155 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pt-155 {
    padding-top: calc(0.155 * (100vw - 32px));
  }
}
.l-product .u-pl-0 {
  padding-left: 0px;
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-5 {
    padding-left: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-5 {
    padding-left: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-5 {
    padding-left: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-10 {
    padding-left: min(1vw, 10px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-10 {
    padding-left: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-10 {
    padding-left: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-15 {
    padding-left: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-15 {
    padding-left: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-15 {
    padding-left: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-20 {
    padding-left: min(2vw, 20px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-20 {
    padding-left: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-20 {
    padding-left: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-25 {
    padding-left: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-25 {
    padding-left: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-25 {
    padding-left: calc(0.025 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-30 {
    padding-left: min(3vw, 30px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-30 {
    padding-left: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-30 {
    padding-left: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-35 {
    padding-left: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-35 {
    padding-left: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-35 {
    padding-left: calc(0.035 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-40 {
    padding-left: min(4vw, 40px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-40 {
    padding-left: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-40 {
    padding-left: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-45 {
    padding-left: min(4.5vw, 45px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-45 {
    padding-left: calc(0.045 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-45 {
    padding-left: calc(0.045 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-50 {
    padding-left: min(5vw, 50px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-50 {
    padding-left: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-50 {
    padding-left: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-55 {
    padding-left: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-55 {
    padding-left: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-55 {
    padding-left: calc(0.055 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-60 {
    padding-left: min(6vw, 60px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-60 {
    padding-left: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-60 {
    padding-left: calc(0.06 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-65 {
    padding-left: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-65 {
    padding-left: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-65 {
    padding-left: calc(0.065 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-70 {
    padding-left: min(7vw, 70px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-70 {
    padding-left: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-70 {
    padding-left: calc(0.07 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-75 {
    padding-left: min(7.5vw, 75px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-75 {
    padding-left: calc(0.075 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-75 {
    padding-left: calc(0.075 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-80 {
    padding-left: min(8vw, 80px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-80 {
    padding-left: calc(0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-80 {
    padding-left: calc(0.08 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-85 {
    padding-left: min(8.5vw, 85px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-85 {
    padding-left: calc(0.085 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-85 {
    padding-left: calc(0.085 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-90 {
    padding-left: min(9vw, 90px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-90 {
    padding-left: calc(0.09 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-90 {
    padding-left: calc(0.09 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-95 {
    padding-left: min(9.5vw, 95px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-95 {
    padding-left: calc(0.095 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-95 {
    padding-left: calc(0.095 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-100 {
    padding-left: min(10vw, 100px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-100 {
    padding-left: calc(0.1 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-100 {
    padding-left: calc(0.1 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-105 {
    padding-left: min(10.5vw, 105px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-105 {
    padding-left: calc(0.105 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-105 {
    padding-left: calc(0.105 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-110 {
    padding-left: min(11vw, 110px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-110 {
    padding-left: calc(0.11 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-110 {
    padding-left: calc(0.11 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-115 {
    padding-left: min(11.5vw, 115px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-115 {
    padding-left: calc(0.115 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-115 {
    padding-left: calc(0.115 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-120 {
    padding-left: min(12vw, 120px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-120 {
    padding-left: calc(0.12 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-120 {
    padding-left: calc(0.12 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-125 {
    padding-left: min(12.5vw, 125px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-125 {
    padding-left: calc(0.125 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-125 {
    padding-left: calc(0.125 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-130 {
    padding-left: min(13vw, 130px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-130 {
    padding-left: calc(0.13 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-130 {
    padding-left: calc(0.13 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-135 {
    padding-left: min(13.5vw, 135px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-135 {
    padding-left: calc(0.135 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-135 {
    padding-left: calc(0.135 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-140 {
    padding-left: min(14vw, 140px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-140 {
    padding-left: calc(0.14 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-140 {
    padding-left: calc(0.14 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-145 {
    padding-left: min(14.5vw, 145px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-145 {
    padding-left: calc(0.145 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-145 {
    padding-left: calc(0.145 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-150 {
    padding-left: min(15vw, 150px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-150 {
    padding-left: calc(0.15 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-150 {
    padding-left: calc(0.15 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pl-155 {
    padding-left: min(15.5vw, 155px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pl-155 {
    padding-left: calc(0.155 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pl-155 {
    padding-left: calc(0.155 * (100vw - 32px));
  }
}
.l-product .u-pr-0 {
  padding-right: 0px;
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-5 {
    padding-right: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-5 {
    padding-right: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-5 {
    padding-right: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-10 {
    padding-right: min(1vw, 10px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-10 {
    padding-right: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-10 {
    padding-right: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-15 {
    padding-right: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-15 {
    padding-right: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-15 {
    padding-right: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-20 {
    padding-right: min(2vw, 20px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-20 {
    padding-right: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-20 {
    padding-right: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-25 {
    padding-right: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-25 {
    padding-right: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-25 {
    padding-right: calc(0.025 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-30 {
    padding-right: min(3vw, 30px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-30 {
    padding-right: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-30 {
    padding-right: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-35 {
    padding-right: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-35 {
    padding-right: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-35 {
    padding-right: calc(0.035 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-40 {
    padding-right: min(4vw, 40px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-40 {
    padding-right: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-40 {
    padding-right: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-45 {
    padding-right: min(4.5vw, 45px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-45 {
    padding-right: calc(0.045 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-45 {
    padding-right: calc(0.045 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-50 {
    padding-right: min(5vw, 50px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-50 {
    padding-right: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-50 {
    padding-right: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-55 {
    padding-right: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-55 {
    padding-right: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-55 {
    padding-right: calc(0.055 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-60 {
    padding-right: min(6vw, 60px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-60 {
    padding-right: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-60 {
    padding-right: calc(0.06 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-65 {
    padding-right: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-65 {
    padding-right: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-65 {
    padding-right: calc(0.065 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-70 {
    padding-right: min(7vw, 70px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-70 {
    padding-right: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-70 {
    padding-right: calc(0.07 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-75 {
    padding-right: min(7.5vw, 75px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-75 {
    padding-right: calc(0.075 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-75 {
    padding-right: calc(0.075 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-80 {
    padding-right: min(8vw, 80px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-80 {
    padding-right: calc(0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-80 {
    padding-right: calc(0.08 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-85 {
    padding-right: min(8.5vw, 85px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-85 {
    padding-right: calc(0.085 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-85 {
    padding-right: calc(0.085 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-90 {
    padding-right: min(9vw, 90px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-90 {
    padding-right: calc(0.09 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-90 {
    padding-right: calc(0.09 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-95 {
    padding-right: min(9.5vw, 95px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-95 {
    padding-right: calc(0.095 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-95 {
    padding-right: calc(0.095 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-100 {
    padding-right: min(10vw, 100px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-100 {
    padding-right: calc(0.1 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-100 {
    padding-right: calc(0.1 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-105 {
    padding-right: min(10.5vw, 105px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-105 {
    padding-right: calc(0.105 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-105 {
    padding-right: calc(0.105 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-110 {
    padding-right: min(11vw, 110px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-110 {
    padding-right: calc(0.11 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-110 {
    padding-right: calc(0.11 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-115 {
    padding-right: min(11.5vw, 115px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-115 {
    padding-right: calc(0.115 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-115 {
    padding-right: calc(0.115 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-120 {
    padding-right: min(12vw, 120px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-120 {
    padding-right: calc(0.12 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-120 {
    padding-right: calc(0.12 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-125 {
    padding-right: min(12.5vw, 125px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-125 {
    padding-right: calc(0.125 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-125 {
    padding-right: calc(0.125 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-130 {
    padding-right: min(13vw, 130px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-130 {
    padding-right: calc(0.13 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-130 {
    padding-right: calc(0.13 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-135 {
    padding-right: min(13.5vw, 135px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-135 {
    padding-right: calc(0.135 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-135 {
    padding-right: calc(0.135 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-140 {
    padding-right: min(14vw, 140px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-140 {
    padding-right: calc(0.14 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-140 {
    padding-right: calc(0.14 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-145 {
    padding-right: min(14.5vw, 145px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-145 {
    padding-right: calc(0.145 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-145 {
    padding-right: calc(0.145 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-150 {
    padding-right: min(15vw, 150px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-150 {
    padding-right: calc(0.15 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-150 {
    padding-right: calc(0.15 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-pr-155 {
    padding-right: min(15.5vw, 155px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-pr-155 {
    padding-right: calc(0.155 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-pr-155 {
    padding-right: calc(0.155 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-pb-0 {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pb-5 {
    padding-bottom: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pb-5 {
    padding-bottom: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pb-5 {
    padding-bottom: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pb-10 {
    padding-bottom: min(1vw, 10px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pb-10 {
    padding-bottom: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pb-10 {
    padding-bottom: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pb-15 {
    padding-bottom: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pb-15 {
    padding-bottom: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pb-15 {
    padding-bottom: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pb-20 {
    padding-bottom: min(2vw, 20px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pb-20 {
    padding-bottom: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pb-20 {
    padding-bottom: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pb-25 {
    padding-bottom: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pb-25 {
    padding-bottom: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pb-25 {
    padding-bottom: calc(0.025 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pb-30 {
    padding-bottom: min(3vw, 30px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pb-30 {
    padding-bottom: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pb-30 {
    padding-bottom: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pb-35 {
    padding-bottom: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pb-35 {
    padding-bottom: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pb-35 {
    padding-bottom: calc(0.035 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pb-40 {
    padding-bottom: min(4vw, 40px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pb-40 {
    padding-bottom: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pb-40 {
    padding-bottom: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pb-45 {
    padding-bottom: min(4.5vw, 45px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pb-45 {
    padding-bottom: calc(0.045 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pb-45 {
    padding-bottom: calc(0.045 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pb-50 {
    padding-bottom: min(5vw, 50px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pb-50 {
    padding-bottom: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pb-50 {
    padding-bottom: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pb-55 {
    padding-bottom: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pb-55 {
    padding-bottom: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pb-55 {
    padding-bottom: calc(0.055 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pb-60 {
    padding-bottom: min(6vw, 60px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pb-60 {
    padding-bottom: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pb-60 {
    padding-bottom: calc(0.06 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pb-65 {
    padding-bottom: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pb-65 {
    padding-bottom: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pb-65 {
    padding-bottom: calc(0.065 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pb-70 {
    padding-bottom: min(7vw, 70px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pb-70 {
    padding-bottom: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pb-70 {
    padding-bottom: calc(0.07 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pb-75 {
    padding-bottom: min(7.5vw, 75px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pb-75 {
    padding-bottom: calc(0.075 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pb-75 {
    padding-bottom: calc(0.075 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pb-80 {
    padding-bottom: min(8vw, 80px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pb-80 {
    padding-bottom: calc(0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pb-80 {
    padding-bottom: calc(0.08 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-pt-0 {
    padding-top: 0px;
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pt-5 {
    padding-top: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pt-5 {
    padding-top: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pt-5 {
    padding-top: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pt-10 {
    padding-top: min(1vw, 10px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pt-10 {
    padding-top: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pt-10 {
    padding-top: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pt-15 {
    padding-top: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pt-15 {
    padding-top: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pt-15 {
    padding-top: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pt-20 {
    padding-top: min(2vw, 20px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pt-20 {
    padding-top: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pt-20 {
    padding-top: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pt-25 {
    padding-top: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pt-25 {
    padding-top: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pt-25 {
    padding-top: calc(0.025 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pt-30 {
    padding-top: min(3vw, 30px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pt-30 {
    padding-top: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pt-30 {
    padding-top: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pt-35 {
    padding-top: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pt-35 {
    padding-top: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pt-35 {
    padding-top: calc(0.035 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pt-40 {
    padding-top: min(4vw, 40px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pt-40 {
    padding-top: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pt-40 {
    padding-top: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pt-45 {
    padding-top: min(4.5vw, 45px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pt-45 {
    padding-top: calc(0.045 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pt-45 {
    padding-top: calc(0.045 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pt-50 {
    padding-top: min(5vw, 50px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pt-50 {
    padding-top: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pt-50 {
    padding-top: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pt-55 {
    padding-top: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pt-55 {
    padding-top: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pt-55 {
    padding-top: calc(0.055 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pt-60 {
    padding-top: min(6vw, 60px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pt-60 {
    padding-top: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pt-60 {
    padding-top: calc(0.06 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pt-65 {
    padding-top: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pt-65 {
    padding-top: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pt-65 {
    padding-top: calc(0.065 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pt-70 {
    padding-top: min(7vw, 70px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pt-70 {
    padding-top: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pt-70 {
    padding-top: calc(0.07 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pt-75 {
    padding-top: min(7.5vw, 75px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pt-75 {
    padding-top: calc(0.075 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pt-75 {
    padding-top: calc(0.075 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pt-80 {
    padding-top: min(8vw, 80px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pt-80 {
    padding-top: calc(0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pt-80 {
    padding-top: calc(0.08 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-pl-0 {
    padding-left: 0px;
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pl-5 {
    padding-left: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pl-5 {
    padding-left: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pl-5 {
    padding-left: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pl-10 {
    padding-left: min(1vw, 10px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pl-10 {
    padding-left: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pl-10 {
    padding-left: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pl-15 {
    padding-left: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pl-15 {
    padding-left: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pl-15 {
    padding-left: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pl-20 {
    padding-left: min(2vw, 20px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pl-20 {
    padding-left: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pl-20 {
    padding-left: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pl-25 {
    padding-left: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pl-25 {
    padding-left: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pl-25 {
    padding-left: calc(0.025 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pl-30 {
    padding-left: min(3vw, 30px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pl-30 {
    padding-left: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pl-30 {
    padding-left: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pl-35 {
    padding-left: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pl-35 {
    padding-left: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pl-35 {
    padding-left: calc(0.035 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pl-40 {
    padding-left: min(4vw, 40px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pl-40 {
    padding-left: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pl-40 {
    padding-left: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pl-45 {
    padding-left: min(4.5vw, 45px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pl-45 {
    padding-left: calc(0.045 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pl-45 {
    padding-left: calc(0.045 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pl-50 {
    padding-left: min(5vw, 50px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pl-50 {
    padding-left: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pl-50 {
    padding-left: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pl-55 {
    padding-left: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pl-55 {
    padding-left: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pl-55 {
    padding-left: calc(0.055 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pl-60 {
    padding-left: min(6vw, 60px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pl-60 {
    padding-left: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pl-60 {
    padding-left: calc(0.06 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pl-65 {
    padding-left: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pl-65 {
    padding-left: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pl-65 {
    padding-left: calc(0.065 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pl-70 {
    padding-left: min(7vw, 70px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pl-70 {
    padding-left: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pl-70 {
    padding-left: calc(0.07 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pl-75 {
    padding-left: min(7.5vw, 75px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pl-75 {
    padding-left: calc(0.075 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pl-75 {
    padding-left: calc(0.075 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pl-80 {
    padding-left: min(8vw, 80px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pl-80 {
    padding-left: calc(0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pl-80 {
    padding-left: calc(0.08 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-pr-0 {
    padding-right: 0px;
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pr-5 {
    padding-right: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pr-5 {
    padding-right: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pr-5 {
    padding-right: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pr-10 {
    padding-right: min(1vw, 10px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pr-10 {
    padding-right: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pr-10 {
    padding-right: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pr-15 {
    padding-right: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pr-15 {
    padding-right: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pr-15 {
    padding-right: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pr-20 {
    padding-right: min(2vw, 20px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pr-20 {
    padding-right: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pr-20 {
    padding-right: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pr-25 {
    padding-right: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pr-25 {
    padding-right: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pr-25 {
    padding-right: calc(0.025 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pr-30 {
    padding-right: min(3vw, 30px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pr-30 {
    padding-right: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pr-30 {
    padding-right: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pr-35 {
    padding-right: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pr-35 {
    padding-right: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pr-35 {
    padding-right: calc(0.035 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pr-40 {
    padding-right: min(4vw, 40px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pr-40 {
    padding-right: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pr-40 {
    padding-right: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pr-45 {
    padding-right: min(4.5vw, 45px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pr-45 {
    padding-right: calc(0.045 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pr-45 {
    padding-right: calc(0.045 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pr-50 {
    padding-right: min(5vw, 50px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pr-50 {
    padding-right: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pr-50 {
    padding-right: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pr-55 {
    padding-right: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pr-55 {
    padding-right: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pr-55 {
    padding-right: calc(0.055 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pr-60 {
    padding-right: min(6vw, 60px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pr-60 {
    padding-right: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pr-60 {
    padding-right: calc(0.06 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pr-65 {
    padding-right: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pr-65 {
    padding-right: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pr-65 {
    padding-right: calc(0.065 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pr-70 {
    padding-right: min(7vw, 70px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pr-70 {
    padding-right: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pr-70 {
    padding-right: calc(0.07 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pr-75 {
    padding-right: min(7.5vw, 75px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pr-75 {
    padding-right: calc(0.075 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pr-75 {
    padding-right: calc(0.075 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-pr-80 {
    padding-right: min(8vw, 80px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-pr-80 {
    padding-right: calc(0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-pr-80 {
    padding-right: calc(0.08 * (100vw - 32px));
  }
}
.l-product .u-m-auto {
  margin: 0 auto;
}
.l-product .u-ml-m30 {
  margin-left: max(-3vw, -30px);
}
.l-product .u-mb-0 {
  margin-bottom: 0px;
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-5 {
    margin-bottom: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-5 {
    margin-bottom: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-5 {
    margin-bottom: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-10 {
    margin-bottom: min(1vw, 10px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-10 {
    margin-bottom: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-10 {
    margin-bottom: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-15 {
    margin-bottom: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-15 {
    margin-bottom: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-15 {
    margin-bottom: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-20 {
    margin-bottom: min(2vw, 20px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-20 {
    margin-bottom: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-20 {
    margin-bottom: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-25 {
    margin-bottom: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-25 {
    margin-bottom: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-25 {
    margin-bottom: calc(0.025 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-30 {
    margin-bottom: min(3vw, 30px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-30 {
    margin-bottom: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-30 {
    margin-bottom: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-35 {
    margin-bottom: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-35 {
    margin-bottom: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-35 {
    margin-bottom: calc(0.035 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-40 {
    margin-bottom: min(4vw, 40px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-40 {
    margin-bottom: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-40 {
    margin-bottom: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-45 {
    margin-bottom: min(4.5vw, 45px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-45 {
    margin-bottom: calc(0.045 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-45 {
    margin-bottom: calc(0.045 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-50 {
    margin-bottom: min(5vw, 50px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-50 {
    margin-bottom: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-50 {
    margin-bottom: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-55 {
    margin-bottom: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-55 {
    margin-bottom: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-55 {
    margin-bottom: calc(0.055 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-60 {
    margin-bottom: min(6vw, 60px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-60 {
    margin-bottom: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-60 {
    margin-bottom: calc(0.06 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-65 {
    margin-bottom: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-65 {
    margin-bottom: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-65 {
    margin-bottom: calc(0.065 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-70 {
    margin-bottom: min(7vw, 70px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-70 {
    margin-bottom: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-70 {
    margin-bottom: calc(0.07 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-75 {
    margin-bottom: min(7.5vw, 75px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-75 {
    margin-bottom: calc(0.075 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-75 {
    margin-bottom: calc(0.075 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-80 {
    margin-bottom: min(8vw, 80px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-80 {
    margin-bottom: calc(0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-80 {
    margin-bottom: calc(0.08 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-85 {
    margin-bottom: min(8.5vw, 85px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-85 {
    margin-bottom: calc(0.085 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-85 {
    margin-bottom: calc(0.085 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-90 {
    margin-bottom: min(9vw, 90px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-90 {
    margin-bottom: calc(0.09 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-90 {
    margin-bottom: calc(0.09 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-95 {
    margin-bottom: min(9.5vw, 95px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-95 {
    margin-bottom: calc(0.095 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-95 {
    margin-bottom: calc(0.095 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-100 {
    margin-bottom: min(10vw, 100px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-100 {
    margin-bottom: calc(0.1 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-100 {
    margin-bottom: calc(0.1 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-105 {
    margin-bottom: min(10.5vw, 105px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-105 {
    margin-bottom: calc(0.105 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-105 {
    margin-bottom: calc(0.105 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-110 {
    margin-bottom: min(11vw, 110px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-110 {
    margin-bottom: calc(0.11 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-110 {
    margin-bottom: calc(0.11 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-115 {
    margin-bottom: min(11.5vw, 115px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-115 {
    margin-bottom: calc(0.115 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-115 {
    margin-bottom: calc(0.115 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-120 {
    margin-bottom: min(12vw, 120px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-120 {
    margin-bottom: calc(0.12 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-120 {
    margin-bottom: calc(0.12 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-125 {
    margin-bottom: min(12.5vw, 125px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-125 {
    margin-bottom: calc(0.125 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-125 {
    margin-bottom: calc(0.125 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mb-130 {
    margin-bottom: min(13vw, 130px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mb-130 {
    margin-bottom: calc(0.13 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mb-130 {
    margin-bottom: calc(0.13 * (100vw - 32px));
  }
}
.l-product .u-mt-0 {
  margin-top: 0px;
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-5 {
    margin-top: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-5 {
    margin-top: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-5 {
    margin-top: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-10 {
    margin-top: min(1vw, 10px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-10 {
    margin-top: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-10 {
    margin-top: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-15 {
    margin-top: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-15 {
    margin-top: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-15 {
    margin-top: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-20 {
    margin-top: min(2vw, 20px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-20 {
    margin-top: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-20 {
    margin-top: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-25 {
    margin-top: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-25 {
    margin-top: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-25 {
    margin-top: calc(0.025 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-30 {
    margin-top: min(3vw, 30px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-30 {
    margin-top: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-30 {
    margin-top: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-35 {
    margin-top: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-35 {
    margin-top: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-35 {
    margin-top: calc(0.035 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-40 {
    margin-top: min(4vw, 40px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-40 {
    margin-top: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-40 {
    margin-top: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-45 {
    margin-top: min(4.5vw, 45px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-45 {
    margin-top: calc(0.045 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-45 {
    margin-top: calc(0.045 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-50 {
    margin-top: min(5vw, 50px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-50 {
    margin-top: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-50 {
    margin-top: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-55 {
    margin-top: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-55 {
    margin-top: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-55 {
    margin-top: calc(0.055 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-60 {
    margin-top: min(6vw, 60px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-60 {
    margin-top: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-60 {
    margin-top: calc(0.06 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-65 {
    margin-top: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-65 {
    margin-top: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-65 {
    margin-top: calc(0.065 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-70 {
    margin-top: min(7vw, 70px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-70 {
    margin-top: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-70 {
    margin-top: calc(0.07 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-75 {
    margin-top: min(7.5vw, 75px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-75 {
    margin-top: calc(0.075 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-75 {
    margin-top: calc(0.075 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-80 {
    margin-top: min(8vw, 80px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-80 {
    margin-top: calc(0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-80 {
    margin-top: calc(0.08 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-85 {
    margin-top: min(8.5vw, 85px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-85 {
    margin-top: calc(0.085 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-85 {
    margin-top: calc(0.085 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-90 {
    margin-top: min(9vw, 90px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-90 {
    margin-top: calc(0.09 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-90 {
    margin-top: calc(0.09 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-95 {
    margin-top: min(9.5vw, 95px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-95 {
    margin-top: calc(0.095 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-95 {
    margin-top: calc(0.095 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mt-100 {
    margin-top: min(10vw, 100px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mt-100 {
    margin-top: calc(0.1 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mt-100 {
    margin-top: calc(0.1 * (100vw - 32px));
  }
}
.l-product .u-ml-0 {
  margin-left: 0px;
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-5 {
    margin-left: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-5 {
    margin-left: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-5 {
    margin-left: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-10 {
    margin-left: min(1vw, 10px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-10 {
    margin-left: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-10 {
    margin-left: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-15 {
    margin-left: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-15 {
    margin-left: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-15 {
    margin-left: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-20 {
    margin-left: min(2vw, 20px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-20 {
    margin-left: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-20 {
    margin-left: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-25 {
    margin-left: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-25 {
    margin-left: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-25 {
    margin-left: calc(0.025 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-30 {
    margin-left: min(3vw, 30px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-30 {
    margin-left: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-30 {
    margin-left: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-35 {
    margin-left: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-35 {
    margin-left: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-35 {
    margin-left: calc(0.035 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-40 {
    margin-left: min(4vw, 40px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-40 {
    margin-left: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-40 {
    margin-left: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-45 {
    margin-left: min(4.5vw, 45px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-45 {
    margin-left: calc(0.045 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-45 {
    margin-left: calc(0.045 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-50 {
    margin-left: min(5vw, 50px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-50 {
    margin-left: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-50 {
    margin-left: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-55 {
    margin-left: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-55 {
    margin-left: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-55 {
    margin-left: calc(0.055 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-60 {
    margin-left: min(6vw, 60px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-60 {
    margin-left: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-60 {
    margin-left: calc(0.06 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-65 {
    margin-left: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-65 {
    margin-left: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-65 {
    margin-left: calc(0.065 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-70 {
    margin-left: min(7vw, 70px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-70 {
    margin-left: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-70 {
    margin-left: calc(0.07 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-75 {
    margin-left: min(7.5vw, 75px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-75 {
    margin-left: calc(0.075 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-75 {
    margin-left: calc(0.075 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-80 {
    margin-left: min(8vw, 80px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-80 {
    margin-left: calc(0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-80 {
    margin-left: calc(0.08 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-85 {
    margin-left: min(8.5vw, 85px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-85 {
    margin-left: calc(0.085 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-85 {
    margin-left: calc(0.085 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-90 {
    margin-left: min(9vw, 90px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-90 {
    margin-left: calc(0.09 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-90 {
    margin-left: calc(0.09 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-95 {
    margin-left: min(9.5vw, 95px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-95 {
    margin-left: calc(0.095 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-95 {
    margin-left: calc(0.095 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-100 {
    margin-left: min(10vw, 100px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-100 {
    margin-left: calc(0.1 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-100 {
    margin-left: calc(0.1 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-105 {
    margin-left: min(10.5vw, 105px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-105 {
    margin-left: calc(0.105 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-105 {
    margin-left: calc(0.105 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-110 {
    margin-left: min(11vw, 110px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-110 {
    margin-left: calc(0.11 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-110 {
    margin-left: calc(0.11 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-115 {
    margin-left: min(11.5vw, 115px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-115 {
    margin-left: calc(0.115 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-115 {
    margin-left: calc(0.115 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-120 {
    margin-left: min(12vw, 120px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-120 {
    margin-left: calc(0.12 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-120 {
    margin-left: calc(0.12 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-125 {
    margin-left: min(12.5vw, 125px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-125 {
    margin-left: calc(0.125 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-125 {
    margin-left: calc(0.125 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-130 {
    margin-left: min(13vw, 130px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-130 {
    margin-left: calc(0.13 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-130 {
    margin-left: calc(0.13 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-ml-135 {
    margin-left: min(13.5vw, 135px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-ml-135 {
    margin-left: calc(0.135 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-ml-135 {
    margin-left: calc(0.135 * (100vw - 32px));
  }
}
.l-product .u-mr-0 {
  margin-right: 0px;
}
@media screen and (min-width: 1040px) {
  .l-product .u-mr-5 {
    margin-right: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mr-5 {
    margin-right: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mr-5 {
    margin-right: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mr-10 {
    margin-right: min(1vw, 10px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mr-10 {
    margin-right: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mr-10 {
    margin-right: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mr-15 {
    margin-right: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mr-15 {
    margin-right: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mr-15 {
    margin-right: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mr-20 {
    margin-right: min(2vw, 20px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mr-20 {
    margin-right: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mr-20 {
    margin-right: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mr-25 {
    margin-right: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mr-25 {
    margin-right: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mr-25 {
    margin-right: calc(0.025 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mr-30 {
    margin-right: min(3vw, 30px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mr-30 {
    margin-right: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mr-30 {
    margin-right: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mr-35 {
    margin-right: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mr-35 {
    margin-right: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mr-35 {
    margin-right: calc(0.035 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mr-40 {
    margin-right: min(4vw, 40px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mr-40 {
    margin-right: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mr-40 {
    margin-right: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mr-45 {
    margin-right: min(4.5vw, 45px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mr-45 {
    margin-right: calc(0.045 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mr-45 {
    margin-right: calc(0.045 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mr-50 {
    margin-right: min(5vw, 50px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mr-50 {
    margin-right: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mr-50 {
    margin-right: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mr-55 {
    margin-right: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mr-55 {
    margin-right: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mr-55 {
    margin-right: calc(0.055 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mr-60 {
    margin-right: min(6vw, 60px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mr-60 {
    margin-right: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mr-60 {
    margin-right: calc(0.06 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mr-65 {
    margin-right: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mr-65 {
    margin-right: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mr-65 {
    margin-right: calc(0.065 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mr-70 {
    margin-right: min(7vw, 70px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mr-70 {
    margin-right: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mr-70 {
    margin-right: calc(0.07 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mr-75 {
    margin-right: min(7.5vw, 75px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mr-75 {
    margin-right: calc(0.075 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mr-75 {
    margin-right: calc(0.075 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-mr-80 {
    margin-right: min(8vw, 80px);
  }
}
@media screen and (max-width: 1039px) and (min-width: 640px) {
  .l-product .u-mr-80 {
    margin-right: calc(0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .u-mr-80 {
    margin-right: calc(0.08 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-mb-0 {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mb-5 {
    margin-bottom: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mb-5 {
    margin-bottom: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mb-5 {
    margin-bottom: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mb-10 {
    margin-bottom: min(1vw, 10px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mb-10 {
    margin-bottom: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mb-10 {
    margin-bottom: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mb-15 {
    margin-bottom: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mb-15 {
    margin-bottom: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mb-15 {
    margin-bottom: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mb-20 {
    margin-bottom: min(2vw, 20px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mb-20 {
    margin-bottom: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mb-20 {
    margin-bottom: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mb-25 {
    margin-bottom: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mb-25 {
    margin-bottom: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mb-25 {
    margin-bottom: calc(0.025 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mb-30 {
    margin-bottom: min(3vw, 30px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mb-30 {
    margin-bottom: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mb-30 {
    margin-bottom: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mb-35 {
    margin-bottom: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mb-35 {
    margin-bottom: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mb-35 {
    margin-bottom: calc(0.035 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mb-40 {
    margin-bottom: min(4vw, 40px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mb-40 {
    margin-bottom: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mb-40 {
    margin-bottom: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mb-45 {
    margin-bottom: min(4.5vw, 45px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mb-45 {
    margin-bottom: calc(0.045 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mb-45 {
    margin-bottom: calc(0.045 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mb-50 {
    margin-bottom: min(5vw, 50px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mb-50 {
    margin-bottom: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mb-50 {
    margin-bottom: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mb-55 {
    margin-bottom: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mb-55 {
    margin-bottom: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mb-55 {
    margin-bottom: calc(0.055 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mb-60 {
    margin-bottom: min(6vw, 60px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mb-60 {
    margin-bottom: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mb-60 {
    margin-bottom: calc(0.06 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mb-65 {
    margin-bottom: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mb-65 {
    margin-bottom: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mb-65 {
    margin-bottom: calc(0.065 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mb-70 {
    margin-bottom: min(7vw, 70px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mb-70 {
    margin-bottom: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mb-70 {
    margin-bottom: calc(0.07 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mb-75 {
    margin-bottom: min(7.5vw, 75px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mb-75 {
    margin-bottom: calc(0.075 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mb-75 {
    margin-bottom: calc(0.075 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mb-80 {
    margin-bottom: min(8vw, 80px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mb-80 {
    margin-bottom: calc(0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mb-80 {
    margin-bottom: calc(0.08 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-mt-0 {
    margin-top: 0px;
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mt-5 {
    margin-top: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mt-5 {
    margin-top: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mt-5 {
    margin-top: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mt-10 {
    margin-top: min(1vw, 10px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mt-10 {
    margin-top: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mt-10 {
    margin-top: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mt-15 {
    margin-top: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mt-15 {
    margin-top: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mt-15 {
    margin-top: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mt-20 {
    margin-top: min(2vw, 20px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mt-20 {
    margin-top: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mt-20 {
    margin-top: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mt-25 {
    margin-top: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mt-25 {
    margin-top: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mt-25 {
    margin-top: calc(0.025 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mt-30 {
    margin-top: min(3vw, 30px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mt-30 {
    margin-top: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mt-30 {
    margin-top: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mt-35 {
    margin-top: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mt-35 {
    margin-top: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mt-35 {
    margin-top: calc(0.035 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mt-40 {
    margin-top: min(4vw, 40px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mt-40 {
    margin-top: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mt-40 {
    margin-top: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mt-45 {
    margin-top: min(4.5vw, 45px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mt-45 {
    margin-top: calc(0.045 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mt-45 {
    margin-top: calc(0.045 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mt-50 {
    margin-top: min(5vw, 50px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mt-50 {
    margin-top: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mt-50 {
    margin-top: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mt-55 {
    margin-top: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mt-55 {
    margin-top: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mt-55 {
    margin-top: calc(0.055 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mt-60 {
    margin-top: min(6vw, 60px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mt-60 {
    margin-top: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mt-60 {
    margin-top: calc(0.06 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mt-65 {
    margin-top: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mt-65 {
    margin-top: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mt-65 {
    margin-top: calc(0.065 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mt-70 {
    margin-top: min(7vw, 70px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mt-70 {
    margin-top: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mt-70 {
    margin-top: calc(0.07 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mt-75 {
    margin-top: min(7.5vw, 75px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mt-75 {
    margin-top: calc(0.075 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mt-75 {
    margin-top: calc(0.075 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mt-80 {
    margin-top: min(8vw, 80px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mt-80 {
    margin-top: calc(0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mt-80 {
    margin-top: calc(0.08 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml--10 {
    margin-left: max(-1vw, -10px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml--10 {
    margin-left: calc(-0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml--10 {
    margin-left: calc(-0.01 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml--5 {
    margin-left: max(-0.5vw, -5px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml--5 {
    margin-left: calc(-0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml--5 {
    margin-left: calc(-0.005 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-ml-0 {
    margin-left: 0px;
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml-5 {
    margin-left: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml-5 {
    margin-left: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml-5 {
    margin-left: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml-10 {
    margin-left: min(1vw, 10px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml-10 {
    margin-left: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml-10 {
    margin-left: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml-15 {
    margin-left: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml-15 {
    margin-left: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml-15 {
    margin-left: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml-20 {
    margin-left: min(2vw, 20px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml-20 {
    margin-left: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml-20 {
    margin-left: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml-25 {
    margin-left: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml-25 {
    margin-left: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml-25 {
    margin-left: calc(0.025 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml-30 {
    margin-left: min(3vw, 30px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml-30 {
    margin-left: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml-30 {
    margin-left: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml-35 {
    margin-left: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml-35 {
    margin-left: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml-35 {
    margin-left: calc(0.035 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml-40 {
    margin-left: min(4vw, 40px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml-40 {
    margin-left: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml-40 {
    margin-left: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml-45 {
    margin-left: min(4.5vw, 45px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml-45 {
    margin-left: calc(0.045 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml-45 {
    margin-left: calc(0.045 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml-50 {
    margin-left: min(5vw, 50px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml-50 {
    margin-left: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml-50 {
    margin-left: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml-55 {
    margin-left: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml-55 {
    margin-left: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml-55 {
    margin-left: calc(0.055 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml-60 {
    margin-left: min(6vw, 60px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml-60 {
    margin-left: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml-60 {
    margin-left: calc(0.06 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml-65 {
    margin-left: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml-65 {
    margin-left: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml-65 {
    margin-left: calc(0.065 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml-70 {
    margin-left: min(7vw, 70px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml-70 {
    margin-left: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml-70 {
    margin-left: calc(0.07 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml-75 {
    margin-left: min(7.5vw, 75px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml-75 {
    margin-left: calc(0.075 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml-75 {
    margin-left: calc(0.075 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-ml-80 {
    margin-left: min(8vw, 80px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-ml-80 {
    margin-left: calc(0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-ml-80 {
    margin-left: calc(0.08 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-mr-0 {
    margin-right: 0px;
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mr-5 {
    margin-right: min(0.5vw, 5px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mr-5 {
    margin-right: calc(0.005 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mr-5 {
    margin-right: calc(0.005 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mr-10 {
    margin-right: min(1vw, 10px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mr-10 {
    margin-right: calc(0.01 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mr-10 {
    margin-right: calc(0.01 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mr-15 {
    margin-right: min(1.5vw, 15px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mr-15 {
    margin-right: calc(0.015 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mr-15 {
    margin-right: calc(0.015 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mr-20 {
    margin-right: min(2vw, 20px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mr-20 {
    margin-right: calc(0.02 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mr-20 {
    margin-right: calc(0.02 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mr-25 {
    margin-right: min(2.5vw, 25px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mr-25 {
    margin-right: calc(0.025 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mr-25 {
    margin-right: calc(0.025 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mr-30 {
    margin-right: min(3vw, 30px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mr-30 {
    margin-right: calc(0.03 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mr-30 {
    margin-right: calc(0.03 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mr-35 {
    margin-right: min(3.5vw, 35px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mr-35 {
    margin-right: calc(0.035 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mr-35 {
    margin-right: calc(0.035 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mr-40 {
    margin-right: min(4vw, 40px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mr-40 {
    margin-right: calc(0.04 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mr-40 {
    margin-right: calc(0.04 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mr-45 {
    margin-right: min(4.5vw, 45px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mr-45 {
    margin-right: calc(0.045 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mr-45 {
    margin-right: calc(0.045 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mr-50 {
    margin-right: min(5vw, 50px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mr-50 {
    margin-right: calc(0.05 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mr-50 {
    margin-right: calc(0.05 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mr-55 {
    margin-right: min(5.5vw, 55px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mr-55 {
    margin-right: calc(0.055 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mr-55 {
    margin-right: calc(0.055 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mr-60 {
    margin-right: min(6vw, 60px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mr-60 {
    margin-right: calc(0.06 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mr-60 {
    margin-right: calc(0.06 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mr-65 {
    margin-right: min(6.5vw, 65px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mr-65 {
    margin-right: calc(0.065 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mr-65 {
    margin-right: calc(0.065 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mr-70 {
    margin-right: min(7vw, 70px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mr-70 {
    margin-right: calc(0.07 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mr-70 {
    margin-right: calc(0.07 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mr-75 {
    margin-right: min(7.5vw, 75px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mr-75 {
    margin-right: calc(0.075 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mr-75 {
    margin-right: calc(0.075 * (100vw - 32px));
  }
}
@media screen and (max-width: 639px) and (min-width: 1040px) {
  .l-product .s\:u-mr-80 {
    margin-right: min(8vw, 80px);
  }
}
@media screen and (max-width: 639px) and (max-width: 1039px) and (min-width: 640px) {
  .l-product .s\:u-mr-80 {
    margin-right: calc(0.08 * (100vw - 40px));
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .l-product .s\:u-mr-80 {
    margin-right: calc(0.08 * (100vw - 32px));
  }
}
@media screen and (min-width: 1040px) {
  .l-product .u-w-full {
    width: 100%;
  }
  .l-product .u-w-80 {
    width: 80px;
  }
  .l-product .u-w-100 {
    width: 100px;
  }
  .l-product .u-w-200 {
    width: 200px;
  }
  .l-product .u-w-275 {
    width: 275px;
  }
  .l-product .u-w-317 {
    width: 317px;
  }
  .l-product .u-w-322 {
    width: 322px;
  }
  .l-product .u-w-345 {
    width: 345px;
  }
  .l-product .u-w-392 {
    width: 392px;
  }
  .l-product .u-w-550 {
    width: 550px;
  }
  .l-product .u-w-744 {
    width: 744px;
  }
  .l-product .u-w-984 {
    width: 984px;
  }
}
@media screen and (max-width: 639px) {
  .l-product .s\:u-w-full {
    width: 100%;
  }
  .l-product .s\:u-w-auto {
    width: auto;
  }
  .l-product .s\:u-w-100 {
    width: 100px;
  }
  .l-product .s\:u-w-205 {
    width: 205px;
  }
  .l-product .s\:u-w-210 {
    width: 210px;
  }
  .l-product .s\:u-w-245 {
    width: 245px;
  }
}/*# sourceMappingURL=style.css.map */