@media screen and (min-width: 768px) {
  .cuervo_cnt .whats_wrap {
    overflow: hidden;
  }

  .cuervo_cnt .sp {
    display: none;
  }

  .cuervo_cnt .inner {
    margin: 0 auto;
    width: 90%;
    max-width: 1440px;
  }

  .cuervo_cnt img {
    width: 100%;
  }

  .cuervo_cnt .contents {
    padding: 80px 0 126px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .cuervo_cnt .content__num {
    margin-top: -60px;
    font-size: 242px;
    letter-spacing: 0.01em;
  }

  .cuervo_cnt .content__ttl {
    font-size: 26px;
    line-height: 1.65;
    font-weight: 700;
    letter-spacing: 0.1em;
  }

  .cuervo_cnt .content__text {
    margin-top: 24px;
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 2.25;
    font-weight: 500;
  }

  .cuervo_cnt .content__linkbox {
    margin-top: 40px;
  }

  .cuervo_cnt .howto {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 50px;
    margin-left: calc(50% - 50vw);
    width: 100vw;
  }

  .cuervo_cnt .howto__inner {
    display: flex;
    max-width: 720px;
  }

  .cuervo_cnt .howto__imgbox {
    flex-shrink: 0;
    width: 40%;
  }

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

  .cuervo_cnt .howto__textbox {
    margin: 0 30px;
    padding-bottom: 20px;
  }

  .cuervo_cnt .howto__ttl {
    font-size: 20px;
    letter-spacing: 0.1em;
  }

  .cuervo_cnt .howto__ttl--en {
    display: block;
    margin-bottom: -2px;
    font-size: 50px;
    letter-spacing: 0.01em;
    line-height: 1.6;
  }

  .cuervo_cnt .howto__text {
    margin-top: 14px;
    letter-spacing: 0.1em;
    line-height: 2;
    font-weight: 500;
    color: #fff;
  }

  .cuervo_cnt .howto__linkbox {
    margin: 25px 0 36px;
  }

  .cuervo_cnt .howto__linkbox .btn[data-type=square] div {
    width: 40px;
    height: 40px;
  }

  .cuervo_cnt .howto__linkbox .btn[data-type=square] .btn_text {
    line-height: 1.2;
  }

  .cuervo_cnt .howto__box {
    display: flex;
  }

  .cuervo_cnt .howto__box:nth-of-type(odd) {
    justify-content: flex-end;
  }

  .cuervo_cnt .howto__box:nth-of-type(3) .howto__textbox {
    margin-left: 5px;
  }

  .cuervo_cnt .howto__box:nth-last-of-type(-n+2) .howto__inner {
    flex-direction: row-reverse;
  }

  .cuervo_cnt .content.n01 {
    grid-column: 1/3;
  }

  .cuervo_cnt .content.n01 .content__text-warpper {
    display: flex;
  }

  .cuervo_cnt .content.n01 .content__textbox {
    margin-left: 60px;
    max-width: 900px;
  }

  .cuervo_cnt .content.n01 .content__imgbox {
    display: flex;
    justify-content: space-between;
    margin-top: 87px;
  }

  .cuervo_cnt .content.n01 .content__imgbox img {
    width: calc(50% - 5px);
  }

  .cuervo_cnt .content.n02 {
    grid-column: 1/3;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: 88px;
  }

  .cuervo_cnt .content.n02 .content__text-warpper {
    margin-left: 5.55%;
  }

  .cuervo_cnt .content.n02 .content__textbox {
    margin-top: 20px;
  }

  .cuervo_cnt .content.n02 .content__imgbox {
    flex-shrink: 0;
    margin-left: calc(50% - 50vw);
    width: 50vw;
  }

  .cuervo_cnt .content.n03 {
    grid-column: 1/2;
    display: flex;
    flex-direction: column;
    margin-top: 60px;
  }

  .cuervo_cnt .content.n03 .content__text-warpper {
    display: contents;
  }

  .cuervo_cnt .content.n03 .content__num {
    position: relative;
    z-index: 1;
  }

  .cuervo_cnt .content.n03 .content__textbox {
    order: 3;
    margin-top: 33px;
    padding-left: 77px;
  }

  .cuervo_cnt .content.n03 .content__imgbox {
    order: 2;
    margin-top: -82px;
    padding-left: 77px;
  }

  .cuervo_cnt .content.n04 {
    grid-column: 2/3;
    display: flex;
    flex-direction: column;
    padding-top: 250px;
    padding-left: 11%;
  }

  .cuervo_cnt .content.n04 .content__text-warpper {
    display: contents;
  }

  .cuervo_cnt .content.n04 .content__num {
    order: 2;
    margin-top: -167px;
  }

  .cuervo_cnt .content.n04 .content__textbox {
    order: 3;
  }

  .cuervo_cnt .content.n04 .content__imgbox {
    order: 1;
  }

  .cuervo_cnt .content.n05 {
    grid-column: 1/3;
    margin-top: -22px;
  }

  .cuervo_cnt .content.n05 .content__text {
    max-width: 1150px;
  }

  .cuervo_cnt .content.n06 {
    grid-column: 1/2;
    display: flex;
    flex-direction: column;
    margin-top: 100px;
  }

  .cuervo_cnt .content.n06 .content__text-warpper {
    display: contents;
  }

  .cuervo_cnt .content.n06 .content__num {
    position: relative;
    z-index: 1;
    order: 1;
  }

  .cuervo_cnt .content.n06 .content__textbox {
    order: 3;
    margin-top: 38px;
  }

  .cuervo_cnt .content.n06 .content__imgbox {
    order: 2;
    margin-top: -70px;
  }

  .cuervo_cnt .content.n07 {
    grid-column: 2/3;
    position: relative;
    margin-top: 446px;
    padding-left: 18.6%;
  }

  .cuervo_cnt .content.n07 .content__text-warpper {
    position: relative;
    z-index: 1;
  }

  .cuervo_cnt .content.n07 .content__ttl {
    margin-top: 14px;
  }

  .cuervo_cnt .content.n07 .content__imgbox {
    position: absolute;
    top: -170px;
    right: 0;
    width: 50%;
  }

  .cuervo_cnt .content.n08 {
    grid-column: 1/3;
    margin-top: 80px;
  }

  .cuervo_cnt .content.n08 .content__text-warpper {
    display: flex;
  }

  .cuervo_cnt .content.n08 .content__textbox {
    margin-left: 60px;
    max-width: 900px;
  }

  .cuervo_cnt .content.n09 {
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 1fr 203px;
    margin-top: 40px;
  }

  .cuervo_cnt .content.n09 .categories-band {
    grid-column: 1/3;
    position: relative;
    margin-right: calc(50% - 50vw);
    width: calc((100vw + 100%) / 2);
  }

  .cuervo_cnt .content.n09 .categoies-band__note {
    position: absolute;
    right: 26px;
    bottom: 26px;
    font-size: 14px;
    letter-spacing: 0.1em;
    font-weight: 500;
    color: #fff;
  }

  .cuervo_cnt .content.n09 .content__text-warpper {
    grid-column: 1/2;
    display: flex;
    margin-top: 80px;
  }

  .cuervo_cnt .content.n09 .content__textbox {
    margin-left: 60px;
    max-width: 900px;
  }

  .cuervo_cnt .content.n09 .categories {
    margin-top: 46px;
  }

  .cuervo_cnt .content.n09 .category {
    padding-left: 23px;
    border-left: 7px solid #FFC600;
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 1.6;
    font-weight: 500;
  }

  .cuervo_cnt .content.n09 .category:not(:first-of-type) {
    margin-top: 30px;
  }

  .cuervo_cnt .content.n09 .category h4 {
    margin-bottom: 13px;
    font-size: 20px;
    letter-spacing: 0.1em;
    font-weight: 700;
  }

  .cuervo_cnt .content.n09 .content__imgbox {
    grid-column: 2/3;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }

  .cuervo_cnt .content.n09 .content__imgbox .bottle {
    width: 96px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1465px) {
  .cuervo_cnt .howto__box:nth-of-type(3) .howto__textbox {
    padding-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .cuervo_cnt .whats_wrap {
    overflow: hidden;
  }

  .cuervo_cnt .pc {
    display: none;
  }

  .cuervo_cnt .inner {
    margin: 0 auto;
    width: 88vw;
  }

  .cuervo_cnt .contents {
    padding: 3vw 0 16vw;
  }

  .cuervo_cnt .content:not(:first-of-type) {
    margin-top: 5vw;
  }

  .cuervo_cnt .content__textbox {
    margin-top: 3.67vw;
  }

  .cuervo_cnt .content__num {
    margin-top: 0px;
    font-size: 32vw;
    letter-spacing: 0.01em;
  }

  .cuervo_cnt .content__ttl {
    font-size: 5.33vw;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.1em;
  }

  .cuervo_cnt .content__text {
    margin-top: 4vw;
    font-size: 4.27vw;
    letter-spacing: 0.1em;
    line-height: 1.62;
    font-weight: 500;
  }

  .cuervo_cnt .content__linkbox {
    margin-top: 8vw;
  }

  .cuervo_cnt .content__imgbox img {
    width: 100%;
  }

  .cuervo_cnt .howto {
    margin-top: 12.61vw;
    margin-left: calc(50% - 50vw);
    width: 100vw;
    overflow: hidden;
  }

  .cuervo_cnt .howto__box {
    padding-bottom: 9.6vw;
  }

  .cuervo_cnt .howto__imgbox {
    width: 73.33vw;
  }

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

  .cuervo_cnt .howto__textbox {
    margin: 6.13vw auto 0;
    width: 88vw;
  }

  .cuervo_cnt .howto__ttl {
    font-size: 5.33vw;
    letter-spacing: 0.1em;
    font-weight: 700;
  }

  .cuervo_cnt .howto__ttl--en {
    display: block;
    margin-bottom: 2.4vw;
    font-size: 13.33vw;
    letter-spacing: 0.01em;
  }

  .cuervo_cnt .howto__text {
    margin-top: 4vw;
    letter-spacing: 0.1em;
    line-height: 1.86;
    font-weight: 500;
    color: #fff;
  }

  .cuervo_cnt .howto__linkbox {
    margin-top: 6.4vw;
  }

  .cuervo_cnt .howto__linkbox .btn[data-type=square] .btn_text {
    /* font-size: 3.2vw; */
    line-height: 1.66;
    padding: 0 4vw;
  }

  .cuervo_cnt .howto__linkbox .btn[data-type=square] div {
    width: 12.2vw;
    height: 12.2vw;
  }

  .cuervo_cnt .howto__box:nth-of-type(even) .howto__imgbox {
    margin-right: 0;
    margin-left: auto;
  }

  .cuervo_cnt .content.n01 .content__imgbox {
    margin-top: 8vw;
  }

  .cuervo_cnt .content.n01 .content__imgbox img:not(:first-of-type) {
    margin-top: 2.67vw;
  }

  .cuervo_cnt .content.n02 .content__imgbox {
    margin-top: 8vw;
    margin-left: calc(50% - 50vw);
    width: 100vw;
  }

  .cuervo_cnt .content.n03 {
    display: flex;
    flex-direction: column;
  }

  .cuervo_cnt .content.n03 .content__text-warpper {
    display: contents;
  }

  .cuervo_cnt .content.n03 .content__num {
    position: relative;
    z-index: 1;
  }

  .cuervo_cnt .content.n03 .content__textbox {
    order: 3;
    margin-top: 6.67vw;
  }

  .cuervo_cnt .content.n03 .content__imgbox {
    order: 2;
    margin-top: -10vw;
  }

  .cuervo_cnt .content.n04 {
    display: flex;
    flex-direction: column;
    margin-top: 15vw;
  }

  .cuervo_cnt .content.n04 .content__text-warpper {
    display: contents;
  }

  .cuervo_cnt .content.n04 .content__num {
    order: 2;
    margin-top: -19vw;
  }

  .cuervo_cnt .content.n04 .content__textbox {
    order: 3;
  }

  .cuervo_cnt .content.n04 .content__imgbox {
    order: 1;
  }

  .cuervo_cnt .content.n06 {
    display: flex;
    flex-direction: column;
  }

  .cuervo_cnt .content.n06 .content__text-warpper {
    display: contents;
  }

  .cuervo_cnt .content.n06 .content__num {
    position: relative;
    z-index: 1;
    order: 1;
  }

  .cuervo_cnt .content.n06 .content__textbox {
    order: 3;
    margin-top: 6.67vw;
  }

  .cuervo_cnt .content.n06 .content__imgbox {
    order: 2;
    margin-top: -10vw;
  }

  .cuervo_cnt .content.n07 {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    margin-top: 11vw;
  }

  .cuervo_cnt .content.n07 .content__num {
    position: absolute;
    top: -8vw;
    left: 0;
  }

  .cuervo_cnt .content.n07 .content__ttl {
    margin-top: 14px;
  }

  .cuervo_cnt .content.n07 .content__imgbox {
    margin-right: 0;
    margin-left: auto;
    width: 55.21vw;
  }

  .cuervo_cnt .content.n09 {
    display: flex;
    flex-direction: column;
    position: relative;
  }

  .cuervo_cnt .content.n09 .categories-band {
    order: 3;
    position: relative;
    margin-top: 6.67vw;
    margin-left: calc(50% - 50vw);
    width: 100vw;
  }

  .cuervo_cnt .content.n09 .categories-band img {
    width: 100%;
  }

  .cuervo_cnt .content.n09 .categoies-band__note {
    margin-top: 3.2vw;
    margin-left: 6vw;
    font-size: 3.73vw;
    letter-spacing: 0.1em;
    font-weight: 500;
  }

  .cuervo_cnt .content.n09 .content__text-warpper {
    display: contents;
    margin-top: 10.07vw;
  }

  .cuervo_cnt .content.n09 .content__num {
    order: 1;
  }

  .cuervo_cnt .content.n09 .content__textbox {
    display: contents;
  }

  .cuervo_cnt .content.n09 .content__detail {
    order: 2;
  }

  .cuervo_cnt .content.n09 .categories {
    order: 4;
    margin-top: 8vw;
  }

  .cuervo_cnt .content.n09 .category {
    padding-left: 6.13vw;
    border-left: 7px solid #FFC600;
    font-size: 3.73vw;
    letter-spacing: 0.06em;
    line-height: 1.86;
    font-weight: 500;
  }

  .cuervo_cnt .content.n09 .category:not(:first-of-type) {
    margin-top: 10.93vw;
  }

  .cuervo_cnt .content.n09 .category h4 {
    margin-bottom: 3.47vw;
    font-size: 5.33vw;
    letter-spacing: 0.1em;
    line-height: 1.65;
    font-weight: 700;
  }

  .cuervo_cnt .content.n09 .content__imgbox {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    position: absolute;
    top: 2vw;
    right: 0;
  }

  .cuervo_cnt .content.n09 .content__imgbox .bottle {
    width: 14.56vw;
  }
}

/*# sourceMappingURL=whats.css.map */