.fz-d-215 {
  font-size: calc(100vw * (215 / 1000));
}
@media (min-width: 1000px) {
  .fz-d-215 {
    font-size: 215px;
  }
}

.fz-d-95 {
  font-size: calc(100vw * (95 / 1000));
}
@media (min-width: 1000px) {
  .fz-d-95 {
    font-size: 95px;
  }
}

.fz-d-90 {
  font-size: calc(100vw * (90 / 1000));
}
@media (min-width: 1000px) {
  .fz-d-90 {
    font-size: 90px;
  }
}

.fz-d-60 {
  font-size: calc(100vw * (60 / 1000));
}
@media (min-width: 1000px) {
  .fz-d-60 {
    font-size: 60px;
  }
}

.fz-d-55 {
  font-size: calc(100vw * (55 / 1000));
}
@media (min-width: 1000px) {
  .fz-d-55 {
    font-size: 55px;
  }
}

.fz-d-50 {
  font-size: calc(100vw * (50 / 1000));
}
@media (min-width: 1000px) {
  .fz-d-50 {
    font-size: 50px;
  }
}

.fz-d-37 {
  font-size: calc(100vw * (37 / 1000));
}
@media (min-width: 1000px) {
  .fz-d-37 {
    font-size: 37px;
  }
}

.fz-d-36 {
  font-size: calc(100vw * (36 / 1000));
}
@media (min-width: 1000px) {
  .fz-d-36 {
    font-size: 36px;
  }
}

.fz-d-35 {
  font-size: calc(100vw * (35 / 1000));
}
@media (min-width: 1000px) {
  .fz-d-35 {
    font-size: 35px;
  }
}

.fz-d-32 {
  font-size: calc(100vw * (32 / 1000));
}
@media (min-width: 1000px) {
  .fz-d-32 {
    font-size: 32px;
  }
}

.fz-d-30 {
  font-size: calc(100vw * (30 / 1000));
}
@media (min-width: 1000px) {
  .fz-d-30 {
    font-size: 30px;
  }
}

.fz-d-28 {
  font-size: calc(100vw * (28 / 1000));
}
@media (min-width: 1000px) {
  .fz-d-28 {
    font-size: 28px;
  }
}

