/* arguments inittial */
/* font style */
/* site style */
/* [ writing-mode ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
.p-heading {
  margin-bottom: 52px; }
  @media (max-width: 1023px) {
    .p-heading {
      margin-bottom: 10px; } }
  .p-heading .c-heading {
    padding-bottom: 38px; }
    @media (max-width: 1023px) {
      .p-heading .c-heading {
        padding-top: 8px;
        padding-bottom: 19px; } }
    .p-heading .c-heading .ttl {
      font-size: 50px;
      font-size: 5rem;
      line-height: 1.4em;
      letter-spacing: 0.03em;
      font-weight: 700;
      flex-direction: row;
      justify-content: flex-start;
      gap: 19px; }
      @media (max-width: 1023px) {
        .p-heading .c-heading .ttl {
          font-size: 32px;
          font-size: 3.2rem;
          line-height: 0.9375em;
          gap: 7px; } }
      @media (max-width: 1023px) {
        .p-heading .c-heading .ttl:before {
          width: 13px;
          margin-top: 17px; } }
    .p-heading .c-heading .sub {
      top: -7px; }
      @media (max-width: 1023px) {
        .p-heading .c-heading .sub {
          font-size: 58px;
          font-size: 5.8rem;
          line-height: 1.03448em; } }

@media (min-width: 1024px) {
  .heading {
    text-align: center; } }

.heading .top {
  padding: 0 18px; }
  .heading .top:after {
    top: 36px;
    z-index: -1;
    height: 1433.56px; }
    @media (max-width: 1023px) {
      .heading .top:after {
        top: 64px;
        height: 428.89px; } }
  .heading .top .ttl {
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 1.66667em;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: 39px;
    text-align: center; }
    @media (max-width: 1023px) {
      .heading .top .ttl {
        margin-bottom: 32px;
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.40625em; }
        .heading .top .ttl span {
          display: inline-block;
          padding-left: 26px; } }
    .heading .top .ttl:after {
      content: "";
      display: block;
      margin: 27px auto 0;
      width: 28px;
      height: 3px;
      background-color: #ff5e00; }
      @media (max-width: 1023px) {
        .heading .top .ttl:after {
          margin-top: 23px; } }

.heading .content {
  position: relative; }
  .heading .content:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 30px;
    z-index: -1;
    background-color: #f0ede9; }
  @media (max-width: 1023px) {
    .heading .content {
      padding-bottom: 57px; } }

.slider {
  margin-top: 53px;
  padding-bottom: 97px; }
  .slider .thumbnail {
    margin-bottom: 29px; }
    .slider .thumbnail .rounded {
      width: 100%;
      height: 95px;
      border: 1px solid #fff;
      border-radius: 50px;
      text-align: left;
      padding: 5px 31px 5px 40px;
      line-height: 22px;
      font-weight: 700;
      display: flex;
      align-items: center;
      background-color: #f0ede9; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .slider .thumbnail .rounded {
          font-size: 15px;
          font-size: 1.5rem; } }
      .slider .thumbnail .rounded span {
        color: #ff5e00; }
    .slider .thumbnail .splide__slide {
      border: 0; }
      .slider .thumbnail .splide__slide.is-active {
        border: 0; }
        .slider .thumbnail .splide__slide.is-active .rounded {
          background-color: #fff; }
  .slider .carousel .item {
    display: flex;
    gap: 27px;
    padding: 21px 66px 21px 38px;
    border-radius: 120px;
    background-color: #fff;
    text-align: left;
    align-items: center;
    min-height: 241px; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .slider .carousel .item {
        font-size: 15px;
        font-size: 1.5rem; } }
    .slider .carousel .item .ttl {
      font-size: 30px;
      font-size: 3rem;
      line-height: 1.33333em;
      letter-spacing: 0.03em;
      font-weight: 700;
      margin-bottom: 10px; }
      .slider .carousel .item .ttl span {
        color: #ff5e00; }
    .slider .carousel .item .icon img {
      border-radius: 50%; }
  .slider .carousel .splide__arrows .splide__arrow {
    width: 46px;
    height: 46px;
    top: 42.3%; }
    .slider .carousel .splide__arrows .splide__arrow--next {
      right: -22px; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .slider .carousel .splide__arrows .splide__arrow--next {
          right: -12px; } }
    .slider .carousel .splide__arrows .splide__arrow--prev {
      left: -22px; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .slider .carousel .splide__arrows .splide__arrow--prev {
          left: -12px; } }
  .slider .carousel .splide__pagination {
    margin-top: 32px; }

.values {
  margin-top: 30px; }
  .values .item {
    border-radius: 56px;
    border: 1px solid #fff;
    padding: 13px 15px 9px;
    transition: all .3s ease; }
    @media (max-width: 1023px) {
      .values .item {
        padding: 13px 15px 12px; } }
    .values .item + .item {
      margin-top: 13px; }
      @media (max-width: 1023px) {
        .values .item + .item {
          margin-top: 10px; } }
    .values .item .head {
      display: flex;
      align-items: center; }
    .values .item .icon {
      width: 80px;
      margin-right: 13px; }
      .values .item .icon img {
        border-radius: 50px; }
    .values .item .ttl {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 1.29412em;
      letter-spacing: 0.03em;
      font-weight: 700; }
      .values .item .ttl span {
        color: #ff5e00; }
      @media only screen and (max-width: 374px) {
        .values .item .ttl {
          font-size: 16px;
          font-size: 1.6rem; } }
    .values .item .plus {
      margin-left: auto;
      min-width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border-radius: 50%;
      position: relative;
      margin-right: 3px; }
      .values .item .plus::before, .values .item .plus:after {
        content: "";
        width: 12px;
        height: 2px;
        background-color: #ff5e00;
        position: absolute; }
      .values .item .plus::after {
        transition: all .3s ease;
        transform: rotate(90deg); }
    .values .item .info {
      display: grid;
      grid-template-rows: 0fr;
      /* Start at 0 fraction */
      transition: grid-template-rows 0.5s ease-out;
      overflow: hidden;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.86667em;
      letter-spacing: 0.03em;
      font-weight: 500; }
      .values .item .info p {
        min-height: 0; }
    .values .item.active {
      border-radius: 49px;
      background-color: #fff; }
      .values .item.active .plus {
        background-color: #f0ede9; }
        .values .item.active .plus::after {
          transform: rotate(0deg); }
      .values .item.active .info {
        grid-template-rows: 1fr;
        padding: 13px 5px 27px; }

.lists {
  padding-top: 142px;
  padding-bottom: 114px;
  background-color: #fff; }
  @media (max-width: 1023px) {
    .lists {
      padding-top: 68px;
      padding-bottom: 60px; } }
  @media (min-width: 1024px) {
    .lists .inner {
      max-width: 86.66667vw; } }
  .lists .c-heading {
    z-index: 1;
    margin-bottom: 70px; }
    @media (max-width: 1023px) {
      .lists .c-heading {
        margin-bottom: 37px; } }
    .lists .c-heading .sub {
      left: 50.2%;
      transform: translateX(-50%);
      z-index: -1;
      top: -82px;
      font-size: 140px;
      font-size: 14rem;
      line-height: 1.45714em;
      letter-spacing: 0.05em;
      font-weight: 600; }
      @media (max-width: 1023px) {
        .lists .c-heading .sub {
          top: -23px;
          font-size: 78px;
          font-size: 7.8rem;
          line-height: 1em;
          letter-spacing: 0.05em; } }
    @media (max-width: 1023px) {
      .lists .c-heading .ttl:after {
        margin-top: 22px; } }
    .lists .c-heading .txt {
      margin-top: 55px; }
      @media (max-width: 1023px) {
        .lists .c-heading .txt {
          margin-top: 22px;
          text-align: left; } }
  .lists .products {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 5vw 3.95833vw; }
    @media (max-width: 1023px) {
      .lists .products {
        gap: 25px 18px; } }
    .lists .products .c-product {
      width: 26.25vw; }
      @media (max-width: 1023px) {
        .lists .products .c-product {
          width: calc(50% - 9px); } }
      .lists .products .c-product .c-img {
        margin-bottom: 14px;
        position: relative; }
        .lists .products .c-product .c-img:before {
          display: block;
          content: " ";
          width: 100%;
          padding-top: 66.13757%; }
        .lists .products .c-product .c-img > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
        @media (max-width: 1023px) {
          .lists .products .c-product .c-img {
            margin-bottom: 3px;
            position: relative; }
            .lists .products .c-product .c-img:before {
              display: block;
              content: " ";
              width: 100%;
              padding-top: 66.45963%; }
            .lists .products .c-product .c-img > .content {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0; } }
      @media (min-width: 1024px) {
        .lists .products .c-product img {
          width: 26.25vw; } }
      .lists .products .c-product .heading .ar {
        width: 28px;
        height: 28px;
        margin-top: 6px;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20fill%3D%22%23F0EDE9%22%2F%3E%3Cpath%20d%3D%22M13.707%207.80859L12.7737%208.74181L17.0736%2013.0419H8.40039V14.3617H17.0736L12.7737%2018.6617L13.707%2019.595L19.6004%2013.7018L13.707%207.80859Z%22%20fill%3D%22%23FF5E00%22%2F%3E%3C%2Fsvg%3E"); }
        @media (max-width: 1023px) {
          .lists .products .c-product .heading .ar {
            width: 14px;
            height: 14px; } }

/*# sourceMappingURL=maps/products.min.css.map */