@charset "UTF-8";
@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 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2.8696925329vw;
       -moz-column-gap: 2.8696925329vw;
            column-gap: 2.8696925329vw;
    padding-top: 8.9311859444vw;
    padding-bottom: 5.6368960469vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-kv-inner {
    padding-top: 11.2vw;
    padding-bottom: 23.4666666667vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-seminar-kv-img {
    width: 34.1010248902vw;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-top: 4.3191800878vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-kv-img {
    width: 63.9493333333vw;
    margin-inline: auto;
  }
}

.drinksmile-seminar-kv-right__ttl {
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #5bc2dc;
}
@media (min-width: 768px) {
  .drinksmile-seminar-kv-right__ttl {
    font-size: 1.756954612vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-seminar-kv-right__ttl {
    font-size: 4.2666666667vw;
    text-align: center;
    margin-top: 5.3333333333vw;
  }
}

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

@media (min-width: 768px) {
  .drinksmile-labo-kv-deco-01 {
    top: 1.8301610542vw;
    right: 0;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-kv-deco-01 {
    bottom: 6.4vw;
    left: 0;
  }
}

@media (max-width: 767px) {
  .drinksmile-labo-container {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .drinksmile-labo-content-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2.9282576867vw;
       -moz-column-gap: 2.9282576867vw;
            column-gap: 2.9282576867vw;
  }
}

@media (max-width: 767px) {
  .drinksmile-labo-content-left {
    width: 87.2vw;
    margin-inline: auto;
  }
}

@media (min-width: 768px) {
  .drinksmile-labo-content__ttl {
    margin-top: 5.4904831625vw;
    margin-bottom: 2.5622254758vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content__ttl {
    margin-bottom: 5.3333333333vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-labo-content__ttl-01 {
    width: 27.0453879941vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content__ttl-01 {
    width: 82.6533333333vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-labo-content__ttl-02 {
    width: 29.3089311859vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content__ttl-02 {
    width: 67.12vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-labo-content__ttl-03 {
    width: 26.3777452416vw;
    margin-top: 0.439238653vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content__ttl-03 {
    width: 60.4586666667vw;
  }
}

.drinksmile-labo-content__subttl {
  font-weight: bold;
  letter-spacing: 0.04em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .drinksmile-labo-content__subttl {
    font-size: 1.756954612vw;
    line-height: 1.4166666667;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content__subttl {
    font-size: 4.2666666667vw;
    line-height: 1.4875;
  }
}
.drinksmile-labo-content__subttl::before {
  content: "";
  display: block;
  background-image: url(../../labo/asset/images/drinksmile_labo_icon_01.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .drinksmile-labo-content__subttl::before {
    width: 1.9260614934vw;
    height: 2.2884333821vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content__subttl::before {
    width: 5.0666666667vw;
    height: 5.8666666667vw;
  }
}

.drinksmile-labo-content__txt {
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .drinksmile-labo-content__txt {
    font-size: 1.4641288433vw;
    line-height: 1.7;
    margin-top: 1.6105417277vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content__txt {
    font-size: 3.7333333333vw;
    line-height: 1.7;
    margin-top: 1.6vw;
  }
}
.drinksmile-labo-content__txt .-underline {
  text-decoration: underline;
  -webkit-text-decoration-color: #5BC2DC;
          text-decoration-color: #5BC2DC;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
@media (min-width: 768px) {
  .drinksmile-labo-content__txt .-underline {
    text-decoration-thickness: 0.7320644217vw;
    text-underline-offset: -2px;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content__txt .-underline {
    text-decoration-thickness: 1.6vw;
    text-underline-offset: -2px;
  }
}

@media (min-width: 768px) {
  .drinksmile-labo-content-right-img {
    width: 48.8286969253vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content-right-img {
    width: 93.6vw;
    margin-top: 5.3333333333vw;
  }
}

.drinksmile-labo-content__annotation {
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .drinksmile-labo-content__annotation {
    font-size: 1.1713030747vw;
    line-height: 1.4;
    margin-top: 0.3660322108vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content__annotation {
    font-size: 2.6666666667vw;
    line-height: 1.4;
    margin-top: 1.3333333333vw;
  }
}
.drinksmile-labo-content__annotation::before {
  content: "※";
  display: block;
}
@media (min-width: 768px) {
  .drinksmile-labo-content__annotation::before {
    font-size: 1.1713030747vw;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content__annotation::before {
    font-size: 2.6666666667vw;
    line-height: 1.4;
  }
}

.drinksmile-labo-content-02 .drinksmile-labo-content-inner {
  position: relative;
}
@media (min-width: 768px) {
  .drinksmile-labo-content-02 {
    margin-top: 8.78477306vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content-02 {
    margin-top: 20.5333333333vw;
  }
}
@media (min-width: 768px) {
  .drinksmile-labo-content-02 .drinksmile-labo-content-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content-02 .drinksmile-labo-content-right-img {
    margin-top: 4.5333333333vw;
    margin-left: auto;
  }
}

.drinksmile-labo-content-03 .drinksmile-labo-content-inner {
  position: relative;
}
@media (min-width: 768px) {
  .drinksmile-labo-content-03 {
    margin-top: 8.4187408492vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content-03 {
    margin-top: 20.8vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content-03 .drinksmile-labo-content__txt {
    margin-top: 0.8vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-content-03 .drinksmile-labo-content-right-img {
    margin-top: 5.8666666667vw;
  }
}

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

@media (min-width: 768px) {
  .drinksmile-labo-deco-02 {
    top: -4.7584187408vw;
    right: 0;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-deco-02 {
    right: 6.6666666667vw;
    top: -16.2666666667vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-labo-research {
    width: 86.82284041vw;
    margin-inline: auto;
    padding-top: 9.0775988287vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-research {
    padding-top: 13.3333333333vw;
  }
}

.drinksmile-labo-research-inner {
  position: relative;
}

@media (min-width: 768px) {
  .drinksmile-labo-research__ttl {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-research__ttl {
    width: 87.2vw;
    margin-inline: auto;
  }
}

@media (min-width: 768px) {
  .drinksmile-labo-research-content {
    margin-top: 2.5256222548vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-research-content {
    margin-top: 4.8vw;
  }
}

.drinksmile-labo-research-content-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .drinksmile-labo-research-content-list {
    -webkit-column-gap: 1.9033674963vw;
       -moz-column-gap: 1.9033674963vw;
            column-gap: 1.9033674963vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-research-content-list {
    width: 145.6vw !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 4vw;
       -moz-column-gap: 4vw;
            column-gap: 4vw;
  }
}

@media (min-width: 768px) {
  .drinksmile-labo-research-content-list-item {
    width: 27.6720351391vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-research-content-list-item {
    width: 41.6vw !important;
  }
}
.drinksmile-labo-research-content-list-item a {
  text-decoration: none;
  pointer-events: none;
}
@media (min-width: 768px) {
  .drinksmile-labo-research-content-list-item a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    cursor: pointer;
  }
}
@media (min-width: 768px) {
  .drinksmile-labo-research-content-list-item a:hover {
    opacity: 0.7;
  }
}

.drinksmile-labo-research-content-list-item-img {
  pointer-events: all;
}

.drinksmile-labo-research-content-list-item__ttl {
  font-weight: 500;
  letter-spacing: 0.04em;
  pointer-events: all;
}
@media (min-width: 768px) {
  .drinksmile-labo-research-content-list-item__ttl {
    font-size: 1.1713030747vw;
    text-align: center;
    margin-top: 0.5856515373vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-research-content-list-item__ttl {
    font-size: 3.2vw;
    text-align: center;
    margin-top: 0.8vw;
  }
}
.drinksmile-labo-research-content-list-item__ttl::after {
  content: "";
  display: block;
  margin-inline: auto;
  background-color: #5BC2DC;
}
@media (min-width: 768px) {
  .drinksmile-labo-research-content-list-item__ttl::after {
    width: 1.4641288433vw;
    height: 0.1464128843vw;
    margin-top: 0.5124450952vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-research-content-list-item__ttl::after {
    width: 5.3333333333vw;
    height: 0.5333333333vw;
    margin-top: 1.8666666667vw;
  }
}

.drinksmile-labo-research-content-list-item__txt {
  font-weight: 500;
  letter-spacing: 0.04em;
  pointer-events: all;
}
@media (min-width: 768px) {
  .drinksmile-labo-research-content-list-item__txt {
    font-size: 1.1713030747vw;
    text-align: center;
    margin-top: 0.5124450952vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-research-content-list-item__txt {
    font-size: 3.2vw;
    text-align: center;
    margin-top: 1.8666666667vw;
  }
}

@media (max-width: 767px) {
  .swiper-outer {
    position: relative;
    width: 100%;
    padding-bottom: 7.4666666667vw;
  }
}

@media (max-width: 767px) {
  .swiper-scrollbar-horizontal {
    width: 87.2vw !important;
    height: 2.1333333333vw !important;
    background: transparent;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
}
@media (max-width: 767px) {
  .swiper-scrollbar-horizontal::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    background: #5BC2DC;
    width: 100%;
    height: 1px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media (max-width: 767px) {
  .swiper-scrollbar-drag {
    height: 2.1333333333vw !important;
    background: #5BC2DC;
    border-radius: 1.6vw;
    opacity: 1 !important; /* 常に見せる */
    left: 0 !important;
    top: 0 !important;
  }
}

@media (min-width: 768px) {
  .drinksmile-labo-research-deco {
    bottom: -11.420204978vw;
    left: -0.1464128843vw;
    width: 8.5651537335vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-labo-research-deco {
    left: 6.4vw;
    bottom: -28.5333333333vw;
  }
}

.drinksmile-banner {
  position: relative;
}
@media (min-width: 768px) {
  .drinksmile-banner {
    margin-top: 16.8374816984vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-banner {
    margin-top: 36.5333333333vw;
  }
}

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

@media (min-width: 768px) {
  .drinksmile-btnarea {
    margin-top: 9.5168374817vw;
    margin-bottom: 6.149341142vw;
  }
}
@media (max-width: 767px) {
  .drinksmile-btnarea {
    margin-top: 13.6vw;
    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/seminar/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;
  }
}