@charset "UTF-8";
/**************************************/
/* -------------------------
 * 共通
 * ------------------------- */
/* フォント */
.ff-hanken {
  font-family: "Hanken Grotesk", sans-serif;
}

.ff-unbounded {
  font-family: "Unbounded", sans-serif;
}

/* フォントサイズ、テキストheight  */
:root {
  --fz90: clamp(2.5rem, 5.4vw, 9rem);
  --fz60: clamp(2.5rem, 3.6vw, 6rem);
  --fz52: clamp(2.2rem, 3.1vw, 5.2rem);
  --fz32: clamp(2.5rem, 2vw, 3.2rem);
  --fz30: clamp(1.8rem, 1.9vw, 3rem);
  --fz24: clamp(1.8rem, 1.9vw, 2.4rem);
  --fz21: clamp(1.6rem, 1.9vw, 2.1rem);
  --fz18: clamp(1.6rem, 1.9vw, 1.8rem);
  --txt-line-height: 1.8;
}

/* 改行 */
.br-834 {
  display: none;
}
@media (max-width: 834px) {
  .br-834 {
    display: block;
  }
}

.no-br-834 {
  display: block;
}
@media (max-width: 834px) {
  .no-br-834 {
    display: none;
  }
}

/* -------------------------
 * レイアウト
 * ------------------------- */
.under__main-contents {
  padding-block: 80px 160px;
  position: relative;
  z-index: 5;
}
@media (max-width: 834px) {
  .under__main-contents {
    padding-block: 30px 50px;
  }
}

.under__main-cont-inner {
  padding-inline: 25px;
  margin-inline: auto;
}
@media (max-width: 834px) {
  .under__main-cont-inner {
    width: 100%;
    padding-inline: 0px;
  }
}

/* サイド余白 */
.padding-inline {
  padding-inline: 2rem;
}
@media (max-width: 834px) {
  .padding-inline {
    padding-inline: 0;
  }
}

/* -------------------------
 * スタイル
 * ------------------------- */
/* ノイズ背景 */
/*黒*/
.bg-noise--black {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url(../img/common/noise.png), #000;
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/common/noise.png), #000;
}

/*白**/
.bg-noise--gray {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(138, 142, 147, 0.95)), to(rgba(138, 142, 147, 0.95))), url(../img/common/noise.png), #8a8e93;
  background: linear-gradient(rgba(138, 142, 147, 0.95), rgba(138, 142, 147, 0.95)), url(../img/common/noise.png), #8a8e93;
}

/* 矢印ボタン */
.arrow-icon {
  background-color: #000;
  color: #fff;
  border-radius: 50px;
  width: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0;
}
.arrow-icon .material-symbols-outlined {
  font-size: 16px;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.with-arrow-icon:hover .material-symbols-outlined {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

/* 左側英字見出し */
.left-side-ttl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  position: absolute;
  left: 2%;
  top: 60px;
  z-index: 6;
  font-size: 1.6rem;
}
@media (max-width: 834px) {
  .left-side-ttl {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    position: relative;
    left: auto;
    top: 50px;
    padding-left: 5%;
  }
}

/* -------------------------
 * ページネーション
 * ------------------------- */
.news__pagination {
  margin: 100px auto 0;
  text-align: center;
  line-height: 1;
}
@media (max-width: 834px) {
  .news__pagination {
    margin-top: 30px;
    font-size: 16px;
  }
}
.news__pagination .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(10px, 5%, 30px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.news__pagination .page-numbers {
  color: rgba(255, 255, 255, 0.5);
}
.news__pagination .page-numbers.current {
  color: #fff;
}

.pagination__arrow:hover.pagination__arrow--next .material-symbols-outlined {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
.pagination__arrow:hover.pagination__arrow--prev .material-symbols-outlined {
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}

/* -------------------------
 * case, newsスタイル
 * ------------------------- */
.no-post-txt {
  font-size: 1.6rem;
}

.single-page__back-btn {
  margin: 100px auto 0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.7em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
}
@media (max-width: 834px) {
  .single-page__back-btn {
    margin-top: 30px;
  }
}/*# sourceMappingURL=under.css.map */