@charset "UTF-8";
/* component
===================================================== */
.c-logo {
  text-align: center;
  margin-bottom: 3rem;
}
.c-logo svg {
  width: 5.5rem;
  height: 3rem;
}

.c-icon {
  display: flex;
  gap: 2.4rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 3rem;
}
.c-icon svg {
  width: 1.8rem;
  height: 1.8rem;
}

/* layout
===================================================== */
.l-footer {
  overflow-x: hidden;
  width: 100%;
}
.l-footer__inner {
  padding-top: 8rem;
}
@media (max-width: 767px) {
  .l-footer__inner {
    padding-top: 6rem;
    padding-bottom: 7rem;
  }
}
.l-footer__name {
  text-align: center;
  font-size: vw(12);
  line-height: 1.75;
  margin-bottom: 8rem;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media (max-width: 767px) {
  .l-footer__name {
    margin-bottom: 6rem;
    font-size: vw(12);
    line-height: 1.6666666667;
  }
}
.l-footer__copy {
  text-align: center;
  font-size: vw(12);
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media (min-width: 769px) {
  .l-footer__copy {
    margin-bottom: 40px;
  }
}

/*--------------------------------------*
* 基本
*--------------------------------------*/
html,
body {
  width: 100%;
  font-size: 3.4666666667vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
  overflow-y: auto;
  line-height: 2;
  scroll-behavior: smooth;
}
@media screen and (min-width: 1024px) {
  html,
  body {
    font-size: 14px;
  }
}

img {
  width: 100%;
  display: block;
  border: none;
}

a {
  display: block;
  text-decoration: none;
  color: #2f2f2f;
}

.pcNone {
  display: block;
}
@media screen and (min-width: 1024px) {
  .pcNone {
    display: none;
  }
}

.spNone {
  display: none;
}
@media screen and (min-width: 1024px) {
  .spNone {
    display: block;
  }
}

/*--------------------------------------*
* font
*--------------------------------------*/
.item_name {
  font-family: "spalla", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 10.6666666667vw;
  line-height: 1.075;
}
@media screen and (min-width: 1024px) {
  .item_name {
    font-size: 46px;
  }
}

.allitem {
  font-family: "spalla", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sub_name {
  font-size: 3.4666666667vw;
}
@media screen and (min-width: 1024px) {
  .sub_name {
    font-size: 15px;
  }
}

.price,
.buy {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.2vw;
}
@media screen and (min-width: 1024px) {
  .price,
  .buy {
    font-size: 14px;
  }
}

.fvr {
  font-family: "p22-sweepy-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*--------------------------------------*
* ローディング
*--------------------------------------*/
#loading-bg {
  position: fixed;
  inset: 0;
  background: #fff;
  z-index: 9999;
}

/*--------------------------------------*
*fv
*--------------------------------------*/
#inner {
  margin: 16vw auto;
}
@media screen and (min-width: 1024px) {
  #inner {
    margin: 5.2083333333vw auto 6.5104166667vw;
  }
}
#inner .read {
  width: 82.9333333333vw;
  text-align: center;
  margin: 0 auto 21.3333333333vw;
}
@media screen and (min-width: 1024px) {
  #inner .read {
    margin: 0 auto 5.859375vw;
  }
}
#inner .read p:first-child {
  margin-bottom: 6.6666666667vw;
}
@media screen and (min-width: 1024px) {
  #inner .read p:first-child {
    margin-bottom: 32px;
  }
}