.fz-d-26 {
  font-size: calc(100vw * (26 / 1000));
}
@media (min-width: 1000px) {
  .fz-d-26 {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .fz-m-110 {
    font-size: calc(100vw * (110 / 375));
  }

  .fz-m-60 {
    font-size: calc(100vw * (60 / 375));
  }

  .fz-m-50 {
    font-size: calc(100vw * (50 / 375));
  }

  .fz-m-48 {
    font-size: calc(100vw * (48 / 375));
  }

  .fz-m-38 {
    font-size: calc(100vw * (38 / 375));
  }

  .fz-m-32 {
    font-size: calc(100vw * (32 / 375));
  }

  .fz-m-28 {
    font-size: calc(100vw * (28 / 375));
  }

  .fz-m-26 {
    font-size: calc(100vw * (26 / 375));
  }

  .fz-m-25 {
    font-size: calc(100vw * (25 / 375));
  }

  .fz-m-22 {
    font-size: calc(100vw * (22 / 375));
  }

  .fz-m-21 {
    font-size: calc(100vw * (21 / 375));
  }
}
.invisible.visible {
  visibility: visible !important;
}

.spotlight-item-view .container {
  overflow-x: visible;
}

.flex-media {
  display: flex;
  align-items: flex-start;
}

.flex-media .body {
  flex: 1;
}

.border-main-color {
  border: 2px solid var(--main-color);
}

.border-main-bottom {
  border-bottom: 10px solid var(--main-color);
}

.w-20 {
  width: 20% !important;
}

.mw-100vw {
  max-width: 100vw;
}

.mw-1440px {
  max-width: 1440px;
}

.mw-1280px {
  max-width: 1280px;
}

.mw-1140px {
  max-width: 1140px;
}

.mw-1000px {
  max-width: 1000px;
}

.text-fat {
  transform: scale(1, 0.85);
}

ul.disc-ul,
ul.outline-ul {
  padding-left: 9%;
}
ul.disc-ul li,
ul.outline-ul li {
  position: relative;
}
ul.disc-ul li:before,
ul.outline-ul li:before {
  content: "●";
  position: absolute;
  margin-left: -9%;
}

ul.outline-ul li {
  position: relative;
}
ul.outline-ul li:before {
  content: "◦";
}

.over-width {
  margin-left: calc(-1 * (50vw - 360px));
  margin-right: calc(-1 * (50vw - 360px));
}

@media (max-width: 991px) {
  .over-width {
    margin-left: calc(-1 * (50vw - 285px));
    margin-right: calc(-1 * (50vw - 285px));
  }
}
@media (max-width: 600px) {
  .over-width {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 581px) {
  .over-width .container .wrapper {
    max-width: 100vw;
  }

  .over-width > .container > .wrapper:not(.px-0) {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
br[d] {
  display: inline;
}
@media (max-width: 767px) {
  br[d] {
    display: none;
  }
}
br[m] {
  display: none;
}
@media (max-width: 767px) {
  br[m] {
    display: inline;
  }
}

hr[v] {
  border: none;
  border-left-style: solid;
  border-left-width: 1px;
  height: 100%;
  min-height: 2rem;
  width: 1px;
}

.between-line {
  display: inline-block;
  position: relative;
}
.between-line:before, .between-line:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid black;
  top: 50%;
  width: 50vw;
}
.between-line:before {
  right: 100%;
  margin-right: 15px;
}
.between-line:after {
  left: 100%;
  margin-left: 15px;
}

.square-box {
  position: relative;
}
.square-box:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.square-box .content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: white;
  text-align: center;
}

@font-face {
  font-family: "DIN-reg";
  src: url("https://www.jeban.com/spotlight-item/_fonts/DINRegular/ff_din_medium-webfont.woff") format("woff"), url("https://www.jeban.com/spotlight-item/_fonts/DINRegular/ff_din_medium-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "DIN-con";
  src: url("https://www.jeban.com/spotlight-item/_fonts/DINCondensedC/DINCondensedC.woff") format("woff"), url("https://www.jeban.com/spotlight-item/_fonts/DINCondensedC/DINCondensedC.ttf") format("truetype");
}
.font-din {
  font-family: "DIN-reg" !important;
}

.font-din-con {
  font-family: "DIN-con" !important;
}

.text-bold {
  font-weight: bold;
}

.box-720-by-834 {
  height: 0;
  overflow: hidden;
  padding-top: 115.8333333333%;
  background: white;
  position: relative;
}
.box-720-by-834 .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.flex-center-center {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.cover.over-width {
  background: #3B2416;
}
.cover.over-width .top {
  justify-content: space-evenly;
  height: calc(100vw * 255/1280);
}
@media (min-width: 1280px) {
  .cover.over-width .top {
    height: 255px;
  }
}
@media (max-width: 767px) {
  .cover.over-width .top {
    height: calc(100vw * 100/375);
  }
}
.cover.over-width .top img.brand-logo {
  max-width: unset;
  width: calc(100vw * 275/1280);
}
@media (min-width: 1280px) {
  .cover.over-width .top img.brand-logo {
    width: 275px;
  }
}
@media (max-width: 767px) {
  .cover.over-width .top img.brand-logo {
    width: calc(100vw * 100/375);
  }
}
.cover.over-width .top img.product-logo {
  max-width: unset;
  width: calc(100vw * 550/1280);
}
@media (min-width: 1280px) {
  .cover.over-width .top img.product-logo {
    width: 550px;
  }
}
@media (max-width: 767px) {
  .cover.over-width .top img.product-logo {
    width: calc(100vw * 200/375);
  }
}
.cover.over-width .wrapper {
  color: white;
  padding: calc(100vw * 40/1000) 0;
}
@media (min-width: 1000px) {
  .cover.over-width .wrapper {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .cover.over-width .wrapper {
    padding: calc(100vw * 30/375) 0;
  }
}

#sec-1.over-width {
  background: #F0F0F1;
  text-align: center;
  padding-bottom: calc(100vw * 60/1000);
}
@media (min-width: 1000px) {
  #sec-1.over-width {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  #sec-1.over-width {
    padding-bottom: calc(100vw * 25/375);
  }
}
#sec-1.over-width img.brand-logo {
  max-width: unset;
  width: calc(100vw * 280/1000);
  margin: calc(100vw * 75/1000) 0 calc(100vw * 35/1000) 1.25%;
}
@media (min-width: 1000px) {
  #sec-1.over-width img.brand-logo {
    width: 280px;
    margin: 75px 0 35px 1.25%;
  }
}
@media (max-width: 767px) {
  #sec-1.over-width img.brand-logo {
    width: calc(100vw * 150/375);
    margin: calc(100vw * 30/375) 0 calc(100vw * 20/375) 1.25%;
  }
}
#sec-1.over-width > p {
  width: calc(100vw * 680/1000);
  height: calc(100vw * 200/1000);
  border: calc(100vw * 5/1000) solid #3B2416;
}
@media (min-width: 1000px) {
  #sec-1.over-width > p {
    width: 680px;
    height: 200px;
    border-width: 5px;
  }
}
@media (max-width: 767px) {
  #sec-1.over-width > p {
    width: calc(100vw * 340/375);
    height: calc(100vw * 215/375);
    border-width: calc(100vw * 2.5/375);
  }
}
#sec-1.over-width .between-line:before,
#sec-1.over-width .between-line:after {
  margin: 0 !important;
  border-bottom: calc(100vw * 5/1000) solid #3B2416;
}
@media (min-width: 1000px) {
  #sec-1.over-width .between-line:before,
#sec-1.over-width .between-line:after {
    border-bottom-width: 5px;
  }
}
@media (max-width: 767px) {
  #sec-1.over-width .between-line:before,
#sec-1.over-width .between-line:after {
    border-bottom-width: calc(100vw * 3/375);
  }
}
#sec-1.over-width > .d-none.d-md-flex {
  flex-flow: column;
  margin-top: calc(100vw * 35/1000);
}
@media (min-width: 1000px) {
  #sec-1.over-width > .d-none.d-md-flex {
    margin-top: 35px;
  }
}
#sec-1.over-width > .d-none.d-md-flex h2 {
  color: #532A26;
}
#sec-1.over-width > .d-none.d-md-flex .flex-media {
  width: calc(100vw * 680/1000);
}
@media (min-width: 1000px) {
  #sec-1.over-width > .d-none.d-md-flex .flex-media {
    width: 680px;
  }
}
#sec-1.over-width > .d-none.d-md-flex .flex-media img {
  width: calc(100vw * 150/1000);
}
@media (min-width: 1000px) {
  #sec-1.over-width > .d-none.d-md-flex .flex-media img {
    width: 150px;
  }
}
#sec-1.over-width > .d-none.d-md-flex .flex-media .body h3.text-fat {
  color: #A97D50;
  line-height: 0.85;
}
#sec-1.over-width > .d-none.d-md-flex .flex-media .body p {
  margin-top: calc(100vw * 8/1000);
}
@media (min-width: 1000px) {
  #sec-1.over-width > .d-none.d-md-flex .flex-media .body p {
    margin-top: 8px;
  }
}
#sec-1.over-width > .d-flex.d-md-none {
  flex-flow: column;
  margin-top: calc(100vw * 15/375);
  padding-bottom: calc(100vw * 25/375);
}
#sec-1.over-width > .d-flex.d-md-none h2 {
  color: #532A26;
  line-height: 0.75;
}
#sec-1.over-width > .d-flex.d-md-none h3.text-fat {
  color: #A97D50;
  line-height: 0.85;
}
#sec-1.over-width > .d-flex.d-md-none p {
  margin-top: calc(100vw * 15/375);
}
#sec-1.over-width > .d-flex.d-md-none .flex-media {
  align-items: center;
  width: calc(100vw * 340/375);
  margin: calc(100vw * 15/375) auto;
}
#sec-1.over-width > .d-flex.d-md-none .flex-media img {
  width: calc(100vw * 92/375);
}
#sec-1.over-width > .d-flex.d-md-none .flex-media .body h3.text-fat {
  color: #A97D50;
  line-height: 0.85;
}

