@charset "UTF-8";
/* ------------------------------
  .triaina--topPage fontStyle  SP  First
-------------------------------- */
.triaina--topPage .noto-jp_bold {
  font-weight: 700;
}
.triaina--topPage .topSlider__txtBox__title {
  font-size: calc(38 * (100vw/750));
  line-height: 1.4736842105;
  letter-spacing: 0.3em;
  text-align: center;
}
.triaina--topPage .topSlider__txtBox__title .space {
  letter-spacing: 0.1em;
}
.triaina--topPage .topSlider__txtBox__txt {
  font-size: calc(24 * (100vw/750));
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
  text-align: center;
}
.triaina--topPage .preface .ptt01 {
  font-size: calc(48 * (100vw/750));
  line-height: 1.375;
  letter-spacing: 0.04em;
  text-align: left;
  white-space: nowrap;
}
.triaina--topPage .preface .space {
  letter-spacing: 0.02em;
}
.triaina--topPage .preface .ptt02 {
  font-size: calc(130 * (100vw/750));
  letter-spacing: 0.1em;
  line-height: 1.1;
  text-align: left;
}
.triaina--topPage .preface__txt-block__txt {
  font-size: calc(26 * (100vw/750));
  line-height: 1.7692307692;
  text-align: left;
}
.triaina--topPage .description__ttl {
  font-size: calc(44 * (100vw/750));
  line-height: 1.31;
  letter-spacing: 0.04em;
  text-align: center;
  white-space: nowrap;
}
.triaina--topPage .description .space {
  margin-left: calc(32 * (100vw/750));
  letter-spacing: 0.1em;
}
.triaina--topPage .description__txt {
  font-size: calc(26 * (100vw/750));
  line-height: 1.9230769231;
  text-align: center;
}
.triaina--topPage .description__icon-item {
  font-size: calc(24 * (100vw/750));
  line-height: 1.33;
  letter-spacing: -0.04em;
  text-align: center;
}
.triaina--topPage .description__icon-item .decoration {
  color: #135cd0;
  font-size: calc(26 * (100vw/750));
  line-height: 1.8;
  letter-spacing: 0.1em;
}
.triaina--topPage .description__linkArea-txt {
  font-size: calc(30 * (100vw/750));
  line-height: 1.4;
  text-align: center;
}
.triaina--topPage .features-ttl {
  color: #fff;
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-size: calc(116 * (100vw/750));
  text-align: center;
}
.triaina--topPage .features-subttl {
  color: #fff;
  font-size: calc(28 * (100vw/750));
  line-height: 1.5714285714;
  letter-spacing: 0.1em;
  text-align: center;
}
.triaina--topPage .features__top__new-txt {
  font-size: calc(22 * (100vw/750));
  line-height: 1.45;
  text-align: left;
}
.triaina--topPage .features__top__new-prodName {
  font-size: calc(35 * (100vw/750));
  letter-spacing: 0.01em;
  text-align: center;
}
.triaina--topPage .features__top-attention {
  color: #3e4454;
  font-size: calc(20 * (100vw/750));
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: left;
}
.triaina--topPage .features .organic .ttl, .triaina--topPage .features .sustainable .ttl {
  font-size: calc(40 * (100vw/750));
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: center;
  white-space: nowrap;
}
.triaina--topPage .features .size {
  font-size: 0.5em;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: 0.01em;
  padding-right: calc(2 * (100vw/750));
}
.triaina--topPage .features .free .ttl {
  font-size: calc(58 * (100vw/750));
  line-height: 1.1034482759;
  text-align: left;
}
.triaina--topPage .features .group .txt {
  font-size: calc(26 * (100vw/750));
  line-height: 1.7692307692;
  text-align: justify;
}
.triaina--topPage .features .organic__topic-ttl {
  font-size: calc(30 * (100vw/750));
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
}
.triaina--topPage .features .group .topicContents-ttl {
  font-size: calc(30 * (100vw/750));
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: left;
}
.triaina--topPage .features .organic__topic-txt, .triaina--topPage .features .free .topicContents-txt {
  font-size: calc(24 * (100vw/750));
  line-height: 1.33;
  letter-spacing: 0.04em;
  text-align: justify;
}
.triaina--topPage .features .organic__topic-txt .small, .triaina--topPage .features .free .topicContents-txt .small {
  display: inline-block;
  margin-left: calc(126 * (100vw/750));
  padding-top: calc(8 * (100vw/750));
  font-size: calc(20 * (100vw/750));
  letter-spacing: 0.035em;
}
.triaina--topPage .features .organic__top-txt .small {
  display: inline-block;
  padding-top: calc(8 * (100vw/750));
  font-size: calc(20 * (100vw/750));
  letter-spacing: 0.035em;
}
.triaina--topPage .features__bottom-bg {
  color: #d6e0f4;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: calc(229 * (100vw/750));
  line-height: 0.8209606987;
  letter-spacing: -0.04em;
}
.triaina--topPage .features__bottom-ttl {
  font-size: calc(52 * (100vw/750));
  line-height: 1.3;
  letter-spacing: 0.01em;
  text-align: center;
}
.triaina--topPage .features .features__bottom .topicContents-ttl {
  font-size: calc(40 * (100vw/750));
  line-height: 1.5;
  text-align: center;
}
.triaina--topPage .features .features__bottom .topicContents-txt {
  font-size: calc(26 * (100vw/750));
  line-height: 1.4615384615;
  text-align: left;
}
.triaina--topPage .howToUse__ttl {
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-size: calc(108 * (100vw/750));
  /*letter-spacing: 0.02em;*/
  line-height: 1;
  text-align: center;
  text-indent: calc(-2 * (100vw/750));
}
.triaina--topPage .howToUse__subttl {
  font-size: calc(28 * (100vw/750));
  text-align: center;
}
.triaina--topPage .howToUse__txt {
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-size: calc(32 * (100vw/750));
  text-align: center;
}
.triaina--topPage .howToUse .howToUse__step {
  font-size: calc(26 * (100vw/750));
  line-height: 1.46;
  text-align: left;
}
.triaina--topPage .story__top-txt__ttl {
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-size: calc(108 * (100vw/750));
  text-align: center;
  text-indent: calc(-8 * (100vw/750));
}
.triaina--topPage .story__top-txt__subttl {
  font-size: calc(28 * (100vw/750));
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center;
}
.triaina--topPage .story__top__name {
  font-size: calc(20 * (100vw/750));
  line-height: 1.35;
  text-align: left;
}
.triaina--topPage .story__top__name .big {
  font-size: calc(30 * (100vw/750));
}
.triaina--topPage .story-txt__ttl {
  font-size: calc(40 * (100vw/750));
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: left;
}
.triaina--topPage .story-txt__txt {
  font-size: calc(26 * (100vw/750));
  line-height: 1.7692307692;
  text-align: justify;
}
.triaina--topPage .story__attention {
  color: #715201;
  font-size: calc(24 * (100vw/750));
  line-height: 1.625;
  text-align: left;
  text-indent: calc(-28 * (100vw/750));
}
.triaina--topPage .project__group__ttl {
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-size: calc(110 * (100vw/750));
  line-height: 0.9;
  text-align: left;
}
.triaina--topPage .project__group__subttl {
  font-size: calc(40 * (100vw/750));
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: left;
}
.triaina--topPage .project__group__txt {
  font-size: calc(26 * (100vw/750));
  line-height: 1.77;
  text-align: left;
}
.triaina--topPage .project__attention {
  font-size: calc(20 * (100vw/750));
  line-height: 1.6;
}
.triaina--topPage .project__group__phaseArea {
  font-size: calc(40 * (100vw/750));
  letter-spacing: 0.02em;
  text-align: left;
}
.triaina--topPage .project__group__phaseArea__txt {
  font-size: calc(24 * (100vw/750));
  letter-spacing: 0.02em;
  text-align: center;
}
.triaina--topPage .product__top-txt__ttl {
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-size: calc(108 * (100vw/750));
  text-align: center;
}
.triaina--topPage .product__top-txt__subttl {
  font-size: calc(28 * (100vw/750));
  letter-spacing: 0.1em;
  text-align: center;
}
.triaina--topPage .product__top-txt__txt {
  font-size: calc(26 * (100vw/750));
  line-height: 1.7692307692;
  text-align: justify;
}
.triaina--topPage .product .group__info-headding {
  font-size: calc(26 * (100vw/750));
  letter-spacing: 0.1em;
  text-align: center;
}
.triaina--topPage .product .group__info-proudName {
  font-weight: 500;
  font-size: calc(44 * (100vw/750));
  letter-spacing: 0.13em;
  text-align: center;
  text-indent: calc(-36 * (100vw/750));
}
.triaina--topPage .product .group__info-proudName sup {
  position: relative;
  top: calc(15 * (100vw/750));
  left: calc(36 * (100vw/750));
  display: inline-block;
  font-size: calc(44 * (100vw/750));
  line-height: 0.1;
}
.triaina--topPage .product .group__info-type {
  font-size: calc(20 * (100vw/750));
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: center;
}
.triaina--topPage .product .group__info-txt {
  font-size: calc(24 * (100vw/750));
  line-height: 1.33em;
  letter-spacing: 0.04em;
  text-align: left;
  background-color: #f2f3f6;
}
.triaina--topPage .product .group__info-price {
  font-size: calc(24 * (100vw/750));
  text-align: left;
  line-height: 0.9;
}
.triaina--topPage .product .group__info-price .big {
  margin-right: calc(-40 * (100vw/750));
  font-size: calc(32 * (100vw/750));
}
.triaina--topPage .product .group__info-price .bg-color {
  font-size: calc(24 * (100vw/750));
  letter-spacing: 0.06em;
  color: #ffffff;
  background-color: #a1a5b8;
}
.triaina--topPage .product .group__info-ingredient {
  font-size: calc(20 * (100vw/750));
  line-height: 1.6;
  letter-spacing: 0.1em;
}
.triaina--topPage .product .group__info .color {
  color: #596087;
}
.triaina--topPage .product .group__item-proudName {
  font-weight: 500;
  font-size: calc(32 * (100vw/750));
  letter-spacing: 0.1em;
  text-align: center;
  text-indent: calc(-30 * (100vw/750));
}
.triaina--topPage .aboutUs {
  color: #fff;
}
.triaina--topPage .aboutUs__ttl {
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-size: calc(90 * (100vw/750));
  text-align: center;
}
.triaina--topPage .aboutUs__subttl {
  font-size: calc(28 * (100vw/750));
  letter-spacing: 0.1em;
  text-align: center;
  text-indent: calc(9 * (100vw/750));
}
.triaina--topPage .aboutUs__txt {
  font-size: calc(26 * (100vw/750));
  line-height: 1.7692307692;
  text-align: center;
}
.triaina--topPage .aboutUs__group__ttl {
  font-size: calc(36 * (100vw/750));
  line-height: 1.38;
  letter-spacing: 0.1em;
  text-align: left;
}
.triaina--topPage .aboutUs__group__txt {
  font-size: calc(24 * (100vw/750));
  line-height: 1.6666666667;
  text-align: left;
}
.triaina--topPage .aboutUs__group__point {
  font-size: calc(18.77 * (100vw/750));
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-align: center;
}
.triaina--topPage .PageTop {
  color: #e0e8f8;
  font-size: calc(24.18 * (100vw/750));
  letter-spacing: 0.1em;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
}

