@charset "UTF-8";
/* fontサイズ */
/*
元のフォントサイズ*(3/4)
24px→18px
50px→37.5px
*/
/*z-index数値*/
/*menu割当て*/
/*CTA*/
/*TOPへ戻るボタン割当て*/
/* z-index コンテンツ*/
/*レスポンシブデザインコンポーネント*/
/* 使用カラー */
/* color */
/* ブランドカラー(暗め) */
/* ブランドカラー(明るめ) */
/* メインカラー青 */
/* メインカラー緑 */
/* monochrome */
/* monotone*/
/* gradation */
/*新色*/
/*4季色*/
/*春*/
/*夏*/
/*冬*/
.page-wrapper {
  padding-top: 50px !important;
}

.page-title {
  --ralu-blue: #08b6b6;
  --ralu-green: #96d756;
  position: relative;
  padding: 190px 20px 100px;
  background: radial-gradient(circle at 12% 25%, rgba(8, 182, 182, 0.12) 0 110px, transparent 112px), radial-gradient(circle at 86% 18%, rgba(150, 215, 86, 0.16) 0 180px, transparent 182px), linear-gradient(180deg, #fbfffd 0%, #ffffff 100%);
  overflow: hidden;
}
@media screen and (max-width: 900px) {
  .page-title {
    padding: 84px 16px 56px;
  }
}
.page-title::before, .page-title::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.page-title::before {
  right: -160px;
  bottom: -180px;
  width: 520px;
  height: 520px;
  border: 16px solid rgba(8, 182, 182, 0.12);
}
.page-title::after {
  left: -140px;
  top: -160px;
  width: 420px;
  height: 420px;
  border: 12px solid rgba(150, 215, 86, 0.14);
}
.page-title__inner {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
  padding: 76px 32px 72px;
  text-align: center;
  background: rgba(255, 255, 255, 0.78);
  border: 2px solid rgba(8, 182, 182, 0.22);
  border-radius: 56px;
  box-shadow: 0 24px 56px rgba(8, 182, 182, 0.08);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 900px) {
  .page-title__inner {
    padding: 48px 20px;
    border-radius: 32px;
  }
}
.page-title__en {
  display: inline-block;
  margin: 0 0 28px;
  padding: 10px 28px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(8, 182, 182, 0.14), rgba(150, 215, 86, 0.18));
  color: var(--ralu-blue);
  font-size: 1.2rem;
  font-weight: 800;
  letter-spacing: 0.22em;
}
@media screen and (max-width: 900px) {
  .page-title__en {
    margin-bottom: 22px;
    font-size: 15px;
  }
}
.page-title__ja {
  margin-top: 1rem;
  color: #202020;
  font-size: clamp(30px, 5vw, 60px);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 900px) {
  .page-title__ja {
    font-size: 30px;
    letter-spacing: 0.06em;
  }
}
.page-title__dots {
  display: block;
  width: 150px;
  height: 8px;
  margin: 10px auto 12px;
  background-image: radial-gradient(circle, var(--ralu-blue) 3px, transparent 3.5px);
  background-size: 18px 8px;
  background-repeat: repeat-x;
}
.page-title__text {
  max-width: 95%;
  color: #333;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.9;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .page-title__text {
    margin-top: 22px;
    font-size: 14px;
    letter-spacing: 0.04em;
  }
}

.one-title {
  margin-top: 1rem;
  color: #202020;
  padding: 190px 0 100px;
  font-size: clamp(15px, 3vw, 30px);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 900px) {
  .one-title {
    font-size: 15px;
    letter-spacing: 0.06em;
  }
}/*# sourceMappingURL=title.css.map */