#sec-2.over-width {
  background: #3B2416;
  padding-bottom: calc(100vw * 40/1000);
}
@media (min-width: 1000px) {
  #sec-2.over-width {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  #sec-2.over-width {
    padding-bottom: calc(100vw * 35/375);
  }
}
#sec-2.over-width .wrapper h3, #sec-2.over-width .wrapper h4 {
  line-height: 0.85;
}
#sec-2.over-width .wrapper h3 {
  color: white;
  align-items: flex-end;
}
#sec-2.over-width .wrapper h3 span {
  line-height: 0.7;
  transform: scale(1, 1.15);
}
#sec-2.over-width .wrapper h4 {
  color: #A97D50;
  margin-left: 12.5%;
}
@media (max-width: 767px) {
  #sec-2.over-width .wrapper h4 {
    margin-left: 15%;
  }
}

.product-section .container .wrapper {
  display: flex;
  flex-flow: wrap;
  text-align: center;
}
.product-section .container .wrapper .image-wrapper {
  position: relative;
  width: 38%;
  padding-top: 12.5%;
}
@media (max-width: 767px) {
  .product-section .container .wrapper .image-wrapper {
    text-align: left;
    width: 100%;
    padding-top: 5%;
  }
}
.product-section .container .wrapper .image-wrapper img {
  width: 100%;
}
@media (max-width: 767px) {
  .product-section .container .wrapper .image-wrapper img {
    width: 36.5%;
    margin-left: 25%;
  }
}
.product-section .container .wrapper .image-wrapper h2 {
  position: absolute;
  bottom: 0;
  background: white;
  line-height: 0.85;
  text-align: center;
  width: 90%;
  padding: calc(100vw * 25/1000) 0;
  border-radius: calc(100vw * 10/1000) calc(100vw * 10/1000) 0 0;
}
@media (min-width: 1000px) {
  .product-section .container .wrapper .image-wrapper h2 {
    padding: 25px 0;
    border-radius: 10px 10px 0 0;
  }
}
@media (max-width: 767px) {
  .product-section .container .wrapper .image-wrapper h2 {
    width: 35%;
    height: calc(100vw * 52/375);
    padding: 0;
    border-radius: calc(100vw * 5/375) 0 0 calc(100vw * 5/375);
    right: 0;
    bottom: 5%;
  }
}
.product-section .container .wrapper .image-wrapper img.doodle {
  position: absolute;
  top: 7.5%;
  right: calc(100vw * 15/375);
  width: calc(100vw * 100/375);
}
.product-section .container .wrapper .detail-wrapper {
  position: relative;
  width: 62%;
  padding: calc(100vw * 35/1000) 0;
}
@media (min-width: 1000px) {
  .product-section .container .wrapper .detail-wrapper {
    padding: 35px 0;
  }
}
@media (max-width: 767px) {
  .product-section .container .wrapper .detail-wrapper {
    width: 100%;
    padding: calc(100vw * 25/375) 0;
  }
}
.product-section .container .wrapper .detail-wrapper img.header,
.product-section .container .wrapper .detail-wrapper img.doodle {
  height: calc(100vw * 135/1000);
}
@media (min-width: 1000px) {
  .product-section .container .wrapper .detail-wrapper img.header,
.product-section .container .wrapper .detail-wrapper img.doodle {
    height: 135px;
  }
}
@media (max-width: 767px) {
  .product-section .container .wrapper .detail-wrapper img.header,
.product-section .container .wrapper .detail-wrapper img.doodle {
    height: calc(100vw * 82/375);
  }
}
.product-section .container .wrapper .detail-wrapper img.doodle,
.product-section .container .wrapper .detail-wrapper ul.ingredients {
  margin: calc(100vw * 25/1000) auto;
}
@media (min-width: 1000px) {
  .product-section .container .wrapper .detail-wrapper img.doodle,
.product-section .container .wrapper .detail-wrapper ul.ingredients {
    margin: 25px auto;
  }
}
.product-section .container .wrapper .detail-wrapper .p-size {
  margin-top: calc(100vw * 8/375);
}
.product-section .container .wrapper .detail-wrapper ul.ingredients {
  display: flex;
  flex-flow: wrap;
  width: 75%;
}
@media (max-width: 767px) {
  .product-section .container .wrapper .detail-wrapper ul.ingredients {
    width: 90%;
  }
}
.product-section .container .wrapper .detail-wrapper ul.ingredients li {
  width: 50%;
  padding-bottom: calc(100vw * 15/1000);
}
@media (min-width: 1000px) {
  .product-section .container .wrapper .detail-wrapper ul.ingredients li {
    padding-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .product-section .container .wrapper .detail-wrapper ul.ingredients li {
    padding-bottom: calc(100vw * 8/375);
  }
}
.product-section .container .wrapper .detail-wrapper ul.ingredients li img {
  width: calc(100vw * 120/1000);
}
@media (min-width: 1000px) {
  .product-section .container .wrapper .detail-wrapper ul.ingredients li img {
    width: 120px;
  }
}
@media (max-width: 767px) {
  .product-section .container .wrapper .detail-wrapper ul.ingredients li img {
    width: calc(100vw * 88/375);
  }
}
.product-section .container .wrapper .detail-wrapper ul.ingredients li strong {
  font-weight: normal;
  margin-top: calc(100vw * 10/1000);
}
@media (min-width: 1000px) {
  .product-section .container .wrapper .detail-wrapper ul.ingredients li strong {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .product-section .container .wrapper .detail-wrapper ul.ingredients li strong {
    margin-top: calc(100vw * 6/375);
  }
}
.product-section .container .wrapper .detail-wrapper .btn-user-review {
  color: #FFF6DD;
  border: 1px solid #FFF6DD;
  display: flex;
  margin: 0 auto;
  width: calc(100vw * 280/1000);
  height: calc(100vw * 52/1000);
}
@media (min-width: 1000px) {
  .product-section .container .wrapper .detail-wrapper .btn-user-review {
    width: 280px;
    height: 52px;
  }
}
@media (max-width: 767px) {
  .product-section .container .wrapper .detail-wrapper .btn-user-review {
    width: calc(100vw * 145/375);
    height: calc(100vw * 36/375);
  }
}
.product-section .container .wrapper .detail-wrapper img.wink {
  position: absolute;
}

#sec-3.over-width {
  background: #4F2A70;
  color: white;
}
#sec-3.over-width h2 {
  color: #4F2A70;
}
#sec-3.over-width img.wink-1 {
  left: 2.5%;
  top: 50%;
  width: calc(100vw * 40/1000);
}
@media (min-width: 1000px) {
  #sec-3.over-width img.wink-1 {
    width: 40px;
  }
}
@media (max-width: 767px) {
  #sec-3.over-width img.wink-1 {
    left: 12.5%;
    top: -2.5%;
    width: calc(100vw * 28/375);
  }
}
#sec-3.over-width img.wink-2 {
  left: 10%;
  top: 77.5%;
  width: calc(100vw * 50/1000);
}
@media (min-width: 1000px) {
  #sec-3.over-width img.wink-2 {
    width: 50px;
  }
}
@media (max-width: 767px) {
  #sec-3.over-width img.wink-2 {
    left: 47.5%;
    top: 45%;
    width: calc(100vw * 28/375);
  }
}
#sec-3.over-width img.wink-3 {
  right: 10%;
  top: 69%;
  width: calc(100vw * 35/1000);
}
@media (min-width: 1000px) {
  #sec-3.over-width img.wink-3 {
    width: 35px;
  }
}
@media (max-width: 767px) {
  #sec-3.over-width img.wink-3 {
    right: 12.5%;
    top: -2.5%;
    width: calc(100vw * 18/375);
  }
}

