@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, 20px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -20px, 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 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/* 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;
}

.mv_img {
  position: relative;
}

.mv_title {
  position: absolute;
  z-index: 5;
  right: 5%;
  bottom: 35%;
  width: 60%;
}

.mv_title.mv_title-left{
  right: 0;
  left: 5%;
}

.mv_logo {
  position: absolute;
  z-index: 5;
  width: 25%;
  top: 5%;
  right: 5%;
}

.lead{
  padding: 0 1em;
  text-align: left;
  font-size: 1.1em;
  line-height: 1.8em;
  margin: 50px auto 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lead h2{
  font-size: 1.6em;
  line-height: normal;
  margin-bottom: 1em;
}

.lead h2.lead-men{
  font-weight: 300;
}

.styling{
  position: relative;
}

.style-h2box{
  position: relative;
}

.h2-box{
  position: absolute;
  width: 40%;
  right: 10px;
  top: 0;
  z-index: 10;
}

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

.h2-box + .styling-box{
  padding-top: 30%;
}

.h2-style{
  width: 30%;
  margin-bottom: 1.5em;
}

.style-title {
  margin-bottom: 1em;
  text-align: left;
  padding: 0 1em;
}

.style-h3_txt {
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.5em;

}

.style_img {
  width: 100%;
  margin-bottom: 1em;
}

.style_img-top{
  position: relative;
  width: 80%;
  z-index: 10;
}

.style_img-bottom{
  text-align: right;
}

.style_img-bottom img{
  position: relative;
  width: 60%;
  top: -1em;
}

.style_text {
  margin-bottom: 30px;
}

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

.style_text .list-note{
  padding-left: 1em;
  margin-top: 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-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: 16px;
  }

  .mv_title p{
    font-size: 3em;
  }

  .style_img{
    margin: 0 1em 1em;
  }

}