@charset "UTF-8";
.c-bg-cream{
  background-color: #FCFCFA;
  padding-bottom: 80px;
  margin-bottom: 80px;
}
.c-bg-dot{
  padding: 82px 0;
  background-image: url(../img/products/toppage/bg_dot.webp);
  background-repeat: repeat;
  position: relative;
}
.c-bg-dot::before,
.c-bg-dot::after{
  content: '';
  display: block;
  width: 100%;
  height: 43px;
  background-repeat: repeat-x;
  position: absolute;
  left: 0;
}
.c-bg-dot::before{
  background-image: url(../img/products/toppage/bg_nami_down.webp);
  top: 0;
}
.c-bg-dot::after{
  background-image: url(../img/products/toppage/bg_nami_up.webp);
  bottom: 0;
}
.l-producttop-section-inner{
  width: 100%;
  padding: 0 15px;
  position: relative;
}
.p-product-top-header{
  padding: 19px 0 8px;
}
.l-product-top-headerarea{
  display: block;
}
.c-product-top--title{
  width: 100%;
  margin: 0 0 40px;
}
.l-product-top-mvarea{
  width: 100%;
  margin: 0 0 55px;
  padding: 7px;
  border: 2px dashed #DDD8CC;
  border-radius: 36px;
  background-repeat: no-repeat;
  background-size: contain;
}
.c-product-top-mv{
  overflow: hidden;
}
.c-product-top-mv img{
  width: 100%;
  border-radius: 32px;
}
.c-product-top-copy p{
  font-family: var(--font-gothic-m);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 768px){
  .p-product-top-header{
    padding: 47px 0 24px;
  }
  .l-producttop-section-inner{
    width: 100%;
    min-width: 1200px;
    max-width: 1500px;
    padding: 0 60px;
    margin: 0 auto;
  }
  .l-product-top-headerarea{
    display: grid;
    grid-template-columns: 54% 1fr;
    gap: 55px;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 62px;
  }
  .c-product-top--title{
    margin: 0;
  }
  .l-product-top-mvarea{
    order: -1;
    margin: 0;
    padding: 15px;
    border-width: 4px;
    border-radius: 106px;
  }
  .c-product-top-mv img{
    width: 100%;
    border-radius: 92px;
  }
  .c-product-top-copy p{
    font-size: 2.5rem;
  }
}
.c-product-top-lookin{
  padding: 64px 0;
}
.c-product-top-lookin--title{
  margin: 0 auto 40px;
  padding: 0 20px;
}
.l-product-top-galleryarea{
  margin: 0;
  overflow: hidden;
  position: relative;
}
.c-product-top-gallery{
  width: calc(100% - 30px);
  margin: 0 auto;
}
.c-product-top-gallery .slide-arrow{
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: var(--color-white);
  position: absolute;
  top: 122px;
  border: none;
}
.c-product-top-gallery .slick-list .slick-slide .c-product-top-gallery-img--img{
  position: relative;
}
.c-product-top-gallery .slick-list .slick-slide:not(.slick-current) .c-product-top-gallery-img--img::after{
  content: '';
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
  transition: opacity 0.3s ease;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.c-product-top-gallery .prev-arrow{
  left: -13px;
  z-index: 2;
}
.c-product-top-gallery .next-arrow{
  right: -13px;
  z-index: 2;
}
.c-product-top-gallery .slide-arrow::after{
  content: '';
  width: 10px;
  height: 10px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
}
.c-product-top-gallery .prev-arrow::after{
  background-image: url(../img/products/toppage/ico_prev.webp);
}
.c-product-top-gallery .next-arrow::after{
  background-image: url(../img/products/toppage/ico_next.webp);
}
.c-product-top-gallery .slick-list{
  overflow: visible !important;
  margin: 0;
}
.c-product-top-gallery-img{
  width: calc(100% - 30px);
  padding: 0 1px;
  margin: 0 auto;
  position: relative;
}
.c-product-top-gallery-img img{
  border-radius: 10px;
  width: 100%;
  object-fit: cover;
}
.l-product-top-gallery-txtarea{
  margin: 0 24px;
  padding: 18px 15px;
  border-radius: 20px;
  background-color: var(--color-white);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  position: relative;
  top: -30px;
  opacity: 0;
  transition: opacity 0.3s ease;
  font-family: var(--font-gothic-m);
}
.slick-current .l-product-top-gallery-txtarea{
  opacity: 1;
}
.l-product-top-gallery-txtarea::before{
  content: '';
  display: block;
  background-image: url(../img/products/toppage/ico_triangle.webp);
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 15px;
  position: absolute;
  top: -14px;
  left: calc(50% - 9px);
}
.l-product-top-gallery-thumb_area{
  margin: 0 auto 30px;
}
.c-product-top-gallery-thumb .slick-track{
  transform: unset !important;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3px;
}
.c-product-top-gallery-thumb--img{
  transition: opacity 0.3s linear;
  width: 66px !important;
}
.c-product-top-gallery-thumb--img img{
  border-radius: 6px;
}
.c-product-top-gallery-thumb .slick-current{
  border: 2px solid #EBC000;
  border-radius: 6px;
}
.c-product-top-lookin-bunner{
  position: relative;
  padding: 0 18px;
}
.c-product-top-lookin-bunner--txt{
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  color: var(--color-white);
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.c-product-top-lookin-bunner--txt .u-main{
  font-size: 1.8rem;
  margin: 0 0 12px;
  font-family: var(--font-gothic-m);
}
.c-product-top-lookin-bunner--txt .u-sub{
  font-size: 1.2rem;
  font-family: var(--font-gothic-m);
}
@media (min-width: 768px){
  .c-product-top-lookin{
    padding: 140px 0;
  }
  .c-product-top-lookin--title{
    width: 412px;
    margin-bottom: 72px;
    padding: 0;
  }
  .l-product-top-galleryarea{
    margin-bottom: 68px;
  }
  .c-product-top-lookin-bunner{
    width: 463px;
    padding: 0;
    margin: 0 auto;
  }
  .c-product-top-lookin-bunner--txt .u-main{
    font-size: 2rem;
    margin-bottom: 18px;
  }
  .c-product-top-lookin-bunner--txt .u-sub{
    font-size: 1.4rem;
  }
  .l-product-top-galleryarea{
    margin: 0;
  }
  .c-product-top-gallery{
    width: 880px;
  }
  .c-product-top-gallery .slide-arrow{
    width: 66px;
    height: 66px;
    top: 260px;
  }
  .c-product-top-gallery .slick-list .slick-slide:not(.slick-current) .c-product-top-gallery-img--img::after{
    border-radius: 20px;
  }
  .c-product-top-gallery .prev-arrow{
    left: -33px;
  }
  .c-product-top-gallery .next-arrow{
    right: -33px;
  }
  .c-product-top-gallery .slide-arrow::after{
    width: 14px;
    height: 14px;
    top: calc(50% - 7px);
    left: calc(50% - 7px);
  }
  .c-product-top-gallery .slick-list{
    margin: 0;
  }
  .c-product-top-gallery-img{
    width: 883px;
    padding: 0 3px;
  }
  .c-product-top-gallery-img img{
    border-radius: 20px;
    height: 574px;
  }
  .l-product-top-gallery-txtarea{
    width: 824px;
    margin: 0 auto;
    padding: 33px 37px;
    text-align: center;
    top: -30px;
  }
  .l-product-top-gallery-thumb_area{
    width: 100%;
    height: 45px;
    margin: 0 auto 68px;
  }
  .c-product-top-gallery-thumb .slick-track{
    transform: unset !important;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3px;
  }
  .c-product-top-gallery-thumb--img{
    transition: opacity 0.3s linear;
    width: 66px !important;
  }
  .c-product-top-gallery-thumb--img img{
    border-radius: 6px;
  }
  .c-product-top-gallery-thumb .slick-current{
    border: 2px solid #EBC000;
    border-radius: 6px;
  }
  .l-product-top-gallery-txtarea::before{
    content: '';
    display: block;
    background-image: url(../img/products/toppage/ico_triangle.webp);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 15px;
    position: absolute;
    top: -14px;
    left: calc(50% - 9px);
  }
  .c-product-top-gallery-txt p{
    font-size: 1.8rem;
  }
}
.c-product-top-flow{
  padding: 18px 0 40px;
}
.c-product-top-flow-header{
  display: grid;
  gap: 30px;
  margin: 0 0 40px;
  align-items: center;
}
.c-product-top-flow-header--title{
  margin: 0 auto;
  width: 329px;
}

.c-product-top-flow-1{
  margin: 0 0 26px;
}
.c-product-top-flow-1--title{
  width: 216px;
  margin: 0 auto 24px;
}
.l-product-top-flow-column-txtarea{
  margin: 0 15px;
  padding: 35px 25px;
  border-radius: 20px;
  background-color: var(--color-white);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  position: relative;
  bottom: 30px;
}
.c-product-top-flow-column--title{
  margin: 0 0 15px;
  color: #E9B030;
  font-family: var(--font-gothic-m);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.25;
  text-align: center;
}
.c-product-top-flow-column--txt p{
  font-size: 1.4rem;
  line-height: 1.6;
}
.c-product-top-flow-2{
  margin: 0 0 26px;
}
.c-product-top-flow-2--title{
  width: 185px;
  margin: 0 auto 24px;
}
.c-product-top-flow-3{
  margin: 0 0 40px;
}
.c-product-top-flow-3--title{
  width: 278px;
  margin: 0 auto 24px;
}
.c-product-top-flow-addition{
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  overflow: hidden;
}
.l-product-top-flow-addition-txtarea{
  background-color: var(--color-white);
  padding: 35px 25px 41px;
}
.c-product-top-flow-addition--img{
  width: 100%;
}
.c-product-top-flow-addition--title{
  margin: 0 0 25px;
  text-align: center;
}
.c-product-top-flow-addition--title .u-sub{
  margin: 0 0 10px;
  font-size: 2.2rem;
  font-family: var(--font-gothic-m);
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1.4;
}
.c-product-top-flow-addition--title .u-main{
  width: 248px;
  margin: 0 auto;
}
.c-product-top-flow-addition--txt{
}
.c-product-top-flow-addition--txt p{
  font-size: 1.4rem;
  font-family: var(--font-gothic-l);
  line-height: 1.57;
}
@media (min-width: 768px){
  .c-product-top-flow{
    padding: 88px 0 50px;
  }
  .c-product-top-flow-header{
    grid-template-columns: 620px 1fr;
    gap: 83px;
    margin-bottom: 48px;
    align-items: center;
  }
  .c-product-top-flow-header--img{
    order: -1;
  }
  .c-product-top-flow-header--title{
    margin: 0;
    width: 461px;
  }
  .c-product-top-flow-1{
    margin-bottom: 38px;
  }
  .c-product-top-flow-1--title{
    width: 284px;
    margin-bottom: 36px;
  }
  .l-product-top-flow-col2area{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .l-product-top-flow-column-txtarea{
    padding: 35px 62px;
    border-radius: 30px;
  }
  .c-product-top-flow-column--title{
    margin-bottom: 25px;
    font-size: 2.3rem;
  }
  .c-product-top-flow-column--txt p{
    font-size: 1.6rem;
  }
  .c-product-top-flow-2{
    margin: 0 0 26px;
  }
  .c-product-top-flow-2--title{
    width: 244px;
    margin-bottom: 36px;
  }
  .c-product-top-flow-3{
    margin: 0 0 40px;
  }
  .c-product-top-flow-3--title{
    width: 674px;
    margin-bottom: 36px;
  }
  .c-product-top-flow-2 .l-product-top-flow-column-txtarea,
  .c-product-top-flow-3 .l-product-top-flow-column-txtarea{
    width: 830px;
    margin: 0 auto;
  }
  .c-product-top-flow-addition{
    display: grid;
    grid-template-columns: 414px 1fr;
    margin: 0 50px;
  }
  .l-product-top-flow-addition-txtarea{
    padding: 52px 41px 54px;
  }
  .c-product-top-flow-addition--img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .c-product-top-flow-addition--title{
    margin: 0 0 25px;
    text-align: center;
  }
  .c-product-top-flow-addition--title .u-sub{
    margin-bottom: 12px;
    font-size: 2.8rem;
  }
  .c-product-top-flow-addition--title .u-main{
    width: 585px;
  }
  .c-product-top-flow-addition--txt{
    margin: 0;
  }
  .c-product-top-flow-addition--txt p{
    font-size: 1.6rem;
  }
}
.c-product-top-point-header--title{
  width: 316px;
  margin: 0 auto 42px;
}
.c-product-top-flow-header--img{
  margin: 0 0 50px;
}
.l-product-top-flow-3pointarea{
  display: grid;
  gap: 21px;
  margin: 0 0 66px;
}
.c-product-top-flow-3point-box{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 21px;
  align-items: center;
}
.c-product-top-flow-3point--img img {
  width: 130px;
}
.c-product-top-flow-3point--title img{
  display: block;
  width: auto !important;
  height: 28px;
  margin: 0 auto 17px;
}
.c-product-top-flow-3point--txt p{
  font-size: 1.4rem;
  font-family: var(--font-gothic-m);
  line-height: 1.57;
  text-align: center;
}
.c-product-top-flow-fitting{
  margin: 0 0 70px;
}
.c-product-top-flow-fitting_title{
  width: 316px;
  margin: 0 auto 7px;
}
.l-product-top-flow-fitting-area{
  display: grid;
  gap: 29px;
}
.c-product-top-flow-fitting-point{
  display: grid;
  grid-template-columns: 129px 1fr;
  gap: 19px;
  align-items: end;
}
.c-product-top-flow-fitting-point--txt{
  font-family: var(--font-gothic-m);
}
@media (min-width: 768px){
  .c-product-top-point-header--title{
    width: 455px;
    margin: 0 auto;
  }
  .c-product-top-flow-header--img{
    margin: 0;
  }
  .l-product-top-flow-3pointarea{
    width: 880px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
    margin: 0 auto 80px;
  }
  .c-product-top-flow-3point-box{
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .c-product-top-flow-3point--title img{
    display: block;
    width: auto;
    height: 33px;
    margin: 0 auto 21px;
  }
  .c-product-top-flow-3point--img{
    width: 232px;
    margin: 0 auto;
  }
  .c-product-top-flow-3point--img img {
    width: 100%;
  }
  .c-product-top-flow-3point--txt p{
    font-size: 1.6rem;
    text-align: center;
  }
  .c-product-top-flow-fitting{
    margin: 0;
  }
  .c-product-top-flow-fitting_title{
    width: 756px;
    margin: 0 auto 54px;
  }
  .l-product-top-flow-fitting-area{
    display: grid;
    gap: 29px;
  }
  .l-product-top-flow-fitting-area{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 33px;
  }
  .c-product-top-flow-fitting-point--img{
    width: 279px;
    height: 279px;
    margin: 0 auto;
  }
  .c-product-top-flow-fitting-point{
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
    align-items: start;
  }
  .c-product-top-flow-fitting-point--txt{
    width: 279px;
    padding: 0 0 0 30px;
    margin: 0 auto;
  }
}
.c-product-top-join{
  padding: 20px 0 115px;
}
.c-product-top-join-header{
  display: grid;
  gap: 40px;
  margin: 0 0 40px;
  align-items: center;
}
.c-product-top-join-header--title{
  width: 308px;
  margin: 0 auto;
}
.c-product-top-join-calender{
  margin: 0 0 38px;
}
.c-product-top-join-calender-column{
  margin: 0 0 38px;
}
.c-product-top-join-calender-column--title{
  display: grid;
  grid-template-columns: 68px 1fr;
  align-items: center;
  gap: 13px;
  margin: 0 0 30px;
  font-family: var(--font-gothic-m);
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 0.15em;
  line-height: 1.3;
}
.c-product-top-join-calender-column--title span {
  align-self: center;
}
.c-product-top-join-calender-column--txt{
  display: grid;
  gap: 19px;
  margin: 0 0 42px;
}
.c-product-top-join-calender-column--txt p{
  font-size: 1.4rem;
  font-family: var(--font-gothic-l);
  line-height: 1.7;
}
.c-product-top-join-calender-column--txt .u-square{
  display: flex;
  align-items: flex-start;
}
.c-product-top-join-calender-column--txt .u-square::before{
  content: '■';
  display: block;
}
.c-product-top-join-calender-column--txt .u-kome{
  display: flex;
  align-items: flex-start;
}
.c-product-top-join-calender-column--txt .u-kome::before{
  content: '※';
  display: block;
}
.c-product-top-join-calender--caption{
  text-align: center;
  margin: 0 0 20px;
  font-size: 1.6rem;
  font-family: var(--font-gothic-m);
}
.c-product-top-join-button a{
  display: grid;
  place-content: center;
  width: 100%;
  line-height: 71px;
  background-color: #FFF000;
  border: 1px solid #222222;
  border-radius: 100px;
  font-size: 2rem;
  font-family: var(--font-gothic-m);
}
.c-product-top-join-map{
  position: relative;
  padding: 0 0 89px;
}
.c-product-top-join-sec--title{
  width: 100%;
  font-family: var(--font-gothic-m);
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  line-height: 1.4;
  margin: 0 0 33px;
}
.c-product-top-join-access--title{
  position: absolute;
  top: 64px;
  left: 0;
}
.c-product-top-join-map--title .u-main{
  font-family: var(--font-gothic-m);
  font-size: 2.6rem;
  font-weight: 500;
}
.c-product-top-join-map--title .u-sub{
  font-family: var(--font-gothic-m);
  font-size: 14px;
  font-weight: 500;
}
.c-product-top-join-map--img{
  margin: 0 0 27px;
  padding: 0 0 0 15px;
  overflow: hidden;
}
.c-product-top-join-map--img img{
  width: 431px !important;
}
.c-product-top-join-map--title{
  display: flex;
  gap: 12px;
  margin: 0 0 20px;
  line-height: 1.6;
  align-items: center;
}
.c-product-top-join-map--txt{
  display: grid;
  gap: 10px;
}
.c-product-top-join-map--txt p{
  font-size: 1.4rem;
  font-family: var(--font-gothic-l);
  line-height: 1.7;
  font-size: 1.4rem;
}
.c-product-top-join-map--txt:not(:last-child){
  margin: 0 0 32px;
}
.c-product-top-join-more{
  margin: 0 0 54px;
}
.c-product-top-join-more--img{
  margin: 0 0 30px;
}
.c-product-top-join-more--txt{
  margin: 0 0 30px;
}
.c-product-top-join-more--txt p{
  font-size: 1.4rem;
  font-family: var(--font-gothic-l);
  line-height: 1.7;
}
.c-product-top-join-more--txt .u-arrowlink{
  font-size: 1.2rem;
  font-family: var(--font-gothic-m);
}
.c-product-top-join-welcome--img{
  margin: 0 0 17px;
}
.c-product-top-join-welcome--img img{
  width: 100%;
}
.c-product-top-join-welcome--txt{
  width: 312px;
  margin: 0 auto;
}
.c-product-top-shop--title{
  font-family: var(--font-gothic-m);
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  line-height: 1.4;
  margin: 0 0 63px;
  text-align: center;
}
@media (min-width: 768px){
  .c-product-top-join{
    padding: 74px 0 127px;
  }
  .c-product-top-join-header{
    display: grid;
    grid-template-columns: 660px 1fr;
    gap: 54px;
    margin: 0 auto 69px;
    align-items: center;
  }
  .c-product-top-join-header--img{
    order: -1;
  }
  .c-product-top-join-header--title{
    width: 453px;
    margin: 0;
  }
  .l-product-top-join-calenderarea{
    display: grid;
    grid-template-columns: 760px 1fr;
    gap: 45px;
  }
  .c-product-top-join-calender{
    margin: 0;
  }
  .l-product-top-join-calender-txtarea{
    padding: 44px 0 0;
  }
  .c-product-top-join-calender-column{
    margin: 0 0 34px;
  }
  .c-product-top-join-calender-column--title{
    font-size: 2.2rem;
  }
  .c-product-top-join-calender-column--txt{
    display: grid;
    gap: 19px;
    margin: 0 0 42px;
  }
  .c-product-top-join-calender--caption{
    text-align: center;
    margin: 0 0 20px;
    font-size: 1.6rem;
    }
  .c-product-top-join-button a{
    line-height: 88px;
    font-size: 2.4rem;
  }
  .c-product-top-join-map{
    position: relative;
    padding: 137px 0 145px 60px;
  }
  .c-product-top-join-sec--title{
    width: 100%;
    font-family: var(--font-gothic-m);
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    line-height: 1.4;
    margin: 0 0 33px;
  }
  .c-product-top-join-access--title{
    top: 28px;
  }
  .c-product-top-join-map--title .u-main{
    font-family: var(--font-gothic-m);
    font-size: 2.8rem;
    font-weight: 500;
  }
  .c-product-top-join-map--title .u-sub{
    font-family: var(--font-gothic-m);
    font-size: 1.6rem;
    font-weight: 500;
  }
  .c-product-top-join-map--img{
    margin: 0 0 27px;
    padding: 0 0 0 15px;
    position: absolute;
    left: calc(50% - 63px);
    top: 0;
  }
  .c-product-top-join-map--img img{
    width: 548px !important;
  }
  .c-product-top-join-map--title{
    display: flex;
    gap: 12px;
    align-items: center;
    margin: 0 0 20px;
    line-height: 1.6;
  }
  .c-product-top-join-map--txt{
    display: grid;
    gap: 10px;
  }
  .c-product-top-join-map--txt p{
    font-size: 1.6rem;
    font-family: var(--font-gothic-l);
    line-height: 1.7;
  }
  .c-product-top-join-map--txt:not(:last-child){
    margin: 0 0 32px;
  }
  .c-product-top-join-more{
    margin: 0 0 54px;
  }
  .l-product-top-join-morearea{
    display: grid;
    grid-template-columns: 520px 1fr;
    gap: 41px;
    align-items: center;
    margin-bottom: 40px;
  }
  .l-product-top-join-more-txtarea{
    width: 427px;
  }
  .c-product-top-join-more--txt{
    margin: 0 0 28px;
  }
  .c-product-top-join-more--txt p{
    font-size: 1.6rem;
  }
  .c-product-top-join-more--img{
    margin: 0;
  }
  .c-product-top-join-map--txt .u-arrowlink{
    font-size: 1.2rem;
  }
  .c-product-top-join-welcome{
    width: 1000px;
    margin: 0 auto;
  }
  .c-product-top-join-welcome--img{
    margin: 0 0 40px;
  }
  .c-product-top-join-welcome--img img{
    width: 100%;
  }
  .c-product-top-join-welcome--txt{
    width: 724px;
    margin: 0 auto;
  }
  .c-product-top-shop--title{
    font-family: var(--font-gothic-m);
    font-size: 26px;
    font-weight: 500;
    text-align: center;
    line-height: 1.4;
    margin: 0 0 63px;
    text-align: center;
  }
  .c-product-top-join-more--txt .u-arrowlink{
    font-size: 1.5rem;
  }
}
.style-block {
  display: block;
}