/* ⑦ inCruisesとは：正式ロゴCTA追加・PC1600px */
#incruises-intro{
  --navy:#102d67;
  --blue:#1e57c6;
  --gold:#c9a457;
  --line:#bdd3e9;
  --orange:#f28a16;
  --orange-dark:#d96a00;
  --soft:#fffdf8;
  --text:#1c1c1c;
  background:#fff;
  color:var(--text);
  padding:80px 0 90px;
  font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
#incruises-intro *{box-sizing:border-box}
#incruises-intro .ic-wrap{width:min(1600px,calc(100% - 36px));margin:0 auto}
#incruises-intro .ic-header{text-align:center}
#incruises-intro h2{margin:0;color:var(--navy);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:46px;line-height:1.16;font-weight:800;letter-spacing:.02em}
#incruises-intro .ic-subtitle{margin:14px auto 0;max-width:1450px;color:var(--navy);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:26px;line-height:1.4;font-weight:700}
#incruises-intro .ic-title-lines{display:grid;grid-template-columns:1fr 210px 1fr;align-items:center;gap:28px;width:1420px;max-width:100%;margin:4px auto 28px;color:var(--gold);font-size:17px}
#incruises-intro .ic-title-lines span,#incruises-intro .ic-panel-ornament span{height:1px;background:var(--gold);opacity:.75}
#incruises-intro .ic-lead{margin:0 auto 34px;max-width:1450px;color:var(--navy);font-size:24px;line-height:1.45;font-weight:800}

#incruises-intro .ic-map-area{position:relative;height:555px;margin:0 auto;width:1500px;max-width:100%}
#incruises-intro .ic-world-map{position:absolute;left:135px;top:0;width:1225px;height:440px;object-fit:cover;display:block;opacity:.96}
#incruises-intro .ic-pop{position:absolute;margin:0}
#incruises-intro .ic-pop img{display:block;width:100%;height:auto}
#incruises-intro .ic-pop-text{position:absolute;color:var(--navy);font-size:24px;line-height:1.18;font-weight:800;letter-spacing:.02em}
#incruises-intro .ic-pop-text small{display:block;margin-top:6px;font-size:14px;line-height:1.22;font-weight:800}
#incruises-intro .ic-pop-1{left:0;top:30px;width:370px}.ic-pop-1 .ic-pop-text{left:155px;top:31px;width:205px}
#incruises-intro .ic-pop-2{left:0;top:245px;width:370px}.ic-pop-2 .ic-pop-text{left:168px;top:34px;width:190px}
#incruises-intro .ic-pop-3{right:0;top:30px;width:392px}.ic-pop-3 .ic-pop-text{left:158px;top:28px;width:220px}
#incruises-intro .ic-pop-4{right:0;top:265px;width:392px}.ic-pop-4 .ic-pop-text{left:158px;top:25px;width:220px}
#incruises-intro .ic-pop-5{left:540px;top:260px;width:360px}.ic-pop-5 .ic-pop-text{left:150px;top:30px;width:185px}

#incruises-intro .ic-ribbon{width:820px;max-width:90%;margin:4px auto 18px;padding:11px 20px;border-radius:4px;background:var(--navy);color:#fff;text-align:center;font-size:24px;line-height:1;font-weight:800;box-shadow:0 3px 6px rgba(0,0,0,.16)}
#incruises-intro .ic-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 18px}
#incruises-intro .ic-feature-card{position:relative;display:grid;grid-template-columns:84px 1fr;grid-template-rows:auto 1fr;column-gap:16px;min-height:190px;padding:20px 22px 18px 96px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 3px 8px rgba(26,63,95,.16)}
#incruises-intro .ic-feature-card .ic-letter{position:absolute;left:18px;top:18px;width:46px;height:46px;border-radius:6px;background:var(--navy);color:#fff;font-size:25px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(16,45,103,.25)}
#incruises-intro .ic-feature-card img{grid-row:1 / span 2;width:78px;height:78px;object-fit:contain;align-self:center}
#incruises-intro .ic-feature-card h3{margin:0 0 8px;color:var(--navy);font-size:22px;line-height:1.2;font-weight:900}
#incruises-intro .ic-feature-card p{margin:0;color:#222;font-size:14.5px;line-height:1.45;font-weight:700}

