@charset "UTF-8";

/* =============================================================

   サイトジャック用 CSS

============================================================= */

/*カルセールバナー
---------------------------------- */

.top_mainvisual_section {
  position: relative;
  z-index: 0;
  padding-block: 8rem 11rem;
}

#Contents .top_mainvisual_section::before,
#Contents .top_mainvisual_section::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#Contents .top_mainvisual_section::before {
  top: -10rem;
  left: 0;
  width: 52.6rem;
  height: 71.6rem;
  background: url(/Contents/ImagesPkg/sightjack/260312/img-pc_1.png) no-repeat 0 0;
  background-size: 100%;
  z-index: -1;
}

#Contents .top_mainvisual_section::after {
  bottom: 1rem;
  right: 0;
  width: 18.4rem;
  height: 22.8rem;
  background: url(/Contents/ImagesPkg/sightjack/260312/img-pc_2.png) no-repeat 0 0;
  background-size: 100%;
  z-index: 1;
}


.top_mainvisual_section .swiper-pagination {
  bottom: auto;
  margin-top: 2rem;
}

.top_mainvisual_section .swiper-pagination-bullet-active {
  background-color: var(--color-sightjack-05);
}


/*スペシャルバナー
---------------------------------- */

#Contents .top_special_section {
  position: relative;
  z-index: 0;
}

#Contents .top_special_section::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#Contents .top_special_section::after {
  top: -14rem;
  left: 0;
  width: 19.3rem;
  height: 49.6rem;
  background: url(/Contents/ImagesPkg/sightjack/260312/img-pc_3.png) no-repeat 0 0;
  background-size: 100%;
  z-index: -1;
}

#Contents .top_special_section .top_section__inner {
  margin: 0 auto;
  width: 106rem;
}

#Contents .top_special_section .top_section__inner .sightjack_collection_logo {
  display: block;
  margin: auto;
  width: 46%;
}

#Contents .top_special_section .itemArea__button.cv__button {
  display: grid;
  place-content: center;
  padding-top: 1.3rem;
  padding-left: 1.8rem;
  box-sizing: border-box;
  margin: 1.2rem auto 0;
  background: url(/Contents/ImagesPkg/sightjack/260312/btn.png) no-repeat 0 0;
  background-size: contain;
  color: #fff;
  font-size: 1.9rem;
  letter-spacing: 0.05em;
  text-align: center;
  width: 22rem;
  height: 9rem;
}

/*Category
---------------------------------- */

#Contents .top_cate_section {
  position: relative;
  z-index: 0;
  padding-top: 8rem;
}

#Contents .top_cate_section::before,
#Contents .top_cate_section::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#Contents .top_cate_section::before {
  top: -5rem;
  right: 0;
  width: 19.2rem;
  height: 25.3rem;
  background: url(/Contents/ImagesPkg/sightjack/260312/img-pc_4.png) no-repeat 0 0;
  background-size: 100%;
  z-index: -1;
}

#Contents .top_cate_section::after {
  bottom: 1rem;
  left: 0;
  width: 22.9rem;
  height: 25.2rem;
  background: url(/Contents/ImagesPkg/sightjack/260312/img-pc_5.png) no-repeat 0 0;
  background-size: 100%;
  z-index: 1;
}


/*トピックス
---------------------------------- */

.top_topics_section {
  position: relative;
  z-index: 0;
  background: var(--color-sightjack-08);
}

.top_topics_section::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.top_topics_section::after {
  bottom: -10rem;
  right: 0;
  width: 20.4rem;
  height: 30.7rem;
  background: url(/Contents/ImagesPkg/sightjack/260312/img-pc_6.png) no-repeat 0 0;
  background-size: 100%;
  z-index: 1;
}

.top_topics_section .section_head__img p {
  background: var(--color-sightjack-08);
}


/*Hot Words
---------------------------------- */

.top_hotwords_section {
  position: relative;
  z-index: 0;
  background: left 50% top -2% / 84rem auto no-repeat url(/Contents/ImagesPkg/sightjack/260312/img-pc_13.png);
}

