@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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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;
}

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

@media screen and (min-width: 760px) and (max-width: 999px) {
  .order-header {
    padding-bottom: 8.42105vw;
  }
}

.order-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) {
  .order-header .h1 {
    font-size: 8.42105vw;
    line-height: 8.42105vw;
  }
}

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

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

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

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

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

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

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

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

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

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

.order-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: 2.65152vw;
  width: 54.01515vw;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-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) {
  .order-header .txt-bg {
    font-size: 19.73684vw;
    line-height: 17.10526vw;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order {
  margin-bottom: 11.59091vw;
}

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

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

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

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

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

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

@media screen and (min-width: 760px) and (max-width: 999px) {
  .order {
    margin-top: -8.42105vw;
  }
}

.order__back, .order .order__step_active {
  padding-top: 2.95455vw;
  padding-left: 2.65152vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__back, .order .order__step_active {
    padding-top: 5.13158vw;
  }
}

@media screen and (max-width: 759px) {
  .order__back, .order .order__step_active {
    padding-top: 12.1875vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__back, .order .order__step_active {
    padding-top: 39px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__back, .order .order__step_active {
    padding-top: 2.70833vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__back, .order .order__step_active {
    padding-top: 43.42892px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__back, .order .order__step_active {
    padding-left: 4.60526vw;
  }
}

@media screen and (max-width: 759px) {
  .order__back, .order .order__step_active {
    padding-left: 10.9375vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__back, .order .order__step_active {
    padding-left: 35px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__back, .order .order__step_active {
    padding-left: 2.43056vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__back, .order .order__step_active {
    padding-left: 38.97467px;
  }
}

@media screen and (max-width: 759px) {
  .order__back, .order .order__step_active {
    padding-top: 15.9375vw;
  }
}

.order__back {
  position: relative;
}

@media screen and (max-width: 759px) {
  .order__back {
    margin-left: 0;
    top: 0;
  }
}

@media screen and (min-width: 760px) and (max-width: 999px) {
  .order__back {
    margin-left: 4.47368vw;
    padding-left: 0;
  }
}

.order .order__step_active {
  padding-left: 13.78788vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order .order__step_active {
    padding-left: 23.94737vw;
  }
}

@media screen and (max-width: 759px) {
  .order .order__step_active {
    padding-left: 56.875vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order .order__step_active {
    padding-left: 182px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order .order__step_active {
    padding-left: 12.63889vw;
  }
}

@media screen and (min-width: 1600px) {
  .order .order__step_active {
    padding-left: 202.66828px;
  }
}

.order__front {
  overflow: hidden;
  width: 26.89394vw;
  height: 26.89394vw;
  border-radius: 13.44697vw;
  position: absolute;
  left: -11.13636vw;
  top: 0vw;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-property: top;
  transition-property: top;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__front {
    border-radius: 23.35526vw;
  }
}

@media screen and (max-width: 759px) {
  .order__front {
    border-radius: 55.46875vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__front {
    border-radius: 177.5px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__front {
    border-radius: 12.32639vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__front {
    border-radius: 197.65725px;
  }
}

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

@media screen and (max-width: 759px) {
  .order__front {
    left: -45.9375vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__front {
    left: -147px;
  }
}

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

@media screen and (min-width: 1600px) {
  .order__front {
    left: -163.69361px;
  }
}

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

@media screen and (max-width: 759px) {
  .order__front {
    top: 0vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__front {
    top: 0px;
  }
}

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

@media screen and (min-width: 1600px) {
  .order__front {
    top: 0px;
  }
}

@media screen and (max-width: 759px) {
  .order__front {
    top: 0;
  }
}

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

.order .circle_bg {
  top: 0;
  left: 0;
  width: 26.89394vw;
  height: 26.89394vw;
  border-radius: 13.44697vw;
  content: '';
  position: absolute;
  background: #C4161C;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order .circle_bg {
    width: 46.71053vw;
  }
}

@media screen and (max-width: 759px) {
  .order .circle_bg {
    width: 110.9375vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order .circle_bg {
    width: 355px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order .circle_bg {
    width: 24.65278vw;
  }
}

@media screen and (min-width: 1600px) {
  .order .circle_bg {
    width: 395.31451px;
  }
}

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

@media screen and (max-width: 759px) {
  .order .circle_bg {
    height: 110.9375vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order .circle_bg {
    height: 355px;
  }
}

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

@media screen and (min-width: 1600px) {
  .order .circle_bg {
    height: 395.31451px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order .circle_bg {
    border-radius: 23.35526vw;
  }
}

@media screen and (max-width: 759px) {
  .order .circle_bg {
    border-radius: 55.46875vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order .circle_bg {
    border-radius: 177.5px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order .circle_bg {
    border-radius: 12.32639vw;
  }
}

@media screen and (min-width: 1600px) {
  .order .circle_bg {
    border-radius: 197.65725px;
  }
}

.order__wrapper {
  position: relative;
}

.order__step {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: -11.13636vw;
  width: calc(100% + 11.14vw);
}

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

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

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

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

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

@media screen and (min-width: 1600px) {
  .order__step {
    width: calc(100% + 163.6936px);
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__step {
    width: calc(100% + 10.208vw);
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__step {
    width: calc(100% + 147px);
  }
}

@media screen and (min-width: 760px) and (max-width: 999px) {
  .order__step {
    width: calc(100% + 19.34vw);
  }
}

@media screen and (max-width: 759px) {
  .order__step {
    width: calc(100% + 45.9375vw);
  }
}

.order__step__header {
  position: relative;
  padding-bottom: 8.18182vw;
}

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

@media screen and (max-width: 759px) {
  .order__step__header {
    padding-bottom: 33.75vw;
  }
}

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

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

@media screen and (min-width: 1600px) {
  .order__step__header {
    padding-bottom: 120.2647px;
  }
}

.order__step__logo {
  width: 3.0303vw;
  height: 3.83258vw;
  margin-bottom: 1.16742vw;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order__step__title {
  color: #333333;
  font-family: "Noto Sans","Arial", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 3.63636vw;
  line-height: 3.63636vw;
  letter-spacing: -0.02em;
  margin-bottom: 3.56061vw;
  width: 30.98485vw;
  height: 7.5vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 759px) {
  .order__step__title {
    font-size: 9.375vw;
    line-height: 9.375vw;
    height: auto;
    margin-bottom: 4.6875vw;
    width: 100%;
  }
}

.order__step__title span {
  font-family: "Noto Sans","Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.18182vw;
  line-height: 3.63636vw;
  letter-spacing: -0.02em;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__step__title span {
    font-size: 5.52632vw;
    line-height: 6.31579vw;
  }
}

@media screen and (max-width: 759px) {
  .order__step__title span {
    font-size: 13.125vw;
    line-height: 15vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__step__title span {
    font-size: 42px;
    line-height: 48px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__step__title span {
    font-size: 2.91667vw;
    line-height: 3.33333vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__step__title span {
    font-size: 46.7696px;
    line-height: 53.45098px;
  }
}

@media screen and (max-width: 759px) {
  .order__step__title span {
    font-size: 7.8125vw;
    line-height: 8.75vw;
  }
}

.order__step__number {
  color: #333333;
  font-family: "Noto Sans","Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.74242vw;
  line-height: 3.63636vw;
  letter-spacing: -0.02em;
  position: absolute;
  top: 5vw;
  left: -2.65152vw;
}

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

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

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

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

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

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__step__number {
    top: 8.68421vw;
  }
}

@media screen and (max-width: 759px) {
  .order__step__number {
    top: 20.625vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__step__number {
    top: 66px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__step__number {
    top: 4.58333vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__step__number {
    top: 73.49509px;
  }
}

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

@media screen and (max-width: 759px) {
  .order__step__number {
    left: -10.9375vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__step__number {
    left: -35px;
  }
}

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

@media screen and (min-width: 1600px) {
  .order__step__number {
    left: -38.97467px;
  }
}

@media screen and (max-width: 759px) {
  .order__step__number {
    top: 21.6vw;
    left: -7.9375vw;
    font-size: 5.625vw;
    line-height: 5.625vw;
  }
}

.order__step__desc {
  color: #333333;
  font-family: "Noto Sans","Arial", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.21212vw;
  line-height: 1.81818vw;
  letter-spacing: -0.02em;
  width: 25.60606vw;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__step__desc {
    width: 100%;
  }
}

@media screen and (max-width: 759px) {
  .order__step__desc {
    width: 72.8125vw;
    font-size: 4.375vw;
  }
}

.order__step_active {
  right: 0;
  top: 0;
  border-radius: 13.44697vw;
  height: 26.89394vw;
  width: 26.89394vw;
  top: 0vw;
  position: absolute;
  overflow: visible;
  background: none;
  border: none;
  color: #FFFFFF;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-property: top;
  transition-property: top;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__step_active {
    border-radius: 23.35526vw;
  }
}

@media screen and (max-width: 759px) {
  .order__step_active {
    border-radius: 55.46875vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__step_active {
    border-radius: 177.5px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__step_active {
    border-radius: 12.32639vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__step_active {
    border-radius: 197.65725px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 759px) {
  .order__step_active {
    top: 0vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__step_active {
    top: 0px;
  }
}

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

@media screen and (min-width: 1600px) {
  .order__step_active {
    top: 0px;
  }
}

.order__step_active .order__step__number {
  color: #FFFFFF;
}

.order__step_active .order__step__logo,
.order__step_active .order__step__title,
.order__step_active .order__step__desc {
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}

.order__item {
  min-height: 26.89394vw;
  display: -ms-grid;
  display: grid;
  position: relative;
  z-index: 100;
  -ms-grid-columns: auto 46.36364vw;
      grid-template-columns: auto 46.36364vw;
  margin-bottom: 7.57576vw;
  -webkit-column-gap: 10.30303vw;
          column-gap: 10.30303vw;
  padding-right: 7.72727vw;
}

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

@media screen and (max-width: 759px) {
  .order__item {
    min-height: 110.9375vw;
  }
}

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

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

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

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

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

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

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

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

@media screen and (min-width: 1600px) {
  .order__item {
    -ms-grid-columns: auto 681.5px;
        grid-template-columns: auto 681.5px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__item {
    -ms-grid-columns: auto 42.5vw;
        grid-template-columns: auto 42.5vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item {
    -ms-grid-columns: auto 612px;
        grid-template-columns: auto 612px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__item {
    -webkit-column-gap: 17.89474vw;
            column-gap: 17.89474vw;
  }
}

@media screen and (max-width: 759px) {
  .order__item {
    -webkit-column-gap: 42.5vw;
            column-gap: 42.5vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item {
    -webkit-column-gap: 136px;
            column-gap: 136px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__item {
    -webkit-column-gap: 9.44444vw;
            column-gap: 9.44444vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__item {
    -webkit-column-gap: 151.44443px;
            column-gap: 151.44443px;
  }
}

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

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

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

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

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

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__item {
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 80.52632vw;
  }
}

@media screen and (max-width: 759px) {
  .order__item {
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 72.8125vw;
  }
}

.order__item__left {
  width: 25.60606vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

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

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

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

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

@media screen and (max-width: 999px) {
  .order__item__left {
    width: 100%;
  }
}

@media screen and (max-width: 759px) {
  .order__item__left {
    padding-left: 3.75vw;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
}

.order__item__right {
  width: 45.45455vw;
  padding-top: 4.4697vw;
}

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

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

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

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

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

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__item__right {
    padding-top: 7.76316vw;
  }
}

@media screen and (max-width: 759px) {
  .order__item__right {
    padding-top: 18.4375vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item__right {
    padding-top: 59px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__item__right {
    padding-top: 4.09722vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__item__right {
    padding-top: 65.70016px;
  }
}

@media screen and (max-width: 999px) {
  .order__item__right {
    width: 100%;
  }
}

@media screen and (max-width: 759px) {
  .order__item__right {
    padding-top: 8.75vw;
    width: 87.5vw;
    margin-left: -10.9375vw;
  }
}

.order__item_1 .order__step__logo {
  width: 2.57576vw;
  height: 3.25758vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__item_1 .order__step__logo {
    width: 4.47368vw;
  }
}

@media screen and (max-width: 759px) {
  .order__item_1 .order__step__logo {
    width: 10.625vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item_1 .order__step__logo {
    width: 34px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__item_1 .order__step__logo {
    width: 2.36111vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__item_1 .order__step__logo {
    width: 37.86111px;
  }
}

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

@media screen and (max-width: 759px) {
  .order__item_1 .order__step__logo {
    height: 13.4375vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item_1 .order__step__logo {
    height: 43px;
  }
}

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

@media screen and (min-width: 1600px) {
  .order__item_1 .order__step__logo {
    height: 47.88317px;
  }
}

.order__item_2 .order__step__logo {
  width: 3.56061vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__item_2 .order__step__logo {
    width: 6.18421vw;
  }
}

@media screen and (max-width: 759px) {
  .order__item_2 .order__step__logo {
    width: 14.6875vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item_2 .order__step__logo {
    width: 47px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__item_2 .order__step__logo {
    width: 3.26389vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__item_2 .order__step__logo {
    width: 52.33741px;
  }
}

.order__item_3 .order__step__logo {
  height: 3.25758vw;
  width: 3.78788vw;
}

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

@media screen and (max-width: 759px) {
  .order__item_3 .order__step__logo {
    height: 13.4375vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item_3 .order__step__logo {
    height: 43px;
  }
}

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

@media screen and (min-width: 1600px) {
  .order__item_3 .order__step__logo {
    height: 47.88317px;
  }
}

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

@media screen and (max-width: 759px) {
  .order__item_3 .order__step__logo {
    width: 15.625vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item_3 .order__step__logo {
    width: 50px;
  }
}

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

@media screen and (min-width: 1600px) {
  .order__item_3 .order__step__logo {
    width: 55.6781px;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article:not(:last-child) {
    margin-bottom: 11.875vw;
  }
}

.order__item.order__item_1 .order__article__title {
  font-family: "Noto Sans","Arial", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.66667vw;
  line-height: 1.81818vw;
  letter-spacing: -0.02em;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  color: #000000;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__item.order__item_1 .order__article__title {
    font-size: 2.89474vw;
    line-height: 3.15789vw;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article__title {
    font-size: 6.875vw;
    line-height: 7.5vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item.order__item_1 .order__article__title {
    font-size: 22px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__item.order__item_1 .order__article__title {
    font-size: 1.52778vw;
    line-height: 1.66667vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__item.order__item_1 .order__article__title {
    font-size: 24.49836px;
    line-height: 26.72549px;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article__title {
    font-size: 7.8125vw;
    line-height: 8.75vw;
  }
}

.order__item.order__item_1 .order__article_active .order__article__title {
  font-size: 2.72727vw;
  font-size: 2.72727vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__item.order__item_1 .order__article_active .order__article__title {
    font-size: 4.73684vw;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article_active .order__article__title {
    font-size: 11.25vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item.order__item_1 .order__article_active .order__article__title {
    font-size: 36px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__item.order__item_1 .order__article_active .order__article__title {
    font-size: 2.5vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__item.order__item_1 .order__article_active .order__article__title {
    font-size: 40.08823px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__item.order__item_1 .order__article_active .order__article__title {
    font-size: 4.73684vw;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article_active .order__article__title {
    font-size: 11.25vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item.order__item_1 .order__article_active .order__article__title {
    font-size: 36px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__item.order__item_1 .order__article_active .order__article__title {
    font-size: 2.5vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__item.order__item_1 .order__article_active .order__article__title {
    font-size: 40.08823px;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article_active .order__article__title {
    font-size: 7.8125vw;
    line-height: 8.75vw;
  }
}

.order__item.order__item_1 .order__step_active .order__article__title {
  color: #FFFFFF;
}

.order__item.order__item_1 .order__article__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  margin-bottom: 1.3447vw;
  padding-right: 3.78788vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__item.order__item_1 .order__article__header {
    margin-bottom: 2.33553vw;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article__header {
    margin-bottom: 5.54688vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item.order__item_1 .order__article__header {
    margin-bottom: 17.75px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__item.order__item_1 .order__article__header {
    margin-bottom: 1.23264vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__item.order__item_1 .order__article__header {
    margin-bottom: 19.76573px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__item.order__item_1 .order__article__header {
    padding-right: 6.57895vw;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article__header {
    padding-right: 15.625vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item.order__item_1 .order__article__header {
    padding-right: 50px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__item.order__item_1 .order__article__header {
    padding-right: 3.47222vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__item.order__item_1 .order__article__header {
    padding-right: 55.6781px;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article__header {
    padding-right: 0;
  }
}

.order__item.order__item_1 .order__article__header::after {
  background: url("../img/svg/order_icon_plus.svg") no-repeat;
  content: '';
  position: absolute;
  margin-top: auto;
  background-size: cover;
  margin-bottom: auto;
  top: 0;
  bottom: 0;
  height: 1.92045vw;
  right: 0vw;
  width: 1.92045vw;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__item.order__item_1 .order__article__header::after {
    height: 3.33553vw;
    right: 0vw;
    width: 3.33553vw;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article__header::after {
    height: 7.92188vw;
    right: 0vw;
    width: 7.92188vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item.order__item_1 .order__article__header::after {
    height: 25.35px;
    right: 0px;
    width: 25.35px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__item.order__item_1 .order__article__header::after {
    height: 1.76042vw;
    right: 0vw;
    width: 1.76042vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__item.order__item_1 .order__article__header::after {
    height: 28.2288px;
    right: 0px;
    width: 28.2288px;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article__header::after {
    opacity: 0;
  }
}

.order__item.order__item_1 .order__article_active .order__article__header span::after {
  width: 2.67803vw;
  height: 2.67803vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__item.order__item_1 .order__article_active .order__article__header span::after {
    width: 4.65132vw;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article_active .order__article__header span::after {
    width: 11.04688vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item.order__item_1 .order__article_active .order__article__header span::after {
    width: 35.35px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__item.order__item_1 .order__article_active .order__article__header span::after {
    width: 2.45486vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__item.order__item_1 .order__article_active .order__article__header span::after {
    width: 39.36442px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__item.order__item_1 .order__article_active .order__article__header span::after {
    height: 4.65132vw;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article_active .order__article__header span::after {
    height: 11.04688vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item.order__item_1 .order__article_active .order__article__header span::after {
    height: 35.35px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__item.order__item_1 .order__article_active .order__article__header span::after {
    height: 2.45486vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__item.order__item_1 .order__article_active .order__article__header span::after {
    height: 39.36442px;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article_active .order__article__header span::after {
    background-image: url("../img/svg/order_icon_minus.svg");
    height: 6.25vw;
  }
}

.order__item.order__item_1 .order__article_active .order__article__header::after {
  width: 2.67803vw;
  height: 2.67803vw;
  background-image: url("../img/svg/order_icon_minus.svg");
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__item.order__item_1 .order__article_active .order__article__header::after {
    width: 4.65132vw;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article_active .order__article__header::after {
    width: 11.04688vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item.order__item_1 .order__article_active .order__article__header::after {
    width: 35.35px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__item.order__item_1 .order__article_active .order__article__header::after {
    width: 2.45486vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__item.order__item_1 .order__article_active .order__article__header::after {
    width: 39.36442px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__item.order__item_1 .order__article_active .order__article__header::after {
    height: 4.65132vw;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article_active .order__article__header::after {
    height: 11.04688vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__item.order__item_1 .order__article_active .order__article__header::after {
    height: 35.35px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__item.order__item_1 .order__article_active .order__article__header::after {
    height: 2.45486vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__item.order__item_1 .order__article_active .order__article__header::after {
    height: 39.36442px;
  }
}

@media screen and (max-width: 759px) {
  .order__item.order__item_1 .order__article_active .order__article__header::after {
    opacity: 0;
  }
}

.order__article:not(:last-child) {
  margin-bottom: 0;
}

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

.order__article__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-bottom: 1.3447vw;
  padding-right: 3.78788vw;
}

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

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

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

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

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

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

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

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

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

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

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

.order__article__icon {
  width: 3.88258vw;
  min-width: 3.88258vw;
  height: 3.88258vw;
  margin-right: 1.64773vw;
}

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

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

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

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

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

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

@media screen and (max-width: 759px) {
  .order__article__icon {
    min-width: 16.01562vw;
  }
}

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 759px) {
  .order__article__icon {
    margin-right: 6.79688vw;
  }
}

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

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

@media screen and (min-width: 1600px) {
  .order__article__icon {
    margin-right: 24.21997px;
  }
}

@media screen and (max-width: 759px) {
  .order__article__icon {
    width: 9.0625vw;
    height: 9.0625vw;
    min-width: 9.0625vw;
    margin-right: 5.3125vw;
  }
}

.order__article__title {
  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;
}

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

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

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

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

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

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

.order__article__title span {
  position: relative;
}

@media screen and (max-width: 759px) {
  .order__article__title span::after {
    background-image: url("../img/svg/order_icon_plus.svg");
    content: '';
    position: relative;
    width: 7.95312vw;
    height: 7.95312vw;
    margin-left: 1.5625vw;
    display: inline-block;
    background-size: cover;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
  }
}

.order__article__desc {
  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;
  padding-left: 5.5303vw;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  opacity: 0;
  display: none;
}

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

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

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

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

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

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

@media screen and (max-width: 759px) {
  .order__article__desc {
    padding-left: 22.8125vw;
  }
}

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

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

@media screen and (min-width: 1600px) {
  .order__article__desc {
    padding-left: 81.29003px;
  }
}

@media screen and (max-width: 759px) {
  .order__article__desc {
    width: 100%;
    font-size: 5vw;
    line-height: 7.5vw;
    padding-left: 7.8125vw;
  }
}

.order__article__desc::after {
  background: url("../img/svg/order_icon_arrow.svg") no-repeat;
  content: '';
  position: absolute;
  margin-top: auto;
  background-size: cover;
  margin-bottom: auto;
  top: 0;
  bottom: 0;
  height: 22.72727vw;
  left: 1.21212vw;
  width: 1.43636vw;
  background-position: bottom;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  -webkit-transition-property: height;
  transition-property: height;
  height: 0;
  bottom: auto;
  opacity: 0;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__article__desc::after {
    height: 39.47368vw;
    left: 2.10526vw;
    width: 2.49474vw;
  }
}

@media screen and (max-width: 759px) {
  .order__article__desc::after {
    height: 93.75vw;
    left: 5vw;
    width: 5.925vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__article__desc::after {
    height: 300px;
    left: 16px;
    width: 18.96px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__article__desc::after {
    height: 20.83333vw;
    left: 1.11111vw;
    width: 1.31667vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__article__desc::after {
    height: 334.0686px;
    left: 17.81699px;
    width: 21.11314px;
  }
}

@media screen and (max-width: 759px) {
  .order__article__desc::after {
    content: none;
  }
}

.order__article__desc p {
  margin-bottom: 2.04545vw;
}

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

@media screen and (max-width: 759px) {
  .order__article__desc p {
    margin-bottom: 8.4375vw;
  }
}

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

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

@media screen and (min-width: 1600px) {
  .order__article__desc p {
    margin-bottom: 30.06617px;
  }
}

@media screen and (max-width: 759px) {
  .order__article__desc p {
    margin-bottom: 7.1875vw;
    padding-left: 6.5625vw;
  }
}

.order__article__desc strong {
  font-family: "Noto Sans","Arial", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.36364vw;
  line-height: 2.12121vw;
  letter-spacing: -0.02em;
}

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

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

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

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

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

.order__article__desc ul {
  list-style: none;
  margin-bottom: 2.04545vw;
  padding-left: 2.57576vw;
}

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

@media screen and (max-width: 759px) {
  .order__article__desc ul {
    margin-bottom: 8.4375vw;
  }
}

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

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

@media screen and (min-width: 1600px) {
  .order__article__desc ul {
    margin-bottom: 30.06617px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__article__desc ul {
    padding-left: 4.47368vw;
  }
}

@media screen and (max-width: 759px) {
  .order__article__desc ul {
    padding-left: 10.625vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__article__desc ul {
    padding-left: 34px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__article__desc ul {
    padding-left: 2.36111vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__article__desc ul {
    padding-left: 37.86111px;
  }
}

@media screen and (max-width: 759px) {
  .order__article__desc ul {
    margin-bottom: 7.1875vw;
    padding-left: 6.875vw;
  }
}

.order__article__desc ul li {
  position: relative;
  margin-bottom: 0.75758vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__article__desc ul li {
    margin-bottom: 1.31579vw;
  }
}

@media screen and (max-width: 759px) {
  .order__article__desc ul li {
    margin-bottom: 3.125vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__article__desc ul li {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__article__desc ul li {
    margin-bottom: 0.69444vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__article__desc ul li {
    margin-bottom: 11.13562px;
  }
}

@media screen and (max-width: 759px) {
  .order__article__desc ul li {
    margin-bottom: 3.75vw;
  }
}

.order__article__desc ul li::before {
  content: '';
  display: block;
  width: 0.68182vw;
  height: 0.68182vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  margin-left: -1.89394vw;
  background: #F26522;
  position: absolute;
  top: 0.75758vw;
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__article__desc ul li::before {
    width: 1.18421vw;
  }
}

@media screen and (max-width: 759px) {
  .order__article__desc ul li::before {
    width: 2.8125vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__article__desc ul li::before {
    width: 9px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__article__desc ul li::before {
    width: 0.625vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__article__desc ul li::before {
    width: 10.02206px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__article__desc ul li::before {
    height: 1.18421vw;
  }
}

@media screen and (max-width: 759px) {
  .order__article__desc ul li::before {
    height: 2.8125vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__article__desc ul li::before {
    height: 9px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__article__desc ul li::before {
    height: 0.625vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__article__desc ul li::before {
    height: 10.02206px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__article__desc ul li::before {
    margin-left: -3.28947vw;
  }
}

@media screen and (max-width: 759px) {
  .order__article__desc ul li::before {
    margin-left: -7.8125vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__article__desc ul li::before {
    margin-left: -25px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__article__desc ul li::before {
    margin-left: -1.73611vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__article__desc ul li::before {
    margin-left: -27.83905px;
  }
}

@media screen and (max-width: 999px) and (min-width: 760px) {
  .order__article__desc ul li::before {
    top: 1.31579vw;
  }
}

@media screen and (max-width: 759px) {
  .order__article__desc ul li::before {
    top: 3.125vw;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .order__article__desc ul li::before {
    top: 10px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .order__article__desc ul li::before {
    top: 0.69444vw;
  }
}

@media screen and (min-width: 1600px) {
  .order__article__desc ul li::before {
    top: 11.13562px;
  }
}

@media screen and (max-width: 759px) {
  .order__article__desc ul li::before {
    margin-left: -6.5625vw;
  }
}

.order__article_active .order__article__header {
  cursor: auto;
}

.order__article_active .order__article__desc {
  opacity: 1;
  display: block;
}

.order__article_active .order__article__desc::after {
  height: 50%;
  opacity: 1;
}
/*# sourceMappingURL=order.css.map */