@charset "UTF-8";
html {
  -webkit-text-size-adjust: 100%;
}

.main-area {
  display: block;
  min-width: unset;
  max-width: unset;
}

.FU250424catalogss2st_lp {
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .FU250424catalogss2st_lp {
    overflow-x: hidden;
  }
}
.FU250424catalogss2st_lp * {
  box-sizing: border-box;
}
.FU250424catalogss2st_lp li,
.FU250424catalogss2st_lp summary {
  list-style: none;
}
.FU250424catalogss2st_lp img,
.FU250424catalogss2st_lp video,
.FU250424catalogss2st_lp picture {
  width: 100%;
  height: auto;
}
.FU250424catalogss2st_lp a,
.FU250424catalogss2st_lp picture,
.FU250424catalogss2st_lp figure {
  display: block;
}
.FU250424catalogss2st_lp a {
  color: inherit;
  text-decoration: none;
}
.FU250424catalogss2st_lp table {
  border-collapse: collapse;
}
.FU250424catalogss2st_lp img {
  width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
}

.FU250424catalogss2st_lp {
  color: #000;
}

.pcOnly {
  display: block;
}
.spOnly {
  display: none;
}
@media screen and (max-width: 767px) {
  .pcOnly {
    display: none;
  }
  .spOnly {
    display: block;
  }
  .FU250424catalogss2st_lp .spOnly {
    display: block;
  }
  .FU250424catalogss2st_lp .whitebg::after {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .slick-dots {
    margin: 0;
  }
  .FU250424catalogss2st_lp .spOnly {
    display: none;
  }
  .FU250424catalogss2st_lp img {
    image-rendering: -webkit-optimize-contrast;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html {
    font-size: 0.7142857143vw;
  }
}
.FU250424catalogss2st_lp {
  overflow: hidden;
  margin: 0;
  text-align: center;
  color: #000;
}

.YuGothic {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "メイリオ", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.slide_item a:hover {
  opacity: 1;
}

.credit.topcr,
.credit.btmcr {
  z-index: 10;
  opacity: 1;
}

/* ================================================================================ */
/* ============================= ▲ ベースのスタイル ▲　 ============================== */
/* ================================================================================ */

.cont_inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.credit,
.credit ul li {
  font-size: 1.2rem;
  line-height: 2;
  font-family: "acuminVariableConcept";
}

@media screen and (max-width: 767px) {
  .cont_inner {
    max-width: none;
  }
  .credit,
  .credit ul li {
    font-size: calc(22 * (100vw / 750));
  }
}

.font-neue {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.credit p {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.04em;
  margin-left: -0.1rem;
  line-height: 1.86;
  margin-top: -0.7rem;
}
@media screen and (max-width: 767px) {
  .credit p {
    margin-left: calc(-3 * (100vw / 750));
    line-height: 2.07;
    margin-top: calc(-14 * (100vw / 750));
    letter-spacing: 0.03em;
  }
}

/* @font-face {
  font-family: "acuminVariableConcept";
  src: url(../font/AcuminVariableConcept.otf);
}
@font-face {
  font-family: "TimesNewRomanMTStd";
  src: url(../font/TimesNewRomanMTStd_Cond.otf);
} */

/* ================================================================================ */
/* =========================== ▼ レイアウトのスタイル ▼　 ============================= */
/* ================================================================================ */

/* .FU250424catalogss2st_lp .hded_fixd {
  width: 126.6rem;
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 19.6rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 100;
}
.FU250424catalogss2st_lp .hded_fixd .logo {
  width: 17.4rem;
}
.FU250424catalogss2st_lp .hded_fixd .all_btn {
  width: 16.6rem;
  margin-top: -3.6rem;
}
.FU250424catalogss2st_lp .hded_fixd .all_btn img {
  width: 19rem;
}
.FU250424catalogss2st_lp .hded_fixd .all_btn p {
  font-size: 1.7rem;
  color: #FF0000;
  text-align: right;
  margin-top: -2.5rem;
} */
.FU250424catalogss2st_lp .hded_fixd {
  width: 126.6rem;
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 19.6rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 1;
  padding-bottom: calc(var(--header-height) + 20px);
  box-sizing: border-box;
}
.FU250424catalogss2st_lp .hded_fixd .logo {
  width: 17.4rem;
}
.FU250424catalogss2st_lp .hded_fixd .logo img {
  pointer-events: none;
}
.FU250424catalogss2st_lp .hded_fixd .all_btn {
  width: 16.6rem;
  margin-top: -3.6rem;
}
.FU250424catalogss2st_lp .hded_fixd .all_btn img {
  width: 19rem;
  pointer-events: none;
}
.FU250424catalogss2st_lp .hded_fixd .all_btn p {
  font-size: 1.7rem;
  color: #FF0000;
  text-align: right;
  margin-top: -2.5rem;
}
.FU250424catalogss2st_lp .contents {
  margin-top: calc(var(--header-height) + 20px);
}
@media screen and (max-width: 767px) {
  .FU250424catalogss2st_lp .hded_fixd_sp {
    width: calc(721 * (100vw / 750));
    height: calc(95 * (100vw / 750));
    position: sticky;
    top: calc(270 * (100vw / 750));
    z-index: 12;
    margin: 0 0 0 calc(25 * (100vw / 750));
  }
  .FU250424catalogss2st_lp .hded_fixd .logo_sp {
    width: calc(730 * (100vw / 750));
  }
}


/* ============================== ▼ contents_area ▼　 ================================ */
/* ================================================================================ */
.main_img {
  width: 59rem;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.contents01 {
  width: 59rem;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .main_img {
    width: calc(750 * (100vw / 750));
    margin: 0 auto;
    position: relative;
  }
  .logo_sp.spOnly {
    display: block;
    position: absolute;
    width: calc(207 * (100vw / 750));
    top: calc(384 * (100vw / 750));
    left: calc(44 * (100vw / 750));
  }
  .contents01 {
    width: calc(750 * (100vw / 750));
    margin: calc(-108 * (100vw / 750)) auto 0;
  }

}

.position_item {
  position: relative;
}
.credit {
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

/* img02_box */
.img02_box .credit {
  top: 31.4rem;
  left: 2.1rem;
}
/* img03_box */
.img03_box .credit {
  top: 42rem;
  left: 2rem;
}
/* img04_box */
.slide_item {
  position: relative;
}
.img04_box .slide_item .credit.topcr{
  top: 13.3rem;
  left: 2rem;
}
.img04_box .slide_item .credit.btmcr{
  top: unset;
  bottom: 20.5rem;
  left: 2.2rem;
}
@media screen and (max-width: 767px) {
  /* img02_box */
  .img02_box .credit {
    top: calc(398 * (100vw / 750));
    left: calc(28 * (100vw / 750));
  }
  /* img03_box */
  .img03_box .credit {
    top: calc(530 * (100vw / 750));
    left: calc(25 * (100vw / 750));
  }
  /* img04_box */
  .slide_item {
    position: relative;
  }
  .img04_box .slide_item .credit.topcr{
    top: calc(157 * (100vw / 750));
    left: calc(26 * (100vw / 750));
  }
  .img04_box .slide_item .credit.topcr p {
    line-height: 2;
  }
  .img04_box .slide_item .credit.btmcr{
    top: unset;
    bottom: calc(247 * (100vw / 750));
    left: calc(26 * (100vw / 750));
  }
  .img04_box .slide_item .credit.btmcr p {
    line-height: 2;
  }
}



/* img05_box */
.img05_box.position_item {
  margin-top: -0.2rem;
}
.img05_box .credit {
  color: #E42136;
}
.img05_box .credit.credit01 {
  top: 2.5rem;
  left: 24rem;
}
.img05_box .credit.credit02 {
  top: 28.5rem;
  left: unset;
  right: 24rem;
}
.img05_box .credit.credit03 {
  top: 34.8rem;
  right: 6.4rem;
  left: unset;
}
.img05_box .credit.credit04 {
  top: 19rem;
  left: 2rem;
}
.img05_box .credit.credit04 {
  top: unset;
  bottom: 35.3rem;
  left: 10.1rem;
}
.img05_box .credit.credit05 {
  top: unset;
  bottom: 24.7rem;
  left: 20.7rem;
}
.img05_box .credit.credit06 {
  top: unset;
  bottom: 23rem;
  left: unset;
  right: 4rem;
}
.img05_box .credit.credit07 {
  top: unset;
  bottom: 9.7rem;
  left: 18.4rem;
}
.img05_box .credit.credit08 {
  top: unset;
  bottom: 9.7rem;
  left: 31rem;
}
.img05_box .credit.credit09 {
  top: unset;
  bottom: 2.7rem;
  left: 12.3rem;
}
@media screen and (max-width: 767px) {
  .img05_box.position_item {
    margin-top: calc(-6 * (100vw / 750));
  }
  .img05_box .credit.credit01 {
    top: calc(31 * (100vw / 750));
    left: calc(303 * (100vw / 750));
  }
  .img05_box .credit.credit02 {
    top: calc(361 * (100vw / 750));
    right: calc(303 * (100vw / 750));
  }
  .img05_box .credit.credit03 {
    top: calc(439 * (100vw / 750));
    right: calc(80 * (100vw / 750));
  }
  .img05_box .credit.credit04 {
    top: calc(190 * (100vw / 750));
    left: calc(20 * (100vw / 750));
  }
  .img05_box .credit.credit04 {
    top: calc(522 * (100vw / 750));
    left: calc(129 * (100vw / 750));
  }
  .img05_box .credit.credit05 {
    bottom: calc(317 * (100vw / 750));
    left: calc(263 * (100vw / 750));
  }
  .img05_box .credit.credit06 {
    bottom: calc(296 * (100vw / 750));
    right: calc(45 * (100vw / 750));
  }
  .img05_box .credit.credit07 {
    top: unset;
    bottom: calc(126 * (100vw / 750));
    left: calc(235 * (100vw / 750));
  }
  .img05_box .credit.credit08 {
    top: unset;
    bottom: calc(126 * (100vw / 750));
    left: calc(394 * (100vw / 750));
  }
  .img05_box .credit.credit09 {
    top: unset;
    bottom: calc(37 * (100vw / 750));
    left: calc(156 * (100vw / 750));
  }
}



/* img06_box */
.img06_box .credit {
  top: 37rem;
  left: 2rem;
}
/* img07_box */
.img07_box .credit {
  width: 9rem;
  top: unset;
  left: unset;
  bottom: 13.4rem;
  right: 4rem;
}
/* img08_box */
.img08_box .slide_item .credit.topcr{
  top: unset;
  bottom: 13.4rem;
  left: 2rem;
}
.img08_box .slide_item .credit.btmcr{
  top: 17.7rem;
  left: 2rem;
}
/* img09_box */
.img09_box.position_item {
  margin-top: -0.2rem;
}
.img09_box .credit {
  top: 12rem;
  left: 5.5rem;
}
/* img10_box */
.img10_box .credit {
  top: 18rem;
  left: 11.2rem;
}
@media screen and (max-width: 767px) {
  .img06_box .credit {
    top: calc(465 * (100vw / 750));
    left: calc(27 * (100vw / 750));
  }
  /* img07_box */
  .img07_box .credit {
    width: calc(127 * (100vw / 750));
    bottom: calc(168 * (100vw / 750));
    right: calc(40 * (100vw / 750));
  }
  /* img08_box */
  .img08_box .slide_item .credit.topcr{
    bottom: calc(164 * (100vw / 750));
    left: calc(27 * (100vw / 750));
  }
  .img08_box .slide_item .credit.btmcr{
    top: calc(222 * (100vw / 750));
    left: calc(27 * (100vw / 750));
  }
  /* img09_box */
  .img09_box.position_item {
    width: calc(700 * (100vw / 750));
    margin: calc(24 * (100vw / 750)) auto 0;
  }
  .img09_box .credit {
    top: calc(131 * (100vw / 750));
    left: calc(55 * (100vw / 750));
  }
  /* img10_box */
  .img10_box.position_item {
    margin-top: calc(24 * (100vw / 750));
  }
  .img10_box .credit {
    top: calc(242 * (100vw / 750));
    left: calc(120 * (100vw / 750));
  }
}


/* img11_box */
.img11_box .slide_item .credit.topcr{
  top: 18.7rem;
  left: 2rem;
}
.img11_box .slide_item .credit.btmcr{
  top: 20.7rem;
  left: 2rem;
}
/* img12_box */
.img12_box.position_item {
  margin-top: -0.2rem;
}
.img12_box .credit {
  top: 32.3rem;
  left: 2rem;
}
@media screen and (max-width: 767px) {
  /* img11_box */
  .img11_box .slide_item .credit.topcr{
    top: calc(238 * (100vw / 750));
    left: calc(27 * (100vw / 750));
  }
  .img11_box .slide_item .credit.btmcr{
    top: calc(264 * (100vw / 750));
    left: calc(27 * (100vw / 750));
  }
  /* img12_box */
  .img12_box.position_item {
    margin-top: calc(-1 * (100vw / 750));
  }
  .img12_box .credit {
    top: calc(411 * (100vw / 750));
    left: calc(27 * (100vw / 750));
  }
}



/* img13_box */
.img13_box .credit {
  top: unset;
  bottom: 27.7rem;
  left: 2rem;
}
/* img15_box */
.img15_box .credit {
  width: 8rem;
  top: unset;
  left: unset;
  bottom: 31.5rem;
  right: 11.4rem;
}
/* img16_box */
.img16_box .slide_item .credit.topcr{
  top: unset;
  bottom: 20.6rem;
  left: 2rem;
}
.img16_box .slide_item .credit.btmcr{
  top: 17.7rem;
  left: 2rem;
}
/* img17_box */
.img17_box.position_item {
  margin-top: -0.2rem;
}
.img17_box .slide_item .credit.topcr{
  top: 20.6rem;
  left: 2rem;
}
.img17_box .slide_item .credit.btmcr{
  top: unset;
  bottom: 19.9rem;
  left: 2rem;
}
@media screen and (max-width: 767px) {
  /* img13_box */
  .img13_box .credit {
    bottom: calc(265 * (100vw / 750));
    left: calc(27 * (100vw / 750));
  }
  .img14_box.position_item {
    width: calc(700 * (100vw / 750));
    margin: calc(25 * (100vw / 750)) auto 0;
  }
  /* img15_box */
  .img15_box.position_item {
    width: calc(700 * (100vw / 750));
    margin: 0 auto;
  }
  .img15_box .credit {
    width: calc(106 * (100vw / 750));
    bottom: calc(369 * (100vw / 750));
    right: calc(116 * (100vw / 750));
  }
  /* img16_box */
  .img16_box.position_item {
    margin-top: calc(27 * (100vw / 750));
  }
  .img16_box .slide_item .credit.topcr{
    top: unset;
    bottom: calc(254 * (100vw / 750));
    left: calc(27 * (100vw / 750));
  }
  .img16_box .slide_item .credit.btmcr{
    top: calc(226 * (100vw / 750));
    left: calc(27 * (100vw / 750));
  }
  /* img17_box */
  .img17_box.position_item {
    margin-top: calc(-1 * (100vw / 750));
  }
  .img17_box .slide_item .credit.topcr{
    top: calc(263 * (100vw / 750));
    left: calc(27 * (100vw / 750));
  }
  .img17_box .slide_item .credit.btmcr{
    top: unset;
    bottom: calc(246 * (100vw / 750));
    left: calc(27 * (100vw / 750));
  }
}

/* img18_box */
.img18_box .credit {
  top: 33.7rem;
  left: 2rem;
}
/* img19_box */
.img19_box .credit {
  top: 16.3rem;
  left: 14rem;
}
/* img20_box */
.img20_box .credit {
  top: 9.6rem;
  left: 2rem;
}
/* img21_box */
.img21_box .credit {
  top: unset;
  bottom: 19.9rem;
  left: 2rem;
}
@media screen and (max-width: 767px) {
  /* img18_box */
  .img18_box .credit {
    top: calc(438 * (100vw / 750));
    left: calc(27 * (100vw / 750));
  }
  /* img19_box */
  .img19_box.position_item {
    width: calc(700 * (100vw / 750));
    margin: calc(24 * (100vw / 750)) auto 0;
  }
  .img19_box .credit {
    top: calc(219 * (100vw / 750));
    left: calc(160 * (100vw / 750));
  }
  /* img20_box */
  .img20_box.position_item {
    margin-top: calc(24 * (100vw / 750));
  }
  .img20_box .credit {
    top: calc(124 * (100vw / 750));
    left: calc(27 * (100vw / 750));
  }
  /* img21_box */
  .img21_box .credit {
    top: unset;
    bottom: calc(279 * (100vw / 750));
    left: calc(27 * (100vw / 750));
  }
}


/* footer_box */
.footer_box {
  width: 57rem;
  display: flex;
  justify-content: space-between;
  margin: 1.7rem 0 3rem 2rem;
}
.footer_box.position_item .box1 {
  width: 12.2rem;
}
.footer_box .box1 .all_btn {
  width: 13rem;
  margin-top: 16.3rem;
  margin-left: -2.8rem;
}
.footer_box.position_item .box2 {
  width: 27.3rem;
  margin-top: 1.9rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem 0;
}
@media screen and (max-width: 767px) {
  .footer_box {
    width: calc(724 * (100vw / 750));
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    margin-top: calc(21 * (100vw / 750));
  }
  .footer_box.position_item .box1 {
    width: calc(154 * (100vw / 750));
  }
  .footer_box .box1 .all_btn {
    width: calc(167 * (100vw / 750));
    margin-top: calc(208 * (100vw / 750));
    margin-left: calc(-38 * (100vw / 750));
  }
  .footer_box.position_item .box2 {
    width: calc(350 * (100vw / 750));
    margin-top: calc(22 * (100vw / 750));
    gap: calc(3 * (100vw / 750)) 0;
  }
}


/* ============================== ▼ テキスト周り ▼　 ================================ */
/* ================================================================================ */
.number,
.credit {
  font-size: 1.5rem;
}

/* .number位置調整 */
.number{
  position: relative;
  left: -0.1rem;
}

@media screen and (max-width: 767px) {
  .number,
  .credit {
    font-size: calc(20 * (100vw / 750));
  }

  .number{
    left: calc(-3 * (100vw / 750));
  }
}


/* ============================== ▼ contents1 ▼　 ================================= */
/* ================================================================================ */


/* ============================== ▼ contents2 ▼　 ================================= */
/* ================================================================================ */
@media screen and (max-width: 767px) {
  #FU250424catalogss2st{
    overflow: clip;
  }
  #FU250424catalogss2st .sticky-block-wrap{
    position: relative;
    display: block;
    overflow: clip;
  }
  #FU250424catalogss2st .sticky-block{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  #FU250424catalogss2st #sticky-01{
    position: sticky;
    z-index: 10;
    top: calc(273 * (100vw / 750));
  }
  #FU250424catalogss2st #sticky-02{
    position: relative;
    z-index: 20;
    background: #fff;
  }
}


/* ============================== ▼ アニメーション ▼　 ================================= */
/* ================================================================================ */
/* 上書き */
.FU250424catalogss2st_lp a {
  display: inline-block;
}
/* フェード */
.FU250424catalogss2st_lp .js-fade-mv,
.FU250424catalogss2st_lp .js-fade-in {
  opacity: 0;
  transition: all 1.2s;
}
.FU250424catalogss2st_lp .js-fade-mv.show,
.FU250424catalogss2st_lp .js-fade-in.show {
  opacity: 1;
}


/* ============================== ▼ slick-next ▼　 ================================= */
/* ================================================================================ */
.slick-prev.slick-arrow {
  /* 「前へ」矢印のスタイル */
  left: 10px; /* 例: 左端から10pxの位置に配置 */
  z-index: 10; /* スライダーの画像よりも前面に表示 */
}

.slick-next.slick-arrow {
  /* 「次へ」矢印のスタイル */
  right: 10px; /* 例: 右端から10pxの位置に配置 */
  z-index: 10;
}

.slide-arrow {
  width: 30px; /* 例: 矢印の幅 */
  height: 30px; /* 例: 矢印の高さ */
  cursor: pointer;
  opacity: 0.8; /* 例: 少し透過 */
  transition: opacity 0.3s ease;
}

.slide-arrow:hover {
  opacity: 1;
}

/* デフォルトのテキストの矢印を非表示にする場合 */
.slick-prev.slick-arrow::before,
.slick-next.slick-arrow::before {
  content: '';
}


/* 矢印サイズ */
img.slide-arrow.prev-arrow.slick-arrow {
  width: 1rem;
  position: absolute;
  top: 50%;
  right: 1.8rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 10;
}

img.slide-arrow.next-arrow.slick-arrow {
  width: 1rem;
  transform: rotate(-90deg);
  position: absolute;
  top: 49%;
  left: 1.8rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: rotate(180deg);
  z-index: 10;
}

/* スライド高さ調整 */
.js-slider{
  line-height: 0;
}

@media screen and (max-width: 767px) {
  img.slide-arrow.prev-arrow.slick-arrow {
    width: calc(12 * (100vw / 750));
    right: calc(25 * (100vw / 750));
  }
  
  img.slide-arrow.next-arrow.slick-arrow {
    width: calc(12 * (100vw / 750));
    left: calc(25 * (100vw / 750));
  }
}