.main {

  background-color: #dfe4e8;

}

.main .wrapper {

  display: flex;

  flex-direction: column;

  justify-content: center;

  word-wrap: normal;

}

@media (min-width: 992px) {

  .main .wrapper {

    margin: 0 8.5rem 0 8.5rem;

    flex-direction: row;

  }

}

.main .wrapper .text-format {

  font-size: 13px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.92;

  letter-spacing: normal;

  color: #000000;

}

.main .p-column {

  padding: 2.5rem;

}

@media (min-width: 992px) {

  .main .p-column {

    padding: 4rem;

  }

}

.main .p-inside-column {

  margin-bottom: 2ex;

}

.main .p-inside-column img {

  width: 100%;

  margin-top: 2ex;

}

.main .p-inside-column .techbtn {

  width: 238px;

  height: 50px;

  margin: 10px 0;

}

.main .p-inside-column .techbtn img {

  width: auto;

  margin-top: 0;

}

.main .title {

  margin-top: 2ex;

  font-size: 18px;

  font-weight: bold;

  color: black;

}



.main {

  background-color: #fff;

}

.main .wrapper {

  display: flex;

  flex-direction: column;

  justify-content: center;

  word-wrap: normal;

}

@media (min-width: 992px) {

  .main .wrapper {

    margin: 0 8.5rem 0 8.5rem;

    flex-direction: row;

  }

}

.main .wrapper .text-format {

  font-size: 13px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.92;

  letter-spacing: normal;

  color: #000000;

}

.main .p-column {

  padding: 2.5rem;

}

@media (min-width: 992px) {

  .main .p-column {

    padding: 4rem;

  }

}

.main .p-inside-column {

  margin-bottom: 2ex;

}

.main .p-inside-column img {

  width: 100%;

  margin-top: 2ex;

}

.main .p-inside-column .techbtn {

  width: 238px;

  height: 50px;

  margin: 10px 0;

}

.main .p-inside-column .techbtn img {

  width: auto;

  margin-top: 0;

}

.main .title {

  margin-top: 2ex;

  font-size: 18px;

  font-weight: bold;

  color: black;

}