@charset "UTF-8";

.wrapper {
  line-height: 0;
}

.fr-pagetop {
  z-index: 99;
}

.main_inner {
  max-width: 768px;
  margin: 0 auto;
  background-color: #fff;
  padding: 0;

  font-family:
    ヒラギノ角ゴ Pro,
    Hiragino Kaku Gothic Pro,
    Hiragino Sans,
    Noto Sans CJK JP,
    Osaka,
    Meiryo,
    メイリオ,
    MS PGothic,
    ＭＳ Ｐゴシック,
    YuGothic,
    Yu Gothic,
    Hiragino Sans GB,
    Helvetica Neue,
    HelveticaNeue,
    Helvetica,
    Noto Sans,
    Roboto,
    Arial,
    Arial Unicode MS,
    sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6em;
}

img {
  object-fit: contain;
}

footer .fr-globalFooter {
  margin-top: 0 !important;
}

section {
  margin-bottom: 60px;
}

.list-note {
  margin: 1em 1em 0 2em;
  padding-bottom: 1em;
}

.list-check {
  margin: 1em 1em 1em 3em;
}

.list-note li {
  text-indent: -1.3em;
  margin-bottom: 0.5em;
}

.list-check li {
  text-indent: -2em;
  margin-bottom: 0.5em;
}

.list-note li:before {
  content: "※";
}

.list-check li:before {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background-image: url("https://www.plst.com/jp/ja/special-feature/dress/images/checkicon.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.5em;
  vertical-align: middle;
}

span.color {
  background: #85c0da;
  padding: 3px;
  color: #fff;
}

.banner-container {
  width: 90%;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 20px auto 45px auto;
}

.banner-box {
  width: 100%;
  margin-bottom: 20px;
}

p.text {
  padding: 0 1em;
}

/* content */

.header-containter {
  position: relative;
  background: transparent;
  max-width: 768px;
  margin: 0 auto;
  z-index: 50;
}

.header_inner {
  position: absolute;
  padding: 10px;
}

.header_logo {
  width: 30px;
  height: 30px;
}

section.mv {
  position: relative;
  margin-bottom: 30px;
}

.mv_img img {
  max-height: 90vh;
  object-fit: cover;
}

.mv_title h1 {
  position: absolute;
  bottom: 3em;
  left: 2em;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}

.title_main {
  width: 50%;
}

.title_sub {
  width: 30%;
}

.styling-box {
  margin-bottom: 35px;
}

[data-aos="fade-up"] {
  transform: translate3d(0, 20px, 0);
}

.style_img {
  margin-bottom: 1em;
}

.style_text {
  margin-bottom: 30px;
}

.style-h2 {
  text-align: center;
  margin-bottom: 1em;
}

.style-h2 p {
  margin-bottom: 0.5em;
}

.style-h2 h2 {
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1.5em;
}

.style-h3 {
  text-align: center;
  margin-bottom: 1em;
}

.style-h3 h3 {
  font-size: 1.1em;
}

.sf_bff_products_inner li .sf_bff_products_itemName {
  font-size: 1em;
}

.style_item-carousel .sf_bff_products_inner ul {
  flex-wrap: nowrap;
  overflow-x: scroll;
  padding: 0 1em;
}

.style_item-carousel .sf_bff_products_inner ul.column_3 li {
  width: auto;
  min-width: 37%;
  margin-bottom: 1em;
}

.style_item-carousel .sf_bff_products_inner ul.column_3 li:nth-child(3n) {
  margin-right: 2%;
}

.style_item-carousel .sf_bff_products_inner ul:has(> :nth-child(-n + 2):last-child) {
  flex-wrap: wrap;
  overflow-x: hidden;
}

.style_item-carousel .sf_bff_products_inner ul:has(> :nth-child(-n + 2):last-child) li {
  width: 37%;
  margin-right: 2%;
}

.style_item-carousel .sf_bff_products_inner ul {
  margin: 0 auto 1em auto;
}

.style_item-carousel.list-note {
  padding-left: 1em;
}

.link-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.link-box a {
  position: relative;
  display: inline-block;
  width: 250px;
  padding: 1em 0;
  margin: 1.5em 0;
  border: 1px solid #000;
}

.link-container .link-container:first-of-type {
  margin-top: 0;
}

.link-box a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
  box-sizing: border-box;
}

.link-box.link-box_pdf a::before {
  content: "";
  background: url(https://www.plst.com/jp/ja/special-feature/common/images/pdficon.png) no-repeat;
  position: absolute;
  bottom: 0.9em;
  left: 2em;
  display: inline-block;
  width: 2em;
  height: 2em;
  background-size: contain;
  vertical-align: middle;
}

/* pc */

@media screen and (min-width: 768px) {
  .sp-only {
    display: none;
  }

  .header_logo {
    width: 40px;
    height: 40px;
  }

  .main_inner {
    font-size: 15px;
  }

  section {
    margin-bottom: 100px;
  }

  p.text {
    padding: 0;
  }

  .list-check {
    padding-left: 1em;
    margin: 0 1em;
  }

  .list-note {
    padding-left: 1em;
    margin: 1em 0;
  }

  .banner-container {
    width: 45%;
  }

  .banner-container.eventbanner {
    max-width: 650px;
    width: 100%;
  }

  .style_item-carousel .sf_bff_products_inner ul {
    padding: 0;
  }
}