/**
*@helpers
*/
@media (min-width: 230px) {
  .about__us {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 3rem 0;
    color: #fff; }
    .about__us::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      z-index: 1;
      opacity: 0.65; }
    .about__us .container {
      position: relative;
      z-index: 2; }
    .about__us .title__global {
      text-align: center;
      margin-bottom: 2rem; }
    .about__us .about__group {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 1.5rem;
      max-width: 685px;
      margin: auto; }
      .about__us .about__group .about__item .about__title {
        text-transform: uppercase;
        font-weight: 500;
        padding-left: 2.2rem;
        position: relative;
        -webkit-margin-before: 0px;
        margin-block-start: 0px;
        -webkit-margin-after: 0px;
        margin-block-end: 0px;
        line-height: 2.4rem;
        margin-bottom: 2rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; }
        .about__us .about__group .about__item .about__title::before {
          content: "";
          width: 0.6rem;
          height: 100%;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          left: 0;
          background-color: #e91f27; }
      .about__us .about__group .about__item .about__desc {
        color: #e5e5e5;
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-family: "Quicksand-Medium";
        font-weight: 500; }
  .diagram {
    padding: 3rem;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    position: center;
    background-attachment: fixed; }
    .diagram::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      opacity: 0.65;
      z-index: 1; }
    .diagram .container {
      position: relative;
      z-index: 2; }
    .diagram .title__global {
      text-align: center; }
    .diagram .diagram__map {
      padding-top: 4rem;
      max-width: 300px;
      margin-left: auto;
      margin-right: auto;
      width: 100%; }
      .diagram .diagram__map img {
        -webkit-animation: one 3s forwards;
        -moz-animation: one 3s forwards;
        animation: one 3s forwards; }
  .introduce__partner {
    padding: 3rem 0;
    background-color: #f2f2f2; }
    .introduce__partner .title__global {
      text-align: center;
      color: #000;
      margin-bottom: 3rem; }
    .introduce__partner .partner__group .partner__slide .partner__item .partner__box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      margin: 0 0.5rem; }
      .introduce__partner .partner__group .partner__slide .partner__item .partner__box .frame {
        max-width: 12rem;
        margin-bottom: 1rem;
        padding-top: 16%; }
        .introduce__partner .partner__group .partner__slide .partner__item .partner__box .frame img {
          height: auto; }
      .introduce__partner .partner__group .partner__slide .partner__item .partner__box .partner__title {
        color: #0a4089;
        text-transform: uppercase;
        font-size: 1.5rem; }
      .introduce__partner .partner__group .partner__slide .partner__item .partner__box a {
        font-family: "Quicksand-Medium";
        color: #323232;
        font-size: 1.4rem;
        display: block; }
        .introduce__partner .partner__group .partner__slide .partner__item .partner__box a + a {
          margin-top: 1.6rem; }
  .history {
    padding: 3rem 0px;
    background: #e5e5e5; }
    .history .title__global {
      text-align: center;
      color: #000;
      margin-bottom: 3rem; }
    .history .history__group {
      max-width: 760px;
      margin-left: auto;
      margin-right: auto; }
      .history .history__group .slide__history {
        margin-bottom: 3.4rem; }
        .history .history__group .slide__history .item .history__desc {
          padding-top: 6rem;
          text-align: center;
          max-width: 369px;
          margin: auto;
          font-size: 1.8rem;
          line-height: 2.6rem;
          color: #0a4089; }
      .history .history__group .history__for .slick-list {
        padding: 3rem 0px !important; }
      .history .history__group .history__for .slick-track {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; }
      .history .history__group .history__for .slick-slide:first-child .history__item::before {
        width: 91%;
        right: 0;
        left: unset; }
      .history .history__group .history__for .slick-current .history__item .history__box .history__dost::before {
        background-color: #e91f27;
        width: 10px;
        height: 10px;
        top: 178%;
        -webkit-animation: dost 1s infinite;
        -moz-animation: dost 1s infinite;
        animation: dost 1s infinite;
        animation-direction: alternate-reverse; }
      .history .history__group .history__for .history__item {
        position: relative; }
        .history .history__group .history__for .history__item::before {
          content: "";
          position: absolute;
          top: 152%;
          left: 0;
          right: 0;
          width: 100%;
          height: 1px;
          background-color: #0a4089; }
        .history .history__group .history__for .history__item .history__box .history__dost {
          cursor: pointer;
          font-size: 1.8rem;
          color: #0a4089;
          line-height: 2.8rem;
          position: relative; }
          .history .history__group .history__for .history__item .history__box .history__dost::before {
            content: "";
            position: absolute;
            top: 186%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 6px;
            height: 6px;
            background-color: #0a4089;
            border-radius: 50%;
            z-index: 2; } }

@media (min-width: 576px) {
  .about__us .about__group {
    grid-column-gap: 10rem; } }

@media (min-width: 992px) {
  .about__us {
    padding: 5rem 0; }
  .diagram {
    padding: 5rem; }
  .introduce__partner {
    padding: 5rem 0; }
  .history {
    padding: 5rem 0px;
    background: #e5e5e5;
    scroll-padding-top: 6.4em; } }

@media (min-width: 1200px) {
  .about__us {
    padding: 13.6rem 0; }
    .about__us .about__group {
      grid-column-gap: 16.1rem; }
      .about__us .about__group .about__item .about__title {
        font-size: 2.8rem; }
      .about__us .about__group .about__item .about__desc {
        max-width: 225px; }
  .diagram {
    padding: 8rem; }
    .diagram .diagram__map {
      padding-top: 8rem;
      max-width: 488px; }
  .introduce__partner .partner__group {
    margin: 0 -3rem; }
    .introduce__partner .partner__group .partner__slide .partner__item .partner__box {
      margin: 0 3rem; }
      .introduce__partner .partner__group .partner__slide .partner__item .partner__box .partner__title {
        font-size: 2rem; } }

@-webkit-keyframes one {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes one {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1); } }

@keyframes one {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes dost {
  0% {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.476);
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.476);
    opacity: 0; }
  100% {
    -webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.659);
    box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.659);
    opacity: 1; } }

@-moz-keyframes dost {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.476);
    opacity: 0; }
  100% {
    box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.659);
    opacity: 1; } }

@keyframes dost {
  0% {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.476);
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.476);
    opacity: 0; }
  100% {
    -webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.659);
    box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.659);
    opacity: 1; } }