@charset "UTF-8";

/* u-margin */
.mt-10 {
  margin-top: 10px;
}
@media screen and (max-width: 980px) {
  .mt-10 {
    margin-top: 0.8333333333vw;
  }
}
@media screen and (max-width: 510px) {
  .mt-10 {
    margin-top: 2.0512820513vw;
  }
}

.mt-20 {
  margin-top: 20px;
}
@media screen and (max-width: 980px) {
  .mt-20 {
    margin-top: 1.6666666667vw;
  }
}
@media screen and (max-width: 510px) {
  .mt-20 {
    margin-top: 2.5641025641vw;
  }
}

.mt-30 {
  margin-top: 30px;
}
@media screen and (max-width: 980px) {
  .mt-30 {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 510px) {
  .mt-30 {
    margin-top: 5.1282051282vw;
  }
}

.mt-40 {
  margin-top: 40px;
}
@media screen and (max-width: 980px) {
  .mt-40 {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (max-width: 510px) {
  .mt-40 {
    margin-top: 7.6923076923vw;
  }
}

.mt-50 {
  margin-top: 50px;
}
@media screen and (max-width: 980px) {
  .mt-50 {
    margin-top: 4.1666666667vw;
  }
}
@media screen and (max-width: 510px) {
  .mt-50 {
    margin-top: 10.2564102564vw;
  }
}

.mt-60 {
  margin-top: 60px;
}
@media screen and (max-width: 980px) {
  .mt-60 {
    margin-top: 5vw;
  }
}
@media screen and (max-width: 510px) {
  .mt-60 {
    margin-top: 12.8205128205vw;
  }
}

.mt-70 {
  margin-top: 70px;
}
@media screen and (max-width: 980px) {
  .mt-70 {
    margin-top: 5.8333333333vw;
  }
}
@media screen and (max-width: 510px) {
  .mt-70 {
    margin-top: 15.3846153846vw;
  }
}

.mt-80 {
  margin-top: 80px;
}
@media screen and (max-width: 980px) {
  .mt-80 {
    margin-top: 6.6666666667vw;
  }
}
@media screen and (max-width: 510px) {
  .mt-80 {
    margin-top: 17.9487179487vw;
  }
}

.mt-90 {
  margin-top: 90px;
}
@media screen and (max-width: 980px) {
  .mt-90 {
    margin-top: 7.5vw;
  }
}
@media screen and (max-width: 510px) {
  .mt-90 {
    margin-top: 21.7948717949vw;
  }
}

.mt-100 {
  margin-top: 100px;
}
@media screen and (max-width: 980px) {
  .mt-100 {
    margin-top: 8.3333333333vw;
  }
}
@media screen and (max-width: 510px) {
  .mt-100 {
    margin-top: 23.0769230769vw;
  }
}

.mt-120 {
  margin-top: 120px;
}
@media screen and (max-width: 980px) {
  .mt-120 {
    margin-top: 10vw;
  }
}
@media screen and (max-width: 510px) {
  .mt-120 {
    margin-top: 25.641025641vw;
  }
}

.mt-150 {
  margin-top: 150px;
}
@media screen and (max-width: 980px) {
  .mt-150 {
    margin-top: 12.5vw;
  }
}
@media screen and (max-width: 510px) {
  .mt-150 {
    margin-top: 33.3333333333vw;
  }
}

.mt-200 {
  margin-top: 200px;
}
@media screen and (max-width: 980px) {
  .mt-200 {
    margin-top: 16.6666666667vw;
  }
}
@media screen and (max-width: 510px) {
  .mt-200 {
    margin-top: 38.4615384615vw;
  }
}

.mb-10 {
  margin-bottom: 10px;
}
@media screen and (max-width: 980px) {
  .mb-10 {
    margin-bottom: 0.8333333333vw;
  }
}
@media screen and (max-width: 510px) {
  .mb-10 {
    margin-bottom: 2.0512820513vw;
  }
}

.mb-20 {
  margin-bottom: 20px;
}
@media screen and (max-width: 980px) {
  .mb-20 {
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 510px) {
  .mb-20 {
    margin-bottom: 2.5641025641vw;
  }
}

.mb-30 {
  margin-bottom: 30px;
}
@media screen and (max-width: 980px) {
  .mb-30 {
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 510px) {
  .mb-30 {
    margin-bottom: 5.1282051282vw;
  }
}

.mb-40 {
  margin-bottom: 40px;
}
@media screen and (max-width: 980px) {
  .mb-40 {
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (max-width: 510px) {
  .mb-40 {
    margin-bottom: 7.6923076923vw;
  }
}

.mb-50 {
  margin-bottom: 50px;
}
@media screen and (max-width: 980px) {
  .mb-50 {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 510px) {
  .mb-50 {
    margin-bottom: 10.2564102564vw;
  }
}

.mb-60 {
  margin-bottom: 60px;
}
@media screen and (max-width: 980px) {
  .mb-60 {
    margin-bottom: 5vw;
  }
}
@media screen and (max-width: 510px) {
  .mb-60 {
    margin-bottom: 12.8205128205vw;
  }
}

.mb-70 {
  margin-bottom: 70px;
}
@media screen and (max-width: 980px) {
  .mb-70 {
    margin-bottom: 5.8333333333vw;
  }
}
@media screen and (max-width: 510px) {
  .mb-70 {
    margin-bottom: 15.3846153846vw;
  }
}

.mb-80 {
  margin-bottom: 80px;
}
@media screen and (max-width: 980px) {
  .mb-80 {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 510px) {
  .mb-80 {
    margin-bottom: 17.9487179487vw;
  }
}

.mb-90 {
  margin-bottom: 90px;
}
@media screen and (max-width: 980px) {
  .mb-90 {
    margin-bottom: 7.5vw;
  }
}
@media screen and (max-width: 510px) {
  .mb-90 {
    margin-bottom: 20.5128205128vw;
  }
}

.mb-100 {
  margin-bottom: 100px;
}
@media screen and (max-width: 980px) {
  .mb-100 {
    margin-bottom: 8.3333333333vw;
  }
}
@media screen and (max-width: 510px) {
  .mb-100 {
    margin-bottom: 23.0769230769vw;
  }
}

.mb-120 {
  margin-bottom: 120px;
}
@media screen and (max-width: 980px) {
  .mb-120 {
    margin-bottom: 10vw;
  }
}
@media screen and (max-width: 510px) {
  .mb-120 {
    margin-bottom: 25.641025641vw;
  }
}

.mb-150 {
  margin-bottom: 150px;
}
@media screen and (max-width: 980px) {
  .mb-150 {
    margin-bottom: 12.5vw;
  }
}
@media screen and (max-width: 510px) {
  .mb-150 {
    margin-bottom: 33.3333333333vw;
  }
}

.mb-200 {
  margin-bottom: 200px;
}
@media screen and (max-width: 980px) {
  .mb-200 {
    margin-bottom: 16.6666666667vw;
  }
}
@media screen and (max-width: 510px) {
  .mb-200 {
    margin-bottom: 38.4615384615vw;
  }
}

/* u-txt */
.u-txt {
    font-size: 2rem;
    line-height: 2;
    font-weight: var(--fontWeight-bold);
  }
  @media screen and (max-width: 980px) {
    .u-txt {
      font-size: 2vw;
    }
  }
  @media screen and (max-width: 510px) {
    .u-txt {
      font-size: 3.5897435897vw;
    }
  }
  
  .text-xs {
    font-size: var(--fontSize-xs);
    line-height: 1.4285714286;
  }
  @media screen and (max-width: 980px) {
    .text-xs {
      font-size: 1.3333333333vw;
    }
  }
  @media screen and (max-width: 510px) {
    .text-xs {
      font-size: 3.5897435897vw;
    }
  }
  
  .text-sm {
    font-size: var(--fontSize-sm);
  }
  @media screen and (max-width: 980px) {
    .text-sm {
      font-size: 1.3333333333vw;
    }
  }
  @media screen and (max-width: 510px) {
    .text-sm {
      font-size: 3.5897435897vw;
    }
  }
  
  .text-base {
    font-size: var(--fontSize-base);
  }
  @media screen and (max-width: 980px) {
    .text-base {
      font-size: 1.5vw;
    }
  }
  @media screen and (max-width: 510px) {
    .text-base {
      font-size: 3.5897435897vw;
    }
  }
  
  .text-lm {
    font-size: var(--fontSize-lm);
  }
  @media screen and (max-width: 980px) {
    .text-lm {
      font-size: 1.6666666667vw;
    }
  }
  @media screen and (max-width: 510px) {
    .text-lm {
      font-size: 3.8461538462vw;
    }
  }
  
  .text-lg {
    font-size: var(--fontSize-lg);
  }
  @media screen and (max-width: 980px) {
    .text-lg {
      font-size: 1.8333333333vw;
    }
  }
  @media screen and (max-width: 510px) {
    .text-lg {
      font-size: 4.1025641026vw;
    }
  }
  
  .text-x1 {
    font-size: var(--fontSize-lm);
  }
  @media screen and (max-width: 980px) {
    .text-x1 {
      font-size: 1.8333333333vw;
    }
  }
  @media screen and (max-width: 510px) {
    .text-x1 {
      font-size: 4.6153846154vw;
    }
  }
  
  .text-x2 {
    font-size: var(--fontSize-x2);
  }
  @media screen and (max-width: 980px) {
    .text-x2 {
      font-size: 2vw;
    }
  }
  @media screen and (max-width: 510px) {
    .text-x2 {
      font-size: 4.8717948718vw;
    }
  }
  
  .text-x3 {
    font-size: var(--fontSize-x3);
  }
  @media screen and (max-width: 980px) {
    .text-x3 {
      font-size: 2.1666666667vw;
    }
  }
  @media screen and (max-width: 510px) {
    .text-x3 {
      font-size: 5.1282051282vw;
    }
  }
  
  .text-x4 {
    font-size: var(--fontSize-x4);
  }
  @media screen and (max-width: 980px) {
    .text-x4 {
      font-size: 2.5vw;
    }
  }
  @media screen and (max-width: 510px) {
    .text-x4 {
      font-size: 5.3846153846vw;
    }
  }
  
  .text-x5 {
    font-size: var(--fontSize-x4);
  }
  @media screen and (max-width: 980px) {
    .text-x5 {
      font-size: 2.6666666667vw;
    }
  }
  @media screen and (max-width: 510px) {
    .text-x5 {
      font-size: 5.641025641vw;
    }
  }

  /* u-tit */
.u-tit {
    font-size: 2.8rem;
    font-weight: var(--fontWeight-bold);
    line-height: 1.75;
    letter-spacing: 0.025em;
    padding-block-end: 60px;
  }
  @media screen and (max-width: 980px) {
    .u-tit {
      font-size: 2.6666666667vw;
      padding-block-end: 5vw;
    }
  }
  @media screen and (max-width: 510px) {
    .u-tit {
      font-size: 5.1282051282vw;
      line-height: 1.75;
      padding-block-end: 12.8205128205vw;
    }
  }
  
/* 太字 */
strong, b { font-weight: 700; }

/* 文字色 */
mark.has-inline-color { background: none; }


/* =================================
   Gutenberg デフォルト文字色
================================= */

/* インライン色（mark） */
mark.has-inline-color {
  background: none;
  padding: 0;
}

/* --- 基本色 --- */
.has-black-color {
  color: #000000;
}

.has-cyan-bluish-gray-color {
  color: #abb8c3;
}

.has-white-color {
  color: #ffffff;
}

/* --- 暖色 --- */
.has-pale-pink-color {
  color: #f78da7;
}

.has-vivid-red-color {
  color: #cf2e2e;
}

.has-luminous-vivid-orange-color {
  color: #ff6900;
}

.has-luminous-vivid-amber-color {
  color: #fcb900;
}

/* --- 寒色 --- */
.has-light-green-cyan-color {
  color: #7bdcb5;
}

.has-vivid-green-cyan-color {
  color: #00d084;
}

.has-pale-cyan-blue-color {
  color: #8ed1fc;
}

.has-vivid-cyan-blue-color {
  color: #0693e3;
}

.has-vivid-purple-color {
  color: #9b51e0;
}

.editor-styles-wrapper .has-background {
  padding: 1.2em 1.4em;
}
/* フォントサイズ */
.has-small-font-size { font-size:1.4rem; }
.has-medium-font-size { font-size:1.6rem; }
.has-large-font-size { font-size:2rem; }
.has-x-large-font-size { font-size:2.5rem; }

/* ===== ブロックエディタ用：位置系 ===== */

.editor-styles-wrapper .has-text-align-center {
  text-align: center;
}

.editor-styles-wrapper .has-text-align-left {
  text-align: left;
}

.editor-styles-wrapper .has-text-align-right {
  text-align: right;
}

.editor-styles-wrapper .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ==========================
   Gutenberg 背景色
========================== */

/* 黒 */
.has-black-background-color {
  background-color: #000000;
}

/* シアンブルーグレー */
.has-cyan-bluish-gray-background-color {
  background-color: #abb8c3;
}

/* 白 */
.has-white-background-color {
  background-color: #ffffff;
}

/* 淡いピンク */
.has-pale-pink-background-color {
  background-color: #f78da7;
}

/* ビビッドレッド */
.has-vivid-red-background-color {
  background-color: #cf2e2e;
}

/* ビビッドオレンジ */
.has-luminous-vivid-orange-background-color {
  background-color: #ff6900;
}

/* ビビッドアンバー */
.has-luminous-vivid-amber-background-color {
  background-color: #fcb900;
}

/* ライトグリーンシアン */
.has-light-green-cyan-background-color {
  background-color: #7bdcb5;
}

/* ビビッドグリーンシアン */
.has-vivid-green-cyan-background-color {
  background-color: #00d084;
}

/* 淡いシアンブルー */
.has-pale-cyan-blue-background-color {
  background-color: #8ed1fc;
}

/* ビビッドシアンブルー */
.has-vivid-cyan-blue-background-color {
  background-color: #0693e3;
}

/* ビビッドパープル */
.has-vivid-purple-background-color {
  background-color: #9b51e0;
}