.box {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .box {
    flex-direction: column;
  }
}
.box .dev_main {
  width: 30%;
}
@media screen and (max-width: 800px) {
  .box .dev_main {
    width: 100vw;
  }
}
.box .dev_main h2 {
  color: #fff;
}
@media screen and (max-width: 800px) {
  .box .dev_main h2 {
    background-image: linear-gradient(#f8ce39, #35d9fa);
    font-size: 20px;
  }
}
.box .dev_main ul {
  align-items: baseline;
  list-style: none;
}
.box .dev_main ul li {
  display: flex;
  align-items: center;
  padding: 10%;
}
@media screen and (max-width: 800px) {
  .box .dev_main ul li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
  }
}
.box .dev_main ul li img {
  width: 100px;
  height: 100px;
  border-radius: 20px;
}
.box .dev_main ul li .main_title {
  padding: 5%;
  width: 100%;
  text-align: left;
}
.box .dev_main ul li .main_title a {
  color: #817e7e;
}
.box .dev_main ul li .main_title .main_text {
  text-align: right;
}