.top_hotwords_section::before,
.top_hotwords_section::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.top_hotwords_section::before {
  top: -7rem;
  left: 0;
  width: 19.1rem;
  height: 50.9rem;
  background: url(/Contents/ImagesPkg/sightjack/260312/img-pc_7.png) no-repeat 0 0;
  background-size: 100%;
  z-index: 1;
}



.top_hotwords_section .ttl_section {
  color: var(--color-sightjack-02);
}

.top_hotwords_section .hotWords_list ul li a {
  background: rgba(255, 255, 255, .75);
  border-color: var(--color-sightjack-03);
  color: var(--color-sightjack-02);
}

.top_hotwords_section .hotWords_list ul li a:hover {
  background-color: var(--color-sightjack-03);
}


/* Pick Up Brands
---------------------------------- */

.top_brand_section .section_head,
.top_brand_section .brand_list {
  background: var(--color-sightjack-06);
}


/* ランキング
---------------------------------- */

.ranking_section {
  position: relative;
  z-index: 0;
  margin-top: 0!important;
  background: left 16% top 79% / 72.4rem auto no-repeat url(/Contents/ImagesPkg/sightjack/260312/img-pc_14.png);
}

.ranking_section .top_section__inner {
  margin-bottom: calc(137*(100vw / 750));
}

.ranking_section::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
}

.ranking_section::before {
  top: -5rem;
  right: 0;
  width: 21.1rem;
  height: 40.9rem;
  background: url(/Contents/ImagesPkg/sightjack/260312/img-pc_8.png) no-repeat 0 0;
  background-size: 100%;
  z-index: 1;
}

.ranking_section .section_head .ttl_section {
  color: var(--color-sightjack-02);
}

.tab_btn_area .tab_btn.selected {
  border-color: var(--color-sightjack-03);
  color: var(--color-sightjack-02);
}

.ranking_section .ranking_list .item_list__item {
  background: var(--color-sightjack-03);
}


/* あなただけのオススメ
---------------------------------- */

.top_recommenditem_section {
  position: relative;
  z-index: 0;
}

.top_recommenditem_section::before,
.top_recommenditem_section::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
}

.top_recommenditem_section::before {
  top: -12rem;
  right: 7%;
  width: 84rem;
  height: 62.4rem;
  background: url(/Contents/ImagesPkg/sightjack/260312/img-pc_13.png) no-repeat 0 0;
  background-size: 100%;
  z-index: -1;
}


/* PICK UP ITEM
---------------------------------- */

.pickupitem_wrap {
  position: relative;
  z-index: 0;
  background: var(--color-sightjack-06);
}

.pickupitem_wrap::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
}

.pickupitem_wrap::before {
  top: -4rem;
  left: 4.6rem;
  width: 17rem;
  height: 14.4rem;
  background: url(/Contents/ImagesPkg/sightjack/260312/img-pc_9.png) no-repeat 0 0;
  background-size: 100%;
  z-index: -1;
}


/* Articles List
---------------------------------- */

.articles_list {
  padding-top: 1rem;
}

.articles_list ul {
  display: flex;
  gap: 3rem;
}

.articles_list .articles_list__item {
  display: block;
  width: 54rem;
}

.articles_list .articles_list__item a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  border-radius: 1.2rem;
  background: var(--color-sightjack-01);
  box-shadow: 0 3px 10px rgb(0 0 0 / 18%);
  overflow: hidden;
  line-height: 0;
}

.articles_list .articles_img {
  width: 52%;
  border-radius: 0;
  margin: 0;
  box-shadow: none;
}

.articles_list .articles_cont {
  width: 48%;
  padding: 0 1.2rem;
}

.articles_list .articles_cate {
  padding: .7rem 0 1.2rem;
}

.articles_list .articles_cate .txt_lg {
  font-size: 2.6rem;
}

.articles_list .articles_cate .txt_sm {
  padding-bottom: .5rem;
  font-size: 1.4rem;
}

.articles_list .articles_ttl {
  margin: 0;
  font-size: 1.6rem;
}


/* ベネント
---------------------------------- */

.Benent_section .section_head .ttl_section {
  color: var(--color-sightjack-02);
}

.BenentSnap_section,
.BenentVideo_section {
  background: none;
}

