@charset "UTF-8";
/*
 * htmlのフォントサイズ
 * @args ベースの画面幅
 */
/*
 * ルートのフォントサイズを基準にフォントサイズを可変にする（SPはrootPxを設定しておくこと）
 * @args 最大値（デザイン上の数値）
 */
/*
 * PC fontサイズはコンテンツエリア幅 1280px基準
 */
/*
 * スマホの時のfz設定（XDアートボードサイズで引用）
 */
/*
 * get_vwの設定
 */
/*
 * get_vwの設定(スマホ)
 */
/*
 * margin-topがマイナス値の場合、pxを%に変換
 */
/*
 * margin-topがマイナス値の場合、pxを%に変換(スマホ)
 */
/*
 * line-heightの計算
 */
/*
 * breakpointの設定
 */
@font-face {
  font-family: "Noto Sans C JK JP DemiLight";
  src: url(/res/font/NotoSansCJKjp-DemiLight.otf) format("embedded-opentype"), url(/res/font/NotoSansCJKjp-DemiLight.eot?) format("eot"), url(/res/font/NotoSansCJKjp-DemiLight.woff) format("woff"), url(/res/font/NotoSansCJKjp-DemiLight.ttf) format("truetype"), url(/res/font/NotoSansCJKjp-DemiLight.otf) format("opentype");
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-height, 0px);
}
@media screen and (max-width: 767px) {
  html {
    scroll-padding-top: 0px;
  }
}

.max-w-content {
  max-width: 100% !important;
  padding: 0;
}
.max-w-content > ul {
  max-width: 1092px;
}
@media screen and (max-width: 767px) {
  .max-w-content > ul {
    padding-left: 9px;
    padding-right: 9px;
  }
}

#stcContents {
  line-height: normal;
}
#stcContents .pc {
  display: block;
}
@media screen and (max-width: 767px) {
  #stcContents .pc {
    display: none;
  }
}
#stcContents .sp {
  display: none;
}
@media screen and (max-width: 767px) {
  #stcContents .sp {
    display: block;
  }
}
#stcContents img {
  width: 100%;
}
#stcContents section {
  margin: 0;
}
#stcContents object {
  width: 100%;
}
#stcContents a:hover {
  opacity: 0.8;
}
#stcContents {
  text-align: start;
}

:root {
  --svh: 100svh;
  /* SafariのUI影響を受けない"固定の見た目高さ" */
}

#stcContents ul.creditList {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: clamp(1px, 0.625vw, 9px);
  place-content: center;
  width: clamp(1px, 21.875vw, 280px);
  margin-top: clamp(10px, 1.3888888889vw, 20px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  #stcContents ul.creditList {
    row-gap: 2.1333333333vw;
    width: 66.4vw;
    margin-top: 4.8vw;
  }
}
#stcContents ul.creditList a {
  display: grid;
  grid-template-columns: 1fr auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
