@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.greeting {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 400px;
  align-items: start;
  gap: 60px; }
  .greeting__lead {
    font-size: 2.25rem;
    font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: 500;
    line-height: 2; }
  .greeting__text {
    margin-top: 40px; }
    .greeting__text p {
      font-size: 1.125rem;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
      font-weight: 500;
      line-height: 2; }
  .greeting__portrait {
    margin: 0; }
    .greeting__portrait > img {
      display: block;
      width: 100%;
      height: auto; }
  .greeting__signature {
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-top: 20px;
    font-size: 1rem;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
    line-height: 1.5; }
    .greeting__signature--name {
      font-size: 1.625rem;
      font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐ明朝", "MS PMincho", serif;
      font-weight: 500; }

@media (max-width: 1200px) {
  .greeting {
    grid-template-columns: minmax(0, 1fr) 32%;
    gap: 40px; }
    .greeting__lead {
      font-size: 1.875rem; } }

@media (max-width: 1000px) {
  .greeting__lead {
    font-size: 1.625rem; }
    .greeting__lead br {
      display: none; } }

@media (max-width: 700px) {
  .greeting {
    grid-template-columns: 1fr;
    gap: 40px; }
    .greeting__lead {
      font-size: 1.5rem;
      line-height: 1.9; }
    .greeting__text {
      margin-top: 30px; }
      .greeting__text p {
        font-size: 1rem; }
    .greeting__portrait {
      width: 100%;
      max-width: 400px;
      margin: 0 auto; } }

@media (prefers-reduced-motion: reduce) {
  .innerPage {
    animation: none; }
    .innerPage *,
    .innerPage *::before,
    .innerPage *::after {
      animation: none;
      transition: none;
      scroll-behavior: auto; } }