/*--------------------------------------*
*nav
*--------------------------------------*/
@media screen and (min-width: 1024px) {
  .index {
    margin: 0 auto;
  }
}
.index .index-img {
  width: 23.2vw;
  margin: 0 auto 6.6666666667vw;
}
@media screen and (min-width: 1024px) {
  .index .index-img {
    width: 87px;
    margin: 0 auto 2.6041666667vw;
  }
}
@media screen and (max-width: 767px) {
  .index ul.index-nav {
    width: 90.6666666667vw;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
  .index ul.index-nav li {
    width: 43.4666666667vw;
    transition: transform 0.45s cubic-bezier(0.19, 1, 0.22, 1);
    transform-origin: center bottom;
  }
  .index ul.index-nav li:nth-child(1) {
    transform: rotate(1deg);
  }
  .index ul.index-nav li:nth-child(2) {
    transform: rotate(4deg);
    transform: translateY(6px);
  }
  .index ul.index-nav li:nth-child(3) {
    transform: rotate(-4deg);
  }
  .index ul.index-nav li:nth-child(4) {
    transform: rotate(-2deg);
    transform: translateY(6px);
  }
  .index ul.index-nav li:nth-child(5) {
    transform: rotate(3deg);
  }
  .index ul.index-nav li:nth-child(6) {
    transform: rotate(-8deg);
    transform: translateY(6px);
  }
}

@media (min-width: 768px) {
  .index-nav {
    width: 840px;
    margin: 0 auto;
  }
  .index-nav .group {
    display: flex;
    gap: 30px;
  }
  .index-nav .group li {
    width: 740px !important;
  }
  .index-nav .group a:nth-child(1) {
    padding-top: 10px;
  }
  .index-nav .group a:nth-child(1):hover {
    transform: rotate(-7deg) translateY(-0.8vw);
  }
  .index-nav .group a:nth-child(2):hover {
    transform: rotate(-5deg) translateY(-0.5333333333vw);
  }
  .index-nav .group a:nth-child(3):hover {
    transform: rotate(-6deg) translateY(-1.0666666667vw);
  }
  .group-right {
    margin-left: 90px;
  }
  .group-right a:nth-child(1) {
    margin-top: -8px;
  }
  .group-right a:nth-child(1):hover {
    transform: rotate(-2deg) translateY(-0.5333333333vw) !important;
  }
  .group-left {
    margin-right: 90px;
    padding-top: 10px;
  }
}
/*--------------------------------------*
*共通
*--------------------------------------*/
.tit_inner {
  padding: 21.3333333333vw 8vw 10.6666666667vw 8vw;
}
.tit_inner .nom {
  width: 23.7333333333vw;
  margin-bottom: 3.7333333333vw;
}
@media screen and (min-width: 1024px) {
  .tit_inner .nom {
    width: 6.5755208333vw;
    margin-bottom: 1.1067708333vw;
  }
}

@media screen and (min-width: 1024px) {
  .main_in {
    padding-top: 100px;
  }
}

p.item_text {
  padding: 8vw 8vw;
  letter-spacing: -0.1px;
}
@media screen and (min-width: 1024px) {
  p.item_text {
    padding: 0;
    margin: 2.6041666667vw 0;
    letter-spacing: -0.5px;
  }
}

@media screen and (max-width: 767px) {
  .credit {
    padding: 0 0 10.6666666667vw 8.5333333333vw;
  }
}
.credit a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #2f2f2f;
}
@media screen and (min-width: 1024px) {
  .credit a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - 60px);
    height: 1px;
    background: #2f2f2f;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .credit a:hover::after {
    transform: scaleX(1);
  }
  .credit a:hover p.cre_item .buy {
    background: #fff;
    color: #2f2f2f;
    border: 1px solid #2f2f2f;
  }
}
.credit a p.cre_item {
  margin: 0;
}
.credit a p.cre_item .price {
  padding-left: 4vw;
}
@media screen and (min-width: 1024px) {
  .credit a p.cre_item .price {
    padding-left: 15px;
  }
}
.credit a p.cre_item .buy {
  font-size: 2.9333333333vw;
  background: #2f2f2f;
  padding: 0.8vw 3.7333333333vw;
  color: #fff;
  border-radius: 35px;
  margin-left: 1.3333333333vw;
  transition: all 0.3s;
}
@media screen and (min-width: 1024px) {
  .credit a p.cre_item .buy {
    font-size: 11px;
    padding: 4px 20px;
    margin-left: 7px;
  }
}

