@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
*/

/* セクションタイトルSVG */
.section-heading-svg {
  display: block;
  margin: 50px auto;
  height: 60px;
  width: auto;
}

/* ============================
   スクロールアニメーション 初期状態
   ============================ */

/* FV: SWELLのアニメーションに任せる */

/* スクロールアニメーション対象要素 */
.gs-fade-up {
  opacity: 0;
  transform: translateY(30px);
}
/* FVサブコピー：FF Market */
.p-mainVisual__slideText {
  font-family: 'hello-bloomie-script', cursive;
  font-size: 4.5vw !important;
  
}

/* FV: テキストのドロップシャドウを消す */
.p-mainVisual__textLayer {
  text-shadow: none !important;
}

/* SP: FVサブコピーのサイズ調整 */
@media (max-width: 768px) {
  .p-mainVisual__slideText {
    font-size: 8vw !important;
  }
}

/* SP: SECTION_02 Messageカード調整 */
@media (max-width: 768px) {
  .msg-card,
  .msg-card img,
  .msg-card canvas {
    width: 170px !important;
    max-width: 170px;
  }
  .msg-title-wrap {
    white-space: nowrap;
    padding: 10px 14px;
    width: max-content;
    max-width: none;
  }
  .msg-title {
    font-size: 13px;
    letter-spacing: 0.1em;
  }
  .msg-card {
    overflow: visible;
  }
  .msg-name {
    white-space: nowrap;
    width: max-content;
  }
  .msg-item {
    margin-bottom: 60px;
  }
  .msg-item:last-child {
    margin-bottom: 0;
  }
}

/* SP: SECTION_03 番号(1〜3)のサイズ調整 */
@media (max-width: 768px) {
  .is-style-section_ttl {
    font-size: 24px !important;
  }
}

/* SP: SECTION_03 番号・見出し・画像のコンパクト化 */
@media (max-width: 768px) {
  .swell-block-fullWide .wp-block-image.size-large {
    width: 70%;
    margin: 0 auto 16px;
  }
  h1.is-style-section_ttl {
    font-size: 16px !important;
    margin-bottom: 0 !important;
  }
  h2.has-huge-font-size {
    font-size: 20px !important;
    line-height: 1.5;
  }
}

/* SP: SECTION_02 タイトル(#1〜#3)の縦並び・折り返し修正 */
@media (max-width: 768px) {
  .msg-title-wrap {
    flex-direction: column;
    align-items: flex-start;
    white-space: normal !important;
    width: 220px !important;
    max-width: 220px !important;
    gap: 4px;
    padding: 10px 14px;
  }
  .msg-num {
    font-size: 16px;
  }
  .msg-title {
    font-size: 18px !important;
    line-height: 1.5;
    letter-spacing: 0.02em !important;
    white-space: normal;
  }
}


/* SP: SECTION_03 写真→タイトル→リード文の順に統一 */
@media (max-width: 768px) {
  .swell-block-columns__inner > .swell-block-column:nth-child(1) { order: 1; }
  .swell-block-columns__inner > .swell-block-column:nth-child(2) { order: 2; }
  .swell-block-columns__inner > .swell-block-column:nth-child(3) { order: 4; }
  .swell-block-columns__inner > .swell-block-column:nth-child(4) { order: 3; }
  .swell-block-columns__inner > .swell-block-column:nth-child(5) { order: 5; }
  .swell-block-columns__inner > .swell-block-column:nth-child(6) { order: 6; }
}


/* SP: SECTION_03 写真とタイトル間の余白を縮小(216px→40px)、ブロック間は100px */
@media (max-width: 768px) {
  .swell-block-columns__inner:has(> :nth-child(6)) {
    row-gap: 40px;
  }
  .swell-block-columns__inner:has(> :nth-child(6)) > .swell-block-column:nth-child(2),
  .swell-block-columns__inner:has(> :nth-child(6)) > .swell-block-column:nth-child(3),
  .swell-block-columns__inner:has(> :nth-child(6)) > .swell-block-column:nth-child(6) {
    margin-bottom: 60px;
  }
}


/* PC: SECTION_02 タイトル内のSP用改行を非表示(横並び1行に戻す) */
@media (min-width: 769px) {
  .msg-title br.sp-only {
    display: none;
  }
}


/* SP: ヘッダーのハンバーガーメニュー・カスタムボタンを非表示(ロゴのみ表示) */
@media (max-width: 768px) {
  .l-header__menuBtn,
  .l-header__customBtn {
    display: none !important;
  }
}