#stcContents a:hover .more,
#stcContents a:active .more {
  color: #000000;
  background-color: #FFFFFF;
}
#stcContents .pdDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#stcContents .pdName {
  font-family: YakuHanJP, "noto-sans-cjk-jp", noto-sans, "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.5625vw, 20px);
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #stcContents .pdName {
    font-size: 4.2666666667vw;
  }
}
#stcContents .pdName {
  color: #000000;
  white-space: nowrap;
}
#stcContents .pdPrice,
#stcContents .pdColor {
  font-family: "Oswald", sans-serif;
  font-size: clamp(1px, 1.5625vw, 20px);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #stcContents .pdPrice,
  #stcContents .pdColor {
    font-size: 4.2666666667vw;
  }
}
#stcContents .pdPrice,
#stcContents .pdColor {
  color: #000000;
  white-space: nowrap;
}
#stcContents .pdColor {
  text-transform: uppercase;
}
#stcContents .pdPrice {
  position: relative;
  padding-right: clamp(10px, 3.1944444444vw, 46px);
}
@media screen and (max-width: 767px) {
  #stcContents .pdPrice {
    padding-right: 11.2vw;
  }
}
#stcContents .pdPrice::after {
  font-family: YakuHanJP, "noto-sans-cjk-jp", noto-sans, "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.25vw, 16px);
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #stcContents .pdPrice::after {
    font-size: 3.7333333333vw;
  }
}
#stcContents .pdPrice::after {
  color: #000000;
  text-transform: lowercase;
  position: absolute;
  display: inline-block;
  content: " tax in";
  right: 0;
  bottom: 1px;
  white-space: nowrap;
}
#stcContents .more {
  font-family: "Oswald", sans-serif;
  font-size: clamp(1px, 1.25vw, 16px);
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #stcContents .more {
    font-size: 4.2666666667vw;
  }
}
#stcContents .more {
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: clamp(10px, 3.8888888889vw, 56px);
  aspect-ratio: 7/3;
  background-color: #000000;
  outline: 1px solid #000000;
  outline-offset: -1px;
}
@media screen and (max-width: 767px) {
  #stcContents .more {
    width: 13.3333333333vw;
  }
}
#stcContents .more > span {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}
#stcContents .is-coming-soon > a {
  pointer-events: none;
}
#stcContents .is-coming-soon .more {
  font-family: "Oswald", sans-serif;
  font-size: clamp(1px, 1.09375vw, 14px);
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #stcContents .is-coming-soon .more {
    font-size: 3.7333333333vw;
  }
}
#stcContents .is-coming-soon .more {
  color: #000000;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: transparent;
}

#stcContents .carousel {
  width: 100%;
  overflow: clip;
}
#stcContents .carousel .track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  will-change: transform;
  -webkit-column-gap: clamp(10px, 0.8333333333vw, 12px);
     -moz-column-gap: clamp(10px, 0.8333333333vw, 12px);
          column-gap: clamp(10px, 0.8333333333vw, 12px);
}
@media screen and (max-width: 767px) {
  #stcContents .carousel .track {
    -webkit-column-gap: 2.1333333333vw;
       -moz-column-gap: 2.1333333333vw;
            column-gap: 2.1333333333vw;
  }
}
#stcContents .carousel .imgWrap {
  width: auto !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#stcContents .carousel .imgWrap img {
  display: block;
  width: auto;
  height: clamp(10px, 30.8333333333vw, 444px);
}
@media screen and (max-width: 767px) {
  #stcContents .carousel .imgWrap img {
    height: 73.6vw;
  }
}
#stcContents .carousel span {
  font-family: YakuHanJP, "noto-sans-cjk-jp", noto-sans, "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 0.859375vw, 11px);
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #stcContents .carousel span {
    font-size: 2.6666666667vw;
  }
}
#stcContents .carousel span {
  font-size: 0.7638888889vw;
  color: #000000;
  white-space: nowrap;
}

#stcContents .linkBtn {
  position: relative;
  width: clamp(10px, 23.3333333333vw, 336px);
  aspect-ratio: 84/13;
  outline: 1px solid #000000;
  outline-offset: -1px;
  margin-inline: auto;
  background-color: #000000;
}
@media screen and (max-width: 767px) {
  #stcContents .linkBtn {
    width: 68.8vw;
  }
}
#stcContents .linkBtn > a {
  font-family: "Oswald", sans-serif;
  font-size: clamp(1px, 2.734375vw, 35px);
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #stcContents .linkBtn > a {
    font-size: 7.2vw;
  }
}
#stcContents .linkBtn > a {
  color: #FFFFFF;
  text-decoration: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
#stcContents .linkBtn > a > span {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}
#stcContents .linkBtn > a::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  right: clamp(1px, 0.9027777778vw, 13px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 23px;
  aspect-ratio: 12/5;
  background-color: #FFFFFF;
  -webkit-mask-image: url("../images/arrow.svg");
          mask-image: url("../images/arrow.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media screen and (max-width: 767px) {
  #stcContents .linkBtn > a::after {
    right: 3.7333333333vw;
    width: 18px;
  }
}
#stcContents .linkBtn:hover, #stcContents .linkBtn:active {
  background-color: #FFFFFF;
}
#stcContents .linkBtn:hover > a, #stcContents .linkBtn:active > a {
  color: #000000;
}
#stcContents .linkBtn:hover > a::after, #stcContents .linkBtn:active > a::after {
  background-color: #000000;
}