#BenentSnap::before,
#BenentSnap::after,
#BenentVideo::before,
#BenentVideo::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#BenentSnap {
  position: relative;
  z-index: 1;
  padding-top: 10rem;
}

#BenentSnap::before {
  top: -8rem;
  right: 0;
  width: 34.7rem;
  height: 40rem;
  background: url(/Contents/ImagesPkg/sightjack/260312/img-pc_10.png) no-repeat;
  background-size: 100%;
  z-index: 0;
}

#BenentSnap::after {
  bottom: -20rem;
  right: 15%;
  width: 68.4rem;
  height: 75.2rem;
  background: url(/Contents/ImagesPkg/sightjack/260312/img-pc_15.png) no-repeat;
  background-size: 100%;
  z-index: -1;
}

#BenentVideo {
  position: relative;
}

#BenentVideo::before {
  top: -14rem;
  right: 0;
  width: 100%;
  height: 118rem;
  background: left 0% top 0% / 21rem auto no-repeat url(/Contents/ImagesPkg/sightjack/260312/img-pc_11.png), right 0% bottom 0% / 19.1rem auto no-repeat url(/Contents/ImagesPkg/sightjack/260312/img-pc_12.png);
  z-index: 0;
}

#BenentVideo::after {
  bottom: -7rem;
  left: 17%;
  width: 88.2rem;
  height: 65.5rem;
  background: url(/Contents/ImagesPkg/sightjack/260312/img-pc_13.png) no-repeat;
  background-size: 100%;
  z-index: -1;
}


#BenentLive {
  margin-top: 0;
}

.Benent_section .Benent_list .item_list__item p.topUserImage,
.Benent_section .Benent_list .item_list__item {
  background: var(--color-sightjack-06);
}

.Benent_section .Benent_list .item_list__item p.topUserImage {
  position: relative;
  z-index: 1;
}

.Benent_section .Benent_list .item_list__item p.topUserImage::before,
.Benent_section .Benent_list .item_list__item p.topUserImage::after {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border-radius: 50%;
  content: "";
}

.Benent_section .Benent_list .item_list__item p.topUserImage::before {
  width: 80%;
  height: 80%;
  background: var(--color-sightjack-06);
}

.Benent_section .Benent_list .item_list__item p.topUserImage::after {
  width: 75%;
  height: 75%;
  background: #fff;
}

.top_section .btn_viewmore a {
  background: var(--color-sightjack-05);
  border: 1px solid var(--color-sightjack-05);
}

.top_section .btn_viewmore a:hover {
  background: #fff;
  color: var(--color-sightjack-05);
}

#footer {
  position: relative;
  z-index: 1;
  background: #fff;
}


/* ロゴ・TOP TOボタン
 ---------------------------------- */

.sightjack_logo {
  position: relative;
  margin: 0 auto 7rem;
  width: 33rem;
  z-index: 2;
}

.page-top-btn-sightjack {
  display: grid;
  place-content: center;
  position: fixed;
  padding-top: .4rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s, visibility 0.4s;
  bottom: 6%;
  right: 4%;
  background-color: #e8c4ce;
  border-radius: 50%;
  color: #fff !important;
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: center;
  width: 8.6rem;
  height: 8.6rem;
  z-index: 2;
}

.page-top-btn-sightjack.is-show {
  opacity: 1;
  visibility: visible;
}