#sec-4.over-width {
  background: #008B47;
  color: white;
}
#sec-4.over-width h2 {
  color: #008B47;
}
#sec-4.over-width img.wink-1 {
  left: 2.5%;
  top: 50%;
  width: calc(100vw * 60/1000);
}
@media (min-width: 1000px) {
  #sec-4.over-width img.wink-1 {
    width: 60px;
  }
}
@media (max-width: 767px) {
  #sec-4.over-width img.wink-1 {
    left: 12.5%;
    top: -2.5%;
    width: calc(100vw * 64/375);
  }
}
#sec-4.over-width img.wink-2 {
  left: 10%;
  top: 77.5%;
  width: calc(100vw * 37.5/1000);
}
@media (min-width: 1000px) {
  #sec-4.over-width img.wink-2 {
    width: 37.5px;
  }
}
@media (max-width: 767px) {
  #sec-4.over-width img.wink-2 {
    left: 46%;
    top: 45%;
    width: calc(100vw * 32/375);
  }
}
#sec-4.over-width img.wink-3 {
  right: 10%;
  top: 69%;
  width: calc(100vw * 48/1000);
}
@media (min-width: 1000px) {
  #sec-4.over-width img.wink-3 {
    width: 48px;
  }
}
@media (max-width: 767px) {
  #sec-4.over-width img.wink-3 {
    right: -5%;
    top: -17.5%;
    width: calc(100vw * 38/375);
  }
}