#stcContents {
  position: relative;
  padding-bottom: clamp(10px, 10.9722222222vw, 158px);
  opacity: 0;
  -webkit-transition: opacity 1.5s ease-in-out;
  transition: opacity 1.5s ease-in-out;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #stcContents {
    padding-bottom: 26.6666666667vw;
  }
}
#stcContents.is-loaded {
  opacity: 1;
}
#stcContents .bg {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  inset: 0 auto auto 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: calc(100vw - var(--scrollbar-width, 0px));
  height: 100%;
  overflow: clip;
  z-index: -1;
}
#stcContents .bg::before {
  position: absolute;
  display: inline-block;
  content: "";
  inset: -45%;
  rotate: -16deg;
  -webkit-transform-origin: center;
          transform-origin: center;
  background-image: url("../images/bg.webp");
  background-repeat: repeat;
  background-size: clamp(10px, 10.2083333333vw, 147px);
}
@media screen and (max-width: 767px) {
  #stcContents .bg::before {
    inset: -150%;
    background-size: 31.4666666667vw;
  }
}
#stcContents .kvArea {
  width: clamp(10px, 76.3888888889vw, 1100px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  #stcContents .kvArea {
    width: 100vw;
  }
}
#stcContents #buyBtn {
  position: fixed;
  display: block;
  inset: auto 50px 30px auto;
  width: 146px;
  z-index: 15;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#stcContents #buyBtn.active {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  #stcContents #buyBtn {
    width: 90px;
    inset: auto 21px calc(var(--nav-height, 0) + 10px) auto;
  }
}
#stcContents #buyBtn a:hover,
#stcContents #buyBtn a:active {
  opacity: 1;
}
#stcContents #buyBtn a:hover img,
#stcContents #buyBtn a:active img {
  content: url("../images/btn-is_active.webp");
}
#stcContents .mainContainer {
  margin-top: clamp(10px, 10vw, 144px);
}
@media screen and (max-width: 767px) {
  #stcContents .mainContainer {
    margin-top: 25.6vw;
  }
}
#stcContents .mainContainer .mainContainer_main_wrapper {
  max-width: 1440px;
  margin-inline: auto;
  overflow: clip;
}
#stcContents .headingArea h2 {
  font-family: "Oswald", sans-serif;
  font-size: clamp(1px, 2.96875vw, 38px);
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #stcContents .headingArea h2 {
    font-size: 8vw;
  }
}
#stcContents .headingArea h2 {
  color: #000000;
  text-align: center;
}
#stcContents .aboutArea {
  position: relative;
}
#stcContents .aboutArea .aboutArea_container .txtWrap > p {
  font-family: YakuHanJP, "noto-sans-cjk-jp", noto-sans, "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.5625vw, 20px);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #stcContents .aboutArea .aboutArea_container .txtWrap > p {
    font-size: 4.5333333333vw;
  }
}
#stcContents .aboutArea .aboutArea_container .txtWrap > p {
  color: #000000;
  text-align: center;
  line-height: 2.4;
}
@media screen and (max-width: 767px) {
  #stcContents .aboutArea .aboutArea_container .txtWrap > p {
    line-height: 2.3529411765;
  }
}
#stcContents .aboutArea .aboutArea_container .txtWrap > p + p {
  margin-top: clamp(10px, 4.0277777778vw, 58px);
}
@media screen and (max-width: 767px) {
  #stcContents .aboutArea .aboutArea_container .txtWrap > p + p {
    margin-top: 10.9333333333vw;
  }
}
#stcContents .aboutArea > div:nth-child(1 of .holiholi) {
  inset: 0 auto auto clamp(10px, 70.5555555556vw, 1016px);
  width: clamp(10px, 6.6666666667vw, 96px);
}
@media screen and (max-width: 767px) {
  #stcContents .aboutArea > div:nth-child(1 of .holiholi) {
    inset: 1.0666666667vw auto auto 76.2666666667vw;
    width: 13.8666666667vw;
  }
}
#stcContents .aboutArea > div:nth-child(1 of .holiholi) img {
  rotate: 9.9deg;
}
#stcContents .aboutArea > div:nth-child(2 of .holiholi) {
  inset: clamp(10px, 14.7222222222vw, 212px) auto auto clamp(10px, 14.0277777778vw, 202px);
  width: clamp(10px, 14.9305555556vw, 215px);
}
@media screen and (max-width: 767px) {
  #stcContents .aboutArea > div:nth-child(2 of .holiholi) {
    inset: 155.2vw auto auto 4.5333333333vw;
    width: 17.3333333333vw;
  }
}
#stcContents .aboutArea > div:nth-child(2 of .holiholi) img {
  rotate: -16.71deg;
}
#stcContents .aboutArea > div:nth-child(3 of .holiholi) {
  inset: clamp(10px, 52.0833333333vw, 750px) auto auto clamp(10px, 68.0555555556vw, 980px);
  width: clamp(10px, 11.7361111111vw, 169px);
}
@media screen and (max-width: 767px) {
  #stcContents .aboutArea > div:nth-child(3 of .holiholi) {
    inset: 206.9333333333vw auto auto 72vw;
    width: 21.0666666667vw;
  }
}
#stcContents .holiholi {
  position: absolute;
  aspect-ratio: 169/197;
}
#stcContents .featuresArea {
  display: grid;
  place-content: center;
  row-gap: clamp(10px, 5.4861111111vw, 79px);
  margin-top: clamp(10px, 13.9583333333vw, 201px);
}
@media screen and (max-width: 767px) {
  #stcContents .featuresArea {
    justify-items: center;
    row-gap: 12.8vw;
    margin-top: 29.8666666667vw;
  }
}
#stcContents .featuresArea .features_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: clamp(10px, 76.3888888889vw, 1100px);
}
@media screen and (max-width: 767px) {
  #stcContents .featuresArea .features_container {
    row-gap: 14.9333333333vw;
    width: 100vw;
  }
}
@media screen and (max-width: 767px) {
  #stcContents .featuresArea .features_container > div:first-child {
    row-gap: 12.5333333333vw;
  }
}
#stcContents .featuresArea .features_container > div:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: clamp(-119px, -8.2638888889vw, 0px);
}
@media screen and (max-width: 767px) {
  #stcContents .featuresArea .features_container > div:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}
#stcContents .featuresArea .features_container > div:nth-child(even) .txtWrap > p {
  text-align: right;
}
#stcContents .feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: clamp(10px, 5vw, 72px);
     -moz-column-gap: clamp(10px, 5vw, 72px);
          column-gap: clamp(10px, 5vw, 72px);
}
@media screen and (max-width: 767px) {
  #stcContents .feature {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
    row-gap: 6.4vw;
  }
}
@media screen and (max-width: 767px) {
  #stcContents .feature:nth-child(1 of .feature) .feature_image {
    width: 89.3333333333vw;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  #stcContents .feature:nth-child(2 of .feature) .feature_image {
    width: 74.6666666667vw;
    margin-left: auto;
  }
}
#stcContents .feature:nth-child(2 of .feature) .feature_container .txtWrap {
  margin-top: clamp(10px, 19.0972222222vw, 275px);
}
@media screen and (max-width: 767px) {
  #stcContents .feature:nth-child(2 of .feature) .feature_container .txtWrap {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  #stcContents .feature:nth-child(3 of .feature) .feature_image {
    width: 74.6666666667vw;
  }
}
#stcContents .feature:nth-child(3 of .feature) .feature_container .txtWrap {
  margin-top: clamp(10px, 11.4583333333vw, 165px);
}
@media screen and (max-width: 767px) {
  #stcContents .feature:nth-child(3 of .feature) .feature_container .txtWrap {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  #stcContents .feature:nth-child(4 of .feature) .feature_image {
    width: 74.6666666667vw;
    margin-left: auto;
  }
}
#stcContents .feature:nth-child(4 of .feature) .feature_container .txtWrap {
  margin-top: clamp(10px, 19.0972222222vw, 275px);
}
@media screen and (max-width: 767px) {
  #stcContents .feature:nth-child(4 of .feature) .feature_container .txtWrap {
    margin: 0 auto;
  }
}
#stcContents .feature .feature_image {
  width: clamp(10px, 33.75vw, 486px);
}
@media screen and (max-width: 767px) {
  #stcContents .feature .feature_container .txtWrap {
    width: 89.3333333333vw;
    margin: 0 auto;
  }
}
#stcContents .feature .feature_container .txtWrap > p {
  font-family: YakuHanJP, "noto-sans-cjk-jp", noto-sans, "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.5625vw, 20px);
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #stcContents .feature .feature_container .txtWrap > p {
    font-size: 4vw;
  }
}
#stcContents .feature .feature_container .txtWrap > p {
  color: #000000;
  line-height: 2;
}
#stcContents ul.detailList {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  row-gap: clamp(10px, 2.2222222222vw, 32px);
  margin-top: clamp(10px, 2.3611111111vw, 34px);
}
@media screen and (max-width: 767px) {
  #stcContents ul.detailList {
    grid-template-columns: 89.3333333333vw;
    place-content: center;
    row-gap: 4.2666666667vw;
    margin: 0;
  }
}
#stcContents ul.detailList li {
  position: relative;
  display: grid;
  row-gap: clamp(1px, 0.8333333333vw, 12px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  #stcContents ul.detailList li {
    row-gap: 1.0666666667vw;
  }
}
#stcContents ul.detailList li h3 {
  font-family: "Oswald", sans-serif;
  font-size: clamp(1px, 1.40625vw, 18px);
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #stcContents ul.detailList li h3 {
    font-size: 3.7333333333vw;
  }
}
#stcContents ul.detailList li h3 {
  color: #000000;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: clamp(10px, 2.1527777778vw, 31px);
  padding: 0 clamp(10px, 1.3194444444vw, 19px);
  aspect-ratio: 9/4;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  border-radius: clamp(10px, 3.3333333333vw, 48px);
}
@media screen and (max-width: 767px) {
  #stcContents ul.detailList li h3 {
    height: 7.4666666667vw;
    padding: 0 4vw;
    border-radius: 12.8vw;
  }
}
#stcContents ul.detailList li h3 > span {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}
#stcContents ul.detailList a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(10px, 1.875vw, 27px);
     -moz-column-gap: clamp(10px, 1.875vw, 27px);
          column-gap: clamp(10px, 1.875vw, 27px);
}
@media screen and (max-width: 767px) {
  #stcContents ul.detailList a {
    -webkit-column-gap: 4.2666666667vw;
       -moz-column-gap: 4.2666666667vw;
            column-gap: 4.2666666667vw;
  }
}
#stcContents .is-new::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: clamp(-30px, -2.0833333333vw, 0px);
  left: clamp(-32px, -2.2222222222vw, 0px);
  width: clamp(10px, 5.2083333333vw, 75px);
  aspect-ratio: 5/2;
  background-image: url("../images/new.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-animation: flash 0.6s linear infinite;
          animation: flash 0.6s linear infinite;
  rotate: -18.015deg;
}
@media screen and (max-width: 767px) {
  #stcContents .is-new::before {
    top: -7.2vw;
    left: -4.5333333333vw;
    width: 15.2vw;
  }
}
#stcContents .cdArea {
  display: grid;
  row-gap: clamp(10px, 5.5555555556vw, 80px);
  margin-top: clamp(10px, 13.8888888889vw, 200px);
}
@media screen and (max-width: 767px) {
  #stcContents .cdArea {
    row-gap: 12.8vw;
    margin-top: 21.3333333333vw;
  }
}
#stcContents .cdArea .cdArea_container {
  width: clamp(10px, 100vw, 1440px);
}
@media screen and (max-width: 767px) {
  #stcContents .cdArea .cdArea_container {
    width: 100vw;
  }
}
#stcContents .footerArea {
  margin-top: clamp(10px, 10.9722222222vw, 158px);
}
@media screen and (max-width: 767px) {
  #stcContents .footerArea {
    margin-top: 26.6666666667vw;
  }
}

@-webkit-keyframes flash {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}/*# sourceMappingURL=style.css.map */