.header {
  display: none !important;
}
.footer {
  display: none !important;
}
.contact_service {
  display: none !important;
}
.header_quick {
  display: none !important;
}
body::-webkit-scrollbar {
  display: none !important;
}



/* intro start */
.intro_row {
  width: 50%;
  height: 100vh;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  padding-top: 15vw;
  overflow: hidden;
  cursor: pointer;
}
.intro_row01 {
  background-color: #fff;
}
.intro_row02 {
  background-color: #000;
}
.intro_02 {
  width: 35.5209%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.intro_07 {
  width: 55.9375%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.intro_btn {
    width: 8.4375%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 2vw;
    cursor: pointer;
    text-transform: uppercase;
    font-family: 'Suit';
    font-weight: 500;
  gap: 0.2vw;
  transition: font-weight 0.3s;
}
.intro_btn:hover {
  font-weight: 900;
}
.intro_row01_bot {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    bottom: -14%;
    gap: 2vw;
}
.intro_03 {
    width: 26.3542%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.intro_05 {
    width: 26.4584%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.intro_04 {
    width: 24.6875%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.intro_01 {
    width: 186.9792%;
    display: flex;
    justify-content: center;
    align-items: center;  
  top: -1%;
}
.intro_sd .image_sd {
    animation-play-state: paused;
}
.intro_row:hover .intro_sd .image_sd {
  animation: marqueeX 20s infinite linear;
  animation-play-state: running;
}
.intro_09 {
  width: 185.4167%;
    display: flex;
    justify-content: center;
    align-items: center;  
    bottom: -1%;
}
.intro_10 {
  width: 39.375%;
    display: flex;
    justify-content: center;
    align-items: center;  
    right: 0%;
    bottom: 0%;
}

.intro_btn:hover > img {
    animation: lRmove 1s infinite ease-in-out;
}
@keyframes lRmove {
    0% {
        transform: translateX(0%);
    }
    50% {
        transform: translateX(15%);
    }
    100% {
        transform: translateX(0%);
    }
}

@media screen and (max-width:599px) {
div.intro_main {
  flex-direction: column;
}
.intro_row {
    width: 100%;
    height: 50vh;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    padding-top: 13vh;
    overflow: hidden;
}
.intro .image_sd_wrap {
    width: 270%;
    padding: 0vw 0;
    margin: -4vw 0;
}
.intro_02 {
    width: 48.5209%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.intro_07 {
    width: 78.9375%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.intro_btn {
    width: 15.4375%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 4vw;
    gap: 1.2vw;
    transition: font-weight 0.3s;
}
.intro_row01_bot {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    bottom: -19vw;
    gap: 2vw;
}
.intro_10 {
    width: 39.375%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0%;
    bottom: -18vw;
}















}