@charset "UTF-8";

.w-100 {
  width: 100%;
  height: auto;
}

.mw-100 {
  max-width: 100%;
  height: auto;
}

.select {
  display: grid;
  grid-template-columns: minmax(250px, 1fr) 200px minmax(250px, 1fr);
  justify-items: center;
  align-items: center;
}

.select-content {
  padding: 25px 20px;
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.select-content img {
  max-width: 100%;
  height: auto;
}

.select-runbini {
  background-color: #d2e9ff;
}

.select-motio {
  background-color: #d6f5d6;
}

.select-padding {
  padding: 0 25px;
}

@media screen and (max-width: 1024px) {
  .select {
    grid-template-columns: 1fr;
    position: relative;
  }
  .select-content {
    padding: 25px 20px;
    min-height: auto;
  }
  .select-content h1 {
    height: 100%;
  }
  .select-content img {
    max-width: 100%;
  }
  .select-padding {
    padding: 0;
    position: absolute;
  }
  .select-padding img {
    width: 70px;
  }
}