main .title_wrap {
  margin-bottom: 2.5rem;
}
main .title_wrap h1 {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: -.1rem;
  margin-bottom: 2rem;
  background: url("../img/child.png") no-repeat 0 50% / contain;
  padding-left: 3.2rem;
  color: #129e12;
}
main .title_wrap img {
  width: 100%;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
main .content_wrap p {
  font-size: 1.7rem;
  line-height: 1.6;
  color: #444;
}
main .content_wrap .txt_box {
  border: 1px solid #dedede;
  margin: 2.5rem 0;
  box-shadow: rgba(99, 99, 99, 0.1) 0px 1px 3px;
}
main .content_wrap .txt_box:last-of-type {
  margin-bottom: 0;
}
main .content_wrap .txt_box h2 {
  padding: 1.5rem;
  border-bottom: 1px solid #dedede;
  font-size: 1.8rem;
  font-weight: 600;
  background: #fbfffa;
}
main .content_wrap .txt_box p {
  padding: 1.5rem;
  color: #666;
  font-size: 1.6rem;
  line-height: 1.7;
}

/* bmi.php */
main .title_wrap .exp {
  background: #f1f1f1;
  padding: 1.8rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  color: #666;
}
main .title_wrap .exp b {
  font-weight: 700;
  color: #333;
}
main .input_wrap {
  margin-bottom: 3rem;
}
main .input_wrap ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
main .input_wrap ul li:not(:last-child) {
  margin-bottom: 1.5rem;
}
main .input_wrap ul li label {
  font-size: 2rem;
  font-weight: 600;
  width: 20%;
}
main .input_wrap ul li input {
  width: 70%;
  border: 1px solid #ddd;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 1rem 1.2rem;
  padding-right: 5rem;
  outline: none;
  text-align: right;
}
main .input_wrap .height::after {
  content: 'cm';
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  font-size: 2rem;
  font-weight: 700;
}
main .input_wrap .weight::after {
  content: 'kg';
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  font-size: 2rem;
  font-weight: 700;
}
main .input_wrap #calculate {
  font-size: 2rem;
  font-weight: 600;
  padding: 2rem;
  background: #21840b;
  color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  margin-top: 2.5rem;
  border-radius: 1.5rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

main .result_wrap {
  display: none;
  padding: 2rem;
  background: #eee;
}
main .result_wrap h2 {
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -.1rem;
  margin-bottom: .6rem;
}
main .result_wrap p {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -.1rem;
}
main .result_wrap #bmi,
main .result_wrap #level {
  font-weight: 800;
}

#level.high-over {color: #ff0000;}
#level.over {color: #ff8f00;}
#level.normal-over {color: #9ba420;}
#level.normal{color: #2c9415;}
#level.high-less {color: #386cea;}