/* 共通 */
.mt-1{
  margin-top: 4px;
}
.mt-2{
  margin-top: 8px;
}
.mt-3{
  margin-top: 12px;
}
.mt-4{
  margin-top: 16px;
}
.mt-5{
  margin-top: 20px;
}
.mt-6{
  margin-top: 24px;
}
.ml-1{
  margin-left: 4px;
}
.ml-2{
  margin-left: 8px;
}
 .ml-3{
  margin-left: 12px; 
 }
 .ml-4{
  margin-left: 16px; 
 }
.mr-1{
  margin-right: 4px;
}
.mr-2{
  margin-right: 8px;
}
 .mr-3{
  margin-right: 12px; 
 }
 .mr-4{
  margin-right: 16px; 
 }
 .mb-1{
  margin-bottom: 4px;
 }
 .mb-2{
  margin-bottom: 8px;
 }
 .mb-3{
  margin-bottom: 12px;
 }
 .mb-4{
  margin-bottom: 16px;
 }
 .mb-5{
  margin-bottom: 20px;
 }
 .mb-6{
  margin-bottom: 24px;
 }
 .mr-1{
  margin-right: 4px;
  }
.my-2{
  margin-top: 8px;
  margin-bottom: 8px;
}
.my-3{
  margin-top: 12px;
  margin-bottom: 12px;
}
.my-4{
  margin-top: 16px;
  margin-bottom: 16px;
}
.my-5{
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-6{
  margin-top: 24px;
  margin-bottom: 24px;
}
.w-100{
  width: 100%;
}
hr{
  border: none;
  border-bottom: 1px solid #ddd;
}
.form-control{
  border: 1px solid rgb(232,230,234);
  border-radius: 8px;
  background-color: rgb(245,246,250);
  padding: 8px 4px;
  width: 100%;
 }

.wrap{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.page-description{
  color: gray;
  font-size: 12px;
  margin-left: 12px;
 }