.footer {
  display: none !important;
}
.header {
  display: none !important;
}
.header_quick {
  display: none !important;
}
.contact_service {
  display: none !important;
}
#hd_pop {
  display: none !important;
}
.intro {
  height: 100vh;
}
.intro_main {
  height: 100%;
}
.intro_row {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.intro_left {
  background-image: url(/images/front_01.png);
  background-size: cover;
  background-position: bottom center;
}
.intro_right {
  background-image: url(/images/front_03.png);
  background-size: cover;
  background-position: bottom center;
}
.front_02 {
    width: 35.521%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.front_05 {
    width: 50.105%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.intro_row_tt {
  margin-top: 3.5vw;
}
.front_04 {
    width: 70.938%;
    display: flex;
    justify-content: center;
    align-items: center;  
    top: -1%;
    left: 29%;
}




@media screen and (max-width: 1024px) {

div.intro_main {
  flex-direction: column;
}
.intro_row {
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
}
.front_02 {
    width: 56.521%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    margin-top: 13vh;
}
.front_05 {
    width: 81.105%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
    margin-top: 0;
    margin-bottom: 13vh;
}




}