@charset "UTF-8";

/* greeting.css
---------------------------------- */

.content_area_s > div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-end;
  margin-bottom: 80px;
}

.content_area_s > div p {
  width: 68%;
  font-size: 1.8rem;
}

.content_area_s > div figure {
  width: 28%;
}

.content_area_s > p {
  font-size: 1.8rem;
  margin-bottom: 30px;
}

.content_area_s > dl {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: flex-start;
}

.content_area_s > dl dt {
  display: block;
  white-space: nowrap;
  color: var(--main-color);
  font-size: 1.8rem;
}

.content_area_s > dl dd {
  font-size: 1.8rem;
}

@media all and (max-width: 767px) {
  .content_area_s > div {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .content_area_s > div p {
    width: 100%;
    font-size: 1.4rem;
    order: 2;
  }

  .content_area_s > div figure {
    width: 100%;
    text-align: center;
    order: 1;
    margin-bottom: 30px;
  }

  .content_area_s > p {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }

  .content_area_s > dl {
    flex-direction: column;
    margin-bottom: 15px;
  }

  .content_area_s > dl dt {
    font-size: 1.4rem;
  }

  .content_area_s > dl dd {
    font-size: 1.4rem;
  }
}