#sec-5.over-width {
  background: #0095C8;
  color: white;
}
#sec-5.over-width h2 {
  color: #0095C8;
}
#sec-5.over-width img.wink-1 {
  left: 7.5%;
  top: 57.5%;
  width: calc(100vw * 54/1000);
}
@media (min-width: 1000px) {
  #sec-5.over-width img.wink-1 {
    width: 54px;
  }
}
@media (max-width: 767px) {
  #sec-5.over-width img.wink-1 {
    left: 12.5%;
    top: -2.5%;
    width: calc(100vw * 46/375);
  }
}
#sec-5.over-width img.wink-2 {
  left: 85%;
  top: 50%;
  width: calc(100vw * 12/1000);
}
@media (min-width: 1000px) {
  #sec-5.over-width img.wink-2 {
    width: 12px;
  }
}
@media (max-width: 767px) {
  #sec-5.over-width img.wink-2 {
    left: 47.5%;
    top: 37.5%;
    width: calc(100vw * 15/375);
  }
}
#sec-5.over-width img.wink-3 {
  right: 15%;
  top: 87.5%;
  width: calc(100vw * 22/1000);
}
@media (min-width: 1000px) {
  #sec-5.over-width img.wink-3 {
    width: 22px;
  }
}
@media (max-width: 767px) {
  #sec-5.over-width img.wink-3 {
    right: 5%;
    top: 15%;
    width: calc(100vw * 20/375);
  }
}

