.join-1-area{
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;

  align-items: center;
  justify-content: center;

  margin-top: 20px;
}

.join-1-area-items{
  margin-top: 30px;
}

.join-1-area-item{
  background:#f7f4ed;

  border-radius: 10px;
  border: 1px solid #b8922e;
}

.join-1-area-item >img{
  margin: 0 auto;
}

.join-1-area-item >div{
  text-align: center;
  color: #b7912e;

  padding-bottom: 20px;
}

.join-2-area{
  display: flex;
  flex-direction: row;

  margin-top: 60px;
}

.join-2-item-left{
  flex:1;
}

.join-2-item-right{
  width:300px;
}

.join-2-right-area{
  width:100%;
  margin-top: 40px;
}

.join-2-left-area{
  margin-top: 20px;
  width:80%;

  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
}

.join-form-items{
  width:50%;
}

.join-form-item{
  width:90%;
}

.join-form-item input,.join-form-items textarea{
  width:100%;
  background:white;
  resize: none;
}

.join-form-button{
  float: left;
  width:150px;
  text-align: center;
  background: white;
  border:1px solid #e1e2e1;

  padding-top: 5px;
  padding-bottom: 5px;
}

.join-form-button-desc{
  float: left;
  line-height: 56px !important;
  margin-left:10px;
  visibility: hidden;
}

.join-2-right-area{
  margin-top: 20px;
}