.greeting {
  position: relative; }
  .greeting .greeting-title {
    margin: 32px 0; }
  @media (max-width: 767.98px) {
    .greeting .text p {
      display: inline;
      margin: 0; } }
  @media (max-width: 767.98px) {
    .greeting .text {
      text-align: left;
      word-spacing: -1em;
      padding: 0 32px; } }
  .greeting .ceo {
    margin: 32px 0; }
  .greeting::before, .greeting::after {
    display: block;
    position: absolute;
    content: '';
    background-image: url("../images/pc/greeting.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 285px;
    height: 290px;
    z-index: -1; }
    @media (min-width: 768px) and (max-width: 1199.98px) {
      .greeting::before, .greeting::after {
        width: 23.7504vw;
        height: 24.16707vw; } }
  .greeting::before {
    left: 0; }
    @media (min-width: 768px) {
      .greeting::before {
        bottom: 0; } }
    @media (max-width: 767.98px) {
      .greeting::before {
        top: 0;
        left: 125.4px;
        width: 125.4px;
        height: 127.8px;
        transform: rotate(90deg);
        transform-origin: left top; } }
  .greeting::after {
    right: 0;
    bottom: 0;
    transform: scaleX(-1); }
    @media (max-width: 767.98px) {
      .greeting::after {
        width: 127.8px;
        height: 125.4px;
        bottom: 125.4px;
        transform: scaleX(1) rotate(-90deg);
        transform-origin: right bottom; } }