/**
* @helpers
*/
@media (min-width: 230px) {
  .page-introduce .banner__introduce {
    margin-bottom: 3rem;
  }
  .page-introduce .banner__introduce .frame {
    padding-top: 29.744%;
  }
  .page-introduce .cty {
    padding: 3rem 0;
    background: #fff1f0;
  }
  .page-introduce .cty .cty__title {
    text-transform: uppercase;
    font-size: 1.7rem;
    color: #109b58;
    padding-left: 2.5rem;
    position: relative;
    font-weight: 400;
  }
  .page-introduce .cty .cty__title::before {
    content: "";
    max-width: 2rem;
    width: 100%;
    height: 0.3rem;
    background-color: #109b58;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
  }
  .page-introduce .cty .cty__info {
    color: #da352f;
    text-transform: uppercase;
    font-weight: bold;
  }
  .page-introduce .cty .desc {
    font-family: "googlesans-regular";
    line-height: 2.4rem;
  }
  .page-introduce .cty .frame {
    margin: 1rem 0;
    padding-top: 50%;
  }
  .page-introduce .history {
    padding: 3rem 0;
  }
  .page-introduce .history .history__desc {
    margin-top: 3rem;
    font-family: "googlesans-regular";
    line-height: 2.4rem;
  }
  .page-introduce .history .history__desc .list {
    list-style: none;
    padding-left: 3rem;
  }
  .page-introduce .visionCoreCalues .vision {
    padding: 3rem 0;
    color: #fff;
    position: relative;
  }
  .page-introduce .visionCoreCalues .vision::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    right: 0;
    bottom: 0;
    background-color: #027e42;
    width: 100vw;
  }
  .page-introduce .visionCoreCalues .vision .title__global {
    color: #fff;
  }
  .page-introduce .visionCoreCalues .vision .title__global::before {
    background-color: #fff;
  }
  .page-introduce .visionCoreCalues .vision .vision__desc {
    margin-top: 3rem;
    position: relative;
    z-index: 2;
    font-family: "googlesans-regular";
  }
  .page-introduce .visionCoreCalues .vision:last-child::before {
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(0, 47, 24, 0.851)),
        to(rgba(0, 47, 24, 0.871))
      ),
      url(./../../images/bg__vision.jpg);
    background: -webkit-linear-gradient(
        bottom,
        rgba(0, 47, 24, 0.851),
        rgba(0, 47, 24, 0.871)
      ),
      url(./../../images/bg__vision.jpg);
    background: -moz-linear-gradient(
        bottom,
        rgba(0, 47, 24, 0.851),
        rgba(0, 47, 24, 0.871)
      ),
      url(./../../images/bg__vision.jpg);
    background: -o-linear-gradient(
        bottom,
        rgba(0, 47, 24, 0.851),
        rgba(0, 47, 24, 0.871)
      ),
      url(./../../images/bg__vision.jpg);
    background: linear-gradient(
        0deg,
        rgba(0, 47, 24, 0.851),
        rgba(0, 47, 24, 0.871)
      ),
      url(./../../images/bg__vision.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .page-introduce .products {
    padding: 3rem 0;
  }
  .page-introduce .products .title__products {
    text-transform: uppercase;
    color: #109b58;
    font-weight: 400;
    text-align: center;
    position: relative;
    padding-top: 2rem;
    margin-bottom: 1.5rem;
  }
  .page-introduce .products .title__products::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 4rem;
    height: 0.2rem;
    background-color: #109b58;
  }
  .page-introduce .products .title__cty {
    margin-bottom: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    color: #da352f;
    font-size: 3rem;
  }
  .page-introduce .products .info__products {
    text-align: center;
    font-family: "googlesans-regular";
    margin-bottom: 2rem;
  }
  .page-introduce .products .product__group {
    display: -ms-grid;
    display: grid;
    grid-gap: 3rem;
  }
  .page-introduce .products .product__group .product__item {
    text-align: center;
  }
  .page-introduce .products .product__group .product__item .frame {
    max-width: 310px;
    width: 100%;
    margin: auto;
    padding-top: 24.562%;
  }
  .page-introduce .products .product__group .product__item .product__title {
    text-transform: uppercase;
    font-weight: 400;
    color: #109b58;
    margin: 1.5rem 0;
  }
  .page-introduce .products .product__group .product__item .desc__product {
    font-family: "googlesans-regular";
  }
  .page-introduce .album {
    background-color: #fff1f0;
    padding: 3rem 0;
  }
  .page-introduce .album .album__title {
    text-transform: uppercase;
    color: #109b58;
    font-weight: 700;
  }
  .page-introduce .album .module__content {
    margin: 0 -0.5rem;
  }
  .page-introduce .album .module__content .album__slide .slick-arrow {
    z-index: 1;
    width: 3rem;
    height: 3rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.2rem;
    background-color: #109b58;
    border-radius: 0.5rem;
  }
  .page-introduce .album .module__content .album__slide .slick-arrow::before {
    display: none;
  }
  .page-introduce
    .album
    .module__content
    .album__slide
    .slick-arrow.slick-prev {
    left: 0rem;
    background-image: url("../../images/icons/slick__prev.png");
  }
  .page-introduce
    .album
    .module__content
    .album__slide
    .slick-arrow.slick-next {
    right: 0rem;
    background-image: url("../../images/icons/slick__next.png");
  }
  .page-introduce .album .module__content .album__slide .slick-list {
    margin-top: 2.5rem;
  }
  .page-introduce .album .module__content .album__slide .item .box {
    margin: 0 0.5rem;
  }
}