.page-top-btn-sightjack::before {
  content: '';
  position: absolute;
  top: -.8rem;
  right: -2.4rem;
  width: 4.6rem;
  height: 7.3rem;
  background-image: url(/Contents/ImagesPkg/sightjack/260312/panda.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}

@media (min-width: 769px) {
  .ranking_section {
    padding: 0 0 9rem!important;
  }
}


@media (max-width: 768px) {

  /*カルセールバナー
  ---------------------------------- */

  .top_mainvisual_section {
    padding: calc(40 * (100vw / 375)) calc(20 * (100vw / 375)) calc(42 * (100vw / 375));
  }

  #Contents .top_mainvisual_section::before {
    top: calc(-32 * (100vw / 375));
    width: 100%;
    height: calc(377 * (100vw / 390));
    background: url(/Contents/ImagesPkg/sightjack/260312/img-sp_1.png) no-repeat 0 0;
    background-size: contain;
  }

  #Contents .top_mainvisual_section::after {
    bottom: calc(-19 * (100vw / 375));
    width: calc(66 * (100vw / 375));
    height: calc(104 * (100vw / 375));
    background: url(/Contents/ImagesPkg/sightjack/260312/img-sp_2.png) no-repeat 0 0;
    background-size: contain;
  }

  .top_mainvisual_section .swiper-pagination {
    margin-top: calc(12 * (100vw / 375));
  }

  .top_mainvisual_section .swiper-pagination-bullet {
    width: calc(12 * (100vw / 375));
    height: calc(12 * (100vw / 375));
  }


  /*スペシャルバナー
  ---------------------------------- */

  #Contents .top_special_section {
    margin: calc(30 * (100vw / 375)) 0 0;
    width: 100%;
  }

  #Contents .top_special_section::after {
    position: static;
    background: none;
  }

  #Contents .top_special_section .top_section__inner {
    width: 100%;
  }

  #Contents .top_special_section .top_section__inner .sightjack_collection_logo {
    width: 80%;
  }

  #Contents .top_special_section .itemArea__button.cv__button {
    margin: calc(4 * (100vw / 375)) auto calc(54 * (100vw / 375));
    padding-top: calc(9 * (100vw / 375));
    padding-left: calc(14 * (100vw / 375));
    width: calc(184 * (100vw / 375));
    height: calc(78 * (100vw / 375));
    font-size:calc(34 * (100vw / 750));
  }


  /*Category
  ---------------------------------- */

  #Contents .top_cate_section {
    margin-top: calc(-20 * (100vw / 390));
    padding-top: unset;
  }

  #Contents .top_cate_section::before {
    top: calc(-70 * (100vw / 390));
    width: calc(88 * (100vw / 390));
    height: calc(146 * (100vw / 390));
    background: url(/Contents/ImagesPkg/sightjack/260312/img-sp_4.png) no-repeat 0 0;
    background-size: contain;
  }

  #Contents .top_cate_section::after {
    bottom: calc(16 * (100vw / 390));
    width: calc(126 * (100vw / 390));
    height: calc(153 * (100vw / 390));
    background: url(/Contents/ImagesPkg/sightjack/260312/img-sp_5.png) no-repeat 0 0;
    background-size: contain;
  }


  /*トピックス
  ---------------------------------- */

  .top_topics_section::after {
    bottom: calc(-70 * (100vw / 390));
    width: calc(102 * (100vw / 390));
    height: calc(146 * (100vw / 390));
    background: url(/Contents/ImagesPkg/sightjack/260312/img-sp_6.png) no-repeat 0 0;
    background-size: contain;
  }


  /*Hot Words
  ---------------------------------- */

  .top_hotwords_section {
    background: left 0% bottom -158% / 100% auto no-repeat url(/Contents/ImagesPkg/sightjack/260312/img-sp_16.png);
  }

  .top_hotwords_section::before {
    top: calc(232 * (100vw / 390));
    width: calc(91 * (100vw / 390));
    height: calc(290 * (100vw / 390));
    background: url(/Contents/ImagesPkg/sightjack/260312/img-sp_7.png) no-repeat 0 0;
    background-size: contain;
    z-index: -1;
  }

  .top_hotwords_section::after {
    right: 0;
    bottom: calc(-204 * (100vw / 390));
    width: calc(102 * (100vw / 390));
    height: calc(236 * (100vw / 390));
    background: url(/Contents/ImagesPkg/sightjack/260312/img-sp_8.png) no-repeat 0 0;
    background-size: contain;
    z-index: 1;
  }


  /* ランキング
  ---------------------------------- */

  .ranking_section {
    background: left 0% top 79% / 100% auto no-repeat url(/Contents/ImagesPkg/sightjack/260312/img-sp_15.png);
  }

  .ranking_section::before {
    top: calc(-157 * (100vw / 390));
    left: 0;
    right: auto;
    width: calc(112 * (100vw / 390));
    height: calc(161 * (100vw / 390));
    background: url(/Contents/ImagesPkg/sightjack/260312/img-sp_9.png) no-repeat 0 0;
    background-size: contain;
  }

  .ranking_section .tab_btn_area {
    padding: calc(10 * (100vw / 750)) 0 calc(35 * (100vw / 750));
  }

  .top_special_section01 {
    padding: calc(40*(100vw / 375)) 0 calc(70*(100vw / 375));
  }

  .top_special_section01::before {
    bottom: calc(440*(100vw / 375));
    right: calc(-20 * (100vw / 375));
    width: calc(150*(100vw / 375));
    height: calc(73*(100vw / 375));
    background-position: bottom;
  }

  .top_special_section01::after {
    bottom: calc(-70 * (100vw / 375));
    left: calc(-24 * (100vw / 375));
    width: calc(170 * (100vw / 375));
    height: calc(62 * (100vw / 375));
    background-image: url(../../Contents/ImagesPkg/sightjack/250903/icn_06_sp.svg);
  }

  .top_special_section01 .section_head {
    display: grid;
    place-items: center;
    padding: calc(8 * (100vw / 375)) 0;
    min-height: calc(40 * (100vw / 375));
    border-radius: calc(20 * (100vw / 375)) calc(20 * (100vw / 375)) 0 0;
  }

  .top_special_section01 .ttl_section {
    padding: 0 calc(10 * (100vw / 375)) 0 calc(100 * (100vw / 375));
    font-size: calc(22 * (100vw / 375));
    text-align: left;
  }

  .top_special_section01 .top_special_ranking > .top_section__inner {
    background: #fff;
    border-radius: calc(20 * (100vw / 375));
    padding-bottom: calc(10 * (100vw / 375));
  }

  .top_special_section01 .top_section__inner > div:nth-of-type(even) .ttl_section {
    padding: 0 calc(100 * (100vw / 375)) 0 calc(10 * (100vw / 375));
    text-align: right;
  }

  .top_special_section01 .ttl_section::before,
  .top_special_section01 .ttl_section::after {
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    width: calc(90 * (100vw / 375));
    height: calc(90 * (100vw / 375));
    content: "";
  }

  .top_special_section01 .ttl_section .txt_sm {
    font-size: calc(14*(100vw / 375));
  }


  /* あなただけのオススメ
  ---------------------------------- */
  .top_recommenditem_section {
    padding-top: calc(100*(100vw / 750));
  }

  .top_recommenditem_section::before {
    top: calc(6 * (100vw / 390));
    right: 0;
    width: 100%;
    height: calc(488 * (100vw / 390));
    background: url(/Contents/ImagesPkg/sightjack/260312/img-sp_16.png) no-repeat 0 0;
    background-size: contain;
  }

  .top_recommenditem_section::after {
    top: calc(-122 * (100vw / 390));
    right: 0;
    width: calc(86 * (100vw / 390));
    height: calc(142 * (100vw / 390));
    background: url(/Contents/ImagesPkg/sightjack/260312/img-sp_10.png) no-repeat 0 0;
    background-size: contain;
  }


  /* PICK UP ITEM
  ---------------------------------- */

  .pickupitem_wrap::before {
    top: calc(-28 * (100vw / 390));
    left: calc(18 * (100vw / 390));
    width: calc(86 * (100vw / 390));
    height: calc(82 * (100vw / 390));
    background: url(/Contents/ImagesPkg/sightjack/260312/img-sp_11.png) no-repeat 0 0;
    background-size: contain;
  }


  /* Articles List
  ---------------------------------- */

  .top_bnr_section {
    padding-bottom: 0;
  }

  .articles_list {
    padding-top: calc(10 * (100vw / 428));
  }

  .articles_list ul {
    flex-direction: column;
    gap: calc(30 * (100vw / 428)) 0;
  }

  .articles_list .articles_list__item {
    width: 100%;
  }

  .articles_list .articles_list__item a {
    border-radius: calc(10 * (100vw / 428));
    box-shadow: 0 3px 8px rgb(0 0 0 / 18%);
  }

  .articles_list .articles_img {
    width: 48%;
  }

  .articles_list .articles_cont {
    width: 52%;
    padding: 0 calc(10 * (100vw / 428));
  }

  .articles_list .articles_cate {
    padding: calc(5 * (100vw / 428))0 calc(7 * (100vw / 428));
  }

  .articles_list .articles_cate .txt_lg {
    font-size: calc(20 * (100vw / 428));
  }

  .articles_list .articles_cate .txt_sm {
    padding-bottom: calc(10 * (100vw / 428));
    font-size: calc(13 * (100vw / 428));
  }

  .articles_list .articles_ttl {
    font-size: calc(14 * (100vw / 428));
  }


  /* ベネント
  ---------------------------------- */

  #BenentSnap {
    padding-block: calc(110 * (100vw / 750));
  }

  #BenentSnap::before {
    top: calc(-40 * (100vw / 390));
    width: calc(92 * (100vw / 390));
    height: calc(253 * (100vw / 390));
    background: url(/Contents/ImagesPkg/sightjack/260312/img-sp_12.png) no-repeat;
    background-size: contain;
    z-index: 0;
  }

  #BenentSnap::after {
    bottom: calc(-37 * (100vw / 390));
    right: 0;
    width: 100%;
    height: calc(844 * (100vw / 390));
    background: url(/Contents/ImagesPkg/sightjack/260312/img-sp_15.png) no-repeat;
    background: left 0% top 0% / 100% auto no-repeat url(/Contents/ImagesPkg/sightjack/260312/img-sp_17.png), right 0% bottom 0% / 100% auto no-repeat url(/Contents/ImagesPkg/sightjack/260312/img-sp_18.png);
    background-size: contain;
  }

  #BenentSnap .top_section__inner .section_head::before {
    top: calc(195 * (100vw / 750));
    left: calc(-71 * (100vw / 750));
    width: calc(300 * (100vw / 750));
    height: calc(259 * (100vw / 750));
  }

  #BenentSnap .top_section__inner .section_head::after {
    top: calc(-60 * (100vw / 750));
    right: calc(39 * (100vw / 750));
    width: calc(140 * (100vw / 750));
    height: calc(150* (100vw / 750));
  }

  #BenentSnap .top_section__inner .section_head .ttl_section::after {
    top: calc(103 * (100vw / 750));
    right: calc(-15 * (100vw / 750));
    width: calc(104 * (100vw / 750));
    height: calc(106 * (100vw / 750));
  }

  #BenentVideo {
    padding-bottom: calc(160 * (100vw / 750));
  }

  #BenentVideo::before {
    top: calc(-64 * (100vw / 390));
    width: 100%;
    height: calc(940 * (100vw / 390));
    background: left 0% top 0% / calc(109 * (100vw / 390)) auto no-repeat url(/Contents/ImagesPkg/sightjack/260312/img-sp_13.png), right 0% bottom 0% / calc(110 * (100vw / 390)) auto no-repeat url(/Contents/ImagesPkg/sightjack/260312/img-sp_14.png);
    z-index: 0;
  }

  #BenentVideo::after {
    bottom: calc(-20 * (100vw / 390));
    left: 0;
    width: 100%;
    height: calc(488 * (100vw / 390));
    background: url(/Contents/ImagesPkg/sightjack/260312/img-sp_19.png) no-repeat;
    background-size: contain;
  }

  .Benent_section .ttl_section_sub {
    margin-bottom: calc(30*(100vw / 750));
  }


  /* ロゴ・TOP TOボタン
  ---------------------------------- */

  .sightjack_logo {
    margin: calc(10 * (100vw / 390)) auto 0;
    width: calc(240 * (100vw / 390));
  }

  .page-top-btn-sightjack {
    padding-top: calc(4 * (100vw / 390));
    bottom: 3%;
    right: 5%;
    box-sizing: border-box;
    font-size: calc(15 * (100vw / 390));
    line-height: 1.3;
    width: calc(74 * (100vw / 390));
    height: calc(74 * (100vw / 390));
  }

  .page-top-btn-sightjack::before {
    top: calc(-6 * (100vw / 390));
    right: calc(-21 * (100vw / 390));
    width: calc(38 * (100vw / 390));
    height: calc(58 * (100vw / 390));
  }

}