@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@media (min-width: 768px) {
  .u-pc {
    display: block;
  }
}
@media (max-width: 767px) {
  .u-pc {
    display: none;
  }
}

@media (min-width: 768px) {
  .u-sp {
    display: none;
  }
}
@media (max-width: 767px) {
  .u-sp {
    display: block;
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

ol, ul, li {
  list-style: none;
}

img {
  width: 100%;
}

a {
  display: block;
  cursor: pointer;
  color: #000;
}

.drinksmile-container {
  margin-inline: auto;
  position: relative;
}
@media (min-width: 768px) {
  .drinksmile-container {
    width: 86.82284041vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-container {
    width: 87.2vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-content {
    width: 57.2474377745vw;
    margin-inline: auto;
  }
}

.drinksmile-deco--01 {
  position: absolute;
}
@media (min-width: 768px) {
  .drinksmile-deco--01 {
    width: 8.2723279649vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-deco--01 {
    width: 11.4666666667vw;
  }
}
.drinksmile-deco--02 {
  position: absolute;
}
@media (min-width: 768px) {
  .drinksmile-deco--02 {
    width: 7.6134699854vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-deco--02 {
    width: 10.4vw;
  }
}
.drinksmile-deco--03 {
  position: absolute;
}
@media (min-width: 768px) {
  .drinksmile-deco--03 {
    width: 8.1259150805vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-deco--03 {
    width: 11.2vw;
  }
}

.deco-anim img {
  -webkit-animation: anime1 0.5s ease 0s infinite alternate;
          animation: anime1 0.5s ease 0s infinite alternate;
  -webkit-transform-origin: center;
          transform-origin: center;
}

@-webkit-keyframes anime1 {
  from {
    -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
  }
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@keyframes anime1 {
  from {
    -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
  }
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
.c-title-label {
  display: inline-block;
  font-weight: bold;
  color: #252525;
  background-color: #5BC2DC;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media (min-width: 768px) {
  .c-title-label {
    padding: 0.7320644217vw 1.6837481698vw 0.6588579795vw 1.756954612vw;
    font-size: 1.4641288433vw;
    border-radius: 1.4641288433vw;
  }
}
@media (max-width: 767px) {
  .c-title-label {
    font-size: 3.7333333333vw;
    border-radius: 4vw;
    padding: 2.1333333333vw 3.2vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-kv-container {
    padding-top: 3.074670571vw;
    padding-bottom: 11.6398243045vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv-container {
    padding-top: 11.2vw;
    padding-bottom: 21.0666666667vw;
  }
}

.drinksmile-kv__title {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .drinksmile-kv__title {
    width: 32.8696925329vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv__title {
    width: 64.5333333333vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-kv-txt {
    margin-top: 8.4187408492vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv-txt {
    margin-top: 9.3333333333vw;
  }
}

.drinksmile-kv__txt--01 {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .drinksmile-kv__txt--01 {
    width: 46.1932650073vw;
    margin-left: 5.270863836vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv__txt--01 {
    width: 75.2vw;
    margin-left: 6.1333333333vw;
  }
}

.drinksmile-kv__txt--02 {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .drinksmile-kv__txt--02 {
    width: 43.411420205vw;
    margin-top: 4.0263543192vw;
    margin-left: 6.4421669107vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv__txt--02 {
    width: 65.6vw;
    margin-top: 9.8666666667vw;
  }
}

.drinksmile-kv__txt--03 {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .drinksmile-kv__txt--03 {
    width: 54.831625183vw;
    margin-top: 3.8799414348vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv__txt--03 {
    width: 75.4666666667vw;
    margin-top: 8.8vw;
    margin-left: 4.5333333333vw;
  }
}

.drinksmile-kv__txt--04 {
  margin-inline: auto;
}
@media (max-width: 767px) {
  .drinksmile-kv__txt--04 {
    width: 79.7333333333vw;
    margin-top: 9.8666666667vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-kv-img {
    margin-top: 6.8081991215vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv-img {
    margin-top: 9.6vw;
  }
}

.drinksmile-kv-img-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.drinksmile-kv-img-list__item {
  position: relative;
}
@media (max-width: 767px) {
  .drinksmile-kv-img-list__item {
    height: 17.6vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv-img-list__item img {
    height: 100%;
  }
}

@media (min-width: 768px) {
  .drinksmile-kv-img-list__item--01 {
    width: 23.4992679356vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv-img-list__item--01 {
    width: 23.4666666667vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-kv-img-list__item--02 {
    width: 13.2503660322vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv-img-list__item--02 {
    width: 13.0666666667vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-kv-img-list__item--03 {
    width: 23.4992679356vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv-img-list__item--03 {
    width: 24vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-kv-img-list__item--04 {
    width: 23.5724743777vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv-img-list__item--04 {
    width: 24vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-kv-deco--01 {
    top: 19.3265007321vw;
    right: 7.6134699854vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv-deco--01 {
    top: 101.6vw;
    right: 0;
  }
}

@media (min-width: 768px) {
  .drinksmile-kv-deco--02 {
    top: 32.2840409956vw;
    left: 3.5871156662vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv-deco--02 {
    left: 0;
    top: 122.4vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-kv-deco--03 {
    top: 58.9311859444vw;
    right: 0.6588579795vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv-deco--03 {
    right: 0;
    top: 212vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-kv-img-deco--01 {
    width: 4.3191800878vw;
    top: 5.4904831625vw;
    right: 4.0995607613vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv-img-deco--01 {
    width: 4.2666666667vw;
    top: 4.5333333333vw;
    right: 4vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-kv-img-deco--02 {
    width: 3.3674963397vw;
    top: 5.710102489vw;
    right: 4.3191800878vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv-img-deco--02 {
    width: 3.2vw;
    top: 4.2666666667vw;
    right: 4.2666666667vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-kv-img-deco--03 {
    width: 4.3191800878vw;
    top: 0.8052708638vw;
    left: 6.2957540264vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv-img-deco--03 {
    width: 4.2666666667vw;
    top: 0.2666666667vw;
    left: 6.4vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-kv-img-deco--04 {
    width: 4.3191800878vw;
    top: 7.5402635432vw;
    right: 5.8565153734vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-kv-img-deco--04 {
    width: 4.2666666667vw;
    top: 6.9333333333vw;
    right: 5.8666666667vw;
  }
}

.drinksmile-movie {
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .drinksmile-movie {
    background-image: url(../images/drinksmile_movie_bg_pc.svg);
  }
}
@media (max-width: 767px) {
  .drinksmile-movie {
    background-image: url(../images/drinksmile_movie_bg_sp.svg);
  }
}

@media (min-width: 768px) {
  .drinksmile-movie-container {
    padding-top: 11.9326500732vw;
    padding-bottom: 12.0058565154vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie-container {
    padding-top: 21.3333333333vw;
    padding-bottom: 27.7333333333vw;
  }
}

.drinksmile-movie__title {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .drinksmile-movie__title {
    width: 21.9619326501vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie__title {
    width: 40.5333333333vw;
  }
}

.drinksmile-movie-content {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .drinksmile-movie-content {
    width: 57.2474377745vw;
    margin-top: 5.7833089312vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie-content {
    margin-top: 5.3333333333vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-movie__item iframe {
    width: 57.2474377745vw;
    height: 32.2108345534vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie__item iframe {
    width: 87.2vw;
    height: 49.0666666667vw;
  }
}
@media (min-width: 768px) {
  .drinksmile-movie__item .drinksmile-movie__player {
    width: 57.2474377745vw;
    height: 32.2108345534vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie__item .drinksmile-movie__player {
    width: 87.2vw;
    height: 49.0666666667vw;
  }
}
@media (min-width: 768px) {
  .drinksmile-movie__item + .drinksmile-movie__item {
    margin-top: 8.78477306vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie__item + .drinksmile-movie__item {
    margin-top: 10.6666666667vw;
  }
}

.drinksmile-movie__name {
  display: block;
  text-align: center;
  color: #fff;
}
@media (min-width: 768px) {
  .drinksmile-movie__name {
    font-weight: 500;
    font-size: 1.4641288433vw;
    margin-top: 0.7320644217vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie__name {
    font-weight: bold;
    font-size: 4.2666666667vw;
  }
}

.drinksmile-movie__txt {
  display: block;
  text-align: center;
  color: #252525;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media (min-width: 768px) {
  .drinksmile-movie__txt {
    font-size: 1.4641288433vw;
    line-height: 1.43;
    margin-top: 0.8052708638vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie__txt {
    font-size: 3.7333333333vw;
    line-height: 1.4;
    margin-top: 2.1333333333vw;
  }
}

.drinksmile-movie-btn-wrap {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .drinksmile-movie-btn-wrap {
    width: 27.9648609078vw;
    margin-top: 4.0995607613vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie-btn-wrap {
    margin-top: 8.8vw;
  }
}

.drinksmile-movie-btn {
  position: relative;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #252525;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .drinksmile-movie-btn {
    width: 27.6720351391vw;
    height: 4.39238653vw;
    font-size: 1.4641288433vw;
    border-radius: 2.9282576867vw;
    border: solid 0.1464128843vw #5BC2DC;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie-btn {
    width: 87.2vw;
    height: 16vw;
    font-size: 3.7333333333vw;
    border-radius: 10.6666666667vw;
    border: solid 0.5333333333vw #5BC2DC;
  }
}
.drinksmile-movie-btn::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  background-color: transparent;
}
@media (min-width: 768px) {
  .drinksmile-movie-btn::after {
    border-radius: 2.9282576867vw;
    border: solid 0.1464128843vw #FFFFFF;
    top: 0.3660322108vw;
    left: 0.439238653vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie-btn::after {
    border-radius: 10.6666666667vw;
    border: solid 0.5333333333vw #FFFFFF;
    top: 1.3333333333vw;
    left: 1.6vw;
  }
}
@media (hover: hover) {
  .drinksmile-movie-btn {
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
  }
}
@media (hover: hover) and (min-width: 768px) {
  .drinksmile-movie-btn:hover {
    -webkit-transform: translateY(0.3660322108vw);
            transform: translateY(0.3660322108vw);
  }
}
@media (hover: hover) and (max-width: 767px) {
  .drinksmile-movie-btn:hover {
    -webkit-transform: translateY(0.3660322108vw);
            transform: translateY(0.3660322108vw);
  }
}
@media (hover: hover) {
  .drinksmile-movie-btn:hover::after {
    opacity: 0;
  }
}

.drinksmile-movie-deco--01 {
  right: 0;
}
@media (min-width: 768px) {
  .drinksmile-movie-deco--01 {
    top: 30.8199121523vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie-deco--01 {
    top: 31.4666666667vw;
  }
}

.drinksmile-movie-deco--02 {
  left: 0;
}
@media (min-width: 768px) {
  .drinksmile-movie-deco--02 {
    top: 46.5592972182vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie-deco--02 {
    top: 99.4666666667vw;
  }
}

.drinksmile-movie-deco--03 {
  right: 0;
}
@media (min-width: 768px) {
  .drinksmile-movie-deco--03 {
    top: 81.9180087848vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie-deco--03 {
    top: 105.6vw;
  }
}

.drinksmile-movie-deco--04 {
  left: 0;
}
@media (min-width: 768px) {
  .drinksmile-movie-deco--04 {
    top: 115.3001464129vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie-deco--04 {
    top: 181.6vw;
  }
}

.drinksmile-movie-deco--05 {
  right: 0;
}
@media (min-width: 768px) {
  .drinksmile-movie-deco--05 {
    top: 139.3118594436vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie-deco--05 {
    bottom: 16vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-seminar-container {
    padding-top: 12.3718887262vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-container {
    padding-top: 27.7333333333vw;
    padding-bottom: 11.7333333333vw;
  }
}

.drinksmile-seminar__title {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .drinksmile-seminar__title {
    width: 28.8433382138vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar__title {
    width: 52.5333333333vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-seminar-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 1.9033674963vw;
       -moz-column-gap: 1.9033674963vw;
            column-gap: 1.9033674963vw;
    margin-top: 5.7833089312vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-box {
    margin-top: 5.3333333333vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-seminar-box-img {
    width: 49.8535871157vw;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}

.drinksmile-seminar-box__txt {
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .drinksmile-seminar-box__txt {
    font-size: 1.4641288433vw;
    line-height: 1.7;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-box__txt {
    font-size: 3.7333333333vw;
    line-height: 1.7;
    margin-top: 2.6666666667vw;
  }
}

.drinksmile-seminar-content {
  background-color: #fff;
}
@media (min-width: 768px) {
  .drinksmile-seminar-content {
    width: 100%;
    margin-top: 4.39238653vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-content {
    margin-top: 10.1333333333vw;
  }
}

.drinksmile-seminar-content__title {
  background-color: #5BC2DC;
  color: #252525;
  text-align: center;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .drinksmile-seminar-content__title {
    font-size: 1.756954612vw;
    padding: 0.878477306vw 0 0.9516837482vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-content__title {
    font-size: 4.2666666667vw;
    padding: 2.1333333333vw 0 2.6666666667vw;
  }
}

.drinksmile-seminar-content-border {
  border: solid 2px #5BC2DC;
  border-top: none;
}

.drinksmile-seminar-content-inner {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .drinksmile-seminar-content-inner {
    width: 82.1376281113vw;
    padding-top: 2.196193265vw;
    padding-bottom: 2.196193265vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-content-inner {
    width: 77.3333333333vw;
    padding-top: 5.0666666667vw;
    padding-bottom: 4.8vw;
  }
}

.drinksmile-seminar-content__txt {
  color: #252525;
  letter-spacing: 0.04em;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .drinksmile-seminar-content__txt {
    font-size: 1.4641288433vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-content__txt {
    font-size: 3.7333333333vw;
    padding-right: 0.8vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-seminar-banner {
    margin-top: 16.7642752562vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-banner {
    margin-top: 26.9333333333vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-seminar-part + .drinksmile-seminar-part {
    margin-top: 2.7086383602vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-part + .drinksmile-seminar-part {
    margin-top: 4.5333333333vw;
  }
}

.drinksmile-seminar-part__txt {
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .drinksmile-seminar-part__txt {
    font-size: 1.4641288433vw;
    line-height: 1.7;
    margin-top: 1.5373352855vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-part__txt {
    font-size: 3.7333333333vw;
    line-height: 1.7;
    margin-top: 4vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-seminar-part-list {
    margin-top: 1.4641288433vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-part-list {
    margin-top: 3.4666666667vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-seminar-part-img {
    margin-top: 1.5373352855vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-part-img {
    margin-top: 2.4vw;
  }
}

.drinksmile-seminar-part__annotation {
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .drinksmile-seminar-part__annotation {
    font-size: 1.1713030747vw;
    margin-top: 0.439238653vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-part__annotation {
    font-size: 2.6666666667vw;
    margin-top: 1.6vw;
  }
}

.drinksmile-seminar__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-inline: auto;
  color: #252525;
  letter-spacing: 0.04em;
  font-weight: bold;
  text-decoration: none;
}
@media (min-width: 768px) {
  .drinksmile-seminar__btn {
    width: 27.6720351391vw;
    height: 4.39238653vw;
    border: 0.1464128843vw solid #5BC2DC;
    font-size: 1.4641288433vw;
    border-radius: 2.9282576867vw;
    margin-top: 4.6852122987vw;
    -webkit-box-shadow: 0.1464128843vw 0.3660322108vw 0 #5BC2DC;
            box-shadow: 0.1464128843vw 0.3660322108vw 0 #5BC2DC;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar__btn {
    width: 87.2vw;
    height: 16vw;
    border: 0.5333333333vw solid #5BC2DC;
    font-size: 4vw;
    border-radius: 8vw;
    margin-top: 8.5333333333vw;
    -webkit-box-shadow: 1.0666666667vw 1.0666666667vw 0 #5BC2DC;
            box-shadow: 1.0666666667vw 1.0666666667vw 0 #5BC2DC;
  }
}
@media (hover: hover) {
  .drinksmile-seminar__btn {
    cursor: pointer;
    -webkit-transition: background-color 0.4s, -webkit-transform 0.4s, -webkit-box-shadow 0.4s;
    transition: background-color 0.4s, -webkit-transform 0.4s, -webkit-box-shadow 0.4s;
    transition: transform 0.4s, background-color 0.4s, box-shadow 0.4s;
    transition: transform 0.4s, background-color 0.4s, box-shadow 0.4s, -webkit-transform 0.4s, -webkit-box-shadow 0.4s;
  }
  .drinksmile-seminar__btn:hover {
    background-color: #5BC2DC;
    -webkit-transform: translateY(0.3660322108vw);
            transform: translateY(0.3660322108vw);
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.drinksmile-seminar-deco--01 {
  right: 0;
}
@media (min-width: 768px) {
  .drinksmile-seminar-deco--01 {
    top: 21.8887262079vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-deco--01 {
    top: 137.3333333333vw;
  }
}

.drinksmile-seminar-deco--02 {
  left: 0;
}
@media (min-width: 768px) {
  .drinksmile-seminar-deco--02 {
    bottom: -2.4890190337vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-deco--02 {
    bottom: -4.2666666667vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-labo-container {
    padding-top: 12.0058565154vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-container {
    padding-top: 17.0666666667vw;
    padding-bottom: 11.7333333333vw;
  }
}

.drinksmile-labo__title {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .drinksmile-labo__title {
    width: 18.8008784773vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo__title {
    width: 39.9946666667vw;
  }
}

.drinksmile-labo__txt {
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .drinksmile-labo__txt {
    font-size: 1.4641288433vw;
    line-height: 1.7;
    margin-top: 5.6368960469vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo__txt {
    font-size: 3.7333333333vw;
    line-height: 1.7;
    margin-top: 5.3333333333vw;
  }
}

.drinksmile-labo-content {
  background-color: #fff;
}
@media (min-width: 768px) {
  .drinksmile-labo-content {
    width: 100%;
    margin-top: 1.6105417277vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content {
    margin-top: 10.1333333333vw;
  }
}

.drinksmile-labo-content__title {
  background-color: #5BC2DC;
  color: #252525;
  text-align: center;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .drinksmile-labo-content__title {
    font-size: 1.756954612vw;
    padding: 0.878477306vw 0 0.9516837482vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content__title {
    font-size: 4.2666666667vw;
    padding: 2.1333333333vw 0 2.6666666667vw;
  }
}

.drinksmile-labo-content-border {
  border: solid 2px #5BC2DC;
  border-top: none;
}

.drinksmile-labo-content-inner {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .drinksmile-labo-content-inner {
    width: 82.1376281113vw;
    padding-top: 2.196193265vw;
    padding-bottom: 2.635431918vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content-inner {
    width: 76.8vw;
    padding-top: 5.0666666667vw;
    padding-bottom: 5.8666666667vw;
  }
}

.drinksmile-labo-content__txt {
  color: #252525;
  letter-spacing: 0.04em;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .drinksmile-labo-content__txt {
    font-size: 1.4641288433vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content__txt {
    font-size: 3.7333333333vw;
    padding-right: 0.8vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-labo-banner {
    margin-top: 16.7642752562vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-banner {
    margin-top: 26.9333333333vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-labo-part + .drinksmile-labo-part {
    margin-top: 2.7086383602vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-part + .drinksmile-labo-part {
    margin-top: 4.5333333333vw;
  }
}

.drinksmile-labo-part__txt {
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .drinksmile-labo-part__txt {
    font-size: 1.4641288433vw;
    line-height: 1.7;
    margin-top: 1.5373352855vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-part__txt {
    font-size: 3.7333333333vw;
    line-height: 1.7;
    margin-top: 4vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-labo-part-list {
    margin-top: 1.4641288433vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-part-list {
    margin-top: 3.4666666667vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-labo-part-img {
    margin-top: 1.5373352855vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-part-img {
    margin-top: 2.4vw;
  }
}

.drinksmile-labo-part__annotation {
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .drinksmile-labo-part__annotation {
    font-size: 1.1713030747vw;
    margin-top: 0.439238653vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-part__annotation {
    font-size: 2.6666666667vw;
    margin-top: 1.6vw;
  }
}

.drinksmile-labo-btn-wrap {
  position: relative;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .drinksmile-labo-btn-wrap {
    width: 27.9648609078vw;
    height: 15.2913616398vw;
    margin-top: 1.0248901903vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-btn-wrap {
    width: 80.2373333333vw;
    height: 53.0213333333vw;
    margin-top: 0.5333333333vw;
  }
}

.drinksmile-labo-btn-img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
@media (min-width: 768px) {
  .drinksmile-labo-btn-img {
    width: 23.1390922401vw;
    top: 0.3660322108vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-btn-img {
    width: 100%;
    top: 1.0666666667vw;
  }
}

.drinksmile-labo__btn {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-inline: auto;
  color: #252525;
  letter-spacing: 0.04em;
  font-weight: bold;
  text-decoration: none;
  background-color: #fff;
  bottom: 0;
  z-index: 2;
}
@media (min-width: 768px) {
  .drinksmile-labo__btn {
    width: 27.6720351391vw;
    height: 4.39238653vw;
    border: 0.1464128843vw solid #5BC2DC;
    font-size: 1.4641288433vw;
    border-radius: 2.9282576867vw;
    -webkit-box-shadow: 0.1464128843vw 0.3660322108vw 0 #5BC2DC;
            box-shadow: 0.1464128843vw 0.3660322108vw 0 #5BC2DC;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  .drinksmile-labo__btn {
    width: 75.4666666667vw;
    height: 16vw;
    border: 0.5333333333vw solid #5BC2DC;
    font-size: 4vw;
    border-radius: 8vw;
    -webkit-box-shadow: 1.0666666667vw 1.0666666667vw 0 #5BC2DC;
            box-shadow: 1.0666666667vw 1.0666666667vw 0 #5BC2DC;
  }
}
@media (hover: hover) {
  .drinksmile-labo__btn {
    cursor: pointer;
    -webkit-transition: background-color 0.4s, -webkit-transform 0.4s, -webkit-box-shadow 0.4s;
    transition: background-color 0.4s, -webkit-transform 0.4s, -webkit-box-shadow 0.4s;
    transition: transform 0.4s, background-color 0.4s, box-shadow 0.4s;
    transition: transform 0.4s, background-color 0.4s, box-shadow 0.4s, -webkit-transform 0.4s, -webkit-box-shadow 0.4s;
  }
  .drinksmile-labo__btn:hover {
    background-color: #5BC2DC;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media (hover: hover) and (min-width: 768px) {
  .drinksmile-labo__btn:hover {
    -webkit-transform: translateX(-50%) translateY(0.3660322108vw);
            transform: translateX(-50%) translateY(0.3660322108vw);
  }
}
@media (hover: hover) and (max-width: 767px) {
  .drinksmile-labo__btn:hover {
    -webkit-transform: translateY(0.3660322108vw);
            transform: translateY(0.3660322108vw);
  }
}

.drinksmile-labo-deco--01 {
  right: 0;
}
@media (min-width: 768px) {
  .drinksmile-labo-deco--01 {
    top: 2.8550512445vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-deco--01 {
    top: 54.9333333333vw;
  }
}

.drinksmile-labo-deco--02 {
  left: 0;
}
@media (min-width: 768px) {
  .drinksmile-labo-deco--02 {
    bottom: -11.1273792094vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-deco--02 {
    bottom: -4.2666666667vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-event-container {
    padding-top: 12.298682284vw;
    padding-bottom: 11.3469985359vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-container {
    padding-top: 30.1333333333vw;
    padding-bottom: 11.7333333333vw;
  }
}

.drinksmile-event__title {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .drinksmile-event__title {
    width: 21.8155197657vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event__title {
    width: 39.4666666667vw;
  }
}

.drinksmile-event-content {
  background-color: #fff;
}
@media (min-width: 768px) {
  .drinksmile-event-content {
    width: 100%;
    margin-top: 5.7833089312vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-content {
    margin-top: 9.0666666667vw;
  }
}

.drinksmile-event-content__title {
  background-color: #5BC2DC;
  color: #252525;
  text-align: center;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .drinksmile-event-content__title {
    font-size: 1.756954612vw;
    padding: 0.878477306vw 0 0.9516837482vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-content__title {
    font-size: 4.2666666667vw;
    padding: 2.1333333333vw 0 2.6666666667vw;
  }
}

.drinksmile-event-content-border {
  border: solid 2px #5BC2DC;
  border-top: none;
}

.drinksmile-event-content-inner {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .drinksmile-event-content-inner {
    width: 82.1376281113vw;
    padding-top: 2.196193265vw;
    padding-bottom: 1.9765739385vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-content-inner {
    width: 77.3333333333vw;
    padding-top: 4.2666666667vw;
    padding-bottom: 2.6666666667vw;
  }
}

.drinksmile-event-content__txt {
  color: #252525;
  letter-spacing: 0.04em;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .drinksmile-event-content__txt {
    font-size: 1.4641288433vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-content__txt {
    font-size: 3.7333333333vw;
    padding-right: 0.8vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-event-banner {
    margin-top: 16.7642752562vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-banner {
    margin-top: 26.9333333333vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-event-area {
    margin-top: 4.39238653vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-area {
    margin-top: 9.8666666667vw;
    padding-right: 0.8vw;
  }
}

.drinksmile-event-area__txt {
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .drinksmile-event-area__txt {
    font-size: 1.4641288433vw;
    line-height: 1.7;
    margin-top: 1.5373352855vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-area__txt {
    font-size: 3.7333333333vw;
    line-height: 1.7;
    margin-top: 4vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-event-area__txt + .drinksmile-event-area__txt {
    margin-top: 0.878477306vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-area__txt + .drinksmile-event-area__txt {
    margin-top: 3.2vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-event-area-list {
    margin-top: 1.4641288433vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-area-list {
    margin-top: 3.4666666667vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-event-area-img {
    margin-top: 1.5373352855vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-area-img {
    margin-top: 2.4vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-event-exhibition {
    margin-top: 4.2459736457vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-exhibition {
    margin-top: 9.0666666667vw;
    padding-left: 0.8vw;
  }
}

.drinksmile-event-exhibition__txt {
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .drinksmile-event-exhibition__txt {
    font-size: 1.4641288433vw;
    line-height: 1.7;
    margin-top: 1.6837481698vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-exhibition__txt {
    font-size: 3.7333333333vw;
    line-height: 1.7;
    margin-top: 4vw;
    margin-right: -0.2666666667vw;
  }
}
@media (min-width: 768px) {
  .drinksmile-event-exhibition__txt sup {
    top: -0.5124450952vw;
    font-size: 60%;
  }
}

.drinksmile-event-exhibition__annotation {
  letter-spacing: 0.04em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .drinksmile-event-exhibition__annotation {
    font-size: 1.1713030747vw;
    line-height: 2.125;
    margin-top: 0.1464128843vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-exhibition__annotation {
    font-size: 2.6666666667vw;
    line-height: 1.4;
    margin-top: 1.8666666667vw;
  }
}
.drinksmile-event-exhibition__annotation::before {
  content: "※";
  display: block;
}
@media (min-width: 768px) {
  .drinksmile-event-exhibition__annotation::before {
    font-size: 1.1713030747vw;
    line-height: 2.125;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-exhibition__annotation::before {
    font-size: 2.6666666667vw;
    line-height: 1.4;
  }
}

@media (min-width: 768px) {
  .drinksmile-event-exhibition-list {
    margin-top: 1.9765739385vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-exhibition-list {
    margin-top: 4.2666666667vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-event-banner-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .drinksmile-event-banner-list__item {
    width: 42.4597364568vw;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-banner-list__item + .drinksmile-event-banner-list__item {
    margin-top: 4.2666666667vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-event-deco--01 {
    top: 14.5680819912vw;
    right: 0;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-deco--01 {
    top: 36.2666666667vw;
    right: 4vw;
  }
}

.drinksmile-event-deco--02 {
  left: 0;
}
@media (min-width: 768px) {
  .drinksmile-event-deco--02 {
    bottom: 27.5256222548vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-event-deco--02 {
    bottom: 70.6666666667vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-event-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    row-gap: 1.5373352855vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-event-list__item {
    width: 40.1171303075vw;
  }
}

@media (max-width: 767px) {
  .drinksmile-event-list__item + .drinksmile-event-list__item {
    margin-top: 1.8666666667vw;
  }
}