.flex_img_k {
  position: relative;
  z-index: 10;
  width: 96vw;
}
.flex_img_k ul {
  display: flex;
  align-items: flex-end;
  gap: 5.3333333333vw;
}
@media screen and (min-width: 1024px) {
  .flex_img_k ul {
    gap: 3.7109375vw;
    align-items: baseline;
  }
}
.flex_img_k ul li:first-child {
  width: 56vw;
}
@media screen and (min-width: 1024px) {
  .flex_img_k ul li:first-child {
    width: 26.0416666667vw;
  }
}
.flex_img_k ul li:last-child {
  width: 34.6666666667vw;
  margin-bottom: -18.6666666667vw;
}
@media screen and (min-width: 1024px) {
  .flex_img_k ul li:last-child {
    width: 20.8333333333vw;
    transform: translateY(140px);
  }
}

.flex_img_g {
  position: relative;
  z-index: 10;
}
.flex_img_g ul {
  display: flex;
  align-items: flex-start;
  gap: 5.3333333333vw;
  width: 96vw;
}
@media screen and (min-width: 1024px) {
  .flex_img_g ul {
    width: 44.2057291667vw;
    gap: 2.6041666667vw;
    align-items: center;
    justify-content: center;
    transform: translateX(-105px);
  }
}
.flex_img_g ul li:first-child {
  width: 56vw;
}
@media screen and (min-width: 1024px) {
  .flex_img_g ul li:first-child {
    width: 23.4375vw;
  }
}
.flex_img_g ul li:last-child {
  width: 34.6666666667vw;
  margin-bottom: -18.6666666667vw;
}
@media screen and (min-width: 1024px) {
  .flex_img_g ul li:last-child {
    width: 18.2291666667vw;
    margin-bottom: 0;
  }
}

section {
  position: relative;
}

@media screen and (min-width: 1024px) {
  .container {
    max-width: 78.125vw;
    margin: 0 auto;
  }
}

.sec01,
.sec03,
.sec04,
.sec06 {
  min-height: 100vh;
  padding-bottom: 40vw;
  background: url("../assets/images/back_be.webp") center/cover no-repeat;
}
@media screen and (min-width: 1024px) {
  .sec01,
  .sec03,
  .sec04,
  .sec06 {
    padding-bottom: 18.2291666667vw !important;
  }
}

.sec02,
.sec05,
.novelty {
  min-height: 100vh;
  padding-bottom: 40vw;
  background: url("../assets/images/back_br.webp") center/cover no-repeat;
}

@media screen and (max-width: 767px) {
  .sec01 .item_text {
    letter-spacing: -0.4px;
  }
}
.sec01 .other_text {
  position: absolute;
  width: 34.4vw;
  z-index: -1;
  top: 35%;
  right: 7.5%;
}

@media (min-width: 768px) {
  .sec01 .tit_inner,
  .sec04 .tit_inner,
  .sec03 .tit_inner,
  .sec06 .tit_inner {
    padding: 0;
  }
  .sec01 .tit_inner .nom,
  .sec04 .tit_inner .nom,
  .sec03 .tit_inner .nom,
  .sec06 .tit_inner .nom {
    width: 6.5755208333vw;
  }
  .sec01 .pc_flex_sec01,
  .sec04 .pc_flex_sec01,
  .sec03 .pc_flex_sec01,
  .sec06 .pc_flex_sec01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 71.6145833333vw;
    margin: 0 auto;
    margin-left: 100px;
  }
  .sec01 .pc_flex_sec01 .fl_gp01,
  .sec04 .pc_flex_sec01 .fl_gp01,
  .sec03 .pc_flex_sec01 .fl_gp01,
  .sec06 .pc_flex_sec01 .fl_gp01 {
    width: 32.5520833333vw;
  }
  .sec01 .pc_flex_sec01 .fl_gp02,
  .sec04 .pc_flex_sec01 .fl_gp02,
  .sec03 .pc_flex_sec01 .fl_gp02,
  .sec06 .pc_flex_sec01 .fl_gp02 {
    width: 33.8541666667vw;
  }
  .sec01 .credit,
  .sec04 .credit,
  .sec03 .credit,
  .sec06 .credit {
    padding-bottom: 10.4166666667vw !important;
    margin-bottom: 10.4166666667vw !important;
  }
  .sec01 .flex_img_k,
  .sec04 .flex_img_k,
  .sec03 .flex_img_k,
  .sec06 .flex_img_k {
    margin-left: 100px;
    margin-top: -200px;
  }
  .sec01 .flex_img_k .other_text,
  .sec04 .flex_img_k .other_text,
  .sec03 .flex_img_k .other_text,
  .sec06 .flex_img_k .other_text {
    width: 17.578125vw;
    position: absolute;
    z-index: -1;
    top: 75%;
    left: 52%;
  }
}
.sec02 {
  padding-bottom: 24vw;
}
@media screen and (max-width: 767px) {
  .sec02 .item_text {
    letter-spacing: -0.4px;
  }
}
.sec02 .other_text {
  position: absolute;
  width: 16vw;
  z-index: -1;
  top: 44%;
  right: 3%;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .sec02 .other_text {
    width: 2.4088541667vw;
    top: 15%;
    left: 112%;
  }
}

