html {
  height: 100%;
}

h2, h3 {
  text-align: center;
}

section.el-container {
  min-height: 100vh;
  flex: auto;
}

.type-select-container {
  width: 100%;
  margin-bottom: 50px;
}
.type-select {
  width: 100%;
  font-size: 200%;
  font-weight: bold;
}

.el-header {
  width: 100%;
  line-height: 2.0rem;
}
.el-footer {
  background-color: #B3C0D1;
  color: #333;
  text-align: center;
  line-height: 60px;
  width: 100%;
  position: sticky;
}

div.form-step {
  margin: 10px auto;
}
.select-box {
  width:400px;
  margin:auto;
}

div.form-main {
  width: 100%;
  height: 100%;
}

p.mess {
  text-align: center;
}

.findout-box .el-radio-group,
.findout-box .el-radio-group label,
.interest-box label,
.how-foen-drive label
{
  display: box;
  width: 100%;
}

.findout-box div,
.interest-box div
{
  margin-bottom: 8px;
}

.experience-box {
  width:750px;
  margin:auto;
}

.experience-box table .el-radio-group label,
.personal-box table .el-radio-group label {
  margin: 4px 2px;
}

.want-feature-box, .comment-box {
  width: 600px;
  margin: auto;
}

.personal-box {
  width: 500px;
  margin: auto;
}

.personal-box-2 {
  width: 500px;
  margin: auto;
}

@media only screen and (max-width: 600px) {
  div.form-step, div.form-step .el-steps {
    width: 100%;
  }
  .select-box {
    width:100%;
    margin:auto;
  }
  .experience-box {
    width:100%;
    margin:auto;
  }
  .want-feature-box, .comment-box {
    width: 100%;
  }
  .personal-box, .personal-box-2 {
    width: 100%;
    margin: auto;
  }
}

/* -----------------------------------------------
 名刺アップロード
-------------------------------------------------- */
label#upload-bc-label {
  display: block;
  width: 320px;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  border: 0;
  box-shadow: none;
  color: #ffffff;
  font-size: 1rem;
  background-color: #00c2bc;
  cursor: pointer;
}

input#upload-bc {
  display: none;
}


/* -----------------------------------------------
 管理
-------------------------------------------------- */
#chart-box {
  width: 100%;
  margin-top: 20px;
}

#chart-box canvas {
  width: 100%;
  height: 100%;
}

.aggregate-table .el-table .cell {
  text-align: center;
}