@media (min-width: 400px) {
  .products .product__group {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .page-introduce .cty .frame {
    margin-top: 0;
  }
  .page-introduce .cty .introduce__cty {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-introduce .cty .introduce__cty .cty__item:first-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: -webkit-calc(100% - 300px);
    max-width: -moz-calc(100% - 300px);
    max-width: calc(100% - 300px);
    width: 100%;
    padding-right: 1.5rem;
  }
  .page-introduce .cty .introduce__cty .cty__item:nth-child(2) {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 300px;
    width: 100%;
  }
}

@media (min-width: 800px) {
  .page-introduce .visionCoreCalues .vision__group {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .page-introduce .visionCoreCalues .vision:first-child {
    padding-right: 1.5rem;
  }
  .page-introduce .visionCoreCalues .vision:last-child {
    padding-left: 1.5rem;
  }
  .page-introduce .visionCoreCalues .vision:last-child::before {
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@media (min-width: 992px) {
  .page-introduce .banner__introduce {
    margin-bottom: 5rem;
  }
  .page-introduce .cty {
    padding: 5rem 0;
  }
  .page-introduce .cty .cty__title {
    font-size: 2.2rem;
    padding-left: 5.1rem;
  }
  .page-introduce .cty .cty__title::before {
    max-width: 4rem;
  }
  .page-introduce .cty .cty__info {
    font-size: 3.5rem;
  }
  .page-introduce .cty .desc {
    font-size: 1.6rem;
  }
  .page-introduce .history {
    padding: 5rem 0;
  }
  .page-introduce .history .history__desc {
    margin-top: 3.5rem;
    font-size: 1.6rem;
  }
  .page-introduce .visionCoreCalues .vision {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .page-introduce .visionCoreCalues .vision:first-child {
    padding-right: 5rem;
  }
  .page-introduce .visionCoreCalues .vision:first-child::before {
    width: 63vw;
  }
  .page-introduce .visionCoreCalues .vision:last-child {
    padding-left: 7rem;
    -webkit-transform: translateY(5.6rem);
    -moz-transform: translateY(5.6rem);
    -ms-transform: translateY(5.6rem);
    transform: translateY(5.6rem);
  }
  .page-introduce .products {
    padding-top: 10.6rem;
    padding-bottom: 5rem;
  }
  .page-introduce .products .info__products {
    max-width: 815px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-introduce .album {
    padding: 5rem 0;
  }
}

@media (min-width: 1200px) {
  .page-introduce .banner__introduce {
    margin-bottom: 8rem;
  }
  .page-introduce .cty {
    padding: 8rem 0;
  }
  .page-introduce .cty .frame {
    margin-bottom: 3.5rem;
  }
  .page-introduce .cty .cty__info {
    font-size: 3.5rem;
  }
  .page-introduce .cty .introduce__cty .cty__item:first-child {
    max-width: -webkit-calc(100% - 540px);
    max-width: -moz-calc(100% - 540px);
    max-width: calc(100% - 540px);
    padding-right: 8rem;
  }
  .page-introduce .cty .introduce__cty .cty__item:nth-child(2) {
    max-width: 540px;
  }
  .page-introduce .history {
    padding: 8rem 0;
  }
  .page-introduce .visionCoreCalues .vision {
    padding-top: 8rem;
    padding-bottom: 8rem;
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
  .page-introduce .visionCoreCalues .vision:first-child {
    padding-right: 7.9rem;
  }
  .page-introduce .visionCoreCalues .vision:last-child {
    padding-left: 14.6rem;
  }
  .page-introduce .products {
    padding-top: 13.6rem;
    padding-bottom: 8rem;
  }
  .page-introduce .products .title__products {
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
  .page-introduce .products .title__cty {
    font-size: 3.5rem;
    margin-bottom: 2.5rem;
  }
  .page-introduce .products .info__products {
    font-size: 1.6rem;
    margin-bottom: 5.3rem;
  }
  .page-introduce .products .product__group .product__item .product__title {
    font-size: 2.2rem;
    margin-top: 3.5rem;
  }
  .page-introduce .products .product__group .product__item .desc__product {
    font-size: 1.6rem;
  }
  .page-introduce .album {
    padding: 8rem 0;
  }
  .page-introduce .album .album__title {
    font-size: 3.5rem;
  }
  .page-introduce .album .module__content {
    margin: 0 -1.75rem;
  }
  .page-introduce .album .module__content .album__slide .slick-arrow {
    width: 5rem;
    height: 5rem;
    background-size: 1.5rem;
  }
  .page-introduce
    .album
    .module__content
    .album__slide
    .slick-arrow.slick-prev {
    left: 1.7rem;
  }
  .page-introduce
    .album
    .module__content
    .album__slide
    .slick-arrow.slick-next {
    right: 1.7rem;
  }
  .page-introduce .album .module__content .album__slide .slick-list {
    margin-top: 3.5rem;
  }
  .page-introduce .album .module__content .album__slide .item .box {
    margin: 0 1.75rem;
  }
}

@media (min-width: 1480px) {
  .page-introduce
    .album
    .module__content
    .album__slide
    .slick-arrow.slick-prev {
    left: -45px;
  }
  .page-introduce
    .album
    .module__content
    .album__slide
    .slick-arrow.slick-next {
    right: -45px;
  }
}

@media (min-width: 1500px) {
  .page-introduce
    .album
    .module__content
    .album__slide
    .slick-arrow.slick-prev {
    left: -50px;
  }
  .page-introduce
    .album
    .module__content
    .album__slide
    .slick-arrow.slick-next {
    right: -50px;
  }
}

@media (min-width: 1500px) {
  .page-introduce
    .album
    .module__content
    .album__slide
    .slick-arrow.slick-prev {
    left: -50px;
  }
  .page-introduce
    .album
    .module__content
    .album__slide
    .slick-arrow.slick-next {
    right: -50px;
  }
}

@media (min-width: 1700px) {
  .page-introduce
    .album
    .module__content
    .album__slide
    .slick-arrow.slick-prev {
    left: -86px;
  }
  .page-introduce
    .album
    .module__content
    .album__slide
    .slick-arrow.slick-next {
    right: -86px;
  }
}