/* Scss Document */
@media only screen and (min-width: 46.875em) {
  body.active::after {
    -webkit-animation: scale-out-hor-left1 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards;
    animation: scale-out-hor-left 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards; }
  body.active::before {
    -webkit-animation: scale-out-hor-left1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards;
    animation: scale-out-hor-left1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards; }
  body.active .st-Header {
    -webkit-animation: fade-in-top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards;
    animation: fade-in-top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards; } }
/**
 * ----------------------------------------
 * animation scale-out-hor-left
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-hor-left1 {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; } }
@keyframes scale-out-hor-left1 {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; } }
/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@media only screen and (min-width: 46.875em) {
  .home-Sec1 .txt {
    position: relative; }
    .home-Sec1 .txt::before {
      content: "";
      background: white;
      position: absolute;
      background-size: calc(202rem / 20);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1; }

  body.active .home-Sec1.is-show1 .txt:last-of-type::before {
    -webkit-animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards;
    animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards; }
  body.active .home-Sec1.is-show1 .txt:nth-last-of-type(2)::before {
    -webkit-animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards;
    animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards; }
  body.active .home-Sec1.is-show1 .txt:nth-last-of-type(3)::before {
    -webkit-animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s forwards;
    animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s forwards; }
  body.active .home-Sec1.is-show1 .txt:nth-last-of-type(4)::before {
    -webkit-animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.6s forwards;
    animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.6s forwards; }
  body.active .home-Sec1.is-show1 .txt:nth-last-of-type(5)::before {
    -webkit-animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.1s forwards;
    animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.1s forwards; }
  body.active .home-Sec1.is-show1 .txt:nth-last-of-type(6)::before {
    -webkit-animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.5s forwards;
    animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.5s forwards; }
  body.active .home-Sec1.is-show1 .txt:nth-last-of-type(7)::before {
    -webkit-animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.9s forwards;
    animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.9s forwards; }
  body.active .home-Sec1.is-show1 .txt:nth-last-of-type(8)::before {
    -webkit-animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 3.3s forwards;
    animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 3.3s forwards; }
  body.active .home-Sec1.is-show1 .txt:nth-last-of-type(9)::before {
    -webkit-animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 3.7s forwards;
    animation: scale-out-ver-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 3.7s forwards; } }
/**
 * ----------------------------------------
 * animation scale-out-ver-bottom
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-ver-bottom {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1; } }
@keyframes scale-out-ver-bottom {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1; } }
@media only screen and (min-width: 46.875em) {
  .home-Work .sl-area {
    position: relative; }
    .home-Work .sl-area::before {
      content: "";
      background: white;
      position: absolute;
      background-size: calc(202rem / 20);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1; }
    .home-Work .sl-area::after {
      content: "";
      background: #d4d4d4;
      position: absolute;
      background-size: calc(202rem / 20);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1; }

  .home-Work.is-show2 .sl-area::before {
    -webkit-animation: scale-out-hor-left 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards;
    animation: scale-out-hor-left 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards; }
  .home-Work.is-show2 .sl-area::after {
    -webkit-animation: scale-out-hor-left 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards;
    animation: scale-out-hor-left 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards; }

  .home-Service .unit-area .unit .unit-img::before {
    content: "";
    background: white;
    position: absolute;
    background-size: calc(202rem / 20);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1; }
  .home-Service .unit-area .unit .unit-img::after {
    content: "";
    background: #d4d4d4;
    position: absolute;
    background-size: calc(202rem / 20);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1; }

  .home-Service .unit-area::after {
    content: "";
    background: white;
    position: absolute;
    background-size: calc(202rem / 20);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1; }

  .home-Service .unit-area.is-show_a::after {
    -webkit-animation: scale-out-hor-left 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards;
    animation: scale-out-hor-left 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards; }

  .home-Service .unit-area .unit.is-show_s1 .unit-img::before {
    -webkit-animation: scale-out-hor-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards;
    animation: scale-out-hor-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards; }
  .home-Service .unit-area .unit.is-show_s1 .unit-img::after {
    -webkit-animation: scale-out-hor-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards;
    animation: scale-out-hor-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards; }

  .home-Service .unit-area .unit.is-show_s3 .unit-img::before {
    -webkit-animation: scale-out-hor-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards;
    animation: scale-out-hor-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards; }
  .home-Service .unit-area .unit.is-show_s3 .unit-img::after {
    -webkit-animation: scale-out-hor-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards;
    animation: scale-out-hor-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards; } }
/**
 * ----------------------------------------
 * animation scale-out-hor-left
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-hor-left {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; } }
@keyframes scale-out-hor-left {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; } }
@media only screen and (min-width: 46.875em) {
  .home-Service .unit-area .unit.is-show_s2 .unit-img::before {
    -webkit-animation: scale-out-hor-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
    animation: scale-out-hor-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both; }
  .home-Service .unit-area .unit.is-show_s2 .unit-img::after {
    -webkit-animation: scale-out-hor-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
    animation: scale-out-hor-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both; } }
/**
 * ----------------------------------------
 * animation scale-out-hor-right
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-hor-right {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1; } }
@keyframes scale-out-hor-right {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1; } }
@media only screen and (min-width: 46.875em) {
  .home-Service .unit-area .unit .unit-txtarea {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }

  .home-Service .unit-area .unit.is-show_s1 .unit-txtarea {
    -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards;
    animation: fade-in-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards; }

  .home-Service .unit-area .unit.num2.is-show_s2 .unit-txtarea {
    -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards;
    animation: fade-in-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards; }

  .home-Service .unit-area .unit.num3.is-show_s3 .unit-txtarea {
    -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards;
    animation: fade-in-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards; }

  .home-Fv {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }

  body.active .home-Fv {
    -webkit-animation: fade-in-bottom 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards;
    animation: fade-in-bottom 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards; } }
/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@media only screen and (min-width: 46.875em) {
  .secong-main {
    position: relative; }
    .secong-main::before {
      content: "";
      background: #C5C5C5;
      position: absolute;
      background-size: calc(202rem / 20);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1; }
    .secong-main::after {
      content: "";
      background: #fff;
      position: absolute;
      background-size: calc(202rem / 20);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1; }

  .second-Header.second-show .secong-main::before {
    -webkit-animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards;
    animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards; }
  .second-Header.second-show .secong-main::after {
    -webkit-animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards;
    animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards; } }
@media only screen and (min-width: 46.875em) {
  .service-Sec1 .unit-box .unit .unit-img {
    overflow: hidden;
    position: relative;
    border-radius: 50%; }
    .service-Sec1 .unit-box .unit .unit-img::after {
      content: "";
      background: white;
      position: absolute;
      background-size: calc(202rem / 20);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1; }
    .service-Sec1 .unit-box .unit .unit-img::before {
      content: "";
      background: #d4d4d4;
      position: absolute;
      background-size: calc(202rem / 20);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1; }

  .service-Sec1.service-show1 .unit-box .unit.num1 .unit-img::after {
    -webkit-animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards;
    animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards; }
  .service-Sec1.service-show1 .unit-box .unit.num1 .unit-img::before {
    -webkit-animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards;
    animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards; }

  .service-Sec1.service-show1 .unit-box .unit.num2 .unit-img::after {
    -webkit-animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards;
    animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards; }
  .service-Sec1.service-show1 .unit-box .unit.num2 .unit-img::before {
    -webkit-animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s forwards;
    animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s forwards; }

  .service-Sec1.service-show1 .unit-box .unit.num3 .unit-img::after {
    -webkit-animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s forwards;
    animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s forwards; }
  .service-Sec1.service-show1 .unit-box .unit.num3 .unit-img::before {
    -webkit-animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.4s forwards;
    animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.4s forwards; }

  .service-Sec1 .unit-box .unit.num1::before {
    opacity: 0; }

  .service-Sec1 .unit-box .unit.num1::before {
    -webkit-animation: fade-in_service 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 1.2s forwards;
    animation: fade-in_service 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 1.2s forwards; }

  .service-Sec1 .unit-box .unit.num2::before {
    opacity: 0; }

  .service-Sec1 .unit-box .unit.num2::before {
    -webkit-animation: fade-in_service 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 1.4s forwards;
    animation: fade-in_service 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 1.4s forwards; }

  .service-Sec1 .unit-box .unit.num3::before {
    opacity: 0; }

  .service-Sec1 .unit-box .unit.num3::before {
    -webkit-animation: fade-in_service 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 1.6s forwards;
    animation: fade-in_service 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 1.6s forwards; } }
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in_service {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in_service {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@media only screen and (min-width: 46.875em) {
  .concept-Sec1 .inner .img {
    position: relative; }
    .concept-Sec1 .inner .img::before {
      content: "";
      background: #C5C5C5;
      position: absolute;
      background-size: calc(202rem / 20);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1; }
    .concept-Sec1 .inner .img::after {
      content: "";
      background: #fff;
      position: absolute;
      background-size: calc(202rem / 20);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1; }

  .concept-Sec1.concept-show1 .inner .img::before {
    -webkit-animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards;
    animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards; }
  .concept-Sec1.concept-show1 .inner .img::after {
    -webkit-animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards;
    animation: scale-out-hor-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards; }

  .concept-Sec4 .box .img {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }

  .concept-Sec4 .box.concept-show1:nth-of-type(1) .img {
    -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards;
    animation: fade-in-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards; }

  .concept-Sec4 .box.concept-show2:nth-of-type(2) .img {
    -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards;
    animation: fade-in-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards; } }