@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;
}

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

[data-aos=fade-down] {
  transform: translate3d(0, -50px, 0);
}

p.text {
  padding: 0 1em;
  line-height: 1.5em;
}

section {
  margin-bottom: 40px;
}

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

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

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

.serif-en {
  font-family: "Cormorant Infant", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.serif-jp {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/* content */

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

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

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

section.mv {
  position: relative;
}

.mv_img {
  position: relative;
  filter: brightness(0.7);
}

.mv_title {
  position: absolute;
  z-index: 5;
  right: 0;
  left: 0;
  top: 25%;
  width: 70%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mv_title-sub {
  width: 30%;
  margin-bottom: 1em;
}

.mv_title-main {
  margin-bottom: 2em;
}

.mv_title p {
  color: #fff;
  text-align: center;
  font-size: 1.8em;
  font-weight: 100;
  line-height: 1.2em;
}

.mv_title p span {
  font-size: 0.6em;
}

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

.style-title {
  margin-bottom: 1em;
}

.style-h2_txt {
  text-align: center;
  font-size: 1.6em;
  line-height: 1.3em;
}

.style-imgnum {
  position: relative;
  display: flex;
  margin-bottom: 20px;
}

.style-imgnum.style-imgnum_left {
  justify-content: flex-start;
}

.style-imgnum.style-imgnum_right {
  justify-content: flex-end;
}

.style-imgnum.style-imgnum_center {
  margin-top: 20px;
  justify-content: center;
}

.style-h2_num {
  position: absolute;
  top: 10%;
  font-size: min(30vw, 230px);
  font-style: italic;
  color: #eeec6c;
  z-index: 10;
}

.style-imgnum_left .style-h2_num {
  right: 3%;
}

.style-imgnum_right .style-h2_num,
.style-imgnum_center .style-h2_num {
  left: 5%;
}

.style-imgnum_center .style-h2_num {
  top: 5%;
}

#pants .style-imgnum_center .style-h2_num {
  right: 5%;
  left: auto;
}

.styling-box {
  counter-increment: number;
}

.styling-box .style-h2_num::after {
  content: counter(number, decimal-leading-zero);
}

.style_img-large {
  width: 100%;
}

.style_img-medium {
  width: 85%;
}

.style_text {
  margin-bottom: 30px;
}

.item-headding {
  margin: 0 1em 2em;
}

.item-headding h3 {
  position: relative;
  text-align: center;
}

.item-headding h3::before {
  content: '';
  position: absolute;
  top: 70%;
  left: 0;
  right: 0;
  border-top: 1px solid #333;
}

.item-headding h3>img {
  position: relative;
  display: inline-block;
  padding: 0px 20px;
  background-color: #fff;
  width: 27%;
  max-width: 120px;
}

.style_items .item-product {
  margin: 0 1em;
}

.style_items .sf_bff_products_inner ul.column_1_text li .sf_bff_products_detail {
  padding-right: 15px;
}

.style_items .sf_bff_products_inner ul.column_1_text li {
  margin-bottom: 10px;
}

.style_items .sf_bff_products_inner ul.column_1_text li .sf_bff_products_flags span:last-child {
  margin-right: 12px;
  margin-left: 0;
}

.style_items .sf_bff_products_inner ul.column_1_text li .sf_bff_products_price {
  margin-right: 12px;
  margin-left: 0;
}

.style_items .sf_bff_products_inner li .sf_bff_products_itemName {
  margin-right: 12px;
  font-size: 13px;
  font-weight: 600;
}


.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-bottom: 2.5em;
  border: 1px solid #000;
}

.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;
}

.catalog {
  text-align: center;
  margin: 0 auto 45px;
}

.catalog-img {
  width: 30%;
  margin-bottom: 2em;
}

.catalog p.text {
  margin-bottom: 1em;
}

.catalog-title {
  width: 50%;
  margin: 0 auto;
  margin-bottom: 1em;
}

.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;
  }

  .main_inner {
    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: 15px;
  }

}