@charset "UTF-8";
/*
 * htmlのフォントサイズ
 * @args ベースの画面幅
 */
/*
   * ルートのフォントサイズを基準にフォントサイズを可変にする
   * @args 最大値（デザイン上の数値）
   */
/*
   * get_vwの設定
   */
/*
   * breakpointの設定
   */
/** --------------------------------
* cssの値を単位を除いて数字だけにしてくれる関数
*
* @param 数字と単位を含む値 10ox, 3remなど
*/
/** --------------------------------
* 値の「単位」を取得する関数
*
* @param $value 数字と単位を含む値 10ox, 3remなど
*/
/** --------------------------------
* pxやremをvwに変換してくれる関数
*
* @param $viewport pcデザインの横幅
* @param $fontSize フォントサイズ(pxでもremでも)
*/
/** --------------------------------
* フォントサイズをレスポンシブで調整する関数
*
* @param $pc pcのフォントサイズ
* @param $sp spのフォントサイズ
*/
.pc_contents {
  display: block !important;
}
@media screen and (max-width: 767px) {
  .pc_contents {
    display: none !important;
  }
}

.pc_contentsFlex {
  display: flex !important;
}
@media screen and (max-width: 767px) {
  .pc_contentsFlex {
    display: none !important;
  }
}

.sp_contents {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .sp_contents {
    display: block !important;
  }
}

.sp_contentsFlex {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .sp_contentsFlex {
    display: flex !important;
  }
}

html {
  scroll-behavior: smooth;
}

ul.mt-3.mb-9.mx-auto.text-xs {
  max-width: 1060px;
  padding: 0.75rem 9px 0;
}
@media screen and (max-width: 767px) {
  ul.mt-3.mb-9.mx-auto.text-xs {
    padding: 0.75rem 9px 0;
  }
}

.max-w-content {
  width: 100vw;
  max-width: 100vw;
}
@media screen and (max-width: 767px) {
  .max-w-content {
    padding: 0;
  }
}