.sec04 .fst_img,
.sec06 .fst_img {
  width: 82.9333333333vw;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .sec02,
  .sec05 {
    padding-bottom: 7.8125vw;
  }
  .sec02 .tit_inner,
  .sec05 .tit_inner {
    padding: 7.1614583333vw 0 2.2786458333vw;
    margin: 0 auto;
  }
  .sec02 .tit_inner .nom,
  .sec05 .tit_inner .nom {
    margin: 0 auto;
    margin-bottom: 1.1067708333vw;
  }
  .sec02 .tit_inner .item_name,
  .sec02 .tit_inner .sub_name,
  .sec05 .tit_inner .item_name,
  .sec05 .tit_inner .sub_name {
    text-align: center;
  }
  .sec02 .main_in,
  .sec05 .main_in {
    width: 33.8541666667vw;
    margin: 0 auto;
    padding-top: 0;
  }
  .sec02 .credit,
  .sec05 .credit {
    padding-bottom: 3.90625vw;
  }
}
.sec03,
.sec06 {
  padding-bottom: 34.6666666667vw;
}
@media screen and (min-width: 1024px) {
  .sec03 .pc_flex_sec01,
  .sec06 .pc_flex_sec01 {
    flex-direction: row-reverse;
    margin-left: 0;
  }
}
.sec03 .flex_img_k,
.sec06 .flex_img_k {
  position: relative;
  z-index: 10;
  width: 96vw;
}
.sec03 .flex_img_k ul,
.sec06 .flex_img_k ul {
  display: flex;
  align-items: flex-end;
  gap: 5.3333333333vw;
}
@media screen and (min-width: 1024px) {
  .sec03 .flex_img_k ul,
  .sec06 .flex_img_k ul {
    gap: 3.7109375vw;
    align-items: baseline;
  }
}
.sec03 .flex_img_k ul li:first-child,
.sec06 .flex_img_k ul li:first-child {
  width: 56vw;
}
@media screen and (min-width: 1024px) {
  .sec03 .flex_img_k ul li:first-child,
  .sec06 .flex_img_k ul li:first-child {
    width: 26.0416666667vw;
  }
}
.sec03 .flex_img_k ul li:last-child,
.sec06 .flex_img_k ul li:last-child {
  width: 34.6666666667vw;
  margin-bottom: -18.6666666667vw;
}
@media screen and (min-width: 1024px) {
  .sec03 .flex_img_k ul li:last-child,
  .sec06 .flex_img_k ul li:last-child {
    width: 20.8333333333vw;
    transform: translateY(140px);
  }
}
.sec03 .flex_img_03,
.sec06 .flex_img_03 {
  position: relative;
  z-index: 10;
  width: 96vw;
}
.sec03 .flex_img_03 ul,
.sec06 .flex_img_03 ul {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  gap: 5.3333333333vw;
  margin-right: -5.3333333333vw;
}
@media screen and (min-width: 1024px) {
  .sec03 .flex_img_03 ul,
  .sec06 .flex_img_03 ul {
    width: 50.78125vw;
    margin-left: 300px;
    margin-top: -200px;
    gap: 3.7109375vw;
    align-items: baseline;
  }
}
.sec03 .flex_img_03 ul li:first-child,
.sec06 .flex_img_03 ul li:first-child {
  width: 56vw;
}
@media screen and (min-width: 1024px) {
  .sec03 .flex_img_03 ul li:first-child,
  .sec06 .flex_img_03 ul li:first-child {
    width: 26.0416666667vw;
  }
}
.sec03 .flex_img_03 ul li:last-child,
.sec06 .flex_img_03 ul li:last-child {
  width: 34.6666666667vw;
  margin-bottom: -10.6666666667vw;
}
@media screen and (min-width: 1024px) {
  .sec03 .flex_img_03 ul li:last-child,
  .sec06 .flex_img_03 ul li:last-child {
    width: 20.8333333333vw;
    margin-bottom: 0;
    transform: translateY(10vw);
  }
}

