@charset "utf-8";

.reverse.greeting .box {
  display: flex;
  flex-direction: row-reverse;

  .greeting_ttl {
    width: 20%;
  }

  .txt {
    width: 80%;
  }
}


@media screen and (max-width: 767px) {
  .reverse.greeting .box {
    flex-direction: column;

    .greeting_ttl {
      width: 100%;
    }

    .txt {
      width: 100%;
    }
  }
}

.last {
  background-color: #ececec;
  padding: clamp(35px, calc(70/1920*100vw), 70px) 0;
}

@media screen and (max-width: 767px) {
  .last {
    padding: clamp(25px, calc(50/750*100vw), 50px) 5.7333333333vw;
  }
}