@keyframes page-top-arrow {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(0); } }
main {
  background-color: #FDF2F5; }

.content-wrap {
  background-color: #fff; }

.point-box {
  padding: 20vw 0 10vw;
  margin-bottom: 15vw; }
  @media (min-width: 925px) {
    .point-box {
      padding: 45px 0 0;
      margin-bottom: 50px; } }
  .point-box .point-wrap {
    width: 80%;
    margin: 0 auto; }
    @media (min-width: 925px) {
      .point-box .point-wrap {
        max-width: 1010px;
        display: flex; } }
  @media (min-width: 925px) {
    .point-box .point-text {
      margin: 0 50px; } }
  .point-box .point-num {
    display: block;
    width: 30vw;
    margin: -25vw auto 3vw;
    filter: drop-shadow(3px 3px 2px rgba(211, 151, 151, 0.75)); }
    @media (min-width: 925px) {
      .point-box .point-num {
        width: 128px;
        margin: -65px auto 25px; } }
  .point-box h3 {
    text-align: center;
    color: #F19AB0;
    font-size: 130%;
    font-weight: 700;
    margin-bottom: 7vw; }
    @media (min-width: 925px) {
      .point-box h3 {
        font-size: 22px;
        margin-bottom: 30px; } }
  .point-box p {
    margin-bottom: 7vw; }
    @media (min-width: 925px) {
      .point-box p {
        font-size: 16px;
        margin-bottom: 0; } }
  @media (min-width: 925px) {
    .point-box .point-img {
      width: 465px;
      object-fit: contain;
      margin-bottom: -10px; } }
  .point-box:first-of-type {
    margin-top: 20vw; }
    @media (min-width: 925px) {
      .point-box:first-of-type {
        margin-top: 40px; } }
  .point-box:nth-of-type(odd) {
    background-color: #FFF8D6; }
  .point-box:nth-of-type(even) {
    background-color: #FDF2F5; }
    @media (min-width: 925px) {
      .point-box:nth-of-type(even) .point-wrap {
        flex-direction: row-reverse; } }

.page-top {
  margin-bottom: 0; }