@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Medium.eot");
  src: url("../fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Medium.woff") format("woff"), url("../fonts/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-SemiBold.eot");
  src: url("../fonts/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-SemiBold.woff") format("woff"), url("../fonts/Gilroy-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Lovelace";
  src: url("../fonts/LovelaceText-Medium.eot");
  src: url("../fonts/LovelaceText-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/LovelaceText-Medium.woff") format("woff"), url("../fonts/LovelaceText-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
}

footer, header, nav, section, main {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

html {
  height: 100%;
}

body {
  font-family: "Gilroy", sans-serif;
  font-weight: 500;
  font-size: 17px;
  color: #787878;
  position: relative;
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.content-area {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.inner-page {
  max-width: 1200px;
  color: #787878;
}

footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

/*MULTILINK*/
.multilink {
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
  background: #F5F5F5;
  padding: 30px 20px 0;
  text-align: center;
  overflow: hidden;
  font-family: "Gilroy", sans-serif;
}

.multilink__logo {
  width: 265px;
  position: relative;
  background: url(../images/dest/Shadow.svg?v=1) no-repeat center 205px;
  background-size: 100%;
  margin-bottom: 35px;
  margin-left: 70px;
}
.multilink__logo:before {
  display: block;
  content: "";
  width: 148px;
  height: 62px;
  background: url(../images/dest/multi-flower.png?v=1) no-repeat center center;
  background-size: contain;
  position: absolute;
  left: -75px;
  bottom: 15px;
}
.multilink__logo:after {
  display: block;
  content: "";
  width: 174px;
  height: 47px;
  background: url(../images/dest/multi-branch.png?v=1) no-repeat center center;
  background-size: contain;
  position: absolute;
  right: -75px;
  bottom: 10px;
}
.multilink__logo img {
  max-width: 100%;
}

.multilink__mlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.multilink__mlink a {
  width: 48%;
  height: 61px;
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25.83%, #F0C3A4), to(#D2A792));
  background: -o-linear-gradient(top, #F0C3A4 25.83%, #D2A792 100%);
  background: linear-gradient(180deg, #F0C3A4 25.83%, #D2A792 100%);
  -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  text-align: center;
  line-height: 61px;
  font-weight: 500;
  font-size: 17px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  text-decoration: none;
  margin-bottom: 20px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.multilink__mlink a:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25.83%, #D2A792), to(#F0C3A4));
  background: -o-linear-gradient(top, #D2A792 25.83%, #F0C3A4 100%);
  background: linear-gradient(180deg, #D2A792 25.83%, #F0C3A4 100%);
}
.multilink__mlink .multilink__wapp {
  background: -webkit-gradient(linear, left top, left bottom, from(#5FFB7B), to(#2AD348));
  background: -o-linear-gradient(top, #5FFB7B 0%, #2AD348 100%);
  background: linear-gradient(180deg, #5FFB7B 0%, #2AD348 100%);
  -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.multilink__mlink .multilink__wapp:after {
  content: "";
  margin-left: 10px;
  width: 21px;
  height: 21px;
  background: url(../images/dest/wapp.svg?v=1) no-repeat center center;
  background-size: contain;
}
.multilink__mlink .multilink__wapp:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#2AD348), to(#5FFB7B));
  background: -o-linear-gradient(top, #2AD348 0%, #5FFB7B 100%);
  background: linear-gradient(180deg, #2AD348 0%, #5FFB7B 100%);
}

.multilink__site {
  font-size: 20px;
  line-height: 25px;
  text-transform: uppercase;
  color: #787878;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  text-decoration: none;
  padding-bottom: 5px;
  border-bottom: 1px solid #787878;
  display: inline-block;
  margin-bottom: 30px;
}
.multilink__site:hover {
  border-bottom: 1px solid #F5F5F5;
}
.multilink__site:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background: url(../images/dest/link.svg?v=1) no-repeat center center;
  background-size: contain;
}

.w-hf {
  width: 48%;
}

.w-full {
  width: 100%;
}

.multilink__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
}
.multilink__links a {
  height: 47px;
  line-height: 47px;
  left: 20px;
  top: 521px;
  background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#E9E9E9));
  background: -o-linear-gradient(top, #F3F3F3 0%, #E9E9E9 100%);
  background: linear-gradient(180deg, #F3F3F3 0%, #E9E9E9 100%);
  border: 0.5px solid #FFFFFF;
  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  text-align: center;
  font-size: 17px;
  text-align: center;
  text-transform: uppercase;
  color: #787878;
  text-decoration: none;
  margin-bottom: 20px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.multilink__links a:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#F3F3F3));
  background: -o-linear-gradient(top, #E9E9E9 0%, #F3F3F3 100%);
  background: linear-gradient(180deg, #E9E9E9 0%, #F3F3F3 100%);
}

.multilink__ttl {
  font-weight: 500;
  font-size: 26px;
  line-height: 130%;
  text-align: center;
  color: #414141;
  font-family: "Lovelace", sans-serif;
  margin: 30px 0;
}

.multilink__form {
  background: #fff;
  padding: 40px 50px;
  margin: 0 -20px;
}

.step__progress {
  position: relative;
  max-width: 307px;
  padding: 3px;
  margin: 0 auto 40px auto;
  border: solid 1px #fff;
  background: #F9F9F9;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 37px;
}

.step__progress-line {
  overflow: hidden;
  display: block;
  height: 29px;
  background: #90B289 url(../images/dest/progress-line.png?v=1);
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.step__progress-name {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#step-01 .step__progress-name {
  color: #90B289;
}

.step__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px 20px;
}

.step {
  overflow: hidden;
  height: 0;
}
.step.open {
  height: auto;
}
.step .chk {
  padding: 0 10px 20px 10px;
  width: 50%;
}

.step .chk label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  background: #F9F9F9;
  border: 1px solid #F9F9F9;
  border-radius: 3px;
  cursor: pointer;
}

.step input[type=text], .step input[type=tel], .step input[type=email] {
  width: 80%;
  height: 60px;
  color: #414141;
  margin-bottom: 30px;
  font: 16px "Gilroy", sans-serif;
  vertical-align: top;
  padding: 10px 25px;
  border: solid 1px #e8e8e8;
  background: #fff;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}

input[type=radio] + .lbl {
  position: relative;
  display: inline-block;
  color: #414141;
  font-size: 16px;
  font-weight: normal;
  line-height: 19px;
  vertical-align: top;
  padding: 0 0 0 29px;
}

input[type=radio] + .lbl:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: block;
  width: 19px;
  height: 19px;
  border: 1px solid #90B289;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100%;
}

.step input:checked + .lbl::before {
  border-color: #90B289;
  background: #90B289 url(../images/dest/check.svg?v=1) no-repeat center center;
  background-size: auto 8px;
  -webkit-box-shadow: 0px 11px 4px rgba(0, 0, 0, 0.01), 0px 6px 4px rgba(0, 0, 0, 0.04), 0px 3px 3px rgba(0, 0, 0, 0.07), 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 11px 4px rgba(0, 0, 0, 0.01), 0px 6px 4px rgba(0, 0, 0, 0.04), 0px 3px 3px rgba(0, 0, 0, 0.07), 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 0px 0px rgba(0, 0, 0, 0.08);
}

.step__ttl {
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #414141;
  margin-bottom: 40px;
}
.step__ttl span {
  display: inline-block;
  width: 26px;
  min-width: 26px;
  height: 26px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  vertical-align: top;
  margin: 0 10px 0 0;
  background: #90B289;
  border-radius: 100%;
}

.step__next, .step .btn, .step__back {
  width: 249px;
  height: 71px;
  background: -webkit-gradient(linear, left top, left bottom, from(#B8E0B0), to(#90B289));
  background: -o-linear-gradient(top, #B8E0B0 0%, #90B289 100%);
  background: linear-gradient(180deg, #B8E0B0 0%, #90B289 100%);
  border-radius: 10px;
  line-height: 71px;
  text-align: center;
  font-weight: 500;
  font-size: 17px;
  text-transform: uppercase;
  color: #FFFFFF;
  display: block;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border: none;
}
.step__next:hover, .step .btn:hover, .step__back:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#90B289), to(#B8E0B0));
  background: -o-linear-gradient(top, #90B289 0%, #B8E0B0 100%);
  background: linear-gradient(180deg, #90B289 0%, #B8E0B0 100%);
  color: #fff;
}

.step__back {
  width: auto;
  padding: 0 20px;
  background: #f9f9f9;
  color: #414141;
  margin-right: 20px;
}

.step__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 440px) {
  .multilink__logo {
    margin: 0 auto 40px 17px;
  }

  .multilink__mlink, .multilink__links {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .multilink__mlink a, .w-hf, .w-full {
    width: 100%;
    max-width: 300px;
  }

  .multilink__logo:before {
    width: 122px;
    height: 51px;
    left: -25px;
  }

  .multilink__logo:after {
    width: 152px;
    height: 41px;
    right: -70px;
  }

  .multilink__site {
    font-size: 18px;
  }

  .multilink__ttl {
    font-size: 21px;
    margin: 10px -10px 30px;
  }

  .multilink__form {
    padding: 40px 20px;
  }

  .step__ttl {
    font-size: 20px;
  }
}
@media (max-width: 370px) {
  .multilink__logo {
    margin: 0 auto 40px 8px;
  }

  .step .chk {
    width: 100%;
    padding: 0 10px 10px 10px;
  }

  .step .chk label {
    width: 100%;
  }

  .step__btns {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .step__back {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .step__next, .step .btn, .step__back {
    width: 100%;
  }
}
/*END MULTILINK*/
/*FRESH*/
.fresh {
  max-width: 1140px;
  margin: 0 auto;
  background: #F9F9F9 url(../images/dest/fresh-bg.png?v=1) no-repeat right top;
  padding: 60px 0;
  font-family: "Gilroy", sans-serif;
  position: relative;
}
.fresh:after {
  content: "";
  display: block;
  width: 137px;
  height: 97px;
  position: absolute;
  right: 50px;
  bottom: 110px;
  background: #F9F9F9 url(../images/dest/fresh-bg3.png?v=1) no-repeat center center;
  background-size: contain;
}
.fresh:before {
  content: "";
  display: block;
  width: 84px;
  height: 42px;
  position: absolute;
  left: 100px;
  top: 200px;
  background: #F9F9F9 url(../images/dest/fresh-bg2.png?v=1) no-repeat center center;
  background-size: contain;
}
.fresh p {
  font-weight: 500;
  font-size: 26px;
  line-height: 130%;
  text-align: center;
  color: #414141;
  margin-bottom: 50px;
}

.fresh-mob__wapp {
  width: 196px;
  height: 33px;
  background: #D3FF92;
  border-radius: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 33px;
  color: #414141;
  position: absolute;
  top: 25px;
  right: -100px;
  padding: 0 10px;
}

.fresh__body {
  max-width: 850px;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.fresh__body .btn {
  width: 249px;
  height: 71px;
  line-height: 71px;
  display: block;
  margin: 20px auto 0;
  left: 446px;
  top: 899px;
  background: #90B289;
  border-radius: 10px;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Gilroy", sans-serif;
  border: solid 1px #90B289;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fresh__body .btn:hover {
  background: transparent;
  color: #90B289;
}

.fresh__ttl {
  text-align: center;
  font-weight: 500;
  font-size: 40px;
  line-height: 120%;
  text-align: center;
  color: #414141;
  font-family: "Lovelace", sans-serif;
  margin-bottom: 20px;
}

.fresh__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fresh__items .chk {
  width: 264px;
  height: 264px;
  overflow: hidden;
  background: #FFFFFF;
  -webkit-box-shadow: 10px 134px 54px rgba(0, 0, 0, 0.01), 5px 75px 45px rgba(0, 0, 0, 0.03), 2px 34px 34px rgba(0, 0, 0, 0.04), 1px 8px 18px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 10px 134px 54px rgba(0, 0, 0, 0.01), 5px 75px 45px rgba(0, 0, 0, 0.03), 2px 34px 34px rgba(0, 0, 0, 0.04), 1px 8px 18px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  margin-bottom: 30px;
  position: relative;
}
.fresh__items .chk label {
  cursor: pointer;
}
.fresh__items input[type=radio] + .lbl:before {
  background: #FFFFFF;
  border: 1px solid #D4D4D4;
  -webkit-box-shadow: inset 0px 14px 5px rgba(0, 0, 0, 0.01), inset 0px 8px 5px rgba(0, 0, 0, 0.03), inset 0px 3px 3px rgba(0, 0, 0, 0.04), inset 0px 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0px 14px 5px rgba(0, 0, 0, 0.01), inset 0px 8px 5px rgba(0, 0, 0, 0.03), inset 0px 3px 3px rgba(0, 0, 0, 0.04), inset 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 500px;
  width: 20px;
  height: 20px;
  top: 5px;
}
.fresh__items input[type=radio] + .lbl {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  white-space: nowrap;
  bottom: 20px;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  color: #414141;
  font-family: "Lovelace", sans-serif;
}
.fresh__items input:checked + .lbl::before {
  background: url(../images/dest/check2.svg?v=1) no-repeat center center;
  background-size: auto 7px;
}

.fresh-mob {
  width: 264px;
  height: 264px;
  position: relative;
}
.fresh-mob img {
  width: 125%;
  margin-top: -50px;
  margin-left: -50px;
}

.fresh-mob__time {
  font-weight: 500;
  font-size: 13px;
  line-height: 120%;
  text-align: center;
  color: #828282;
  padding-right: 30px;
  position: absolute;
  right: 0;
  bottom: 3px;
  background: url(../images/dest/wapp-status.svg?v=1) no-repeat center right;
  background-size: 24px;
}

.fresh-mob__txt {
  background: #FFFFFF;
  -webkit-box-shadow: 10px 134px 54px rgba(0, 0, 0, 0.01), 5px 75px 45px rgba(0, 0, 0, 0.03), 2px 34px 34px rgba(0, 0, 0, 0.04), 1px 8px 18px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 10px 134px 54px rgba(0, 0, 0, 0.01), 5px 75px 45px rgba(0, 0, 0, 0.03), 2px 34px 34px rgba(0, 0, 0, 0.04), 1px 8px 18px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  padding: 15px;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
  color: #414141;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.fresh__size {
  position: absolute;
  width: 36px;
  height: 36px;
  left: 20px;
  top: 20px;
  text-transform: uppercase;
  background: -o-linear-gradient(330.16deg, #90B289 14.84%, #C3CFBD 93.51%);
  background: linear-gradient(119.84deg, #90B289 14.84%, #C3CFBD 93.51%);
  -webkit-box-shadow: 0px 18px 7px rgba(72, 102, 66, 0.01), 0px 10px 6px rgba(72, 102, 66, 0.05), 0px 5px 5px rgba(72, 102, 66, 0.09), 0px 1px 3px rgba(72, 102, 66, 0.1), 0px 0px 0px rgba(72, 102, 66, 0.1);
          box-shadow: 0px 18px 7px rgba(72, 102, 66, 0.01), 0px 10px 6px rgba(72, 102, 66, 0.05), 0px 5px 5px rgba(72, 102, 66, 0.09), 0px 1px 3px rgba(72, 102, 66, 0.1), 0px 0px 0px rgba(72, 102, 66, 0.1);
  border-radius: 100%;
  text-align: center;
  font-weight: 500;
  font-size: 17px;
  line-height: 36px;
  color: #FFFFFF;
}

.fresh__img {
  margin: 20px auto 0;
  display: block;
  text-align: center;
}
.fresh__img img {
  max-width: 100%;
}

@media (max-width: 1100px) {
  .fresh-mob__wapp {
    right: 0;
  }

  .fresh-mob {
    overflow: hidden;
  }
}
@media (max-width: 860px) {
  .fresh__body {
    padding: 0 20px;
  }

  .fresh__items .chk, .fresh-mob {
    width: 31%;
  }
}
@media (max-width: 680px) {
  .fresh__ttl {
    font-size: 24px;
  }

  .fresh p {
    font-size: 20px;
    max-width: 275px;
    margin: 0 auto 35px;
  }
  .fresh p br {
    display: none;
  }

  .fresh__items .chk, .fresh-mob {
    width: 48%;
    height: 248px;
    margin-bottom: 20px;
  }

  .fresh-mob__wapp, .fresh:before, .fresh:after {
    display: none;
  }

  .fresh {
    background: #F5F5F5;
    padding: 40px 0;
  }

  .fresh__size {
    width: 30px;
    height: 30px;
    left: 50%;
    margin-left: -15px;
    font-size: 16px;
    line-height: 30px;
  }

  .fresh__img {
    margin-top: 35px;
  }

  .fresh__items input[type=radio] + .lbl {
    font-size: 18px;
  }

  .fresh__items input[type=radio] + .lbl:before {
    top: 2px;
  }

  .fresh-mob__txt {
    font-size: 16px;
  }

  .fresh-mob img {
    margin-top: -11%;
    margin-left: -11%;
  }

  .fresh-mob__txt {
    padding-top: 40px;
  }
  .fresh-mob__txt:before {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    left: 50%;
    top: 10px;
    background: #D3FF92 url(../images/dest/check.svg?v=1) no-repeat center center;
    background-size: 12px;
    -webkit-box-shadow: 0px 18px 7px rgba(72, 102, 66, 0.01), 0px 10px 6px rgba(72, 102, 66, 0.05);
            box-shadow: 0px 18px 7px rgba(72, 102, 66, 0.01), 0px 10px 6px rgba(72, 102, 66, 0.05);
    border-radius: 100%;
    margin-left: -11px;
  }
}
@media (max-width: 390px) {
  .fresh__img img {
    max-width: 120%;
    margin-left: -10%;
  }
}
@media (max-width: 360px) {
  .fresh__items .chk, .fresh-mob {
    width: 100%;
  }
}