.storia-new img {
  width: 100%;
  height: 100%; }
.storia-new .yellow-full {
  position: relative;
  padding-top: 4.9479166667vw;
  padding-bottom: 583.3333333333vw; }
  .storia-new .yellow-full:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../images/storia-new/background-nestle-history.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    width: 100%;
    height: 100%;
    z-index: 1; }
.storia-new .sun {
  position: absolute;
  width: 30.2083333333vw;
  top: 31.25vw;
  left: 20.3645833333vw; }
.storia-new--title-top {
  position: relative;
  z-index: 2; }
  @media (max-width: 768px) {
    .storia-new--title-top {
      display: none; } }
  .storia-new--title-top.title-top-mob {
    display: none; }
    @media (max-width: 768px) {
      .storia-new--title-top.title-top-mob {
        display: block;
        margin-bottom: -100px;
        padding-top: 50px;
        background: #fef200; } }
  .storia-new--title-top-sx, .storia-new--title-top-dx {
    width: 19.4791666667vw;
    position: absolute; }
    @media (max-width: 768px) {
      .storia-new--title-top-sx, .storia-new--title-top-dx {
        display: none; } }
  .storia-new--title-top-sx {
    left: 0;
    top: -9.8958333333vw; }
  .storia-new--title-top-dx {
    right: 0;
    top: -4.9479166667vw; }
.storia-new--main-title {
  position: relative;
  width: 60.8333333333vw;
  margin: 0 auto;
  text-align: center;
  z-index: 1; }
  @media (max-width: 768px) {
    .storia-new--main-title {
      width: 100%;
      padding: 0 20px; } }
  .storia-new--main-title h1 {
    margin-top: 0;
    font-size: 3.5416666667vw; }
    @media (max-width: 768px) {
      .storia-new--main-title h1 {
        margin-bottom: 10px;
        font-size: 25px;
        line-height: 1.2; } }
.storia-new--text, .storia-new--sub-title {
  font-size: 1.5625vw; }
  @media (max-width: 768px) {
    .storia-new--text, .storia-new--sub-title {
      font-size: 20px;
      line-height: 1; } }
.storia-new--text.desc {
  padding-bottom: 0; }
.storia-new--sub-title {
  margin-top: 15px;
  padding-bottom: 10%;
  font-weight: bold; }
.storia-new--year {
  position: absolute; }
  .storia-new--year-wrapper {
    position: relative;
    background: #004c99;
    color: #ffffff;
    border-radius: 50%;
    z-index: 2; }
    .storia-new--year-wrapper:before {
      content: '';
      padding-bottom: 100%;
      display: block; }
  .storia-new--year-text {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 2.7604166667vw;
    text-align: left;
    line-height: 1.2; }
    .year_1936 .storia-new--year-text {
      padding: 18.2291666667vw 3.90625vw 12.7604166667vw 8.3333333333vw; }
    .year_1960 .storia-new--year-text {
      padding: 17.34375vw 3.90625vw 12.7604166667vw 8.3333333333vw; }
    .year_1980 .storia-new--year-text {
      padding: 18.2291666667vw 3.90625vw 11.71875vw 8.3333333333vw; }
    .year_2006 .storia-new--year-text {
      padding: 14.0625vw 3.6458333333vw 8.3333333333vw 9.375vw; }
    .year_2018 .storia-new--year-text {
      padding: 11.9791666667vw 2.6041666667vw 10.4166666667vw 7.2916666667vw; }
    .year_2021 .storia-new--year-text {
      padding: 11.9791666667vw 2.6041666667vw 10.4166666667vw 7.2916666667vw; }
    .year_2022 .storia-new--year-text {
      padding: 32.2916666667vw 6.25vw 14.5833333333vw 11.9791666667vw; }
  .storia-new--year-image {
    position: absolute; }
    .year_1936 .storia-new--year-image {
      width: 33.5416666667vw;
      top: -28.125vw;
      right: 5.2083333333vw; }
    .year_1960 .storia-new--year-image {
      width: 46.875vw;
      top: -28.6458333333vw;
      left: -3.125vw; }
    .year_1980 .storia-new--year-image {
      width: 38.5416666667vw;
      top: -26.0416666667vw;
      right: 0; }
    .year_2006 .storia-new--year-image {
      width: 42.5vw;
      top: -32.2395833333vw;
      left: -16.9270833333vw; }
    .year_2018 .storia-new--year-image {
      width: 45.9895833333vw;
      top: -21.3541666667vw;
      right: -42.7083333333vw; }
    .year_2021 .storia-new--year-image {
      width: 43.3854166667vw;
      top: -28.90625vw;
      left: -23.4375vw; }
    .year_2022 .storia-new--year-image {
      width: 40vw;
      top: -31.25vw;
      left: -7.5520833333vw; }
  .storia-new--year-badge {
    width: 22.5520833333vw;
    position: absolute;
    z-index: 2; }
    .year_1936 .storia-new--year-badge {
      top: -7.2916666667vw;
      left: -12.5vw; }
    .year_1960 .storia-new--year-badge {
      width: 23.4375vw;
      top: -2.6041666667vw;
      right: -14.0625vw; }
    .year_1980 .storia-new--year-badge {
      top: -7.8125vw;
      left: 0; }
    .year_2006 .storia-new--year-badge {
      width: 27.3958333333vw;
      top: -14.0625vw;
      right: 0;
      z-index: 0; }
    .year_2018 .storia-new--year-badge {
      top: -11.4583333333vw;
      right: -2.6041666667vw;
      z-index: 0; }
    .year_2021 .storia-new--year-badge {
      top: -11.9791666667vw;
      right: 8.3333333333vw;
      z-index: 0; }
    .year_2022 .storia-new--year-badge {
      width: 36.8229166667vw;
      top: -8.8541666667vw;
      right: 2.34375vw;
      z-index: 0; }
  .storia-new--year.year_1936 {
    width: 47.5520833333vw;
    top: 66.1458333333vw;
    left: 46.875vw; }
  .storia-new--year.year_1960 {
    width: 47.1354166667vw;
    top: 125vw;
    left: 11.3541666667vw; }
  .storia-new--year.year_1980 {
    width: 55.625vw;
    top: 191.40625vw;
    left: 36.9791666667vw; }
  .storia-new--year.year_2006 {
    width: 47.1354166667vw;
    top: 266.6145833333vw;
    left: 18.90625vw; }
  .storia-new--year.year_2018 {
    width: 47.1354166667vw;
    top: 331.40625vw;
    left: 7.7083333333vw; }
  .storia-new--year.year_2021 {
    width: 47.3958333333vw;
    top: 410.625vw;
    left: 31.5104166667vw; }
  .storia-new--year.year_2022 {
    width: 68.5416666667vw;
    top: 495.2083333333vw;
    left: 18.4895833333vw; }

.visual .visual-title {
  padding-bottom: 100px; }
  @media (max-width: 768px) {
    .visual .visual-title {
      text-align: center; } }
.visual .arrow {
  width: 45px;
  height: auto;
  bottom: 3%; }
  @media (max-width: 768px) {
    .visual .arrow {
      width: 30px; } }
  .visual .arrow img {
    width: 100%; }