@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-Thin.eot");
  src: local("Noto Sans Thin"), local("NotoSans-Thin"), url("../fonts/NotoSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Thin.woff") format("woff"), url("../fonts/NotoSans-Thin.ttf") format("truetype"), url("../fonts/NotoSans-Thin.svg#NotoSans-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-ThinItalic.eot");
  src: local("Noto Sans ThinItalic"), local("NotoSans-ThinItalic"), url("../fonts/NotoSans-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-ThinItalic.woff") format("woff"), url("../fonts/NotoSans-ThinItalic.ttf") format("truetype"), url("../fonts/NotoSans-ThinItalic.svg#NotoSans-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-ExtraLight.eot");
  src: local("Noto Sans ExtraLight"), local("NotoSans-ExtraLight"), url("../fonts/NotoSans-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-ExtraLight.woff") format("woff"), url("../fonts/NotoSans-ExtraLight.ttf") format("truetype"), url("../fonts/NotoSans-ExtraLight.svg#NotoSans-ExtraLight") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-ExtraLightItalic.eot");
  src: local("Noto Sans ExtraLightItalic"), local("NotoSans-ExtraLightItalic"), url("../fonts/NotoSans-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-ExtraLightItalic.woff") format("woff"), url("../fonts/NotoSans-ExtraLightItalic.ttf") format("truetype"), url("../fonts/NotoSans-ExtraLightItalic.svg#NotoSans-ExtraLightItalic") format("svg");
  font-weight: 200;
  font-style: italic;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-Light.eot");
  src: local("Noto Sans Light"), local("NotoSans-Light"), url("../fonts/NotoSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Light.woff") format("woff"), url("../fonts/NotoSans-Light.ttf") format("truetype"), url("../fonts/NotoSans-Light.svg#NotoSans-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-LightItalic.eot");
  src: local("Noto Sans LightItalic"), local("NotoSans-LightItalic"), url("../fonts/NotoSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-LightItalic.woff") format("woff"), url("../fonts/NotoSans-LightItalic.ttf") format("truetype"), url("../fonts/NotoSans-LightItalic.svg#NotoSans-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-Regular.eot");
  src: local("Noto Sans Regular"), local("NotoSans-Regular"), url("../fonts/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Regular.woff") format("woff"), url("../fonts/NotoSans-Regular.ttf") format("truetype"), url("../fonts/NotoSans-Regular.svg#NotoSans-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-Italic.eot");
  src: local("Noto Sans Italic"), local("NotoSans-Italic"), url("../fonts/NotoSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Italic.woff") format("woff"), url("../fonts/NotoSans-Italic.ttf") format("truetype"), url("../fonts/NotoSans-Italic.svg#NotoSans-Italic") format("svg");
  font-weight: 400;
  font-style: italic;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-Medium.eot");
  src: local("Noto Sans Medium"), local("NotoSans-Medium"), url("../fonts/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Medium.woff") format("woff"), url("../fonts/NotoSans-Medium.ttf") format("truetype"), url("../fonts/NotoSans-Medium.svg#NotoSans-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-MediumItalic.eot");
  src: local("Noto Sans MediumItalic"), local("NotoSans-MediumItalic"), url("../fonts/NotoSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-MediumItalic.woff") format("woff"), url("../fonts/NotoSans-MediumItalic.ttf") format("truetype"), url("../fonts/NotoSans-MediumItalic.svg#NotoSans-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-SemiBold.eot");
  src: local("Noto Sans SemiBold"), local("NotoSans-SemiBold"), url("../fonts/NotoSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-SemiBold.woff") format("woff"), url("../fonts/NotoSans-SemiBold.ttf") format("truetype"), url("../fonts/NotoSans-SemiBold.svg#NotoSans-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-SemiBoldItalic.eot");
  src: local("Noto Sans SemiBoldItalic"), local("NotoSans-SemiBoldItalic"), url("../fonts/NotoSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-SemiBoldItalic.woff") format("woff"), url("../fonts/NotoSans-SemiBoldItalic.ttf") format("truetype"), url("../fonts/NotoSans-SemiBoldItalic.svg#NotoSans-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-Bold.eot");
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../fonts/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Bold.woff") format("woff"), url("../fonts/NotoSans-Bold.ttf") format("truetype"), url("../fonts/NotoSans-Bold.svg#NotoSans-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-BoldItalic.eot");
  src: local("Noto Sans BoldItalic"), local("NotoSans-BoldItalic"), url("../fonts/NotoSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-BoldItalic.woff") format("woff"), url("../fonts/NotoSans-BoldItalic.ttf") format("truetype"), url("../fonts/NotoSans-BoldItalic.svg#NotoSans-BoldItalic") format("svg");
  font-weight: 700;
  font-style: italic;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-ExtraBold.eot");
  src: local("Noto Sans ExtraBold"), local("NotoSans-ExtraBold"), url("../fonts/NotoSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-ExtraBold.woff") format("woff"), url("../fonts/NotoSans-ExtraBold.ttf") format("truetype"), url("../fonts/NotoSans-ExtraBold.svg#NotoSans-ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-ExtraBoldItalic.eot");
  src: local("Noto Sans ExtraBoldItalic"), local("NotoSans-ExtraBoldItalic"), url("../fonts/NotoSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-ExtraBoldItalic.woff") format("woff"), url("../fonts/NotoSans-ExtraBoldItalic.ttf") format("truetype"), url("../fonts/NotoSans-ExtraBoldItalic.svg#NotoSans-ExtraBoldItalic") format("svg");
  font-weight: 800;
  font-style: italic;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-Black.eot");
  src: local("Noto Sans Black"), local("NotoSans-Black"), url("../fonts/NotoSans-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Black.woff") format("woff"), url("../fonts/NotoSans-Black.ttf") format("truetype"), url("../fonts/NotoSans-Black.svg#NotoSans-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-BlackItalic.eot");
  src: local("Noto Sans BlackItalic"), local("NotoSans-BlackItalic"), url("../fonts/NotoSans-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-BlackItalic.woff") format("woff"), url("../fonts/NotoSans-BlackItalic.ttf") format("truetype"), url("../fonts/NotoSans-BlackItalic.svg#NotoSans-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: optional;
}

