/* inCruises TOP セクション（承認画像 reference_original.png 準拠 / 971×1620基準） */
.ic-top6{
  width:100%;
  margin:0;
  padding:0;
  background:#fcfaf8;
  overflow:hidden;
}
.ic-top6__canvas{
  display:block;
  width:100%;
  height:auto;
  max-width:971px;
  margin:0 auto;
}
.ic-top6 .t6fo{
  -webkit-text-size-adjust:100%; text-size-adjust:100%;
  width:100%;
  height:100%;
  box-sizing:border-box;
  margin:0;
  padding:0;
  color:#1c1310;
  font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP","Noto Serif CJK JP",serif;
  font-feature-settings:"palt" 1;
  -webkit-font-smoothing:antialiased;
}
.ic-top6 .t6fo p{margin:0;padding:0}

/* 見出し1行目 */
.ic-top6 .t6-h1{ text-align:center; }
.ic-top6 .t6-h1h{ margin:0; padding:0; font-weight:inherit; }
.ic-top6 .t6-h1l1{
  display:block; text-align:center; font-size:78px; line-height:80px;
}
.ic-top6 .t6-h1l1 .d{font-size:48px;font-weight:700;letter-spacing:.01em}
.ic-top6 .t6-h1l1 .g{
  font-size:78px;font-weight:700;letter-spacing:.005em;
  background:linear-gradient(180deg,#dd8a1c 0%,#b25601 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  padding:0 6px;
}
/* 見出し2行目 */
.ic-top6 .t6-h1l2{
  display:block; text-align:center; font-size:62px; line-height:110px;
}
.ic-top6 .t6-ch2 h2,.ic-top6 .t6-lh2 h2{margin:0;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;background:inherit;-webkit-background-clip:text;background-clip:text;letter-spacing:inherit}
.ic-top6 .t6-h1l2 .g2{
  font-size:62px;font-weight:700;letter-spacing:.005em;
  background:linear-gradient(180deg,#d1710d 0%,#a94a01 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ic-top6 .t6-h1l2 .br{
  font-size:60px;font-weight:400;color:#e8730f;
  font-family:"Times New Roman","Yu Mincho","Hiragino Mincho ProN",serif;
  margin-left:20px;letter-spacing:.005em;
}
/* リード文 */
.ic-top6 .t6-lead{
  font-size:31px;font-weight:500;line-height:54.5px;color:#1c1310;letter-spacing:.005em;
}
.ic-top6 .t6-lead .o{color:#ef4a12}
/* カード */
.ic-top6 .t6-card{fill:#fdfdfd;filter:drop-shadow(0 3px 10px rgba(120,95,70,.10))}
.ic-top6 .t6-ch2{
  display:flex;align-items:center;
  font-size:42px;font-weight:700;line-height:1;letter-spacing:.02em;
  background:linear-gradient(180deg,#c8791a 0%,#8f3401 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ic-top6 .t6-mini{stroke:#daa762;stroke-width:1.4}
.ic-top6 .t6-minid{fill:#d3924a;font-size:15px;text-anchor:middle;font-family:serif}
.ic-top6 .t6-chk{fill:none;stroke:#dc8a24;stroke-width:2.2}
.ic-top6 .t6-chkm{fill:none;stroke:#dc8a24;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ic-top6 .t6-bul{
  font-size:28px;font-weight:500;line-height:45px;color:#1c1310;letter-spacing:.005em;
}
.ic-top6 .t6-bul .o{color:#ef4a12}
/* 下段 */
.ic-top6 .t6-rule{stroke:#c78a3a;stroke-width:2.4}
.ic-top6 .t6-lh2{
  display:flex;align-items:center;justify-content:center;
  font-size:39px;font-weight:700;line-height:1;letter-spacing:.04em;
  background:linear-gradient(180deg,#c07822 0%,#8d3202 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ic-top6 .t6-cbg{fill:rgba(255,255,255,.72)}
.ic-top6 .t6-cst{fill:none;stroke:#e08a2a;stroke-width:2.2}
.ic-top6 .t6-arw{fill:none;stroke:#d98c2c;stroke-width:9;stroke-linecap:round}
.ic-top6 .t6-arwh{fill:#d98c2c}
.ic-top6 .t6-ring{fill:none;stroke-width:9;stroke-linecap:round}
.ic-top6 .t6-lbl{
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-size:24px;font-weight:500;line-height:31px;color:#241811;letter-spacing:.01em;
}
.ic-top6 .t6-lbl .o2{color:#241811}
.ic-top6 .t6-ctr{
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  font-size:40px;font-weight:700;line-height:41px;letter-spacing:.02em;
  background:linear-gradient(180deg,#a85c1a 0%,#8a2f06 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ic-top6 .t6-h1l1,.ic-top6 .t6-h1l2,.ic-top6 .t6-ch2,.ic-top6 .t6-lbl,.ic-top6 .t6-ctr{white-space:nowrap}
.ic-top6 .t6fo .ib{display:block;width:100%}
.ic-top6 .t6-lbl{font-size:22px;line-height:29px}
.ic-top6 .t6-lh2{letter-spacing:.018em}
.ic-top6 .t6-bul{font-size:27px}
.ic-top6 .t6-ch2{font-size:39px;letter-spacing:-.012em}
.ic-top6 .t6-lh2{font-size:34px;letter-spacing:.115em;text-indent:.115em}
.ic-top6 .t6fo,.ic-top6 .t6fo p,.ic-top6 .t6fo span{font-feature-settings:"palt" 1;font-kerning:normal}
.ic-top6 .t6-ctr{font-size:30px;line-height:40px;font-weight:600;letter-spacing:.02em}
.ic-top6 .t6-ring{stroke-width:8}
.ic-top6 .t6-arw{stroke-width:7.5}
.ic-top6 .t6-lbl-c2 .o2{color:#a8400f;font-feature-settings:normal}

.ic-top6 .t6-lbl{font-size:21px;line-height:32px}

/* =========================================================
   スマホのみ：説明文（リード）を読める大きさにするため、
   キャンバスを「タイトルまで」と「その下」に分け、
   間に本物のHTML文字で説明文を置く。
   PC（761px以上）は従来の1枚キャンバスのまま、一切変更しない。
========================================================= */
.ic-top6__sp{ display:none; }

@media (max-width:760px){
  .ic-top6__canvas{ display:none !important; }
  .ic-top6__sp{ display:block; }
  .ic-top6__sp .t6sp-svg{ display:block; width:100%; height:auto; max-width:971px; margin:0 auto; }
  /* 分割後のキャンバス内では、元のリードは出さない */
  .ic-top6__sp .t6-lead{ visibility:hidden; }

  /* 分割で生じる空白を詰める（金のリボン飾りは残す） */
  .ic-top6__sp .t6sp-lead{
    max-width:971px; margin:0 auto; padding:14px 14px 10px;
    font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP","Noto Serif CJK JP",serif;
    /* リード＝本文(17px)より大きく、小見出し(22px)より小さい位置づけ */
    font-size:20px; font-weight:500; line-height:1.8; letter-spacing:0;
    color:#1c1310; text-align:left;
    -webkit-text-size-adjust:100%; text-size-adjust:100%;
  }
  .ic-top6__sp .t6sp-lead .o{ color:#ef4a12; font-weight:700; }
}

/* --- スマホ：会員だからこその価値（小見出し25px／本文17px） --- */
@media (max-width:760px){
  .ic-top6__sp .t6sp-card{
    margin:14px 12px 0; padding:18px 16px 16px;
    border-radius:16px; background:#fdfdfd;
    box-shadow:0 3px 12px rgba(120,95,70,.11);
    font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP","Noto Serif CJK JP",serif;
    -webkit-text-size-adjust:100%; text-size-adjust:100%;
  }
  .ic-top6__sp .t6sp-ch{
    display:flex; align-items:center; justify-content:center; gap:8px;
    margin:0; font-size:25px; font-weight:700; line-height:1.35; letter-spacing:.02em;
    background:linear-gradient(180deg,#c8791a 0%,#8f3401 100%);
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .ic-top6__sp .t6sp-spk{ flex:none; width:19px; height:19px; object-fit:contain; }
  .ic-top6__sp .t6sp-rule{
    display:flex; align-items:center; justify-content:center; gap:8px;
    margin:9px 0 0; color:#d3924a; font-size:12px; line-height:1;
  }
  .ic-top6__sp .t6sp-rule span{ flex:0 1 108px; height:1px; background:#daa762; }
  .ic-top6__sp .t6sp-vals{ margin:15px 0 0; padding:0; list-style:none; }
  .ic-top6__sp .t6sp-vals li{
    display:flex; align-items:flex-start; gap:10px; margin:0 0 13px;
    font-size:17px; font-weight:500; line-height:1.7; letter-spacing:.01em; color:#1c1310;
  }
  .ic-top6__sp .t6sp-vals li:last-child{ margin-bottom:0; }
  .ic-top6__sp .t6sp-chk{ flex:none; width:23px; height:23px; margin-top:3px; }
  .ic-top6__sp .t6sp-vals b{ color:#ef4a12; font-weight:500; }
}

/* --- スマホ：旅が循環する5つのステップ（小見出し22px）／写真は端をぼかす --- */
@media (max-width:760px){
  .ic-top6__sp .t6sp-lh{
    display:flex; align-items:center; justify-content:center; gap:9px;
    margin:26px 10px 12px;
    font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP","Noto Serif CJK JP",serif;
    font-size:22px; font-weight:700; line-height:1.35; letter-spacing:.04em;
    /* 見出しの色は既存のネイビー（ページ内ナビと同じ #1f375d） */
    background:none; -webkit-background-clip:border-box; background-clip:border-box;
    color:#1f375d;
    -webkit-text-size-adjust:100%; text-size-adjust:100%;
  }
  .ic-top6__sp .t6sp-lr{ flex:0 1 36px; min-width:8px; height:2px; background:#c78a3a; }
  .ic-top6__sp .t6sp-lt{ flex:none; white-space:nowrap; }
}

/* --- スマホ：5つのサークルの図解を画面幅いっぱいに、文字は太字 --- */
@media (max-width:760px){
  .ic-top6__sp .spb{ max-width:none; }
  /* 分割の境目に残る旧見出しの端を隠す */
  .ic-top6__sp .t6-lh2{ visibility:hidden; }
  .ic-top6__sp .t6-lbl{ font-weight:700; }
  .ic-top6__sp .t6-ctr{ font-weight:700; }
}

/* =========================================================
   2026-09-06 変更（PC版のみ）：971pxの1枚キャンバスをやめ、
   スマートフォン用に分解済みの部品を使って2段組にする。
   ・上：タイトル（毎月の会費を旅の楽しみに）＋リード
   ・左：会員だからこその価値（3項目）
   ・右：旅が循環する5つのステップ（図）
   ・女性の写真は使わない
   文字はHTMLテキストなので、どの幅でもくっきりする。
   スマートフォン表示には一切影響しない。
   ========================================================= */
/* =========================================================
   2026-09-07　PC版（769px以上）を作り直し
   ─ 3層構成 ─
     層1 背景写真 ：assets/top6/ship-bg.webp をセクション背景に敷き、
                    上端はクリーム色(#fcfaf8)へグラデーションで溶かす
     層2 装飾     ：5つの円の図（SVG）＋アイコンPNG＋きらめき＋飾り罫
     層3 テキスト ：見出し・リード・カードはすべて本物のHTML文字
                    （検索エンジンから読め、あとから文字だけ直せる）
   ・左：会員だからこその価値（3項目）／右：旅が循環する5つのステップ
   ・女性の写真は使わない
   ・スマートフォン表示（760px以下）には一切影響しない
   ========================================================= */
@media (min-width: 769px){

  /* ---- 層1：背景写真 ---- */
  .ic-top6{ position:relative; background:#fcfaf8; }
  .ic-top6::before{
    content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
    background:url("../assets/top6/ship-bg-pc.webp") no-repeat 58% 62% / cover;
    /* 2026-09-07：見本どおり「すかし」として写真が全面に見えるようにした
       （従来は上半分がほぼ真っ白で、写真がまったく見えていなかった） */
    opacity:.50;
    -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.58) 14%,rgba(0,0,0,.84) 34%,#000 52%,#000 100%);
    mask-image:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.58) 14%,rgba(0,0,0,.84) 34%,#000 52%,#000 100%);
  }
  /* 広い画面では少し寄せて、船が主張しすぎない「すかし」にする
     （狭い画面では cover のままにして、写真が途切れないようにしている） */
  @media (min-width:1200px){ .ic-top6::before{ background-size:165% auto; } }
  .ic-top6 > *{ position:relative; z-index:1; }

  /* 旧SVGキャンバスは非表示（マークアップは残す） */
  .ic-top6__canvas{ display:none !important; }
  .ic-top6__sp .t6sp-svg.spt{ display:none !important; }
  .ic-top6__sp .t6-lead{ visibility:hidden; }

  /* ---- 全体の器 ---- */
  .ic-top6__sp{
    display:grid !important;
    /* 見本（1512px）の実測：左右余白60px／左カード691px／右図643px／列間55px */
    box-sizing:border-box;
    grid-template-columns:minmax(0,691fr) minmax(0,643fr);
    column-gap:clamp(22px,3.44vw,55px);
    align-content:start;
    width:min(1512px, calc(100% - 56px));
    margin:0 auto;
    padding:clamp(18px,1.31vw,21px) clamp(20px,3.75vw,60px) clamp(34px,4.06vw,65px);
  }

  /* ---- 層3：見出し（本物のHTML文字） ---- */
  .ic-top6__sp .t6pc-head{
    grid-column:1 / -1;
    position:relative;
    text-align:center;
    padding:0 0 clamp(10px,1.1vw,18px);
  }
  /* 2026-09-07：飾り線が2行目の文字に重なっていたため、1本ものの画像は出さず、
     その左端の巻き（0〜400px）だけを左右に振り分けて文字の外側に置く。
     画像ファイルは増やしていない（既存 ornament-line.png を切り出して使用）。 */
  .ic-top6__sp .t6pc-orn{ display:none; }
  .ic-top6__sp .t6pc-l2{ --fh:clamp(19px,2.75vw,44px); }
  .ic-top6__sp .t6pc-l2::before,
  .ic-top6__sp .t6pc-l2::after{
    content:""; flex:none; align-self:center;
    /* ornament-line.png は 1600×83。左端 0〜18px は小さなヒゲなので使わず、
       51〜392px の巻きの部分だけを見本と同じ大きさ（181×33）で表示する。
       341/83=4.108、51/83=0.6145 の比で高さ --fh から算出している。 */
    height:var(--fh);
    width:calc(4.108 * var(--fh));
    background:url("../assets/top6/ornament-line.png") no-repeat;
    background-size:auto 100%;
    background-position:calc(-0.6145 * var(--fh)) center;
    opacity:.95;
  }
  .ic-top6__sp .t6pc-l2::after{ transform:scaleX(-1); }
  .ic-top6__sp .t6pc-h2{
    margin:0; position:relative;
    font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif;
    font-feature-settings:"palt" 1; font-kerning:normal;
    font-weight:700; line-height:1.18; letter-spacing:.01em;
  }
  .ic-top6__sp .t6pc-l1{
    display:flex; align-items:center; justify-content:center; gap:clamp(8px,.9vw,16px);
    white-space:nowrap;
  }
  .ic-top6__sp .t6pc-l1 .d{ font-size:clamp(32px,3.50vw,56px); color:#1c1310; }
  .ic-top6__sp .t6pc-l1 .g{
    font-size:clamp(42px,4.94vw,79px); padding:0 .04em;
    background:linear-gradient(180deg,#dd8a1c 0%,#b25601 100%);
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .ic-top6__sp .t6pc-spk{ flex:none; width:clamp(24px,2.2vw,34px); height:auto; opacity:.92; }
  .ic-top6__sp .t6pc-l2{
    display:flex; align-items:baseline; justify-content:center; gap:clamp(14px,2.06vw,33px);
    margin-top:clamp(6px,.9vw,15px); white-space:nowrap;
  }
  .ic-top6__sp .t6pc-l2 .g2{
    font-size:clamp(34px,3.13vw,50px);
    background:linear-gradient(180deg,#d1710d 0%,#a94a01 100%);
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .ic-top6__sp .t6pc-l2 .br{
    font-size:clamp(34px,3.44vw,55px); font-weight:400; color:#e8730f;
    font-family:"Times New Roman","Yu Mincho","Hiragino Mincho ProN",serif;
  }

  /* ---- 層3：リード ---- */
  .ic-top6__sp .t6sp-lead{
    grid-column:1 / -1;
    margin:clamp(8px,.9vw,14px) auto clamp(22px,2.3vw,36px) !important;
    max-width:1120px;
    font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif;
    font-size:clamp(19px,1.88vw,30px);
    font-weight:500; line-height:1.70; letter-spacing:.01em;
    text-align:center; color:#1c1310;
  }
  .ic-top6__sp .t6sp-lead .o{ color:#ef4a12; font-weight:700; }

  /* ---- 左：会員だからこその価値 ---- */
  .ic-top6__sp .t6sp-card{
    grid-column:1; grid-row:3 / span 2; align-self:start;
    margin-top:clamp(10px,1.63vw,26px);
    padding:clamp(14px,1.44vw,23px) clamp(18px,2.25vw,36px) clamp(24px,2.4vw,38px);
    border-radius:clamp(14px,1.3vw,20px);
    background:rgba(255,253,249,.96);
    box-shadow:0 4px 18px rgba(120,95,70,.13);
  }
  .ic-top6__sp .t6sp-ch{
    display:flex; align-items:center; justify-content:center; gap:clamp(8px,1.1vw,18px);
    margin:0;
    font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif;
    /* 見本の実測：左カード見出し47px／右見出し35px。同寸だと強弱が消えるため差をつける */
    font-size:clamp(23px,2.94vw,47px); font-weight:700; line-height:1.25; letter-spacing:.02em;
    background:linear-gradient(180deg,#c8791a 0%,#8f3401 100%);
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .ic-top6__sp .t6sp-spk{ flex:none; width:clamp(14px,1.31vw,21px); height:auto; object-fit:contain; }
  .ic-top6__sp .t6sp-rule{
    display:flex; align-items:center; justify-content:center; gap:clamp(8px,.9vw,14px);
    margin:clamp(8px,.9vw,14px) 0 0; color:#d3924a; font-size:13px; line-height:1;
  }
  .ic-top6__sp .t6sp-rule span{ flex:0 1 clamp(90px,10vw,160px); height:1px; background:#daa762; }
  .ic-top6__sp .t6sp-vals{ margin:clamp(16px,1.7vw,26px) 0 0; padding:0; list-style:none; }
  .ic-top6__sp .t6sp-vals li{
    display:flex; align-items:flex-start; gap:clamp(12px,1.94vw,31px);
    margin:0 0 clamp(16px,1.75vw,28px);
    padding:0 0 clamp(16px,1.75vw,28px);
    border-bottom:1px dotted #e3d4bd;
    font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif;
    font-size:clamp(19px,1.81vw,29px);
    font-weight:500; line-height:1.55; letter-spacing:.01em; color:#1c1310;
  }
  .ic-top6__sp .t6sp-vals li:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:0; }
  .ic-top6__sp .t6sp-chk{ flex:none; width:clamp(28px,3.50vw,56px); height:auto; margin-top:0; }
  .ic-top6__sp .t6sp-vals b{ color:#ef4a12; font-weight:500; }

  /* ---- 右：旅が循環する5つのステップ ---- */
  .ic-top6__sp .t6sp-lh{
    grid-column:2; grid-row:3;
    display:flex; align-items:center; justify-content:center; gap:clamp(8px,1.3vw,22px);
    /* カードの上パディングと同じだけ下げ、左右2つの見出しを同じ高さに揃える */
    margin:0 0 clamp(8px,1.19vw,19px);
    font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif;
    font-size:clamp(21px,2.19vw,35px); font-weight:700; line-height:1.25; letter-spacing:.02em;
    background:linear-gradient(180deg,#c8791a 0%,#8f3401 100%);
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .ic-top6__sp .t6sp-lr{ flex:0 1 clamp(36px,4.5vw,72px); min-width:10px; height:2px; background:#c78a3a; }
  .ic-top6__sp .t6sp-lt{ white-space:nowrap; }

  /* ---- 層2：5つの円の図（背景の四角い写真は消して、層1の写真を透かす） ---- */
  .ic-top6__sp .t6sp-svg.spb{
    grid-column:2; grid-row:4;
    /* 見本の円の図は 580px幅・左端823px。列幅どおりだと 558px・左端858px と
       やや小さく右寄りだったため、4%広げて左へ寄せている。 */
    display:block; width:calc(100% + clamp(10px,1.56vw,25px)); height:auto; align-self:start;
    margin-left:calc(-1 * clamp(15px,2.34vw,37px));
  }
  /* 2026-09-07：図の上に、SVG側の見出し「旅が循環する5つのステップ」の下端が
     10pxだけ覗いて二重に見えていたため隠す（HTMLの見出しを上に出しているため不要）。 */
  .ic-top6__sp .spb .t6-lh2{ visibility:hidden; }
  .ic-top6__sp .spb > rect{ display:none !important; }
  .ic-top6__sp .spb image[href$="ship-bg.webp"]{ display:none !important; }
  .ic-top6__sp .spb .t6-cbg{ fill:rgba(255,255,255,.86); }
}

/* PC専用の見出しブロックと改行。スマホでは出さない（スマホ表示は従来のまま）。 */
@media (max-width: 768px){ .ic-top6__sp .t6pc-head{ display:none; } }
.t6pcbr{ display:none; }
@media (min-width: 769px){ .t6pcbr{ display:inline; } }