.data {
  margin-top: 60px; }
  @media only screen and (min-width: 1024px) {
    .data {
      margin-top: 80px; } }

.header {
  padding: 40px 0;
  background-color: #ee859a;
  text-align: center;
  color: white; }
  @media only screen and (min-width: 1024px) {
    .header {
      padding: 50px 0; } }
  .header .lead {
    font-size: 1.55rem;
    font-weight: bold; }
  .header h1 {
    margin: 2rem 0;
    font-size: 3rem;
    font-weight: bold; }
    @media only screen and (min-width: 1024px) {
      .header h1 {
        font-size: 4rem; } }
  .header .description {
    font-size: 1.55rem; }

.contents {
  margin: 50px 15px; }
  @media only screen and (min-width: 1024px) {
    .contents {
      width: 1092px;
      margin-right: auto;
      margin-left: auto; } }
  .contents h2 {
    font-size: 3rem;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.5; }
    @media only screen and (min-width: 1024px) {
      .contents h2 {
        margin-bottom: 50px;
        font-size: 4rem; } }

.data-block {
  width: 100%;
  padding: 30px 25px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  align-self: stretch; }
  .data-block:nth-of-type(n + 3) img {
    width: 100%;
    height: auto; }

@media only screen and (min-width: 1024px) {
  .data-profile-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px; }
  .data-block {
    padding-left: 54px;
    padding-right: 54px; }
    .data-block:nth-of-type(-n + 2) {
      width: 49%; }
    .data-block:nth-of-type(n + 3) {
      width: 32%;
      padding-left: 25px;
      padding-right: 25px; }
      .data-block:nth-of-type(n + 3) img {
        height: auto; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .data-profile-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px; }
  .data-block:nth-of-type(-n + 2) {
    width: 49%; }
  .data-block:nth-of-type(n + 3) {
    width: 32%; }
    .data-block:nth-of-type(n + 3) img {
      height: auto; } }

.note {
  font-size: 1.3rem; }