@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300&display=swap');
/* ================================================
   Kadence高度なテキストブロックからSWELL装飾を完全除去
   ================================================ */
.post_content h2.wp-block-kadence-advancedheading,
.post_content h3.wp-block-kadence-advancedheading,
.post_content h4.wp-block-kadence-advancedheading {
    background: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: none !important;
    box-shadow: none !important;
    position: static !important;
}
.post_content h2.wp-block-kadence-advancedheading::before,
.post_content h2.wp-block-kadence-advancedheading::after,
.post_content h3.wp-block-kadence-advancedheading::before,
.post_content h3.wp-block-kadence-advancedheading::after,
.post_content h4.wp-block-kadence-advancedheading::before,
.post_content h4.wp-block-kadence-advancedheading::after {
    content: none !important;
    display: none !important;
    background: none !important;
}
/* ================================================
   流れるアニメーション
   ================================================ */
.fp-marquee-outer {
  overflow: hidden;
  width: 100%;
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000 18%,
    #000 82%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000 18%,
    #000 82%,
    transparent 100%
  );
}
.fp-marquee-track {
  display: flex;
  width: max-content;
  animation: fp-marquee 36s linear infinite;
}
.fp-marquee-item {
  font-family: 'Inter', sans-serif;
  font-size: clamp(60px, 10vw, 96px);
  font-weight: 700;
  color: #E6F1FB;
  opacity: 0.5;
  white-space: nowrap;
  letter-spacing: 0.04em;
  line-height: 1;
  padding-right: 100px;
  user-select: none;
}
@keyframes fp-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* ================================================
   メニュー関係
   ================================================ */
/* ハンバーガーボタンを非表示 */
.c-iconBtn.-menuBtn.c-plainBtn {
  display: none !important;
}
/* ================================================
   感想ボックス
   ================================================ */
.cap_box_content {
  height: 100%;
}
.swell-block-capbox {
  height: 100%;
}
.kt-row-column-wrap {
  align-items: stretch;
}
.swell-block-capbox {
  height: 100%;
}
/* スクロールの線 */
.scroll-line {
  animation: scroll 2s infinite;
  background: linear-gradient(
    to bottom,
    #0B2D5C,
    #2F73D9,
    #CFE4F7
  );
  width: 4px;
  height: 200px;
  border-radius: 2px;
}

/* アニメーションのキー */
@keyframes scroll {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  51% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}

/* スクロールのテキスト */
.scroll-text {
  font-family: 'Chillax Variable', sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #526277;
  letter-spacing: 0.12em;
}