/*.triaina--topPage fontStyle SP end*/
/* ------------------------------
  .triaina--topPage fontStyle  PC
-------------------------------- */
@media (min-width: 768px) {
  .triaina--topPage .topSlider__txtBox__title {
    font-size: 3.66rem;
    line-height: 1.4398907104;
    text-align: left;
  }
  .triaina--topPage .topSlider__txtBox__txt {
    font-size: 1.6rem;
    line-height: 1.75;
    text-align: left;
  }
  .triaina--topPage .preface .ptt01 {
    font-size: 3.2rem;
    line-height: 1.40625;
    letter-spacing: 0.04em;
  }
  .triaina--topPage .preface .ptt02 {
    font-size: 8.63rem;
  }
  .triaina--topPage .preface__txt-block__txt {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    letter-spacing: 0;
  }
  .triaina--topPage .description__ttl {
    font-size: 3.2rem;
    letter-spacing: 0.08em;
  }
  .triaina--topPage .description .space {
    margin-left: 2rem;
    letter-spacing: 0.11em;
  }
  .triaina--topPage .description__txt {
    font-size: 1.8rem;
    line-height: 2.1111111111;
  }
  .triaina--topPage .description__icon-item {
    font-size: 1.47rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .triaina--topPage .description__icon-item .decoration {
    font-size: 1.65rem;
  }
  .triaina--topPage .description__linkArea-txt {
    font-size: 2.2rem;
    line-height: 1.4545454545;
    text-align: left;
  }
  .triaina--topPage .features-ttl {
    font-size: 8.96rem;
    letter-spacing: 0.01em;
    text-align: left;
  }
  .triaina--topPage .features-subttl {
    font-size: 2.2rem;
    line-height: 1.5909090909;
    text-align: left;
  }
  .triaina--topPage .features__top__new-txt {
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  .triaina--topPage .features__top__new-prodName {
    font-size: 2.2rem;
    text-align: left;
  }
  .triaina--topPage .features__top-attention {
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .triaina--topPage .features .organic .ttl, .triaina--topPage .features .sustainable .ttl {
    font-size: 2.8rem;
    letter-spacing: 0.1em;
    text-align: left;
  }
  .triaina--topPage .features .size {
    margin: 0.1rem 0 0 -0.1rem;
    font-size: 0.5em;
  }
  .triaina--topPage .features .organic .ttl {
    line-height: 1.3928571429;
  }
  .triaina--topPage .features .sustainable .ttl {
    line-height: 1;
  }
  .triaina--topPage .features .free .ttl {
    font-size: 4.05rem;
    line-height: 1.1358024691;
  }
  .triaina--topPage .features .group .txt {
    font-size: 1.8rem;
    line-height: 1.66;
    text-align: justify;
  }
  .triaina--topPage .features .organic__topic-ttl {
    font-size: 2.3rem;
    line-height: 1.4;
    letter-spacing: 0.1em;
    text-align: left;
  }
  .triaina--topPage .features .group .topicContents-ttl {
    font-size: 2.3rem;
    line-height: 1.4;
    letter-spacing: 0.24em;
    white-space: nowrap;
  }
  .triaina--topPage .features .organic__top-txt .small {
    margin-left: 0;
    font-size: 1.2rem;
  }
  .triaina--topPage .features .organic__topic-txt {
    position: relative;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
  .triaina--topPage .features .organic__topic-txt .small {
    position: absolute;
    bottom: -2.2rem;
    right: -0.5rem;
    margin-left: 0;
    font-size: 1.2rem;
  }
  .triaina--topPage .features .free .topicContents-txt {
    font-size: 1.4rem;
    line-height: 1.7428571429;
    letter-spacing: 0.1em;
  }
  .triaina--topPage .features__bottom-bg {
    font-size: 25.6rem;
    line-height: 1;
  }
  .triaina--topPage .features__bottom-ttl {
    font-size: 3.6rem;
    line-height: 1.2597222222;
  }
  .triaina--topPage .features .features__bottom .topicContents-ttl {
    font-size: 2rem;
  }
  .triaina--topPage .features .features__bottom .topicContents-txt {
    font-size: 1.6rem;
    line-height: 1.75;
  }
  .triaina--topPage .howToUse__ttl {
    font-size: 8rem;
    letter-spacing: 0.01em;
    text-indent: -0.1rem;
  }
  .triaina--topPage .howToUse__subttl {
    font-size: 1.8rem;
  }
  .triaina--topPage .howToUse__txt {
    font-size: 2rem;
  }
  .triaina--topPage .howToUse .howToUse__step {
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
  }
  .triaina--topPage .story__top-txt__ttl {
    font-size: 9rem;
    text-align: left;
    text-indent: 0;
  }
  .triaina--topPage .story__top-txt__subttl {
    font-size: 2.2rem;
    line-height: 1.6;
    text-align: left;
  }
  .triaina--topPage .story__top__name {
    font-size: 1.47rem;
  }
  .triaina--topPage .story__top__name .big {
    font-size: 2.2rem;
  }
  .triaina--topPage .story-txt__ttl {
    font-size: 2.8rem;
    line-height: 1.3571428571;
  }
  .triaina--topPage .story-txt__txt {
    font-size: 1.8rem;
    line-height: 1.6666666667;
  }
  .triaina--topPage .story__attention {
    font-size: 1.2rem;
    line-height: 3.25;
    text-align: right;
  }
  .triaina--topPage .project__group__ttl {
    margin-left: -0.4rem;
    font-size: 9rem;
    line-height: 0.87;
  }
  .triaina--topPage .project__group__subttl {
    font-size: 2.8rem;
    line-height: 1.3571428571;
  }
  .triaina--topPage .project__group__txt {
    font-size: 1.6rem;
    line-height: 1.75;
  }
  .triaina--topPage .project__attention {
    font-size: 1.2rem;
    line-height: 1;
  }
  .triaina--topPage .project__group__phaseArea {
    font-size: 2.9rem;
    white-space: nowrap;
  }
  .triaina--topPage .project__group__phaseArea__txt {
    font-size: 1.55rem;
  }
  .triaina--topPage .product__top-txt__ttl {
    font-size: 8.95rem;
    text-align: left;
  }
  .triaina--topPage .product__top-txt__subttl {
    font-size: 2rem;
    letter-spacing: 0;
    text-align: left;
  }
  .triaina--topPage .product__top-txt__txt {
    font-size: 1.8rem;
    line-height: 1.6666666667;
  }
  .triaina--topPage .product .group__info-headding {
    font-size: 1.8rem;
    text-align: left;
  }
  .triaina--topPage .product .group__info-proudName {
    font-size: 3rem;
    letter-spacing: 0.14em;
    text-align: left;
    text-indent: -0.6rem;
  }
  .triaina--topPage .product .group__info-proudName sup {
    top: 0.9rem;
    left: 0.6rem;
    font-size: 3rem;
  }
  .triaina--topPage .product .group__info-type {
    font-size: 1.2rem;
    margin-left: 0.2rem;
    text-align: left;
  }
  .triaina--topPage .product .group__info-txt {
    font-size: 1.2rem;
  }
  .triaina--topPage .product .group__info-price {
    font-size: 1.2rem;
    text-indent: 0.2rem;
  }
  .triaina--topPage .product .group__info-price .big {
    margin-right: 0;
    font-size: 1.7em;
  }
  .triaina--topPage .product .group__info-price .bg-color {
    font-size: 1.2rem;
  }
  .triaina--topPage .product .group__info-ingredient {
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .triaina--topPage .product .group__item-proudName {
    font-size: 1.6rem;
    text-indent: 0.2rem;
  }
  .triaina--topPage .aboutUs__ttl {
    font-size: 6.4rem;
    text-align: left;
  }
  .triaina--topPage .aboutUs__subttl {
    font-size: 1.8rem;
    text-align: left;
    text-indent: 0;
  }
  .triaina--topPage .aboutUs__txt {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    text-align: left;
  }
  .triaina--topPage .aboutUs__group__ttl {
    font-size: 1.8rem;
    line-height: 2.1666666667;
  }
  .triaina--topPage .aboutUs__group__txt {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
  .triaina--topPage .aboutUs__group__point {
    font-size: 1.4rem;
    line-height: 1.56;
    letter-spacing: 0.09em;
  }
  .triaina--topPage .PageTop {
    font-size: 1.2rem;
  }

  /*.triaina--topPage fontStyle PC end*/
}
/* ------------------------------
  .triaina--topPage   SP First
-------------------------------- */
.triaina--topPage .sec {
  position: relative;
}
.triaina--topPage .topSlider__square--3 {
  position: absolute;
  transform: skewX(-44deg);
  top: calc(-92 * (100vw/750));
  left: calc(187 * (100vw/750));
  width: calc(77 * (100vw/750));
  background: linear-gradient(65deg, #00f, #00baff);
  opacity: 0.9;
  z-index: 3;
}
.triaina--topPage .topSlider__square--2 {
  position: absolute;
  transform: skewX(-44deg);
  top: calc(-52 * (100vw/750));
  left: calc(-29 * (100vw/750));
  width: calc(230 * (100vw/750));
  background: linear-gradient(65deg, #00f, #00baff);
  z-index: 2;
}
.triaina--topPage .topSlider__square--1 {
  position: absolute;
  transform: skewX(-43.6deg);
  top: calc(592 * (100vw/750));
  right: calc(-400 * (100vw/750));
  width: calc(351 * (100vw/750));
  background: linear-gradient(-25deg, #00f, #00baff 80%, #00baff);
  z-index: 2;
}
.triaina--topPage .square {
  position: absolute;
  transform: skewX(-43.6deg);
  background: linear-gradient(25deg, #00f, #00baff);
  opacity: 0.9;
}
.triaina--topPage .preface__square {
  top: calc(57 * (100vw/750));
  left: calc(91 * (100vw/750));
  width: calc(30 * (100vw/750));
}
.triaina--topPage .howToUse__square,
.triaina--topPage .story__square {
  top: calc(-22 * (100vw/750));
  left: calc(78 * (100vw/750));
  width: calc(73 * (100vw/750));
}
.triaina--topPage .aboutUs__square {
  top: calc(-15 * (100vw/750));
  left: calc(80 * (100vw/750));
  width: calc(73 * (100vw/750));
}
.triaina--topPage .product__square {
  top: calc(-11 * (100vw/750));
  left: calc(60 * (100vw/750));
  width: calc(73 * (100vw/750));
}
.triaina--topPage .project__square {
  top: calc(119 * (100vw/750));
  right: calc(20 * (100vw/750));
  width: calc(78 * (100vw/750));
}
.triaina--topPage .preface .bottun {
  font-size: calc(28 * (100vw/750));
  padding: calc(40 * (100vw/750)) 0 calc(42 * (100vw/750)) calc(118 * (100vw/750));
  width: calc(590 * (100vw/750));
  box-sizing: border-box;
}
.triaina--topPage .preface .bottun::after {
  top: calc(42 * (100vw/750));
  right: calc(103 * (100vw/750));
  width: calc(22 * (100vw/750));
  height: calc(26 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/sp_arrow.svg);
  background-repeat: no-repeat;
}
.triaina--topPage .description .bottun {
  font-size: calc(24 * (100vw/750));
  padding: calc(22 * (100vw/750)) 0 calc(25 * (100vw/750)) calc(32 * (100vw/750));
}
.triaina--topPage .description .bottun span {
  padding-right: calc(3 * (100vw/750));
}
.triaina--topPage .description .bottun::after {
  top: calc(25 * (100vw/750));
  /* right: calc(34 * (100vw/750)); */
  width: calc(20 * (100vw/750));
  height: calc(23 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/sp_arrow.svg);
  background-repeat: no-repeat;
}
.triaina--topPage .product .group__info-btn-1 {
  font-size: calc(28 * (100vw/750));
}
.triaina--topPage .product .group__info-btn-2 {
  font-size: calc(27 * (100vw/750));
  letter-spacing: 0.08em;
}
.triaina--topPage .product .bottun {
  width: calc(570 * (100vw/750));
  box-sizing: border-box;
}
.triaina--topPage .product .bottun::after {
  top: calc(29 * (100vw/750));
  width: calc(28 * (100vw/750));
  height: calc(23 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/sp_arrow-r.svg);
  background-repeat: no-repeat;
}

.triaina--topPage .product .group__info-btn-1-1.bottun::after,
.triaina--topPage .product .group__info-btn-1-2.bottun::after{
  top: calc(29 * (100vw/750));
  width: calc(28 * (100vw/750));
  height: calc(23 * (100vw/750));
  background-image: none;
}
.triaina--topPage .group__info-btn-1 {
  margin-top: calc(48 * (100vw/750));
  padding: calc(24 * (100vw/750)) 0 calc(26 * (100vw/750)) calc(69 * (100vw/750));
}

.triaina--topPage .group__info-btn-1-1 {
  margin-top: calc(48 * (100vw/750));
}
.triaina--topPage .group__info-btn-1-2 {
  margin-top: calc(24 * (100vw/750));
}
.triaina--topPage .group__info-btn-1:after {
  right: calc(57 * (100vw/750));
}
.triaina--topPage .group__info-btn-2 {
  margin-top: calc(20 * (100vw/750));
  padding: calc(24 * (100vw/750)) 0 calc(26 * (100vw/750)) calc(28 * (100vw/750));
}
.triaina--topPage .group__info-btn-2:after {
  right: calc(24 * (100vw/750));
}
.triaina--topPage .group__item-btn {
  padding: calc(24 * (100vw/750)) 0 calc(28 * (100vw/750)) calc(68 * (100vw/750));
}
.triaina--topPage .group__item-btn::after {
  right: calc(54 * (100vw/750));
}
.triaina--topPage .bottun {
  position: relative;
  display: inline-block;
  color: #fff;
  letter-spacing: 0.1em;
  box-shadow: 3px 4px 9px -5px rgba(0, 0, 0, 0.5);
}

.triaina--topPage .group__info-btn-1-1.bottun,
.triaina--topPage .group__info-btn-1-2.bottun {
    box-shadow: none;
}


.triaina--topPage .bottun::after {
  content: "";
  position: absolute;
  background-size: contain;
}
.triaina--topPage .product .bottun {
  background-color: #99856c;
}

.triaina--topPage .product .group__info-btn-1-1.bottun,
.triaina--topPage .product .group__info-btn-1-2.bottun{
    background-color:white;
}

.triaina--topPage .description__linkArea-txt-btn,
.triaina--topPage .preface__txt-block-btn {
  background-color: #a79885;
}
.triaina--topPage .topSlider {
  position: relative;
  height: calc(1205 * (100vw/750));
}
.triaina--topPage .topSlider .topSlider__logo {
  position: absolute;
  top: calc(105 * (100vw/750));
  left: calc(140 * (100vw/750));
  width: calc(452 * (100vw/750));
  height: calc(106 * (100vw/750));
  z-index: 5;
}
.triaina--topPage .topSlider__txtBox {
  position: absolute;
  top: calc(230 * (100vw/750));
  left: calc(178 * (100vw/750));
  z-index: 5;
}
.triaina--topPage .topSlider__txtBox__txt {
  margin-top: calc(10 * (100vw/750));
}
.triaina--topPage .topSlider__prod {
  position: absolute;
  top: calc(793 * (100vw/750));
  left: calc(444 * (100vw/750));
  width: calc(310 * (100vw/750));
  height: calc(272 * (100vw/750));
  z-index: 10;
}
.triaina--topPage .topSlider__border {
  content: "";
  position: absolute;
  top: calc(794 * (100vw/750));
  left: calc(715 * (100vw/750));
  width: 1px;
  height: calc(270 * (100vw/750));
  z-index: 10;
  background-image: linear-gradient(to bottom, #fff 50%, transparent 50%);
  background-size: 100% 200%;
}
.triaina--topPage .topSlider .square {
  content: "";
  position: absolute;
  background-size: contain;
}
.triaina--topPage .topSlider .swiper-container-mv {
  width: 100%;
}
.triaina--topPage .preface {
  background: linear-gradient(to bottom, #fff, #dbe4ea);
}
.triaina--topPage .preface__inner {
  position: relative;
  padding: calc(69 * (100vw/750)) calc(38 * (100vw/750)) calc(138 * (100vw/750));
  z-index: 0;
}
.triaina--topPage .preface__inner::after {
  content: "";
  position: absolute;
  transform: skewX(-29deg);
  top: calc(100 * (100vw/750));
  left: calc(199 * (100vw/750));
  width: calc(539 * (100vw/750));
  height: calc(1490 * (100vw/750));
  background: #fff;
  z-index: -1;
}
.triaina--topPage .preface__txt-block {
  padding: 0 calc(40 * (100vw/750));
}
.triaina--topPage .preface .ptt01 {
  margin-bottom: calc(52 * (100vw/750));
  position: relative;
  z-index: 5;
  opacity: 0;
}
.triaina--topPage .preface__txt-block__txt {
  margin-bottom: calc(52 * (100vw/750));
}
.triaina--topPage .preface .preface__img-block {
  margin: calc(82 * (100vw/750)) auto 0;
}
.triaina--topPage .video {
  position: relative;
  margin: calc(-10 * (100vw/750)) 0;
  width: 100%;
  height: calc(440 * (100vw/750));
  z-index: 0;
}
.triaina--topPage .description {
  position: relative;
  padding: calc(164 * (100vw/750)) calc(40 * (100vw/750)) calc(120 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/sp_description_bg.jpg);
  background-position: 0px center;
  background-repeat: no-repeat;
  background-size: 120%;
}
.triaina--topPage .description .drop-position {
  position: absolute;
  background-repeat: no-repeat;
  background-position: top center;
  height: 18%;
  z-index: 0;
}
.triaina--topPage .description .drop-1 {
  top: calc(26 * (100vw/750));
  left: calc(114 * (100vw/750));
  width: calc(40 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/sp_drops-1.png);
  background-size: calc(40 * (100vw/750));
}
.triaina--topPage .description .drop-2 {
  top: calc(87 * (100vw/750));
  left: calc(154 * (100vw/750));
  width: calc(18 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/sp_drops-2.png);
  background-size: calc(18 * (100vw/750));
}
.triaina--topPage .description .drop-3 {
  top: calc(83 * (100vw/750));
  left: calc(27 * (100vw/750));
  width: calc(58 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/sp_drops-3.png);
  background-size: calc(58 * (100vw/750));
}
.triaina--topPage .description .drop-4 {
  top: calc(719 * (100vw/750));
  left: calc(58 * (100vw/750));
  width: calc(30 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/sp_drops-4.png);
  background-size: calc(30 * (100vw/750));
}
.triaina--topPage .description .drop-5 {
  top: calc(780 * (100vw/750));
  left: calc(108 * (100vw/750));
  width: calc(53 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/sp_drops-5.png);
  background-size: calc(53 * (100vw/750));
}
.triaina--topPage .description .drop-6 {
  top: calc(24 * (100vw/750));
  right: calc(59 * (100vw/750));
  width: calc(60 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/sp_drops-6.png);
  background-size: calc(60 * (100vw/750));
}
.triaina--topPage .description .drop-7 {
  top: calc(63 * (100vw/750));
  right: calc(137 * (100vw/750));
  width: calc(33 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/sp_drops-7.png);
  background-size: calc(33 * (100vw/750));
}
.triaina--topPage .description .drop-8 {
  top: calc(134 * (100vw/750));
  right: calc(31 * (100vw/750));
  width: calc(18 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/sp_drops-8.png);
  background-size: calc(18 * (100vw/750));
}
.triaina--topPage .description .drop-9 {
  top: calc(366 * (100vw/750));
  right: calc(40 * (100vw/750));
  width: calc(32 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/sp_drops-9.png);
  background-size: calc(32 * (100vw/750));
}
.triaina--topPage .description .drop-10 {
  top: calc(707 * (100vw/750));
  right: calc(87 * (100vw/750));
  width: calc(61 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/sp_drops-10.png);
  background-size: calc(61 * (100vw/750));
}
.triaina--topPage .description__ttl {
  position: relative;
  margin: 0 auto calc(44 * (100vw/750));
  width: calc(613 * (100vw/750));
}
.triaina--topPage .description__ttl::before {
  content: "";
  position: absolute;
  top: calc(-24 * (100vw/750));
  left: calc(262 * (100vw/750));
  width: calc(90 * (100vw/750));
  height: calc(5 * (100vw/750));
  background-size: contain;
  background-color: #2c71df;
}
.triaina--topPage .description__txt {
  margin-bottom: calc(100 * (100vw/750));
}
.triaina--topPage .description__icon {
  position: relative;
  height: calc(694 * (100vw/750));
}
.triaina--topPage .description .description__iconWrap {
  position: absolute;
  width: calc(322 * (100vw/750));
  height: calc(322 * (100vw/750));
  opacity: 0;
}
.triaina--topPage .description .di01 {
  top: calc(290 * (100vw/750));
  left: 0;
}
.triaina--topPage .description .di02 {
  top: 0;
  left: 25.8%;
}
.triaina--topPage .description .di03 {
  top: calc(290 * (100vw/750));
  right: 0;
}
.triaina--topPage .description__icon-item {
  position: relative;
  top: calc(-192 * (100vw/750));
  left: calc(-1 * (100vw/750));
  z-index: 5;
}
.triaina--topPage .description__linkArea {
  padding: calc(10 * (100vw/750)) calc(11 * (100vw/750)) calc(58 * (100vw/750)) calc(11 * (100vw/750));
  background-color: #fff;
  opacity: 0;
}
.triaina--topPage .description__linkArea__inner {
  margin-top: calc(40 * (100vw/750));
}
.triaina--topPage .description__linkArea-txt {
  margin-left: calc(22 * (100vw/750));
  margin-bottom: calc(22 * (100vw/750));
}
.triaina--topPage .description .bottun {
  margin: 0 calc(185 * (100vw/750));
  width: calc(280 * (100vw/750));
  box-sizing: border-box;
}
.triaina--topPage .features {
  background-color: #e0e8f8;
}
.triaina--topPage .features__inner {
  position: relative;
  padding: calc(121 * (100vw/750)) calc(40 * (100vw/750)) calc(140 * (100vw/750));
  z-index: 0;
}
.triaina--topPage .features__inner::after {
  content: "";
  position: absolute;
  transform: skewX(-43.6deg);
  top: 0;
  left: calc(96 * (100vw/750));
  width: calc(895 * (100vw/750));
  background: linear-gradient(48deg, #00f, #00baff 85%, #00baff);
  z-index: -1;
}
.triaina--topPage .features__top {
  margin-bottom: calc(160 * (100vw/750));
}
.triaina--topPage .features__top-imgwrap {
  margin-top: calc(83 * (100vw/750));
  position: relative;
  height: calc(570 * (100vw/750));
}
.triaina--topPage .features .fti01 {
  position: absolute;
  top: 0;
  left: calc(83 * (100vw/750));
  width: calc(434 * (100vw/750));
  height: auto;
  opacity: 0;
}
.triaina--topPage .features .fti02 {
  position: absolute;
  top: calc(-6 * (100vw/750));
  right: 0;
  display: flex;
  flex-direction: column;
  width: calc(193 * (100vw/750));
}
.triaina--topPage .features .fti02 .img {
  opacity: 0;
}
.triaina--topPage .features .fti02 .img:nth-child(n+2) {
  margin-top: calc(-12 * (100vw/750));
}
.triaina--topPage .features__top__new {
  position: relative;
  margin-top: calc(24 * (100vw/750));
  margin-left: calc(35 * (100vw/750));
  padding: calc(22 * (100vw/750)) calc(37 * (100vw/750)) calc(36 * (100vw/750)) calc(65 * (100vw/750));
  background-color: #ecf1fb;
}
.triaina--topPage .features__top__new::before {
  content: "";
  position: absolute;
  top: calc(-47 * (100vw/750));
  left: calc(-67 * (100vw/750));
  width: calc(127 * (100vw/750));
  height: calc(127 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/new_icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.triaina--topPage .features__top__new-prodName {
  margin-top: calc(14 * (100vw/750));
  margin-left: calc(-29 * (100vw/750));
}
.triaina--topPage .features__top-attention {
  margin-top: calc(16 * (100vw/750));
  padding-left: calc(55 * (100vw/750));
  text-indent: calc(-20 * (100vw/750));
}
.triaina--topPage .features .group {
  position: relative;
  background-color: #fff;
  opacity: 0;
}
.triaina--topPage .features .point-icon::before {
  content: "";
  position: absolute;
  left: calc(231 * (100vw/750));
  width: calc(220 * (100vw/750));
  height: calc(220 * (100vw/750));
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  opacity: 0;
}
.triaina--topPage .features .pi1 {
  position: relative;
}
.triaina--topPage .features .pi1::before {
  top: calc(-87 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/organic_point-icon.png);
}
.triaina--topPage .features .organic {
  padding-top: calc(140 * (100vw/750));
  padding-left: calc(50 * (100vw/750));
  padding-right: calc(50 * (100vw/750));
  padding-bottom: calc(55 * (100vw/750));
}
.triaina--topPage .features .organic__top {
  margin-bottom: calc(46 * (100vw/750));
}
.triaina--topPage .features .organic .txt {
  margin-top: calc(20 * (100vw/750));
}
.triaina--topPage .features .organic__topWrap {
  margin-bottom: calc(73 * (100vw/750));
}
.triaina--topPage .features .organic__topic {
  padding: calc(40 * (100vw/750)) calc(40 * (100vw/750)) calc(58 * (100vw/750)) calc(40 * (100vw/750));
  background-color: #f6f2e9;
}
.triaina--topPage .features .organic__topic-ttl {
  margin-left: calc(19 * (100vw/750));
}
.triaina--topPage .features .organic__topic-imgwrap {
  margin-bottom: calc(30 * (100vw/750));
  position: relative;
  height: calc(332 * (100vw/750));
}
.triaina--topPage .features .organic__topic-img:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(382 * (100vw/750));
}
.triaina--topPage .features .organic__topic-img:nth-child(2) {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(250 * (100vw/750));
}
.triaina--topPage .features .organic__topic-txt {
  margin-top: calc(17 * (100vw/750));
}
.triaina--topPage .features .pi2 {
  position: relative;
}
.triaina--topPage .features .pi2::before {
  top: calc(45 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/free_point-icon.png);
}
.triaina--topPage .features .free {
  margin-top: calc(131 * (100vw/750));
  padding-top: calc(139 * (100vw/750));
  padding-left: calc(50 * (100vw/750));
  padding-right: calc(50 * (100vw/750));
  padding-bottom: calc(90 * (100vw/750));
}
.triaina--topPage .features .free__topWrap {
  margin-bottom: calc(72 * (100vw/750));
}
.triaina--topPage .features .free .ttl {
  position: relative;
  margin-left: calc(210 * (100vw/750));
}
.triaina--topPage .features .free .ttl::before {
  content: "";
  position: absolute;
  top: calc(8 * (100vw/750));
  left: calc(-137 * (100vw/750));
  width: calc(130 * (100vw/750));
  height: calc(130 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/6.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.triaina--topPage .features .free .txt {
  margin-top: calc(32 * (100vw/750));
}
.triaina--topPage .features .free-img {
  margin-top: calc(54 * (100vw/750));
}
.triaina--topPage .features .free .topicContents {
  display: flex;
  justify-content: space-between;
}
.triaina--topPage .features .free .topicContents:not(:last-child) {
  margin-bottom: calc(70 * (100vw/750));
}
.triaina--topPage .features .free .topicContents-img {
  width: calc(246 * (100vw/750));
}
.triaina--topPage .features .free .topicContents-sentence {
  margin-top: calc(1 * (100vw/750));
  width: calc(300 * (100vw/750));
}
.triaina--topPage .features .free .topicContents-ttl {
  position: relative;
  margin-bottom: calc(18 * (100vw/750));
  padding-left: calc(50 * (100vw/750));
}
.triaina--topPage .features .free .topicContents-ttl::before {
  content: "";
  position: absolute;
  top: calc(3 * (100vw/750));
  left: calc(-1 * (100vw/750));
  width: calc(40 * (100vw/750));
  height: calc(40 * (100vw/750));
  background-size: contain;
  background-repeat: no-repeat;
}
.triaina--topPage .features .free__topic--2, .triaina--topPage .features .free__topic--4, .triaina--topPage .features .free__topic--6 {
  flex-direction: row-reverse;
}
.triaina--topPage .features .free__topic--1 .topicContents-ttl::before {
  background-image: url(/Contents/ImagesPkg/Triaina/top/nomber-1.svg);
}
.triaina--topPage .features .free__topic--2 .topicContents-ttl::before {
  background-image: url(/Contents/ImagesPkg/Triaina/top/nomber-2.svg);
}
.triaina--topPage .features .free__topic--3 .topicContents-ttl::before {
  background-image: url(/Contents/ImagesPkg/Triaina/top/nomber-3.svg);
}
.triaina--topPage .features .free__topic--4 .topicContents-ttl::before {
  background-image: url(/Contents/ImagesPkg/Triaina/top/nomber-4.svg);
}
.triaina--topPage .features .free__topic--5 .topicContents-ttl::before {
  background-image: url(/Contents/ImagesPkg/Triaina/top/nomber-5.svg);
}
.triaina--topPage .features .free__topic--6 .topicContents-ttl::before {
  background-image: url(/Contents/ImagesPkg/Triaina/top/nomber-6.svg);
}
.triaina--topPage .features .pi3 {
  position: relative;
}
.triaina--topPage .features .pi3::before {
  top: calc(48 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/sustainable_point-icon.png);
}
.triaina--topPage .features .sustainable {
  margin-top: calc(136 * (100vw/750));
  padding-top: calc(138 * (100vw/750));
  padding-bottom: calc(48 * (100vw/750));
}
.triaina--topPage .features .sustainable .txt, .triaina--topPage .features .sustainable .si01 {
  padding-left: calc(50 * (100vw/750));
  padding-right: calc(50 * (100vw/750));
}
.triaina--topPage .features .sustainable__top .txt {
  margin-top: calc(16 * (100vw/750));
  margin-bottom: calc(62 * (100vw/750));
}
.triaina--topPage .features .sustainable .sustainable__txt {
  margin-top: calc(58 * (100vw/750));
}
.triaina--topPage .features .sustainable .si02 {
  margin-top: calc(60 * (100vw/750));
  margin-left: calc(50 * (100vw/750));
  width: calc(602 * (100vw/750));
}
.triaina--topPage .features .h-scroll__container {
  position: absolute;
  top: -5%;
}
.triaina--topPage .features .h-scroll {
  overflow: auto;
  display: flex;
}
.triaina--topPage .features .section {
  height: 100vh;
  display: flex;
  align-items: flex-start;
  white-space: nowrap;
  position: relative;
  padding: 0 30vw;
  overflow: hidden;
}
.triaina--topPage .features .section p {
  margin: 0 auto;
}
.triaina--topPage .features .features__bottom {
  position: relative;
}
.triaina--topPage .features .features__bottom__inner {
  position: relative;
  margin-top: calc(273 * (100vw/750));
  padding: 0 calc(80 * (100vw/750));
}
.triaina--topPage .features .features__bottom-bg {
  width: 200%;
}
.triaina--topPage .features .features__bottom-ttl {
  position: relative;
  margin-bottom: calc(138 * (100vw/750));
  padding-left: calc(7 * (100vw/750));
}
.triaina--topPage .features .features__bottom-ttl::before {
  content: "";
  position: absolute;
  top: calc(-26 * (100vw/750));
  left: calc(207 * (100vw/750));
  width: calc(90 * (100vw/750));
  height: calc(5 * (100vw/750));
  background-size: contain;
  background-color: #2c71df;
}
.triaina--topPage .features .features__bottom .fbi01 {
  position: relative;
  z-index: 5;
  opacity: 0;
}
.triaina--topPage .features .features__bottom .fbi01 .topicContents-txt {
  margin-top: calc(42 * (100vw/750));
}
.triaina--topPage .features .features__bottom .fbi02 {
  margin-top: calc(120 * (100vw/750));
  opacity: 0;
}
.triaina--topPage .features .features__bottom .fbi02 .topicContents-txt {
  margin-top: calc(32 * (100vw/750));
}
.triaina--topPage .features .features__bottom .fbi03 {
  margin-top: calc(112 * (100vw/750));
  opacity: 0;
}
.triaina--topPage .features .features__bottom .fbi03 .topicContents-txt {
  margin-top: calc(42 * (100vw/750));
}
.triaina--topPage .features .features__bottom .topicContents-img {
  margin-top: calc(17 * (100vw/750));
}
.triaina--topPage .features .features__bottom .topicContents-txt {
  padding: 0 calc(10 * (100vw/750));
}
.triaina--topPage .howToUse {
  padding-top: calc(160 * (100vw/750));
  padding-bottom: calc(118 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/howToUse_bg.jpg);
  background-size: 200%;
  background-repeat: repeat;
}
.triaina--topPage .howToUse__ttl {
  margin-bottom: calc(12 * (100vw/750));
}
.triaina--topPage .howToUse__ttlwrap {
  opacity: 0;
}
.triaina--topPage .howToUse__ttl::before {
  content: "";
  position: absolute;
  top: calc(-40 * (100vw/750));
  left: calc(330 * (100vw/750));
  width: calc(90 * (100vw/750));
  height: calc(2 * (100vw/750));
  background-size: contain;
  background-color: #2c71df;
}
.triaina--topPage .howToUse__inner::before {
  content: "";
  position: absolute;
  top: calc(224 * (100vw/750));
  left: calc(553 * (100vw/750));
  width: calc(170 * (100vw/750));
  height: calc(120 * (100vw/750));
  /*background-image: url(/Contents/ImagesPkg/Triaina/top/3step.png);*/
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  z-index: 1;
}
.triaina--topPage .howToUse__txt {
  margin: calc(84 * (100vw/750)) auto calc(23 * (100vw/750));
}
.triaina--topPage .howToUse-img {
  height: calc(420 * (100vw/750));
}
.triaina--topPage .howToUse__stepBlocker {
  margin-top: calc(60 * (100vw/750));
}
.triaina--topPage .howToUse__stepWrap {
  position: relative;
  padding: 0 calc(40 * (100vw/750));
}
.triaina--topPage .howToUse__stepWrap:not(:nth-child(1)) {
  position: relative;
  margin-top: calc(10 * (100vw/750));
}
.triaina--topPage .howToUse__step {
  position: absolute;
  top: calc(29 * (100vw/750));
  left: calc(215 * (100vw/750));
  z-index: 5;
}
.triaina--topPage .howToUse .hs03 {
  margin-top: calc(18 * (100vw/750));
}
.triaina--topPage .story {
  padding-top: calc(125 * (100vw/750));
  padding-bottom: calc(130 * (100vw/750));
  background: linear-gradient(#f3ba20, #f5c548 8%);
}
.triaina--topPage .story__top {
  position: relative;
}
.triaina--topPage .story__top-txt {
  opacity: 0;
}
.triaina--topPage .story__top__group {
  margin-top: calc(97 * (100vw/750));
}
.triaina--topPage .story__top__name {
  position: absolute;
  top: calc(700 * (100vw/750));
  right: calc(80 * (100vw/750));
  z-index: 5;
}
.triaina--topPage .story .st01 {
  margin-top: calc(-25 * (100vw/750));
  margin-bottom: calc(100 * (100vw/750));
}
.triaina--topPage .story .st02 {
  margin-bottom: calc(90 * (100vw/750));
}
.triaina--topPage .story .st03 {
  margin-bottom: calc(85 * (100vw/750));
}
.triaina--topPage .story .st01, .triaina--topPage .story .st02, .triaina--topPage .story .st03 {
  padding: 0 calc(80 * (100vw/750));
  opacity: 0;
}
.triaina--topPage .story__group-txtArea {
  margin-top: calc(52 * (100vw/750));
}
.triaina--topPage .story-txt__ttl {
  margin-bottom: calc(20 * (100vw/750));
}
.triaina--topPage .story__attention {
  padding: 0 calc(80 * (100vw/750)) 0 calc(107 * (100vw/750));
}
.triaina--topPage .project {
  padding-top: calc(108 * (100vw/750));
}
.triaina--topPage .project .pg01 {
  padding-bottom: calc(110 * (100vw/750));
}
.triaina--topPage .project .pg01 .project__group__ttl,
.triaina--topPage .project .pg01 .project__group__subttl {
  position: relative;
  padding-left: calc(80 * (100vw/750));
  z-index: 5;
}
.triaina--topPage .project .pg01 .project__group__ttl {
  opacity: 0;
}
.triaina--topPage .project .pg01 .project__group__subttl {
  margin-top: calc(42 * (100vw/750));
}
.triaina--topPage .project .pg01 .project__group__txt:nth-child(3) {
  margin-top: calc(20 * (100vw/750));
}
.triaina--topPage .project .pg01 .project__group__txt,
.triaina--topPage .project .pg01 .project__attention {
  padding: 0 calc(70 * (100vw/750)) 0 calc(80 * (100vw/750));
}
.triaina--topPage .project .pg01 .project__attention {
  margin-top: calc(30 * (100vw/750));
}
.triaina--topPage .project .pg02.project__group {
  position: relative;
  margin: 0 calc(22 * (100vw/750));
  background-color: #e0e8f8;
}
.triaina--topPage .project .pg02.project__group::before {
  content: "";
  position: absolute;
  top: calc(130 * (100vw/750));
  left: calc(40 * (100vw/750));
  width: calc(55 * (100vw/750));
  height: calc(2068 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/sp_phase_border.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.triaina--topPage .project .pg02.project__group .project__group__inner {
  padding: calc(155 * (100vw/750)) calc(60 * (100vw/750)) calc(168 * (100vw/750)) calc(106 * (100vw/750));
  box-shadow: 0px -25px 25px -5px #fff inset;
}
.triaina--topPage .project .pg02.project__group .img {
  position: relative;
}
.triaina--topPage .project .pg02.project__group .img::before {
  content: "";
  position: absolute;
  top: calc(-75 * (100vw/750));
  left: 0;
  width: calc(380 * (100vw/750));
  height: calc(106 * (100vw/750));
  background-size: contain;
  background-repeat: no-repeat;
}
.triaina--topPage .project .pg02.project__group .project__group__phaseArea {
  margin-top: calc(39 * (100vw/750));
  margin-bottom: calc(22 * (100vw/750));
}
.triaina--topPage .project .pg02.project__group .project__group__phaseArea__txt {
  padding-top: calc(11 * (100vw/750));
  padding-bottom: calc(13 * (100vw/750));
  display: inline-block;
  background-color: #c7d8f6;
  width: calc(228 * (100vw/750));
  box-sizing: border-box;
}
.triaina--topPage .project .pg02.project__group .project__group__phaseArea__txt:nth-child(even) {
  margin-left: calc(8 * (100vw/750));
}
.triaina--topPage .project .pg02.project__group .project__group__phaseArea__txt:nth-child(n+3) {
  margin-top: calc(12 * (100vw/750));
}
.triaina--topPage .project .pg02.project__group .group__phase {
  opacity: 0;
}
.triaina--topPage .project .pg02.project__group .group__phase:not(:last-child) {
  margin-bottom: calc(153 * (100vw/750));
}
.triaina--topPage .project .pg02.project__group .project__group__phase01 .img::before {
  background-image: url(/Contents/ImagesPkg/Triaina/top/Phase01.png);
}
.triaina--topPage .project .pg02.project__group .project__group__phase02 .img::before {
  background-image: url(/Contents/ImagesPkg/Triaina/top/Phase02.png);
}
.triaina--topPage .project .pg02.project__group .project__group__phase03 .img::before {
  background-image: url(/Contents/ImagesPkg/Triaina/top/Phase3.png);
}
.triaina--topPage .product {
  padding-top: calc(122 * (100vw/750));
  padding-bottom: calc(136 * (100vw/750));
  background-color: #e0e8f8;
}
.triaina--topPage .product__top-txt__ttlwrap {
  opacity: 0;
}
.triaina--topPage .product__top-txt__subttl {
  margin-top: calc(12 * (100vw/750));
  margin-bottom: calc(34 * (100vw/750));
}
.triaina--topPage .product__top-txt__txt {
  padding: 0 calc(80 * (100vw/750));
}
.triaina--topPage .product__top__group {
  margin-top: calc(71 * (100vw/750));
  margin-bottom: calc(100 * (100vw/750));
}
.triaina--topPage .product .group--1 {
  margin: 0 calc(20 * (100vw/750));
}
.triaina--topPage .product .swiper-pagination {
  left: calc(28 * (100vw/750));
  bottom: calc(25 * (100vw/750));
  width: auto;
}
.triaina--topPage .product .swiper-pagination-bullet {
  margin: 0 calc(5.5 * (100vw/750));
  transform: skewX(-31deg);
  width: calc(16 * (100vw/750));
  height: calc(22 * (100vw/750));
  background: #aab6cd;
  border-radius: 0;
}
.triaina--topPage .product .swiper-pagination .swiper-pagination-bullet-active {
  background: linear-gradient(to bottom left, #00f, #00baff);
}
.triaina--topPage .product .group--1 {
  opacity: 0;
}
.triaina--topPage .product .group--1 .group__info {
  padding: calc(51 * (100vw/750)) calc(70 * (100vw/750)) calc(72 * (100vw/750));
  background-color: #fff;
}
.triaina--topPage .product .group--1 .group__info-proudName {
  margin-top: calc(12 * (100vw/750));
}
.triaina--topPage .product .group--1 .group__info-type {
  margin-top: calc(21 * (100vw/750));
  margin-bottom: calc(34 * (100vw/750));
}
.triaina--topPage .product .group--1 .group__info-txt {
  display: flex;
}
.triaina--topPage .product .group--1 .group__info-txt-1 {
  margin-left: calc(18 * (100vw/750));
  width: calc(148 * (100vw/750));
  line-height: 3.7;
  border-right: 1px solid #d9dbe3;
}
.triaina--topPage .product .group--1 .group__info-txt-2 {
  margin: calc(13 * (100vw/750)) 0 calc(15 * (100vw/750)) calc(18 * (100vw/750));
  width: calc(410 * (100vw/750));
}
.triaina--topPage .product .group--1 .group__info-txt .txt {
  display: inline-block;
}
.triaina--topPage .product .group--1 .group__info-price {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-top: calc(18 * (100vw/750));
}
.triaina--topPage .product .group--1 .group__info-price .bg-color {
  /* padding: calc(2 * (100vw/750)) calc(17 * (100vw/750)) calc(2 * (100vw/750)) calc(18 * (100vw/750)); */
  padding: calc(4 * (100vw/750)) calc(13 * (100vw/750)) calc(9 * (100vw/750)) calc(14 * (100vw/750));
}
.triaina--topPage .product .group--1 .group__info-price::after {
  content: "";
  position: absolute;
  top: calc(51 * (100vw/750));
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #cacaca;
}
.triaina--topPage .product .group--1 .gi01 {
  margin-top: calc(51 * (100vw/750));
}
.triaina--topPage .product .group--1 .gi02 {
  margin-top: calc(24 * (100vw/750));
}
.triaina--topPage .product .group--1 .group__infoWrap {
  display: flex;
}
.triaina--topPage .product .group--1 .group__infoWrap p:nth-child(1) {
  width: calc(104 * (100vw/750));
}
.triaina--topPage .product .group--1 .group__infoWrap p + p {
  margin-left: calc(4 * (100vw/750));
  width: calc(466 * (100vw/750));
}
.triaina--topPage .product .group--1 .group__info-ingredient .color {
  margin-right: calc(13 * (100vw/750));
}
.triaina--topPage .product .group__item {
  margin: calc(20 * (100vw/750)) calc(20 * (100vw/750)) 0;
  background-color: #fff;
  opacity: 0;
}
.triaina--topPage .product .group__item-proudName {
  margin-top: calc(44 * (100vw/750));
}
.triaina--topPage .product .group__item .bottun {
  margin-top: calc(49 * (100vw/750));
  margin-bottom: calc(71 * (100vw/750));
  margin-left: 10%;
  margin-right: 10%;
}
.triaina--topPage .product .group__item-btn {
  font-size: calc(28 * (100vw/750));
}
.triaina--topPage .aboutUs {
  background-color: #7f7562;
}
.triaina--topPage .aboutUs__inner {
  position: relative;
  padding: calc(114 * (100vw/750)) calc(40 * (100vw/750)) calc(126 * (100vw/750));
  z-index: 0;
}
.triaina--topPage .aboutUs__inner::after {
  content: "";
  position: absolute;
  transform: skewX(-43deg);
  top: 0;
  left: calc(-10 * (100vw/750));
  width: calc(630 * (100vw/750));
  height: calc(490 * (100vw/750));
  background: linear-gradient(to bottom, #847c6a, #7f7562);
  z-index: -1;
}
.triaina--topPage .aboutUs__subttl {
  margin: calc(3 * (100vw/750)) 0 calc(40 * (100vw/750));
}
.triaina--topPage .aboutUs-txt {
  margin-bottom: calc(78 * (100vw/750));
}
.triaina--topPage .aboutUs__group {
  display: flex;
  justify-content: space-between;
}
.triaina--topPage .aboutUs__group__txtWrap {
  margin-top: calc(-8 * (100vw/750));
}
.triaina--topPage .aboutUs__group__img, .triaina--topPage .aboutUs__group__txtWrap {
  width: calc(316 * (100vw/750));
}
.triaina--topPage .aboutUs__group__ttl {
  margin-bottom: calc(13 * (100vw/750));
}
.triaina--topPage .aboutUs .ag01 {
  margin-bottom: calc(90 * (100vw/750));
}
.triaina--topPage .aboutUs .ag02 {
  margin-bottom: calc(30 * (100vw/750));
}
.triaina--topPage .aboutUs .aboutUs__group__inner {
  position: relative;
  margin-top: calc(125 * (100vw/750));
  margin-left: calc(9 * (100vw/750));
  display: flex;
  height: calc(146 * (100vw/750));
}
.triaina--topPage .aboutUs .aboutUs__group__inner::after {
  content: "";
  position: absolute;
  top: calc(-91 * (100vw/750));
  left: 0;
  width: 100%;
  height: calc(236 * (100vw/750));
  background-image: url(/Contents/ImagesPkg/Triaina/top/round-bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.triaina--topPage .aboutUs .aboutUs__group__point {
  width: calc(224 * (100vw/750));
}
.triaina--topPage .PageTop {
  position: fixed;
  right: calc(41 * (100vw/750));
  bottom: calc(46 * (100vw/750));
}
.triaina--topPage .PageTop a {
  color: #8f8f8f;
  cursor: pointer;
}
.triaina--topPage .PageTop .scroll {
  transform: rotate(180deg);
  display: block;
  position: absolute;
  top: calc(-143 * (100vw/750));
  left: calc(9 * (100vw/750));
  width: 1.5px;
  height: calc(126 * (100vw/750));
  background-image: linear-gradient(to bottom, #00f, #00baff 50%, transparent 50%);
  background-size: 100% 200%;
  z-index: 100;
}
.triaina--topPage .PageTop .scroll::after {
  content: "";
  position: absolute;
  top: calc(-5 * (100vw/750));
  left: calc(-9 * (100vw/750));
  width: calc(18 * (100vw/750));
  height: calc(18 * (100vw/750));
  transform: rotate(135deg);
  border-top: solid 1.5px #00f;
  border-right: solid 1.5px #00f;
  z-index: 99;
}

/*.triaina--topPage layout SP end*/
/*--------------------------------
          S e t U p SP
--------------------------------*/
#ctl00_BodyHeaderMain_upUpdatePanel {
  display: none;
}

.triaina--topPage {
  width: 100%;
  max-width: calc(750 * (100vw/750));
  height: auto;
  overflow: hidden;
  padding-top: 0;
  margin: 0 auto;
}
.triaina--topPage .spOnly {
  display: block;
}
.triaina--topPage .pcOnly {
  display: none;
}
.triaina--topPage picture {
  display: block;
}
.triaina--topPage img {
  width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* ------------------------------
  .triaina--topPage   PC
-------------------------------- */
@media (min-width: 768px) {
  .triaina--topPage .topSlider__square--1 {
    top: 31rem;
    right: -13.8rem;
    width: 22.2rem;
    background: linear-gradient(41deg, #00f, #00baff 80%, #00baff);
  }
  .triaina--topPage .square {
    position: absolute;
    background: linear-gradient(25deg, #00f, #00baff);
  }
  .triaina--topPage .preface__square {
    top: -0.6rem;
    left: 13rem;
    width: 2.6rem;
  }
  .triaina--topPage .howToUse__square {
    top: -2.4rem;
    left: 19.8rem;
    width: 7.2rem;
  }
  .triaina--topPage .story__square,
.triaina--topPage .product__square {
    top: -1.7rem;
    left: 7.4rem;
    width: 7.2rem;
  }
  .triaina--topPage .aboutUs__square {
    top: -1.7rem;
    left: 11.8rem;
    width: 7.2rem;
  }
  .triaina--topPage .project__square {
    top: 14.2rem;
    right: 65.3rem;
    width: 6.3rem;
  }
  .triaina--topPage .preface .bottun {
    margin-left: 0.4rem;
    font-size: 1.94rem;
    padding: 2.8rem 6.4rem 3.2rem 3.9rem;
    width: auto;
  }
  .triaina--topPage .preface .bottun::after {
    top: 3rem;
    right: 3.1rem;
    width: 1.6rem;
    height: 1.8rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pc_arrow.svg);
    z-index: 2;
  }
  .triaina--topPage .description .bottun {
    font-size: 1.6rem;
    font-weight: 700;
    padding: 1.5rem 4.9rem 1.8rem 3rem;
    width: auto;
  }
  .triaina--topPage .description .bottun span {
    padding-right: 0;
  }
  .triaina--topPage .description .bottun::after {
    top: 1.6rem;
    right: 3.1rem;
    width: 1.3rem;
    height: 1.5rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pc_arrow.svg);
    z-index: 2;
  }
  .triaina--topPage .product .group__info-btn-1::after,
.triaina--topPage .product .group__info-btn-2::after {
    top: 2.2rem;
    width: 1.8rem;
    height: 1.6rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pc_arrow-r.svg);
    z-index: 2;
  }
  .triaina--topPage .product .group__info-btn-1 {
    margin-top: 2.8rem;
    padding: 1.9rem 0 2.1rem 7.8rem;
    font-size: 2rem;
    width: 47.5rem;
  }
  .triaina--topPage .product .group__info-btn-1-1 {
    margin-top: 2.8rem!important;
    padding: 0;
    /*font-size: 2rem;*/
    width: 47.5rem;
  }
  .triaina--topPage .product .group__info-btn-1-2 {
    margin-top: 1.8rem!important;
    padding: 0;
    /*font-size: 2rem;*/
    width: 47.5rem;
  }
  .triaina--topPage .product .group__info-btn-1:after {
    right: 8rem;
  }
  .triaina--topPage .product .group__info-btn-2 {
    margin-top: 1.8rem;
    padding: 1.9rem 0 2.1rem 4.3rem;
    font-size: 2rem;
    width: 47.5rem;
  }
  .triaina--topPage .product .group__info-btn-2:after {
    right: 5rem;
  }
  .triaina--topPage .product .group__item-btn {
    font-size: 1.6rem;
    padding: 1.4rem 0 1.7rem 3.7rem;
    width: 32.3rem;
  }
  .triaina--topPage .product .group__item-btn::after {
    top: 1.75rem;
    right: 3.8rem;
    width: 1.4rem;
    height: 1.2rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pc_arrow-r.svg);
  }
  .triaina--topPage .bottun {
    box-shadow: 5px 6px 18px 0 rgba(0, 0, 0, 0.3);
  }
  .triaina--topPage .description__linkArea-txt-btn {
    background-color: #ad9d89;
  }
  .triaina--topPage .topSlider {
    margin-top: 8rem;
    height: 89.8rem;
  }
  .triaina--topPage .topSlider .topSlider__logo {
    top: 5.2rem;
    left: 5.4rem;
    width: 33rem;
    height: 7.8rem;
    z-index: 5;
  }
  .triaina--topPage .topSlider__txtBox {
    top: 27.3rem;
    left: 72rem;
  }
  .triaina--topPage .topSlider__txtBox__txt {
    margin-top: 0.9rem;
    margin-left: 0.2rem;
  }
  .triaina--topPage .topSlider__prod {
    top: 49.6rem;
    left: 12.8rem;
    width: 30.3rem;
    height: 27rem;
  }
  .triaina--topPage .topSlider__border {
    top: 50rem;
    left: 8.7rem;
    width: 1px;
    height: 26.3rem;
    background-image: linear-gradient(to bottom, #00baff, #00f 50%, transparent 50%);
  }
  .triaina--topPage .topSlider .sns_icon {
    position: absolute;
    display: flex;
    justify-content: space-between;
    top: 1.6rem;
    right: 1.4rem;
    width: 17.3rem;
    z-index: 2;
  }
  .triaina--topPage .topSlider .sns_icon .icon {
    display: block;
    padding: 1.3rem;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #fff;
    border-radius: 50%;
  }
  .triaina--topPage .preface {
    padding-bottom: 15.6rem;
  }
  .triaina--topPage .preface__inner {
    display: flex;
    justify-content: flex-end;
    padding: 0;
  }
  .triaina--topPage .preface__inner::after {
    transform: skewX(-44deg);
    top: 0;
    left: 36.1rem;
    width: 81rem;
    height: 83rem;
  }
  .triaina--topPage .preface__txt-block {
    padding: 0;
  }
  .triaina--topPage .preface .ptt01 {
    margin-bottom: 3rem;
  }
  .triaina--topPage .preface__txt-block {
    margin-top: 1.1rem;
    width: 56.2rem;
  }
  .triaina--topPage .preface__txt-block__txt {
    margin-left: 0.3rem;
    margin-bottom: 2.7rem;
  }
  .triaina--topPage .preface .preface__img-block {
    margin: 0 -3rem 0 0;
    width: 63rem;
  }
  .triaina--topPage .video {
    margin: 0;
    height: 48rem;
  }
  .triaina--topPage .video a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: url(/Contents/ImagesPkg/Triaina/top/playback.svg), pointer;
  }
  .triaina--topPage .video a:active {
    cursor: url(/Contents/ImagesPkg/Triaina/top/playback-ov.png), pointer;
  }
  .triaina--topPage .description {
    padding: 13.2rem 9.6rem 10.7rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pc_description_bg.jpg);
  }
  .triaina--topPage .description .drop-position {
    height: 24%;
    background-position: 0;
  }
  .triaina--topPage .description .drop-1 {
    top: -7.4rem;
    left: 16.8rem;
    width: 5.2rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pc_drops-1.png);
    background-size: 5.2rem;
  }
  .triaina--topPage .description .drop-2 {
    top: -1.2rem;
    left: 21.4rem;
    width: 3.2rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pc_drops-2.png);
    background-size: 3.2rem;
  }
  .triaina--topPage .description .drop-3 {
    top: 10.7rem;
    left: 5.5rem;
    width: 8rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pc_drops-3.png);
    background-size: 8rem;
  }
  .triaina--topPage .description .drop-4 {
    top: 32.5rem;
    left: 19.6rem;
    width: 4.4rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pc_drops-4.png);
    background-size: 4.4rem;
  }
  .triaina--topPage .description .drop-5 {
    top: 43.8rem;
    left: 10.5rem;
    width: 5.4rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pc_drops-5.png);
    background-size: 5.4rem;
  }
  .triaina--topPage .description .drop-6 {
    top: -7.1rem;
    right: 22.2rem;
    width: 4rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pc_drops-6.png);
    background-size: 4rem;
  }
  .triaina--topPage .description .drop-7 {
    top: 14.2rem;
    right: 8.3rem;
    width: 3.5rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pc_drops-7.png);
    background-size: 3.5rem;
  }
  .triaina--topPage .description .drop-8 {
    top: 12.8rem;
    right: 8.5rem;
    width: 7.6rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pc_drops-8.png);
    background-size: 7.6rem;
  }
  .triaina--topPage .description .drop-9 {
    top: 35.8rem;
    right: 16.4rem;
    width: 3.5rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pc_drops-9.png);
    background-size: 3.5rem;
  }
  .triaina--topPage .description .drop-10 {
    top: 57.6rem;
    right: 7.1rem;
    width: 4.1rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pc_drops-10.png);
    background-size: 4.1rem;
  }
  .triaina--topPage .description__ttl {
    margin: 0 auto 1.8rem;
    width: 46.5rem;
  }
  .triaina--topPage .description__ttl::before {
    top: -2.3rem;
    left: 20rem;
    width: 6.5rem;
    height: 0.2rem;
  }
  .triaina--topPage .description__txt {
    margin-bottom: 3.2rem;
  }
  .triaina--topPage .description__icon {
    display: flex;
    justify-content: space-between;
    position: static;
    margin: 0 14.3rem 12.8rem;
    width: 81rem;
    height: 24.7rem;
  }
  .triaina--topPage .description .description__iconWrap {
    position: static;
    width: 24.7rem;
    height: 24.7rem;
  }
  .triaina--topPage .description .di01 .decoration {
    margin-left: 0.9rem;
  }
  .triaina--topPage .description .di02 {
    left: 25%;
  }
  .triaina--topPage .description__icon-item {
    top: -13.9rem;
    left: -0.1rem;
  }
  .triaina--topPage .description__linkArea {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 0;
    background: linear-gradient(to bottom left, #fff, #f2f6fc);
  }
  .triaina--topPage .description__linkArea-img {
    padding-top: 0.2rem;
    width: 68.7rem;
  }
  .triaina--topPage .description__linkArea__inner {
    margin-top: 0;
    margin-left: 8.6rem;
    padding-top: 7.3rem;
    padding-bottom: 6.6rem;
  }
  .triaina--topPage .description__linkArea-txt {
    margin-left: -0.3rem;
    margin-bottom: 2rem;
  }
  .triaina--topPage .description .bottun {
    margin: 0;
  }
  .triaina--topPage .features__inner {
    padding: 7.4rem 5rem 9.8rem;
  }
  .triaina--topPage .features__inner::after {
    left: 12rem;
    width: 106.2rem;
    background: linear-gradient(15deg, transparent 32%, #3c7af3, #00baff);
  }
  .triaina--topPage .features__top {
    position: relative;
    margin-bottom: 0;
    height: 52.4rem;
  }
  .triaina--topPage .features__topWrap {
    position: absolute;
    top: 5.1rem;
    left: 2.5rem;
    width: 90rem;
  }
  .triaina--topPage .features__top-ttl {
    margin-left: 5rem;
  }
  .triaina--topPage .features__top-imgwrap {
    position: absolute;
    right: 0;
    margin-top: 0;
    width: 52.5rem;
    height: auto;
  }
  .triaina--topPage .features .fti01 {
    left: 14.2%;
    width: 61.8%;
  }
  .triaina--topPage .features .fti02 {
    top: 0.7rem;
    right: 3.5rem;
    width: 14.6rem;
  }
  .triaina--topPage .features .fti02 .img:nth-child(n+2) {
    margin-top: -0.8rem;
  }
  .triaina--topPage .features__top__new {
    margin-top: 4.2rem;
    margin-left: 24.4rem;
    padding: 1.6rem 0 2.2rem 5.2rem;
    background-color: #ecf1fb;
  }
  .triaina--topPage .features__top__new::before {
    top: -3.2rem;
    left: -4.8rem;
    width: 9rem;
    height: 9rem;
  }
  .triaina--topPage .features__top__new-prodName {
    margin-top: 0.4rem;
    margin-left: -0.5rem;
  }
  .triaina--topPage .features__top-attention {
    position: absolute;
    bottom: 1.7rem;
    right: 9.4rem;
    margin-top: 0;
    padding-left: 0;
    text-indent: -1.1rem;
  }
  .triaina--topPage .features .point-icon::before {
    left: auto;
    transform: translateX(0);
    width: 16.8rem;
    height: 16.7rem;
  }
  .triaina--topPage .features .wrap {
    display: flex;
  }
  .triaina--topPage .features .pi1::before {
    top: -2.3rem;
    right: -121.7rem;
  }
  .triaina--topPage .features .organic {
    padding-top: 6.5rem;
    padding-left: 7rem;
    padding-right: 7rem;
    padding-bottom: 7.5rem;
  }
  .triaina--topPage .features .organic__topWrap {
    margin-bottom: 3rem;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .triaina--topPage .features .organic__top {
    margin-top: 3.4rem;
    margin-right: 4.3rem;
    margin-bottom: 0;
    width: 39.8rem;
  }
  .triaina--topPage .features .organic .txt {
    margin-top: 1.6rem;
  }
  .triaina--topPage .features .organic-img {
    margin-bottom: 0;
    width: 52rem;
  }
  .triaina--topPage .features .organic__topic {
    display: flex;
    justify-content: space-between;
    padding: 4rem 6.2rem;
  }
  .triaina--topPage .features .organic__topic-ttl {
    margin-top: 1.6rem;
    margin-left: 0;
  }
  .triaina--topPage .features .organic__topic-txt {
    margin-top: 1.3rem;
  }
  .triaina--topPage .features .organic__topic-imgwrap {
    margin-bottom: 0;
    width: 38rem;
    height: 25.5rem;
  }
  .triaina--topPage .features .organic__topic-img:nth-child(1) {
    width: 26rem;
  }
  .triaina--topPage .features .organic__topic-img:nth-child(2) {
    width: 19.2rem;
  }
  .triaina--topPage .features .organic__topic-sentence {
    width: 49.7rem;
  }
  .triaina--topPage .features .pi2::before {
    top: 2.7rem;
    left: -3.7rem;
  }
  .triaina--topPage .features .free {
    margin-top: 5rem;
    padding-top: 7rem;
    padding-left: 11rem;
    padding-right: 7rem;
    padding-bottom: 7.3rem;
  }
  .triaina--topPage .features .free .wrap {
    margin-bottom: 5.2rem;
    justify-content: space-between;
  }
  .triaina--topPage .features .free__top {
    width: 40rem;
  }
  .triaina--topPage .features .free .ttl {
    margin-top: 2rem;
    margin-left: 10.3rem;
  }
  .triaina--topPage .features .free .ttl::before {
    top: 0.3rem;
    left: -10rem;
    width: 9.6rem;
    height: 9.6rem;
  }
  .triaina--topPage .features .free .txt {
    margin-top: 1.8rem;
    margin-left: 0.6rem;
  }
  .triaina--topPage .features .free-img {
    margin: 0;
    width: 52rem;
  }
  .triaina--topPage .features .free .topicContents {
    width: 45rem;
  }
  .triaina--topPage .features .free .topicContents:nth-child(-n+4) {
    margin-bottom: 4.3rem;
  }
  .triaina--topPage .features .free .topicContents:nth-child(5) {
    margin-bottom: 0;
  }
  .triaina--topPage .features .free .topicContents-img {
    width: 20.4rem;
  }
  .triaina--topPage .features .free .free__topic {
    display: flex;
    flex-wrap: wrap;
  }
  .triaina--topPage .features .free .free__topic .topicContents-sentence {
    margin-top: 1.7rem;
    width: 21rem;
  }
  .triaina--topPage .features .free .topicContents-ttl {
    margin-bottom: 1.5rem;
  }
  .triaina--topPage .features .free .topicContents-ttl::before {
    top: 0.1rem;
    left: -0.6rem;
    width: 3.4rem;
    height: 3.4rem;
  }
  .triaina--topPage .features .free__topic--1 .topicContents-sentence, .triaina--topPage .features .free__topic--3 .topicContents-sentence, .triaina--topPage .features .free__topic--5 .topicContents-sentence {
    margin-right: 1rem;
  }
  .triaina--topPage .features .free__topic--1 .topicContents-ttl, .triaina--topPage .features .free__topic--3 .topicContents-ttl, .triaina--topPage .features .free__topic--5 .topicContents-ttl {
    padding-left: 3.7rem;
  }
  .triaina--topPage .features .free__topic--2, .triaina--topPage .features .free__topic--4, .triaina--topPage .features .free__topic--6 {
    flex-direction: row;
    margin-left: 6.4rem;
  }
  .triaina--topPage .features .free__topic--2 .topicContents-sentence, .triaina--topPage .features .free__topic--4 .topicContents-sentence, .triaina--topPage .features .free__topic--6 .topicContents-sentence {
    margin-right: 0.3rem;
  }
  .triaina--topPage .features .free__topic--2 .topicContents-ttl, .triaina--topPage .features .free__topic--4 .topicContents-ttl, .triaina--topPage .features .free__topic--6 .topicContents-ttl {
    padding-left: 3.4rem;
  }
  .triaina--topPage .features .pi3::before {
    top: 3.6rem;
    right: -121.7rem;
  }
  .triaina--topPage .features .sustainable {
    margin-top: 6rem;
    padding: 7rem 7rem 7.6rem;
  }
  .triaina--topPage .features .sustainable .wrap {
    margin-right: 4.3rem;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .triaina--topPage .features .sustainable .txt, .triaina--topPage .features .sustainable .si01 {
    padding: 0;
  }
  .triaina--topPage .features .sustainable .si01 {
    width: 52rem;
  }
  .triaina--topPage .features .sustainable__top {
    width: 39.7rem;
  }
  .triaina--topPage .features .sustainable__top .ttl {
    margin-top: 3.6rem;
  }
  .triaina--topPage .features .sustainable__top .txt:nth-of-type(1) {
    margin-top: 1.8rem;
    margin-bottom: 0;
  }
  .triaina--topPage .features .sustainable__top .txt:nth-of-type(2) {
    margin-top: 0.1rem;
    margin-bottom: 0;
  }
  .triaina--topPage .features .sustainable .si02 {
    position: relative;
    margin-top: 6.1rem;
    margin-left: 0;
    width: 100%;
    background-image: linear-gradient(135deg, #f5f6f9, #e6e8ee);
  }
  .triaina--topPage .features .sustainable .si02::before, .triaina--topPage .features .sustainable .si02::after {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .triaina--topPage .features .sustainable .si02::before {
    top: 3.2rem;
    left: 3.7rem;
    width: 96rem;
    height: 10.8rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pkg-trend-1.svg);
  }
  .triaina--topPage .features .sustainable .si02::after {
    bottom: -4.9rem;
    right: 3.8rem;
    width: 8rem;
    height: 22.8rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pkg-trend-2.png);
  }
  .triaina--topPage .features .sustainable .si02 .img {
    box-sizing: border-box;
    padding: 14.8rem 12.8rem 4.8rem;
  }
  .triaina--topPage .features .h-scroll__container {
    top: -19.8%;
  }
  .triaina--topPage .features .section {
    padding: 0 10vw;
  }
  .triaina--topPage .features .features__bottom__inner {
    margin-top: 15.4rem;
    padding: 0;
  }
  .triaina--topPage .features .features__bottom-bg {
    width: 210%;
  }
  .triaina--topPage .features .features__bottom-ttl {
    margin-left: -1rem;
    margin-bottom: 10.2rem;
    padding: 0;
  }
  .triaina--topPage .features .features__bottom-ttl .margin {
    margin-left: -2rem;
  }
  .triaina--topPage .features .features__bottom-ttl::before {
    top: -1.5rem;
    left: 50.5%;
    transform: translateX(-50%);
    width: 6.6rem;
    height: 0.2rem;
    background: linear-gradient(90deg, #00f, #00baff);
  }
  .triaina--topPage .features .features__bottom .features__bottom-imgWrap {
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    width: 89.7rem;
  }
  .triaina--topPage .features .features__bottom .features__bottom-imgWrap .topicContents-txt {
    margin-top: 1.2rem;
    padding: 0;
  }
  .triaina--topPage .features .features__bottom .features__bottom-img {
    margin-top: 0;
    width: 25.9rem;
  }
  .triaina--topPage .features .features__bottom .topicContents-img {
    margin-top: 0.9rem;
  }
  .triaina--topPage .howToUse {
    padding-top: 11.9rem;
    padding-bottom: 11.6rem;
    background-size: 100%;
  }
  .triaina--topPage .howToUse__ttl {
    margin-bottom: 0.7rem;
  }
  .triaina--topPage .howToUse__ttl::before {
    top: -1.8rem;
    left: 50%;
    transform: translateX(-50%);
    width: 6.6rem;
    height: 0.2rem;
    background: linear-gradient(90deg, #00f, #00baff);
  }
  .triaina--topPage .howToUse__inner::before {
    top: 16.6rem;
    left: 79.3rem;
    width: 12rem;
    height: 8.3rem;
  }
  .triaina--topPage .howToUse__txt {
    margin: 7.1rem auto 1.4rem;
  }
  .triaina--topPage .howToUse-img {
    margin: 0 auto;
    width: 96rem;
    height: 54rem;
  }
  .triaina--topPage .howToUse__stepBlocker {
    display: flex;
    justify-content: space-between;
    margin: 4rem auto 0;
    width: 72.6rem;
  }
  .triaina--topPage .howToUse__stepBlocker .howToUse__stepWrap {
    margin-top: 0;
    padding: 0;
  }
  .triaina--topPage .howToUse__stepBlocker .howToUse__stepWrap:nth-child(-n+2) {
    width: 24.7rem;
  }
  .triaina--topPage .howToUse__stepBlocker .howToUse__stepWrap:last-child {
    width: 22.3rem;
  }
  .triaina--topPage .howToUse__step {
    top: 9.8rem;
    left: 1.4rem;
    width: 20rem;
  }
  .triaina--topPage .howToUse .hs03 {
    margin-top: 0.2rem;
  }
  .triaina--topPage .story {
    padding-top: 0;
    padding-bottom: 1.6rem;
  }
  .triaina--topPage .story__top-txt {
    padding-top: 12.9rem;
    margin-left: 12.7rem;
    position: relative;
    z-index: 1;
  }
  .triaina--topPage .story__top__group {
    position: absolute;
    top: -0.02rem;
    right: 0;
    margin-top: 0;
    width: 90.4rem;
  }
  .triaina--topPage .story__top__name {
    top: 32.9rem;
    right: 7.2rem;
  }
  .triaina--topPage .story .story__group {
    display: flex;
    justify-content: space-between;
    padding: 0 9.7rem;
  }
  .triaina--topPage .story .story__group-imgArea {
    width: 50.4rem;
  }
  .triaina--topPage .story .story__group-txtArea {
    margin-top: 3.3rem;
    width: 50.2rem;
  }
  .triaina--topPage .story .st01 {
    position: relative;
    margin-top: 14.5rem;
    margin-bottom: 5.5rem;
    z-index: 1;
  }
  .triaina--topPage .story .st01 .story-txt__ttl {
    margin-bottom: 2.8rem;
  }
  .triaina--topPage .story .st02 {
    flex-direction: row-reverse;
    margin-bottom: 7.7rem;
  }
  .triaina--topPage .story .st02 .story-txt__ttl {
    margin-bottom: 2.2rem;
  }
  .triaina--topPage .story .st03 {
    margin-bottom: 6.3rem;
  }
  .triaina--topPage .story .st03 .story-txt__ttl {
    margin-bottom: 2.4rem;
  }
  .triaina--topPage .story__attention {
    padding: 0 1.7rem 0 0;
  }
  .triaina--topPage .project {
    display: flex;
    padding-top: 0;
  }
  .triaina--topPage .project .pg01 {
    padding-top: 13.6rem;
    padding-left: 9.9rem;
    padding-bottom: 0;
    width: 62.2rem;
  }
  .triaina--topPage .project .pg01 .project__group__ttl,
.triaina--topPage .project .pg01 .project__group__subttl {
    padding-left: 0;
  }
  .triaina--topPage .project .pg01 .project__group__subttl {
    margin-top: 5.2rem;
  }
  .triaina--topPage .project .pg01 .project__group__txt:nth-child(3) {
    margin-top: 2.6rem;
  }
  .triaina--topPage .project .pg01 .project__group__txt {
    padding: 0;
    margin-right: 4rem;
  }
  .triaina--topPage .project .pg01 .project__attention {
    margin-top: 3.8rem;
    padding: 0;
    line-height: 1.75;
  }
  .triaina--topPage .project .pg02.project__group {
    margin: 0;
    box-shadow: 13px -30px 30px 0px #adc8f6 inset;
    width: 58.8rem;
    box-sizing: border-box;
  }
  .triaina--topPage .project .pg02.project__group::before {
    top: 17rem;
    left: 5.9rem;
    width: 3.2rem;
    height: 162rem;
    background-image: url(/Contents/ImagesPkg/Triaina/top/pc_phase_border.png);
  }
  .triaina--topPage .project .pg02.project__group .project__group__inner {
    padding: 18.8rem 9.4rem 15.7rem 11.8rem;
    box-shadow: 0px -70px 20px -17px #fff inset;
  }
  .triaina--topPage .project .pg02.project__group .img::before {
    top: -4.6rem;
    width: 21rem;
    height: 6rem;
  }
  .triaina--topPage .project .pg02.project__group .img + .project__group__phaseArea {
    margin-top: 2.7rem;
    margin-bottom: 2.1rem;
  }
  .triaina--topPage .project .pg02.project__group .project__group__phaseArea__txtwrap + .project__group__phaseArea {
    margin-top: 2.4rem;
    margin-bottom: 2.1rem;
  }
  .triaina--topPage .project .pg02.project__group .project__group__phaseArea__txt {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    background-color: #c7d8f6;
    width: 15rem;
  }
  .triaina--topPage .project .pg02.project__group .project__group__phaseArea__txt:nth-child(even) {
    margin-left: 0.7rem;
  }
  .triaina--topPage .project .pg02.project__group .project__group__phaseArea__txt:nth-child(n+3) {
    margin-top: 0.6rem;
  }
  .triaina--topPage .project .pg02.project__group .group__phase:not(:last-child) {
    margin-bottom: 10.4rem;
  }
  .triaina--topPage .product {
    padding-top: 0;
    padding-bottom: 11rem;
  }
  .triaina--topPage .product__top {
    position: relative;
    margin-left: 12.7rem;
    margin-bottom: 12rem;
    padding-top: 12.1rem;
  }
  .triaina--topPage .product__top-txt__subttl {
    margin-top: 0.8rem;
    margin-left: 0.5rem;
    margin-bottom: 2.7rem;
  }
  .triaina--topPage .product__top-txt__txt {
    margin-left: 0.2rem;
    padding: 0;
  }
  .triaina--topPage .product__top__group {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 94rem;
  }
  .triaina--topPage .product .group--1 {
    display: flex;
    position: relative;
    margin: 0;
    padding: 0;
    width: 97.6%;
    z-index: 0;
    opacity: 1;
  }
  .triaina--topPage .product .group--1 .swiper-container {
    margin: 0;
    width: 50%;
    opacity: 0;
  }
  .triaina--topPage .product .group--1 .group__info {
    width: 50%;
    opacity: 0;
  }
  .triaina--topPage .product .swiper-pagination {
    left: 3.5rem;
    bottom: 3.8rem;
  }
  .triaina--topPage .product .swiper-pagination-bullet {
    margin: 0 0.3rem;
    transform: skewX(-37deg);
    width: 1rem;
    height: 1.4rem;
  }
  .triaina--topPage .product .group--1 .group__info {
    padding: 6.5rem 6.6rem 0 8.2rem;
    box-sizing: border-box;
  }
  .triaina--topPage .product .group--1 .group__info-proudName {
    margin-top: 0.8rem;
  }
  .triaina--topPage .product .group--1 .group__info-type {
    margin-top: 0.8rem;
    margin-bottom: 3.6rem;
  }
  .triaina--topPage .product .group--1 .group__info-txt-1 {
    margin-left: 1.6rem;
    width: 7.5rem;
    line-height: 2.3;
  }
  .triaina--topPage .product .group--1 .group__info-txt-2 {
    margin: 0.9rem 0 0.9rem 1.2rem;
    width: 38.7rem;
    line-height: 0.8;
    letter-spacing: 0.05em;
  }
  .triaina--topPage .product .group--1 .group__info-price {
    margin-top: 1.3rem;
  }
  .triaina--topPage .product .group--1 .group__info-price .bg-color {
    margin-left: auto;
    padding: 0.5rem 0.8rem 0.6rem 0.9rem;
  }
  .triaina--topPage .product .group--1 .group__info-price::after {
    top: 2.7rem;
  }
  .triaina--topPage .product .group--1 .gi01 {
    margin-top: 2.2rem;
  }
  .triaina--topPage .product .group--1 .gi02 {
    margin-top: 1.5rem;
  }
  .triaina--topPage .product .group--1 .group__infoWrap p:nth-child(1) {
    width: 5.7rem;
    letter-spacing: 0.16em;
  }
  .triaina--topPage .product .group--1 .group__infoWrap p + p {
    margin-left: 1.8rem;
    width: 40rem;
  }
  .triaina--topPage .product .group--1 .group__info-ingredient .color {
    margin-right: 0.9rem;
  }
  .triaina--topPage .product .group__item {
    margin: 0;
  }
  .triaina--topPage .product .group__item-proudName {
    margin-top: 2.6rem;
  }
  .triaina--topPage .product .group__item .bottun {
    margin-top: 2.6rem;
    margin-left: 4.9rem;
    margin-right: auto;
    margin-bottom: 3.7rem;
  }
  .triaina--topPage .product .group--2 {
    display: flex;
    justify-content: flex-end;
    margin-top: 2rem;
  }
  .triaina--topPage .product .group--2 .group__item {
    width: 41.4rem;
  }
  .triaina--topPage .product .group--3 {
    display: flex;
    margin-top: 1.8rem;
  }
  .triaina--topPage .product .group--3 .group__item {
    width: 41.5rem;
  }
  .triaina--topPage .aboutUs__inner {
    padding: 13.6rem 11.8rem 11.8rem 9.7rem;
    display: grid;
    grid-template-columns: 50.6rem 50.9rem;
    grid-template-rows: 8.2rem 23.9rem 7.2rem;
    gap: 7.1rem 6.8rem;
    grid-template-areas: "aboutUs-txt aboutUs-txt" "ag01 ag02";
  }
  .triaina--topPage .aboutUs__inner::after {
    left: 1.9rem;
    width: 82.4rem;
  }
  .triaina--topPage .aboutUs-txt {
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 36rem 1fr;
    grid-template-rows: 6.9rem 2rem;
    grid-template-areas: "a c" "b c";
  }
  .triaina--topPage .aboutUs .a {
    grid-area: a;
  }
  .triaina--topPage .aboutUs .b {
    grid-area: b;
    margin: 0;
  }
  .triaina--topPage .aboutUs .c {
    grid-area: c;
    margin-top: 0.9rem;
  }
  .triaina--topPage .aboutUs .ag02 {
    grid-area: ag02;
    flex-direction: row-reverse;
  }
  .triaina--topPage .aboutUs .ag02 .aboutUs__group__img {
    width: 19.7rem;
  }
  .triaina--topPage .aboutUs .ag02 .aboutUs__group__txtWrap {
    width: 28.9rem;
  }
  .triaina--topPage .aboutUs .ag01 {
    grid-area: ag01;
  }
  .triaina--topPage .aboutUs .ag01 .aboutUs__group__img {
    width: 21.2rem;
  }
  .triaina--topPage .aboutUs .ag01 .aboutUs__group__txtWrap {
    width: 27rem;
  }
  .triaina--topPage .aboutUs .aboutUs-txt {
    grid-area: aboutUs-txt;
  }
  .triaina--topPage .aboutUs__group {
    display: flex;
    justify-content: space-between;
  }
  .triaina--topPage .aboutUs .aboutUs__group__txtWrap {
    margin-top: -1.3rem;
  }
  .triaina--topPage .aboutUs__group__ttl {
    margin-bottom: -0.1rem;
  }
  .triaina--topPage .aboutUs .ag01, .triaina--topPage .aboutUs .ag02 {
    margin-bottom: 0;
  }
  .triaina--topPage .aboutUs .aboutUs__group__inner {
    margin-top: 0;
    margin-left: 29rem;
    width: 50.6rem;
    height: 17rem;
  }
  .triaina--topPage .aboutUs .aboutUs__group__inner::after {
    top: -6.5rem;
    height: 22.7rem;
  }
  .triaina--topPage .aboutUs .aboutUs__group__point {
    margin-left: 1.1rem;
    width: 15.5rem;
  }
  .triaina--topPage .PageTop {
    position: fixed;
    right: 3.3rem;
    bottom: 4rem;
  }
  .triaina--topPage .PageTop .scroll {
    top: -7rem;
    left: 0.6rem;
    width: 1px;
    height: 6rem;
  }
  .triaina--topPage .PageTop .scroll::after {
    top: -0.4rem;
    left: -0.4rem;
    width: 0.9rem;
    height: 0.9rem;
    border-top: solid 1px #00f;
    border-right: solid 1px #00f;
  }

  /*.triaina--topPage layout PC end*/
  /*--------------------------------
              S e t U p PC
   --------------------------------*/
  #Wrap {
    margin: 0 auto;
  }

  .triaina--topPage {
    width: 100%;
    max-width: 100%;
  }
  .triaina--topPage .spOnly {
    display: none;
  }
  .triaina--topPage .pcOnly {
    display: block;
  }
}
/*--------------------------------
   Media Queries (768px ~ 1399px)
 --------------------------------*/
@media screen and (min-width: 768px) {
  html {
    font-size: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .triaina--topPage .description .drop-1 {
    top: -1.2rem;
  }
  .triaina--topPage .description .drop-2 {
    top: 10rem;
  }
  .triaina--topPage .description .drop-3 {
    top: 15.1rem;
  }
  .triaina--topPage .description .drop-4 {
    top: 34.2rem;
  }
  .triaina--topPage .description .drop-5 {
    top: 48rem;
  }
  .triaina--topPage .description .drop-6 {
    top: -0.6rem;
  }
  .triaina--topPage .description .drop-7 {
    top: 15.6rem;
  }
  .triaina--topPage .description .drop-8 {
    top: 17.9rem;
  }
  .triaina--topPage .description .drop-9 {
    top: 37.8rem;
  }
  .triaina--topPage .description .drop-10 {
    top: 62rem;
  }
}
@media all and (-ms-high-contrast: none) {
  .triaina--topPage .PageTop .scroll {
    top: -1rem;
    left: 6.4rem;
  }
}
/*--------------------------------
                共 通
 --------------------------------*/
#Contents {
  margin: 0;
}

#Wrap {
  width: 100%;
}

* .triaina--topPage {
  color: #1c2029;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-style: normal;
}

/*--------------------------------
            motion sp
--------------------------------*/
.triaina--topPage .topSlider__prod {
  -webkit-animation: opacity 1s ease-out 1.6s forwards;
          animation: opacity 1s ease-out 1.6s forwards;
  opacity: 0;
}
.triaina--topPage .topSlider__logo, .triaina--topPage .topSlider__txtBox {
  -webkit-animation: opacity 0.9s ease-out 0.4s forwards;
          animation: opacity 0.9s ease-out 0.4s forwards;
  opacity: 0;
}
@-webkit-keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.triaina--topPage .scroll {
  -webkit-animation: elastic-down 2.5s infinite cubic-bezier(0.18, 0.74, 0.54, 1) both;
          animation: elastic-down 2.5s infinite cubic-bezier(0.18, 0.74, 0.54, 1) both;
}
.triaina--topPage .topSlider__border {
  -webkit-animation: elastic-down 2.5s infinite cubic-bezier(0.18, 0.74, 0.54, 1) both;
          animation: elastic-down 2.5s infinite cubic-bezier(0.18, 0.74, 0.54, 1) both;
}
@-webkit-keyframes elastic-down {
  0% {
    background-position: center 0;
  }
  to {
    background-position: center -200%;
  }
}
@keyframes elastic-down {
  0% {
    background-position: center 0;
  }
  to {
    background-position: center -200%;
  }
}
.triaina--topPage .features .point-icon.anim_enable::before {
  -webkit-animation: upFade-icon 1.5s cubic-bezier(0.03, 1.12, 0.29, 1.07) 0.2s forwards;
          animation: upFade-icon 1.5s cubic-bezier(0.03, 1.12, 0.29, 1.07) 0.2s forwards;
}
@-webkit-keyframes upFade-icon {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(10%);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes upFade-icon {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(10%);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.triaina--topPage .features .group.anim_enable {
  -webkit-animation: upFade2 1.4s ease forwards;
          animation: upFade2 1.4s ease forwards;
}
.triaina--topPage .drop-position.anim_enable {
  -webkit-animation: upFade 1.5s ease forwards;
          animation: upFade 1.5s ease forwards;
}
.triaina--topPage .drop-position {
  opacity: 0;
}
.triaina--topPage .anim_enable.group__item {
  -webkit-animation: upFade3 1s ease 0.5s forwards;
          animation: upFade3 1s ease 0.5s forwards;
}
.triaina--topPage .group--1.anim_enable {
  -webkit-animation: upFade3 1s ease forwards;
          animation: upFade3 1s ease forwards;
}
.triaina--topPage .product__top-txt__ttlwrap.anim_enable2 {
  -webkit-animation: upFade 1s ease forwards;
          animation: upFade 1s ease forwards;
}
.triaina--topPage .group__phase.anim_enable {
  -webkit-animation: upFade 1s ease forwards;
          animation: upFade 1s ease forwards;
}
.triaina--topPage .project__group__ttl.anim_enable2 {
  -webkit-animation: upFade 1s ease forwards;
          animation: upFade 1s ease forwards;
}
.triaina--topPage .story__top-txt.anim_enable2 {
  -webkit-animation: upFade2 1s ease 0.4s forwards;
          animation: upFade2 1s ease 0.4s forwards;
}
.triaina--topPage .story__group.anim_enable2 {
  -webkit-animation: upFade2 1s ease forwards;
          animation: upFade2 1s ease forwards;
}
@-webkit-keyframes upFade2 {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes upFade2 {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.triaina--topPage .howToUse__inner.anim_enable::before {
  -webkit-animation: L-Fade 1s ease forwards;
          animation: L-Fade 1s ease forwards;
}
@-webkit-keyframes L-Fade {
  0% {
    opacity: 0;
    transform: translateX(-12%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes L-Fade {
  0% {
    opacity: 0;
    transform: translateX(-12%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.triaina--topPage .howToUse__ttlwrap.anim_enable {
  -webkit-animation: upFade 1s ease forwards;
          animation: upFade 1s ease forwards;
}
@-webkit-keyframes upFade3 {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes upFade3 {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.triaina--topPage .features__bottom-imgWrap .anim_enable2 {
  -webkit-animation: upFade 0.9s ease forwards;
          animation: upFade 0.9s ease forwards;
}
.triaina--topPage .free__topic--1 .topicContents-img, .triaina--topPage .free__topic--2 .topicContents-img, .triaina--topPage .free__topic--3 .topicContents-img, .triaina--topPage .free__topic--4 .topicContents-img, .triaina--topPage .free__topic--5 .topicContents-img, .triaina--topPage .free__topic--6 .topicContents-img {
  opacity: 0;
  transform: scale(0.9);
}
.triaina--topPage .free__topic--1 .topicContents-img.anim_enable2,
.triaina--topPage .free__topic--2 .topicContents-img.anim_enable2,
.triaina--topPage .free__topic--3 .topicContents-img.anim_enable2,
.triaina--topPage .free__topic--4 .topicContents-img.anim_enable2,
.triaina--topPage .free__topic--5 .topicContents-img.anim_enable2,
.triaina--topPage .free__topic--6 .topicContents-img.anim_enable2 {
  -webkit-animation: scale 3s cubic-bezier(0.03, 1.12, 0.29, 1.07) 0.3s forwards;
          animation: scale 3s cubic-bezier(0.03, 1.12, 0.29, 1.07) 0.3s forwards;
}
@-webkit-keyframes scale {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scale {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.triaina--topPage .anim_enable .fti02 .img:nth-child(3) {
  -webkit-animation: upFade 0.9s ease 1.8s forwards;
          animation: upFade 0.9s ease 1.8s forwards;
}
.triaina--topPage .anim_enable .fti02 .img:nth-child(2) {
  -webkit-animation: upFade 0.9s ease 1.4s forwards;
          animation: upFade 0.9s ease 1.4s forwards;
}
.triaina--topPage .anim_enable .fti02 .img:nth-child(1) {
  -webkit-animation: upFade 0.9s ease 1s forwards;
          animation: upFade 0.9s ease 1s forwards;
}
.triaina--topPage .anim_enable .fti01 {
  -webkit-animation: upFade 1.2s ease 0.6s forwards;
          animation: upFade 1.2s ease 0.6s forwards;
}
@-webkit-keyframes upFade {
  0% {
    opacity: 0;
    transform: translateY(16%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes upFade {
  0% {
    opacity: 0;
    transform: translateY(16%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.triaina--topPage .anim_enable .features__inner::after {
  -webkit-animation: height-amin7 0.7s linear 0.3s forwards;
          animation: height-amin7 0.7s linear 0.3s forwards;
}
@-webkit-keyframes height-amin7 {
  0% {
    height: 0;
  }
  100% {
    height: calc(1192 * (100vw/750));
  }
}
@keyframes height-amin7 {
  0% {
    height: 0;
  }
  100% {
    height: calc(1192 * (100vw/750));
  }
}
.triaina--topPage .description__linkArea.anim_enable {
  -webkit-animation: upFade 0.9s ease forwards;
          animation: upFade 0.9s ease forwards;
}
.triaina--topPage .anim_enable2 .description__iconWrap.di03 {
  -webkit-animation: upFade 0.9s ease 0.8s forwards;
          animation: upFade 0.9s ease 0.8s forwards;
}
.triaina--topPage .preface__txt-block__ttl.anim_enable, .triaina--topPage .anim_enable2 .description__iconWrap.di02 {
  -webkit-animation: upFade 0.9s ease forwards;
          animation: upFade 0.9s ease forwards;
}
.triaina--topPage .anim_enable2 .description__iconWrap.di01 {
  -webkit-animation: upFade 0.9s ease 0.4s forwards;
          animation: upFade 0.9s ease 0.4s forwards;
}
.triaina--topPage .topSlider__square--3 {
  -webkit-animation: height-amin6 1s ease-out 1s forwards;
          animation: height-amin6 1s ease-out 1s forwards;
}
@-webkit-keyframes height-amin6 {
  0% {
    height: 0;
  }
  100% {
    height: calc(180 * (100vw/750));
  }
}
@keyframes height-amin6 {
  0% {
    height: 0;
  }
  100% {
    height: calc(180 * (100vw/750));
  }
}
.triaina--topPage .topSlider__square--2 {
  -webkit-animation: height-amin5 0.9s ease-out 0.9s forwards;
          animation: height-amin5 0.9s ease-out 0.9s forwards;
}
@-webkit-keyframes height-amin5 {
  0% {
    height: 0;
  }
  100% {
    height: calc(280 * (100vw/750));
  }
}
@keyframes height-amin5 {
  0% {
    height: 0;
  }
  100% {
    height: calc(280 * (100vw/750));
  }
}
.triaina--topPage .topSlider__square--1 {
  -webkit-animation: height-amin4 0.8s ease-out 0.8s forwards;
          animation: height-amin4 0.8s ease-out 0.8s forwards;
}
@-webkit-keyframes height-amin4 {
  0% {
    height: 0;
  }
  100% {
    height: calc(616 * (100vw/750));
  }
}
@keyframes height-amin4 {
  0% {
    height: 0;
  }
  100% {
    height: calc(616 * (100vw/750));
  }
}
.triaina--topPage .topSlider__square--1, .triaina--topPage .topSlider__square--2, .triaina--topPage .topSlider__square--3, .triaina--topPage .features__inner::after {
  transform-origin: top right;
  height: 0;
}
.triaina--topPage .preface .preface__square.anim_enable {
  -webkit-animation: height-amin3 0.7s ease-out 0.4s forwards;
          animation: height-amin3 0.7s ease-out 0.4s forwards;
}
@-webkit-keyframes height-amin3 {
  0% {
    height: 0;
  }
  100% {
    height: calc(70 * (100vw/750));
  }
}
@keyframes height-amin3 {
  0% {
    height: 0;
  }
  100% {
    height: calc(70 * (100vw/750));
  }
}
.triaina--topPage .project__square.anim_enable {
  -webkit-animation: height-amin2 0.7s ease-out 0.4s forwards;
          animation: height-amin2 0.7s ease-out 0.4s forwards;
}
@-webkit-keyframes height-amin2 {
  0% {
    height: 0;
  }
  100% {
    height: calc(174 * (100vw/750));
  }
}
@keyframes height-amin2 {
  0% {
    height: 0;
  }
  100% {
    height: calc(174 * (100vw/750));
  }
}
.triaina--topPage .howToUse .square.anim_enable, .triaina--topPage .story .square.anim_enable, .triaina--topPage .aboutUs .square.anim_enable, .triaina--topPage .product .square.anim_enable {
  -webkit-animation: height-amin 0.7s ease-out 0.4s forwards;
          animation: height-amin 0.7s ease-out 0.4s forwards;
}
@-webkit-keyframes height-amin {
  0% {
    height: 0;
  }
  100% {
    height: calc(200 * (100vw/750));
  }
}
@keyframes height-amin {
  0% {
    height: 0;
  }
  100% {
    height: calc(200 * (100vw/750));
  }
}
.triaina--topPage .howToUse .square, .triaina--topPage .story .square, .triaina--topPage .aboutUs .square, .triaina--topPage .product .square, .triaina--topPage .project .square, .triaina--topPage .preface .square {
  transform-origin: top right;
  height: 0;
}
.triaina--topPage .imgWrap a:hover,
.triaina--topPage .bottun a:hover {
  opacity: 1;
}
.triaina--topPage .imgWrap a,
.triaina--topPage .bottun a {
  opacity: 1;
}

/*--------------------------------
            motion pc
--------------------------------*/
@media (min-width: 768px) {
  .triaina--topPage .topSlider__border {
    -webkit-animation: elastic-down 2.5s infinite cubic-bezier(0.74, 0, 0.17, 1) both;
            animation: elastic-down 2.5s infinite cubic-bezier(0.74, 0, 0.17, 1) both;
  }
  @-webkit-keyframes upFade {
    0% {
      opacity: 0;
      transform: translateY(12%);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes upFade {
    0% {
      opacity: 0;
      transform: translateY(12%);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .triaina--topPage .features .group.anim_enable {
    -webkit-animation: upFade3 1s ease 0.4s forwards;
            animation: upFade3 1s ease 0.4s forwards;
  }
  .triaina--topPage .group--3 .anim_enable.group__item:nth-child(2) {
    -webkit-animation: R-Fade 1s ease 0.3s forwards;
            animation: R-Fade 1s ease 0.3s forwards;
  }
  .triaina--topPage .group--3 .anim_enable.group__item:nth-child(1) {
    -webkit-animation: R-Fade 1s ease forwards;
            animation: R-Fade 1s ease forwards;
  }
  .triaina--topPage .group--2 .anim_enable.group__item:nth-child(1) {
    -webkit-animation: L-Fade 0.8s 0.8s ease forwards;
            animation: L-Fade 0.8s 0.8s ease forwards;
  }
  .triaina--topPage .group--2 .anim_enable.group__item:nth-child(2) {
    -webkit-animation: L-Fade 0.8s ease 0.4s forwards;
            animation: L-Fade 0.8s ease 0.4s forwards;
  }
  .triaina--topPage .group--2 .anim_enable.group__item:nth-child(3) {
    -webkit-animation: L-Fade 0.8s ease forwards;
            animation: L-Fade 0.8s ease forwards;
  }
  .triaina--topPage .group--1 .swiper-container.anim_enable2 {
    -webkit-animation: R-Fade 1s ease forwards;
            animation: R-Fade 1s ease forwards;
  }
  .triaina--topPage .group--1 .group__info.anim_enable2 {
    -webkit-animation: R-Fade 1s ease 0.4s forwards;
            animation: R-Fade 1s ease 0.4s forwards;
  }
  @-webkit-keyframes R-Fade {
    0% {
      opacity: 0;
      transform: translateX(12%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes R-Fade {
    0% {
      opacity: 0;
      transform: translateX(12%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  .triaina--topPage .group--1.anim_enable {
    -webkit-animation: none;
            animation: none;
  }
  .triaina--topPage .features__bottom-imgWrap .anim_enable2.fbi03 {
    -webkit-animation: upFade 0.9s ease 1s forwards;
            animation: upFade 0.9s ease 1s forwards;
  }
  .triaina--topPage .features__bottom-imgWrap .anim_enable2.fbi02 {
    -webkit-animation: upFade 0.9s ease 0.6s forwards;
            animation: upFade 0.9s ease 0.6s forwards;
  }
  .triaina--topPage .free__topic--6 .topicContents-img.anim_enable2 {
    -webkit-animation: scale 3s cubic-bezier(0.03, 1.12, 0.29, 1.07) 1.4s forwards;
            animation: scale 3s cubic-bezier(0.03, 1.12, 0.29, 1.07) 1.4s forwards;
  }
  .triaina--topPage .free__topic--5 .topicContents-img.anim_enable2 {
    -webkit-animation: scale 3s cubic-bezier(0.03, 1.12, 0.29, 1.07) 1.2s forwards;
            animation: scale 3s cubic-bezier(0.03, 1.12, 0.29, 1.07) 1.2s forwards;
  }
  .triaina--topPage .free__topic--4 .topicContents-img.anim_enable2 {
    -webkit-animation: scale 3s cubic-bezier(0.03, 1.12, 0.29, 1.07) 1s forwards;
            animation: scale 3s cubic-bezier(0.03, 1.12, 0.29, 1.07) 1s forwards;
  }
  .triaina--topPage .free__topic--3 .topicContents-img.anim_enable2 {
    -webkit-animation: scale 3s cubic-bezier(0.03, 1.12, 0.29, 1.07) 0.8s forwards;
            animation: scale 3s cubic-bezier(0.03, 1.12, 0.29, 1.07) 0.8s forwards;
  }
  .triaina--topPage .free__topic--2 .topicContents-img.anim_enable2 {
    -webkit-animation: scale 3s cubic-bezier(0.03, 1.12, 0.29, 1.07) 0.6s forwards;
            animation: scale 3s cubic-bezier(0.03, 1.12, 0.29, 1.07) 0.6s forwards;
  }
  .triaina--topPage .free__topic--1 .topicContents-img.anim_enable2 {
    -webkit-animation: scale 3s cubic-bezier(0.03, 1.12, 0.29, 1.07) 0.4s forwards;
            animation: scale 3s cubic-bezier(0.03, 1.12, 0.29, 1.07) 0.4s forwards;
  }
  .triaina--topPage .preface .square.anim_enable {
    -webkit-animation: height-amin_pc5 1s ease-out forwards;
            animation: height-amin_pc5 1s ease-out forwards;
  }
  @-webkit-keyframes height-amin7 {
    0% {
      height: 0;
    }
    100% {
      height: 148rem;
    }
  }
  @keyframes height-amin7 {
    0% {
      height: 0;
    }
    100% {
      height: 148rem;
    }
  }
  @-webkit-keyframes height-amin_pc5 {
    0% {
      height: 0;
    }
    100% {
      height: 5.8rem;
    }
  }
  @keyframes height-amin_pc5 {
    0% {
      height: 0;
    }
    100% {
      height: 5.8rem;
    }
  }
  @-webkit-keyframes height-amin4 {
    0% {
      height: 0;
    }
    100% {
      height: 49.2rem;
    }
  }
  @keyframes height-amin4 {
    0% {
      height: 0;
    }
    100% {
      height: 49.2rem;
    }
  }
  .triaina--topPage .project .square.anim_enable {
    -webkit-animation: height-amin_pc4 1s ease-out forwards;
            animation: height-amin_pc4 1s ease-out forwards;
  }
  @-webkit-keyframes height-amin_pc4 {
    0% {
      height: 0;
    }
    100% {
      height: 14.2rem;
    }
  }
  @keyframes height-amin_pc4 {
    0% {
      height: 0;
    }
    100% {
      height: 14.2rem;
    }
  }
  .triaina--topPage .howToUse .square.anim_enable {
    -webkit-animation: height-amin_pc3 1s ease-out forwards;
            animation: height-amin_pc3 1s ease-out forwards;
  }
  @-webkit-keyframes height-amin_pc3 {
    0% {
      height: 0;
    }
    100% {
      height: 16.2rem;
    }
  }
  @keyframes height-amin_pc3 {
    0% {
      height: 0;
    }
    100% {
      height: 16.2rem;
    }
  }
  .triaina--topPage .aboutUs .square.anim_enable {
    -webkit-animation: height-amin_pc2 1s ease-out forwards;
            animation: height-amin_pc2 1s ease-out forwards;
  }
  @-webkit-keyframes height-amin_pc2 {
    0% {
      height: 0;
    }
    100% {
      height: 16.1rem;
    }
  }
  @keyframes height-amin_pc2 {
    0% {
      height: 0;
    }
    100% {
      height: 16.1rem;
    }
  }
  .triaina--topPage .story .square.anim_enable, .triaina--topPage .product .square.anim_enable {
    -webkit-animation: height-amin_pc 1s ease-out forwards;
            animation: height-amin_pc 1s ease-out forwards;
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
  }
  @-webkit-keyframes height-amin_pc {
    0% {
      height: 0;
    }
    100% {
      height: 16.5rem;
    }
  }
  @keyframes height-amin_pc {
    0% {
      height: 0;
    }
    100% {
      height: 16.5rem;
    }
  }
  .triaina--topPage .anim_enable2 .description__iconWrap.di03 {
    -webkit-animation: upFade 0.9s ease 0.8s forwards;
            animation: upFade 0.9s ease 0.8s forwards;
  }
  .triaina--topPage .anim_enable2 .description__iconWrap.di02 {
    -webkit-animation: upFade 0.9s ease 0.4s forwards;
            animation: upFade 0.9s ease 0.4s forwards;
  }
  .triaina--topPage .anim_enable2 .description__iconWrap.di01 {
    -webkit-animation: upFade 0.9s ease forwards;
            animation: upFade 0.9s ease forwards;
  }
  .triaina--topPage .preface__txt-block-btn,
.triaina--topPage .description__linkArea-txt-btn,
.triaina--topPage .group__info-btn-1,
.triaina--topPage .group__info-btn-2,
.triaina--topPage .group__item-btn {
    position: relative;
    outline: none;
    transition: ease 0.2s;
  }
  .triaina--topPage .preface__txt-block-btn span,
.triaina--topPage .description__linkArea-txt-btn span,
.triaina--topPage .group__info-btn-1 span,
.triaina--topPage .group__info-btn-2 span,
.triaina--topPage .group__item-btn span {
    position: relative;
    z-index: 3;
  }
  .triaina--topPage .preface__txt-block-btn::before,
.triaina--topPage .description__linkArea-txt-btn::before,
.triaina--topPage .group__info-btn-1::before,
.triaina--topPage .group__info-btn-2::before,
.triaina--topPage .group__item-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(-90deg, #00baff, #00f);
    width: 0;
    height: 100%;
    transition: width 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transform-origin: left;
  }
  .triaina--topPage .preface__txt-block-btn:hover::before,
.triaina--topPage .description__linkArea-txt-btn:hover::before,
.triaina--topPage .group__info-btn-1:hover::before,
.triaina--topPage .group__info-btn-2:hover::before,
.triaina--topPage .group__item-btn:hover::before {
    width: 100%;
  }
}
/*# sourceMappingURL=top.css.map */

#scrollbox {
	overflow-y: scroll;
	height: 16rem;
	margin-top: 2rem;
	padding-right: 1rem;
}

#scrollbox::-webkit-scrollbar{
   width: 3px;
}
#scrollbox::-webkit-scrollbar-track{
   background-color: #eee;
}
#scrollbox::-webkit-scrollbar-thumb{
   background-color: #74b7f8;
}

@media (min-width: 768px) {
	#scrollbox {
		height: 22rem;
	}
}