#sec-6.over-width {
  background: #C62B31;
  color: white;
}
#sec-6.over-width h2 {
  color: #C62B31;
}
#sec-6.over-width img.wink-1 {
  left: 7.5%;
  top: 72.5%;
  width: calc(100vw * 35/1000);
}
@media (min-width: 1000px) {
  #sec-6.over-width img.wink-1 {
    width: 35px;
  }
}
@media (max-width: 767px) {
  #sec-6.over-width img.wink-1 {
    left: 12.5%;
    top: -2.5%;
    width: calc(100vw * 30/375);
  }
}
#sec-6.over-width img.wink-2 {
  left: 15%;
  top: 90%;
  width: calc(100vw * 22/1000);
}
@media (min-width: 1000px) {
  #sec-6.over-width img.wink-2 {
    width: 22px;
  }
}
@media (max-width: 767px) {
  #sec-6.over-width img.wink-2 {
    left: 47.5%;
    top: 40%;
    width: calc(100vw * 19/375);
  }
}
#sec-6.over-width img.wink-3 {
  right: 7.5%;
  top: 67.5%;
  width: calc(100vw * 60/1000);
}
@media (min-width: 1000px) {
  #sec-6.over-width img.wink-3 {
    width: 60px;
  }
}
@media (max-width: 767px) {
  #sec-6.over-width img.wink-3 {
    right: 5%;
    top: 5%;
    width: calc(100vw * 42/375);
  }
}