#incruises-intro .ic-detail-panel{position:relative;display:grid;grid-template-columns:1fr 460px;align-items:center;gap:34px;margin-top:18px;padding:40px 34px 24px 60px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 4px 9px rgba(26,63,95,.16)}
#incruises-intro .ic-panel-ornament{position:absolute;left:340px;right:255px;top:18px;display:grid;grid-template-columns:1fr 175px 1fr;gap:18px;align-items:center;color:var(--gold);font-size:14px}
#incruises-intro .ic-panel-copy h3{margin:0 0 8px;color:var(--navy);font-size:25px;line-height:1.18;font-weight:900}
#incruises-intro .ic-panel-copy p{margin:0;color:#222;font-size:14.5px;line-height:1.5;font-weight:700}
#incruises-intro .ic-detail-cta-wrap{width:460px;margin:0 auto}
#incruises-intro .ic-detail-cta{display:grid;grid-template-columns:145px 1fr 26px;align-items:center;gap:14px;min-height:78px;padding:10px 14px;border:2px solid var(--orange);border-radius:12px;background:#fff;box-shadow:0 5px 10px rgba(40,35,30,.18);text-decoration:none}
#incruises-intro .ic-logo-wrap{display:flex;align-items:center;justify-content:center;padding:5px 7px;border:1px solid #f3cfaa;border-radius:8px;background:#fff}
#incruises-intro .ic-logo-wrap img{display:block;width:100%;height:auto}
#incruises-intro .ic-cta-text{display:flex;flex-direction:column;gap:5px;min-width:0}
#incruises-intro .ic-cta-text strong{color:var(--orange-dark);font-size:21px;line-height:1.15;font-weight:800}
#incruises-intro .ic-cta-text small{color:var(--navy);font-size:13px;line-height:1.2;font-weight:700}
#incruises-intro .ic-cta-arrow{color:var(--orange-dark);font-size:38px;line-height:1;font-weight:800;text-align:center}
#incruises-intro .ic-detail-cta:hover{transform:translateY(-1px);box-shadow:0 7px 14px rgba(40,35,30,.20)}
#incruises-intro .ic-detail-cta:focus-visible{outline:3px solid rgba(30,87,198,.28);outline-offset:3px}

@media(max-width:900px){
  #incruises-intro{padding:48px 0 60px}
  #incruises-intro .ic-wrap{width:calc(100% - 20px)}
  #incruises-intro h2{font-size:32px}
  #incruises-intro .ic-lead{font-size:17px}
  #incruises-intro .ic-map-area{height:auto;display:flex;flex-direction:column;gap:12px}
  #incruises-intro .ic-world-map,#incruises-intro .ic-pop{position:relative;left:auto!important;right:auto!important;top:auto!important;width:100%!important}
  #incruises-intro .ic-pop-text{font-size:20px}
  #incruises-intro .ic-feature-grid{grid-template-columns:1fr}
  #incruises-intro .ic-detail-panel{grid-template-columns:1fr;padding:40px 20px 22px}
  #incruises-intro .ic-panel-ornament{left:25px;right:25px}
  #incruises-intro .ic-detail-cta-wrap{width:100%;margin:22px 0 0}
  #incruises-intro .ic-detail-cta{grid-template-columns:120px 1fr 24px}
}

/* =========================================================
   スマートフォン専用（2026-08-28 第5段階）
   ・max-width:768px のみ。PC版（769px以上）は一切変更しない
   ・世界地図はビジュアルとして残し、5つの信用情報は読みやすいテキスト帯へ
   ・A〜Dの4カード（＋導入リボン）はスマホでは非表示（HTMLからは削除しない）
   ========================================================= */
@media(max-width:768px){

  #incruises-intro{ padding:28px 0 36px; }

  /* --- 見出し --- */
  #incruises-intro h2{ font-size:22px; line-height:1.45; letter-spacing:0; }
  /* サブタイトルはスマホでは非表示（PC版では従来どおり表示） */
  #incruises-intro .ic-subtitle{ display:none; }
  #incruises-intro .ic-title-lines{
    grid-template-columns:1fr auto 1fr;
    gap:12px;
    margin:8px auto 16px;
  }
  #incruises-intro .ic-lead{
    font-size:17px;
    line-height:1.7;
    text-align:left;
    margin-bottom:18px;
  }

  /* --- 世界地図：全体が見えるビジュアルとして表示（切り取らない） --- */
  #incruises-intro .ic-map-area{ gap:6px; }
  #incruises-intro .ic-world-map{
    height:auto !important;
    object-fit:contain !important;
    border-radius:8px;
    margin-bottom:6px;
  }

  /* --- 5つの吹き出し：フレーム画像はやめ、既存テキストを信用情報帯として表示 --- */
  #incruises-intro .ic-pop img{ display:none; }
  #incruises-intro .ic-pop{
    padding:11px 9px;
    border:1px solid var(--line);
    border-left:3px solid var(--gold);
    border-radius:8px;
    background:var(--soft);
  }
  #incruises-intro .ic-pop-text{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:auto !important;
    font-size:15px;
    line-height:1.55;
    letter-spacing:-.02em;
  }
  #incruises-intro .ic-pop-text br{ display:none; }   /* 1行で表示する */
  /* 1行にしたときの区切り（スマホのみ） */
  #incruises-intro .ic-sp-comma::before{ content:"、"; }
  /* CLIA加盟：世界最大の…　を1行に続けて表示する */
  #incruises-intro .ic-pop-text small{
    display:inline;
    margin-top:0;
    font-size:14px;
    line-height:1.55;
    letter-spacing:-.02em;
  }
  #incruises-intro .ic-pop-text small::before{ content:"："; }

  /* --- A〜Dの4カードはスマートフォンでは非表示 ---
         （説明が重複しページが長くなるため。HTMLからは削除していない。
           導入見出しのリボンも中身が無くなるため一緒に非表示にする）      */
  #incruises-intro .ic-ribbon{ display:none; }
  #incruises-intro .ic-feature-grid{ display:none; }

  /* --- 最終CTAパネル（見出し・説明文・ボタン）はスマホでは非表示 ---
         HTMLからは削除しておらず、PC版では従来どおり表示される        */
  #incruises-intro .ic-detail-panel{ display:none; }

}