@charset "UTF-8";
/* ブレイクポイント指定 */
/* 

フォント読み込み

⚫︎使い方

@include font-face('Lora', 'fonts/Lora', 400, italic, ttf);
@include font-face('Samplinal', 'fonts/Samplinal', bold, normal, eot woff2 woff);
-----------------------------------------------------------------------------------*/
/* 

上向き(upward)、右向き(rightward)、下向き(downward)、左向き(leftward)、左上(upper-left)、右上(upper-right)、右下(lower-right)、左下(lower-left)の８方向から選択します


@include triangle(upward, 20px, 15px, #cd5c5c);

@include triangle(upper-left, 12px, 12px);
---*/
/* font */
/* コンテンツ幅の左右補博 */
@media screen and (min-width: 769px) {
  .block-page-infos,
  .block-page-content {
    padding: 0 clamp(0rem, calc(-58.0985915493px + 15.4929577465vw), 10.3125rem);
  }
}

/* 記事ページのヘッダー */
.block-page-infos {
  margin-bottom: 2.125rem;
}
.block-page-infos__inner {
  padding-bottom: 0.4375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.125rem;
  border-bottom: 1px solid #231815;
}

/* ===============================
   CMS Blocks (単独パーツ)
=============================== */
/* ---------------------------
   ページタイトル（h1）
--------------------------- */
.block-page-title {
  /* h1 block */
  text-align: center;
  font-size: 2.625rem;
  line-height: 1.21;
  margin-bottom: 2.3125rem;
}
@media screen and (max-width: 1439px) {
  .block-page-title {
    font-size: 2.375rem;
  }
}
@media screen and (max-width: 768px) {
  .block-page-title {
    font-size: 1.875rem;
  }
}

/* ---------------------------
   画像ブロック（figure）
--------------------------- */
.block-figure {
  /* figure block */
  margin-bottom: 1.875rem;
  max-width: 100%;
}
.block-figure--size-short {
  margin-inline: auto;
  width: 15rem;
}

/* ---------------------------
   セクション見出し（h2）
--------------------------- */
.block-heading-2 {
  /* h2 block */
  margin-bottom: 1.25rem;
  font-size: 1.625rem;
}
@media screen and (max-width: 768px) {
  .block-heading-2 {
    font-size: 1.25rem;
  }
}

/* ---------------------------
   セクション見出し（h3）
--------------------------- */
.block-heading-3 {
  font-size: 1.25rem;
  margin-bottom: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .block-heading-3 {
    font-size: 1.125rem;
  }
}

/* ---------------------------
   通常本文（p）
--------------------------- */
.block-text {
  /* paragraph block */
  font-size: 0.875rem;
  line-height: 1.75;
  margin-bottom: 1.25rem;
}
.block-text a {
  text-decoration: underline;
}

/* ---------------------------
   囲い文字
--------------------------- */
.block-box-text {
  /* h3 block */
  border: 2px solid #727171;
  border-radius: 0.625rem;
  margin-bottom: 2.1875rem;
  font-size: 1.375rem;
  font-weight: 600;
  -webkit-transition: ease 0.2s;
  transition: ease 0.2s;
}
@media screen and (max-width: 768px) {
  .block-box-text {
    font-size: 1.125rem;
  }
}
.block-box-text__inner {
  /* span 内側 */
  background-color: #e4e4e4;
  display: block;
  margin: 0.25rem;
  text-align: center;
  padding: 1.125rem 0.5rem;
  border-radius: 0.375rem;
  -webkit-transition: ease 0.2s;
  transition: ease 0.2s;
}
.block-box-text:hover {
  border-color: rgb(91.2, 90.4, 90.4);
}
.block-box-text:hover .block-box-text__inner {
  opacity: 1;
  background-color: rgb(205.2, 205.2, 205.2);
}
.block-box-text--border-wide {
  border-width: 5px;
}
.block-box-text--border-wide .block-box-text__inner {
  margin: 1px;
  border-radius: 0.3125rem;
}

/* ---------------------------
   罫線で挟み文字
--------------------------- */
.block-lined-text {
  border-width: 3px;
  border-color: #727171;
  border-top-style: solid;
  border-bottom-style: solid;
  color: #727171;
  text-align: center;
  font-size: 1.625rem;
  padding: 1.0625rem 0.1875rem;
  font-weight: 500;
  margin-bottom: 1.5625rem;
}
@media screen and (max-width: 768px) {
  .block-lined-text {
    font-size: 1.125rem;
  }
}

/* ---------------------------
   区切り線（hr）
--------------------------- */
.block-divider {
  /* hr block */
  display: block;
  height: 1px;
  background-color: #231815;
  border: none;
  margin-bottom: 1.5625rem;
}

.block-iframe-movie {
  aspect-ratio: 2/1.1;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 1.875rem;
}
.block-iframe-movie iframe {
  width: 100%;
  height: 100%;
}

.block-movie-link {
  position: relative;
  margin-bottom: 1.875rem;
}
.block-movie-link__arw {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 3.125rem;
}/*# sourceMappingURL=single-blocks.css.map */