@charset "utf-8";

.index2 {
  padding-top: 20vh;
  margin: 0 auto 10vh;
  font-size: 3.6rem;
  font-weight: bold;
}

.greeting {
  display: grid;
  grid-template-columns: 0.7fr 2fr 1.5fr;
  gap: 5%;
  padding-bottom: 20vh;
}
.greeting__image {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}
.greeting__ttl {
  grid-column: 2 / 4;
  grid-row: 1 / 2;
  font-size: 2.0rem;
  font-weight: bold;
}
.greeting__txt {
  grid-column: 2 / 4;
  grid-row: 2 / 3;
}
.greeting__sign {
  grid-column: 2 / 4;
  grid-row: 3 / 4;
  text-align: right;
}

@media screen and (max-width: 767px),print {
  .index2 {
  padding-top: 16vh;
  margin: 0 auto 10vh;
  font-size: 2.4rem;
  font-weight: bold;
}

  .greeting {
  grid-template-columns: 1fr 1fr 0.1fr;
  gap: 1%;
  padding-bottom: 20vh;
}
.greeting__image {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.greeting__ttl {
  grid-column: 2 / 4;
  grid-row: 1 / 2;
  display: flex;
  align-items: center;
  padding: 5%;
}
.greeting__txt {
  grid-column: 1 / 4;
  grid-row: 2 / 3;
}
.greeting__sign {
  grid-column: 1 / 4;
  grid-row: 3 / 4;
  text-align: right;
  margin-top: 5vh;
}
}