@charset "utf-8";

.flex img {
  border: 1px solid #000;
  width: 275px;
}
.flex p {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .flex {
    display: flex;
    justify-content: center;
    gap: 8em;
  }
  .label {
    margin: 20px 0 12px 150px;
  }
}
@media not all and (min-width: 768px) {
  .flex {
    text-align: center;
  }
  .flex p {
    margin-bottom: 12px;
  }
  .label {
    margin: 12px 0;
  }
}


/* === #contact === */
.contact .box ul {
  -webkit-box-pack: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .contact .box {
    width: 50%;
    margin: 0 auto;
  }
  .contact .box ul li {
    width: 340px;
    height: auto;
  }
}