@media screen and (max-width: 759px) {
  .promotions-header {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    overflow: hidden;
  }
}

@media screen and (min-width: 760px) and (max-width: 999px) {
  .promotions-header {
    overflow: hidden;
  }
}

.promotions-header .h1 {
  font-family: "Noto Sans","Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 4.84848vw;
  line-height: 4.84848vw;
  letter-spacing: -0.02em;
  padding: 5.07576vw 0vw 2.95455vw 0vw;
  z-index: 1;
  position: relative;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions-header .h1 {
    font-size: 8.42105vw;
    line-height: 8.42105vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions-header .h1 {
    font-size: 20vw;
    line-height: 20vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions-header .h1 {
    font-size: 64px;
    line-height: 64px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions-header .h1 {
    font-size: 4.44444vw;
    line-height: 4.44444vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions-header .h1 {
    font-size: 71.26797px;
    line-height: 71.26797px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions-header .h1 {
    padding: 8.81579vw 0vw 5.13158vw 0vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions-header .h1 {
    padding: 20.9375vw 0vw 12.1875vw 0vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions-header .h1 {
    padding-left: 0px;
    padding-top: 67px;
    padding-right: 0px;
    padding-bottom: 39px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions-header .h1 {
    padding: 4.65278vw 0vw 2.70833vw 0vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions-header .h1 {
    padding: 74.60865px 0px 43.42892px 0px;
  }
}

@media screen and (max-width: 759px) {
  .promotions-header .h1 {
    font-size: 12.5vw;
    line-height: 14.0625vw;
    padding: 10.625vw 0 8.75vw;
  }
}

.promotions-header__desc {
  font-family: "Noto Sans","Arial", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.51515vw;
  line-height: 2.42424vw;
  letter-spacing: -0.02em;
  z-index: 1;
  position: relative;
  padding-bottom: 5.5303vw;
  width: 54.01515vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions-header__desc {
    font-size: 2.63158vw;
    line-height: 4.21053vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions-header__desc {
    font-size: 6.25vw;
    line-height: 10vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions-header__desc {
    font-size: 20px;
    line-height: 32px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions-header__desc {
    font-size: 1.38889vw;
    line-height: 2.22222vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions-header__desc {
    font-size: 22.27124px;
    line-height: 35.63398px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions-header__desc {
    padding-bottom: 9.60526vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions-header__desc {
    padding-bottom: 22.8125vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions-header__desc {
    padding-bottom: 73px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions-header__desc {
    padding-bottom: 5.06944vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions-header__desc {
    padding-bottom: 81.29003px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions-header__desc {
    width: 93.81579vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions-header__desc {
    width: 222.8125vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions-header__desc {
    width: 713px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions-header__desc {
    width: 49.51389vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions-header__desc {
    width: 793.96971px;
  }
}

@media screen and (max-width: 759px) {
  .promotions-header__desc {
    font-size: 5.625vw;
    line-height: 8.75vw;
    padding: 0 0 11.25vw;
    width: 100%;
  }
}

.promotions-header .container {
  position: relative;
}

.promotions-header .txt-bg {
  position: absolute;
  color: #F5F5F5;
  font-family: "Noto Sans","Arial", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 11.36364vw;
  line-height: 9.84848vw;
  letter-spacing: -0.02em;
  left: 7.04545vw;
  top: 0.68182vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions-header .txt-bg {
    font-size: 19.73684vw;
    line-height: 17.10526vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions-header .txt-bg {
    font-size: 46.875vw;
    line-height: 40.625vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions-header .txt-bg {
    font-size: 150px;
    line-height: 130px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions-header .txt-bg {
    font-size: 10.41667vw;
    line-height: 9.02778vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions-header .txt-bg {
    font-size: 167.0343px;
    line-height: 144.76306px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions-header .txt-bg {
    left: 12.23684vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions-header .txt-bg {
    left: 29.0625vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions-header .txt-bg {
    left: 93px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions-header .txt-bg {
    left: 6.45833vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions-header .txt-bg {
    left: 103.56127px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions-header .txt-bg {
    top: 1.18421vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions-header .txt-bg {
    top: 2.8125vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions-header .txt-bg {
    top: 9px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions-header .txt-bg {
    top: 0.625vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions-header .txt-bg {
    top: 10.02206px;
  }
}

@media screen and (max-width: 759px) {
  .promotions-header .txt-bg {
    font-size: 21.875vw;
    line-height: 17.5vw;
    left: 13.4375vw;
    width: 104.375vw;
  }
}

.promotions {
  margin-bottom: 10.98485vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions {
    margin-bottom: 19.07895vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions {
    margin-bottom: 45.3125vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions {
    margin-bottom: 145px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions {
    margin-bottom: 10.06944vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions {
    margin-bottom: 161.46649px;
  }
}

.promotions__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 15.5303vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__wrapper {
    padding-right: 26.97368vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__wrapper {
    padding-right: 64.0625vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__wrapper {
    padding-right: 205px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__wrapper {
    padding-right: 14.23611vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__wrapper {
    padding-right: 228.28021px;
  }
}

@media screen and (max-width: 999px) {
  .promotions__wrapper {
    padding-right: 0;
  }
}

.promotions__item:not(:last-child) {
  margin-bottom: 3.78788vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item:not(:last-child) {
    margin-bottom: 6.57895vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item:not(:last-child) {
    margin-bottom: 15.625vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item:not(:last-child) {
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item:not(:last-child) {
    margin-bottom: 3.47222vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item:not(:last-child) {
    margin-bottom: 55.6781px;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item:not(:last-child) {
    margin-bottom: 10.3125vw;
  }
}

@media screen and (min-width: 760px) and (max-width: 999px) {
  .promotions__item:not(:last-child) {
    margin-bottom: 5.78947vw;
  }
}

.promotions__item.promotions__item_active .promotions__item__header::before {
  background: url("../img/svg/promotions_minus.svg") no-repeat;
  background-size: cover;
  height: 0.37879vw;
  margin-bottom: 4.24242vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item.promotions__item_active .promotions__item__header::before {
    height: 0.65789vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item.promotions__item_active .promotions__item__header::before {
    height: 1.5625vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item.promotions__item_active .promotions__item__header::before {
    height: 5px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item.promotions__item_active .promotions__item__header::before {
    height: 0.34722vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item.promotions__item_active .promotions__item__header::before {
    height: 5.56781px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item.promotions__item_active .promotions__item__header::before {
    margin-bottom: 7.36842vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item.promotions__item_active .promotions__item__header::before {
    margin-bottom: 17.5vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item.promotions__item_active .promotions__item__header::before {
    margin-bottom: 56px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item.promotions__item_active .promotions__item__header::before {
    margin-bottom: 3.88889vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item.promotions__item_active .promotions__item__header::before {
    margin-bottom: 62.35947px;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item.promotions__item_active .promotions__item__header::before {
    margin-top: 10.3125vw;
    margin-bottom: 12.1875vw;
    margin-left: 8.75vw;
  }
}

@media screen and (min-width: 760px) and (max-width: 999px) {
  .promotions__item.promotions__item_active .promotions__item__header::before {
    margin-top: 6.84211vw;
    margin-bottom: 5.13158vw;
    margin-left: 4.73684vw;
  }
}

.promotions__item.promotions__item_active .promotions__item__desc {
  border-bottom: 1px solid #C4C4C4;
  border-width: 0.07576vw;
  padding: 2.34848vw 3.78788vw 5vw 3.78788vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item.promotions__item_active .promotions__item__desc {
    border-width: 0.13158vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item.promotions__item_active .promotions__item__desc {
    border-width: 0.3125vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item.promotions__item_active .promotions__item__desc {
    border-width: 1px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item.promotions__item_active .promotions__item__desc {
    border-width: 0.06944vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item.promotions__item_active .promotions__item__desc {
    border-width: 1.11356px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item.promotions__item_active .promotions__item__desc {
    padding: 4.07895vw 6.57895vw 8.68421vw 6.57895vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item.promotions__item_active .promotions__item__desc {
    padding: 9.6875vw 15.625vw 20.625vw 15.625vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item.promotions__item_active .promotions__item__desc {
    padding-left: 50px;
    padding-top: 31px;
    padding-right: 50px;
    padding-bottom: 66px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item.promotions__item_active .promotions__item__desc {
    padding: 2.15278vw 3.47222vw 4.58333vw 3.47222vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item.promotions__item_active .promotions__item__desc {
    padding: 34.52042px 55.6781px 73.49509px 55.6781px;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item.promotions__item_active .promotions__item__desc {
    border: none;
    padding: 8.125vw 0 5.3125vw 8.75vw;
  }
}

@media screen and (min-width: 760px) and (max-width: 999px) {
  .promotions__item.promotions__item_active .promotions__item__desc {
    padding: 6.05263vw 7.76316vw 6.31579vw 4.73684vw;
  }
}

.promotions__item__header {
  width: 100%;
  height: 18.25758vw;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  cursor: pointer;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item__header {
    height: 31.71053vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__header {
    height: 75.3125vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item__header {
    height: 241px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item__header {
    height: 16.73611vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item__header {
    height: 268.36844px;
  }
}

@media screen and (max-width: 999px) {
  .promotions__item__header {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__header {
    height: auto;
  }
}

.promotions__item__header::after {
  z-index: 2;
  content: '';
  width: 17.87879vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item__header::after {
    width: 31.05263vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__header::after {
    width: 73.75vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item__header::after {
    width: 236px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item__header::after {
    width: 16.38889vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item__header::after {
    width: 262.80063px;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__header::after {
    width: 29.0625vw;
  }
}

.promotions__item__header::before {
  content: '';
  position: relative;
  background: url("../img/svg/promotions_plus.svg") no-repeat;
  background-size: cover;
  height: 2.67803vw;
  width: 2.67803vw;
  margin-right: 3.40909vw;
  z-index: 6;
  margin-bottom: 3.10606vw;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  -webkit-transition-property: background-image;
  transition-property: background-image;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item__header::before {
    height: 4.65132vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__header::before {
    height: 11.04688vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item__header::before {
    height: 35.35px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item__header::before {
    height: 2.45486vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item__header::before {
    height: 39.36442px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item__header::before {
    width: 4.65132vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__header::before {
    width: 11.04688vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item__header::before {
    width: 35.35px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item__header::before {
    width: 2.45486vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item__header::before {
    width: 39.36442px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item__header::before {
    margin-right: 5.92105vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__header::before {
    margin-right: 14.0625vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item__header::before {
    margin-right: 45px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item__header::before {
    margin-right: 3.125vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item__header::before {
    margin-right: 50.11029px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item__header::before {
    margin-bottom: 5.39474vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__header::before {
    margin-bottom: 12.8125vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item__header::before {
    margin-bottom: 41px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item__header::before {
    margin-bottom: 2.84722vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item__header::before {
    margin-bottom: 45.65604px;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__header::before {
    margin-bottom: 7.5vw;
    margin-right: 0;
    margin-top: 5.625vw;
    margin-left: 8.75vw;
  }
}

@media screen and (min-width: 760px) and (max-width: 999px) {
  .promotions__item__header::before {
    margin-bottom: 3.15789vw;
    margin-right: 0;
    margin-top: 4.86842vw;
    margin-left: 4.73684vw;
  }
}

.promotions__item__photo {
  width: 59.31818vw;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  height: 100%;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item__photo {
    width: 103.02632vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__photo {
    width: 244.6875vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item__photo {
    width: 783px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item__photo {
    width: 54.375vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item__photo {
    width: 871.91905px;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__photo {
    width: 58.4375vw;
  }
}

@media screen and (min-width: 760px) and (max-width: 999px) {
  .promotions__item__photo {
    width: 58.94737vw;
  }
}

.promotions__item__photo::before {
  content: '';
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(357.63deg, rgba(0, 0, 0, 0.65) 1.69%, rgba(0, 0, 0, 0.21) 97.77%);
  left: 0;
  top: 0;
}

.promotions__item__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.promotions__item__title {
  font-family: "Noto Sans","Arial", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.72727vw;
  line-height: 2.72727vw;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  position: relative;
  z-index: 4;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 3.71212vw;
  margin-bottom: 3.10606vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item__title {
    font-size: 4.73684vw;
    line-height: 4.73684vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__title {
    font-size: 11.25vw;
    line-height: 11.25vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item__title {
    font-size: 36px;
    line-height: 36px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item__title {
    font-size: 2.5vw;
    line-height: 2.5vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item__title {
    font-size: 40.08823px;
    line-height: 40.08823px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item__title {
    margin-left: 6.44737vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__title {
    margin-left: 15.3125vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item__title {
    margin-left: 49px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item__title {
    margin-left: 3.40278vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item__title {
    margin-left: 54.56454px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item__title {
    margin-bottom: 5.39474vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__title {
    margin-bottom: 12.8125vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item__title {
    margin-bottom: 41px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item__title {
    margin-bottom: 2.84722vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item__title {
    margin-bottom: 45.65604px;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__title {
    margin-left: 8.75vw;
    margin-bottom: 4.6875vw;
    font-size: 9.375vw;
    line-height: 11.25vw;
    margin-top: 0;
  }
}

@media screen and (min-width: 760px) and (max-width: 999px) {
  .promotions__item__title {
    margin-left: 4.73684vw;
    margin-bottom: 5.39474vw;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.promotions__item.bg_red .promotions__item__header::after {
  background: #C4161C;
}

.promotions__item.bg_blue .promotions__item__header::after {
  background: #14276F;
}

.promotions__item.bg_orange .promotions__item__header::after {
  background: #F26522;
}

.promotions__item__desc {
  width: 61.89394vw;
  font-family: "Noto Sans","Arial", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.36364vw;
  line-height: 2.12121vw;
  letter-spacing: -0.02em;
  overflow: hidden;
  display: block;
  padding: 0vw 3.78788vw 0vw 3.78788vw;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transition-property: height,padding;
  transition-property: height,padding;
}

.promotions__item__desc a {
  font-family: "Noto Sans","Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.36364vw;
  line-height: 2.12121vw;
  letter-spacing: -0.02em;
  color: #C4161C;
  text-decoration: none;
  border-bottom: 1px solid #C4161C;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item__desc {
    width: 107.5vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__desc {
    width: 255.3125vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item__desc {
    width: 817px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item__desc {
    width: 56.73611vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item__desc {
    width: 909.78015px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item__desc, .promotions__item__desc a {
    font-size: 2.36842vw;
    line-height: 3.68421vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__desc, .promotions__item__desc a {
    font-size: 5.625vw;
    line-height: 8.75vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item__desc, .promotions__item__desc a {
    font-size: 18px;
    line-height: 28px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item__desc, .promotions__item__desc a {
    font-size: 1.25vw;
    line-height: 1.94444vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item__desc, .promotions__item__desc a {
    font-size: 20.04412px;
    line-height: 31.17974px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item__desc {
    padding: 0vw 6.57895vw 0vw 6.57895vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__desc {
    padding: 0vw 15.625vw 0vw 15.625vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item__desc {
    padding-left: 50px;
    padding-top: 0px;
    padding-right: 50px;
    padding-bottom: 0px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item__desc {
    padding: 0vw 3.47222vw 0vw 3.47222vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item__desc {
    padding: 0px 55.6781px 0px 55.6781px;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__desc {
    font-size: 5vw;
    line-height: 7.5vw;
    padding: 0 0 0 8.75vw;
    width: 78.75vw;
  }
  .promotions__item__desc a {
    font-size: 5vw;
    line-height: 7.5vw;
  }
}

@media screen and (min-width: 760px) and (max-width: 999px) {
  .promotions__item__desc {
    width: 76.57895vw;
  }
}

.promotions__item__desc p:not(:last-child) {
  margin-bottom: 1.21212vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .promotions__item__desc p:not(:last-child) {
    margin-bottom: 2.10526vw;
  }
}

@media screen and (max-width: 759px) {
  .promotions__item__desc p:not(:last-child) {
    margin-bottom: 5vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .promotions__item__desc p:not(:last-child) {
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .promotions__item__desc p:not(:last-child) {
    margin-bottom: 1.11111vw;
  }
}

@media screen and (min-width: 1600px) {
  .promotions__item__desc p:not(:last-child) {
    margin-bottom: 17.81699px;
  }
}
/*# sourceMappingURL=promotions.css.map */