body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  width: 100%;
  max-width: 1280px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  padding: 80px 0;
}

@media (max-width: 1280px) {
  main {
    padding: 40px 4%;
  }
}

main .main_tit {
  width: 100%;
  max-width: 600px;
  margin-bottom: 40px;
}

main ul {
  width: 100%;
  display: flex;
  gap: 10px;
}
main ul li {
  width: 50%;
  padding: 40px 4%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 120px;
  border-radius: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

main ul li > img {
  width: 100%;
  max-width: 430px;
}

main ul li a {
  width: 50%;
  max-width: 210px;
  transition: 0.35s ease;
}
main ul li a:hover {
  transform: translateY(-5px);
}

main ul li a img {
  max-width: 100%;
}

main ul li:nth-of-type(1) {
  background-color: #11387f;
  background-image: url(../images/survey_bg01.png);
}
main ul li:nth-of-type(2) {
  background-color: #3e6b47;
  background-image: url(../images/survey_bg02.png);
}

@media (max-width: 768px) {
  main ul {
  flex-direction: column-reverse;
  }
  main ul li {
    width: 100%;
  }
}