main.max-w-content.mx-auto.px-4 {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.lp-content {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 300;
  font-size: clamp(1px, 1.1764705882vw, 15px);
  letter-spacing: 0.09em;
  line-height: 2.3333333333;
  color: #28281e;
  background: #fff;
  padding-bottom: clamp(1px, 3.137254902vw, 40px);
}
@media screen and (max-width: 767px) {
  .lp-content {
    font-size: 3.4666666667vw;
    padding-bottom: 5.3333333333vw;
  }
}
.lp-content h1,
.lp-content h2,
.lp-content h3 {
  font-family: "kepler-std-condensed-display", serif;
}
.lp-content h2 {
  font-size: clamp(1px, 5.0196078431vw, 64px);
}
.lp-content a {
  transition: opacity 0.2s ease;
}
.lp-content a:hover {
  opacity: 0.7;
}
.lp-content p {
  font-size: clamp(1px, 1.1764705882vw, 15px);
}
@media screen and (max-width: 767px) {
  .lp-content p {
    font-size: 3.4666666667vw;
    letter-spacing: 0.01em;
  }
}
.lp-content section {
  margin: 0;
}
.lp-content .slick-list {
  margin-left: -1%;
}
.lp-content .slick-prev,
.lp-content .slick-next {
  top: 30%;
  left: -4.2666666667vw;
}
.lp-content .slick-prev::before,
.lp-content .slick-next::before {
  content: "";
  display: block;
  width: 2.4vw;
  height: 2.4vw;
  background: transparent;
  border-right: 1px solid #28281e;
  border-top: 1px solid #28281e;
  transform: rotate(-135deg);
}
.lp-content .slick-next {
  left: unset;
  right: -6.6666666667vw;
}
.lp-content .slick-next::before {
  content: "";
  transform: rotate(45deg);
}
.lp-content .kv {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 2.8125vw;
  position: relative;
}
@media screen and (max-width: 767px) {
  .lp-content .kv {
    width: 100%;
    height: 138.6666666667vw;
    padding-top: 0;
  }
}
.lp-content .kv__inner {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 57.2916666667vw;
  height: 28.6458333333vw;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .lp-content .kv__inner {
    width: 100%;
    height: 100%;
    align-items: center;
  }
}
.lp-content .kv__title {
  width: 37.34375vw;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .lp-content .kv__title {
    width: 100%;
    scale: 1.1;
    padding-top: 5%;
  }
}
@keyframes top-markeeY {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-50%);
  }
}
.lp-content .kv__bkg-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  animation: 50s linear infinite top-markeeY;
  margin-bottom: -50%;
}
@media screen and (max-width: 767px) {
  .lp-content .kv__bkg:last-child {
    margin-top: -2px;
  }
}
.lp-content .about {
  margin-top: clamp(1px, 7.8431372549vw, 100px);
  text-align: center;
  line-height: 2.2;
}
@media screen and (max-width: 767px) {
  .lp-content .about {
    margin-top: 13.3333333333vw;
  }
}
.lp-content .anchors {
  padding-bottom: clamp(1px, 9.4117647059vw, 120px);
}
@media screen and (max-width: 767px) {
  .lp-content .anchors {
    padding-bottom: 21.3333333333vw;
  }
}
.lp-content .anchors__title {
  font-family: sofia-pro, sans-serif;
  font-size: clamp(1px, 1.9607843137vw, 25px);
  font-weight: 400;
  line-height: 1;
  text-align: center;
  margin-top: clamp(1px, 7.8431372549vw, 100px);
}
@media screen and (max-width: 767px) {
  .lp-content .anchors__title {
    font-size: 4.2666666667vw;
    margin-top: 9.3333333333vw;
  }
}
.lp-content .anchors__list {
  margin-top: clamp(1px, 2.7450980392vw, 35px);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: clamp(1px, 2.3529411765vw, 30px);
}
@media screen and (max-width: 767px) {
  .lp-content .anchors__list {
    flex-wrap: wrap;
    gap: 4vw 1.3333333333vw;
    margin-top: 7.4666666667vw;
  }
}
.lp-content .anchors .anchor {
  width: clamp(1px, 10.9803921569vw, 140px);
}
@media screen and (max-width: 767px) {
  .lp-content .anchors .anchor {
    width: 26.6666666667vw;
  }
}
.lp-content .sec {
  background: #f8f7f2;
  padding: clamp(1px, 7.8431372549vw, 100px) 0 clamp(1px, 9.4117647059vw, 120px);
  overflow-x: hidden;
}
@media screen and (max-width: 767px) {
  .lp-content .sec {
    padding: 9.3333333333vw 0 26.6666666667vw;
  }
}
.lp-content .sec--2, .lp-content .sec--4 {
  background: #e9f0ec;
}
.lp-content .sec__btn {
  width: clamp(1px, 5.4901960784vw, 70px);
  height: clamp(1px, 2.3529411765vw, 30px);
  background: #28281e;
  color: #ffffff;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(1px, 1.4901960784vw, 19px);
  font-weight: 700;
  padding-bottom: 2px;
}
.lp-content .sec .carousel {
  width: 100%;
  display: flex;
  gap: clamp(1px, 4.7058823529vw, 60px);
  animation: 35s linear infinite top-markeeX;
  mix-blend-mode: darken;
}
@media screen and (max-width: 767px) {
  .lp-content .sec .carousel {
    gap: 8vw;
    animation: 17s linear infinite top-markeeX;
  }
}
@keyframes top-markeeX {
  0% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 767px) {
  .lp-content .sec .carousel img {
    max-width: 280vw;
  }
}
.lp-content .sec__title-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: clamp(1px, 5.4901960784vw, 70px) auto;
}
@media screen and (max-width: 767px) {
  .lp-content .sec__title-wrap {
    margin: 9.0666666667vw auto 0;
  }
}
.lp-content .sec__title-wrap--1 .sec__item {
  width: clamp(1px, 18.9803921569vw, 242px);
}
@media screen and (max-width: 767px) {
  .lp-content .sec__title-wrap--1 .sec__item {
    width: 48vw;
  }
}
.lp-content .sec__title-wrap--2 .sec__item {
  width: clamp(1px, 15.6862745098vw, 200px);
}
@media screen and (max-width: 767px) {
  .lp-content .sec__title-wrap--2 .sec__item {
    width: 35.4666666667vw;
  }
}
.lp-content .sec__title-wrap--3 .sec__item {
  width: clamp(1px, 8.7843137255vw, 112px);
}
@media screen and (max-width: 767px) {
  .lp-content .sec__title-wrap--3 .sec__item {
    width: 19.2vw;
  }
}
.lp-content .sec__title-wrap--4 .sec__item {
  width: clamp(1px, 11.5294117647vw, 147px);
}
@media screen and (max-width: 767px) {
  .lp-content .sec__title-wrap--4 .sec__item {
    width: 25.3333333333vw;
  }
}
.lp-content .sec__title-wrap--5 .sec__item {
  width: clamp(1px, 11.6078431373vw, 148px);
}
@media screen and (max-width: 767px) {
  .lp-content .sec__title-wrap--5 .sec__item {
    width: 28.8vw;
  }
}
.lp-content .sec__nr {
  width: clamp(1px, 8.6274509804vw, 110px);
}
@media screen and (max-width: 767px) {
  .lp-content .sec__nr {
    width: 17.6vw;
  }
}
.lp-content .sec__title {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-size: clamp(1px, 2.7450980392vw, 35px);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .lp-content .sec__title {
    font-size: 5.8666666667vw;
  }
}
.lp-content .sec__title__credit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(1px, 0.3921568627vw, 5px);
}
@media screen and (max-width: 767px) {
  .lp-content .sec__title__credit {
    margin-top: 1.3333333333vw;
    gap: 1.3333333333vw;
  }
}
.lp-content .sec__title__credit p {
  font-size: clamp(1px, 1.9607843137vw, 25px);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .lp-content .sec__title__credit p {
    font-size: 4.2666666667vw;
  }
}
.lp-content .sec__title__credit span {
  font-size: clamp(1px, 1.2549019608vw, 16px);
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .lp-content .sec__title__credit span {
    font-size: 2.6666666667vw;
  }
}
.lp-content .sec__title__credit .sec__btn {
  width: clamp(1px, 5.4901960784vw, 70px);
  background: #28281e;
  color: #ffffff;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(1px, 1.4901960784vw, 19px);
  font-weight: 700;
  padding: clamp(1px, 0.4705882353vw, 6px) 0;
  line-height: 1;
  height: auto;
}
@media screen and (max-width: 767px) {
  .lp-content .sec__title__credit .sec__btn {
    width: 12vw;
    height: 5.3333333333vw;
    font-size: 3.2vw;
    padding: 1.0666666667vw 0;
  }
}
.lp-content .sec__item-name {
  display: inline;
  font-size: clamp(1px, 1.9607843137vw, 25px);
  font-weight: 700;
  color: #ffffff;
  background: #8cd3d9;
  padding: 0 clamp(1px, 0.7843137255vw, 10px);
  line-height: 1.6;
  margin-top: clamp(1px, 2.3529411765vw, 30px);
}
@media screen and (max-width: 767px) {
  .lp-content .sec__item-name {
    font-size: 4.2666666667vw;
    padding: 0 1.3333333333vw;
    margin-top: 5.3333333333vw;
  }
}
.lp-content .sec__inner {
  width: clamp(1px, 67.8431372549vw, 865px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: clamp(1px, 5.9607843137vw, 76px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .lp-content .sec__inner {
    width: 100%;
    flex-direction: column;
    gap: 16vw;
    margin-top: 32vw;
  }
}
.lp-content .sec__img {
  width: clamp(1px, 39.2156862745vw, 500px);
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .lp-content .sec__img {
    width: 86.6666666667vw;
    margin-inline: auto;
  }
}
.lp-content .sec__name {
  position: absolute;
  font-family: sofia-pro, sans-serif;
  top: 0;
  left: clamp(1px, 1.1764705882vw, 15px);
  transform: translateY(-60%);
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .lp-content .sec__name {
    left: 2.6666666667vw;
  }
}
.lp-content .sec__name--1 {
  display: block;
  font-size: clamp(1px, 2.1176470588vw, 27px);
  font-weight: 700;
  padding-left: clamp(1px, 0.3921568627vw, 5px);
}
@media screen and (max-width: 767px) {
  .lp-content .sec__name--1 {
    font-size: 4.8vw;
    padding-left: 1.0666666667vw;
  }
}
.lp-content .sec__name--2 {
  display: block;
  font-size: clamp(1px, 3.9215686275vw, 50px);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .lp-content .sec__name--2 {
    font-size: 8.5333333333vw;
  }
}
.lp-content .sec__name--3 {
  display: block;
  font-size: clamp(1px, 1.4117647059vw, 18px);
  font-weight: 400;
  margin-top: clamp(1px, 0.3921568627vw, 5px);
}
@media screen and (max-width: 767px) {
  .lp-content .sec__name--3 {
    font-size: 3.2vw;
    margin-top: 1.3333333333vw;
  }
}
.lp-content .sec__text {
  position: absolute;
  top: 9%;
  right: -60%;
  width: clamp(1px, 29.568627451vw, 377px);
  padding: clamp(1px, 2.0392156863vw, 26px) clamp(1px, 1.8039215686vw, 23px);
  animation: fuwa 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
@keyframes fuwa {
  50% {
    transform: translateY(1rem);
  }
}
@media screen and (max-width: 767px) {
  .lp-content .sec__text {
    position: relative;
    top: unset;
    right: unset;
    width: 74.6666666667vw;
    padding: 5.3333333333vw 8vw;
    margin: 5.3333333333vw auto 0;
  }
}
.lp-content .sec__text p {
  position: relative;
  z-index: 1;
  font-size: clamp(1px, 1.2549019608vw, 16px);
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .lp-content .sec__text p {
    font-size: 3.2vw;
  }
}
.lp-content .sec__text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(1px, 29.568627451vw, 377px);
  height: clamp(1px, 15.3725490196vw, 196px);
  background: url(../img/lp/baloon-1.webp);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .lp-content .sec__text::before {
    width: 74.6666666667vw;
    height: 38.1333333333vw;
    top: unset;
    bottom: 0;
    background: url(../img/lp/baloon-1_sp.webp);
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .lp-content .sec__desc {
    width: 100%;
  }
}
.lp-content .sec .sec-products__title {
  font-family: sofia-pro, sans-serif;
  font-size: clamp(1px, 1.4117647059vw, 18px);
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp-content .sec .sec-products__title {
    font-size: 4.8vw;
  }
}
.lp-content .sec .sec-products__list {
  width: clamp(1px, 16.7843137255vw, 214px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(1px, 1.568627451vw, 20px) clamp(1px, 0.7843137255vw, 10px);
  margin-top: clamp(1px, 1.568627451vw, 20px);
}
@media screen and (max-width: 767px) {
  .lp-content .sec .sec-products__list {
    width: 86.6666666667vw;
    gap: 2.6666666667vw;
    margin-inline: auto;
    margin-top: 5.3333333333vw;
  }
}
.lp-content .sec .sec-products__list--lg {
  width: clamp(1px, 25.4901960784vw, 325px);
}
@media screen and (max-width: 767px) {
  .lp-content .sec .sec-products__list--lg {
    width: 86.6666666667vw;
  }
}
.lp-content .sec .sec-products .sec-product {
  width: clamp(1px, 7.8431372549vw, 100px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp-content .sec .sec-products .sec-product {
    width: 26.6666666667vw;
  }
}
.lp-content .sec .sec-products .sec-product__link {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lp-content .sec .sec-products .sec-product__img {
  width: clamp(1px, 7.8431372549vw, 100px);
}
@media screen and (max-width: 767px) {
  .lp-content .sec .sec-products .sec-product__img {
    width: 26.6666666667vw;
  }
}
.lp-content .sec .sec-products .sec-product__name {
  font-size: clamp(1px, 1.2549019608vw, 16px);
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.3;
  text-transform: uppercase;
  margin-top: clamp(1px, 0.6274509804vw, 8px);
}
@media screen and (max-width: 767px) {
  .lp-content .sec .sec-products .sec-product__name {
    font-size: 4.2666666667vw;
    margin-top: 2.1333333333vw;
  }
}
.lp-content .sec .sec-products .sec-product__price {
  font-size: clamp(1px, 1.0980392157vw, 14px);
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .lp-content .sec .sec-products .sec-product__price {
    font-size: 3.7333333333vw;
  }
}
.lp-content .sec .sec-products .sec-product__price span {
  font-size: clamp(1px, 0.7843137255vw, 10px);
  letter-spacing: -0.05em;
  margin-left: 2px;
}
@media screen and (max-width: 767px) {
  .lp-content .sec .sec-products .sec-product__price span {
    font-size: 2.6666666667vw;
  }
}
.lp-content .sec .sec-products .sec-product__price--long span {
  margin-left: -3px;
}
.lp-content .sec .sec-products .sec-product .sec__btn {
  width: clamp(1px, 3.5294117647vw, 45px);
  font-size: clamp(1px, 0.9411764706vw, 12px);
  margin-inline: auto;
  margin-top: clamp(1px, 0.6274509804vw, 8px);
  padding: clamp(1px, 0.3137254902vw, 4px) 0;
  line-height: 1;
  height: auto;
}
@media screen and (max-width: 767px) {
  .lp-content .sec .sec-products .sec-product .sec__btn {
    width: 12vw;
    height: 5.3333333333vw;
    font-size: 3.2vw;
    margin-top: 2.1333333333vw;
    padding: 1.0666666667vw 0;
    line-height: 1;
    height: auto;
  }
}
.lp-content .sec .sec__inner--2 {
  flex-direction: row-reverse;
  margin-top: clamp(1px, 9.568627451vw, 122px);
}
@media screen and (max-width: 767px) {
  .lp-content .sec .sec__inner--2 {
    flex-direction: column;
    margin-top: 32vw;
  }
}
.lp-content .sec .sec__inner--2 .sec__name {
  left: unset;
  right: clamp(1px, 1.1764705882vw, 15px);
  text-align: right;
}
@media screen and (max-width: 767px) {
  .lp-content .sec .sec__inner--2 .sec__name {
    left: unset;
    right: 2.1333333333vw;
  }
}
.lp-content .sec .sec__inner--2 .sec__text {
  right: unset;
  left: -60%;
}
@media screen and (max-width: 767px) {
  .lp-content .sec .sec__inner--2 .sec__text {
    left: unset;
  }
}
.lp-content .sec .sec__inner--2 .sec__text::before {
  transform: scaleX(-1);
}
@media screen and (max-width: 767px) {
  .lp-content .sec .sec__inner--2 .sec__text::before {
    transform: scaleX(1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content .sec .sec__inner--2 .sec-product__list {
    width: 86.6666666667vw;
    gap: 0;
    margin-inline: auto;
    margin-top: 5.3333333333vw;
  }
}
.lp-content .sec .sec__btn--all {
  width: fit-content;
  min-width: clamp(1px, 24.3921568627vw, 311px);
  height: clamp(1px, 3.9215686275vw, 50px);
  font-size: clamp(1px, 1.2549019608vw, 16px);
  font-weight: 500;
  padding: 0 clamp(1px, 1.6470588235vw, 21px);
  margin: clamp(1px, 7.8431372549vw, 100px) auto 0;
}
@media screen and (max-width: 767px) {
  .lp-content .sec .sec__btn--all {
    min-width: 82.9333333333vw;
    height: 12vw;
    font-size: 3.7333333333vw;
    padding: 0 8vw;
    margin: 16vw auto 0;
  }
}
.lp-content .hot-contents {
  margin-top: clamp(1px, 8.6274509804vw, 110px);
}
@media screen and (max-width: 767px) {
  .lp-content .hot-contents {
    margin-top: 26.6666666667vw;
  }
}
.lp-content .hot-contents__inner {
  width: clamp(1px, 65.2083333333vw, 1252px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .lp-content .hot-contents__inner {
    width: 85.3333333333vw;
  }
}
.lp-content .hot-contents__title {
  font-family: futura;
  font-size: clamp(1px, 1.8229166667vw, 35px);
  text-align: center;
  border-bottom: 1px solid #28281e;
}
@media screen and (max-width: 767px) {
  .lp-content .hot-contents__title {
    font-size: 5.3333333333vw;
  }
}
.lp-content .hot-contents__list {
  display: flex;
  justify-content: space-between;
  margin-top: clamp(1px, 3.4895833333vw, 67px);
}
@media screen and (max-width: 767px) {
  .lp-content .hot-contents__list {
    flex-wrap: wrap;
    gap: 10.6666666667vw 2.6666666667vw;
    margin-top: 8vw;
  }
}
.lp-content .hot-contents .hot-content {
  width: clamp(1px, 15vw, 288px);
}
@media screen and (max-width: 767px) {
  .lp-content .hot-contents .hot-content {
    width: 41.0666666667vw;
  }
}
.lp-content .hot-contents .hot-content__date, .lp-content .hot-contents .hot-content__title {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-size: clamp(1px, 0.78125vw, 15px);
  font-weight: 700;
  color: #c7c7c7;
  line-height: 1.4;
  margin-top: clamp(1px, 0.625vw, 12px);
}
@media screen and (max-width: 767px) {
  .lp-content .hot-contents .hot-content__date, .lp-content .hot-contents .hot-content__title {
    font-size: 3.4666666667vw;
    margin-top: 1.0666666667vw;
  }
}
.lp-content .hot-contents .hot-content__title {
  color: #28281e;
  font-weight: 500;
  margin-top: clamp(1px, 0.3125vw, 6px);
}
@media screen and (max-width: 767px) {
  .lp-content .hot-contents .hot-content__title {
    margin-top: 1.0666666667vw;
  }
}
.lp-content .hot-contents__btn {
  width: clamp(1px, 18.8235294118vw, 240px);
  height: clamp(1px, 4.0784313725vw, 52px);
  font-size: clamp(1px, 1.1764705882vw, 15px);
  font-weight: 500;
  margin: clamp(1px, 6.0392156863vw, 77px) auto 0;
}
@media screen and (max-width: 767px) {
  .lp-content .hot-contents__btn {
    width: 48vw;
    height: 12vw;
    font-size: 3.4666666667vw;
    margin: 13.3333333333vw auto 0;
  }
}