@charset "utf-8";
.web__container, .cm__container, .thought__container, .product__container, .seihou__container, .lead__container {
  box-sizing: content-box !important;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .web__container, .cm__container, .thought__container, .product__container, .seihou__container, .lead__container {
    max-width: 92vw;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 375px) {
  .web__container, .cm__container, .thought__container, .product__container, .seihou__container, .lead__container {
    max-width: 100%;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

.web__link, .cm-slider__prev, .cm-slider__next, .product__button, .content-nav__link, .link {
  color: inherit;
  transition: opacity 0.3s;
  cursor: pointer;
}
.web__link:hover, .cm-slider__prev:hover, .cm-slider__next:hover, .product__button:hover, .content-nav__link:hover, .link:hover {
  opacity: 0.7;
}

.thought__text, .product__team, .product__date, .seihou__text {
  font-size: 1.6rem;
  font-weight: 500;
  font-feature-settings: "palt";
  line-height: 1.75;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1240px) {
  .thought__text, .product__team, .product__date, .seihou__text {
    font-size: 1.2903225806vw;
  }
}
@media screen and (max-width: 768px) {
  .thought__text, .product__team, .product__date, .seihou__text {
    font-size: 3.7333333333vw;
    line-height: 1.6428571429;
  }
}
.cm-slider__title, .product__team, .product__date, .seihou__text {
  text-shadow: 0px 2px 1px rgba(141, 15, 20, 0.5);
}
@media screen and (max-width: 768px) {
  .cm-slider__title, .product__team, .product__date, .seihou__text {
    text-shadow: 0px 0.2666666667vw 0.1333333333vw rgba(141, 15, 20, 0.5);
  }
}

.web__thum .imgcover, .cm-slider__img .imgcover, .thought__img--01 .imgcover, .thought__img--02 .imgcover, .thought__img--03 .imgcover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
}

/* common:start */
[v-cloak] {
  display: none;
}

@media screen and (max-width: 768px) {
  .pcOnly {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .spOnly {
    display: none !important;
  }
}

.js-fade {
  opacity: 0;
  transition: 0.4s all;
  transform: translateY(5%);
}
.js-fade-active {
  opacity: 1;
  transform: translateX(0) translateY(0);
}

.bg-foot {
  position: relative;
  z-index: 2;
  background-color: #fff;
  padding-top: 15px;
}

.bg-foot {
  position: relative;
  z-index: 2;
  background-color: #fff;
  padding-top: 15px;
}

@media screen and (max-width: 1080px) {
  .str-header-kirin:not(.is-slideout) ~ .str-main .content-nav {
    top: 64px;
  }
}

.modal__mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9001;
  background-color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
}
.modal__movie {
  display: none;
  position: fixed;
  max-width: 80vw;
  max-height: 90vh;
  padding-top: 65px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9002;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .modal__movie {
    padding-top: 10.6666666667vw;
  }
}
.modal__movie-inner {
  position: relative;
  width: 1000px;
  max-width: 80vw;
  overflow: hidden;
  padding-bottom: 56.25%;
}
.modal__close {
  position: absolute;
  top: 30px;
  right: 1px;
  width: 25px;
  height: 25px;
  z-index: 9002;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  margin: 0;
  padding: 0;
  appearance: none;
}
@media screen and (max-width: 768px) {
  .modal__close {
    top: 4vw;
    width: 4.9333333333vw;
    height: 4.9333333333vw;
  }
}
.modal__close:focus-visible {
  outline: 1px solid #fff;
}
.modal iframe {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* common:end */
/* kv:start */
.kv__container {
  background-color: #a7161d;
}
.kv__img {
  max-width: 1920px;
  margin-inline: auto;
  overflow: hidden;
}
@media screen and (max-width: 1080px) {
  .kv__img {
    padding-top: 65px;
  }
}
@media screen and (max-width: 768px) {
  .kv__img {
    max-width: 100%;
    padding-top: 0;
  }
}
.kv__img img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* kv:end */
.content-nav__item--02, .content-nav__item {
  position: relative;
}
.content-nav__item--02 + .content-nav__item--02::before, .content-nav__item + .content-nav__item--02::before, .content-nav__item--02 + .content-nav__item::before, .content-nav__item + .content-nav__item::before {
  display: block;
  position: absolute;
  top: 25px;
  left: 0;
  width: 1px;
  height: 16px;
  background-color: #fff;
  content: "";
}
@media screen and (max-width: 1240px) {
  .content-nav__item--02 + .content-nav__item--02::before, .content-nav__item + .content-nav__item--02::before, .content-nav__item--02 + .content-nav__item::before, .content-nav__item + .content-nav__item::before {
    top: 2.0161290323vw;
    height: 1.2903225806vw;
  }
}
@media screen and (max-width: 768px) {
  .content-nav__item--02 + .content-nav__item--02::before, .content-nav__item + .content-nav__item--02::before, .content-nav__item--02 + .content-nav__item::before, .content-nav__item + .content-nav__item::before {
    top: 3.3333333333vw;
    width: 0.2666666667vw;
    height: 5.0666666667vw;
  }
}
@media screen and (max-width: 320px) {
  .content-nav__item--02 + .content-nav__item--02::before, .content-nav__item + .content-nav__item--02::before, .content-nav__item--02 + .content-nav__item::before, .content-nav__item + .content-nav__item::before {
    top: 10px;
    width: 1px;
    height: 16px;
  }
}

/* content:start */
.content {
  font-family: "Noto Sans JP", sans-serif;
}
.content__container {
  background-color: #a7161d;
}
.content-nav {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
  transition: top 0.4s;
  width: 100%;
  overflow: hidden;
}
.content-nav__list {
  display: flex;
  justify-content: center;
  background-color: #a7161d;
}
@media screen and (max-width: 768px) {
  .content-nav__list {
    flex-wrap: wrap;
    margin-left: -2.6666666667vw;
    margin-right: -2.6666666667vw;
    padding-top: 6vw;
    padding-bottom: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .content-nav__item + .content-nav__item--02::before {
    content: none;
  }
}
.content-nav__link {
  display: block;
  font-size: 1.8rem;
  font-feature-settings: "palt";
  line-height: 1;
  letter-spacing: 0.06em;
  color: #fff;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 34px;
  padding-right: 34px;
  cursor: pointer;
}
@media screen and (max-width: 1240px) {
  .content-nav__link {
    font-size: 1.4516129032vw;
    padding-top: 1.935483871vw;
    padding-bottom: 1.935483871vw;
    padding-left: 2.7419354839vw;
    padding-right: 2.7419354839vw;
  }
}
@media screen and (max-width: 768px) {
  .content-nav__link {
    font-size: 4.8vw;
    padding-top: 2.6666666667vw;
    padding-bottom: 2.6666666667vw;
    padding-left: 3.8666666667vw;
    padding-right: 3.8666666667vw;
  }
}
@media screen and (max-width: 320px) {
  .content-nav__link {
    font-size: 1.5rem;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.content img {
  width: 100%;
}

/* content:end */
/* lead:start */
.lead__container {
  padding-top: 250px;
}
@media screen and (max-width: 1240px) {
  .lead__container {
    padding-top: 20.1612903226vw;
  }
}
@media screen and (max-width: 768px) {
  .lead__container {
    padding-top: 20vw;
  }
}
.lead__content {
  position: relative;
}
.lead__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .lead__text {
    position: static;
    margin-top: 15.3333333333vw;
  }
}

/* lead:end */
.seihou__step-03, .seihou__step-02, .seihou__step-01 {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .seihou__step-03 + .seihou__step-03, .seihou__step-02 + .seihou__step-03, .seihou__step-03 + .seihou__step-02, .seihou__step-02 + .seihou__step-02, .seihou__step-01 + .seihou__step-03, .seihou__step-01 + .seihou__step-02, .seihou__step-03 + .seihou__step-01, .seihou__step-02 + .seihou__step-01, .seihou__step-01 + .seihou__step-01 {
    margin-top: 33.3333333333vw;
  }
}
.seihou__step-02::after, .seihou__step-01::after {
  position: absolute;
  top: 28px;
  right: 60px;
  display: block;
  width: 0;
  height: 0;
  border-left: 25px solid #fff;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  content: "";
}
@media screen and (max-width: 1240px) {
  .seihou__step-02::after, .seihou__step-01::after {
    top: 1.6129032258vw;
    right: 4.8387096774vw;
    border-left-width: 2.0161290323vw;
    border-top-width: 1.5322580645vw;
    border-bottom-width: 1.5322580645vw;
  }
}
@media screen and (max-width: 768px) {
  .seihou__step-02::after, .seihou__step-01::after {
    top: auto;
    right: auto;
    left: 50%;
    bottom: -16.6666666667vw;
    transform: translateX(-50%) rotate(90deg);
    border-left-width: 7.2vw;
    border-top-width: 5.3333333333vw;
    border-bottom-width: 5.3333333333vw;
  }
}

/* seihou:start */
.seihou__container {
  position: relative;
  padding-top: 250px;
}
@media screen and (max-width: 1240px) {
  .seihou__container {
    padding-top: 20.1612903226vw;
  }
}
@media screen and (max-width: 768px) {
  .seihou__container {
    padding-top: 32vw;
  }
}
.seihou__content {
  margin-top: 45px;
}
@media screen and (max-width: 1240px) {
  .seihou__content {
    margin-top: 3.6290322581vw;
  }
}
@media screen and (max-width: 768px) {
  .seihou__content {
    margin-top: 10vw;
  }
}
.seihou__steps {
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .seihou__steps {
    width: 100%;
    display: block;
  }
}
.seihou__step-01 {
  width: 37.6666666667%;
}
@media screen and (max-width: 768px) {
  .seihou__step-01 {
    width: 100%;
  }
}
.seihou__step-02 {
  width: 37.6666666667%;
}
@media screen and (max-width: 768px) {
  .seihou__step-02 {
    width: 100%;
  }
}
.seihou__step-03 {
  width: 24.6666666667%;
}
@media screen and (max-width: 768px) {
  .seihou__step-03 {
    width: 100%;
  }
}
.seihou__img {
  display: block;
}
.seihou__img-01 {
  display: block;
  width: 69.9115044248%;
}
@media screen and (max-width: 768px) {
  .seihou__img-01 {
    width: 100%;
  }
}
.seihou__inner {
  margin-top: 40px;
}
@media screen and (max-width: 1240px) {
  .seihou__inner {
    margin-top: 3.2258064516vw;
  }
}
@media screen and (max-width: 768px) {
  .seihou__inner {
    margin-top: 5.3333333333vw;
  }
}
.seihou__inner-02 {
  margin-top: 25px;
}
@media screen and (max-width: 1240px) {
  .seihou__inner-02 {
    margin-top: 2.0161290323vw;
  }
}
@media screen and (max-width: 768px) {
  .seihou__inner-02 {
    margin-top: 5.3333333333vw;
  }
}
.seihou__text {
  font-size: 2rem;
  line-height: 1.75;
  margin-top: 16px;
  max-width: 340px;
  color: #fff;
}
@media screen and (max-width: 1240px) {
  .seihou__text {
    font-size: 1.6129032258vw;
    margin-top: 1.2903225806vw;
    max-width: 27.4193548387vw;
  }
}
@media screen and (max-width: 768px) {
  .seihou__text {
    font-size: 5.3333333333vw;
    line-height: 1.65;
    margin-top: 4.6666666667vw;
    max-width: 100%;
  }
}
.seihou__note {
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 1240px) {
  .seihou__note {
    font-size: 1.2903225806vw;
  }
}
@media screen and (max-width: 768px) {
  .seihou__note {
    font-size: 4.2666666667vw;
  }
}

/* seihou:end */
.product__date, .product__team {
  font-size: 2.8rem;
  line-height: 1.5714285714;
  color: #fff;
}
@media screen and (max-width: 1240px) {
  .product__date, .product__team {
    font-size: 2.2580645161vw;
  }
}
@media screen and (max-width: 768px) {
  .product__date, .product__team {
    font-size: 5.3333333333vw;
    line-height: 1.65;
  }
}
@media screen and (max-width: 320px) {
  .product__date, .product__team {
    font-size: 17px;
  }
}

/* product:start */
.product {
  overflow: hidden;
}
.product__container {
  position: relative;
  padding-top: 200px;
  padding-bottom: 150px;
}
@media screen and (max-width: 1240px) {
  .product__container {
    padding-top: 16.1290322581vw;
    padding-bottom: 12.0967741935vw;
  }
}
@media screen and (max-width: 768px) {
  .product__container {
    padding-top: 26.6666666667vw;
    padding-bottom: 26.6666666667vw;
  }
}
.product__content {
  position: relative;
  margin-top: 125px;
}
@media screen and (max-width: 1240px) {
  .product__content {
    margin-top: 10.0806451613vw;
  }
}
@media screen and (max-width: 768px) {
  .product__content {
    margin-top: 13.3333333333vw;
  }
}
.product__list {
  position: relative;
  z-index: 1;
}
.product__item {
  display: flex;
}
.product__item + .product__item {
  margin-top: 26px;
}
@media screen and (max-width: 1240px) {
  .product__item + .product__item {
    margin-top: 2.0967741935vw;
  }
}
@media screen and (max-width: 768px) {
  .product__item + .product__item {
    margin-top: 5.3333333333vw;
  }
}
.product__team {
  width: 200px;
}
@media screen and (max-width: 1240px) {
  .product__team {
    width: 16.1290322581vw;
  }
}
@media screen and (max-width: 768px) {
  .product__team {
    width: 35.3333333333vw;
    min-width: 113px;
  }
}
.product__date {
  font-weight: 400;
  width: 600px;
  padding-left: 0.5em;
  text-indent: -0.5em;
}
@media screen and (max-width: 1240px) {
  .product__date {
    width: 48.3870967742vw;
  }
}
@media screen and (max-width: 768px) {
  .product__date {
    width: 56.6666666667vw;
    min-width: 181px;
  }
}
.product__img {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .product__img {
    position: static;
    width: 100vw;
    min-width: 320px;
    margin-top: 26.6666666667vw;
    margin-left: -4vw;
  }
}
.product__button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  font-size: 2.2rem;
  text-align: center;
  width: 308px;
  height: 80px;
  margin-top: 110px;
  margin-left: auto;
  margin-right: auto;
  background-color: #a37b35;
  color: #fff;
}
@media screen and (max-width: 1240px) {
  .product__button {
    font-size: 1.7741935484vw;
    width: 24.8387096774vw;
    height: 6.4516129032vw;
    margin-top: 8.8709677419vw;
  }
}
@media screen and (max-width: 768px) {
  .product__button {
    font-size: 5.8666666667vw;
    width: 85.3333333333vw;
    height: 22.1333333333vw;
    margin-top: 14vw;
  }
}
@media screen and (max-width: 320px) {
  .product__button {
    font-size: 18px;
    width: 273px;
    height: 70px;
  }
}

/* product:end */
/* gallery:start */
.gallery__content {
  overflow: hidden;
}
.gallery-slider__slide-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gallery-slider__slide-inner .imgcover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
}
.gallery .swiper-wrapper {
  transition-timing-function: linear;
}

/* gallery:end */
.thought__img--03, .thought__img--02, .thought__img--01 {
  position: relative;
}
@media screen and (max-width: 768px) {
  .thought__img--03, .thought__img--02, .thought__img--01 {
    width: 100vw;
    margin-left: -4vw;
    min-width: 320px;
  }
}
@media screen and (max-width: 375px) {
  .thought__img--03, .thought__img--02, .thought__img--01 {
    margin-right: -4vw;
  }
}
/* thought:start */
.thought {
  overflow: hidden;
}
.thought__container {
  position: relative;
  padding-top: 190px;
}
@media screen and (max-width: 1240px) {
  .thought__container {
    padding-top: 15.3225806452vw;
  }
}
@media screen and (max-width: 768px) {
  .thought__container {
    padding-top: 26.6666666667vw;
  }
}
.thought__content {
  position: relative;
  margin-top: 50px;
}
@media screen and (max-width: 1240px) {
  .thought__content {
    margin-top: 4.0322580645vw;
  }
}
@media screen and (max-width: 768px) {
  .thought__content {
    margin-top: 9.3333333333vw;
  }
}
.thought__list {
  display: flex;
  justify-content: space-between;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .thought__list {
    display: block;
    width: 100%;
  }
}
.thought__item, .thought__item--02 {
  position: relative;
  width: 29.8245614035%;
}
@media screen and (max-width: 768px) {
  .thought__item, .thought__item--02 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .thought__item + .thought__item, .thought__item--02 + .thought__item, .thought__item + .thought__item--02, .thought__item--02 + .thought__item--02 {
    margin-top: 20vw;
  }
}
.thought__item--02 {
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .thought__img--01 {
    width: 111.4705882353%;
    margin-left: -2.4193548387vw;
  }
}
@media screen and (min-width: 1241px) {
  .thought__img--01 {
    margin-left: -30px;
  }
}
@media screen and (min-width: 769px) {
  .thought__img--02 {
    width: 148.5294117647%;
    margin-left: -4.8387096774vw;
  }
}
@media screen and (min-width: 1241px) {
  .thought__img--02 {
    margin-left: -60px;
  }
}
@media screen and (min-width: 769px) {
  .thought__img--03 {
    width: 115.8823529412%;
    margin-left: -2.0161290323vw;
  }
}
@media screen and (min-width: 1241px) {
  .thought__img--03 {
    margin-left: -25px;
  }
}
.thought__text {
  margin-top: 30px;
  color: #fff;
}
@media screen and (max-width: 1240px) {
  .thought__text {
    margin-top: 2.4193548387vw;
  }
}
@media screen and (max-width: 768px) {
  .thought__text {
    font-size: 4.2666666667vw;
    line-height: 1.6875;
    margin-top: 8.6666666667vw;
  }
}

/* product:end */
.cm-slider__next, .cm-slider__prev {
  top: 0;
  width: 55px;
  height: 568px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  margin: 0;
  padding: 0;
  appearance: none;
}
@media screen and (max-width: 1240px) {
  .cm-slider__next, .cm-slider__prev {
    width: 4.435483871vw;
    height: 45.8064516129vw;
  }
}
@media screen and (max-width: 768px) {
  .cm-slider__next, .cm-slider__prev {
    width: 4.1333333333vw;
    height: 43.4666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .cm-slider__next, .cm-slider__prev {
    width: 13px;
    height: 139px;
  }
}
.cm-slider__next::before, .cm-slider__prev::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-left: 55px solid #fff;
  border-top: 67.5px solid transparent;
  border-bottom: 67.5px solid transparent;
  content: "";
}
@media screen and (max-width: 1240px) {
  .cm-slider__next::before, .cm-slider__prev::before {
    border-left-width: 4.435483871vw;
    border-top-width: 5.4435483871vw;
    border-bottom-width: 5.4435483871vw;
  }
}
@media screen and (max-width: 768px) {
  .cm-slider__next::before, .cm-slider__prev::before {
    border-left-width: 4.1333333333vw;
    border-top-width: 5.2vw;
    border-bottom-width: 5.2vw;
  }
}
.cm-slider__next::after, .cm-slider__prev::after {
  content: none;
}

/* cm:start */
.cm__container {
  padding-top: 220px;
}
@media screen and (max-width: 1240px) {
  .cm__container {
    padding-top: 17.7419354839vw;
  }
}
@media screen and (max-width: 768px) {
  .cm__container {
    padding-top: 41.3333333333vw;
  }
}
.cm__content {
  position: relative;
  margin-top: 70px;
}
@media screen and (max-width: 1240px) {
  .cm__content {
    margin-top: 5.6451612903vw;
  }
}
@media screen and (max-width: 768px) {
  .cm__content {
    margin-top: 10.6666666667vw;
  }
}
.cm-slider {
  width: 84.1666666667%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .cm-slider {
    width: 84.0579710145%;
  }
}
.cm-slider__inner {
  display: flex;
  justify-content: center;
  padding-top: 82px;
  opacity: 0;
  transition: opacity 0.4s;
  transition-delay: 0.5s;
}
@media screen and (max-width: 1240px) {
  .cm-slider__inner {
    padding-top: 6.6129032258vw;
  }
}
@media screen and (max-width: 768px) {
  .cm-slider__inner {
    padding-top: 12.6666666667vw;
  }
}
.cm-slider__title {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  color: #fff;
}
@media screen and (max-width: 1240px) {
  .cm-slider__title {
    font-size: 1.935483871vw;
  }
}
@media screen and (max-width: 768px) {
  .cm-slider__title {
    font-size: 5.3333333333vw;
    line-height: 1.65;
  }
}
.cm-slider__slide {
  opacity: 0.25;
  transition: opacity 0.4s;
  pointer-events: none;
}
.cm-slider__prev {
  transform: scale(-1, 1);
  left: 0;
}
.cm-slider__next {
  right: 0;
}
.cm-slider .swiper-pagination {
  display: flex;
  justify-content: center;
  top: 607px;
  bottom: auto;
  transform: none;
  margin: 0;
}
@media screen and (max-width: 1240px) {
  .cm-slider .swiper-pagination {
    top: 48.9516129032vw;
  }
}
@media screen and (max-width: 768px) {
  .cm-slider .swiper-pagination {
    top: 49.3333333333vw;
  }
}
.cm-slider .swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  transition: background-color 0.4s;
  width: 84px;
  height: 12px;
  margin-left: 7px;
  margin-right: 7px;
  border-radius: 0;
  background-color: #fff;
  opacity: 1;
}
@media screen and (max-width: 1240px) {
  .cm-slider .swiper-pagination .swiper-pagination-bullet {
    width: 6.7741935484vw;
    height: 0.9677419355vw;
    margin-left: 0.564516129vw;
    margin-right: 0.564516129vw;
  }
}
@media screen and (max-width: 768px) {
  .cm-slider .swiper-pagination .swiper-pagination-bullet {
    width: 11.2vw;
    height: 1.6vw;
    margin-left: 0.9333333333vw;
    margin-right: 0.9333333333vw;
  }
}
.cm-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #a37b35;
}
.cm-slider .swiper-slide-active.cm-slider__slide {
  opacity: 1;
  pointer-events: all;
}
.cm-slider .swiper-slide-active .cm-slider__inner {
  opacity: 1;
}
.cm-slider__img {
  position: relative;
  display: block;
  width: 100%;
}
/* cm:end */
/* web:start */
.web__container {
  position: relative;
  padding-top: 240px;
}
@media screen and (max-width: 1240px) {
  .web__container {
    padding-top: 19.3548387097vw;
  }
}
@media screen and (max-width: 768px) {
  .web__container {
    padding-top: 42.6666666667vw;
  }
}
.web__content {
  position: relative;
  margin-top: 70px;
}
@media screen and (max-width: 1240px) {
  .web__content {
    margin-top: 5.6451612903vw;
  }
}
@media screen and (max-width: 768px) {
  .web__content {
    margin-top: 10.6666666667vw;
  }
}
.web__list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .web__list {
    display: block;
  }
}
.web__link {
  display: block;
}
.web__item {
  position: relative;
  width: 29.5%;
}
@media screen and (max-width: 768px) {
  .web__item {
    width: 92.7536231884%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .web__item + .web__item {
    margin-top: 13.3333333333vw;
  }
}
.web__thum {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.web__thum::after {
  display: block;
  position: absolute;
  bottom: 25px;
  right: 25px;
  width: 102px;
  height: 103px;
  background-image: url(/alcohol/nonalcohol/lagerzero/images/index-web-icon-pc.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  content: "";
}
@media screen and (max-width: 1240px) {
  .web__thum::after {
    bottom: 2.0161290323vw;
    right: 2.0161290323vw;
    width: 8.2258064516vw;
    height: 8.3064516129vw;
  }
}
@media screen and (max-width: 768px) {
  .web__thum::after {
    bottom: 6vw;
    right: 6vw;
    width: 24.6666666667vw;
    height: 24.6666666667vw;
    background-image: url(/alcohol/nonalcohol/lagerzero/images/index-web-icon-sp.png);
  }
}
/* web:end */