#sec-7.over-width {
  background: #E2642C;
  color: white;
}
#sec-7.over-width h2 {
  color: #E2642C;
}
#sec-7.over-width img.wink-1 {
  left: 7.5%;
  top: 70%;
  width: calc(100vw * 45/1000);
}
@media (min-width: 1000px) {
  #sec-7.over-width img.wink-1 {
    width: 45px;
  }
}
@media (max-width: 767px) {
  #sec-7.over-width img.wink-1 {
    left: 12.5%;
    top: -2.5%;
    width: calc(100vw * 45/375);
  }
}
#sec-7.over-width img.wink-2 {
  left: 82.5%;
  top: 77.5%;
  width: calc(100vw * 32/1000);
}
@media (min-width: 1000px) {
  #sec-7.over-width img.wink-2 {
    width: 32px;
  }
}
@media (max-width: 767px) {
  #sec-7.over-width img.wink-2 {
    left: 49%;
    top: 40%;
    width: calc(100vw * 20/375);
  }
}
#sec-7.over-width img.wink-3 {
  right: 10%;
  top: 50%;
  width: calc(100vw * 20/1000);
}
@media (min-width: 1000px) {
  #sec-7.over-width img.wink-3 {
    width: 20px;
  }
}
@media (max-width: 767px) {
  #sec-7.over-width img.wink-3 {
    right: 12.5%;
    top: 5%;
    width: calc(100vw * 18/375);
  }
}

