@charset "UTF-8";

/* 2021/08/20 名前ランキングページの無料診断ボタン用 */

.free_diagnosis_btn {
  margin: 0 auto 2.5rem;
}

.free_diagnosis_btn.name {
  flex: 0 0 100%;
}

.free_diagnosis_btn.name_ranking {
  width: 60%;
}

.free_diagnosis_btn a {
  border-radius: 6rem;
  margin: 0 auto;
  padding: 1.5rem;
  line-height: 1;
  font-weight: 600;
  color: #fff;
}

.free_diagnosis_btn.name a {
  width: 50%;
}

.free_diagnosis_btn a.boy {
  background-color: rgb(90, 156, 231);
}

.free_diagnosis_btn a.girl {
  background-color: rgb(247, 135, 131);
}