.sec03 .other_text {
  position: absolute;
  width: 16vw;
  z-index: -1;
  top: 44%;
  right: 5.5%;
  z-index: -1;
}

.sec04 .other_text {
  position: absolute;
  width: 36.2666666667vw;
  z-index: -1;
  top: 93%;
  left: 24.5%;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .sec04 .flex_img_k {
    margin-left: 100px;
    margin-top: -200px;
  }
  .sec04 .flex_img_k .other_text {
    width: 19.53125vw;
    position: absolute;
    z-index: -1;
    top: 113.5%;
    left: 9.5%;
  }
}

.sec05 {
  padding-bottom: 21.3333333333vw;
}
.sec05 .flex_img {
  position: relative;
  z-index: 10;
}
.sec05 .flex_img ul {
  display: flex;
  align-items: center;
  gap: 5.3333333333vw;
  margin-left: 4.2666666667vw;
}
.sec05 .flex_img ul li:first-child {
  width: 49.0666666667vw;
}
.sec05 .flex_img ul li:last-child {
  width: 33.0666666667vw;
}
.sec05 .other_text {
  position: absolute;
  width: 14.4vw;
  z-index: -1;
  top: 39%;
  left: 81%;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .sec05 .other_text {
    width: 2.4088541667vw;
    top: 14%;
    left: 112%;
  }
}

.other_cut {
  position: relative;
  min-height: 150.1333333333vw;
  background: url("../assets/images/other1_bk.webp");
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 1024px) {
  .other_cut {
    min-height: 52.9296875vw;
  }
}
.other_cut .ot {
  position: absolute;
  z-index: 1;
  width: 93.8666666667vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1024px) {
  .other_cut .ot {
    width: 57.03125vw;
  }
}

.other02 {
  min-height: 171.4666666667vw;
}
@media screen and (min-width: 1024px) {
  .other02 {
    min-height: 56.25vw;
  }
}
.other02 .ot {
  left: 52%;
}
@media screen and (min-width: 1024px) {
  .other02 .ot {
    width: 55.2083333333vw;
  }
}

.all_area {
  min-height: 100vh;
  background: url("../assets/images/back_be.webp") center/cover no-repeat;
  padding-bottom: 21.3333333333vw !important;
}
@media screen and (min-width: 1024px) {
  .all_area {
    padding-bottom: 7.8125vw !important;
  }
}

.all_head {
  padding: 21.3333333333vw 12vw;
  text-align: center;
  line-height: 1.3;
}
@media screen and (min-width: 1024px) {
  .all_head {
    padding: 6.5104166667vw 4.5572916667vw;
  }
}
.all_head .fve {
  font-size: 4vw;
}
@media screen and (min-width: 1024px) {
  .all_head .fve {
    font-size: 1.0416666667vw;
  }
}
.all_head .allitem {
  font-size: 10.6666666667vw;
}
@media screen and (min-width: 1024px) {
  .all_head .allitem {
    font-size: 2.9947916667vw;
  }
}
.all_head .sub_name {
  font-size: 2.9296875vw 14;
}
@media screen and (min-width: 1024px) {
  .all_head .sub_name {
    font-size: 0.9765625vw;
  }
}

