@charset "utf-8";
@font-face {
    font-family: 'Huiji';
    src: url('../fonts/HuiFont.woff2') format('woff2'),
         url('../fonts/HuiFont.woff') format('woff');
    font-display: swap;
  }

  
  .kotoba_page {
  width: 100%;
  background: url(../img/words_bg.png) repeat-y;
    
  color: #3f3f3f;
  padding: clamp(60px, 8vw, 120px) 20px;
  
  box-sizing: border-box;
}
/*
.kotoba_page {
  position: relative;
  width: 100%;
  color: #3f3f3f;
  padding: clamp(60px, 8vw, 120px) 20px;
  box-sizing: border-box;
  overflow: hidden;
}

.kotoba_page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;

  background: linear-gradient(
    180deg,
    rgba(175, 240, 195, 1) 0%,
    rgba(255, 255, 196, 1) 16%,
    rgba(255, 191, 168, 1) 41%,
    rgba(255, 191, 227, 1) 59%,
    rgba(173, 169, 227, 1) 79%,
    rgba(154, 240, 255, 1) 99%
  );
}*/

  .kotoba_inner {
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: clamp(40px, 6vw, 80px) clamp(24px, 5vw, 70px);
    box-sizing: border-box;
	border-radius: 20px;
  }
  .kotoba_inner02 {
font-family: 'Huiji', 'Noto Serif JP', serif;
  }

  .kotoba_title {
  display: inline;
  margin: 0 auto;
  font-size: clamp(28px, 4.4vw, 52px);
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.08em;
  padding: 0 10px 6px;

  background:
    linear-gradient(
      90deg,
      rgba(241, 219, 232, 0.95) 0%,
      rgba(239, 232, 241, 0.92) 45%,
      rgba(223, 236, 245, 0.95) 100%
    );

  background-repeat: no-repeat;
  background-size: 100% 38%;
  background-position: left bottom;
}

.kotoba_title_wrap{
  text-align: center;
  margin-bottom: clamp(45px, 6vw, 80px);
}

.kotoba_title .sp {
	display: none;
}


  .kotoba_list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(34px, 5vw, 70px) clamp(42px, 6vw, 90px);
  }

.kotoba_item {
  display: flex;
  align-items: flex-start;
  gap: 0.6em;

  margin: 0;
  font-size: clamp(18px, 2.1vw, 22px);
  line-height: 1.95;
  letter-spacing: 0.06em;

  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}

.kotoba_item .num {
  flex-shrink: 0;
  width: 1.5em;
}

.kotoba_item .text {
  flex: 1;
}

@media (max-width: 768px) {
  .kotoba_item {
    font-size: clamp(16px, 5.4vw, 18px);
    line-height: 1.9;
    padding-bottom: 40px;
  }
}

  .kotoba_note {
    margin-top: clamp(60px, 8vw, 100px);
    text-align: center;
    font-size: clamp(12px, 1.6vw, 16px);
    line-height: 2;
    letter-spacing: 0.04em;
  }

  @media (max-width: 768px) {
    .kotoba_page {
      padding: 40px 16px 60px;
    }

    .kotoba_inner {
      padding: 35px 18px 50px;
    }

    .kotoba_title {
      font-size: clamp(25px, 7vw, 36px);
      line-height: 1.9;
      text-align: left;
    }

    .kotoba_list {
      grid-template-columns: 1fr;
      gap: 34px;
    }

	.kotoba_title .sp {
	display: block;
}
  }



.kotoba_title_sub {
  text-align: center;
  margin-top: 10px;
  font-weight: 500;
  font-size: 2rem;
}

@media (max-width: 768px) {
  .kotoba_title_sub {
    font-size: 1.2rem;
  }
}