#sec-8.over-width {
  background: #F0F0F1;
  text-align: center;
  padding-bottom: calc(100vw * 60/1000);
  border-top: calc(100vw * 38/1000) solid #3B2416;
}
@media (min-width: 1000px) {
  #sec-8.over-width {
    padding-bottom: 60px;
    border-top-width: 38px;
  }
}
@media (max-width: 767px) {
  #sec-8.over-width {
    padding-bottom: calc(100vw * 25/375);
    border-top-width: calc(100vw * 22/375);
  }
}
#sec-8.over-width img.title-howto {
  max-width: unset;
  width: calc(100vw * 420/1000);
  margin: calc(100vw * 75/1000) 0 calc(100vw * 35/1000) 1.25%;
}
@media (min-width: 1000px) {
  #sec-8.over-width img.title-howto {
    width: 420px;
    margin: 75px 0 35px 1.25%;
  }
}
@media (max-width: 767px) {
  #sec-8.over-width img.title-howto {
    width: calc(100vw * 268/375);
    margin: calc(100vw * 30/375) 0 calc(100vw * 20/375) 1.25%;
  }
}
#sec-8.over-width > p {
  width: calc(100vw * 680/1000);
  height: calc(100vw * 130/1000);
  border: calc(100vw * 5/1000) solid #3B2416;
}
@media (min-width: 1000px) {
  #sec-8.over-width > p {
    width: 680px;
    height: 130px;
    border-width: 5px;
  }
}
@media (max-width: 767px) {
  #sec-8.over-width > p {
    width: calc(100vw * 340/375);
    height: calc(100vw * 155/375);
    border-width: calc(100vw * 2.5/375);
  }
}
#sec-8.over-width .between-line:before,
#sec-8.over-width .between-line:after {
  margin: 0 !important;
  border-bottom: calc(100vw * 5/1000) solid #3B2416;
}
@media (min-width: 1000px) {
  #sec-8.over-width .between-line:before,
#sec-8.over-width .between-line:after {
    border-bottom-width: 5px;
  }
}
@media (max-width: 767px) {
  #sec-8.over-width .between-line:before,
#sec-8.over-width .between-line:after {
    border-bottom-width: calc(100vw * 3/375);
  }
}
#sec-8.over-width .container {
  padding-top: calc(100vw * 35/1000);
}
@media (min-width: 1000px) {
  #sec-8.over-width .container {
    padding-top: 35px;
  }
}
#sec-8.over-width .flex-wrap > div {
  width: 50%;
}
@media (min-width: 768px) {
  #sec-8.over-width .flex-wrap > div:nth-child(1) img {
    margin-left: 20%;
  }
  #sec-8.over-width .flex-wrap > div:nth-child(2) img {
    margin-right: 20%;
  }
}
@media (max-width: 767px) {
  #sec-8.over-width .flex-wrap > div {
    width: 100%;
  }
  #sec-8.over-width .flex-wrap > div:nth-child(2) img {
    margin-top: calc(100vw * 50/375);
  }
}
#sec-8.over-width .flex-wrap > div img {
  width: calc(100vw * 225/1000);
}
@media (min-width: 1000px) {
  #sec-8.over-width .flex-wrap > div img {
    width: 225px;
  }
}
@media (max-width: 767px) {
  #sec-8.over-width .flex-wrap > div img {
    width: calc(100vw * 188/375);
  }
}
#sec-8.over-width .flex-wrap > div h3, #sec-8.over-width .flex-wrap > div ul {
  width: 75%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #sec-8.over-width .flex-wrap > div h3, #sec-8.over-width .flex-wrap > div ul {
    width: 90%;
  }
}
#sec-8.over-width .flex-wrap > div h3, #sec-8.over-width .flex-wrap > div ul li {
  margin-bottom: calc(100vw * 12/1000);
}
@media (min-width: 1000px) {
  #sec-8.over-width .flex-wrap > div h3, #sec-8.over-width .flex-wrap > div ul li {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  #sec-8.over-width .flex-wrap > div h3, #sec-8.over-width .flex-wrap > div ul li {
    margin-bottom: calc(100vw * 6/375);
  }
}
#sec-8.over-width .flex-wrap > div ul {
  padding-left: 1rem;
}
#sec-8.over-width ul {
  list-style: circle;
  text-align: left;
}

#sec-9.over-width {
  background: #D8D8D7;
  color: #3B2416;
  text-align: center;
  padding: calc(100vw * 60/1000) 0;
  border: calc(100vw * 5/1000) solid #3B2416;
}
@media (min-width: 1000px) {
  #sec-9.over-width {
    padding: 60px 0;
    border-width: 5px;
  }
}
@media (max-width: 767px) {
  #sec-9.over-width {
    padding: calc(100vw * 25/375) 0;
    border-width: calc(100vw * 3/375);
  }
}
#sec-9.over-width h2 {
  line-height: 0.85;
}
#sec-9.over-width > a {
  color: #3B2416;
  width: calc(100vw * 420/1000);
  height: calc(100vw * 60/1000);
  border: calc(100vw * 5/1000) solid #3B2416;
  margin-top: calc(100vw * 40/1000);
}
@media (min-width: 1000px) {
  #sec-9.over-width > a {
    width: 420px;
    height: 60px;
    border-width: 5px;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  #sec-9.over-width > a {
    width: calc(100vw * 280/375);
    height: calc(100vw * 40/375);
    border-width: calc(100vw * 2.5/375);
    margin-top: calc(100vw * 25/375);
  }
}
#sec-9.over-width .between-line:before,
#sec-9.over-width .between-line:after {
  margin: 0 !important;
  border-bottom: calc(100vw * 5/1000) solid #3B2416;
}
@media (min-width: 1000px) {
  #sec-9.over-width .between-line:before,
#sec-9.over-width .between-line:after {
    border-bottom-width: 5px;
  }
}
@media (max-width: 767px) {
  #sec-9.over-width .between-line:before,
#sec-9.over-width .between-line:after {
    border-bottom-width: calc(100vw * 3/375);
  }
}