.all_flex {
  width: 91.4666666667vw;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 3.2vw 1.8666666667vw;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .all_flex {
    display: flex;
    gap: 0.78125vw;
    justify-content: center;
  }
}
.all_flex > li {
  position: relative;
  text-align: center;
  padding-bottom: 6.9333333333vw;
  width: 44.8vw;
  height: 98.6666666667vw;
  background: #fff;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .all_flex > li {
    width: 12.3697916667vw;
    height: 26.6927083333vw;
  }
}
.all_flex > li .credit_in {
  height: 36.2666666667vw;
}
@media screen and (min-width: 1024px) {
  .all_flex > li .credit_in {
    height: 9.5052083333vw;
  }
}
.all_flex > li .credit_in .item_name {
  font-size: 5.3333333333vw;
  padding-top: 4.2666666667vw;
  padding-bottom: 1.0666666667vw;
}
@media screen and (min-width: 1024px) {
  .all_flex > li .credit_in .item_name {
    font-size: 1.5625vw;
    padding-top: 1.0416666667vw;
    padding-bottom: 0.2604166667vw;
  }
}
.all_flex > li .credit_in .sub_name {
  font-size: 3.2vw;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .all_flex > li .credit_in .sub_name {
    font-size: 0.78125vw;
  }
}
.all_flex > li .credit_in .buy {
  position: absolute;
  color: #fff;
  background: #2f2f2f;
  padding: 0 4.2666666667vw;
  border-radius: 45px;
  bottom: 6%;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1.7;
}
@media screen and (min-width: 1024px) {
  .all_flex > li .credit_in .buy {
    font-size: 0.7161458333vw;
    padding: 0 1.0416666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .all_flex > li:nth-child(1):hover {
    transform: rotate(-4deg);
  }
  .all_flex > li:nth-child(2):hover {
    transform: rotate(5deg);
  }
  .all_flex > li:nth-child(3):hover {
    transform: rotate(-6deg);
  }
  .all_flex > li:nth-child(4):hover {
    transform: rotate(4deg);
  }
  .all_flex > li:nth-child(5):hover {
    transform: rotate(-5deg);
  }
  .all_flex > li:nth-child(6):hover {
    transform: rotate(6deg);
  }
}
.all_flex > li:nth-child(1)::before, .all_flex > li:nth-child(3)::before, .all_flex > li:nth-child(4)::before, .all_flex > li:nth-child(6)::before {
  content: "";
  position: absolute;
  width: 7.4666666667vw;
  height: 13.8666666667vw;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10;
}
@media screen and (min-width: 1024px) {
  .all_flex > li:nth-child(1)::before, .all_flex > li:nth-child(3)::before, .all_flex > li:nth-child(4)::before, .all_flex > li:nth-child(6)::before {
    width: 1.8229166667vw;
    height: 3.3854166667vw;
  }
}
.all_flex > li:nth-child(1)::before {
  background-image: url("../assets/images/pin_01.png");
  top: -2.2%;
  left: 8%;
}
.all_flex > li:nth-child(3)::before {
  background-image: url("../assets/images/pin_03.png");
  top: 77%;
  left: 84%;
  transform: rotate(-18deg);
}
.all_flex > li:nth-child(4)::before {
  background-image: url("../assets/images/pin_04.png");
  top: -3%;
  left: 9%;
}
.all_flex > li:nth-child(6)::before {
  background-image: url("../assets/images/pin_04.png");
  top: -3%;
  left: 80%;
  transform: rotate(39deg);
}

.novelty {
  text-align: center;
  padding-bottom: 21.3333333333vw;
}
@media screen and (min-width: 1024px) {
  .novelty {
    padding-bottom: 7.1614583333vw;
  }
}
.novelty .title {
  padding: 21.3333333333vw 0 10.6666666667vw 0;
}
@media screen and (min-width: 1024px) {
  .novelty .title {
    padding: 6.5104166667vw 0 2.6041666667vw 0;
  }
}
.novelty .n_img {
  width: 96vw;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .novelty .n_img {
    width: 79.6875vw;
    margin: 0 auto;
    transform: translateX(10px);
  }
}
.novelty .n_img .text {
  position: absolute;
  font-size: 3.4666666667vw;
  text-align: left;
  width: 80.8vw;
  bottom: 13%;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 1024px) {
  .novelty .n_img .text {
    font-size: 0.9114583333vw;
    width: 22.265625vw;
    top: 25%;
    left: 72%;
    bottom: 0;
  }
}/*# sourceMappingURL=style.css.map */