@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
body {
  font-family: "Noto Sans JP", sans-serif;
  color: #252525;
}

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

img {
  width: 100%;
}

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

@media (max-width: 767px) {
  .drinksmile-inner {
    width: 100%;
    overflow: hidden;
  }
}

.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: 7.5915080527vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-deco-01 {
    width: 11.3626666667vw;
  }
}
.drinksmile-deco-02 {
  position: absolute;
}
@media (min-width: 768px) {
  .drinksmile-deco-02 {
    width: 8.2906295754vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-deco-02 {
    width: 11.3626666667vw;
  }
}

.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-seminar-kv-inner {
    padding-top: 9.1508052709vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-kv-inner {
    padding-top: 10.9333333333vw;
  }
}

.drinksmile-seminar-kv-img {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .drinksmile-seminar-kv-img {
    width: 34.0738653001vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-kv-img {
    width: 63.9493333333vw;
  }
}

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

.drinksmile-movie-container {
  position: relative;
}
@media (min-width: 768px) {
  .drinksmile-movie-container {
    padding-top: 5.4904831625vw;
    padding-bottom: 17.7891654466vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie-container {
    padding-top: 5.6vw;
    padding-bottom: 29.3333333333vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-movie-content {
    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;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    row-gap: 3.953147877vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-movie__item {
    width: 40.9956076135vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie__item {
    width: 87.2vw;
  }
}
@media (min-width: 768px) {
  .drinksmile-movie__item iframe {
    width: 40.9956076135vw;
    height: 23.0600292826vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie__item iframe {
    width: 87.2vw;
    height: 49.0666666667vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie__item + .drinksmile-movie__item {
    margin-top: 7.7333333333vw;
  }
}

.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;
  }
}

@media (min-width: 768px) {
  .drinksmile-movie-deco {
    bottom: 5.4172767204vw;
    left: -0.1464128843vw;
    width: 8.5651537335vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-movie-deco {
    left: 0;
    bottom: 9.3333333333vw;
  }
}

.drinksmile-banner {
  position: relative;
}

@media (min-width: 768px) {
  .drinksmile-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-banner-list__item {
    width: 42.4597364568vw;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .drinksmile-banner-list__item + .drinksmile-banner-list__item {
    margin-top: 4.2666666667vw;
  }
}

.drinksmile-btnarea {
  position: relative;
}
@media (min-width: 768px) {
  .drinksmile-btnarea {
    margin-top: 11.3469985359vw;
    margin-bottom: 6.149341142vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-btnarea {
    margin-top: 20.2666666667vw;
    margin-bottom: 3.7333333333vw;
  }
}

.drinksmile-btnarea__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-btnarea__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;
    -webkit-column-gap: 1.756954612vw;
       -moz-column-gap: 1.756954612vw;
            column-gap: 1.756954612vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-btnarea__btn {
    width: 86.4vw;
    height: 16vw;
    border: 0.5333333333vw solid #5BC2DC;
    font-size: 3.7333333333vw;
    border-radius: 8vw;
    -webkit-box-shadow: 0.8vw 1.0666666667vw 0 #5BC2DC;
            box-shadow: 0.8vw 1.0666666667vw 0 #5BC2DC;
    -webkit-column-gap: 4.2666666667vw;
       -moz-column-gap: 4.2666666667vw;
            column-gap: 4.2666666667vw;
  }
}
@media (hover: hover) {
  .drinksmile-btnarea__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-btnarea__btn:hover {
    background-color: #5BC2DC;
    -webkit-transform: translateY(0.3660322108vw);
            transform: translateY(0.3660322108vw);
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.drinksmile-btnarea__btn::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/arp/drinksmile/movie/asset/images/drinksmile_arrow_01.svg);
}
@media (min-width: 768px) {
  .drinksmile-btnarea__btn::before {
    width: 1.4641288433vw;
    height: 1.317715959vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-btnarea__btn::before {
    width: 5.6vw;
    height: 3.2vw;
  }
}

@media (max-width: 767px) {
  .u-pc {
    display: none;
  }
}

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