/* ▼このページ全体の「黒背景」を確実に出すラッパー */
.hwbWrap{
background:#000000 !important;
background-color:#000000 !important;
padding:40px 0 !important;
}

/* ▼コンテンツ本体：中央寄せの土台 */
.hwb{
max-width: 980px !important;
margin: 0 auto !important;
padding: 0 18px !important;
box-sizing: border-box !important;
}
.hwb, .hwb *{ box-sizing: border-box !important; }

/* ======================
修正①：HERO文字をセンター
====================== */
.hwb .hHero{
text-align:center !important;
}
.hwb .hHero .hBadge,
.hwb .hHero .hH1,
.hwb .hHero .hHeroSub,
.hwb .hHero .hHeroNote{
text-align:center !important;
margin-left:auto !important;
margin-right:auto !important;
}

/* 赤ボタン */
.hwb .rBtn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 15px 28px !important;
border-radius: 10px !important;
background: #c0392b !important;
background-color: #c0392b !important;
color: #ffffff !important;
text-decoration: none !important;
font-weight: 700 !important;
font-size: 16px !important;
letter-spacing: .02em !important;
border: none !important;
box-shadow: none !important;
transition: background .22s, transform .22s !important;
animation: hwbPulse 2.4s ease-out infinite !important;
font-family: 'Noto Sans JP', sans-serif !important;
line-height: 1.4 !important;
cursor: pointer !important;
}
.hwb .rBtn:hover {
background: #962d22 !important;
background-color: #962d22 !important;
color: #ffffff !important;
transform: translateY(-3px) !important;
box-shadow: 0 8px 20px rgba(0,0,0,.25) !important;
animation: none !important;
text-decoration: none !important;
}
.hwb .rBtn.lg { font-size: 17px !important; padding: 17px 34px !important; }

@keyframes hwbPulse {
0% { box-shadow: 0 0 0 0 rgba(192,57,43,.5); }
65% { box-shadow: 0 0 0 14px rgba(192,57,43,0); }
100% { box-shadow: 0 0 0 0 rgba(192,57,43,0); }
}

@media(max-width:640px){
.hwb .rBtn,
.hwb .rBtn.lg {
display: flex !important;
width: 100% !important;
font-size: 17px !important;
padding: 17px 16px !important;
box-sizing: border-box !important;
}
}

/* HERO（背景の質感） */
.hwb .hHero{
border-radius: 18px !important;
padding: 56px 28px 48px !important;
background-color: #141414 !important;
background-image:
radial-gradient(ellipse at 50% 12%, rgba(192,57,43,.30) 0%, rgba(20,20,20,0) 58%),
radial-gradient(ellipse at 50% 70%, rgba(0,0,0,.65) 0%, rgba(0,0,0,.85) 62%),
linear-gradient(180deg, #1a1a1a 0%, #141414 100%) !important;
background-repeat: no-repeat !important;
overflow: hidden !important;
margin: 0 auto 32px !important;
}

/* HEROの白抜け防止：文字色強制 */
.hwb .hHero,
.hwb .hHero *{
color: #ffffff !important;
}

/* バッジ */
.hwb .hBadge {
display: inline-block !important;
border: 1px solid #b5933a !important;
color: #b5933a !important;
font-size: 12px !important;
letter-spacing: .14em !important;
padding: 4px 14px !important;
border-radius: 100px !important;
margin-bottom: 18px !important;
font-weight: 500 !important;
font-family: 'Noto Sans JP', sans-serif !important;
background: transparent !important;
}
.hwb .hHero .hH1 {
font-family: 'Noto Serif JP', serif !important;
font-size: clamp(20px, 4.5vw, 34px) !important;
font-weight: 700 !important;
line-height: 1.5 !important;
margin: 0 0 16px !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
}
.hwb .hHeroSub {
color: rgba(255,255,255,.72) !important;
font-size: 14.5px !important;
max-width: 560px !important;
margin: 0 auto 26px !important;
font-family: 'Noto Sans JP', sans-serif !important;
}
.hwb .hHeroNote {
margin-top: 11px !important;
font-size: 12px !important;
color: rgba(255,255,255,.45) !important;
font-family: 'Noto Sans JP', sans-serif !important;
}

@media(max-width:640px){
.hwb .hHero{
padding: 44px 18px 38px !important;
border-radius: 16px !important;
}
}

/* CTA BOX */
.hwb .ctaBox {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #ddd6ce !important;
border-radius: 12px !important;
padding: 28px 24px !important;
margin: 32px auto !important;
box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
text-align: center !important;
}
.hwb .ctaBox .ctaH3 {
font-family: 'Noto Serif JP', serif !important;
font-size: 18px !important;
font-weight: 700 !important;
color: #1a1a1a !important;
margin: 0 0 10px !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
}
.hwb .ctaBox p {
color: #555 !important;
font-size: 14.5px !important;
margin: 0 0 18px !important;
}
.hwb .ctaNote {
margin-top: 10px !important;
font-size: 12.5px !important;
color: #888 !important;
}

/* セクション見出し（黒背景に合わせ白文字） */
.hwb .sH2 {
font-family: 'Noto Serif JP', serif !important;
font-size: clamp(19px, 3.5vw, 25px) !important;
font-weight: 700 !important;
color: #ffffff !important;
margin: 44px 0 20px !important;
padding-bottom: 11px !important;
border-bottom: 2px solid rgba(255,255,255,.75) !important;
position: relative !important;
background: transparent !important;
border-top: none !important; border-left: none !important; border-right: none !important;
}
.hwb .sH2::after {
content: '' !important;
position: absolute !important;
bottom: -2px !important; left: 0 !important;
width: 52px !important; height: 2px !important;
background: #c0392b !important;
}

/* STEP グリッド */
.hwb .stepsGrid {
display: grid !important;
grid-template-columns: repeat(3,1fr) !important;
gap: 14px !important;
margin: 24px 0 !important;
}
@media(max-width:640px){ .hwb .stepsGrid { grid-template-columns: 1fr !important; } }
.hwb .stepCard {
background: #ffffff !important;
border: 1px solid #ddd6ce !important;
border-radius: 12px !important;
padding: 20px 16px !important;
text-align: center !important;
box-shadow: 0 2px 8px rgba(0,0,0,.05) !important;
}
.hwb .stepNum {
display: inline-flex !important;
align-items: center !important; justify-content: center !important;
width: 36px !important; height: 36px !important;
background: #1a1a1a !important;
color: #ffffff !important;
font-weight: 700 !important; font-size: 15px !important;
border-radius: 50% !important; margin-bottom: 10px !important;
font-family: 'Noto Sans JP', sans-serif !important;
}
.hwb .stepCard h4 {
font-family: 'Noto Serif JP', serif !important;
font-size: 14px !important; font-weight: 700 !important;
color: #1a1a1a !important;
margin: 0 0 7px !important; padding: 0 !important; border: none !important;
background: transparent !important;
}
.hwb .stepCard p {
font-size: 13px !important; color: #666 !important;
margin: 0 !important; line-height: 1.6 !important;
}

/* 本文 p（黒背景に合わせ） */
.hwb .bodyP {
font-size: 15.5px !important;
color: rgba(255,255,255,.82) !important;
line-height: 1.85 !important;
margin: 0 0 16px !important;
font-family: 'Noto Sans JP', sans-serif !important;
}

/* ======================
修正③：の背景が白抜けする問題を潰す
→ 背景は常に透明（黒背景が見える）
====================== */
.hwb .bodyP strong,
.hwb strong{
color:#ffffff !important;
font-weight:700 !important;
background: transparent !important;
background-color: transparent !important;
padding: 0 !important;
}

/* PROBLEM グリッド */
.hwb .pgrid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 16px !important; margin: 24px 0 !important;
}
@media(max-width:640px){ .hwb .pgrid { grid-template-columns: 1fr !important; } }
.hwb .pcard {
background: #ffffff !important;
border: 1px solid #ddd6ce !important;
border-radius: 12px !important;
padding: 20px 18px !important;
box-shadow: 0 2px 8px rgba(0,0,0,.05) !important;
}
.hwb .pcardHead {
display: flex !important;
align-items: center !important; gap: 10px !important;
margin-bottom: 14px !important;
}
.hwb .pcardIcon {
width: 36px !important; height: 36px !important;
border-radius: 8px !important;
display: flex !important; align-items: center !important; justify-content: center !important;
font-size: 17px !important; flex-shrink: 0 !important;
}
.hwb .iRed { background: rgba(192,57,43,.10) !important; }
.hwb .iNavy { background: rgba(26,58,108,.10) !important; }
.hwb .pcard h4 {
font-family: 'Noto Serif JP', serif !important;
font-size: 14px !important; font-weight: 700 !important;
color: #1a1a1a !important; margin: 0 !important;
padding: 0 !important; border: none !important; background: transparent !important;
}
.hwb .pcard ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.hwb .pcard ul li {
font-size: 13.5px !important; color: #555 !important;
padding: 6px 0 6px 18px !important;
border-bottom: 1px solid #f0ebe6 !important;
position: relative !important; line-height: 1.65 !important;
list-style: none !important;
}
.hwb .pcard ul li:last-child { border-bottom: none !important; }
.hwb .pcard ul li::before {
content: '▸' !important;
position: absolute !important; left: 0 !important;
color: #c0392b !important; font-size: 10px !important; top: 9px !important;
}

/* ALERT */
.hwb .alertBox {
background: #fff9f9 !important;
border: 1px solid #f0d0cc !important;
border-left: 4px solid #c0392b !important;
border-radius: 12px !important;
padding: 16px 18px !important; margin: 24px 0 !important;
}
.hwb .alertBox .alertTitle {
color: #c0392b !important;
font-weight: 700 !important; font-size: 15px !important;
display: block !important; margin-bottom: 6px !important;
font-family: 'Noto Serif JP', serif !important;
}
.hwb .alertBox p {
color: #555 !important; margin: 0 !important;
font-size: 14px !important; line-height: 1.75 !important;
}

/* CTA mid */
.hwb .ctaMid { text-align: center !important; margin: 32px 0 !important; }
.hwb .ctaSub { margin-top: 9px !important; font-size: 12.5px !important; color: rgba(255,255,255,.65) !important; }

/* CHECKLIST */
.hwb .clBox {
background: #ffffff !important;
border: 1px solid #ddd6ce !important;
border-radius: 12px !important;
padding: 24px 22px !important;
box-shadow: 0 2px 8px rgba(0,0,0,.05) !important;
margin: 24px 0 !important;
}
.hwb .clBox ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.hwb .clBox ul li {
padding: 10px 0 10px 30px !important;
border-bottom: 1px dashed #e8e3de !important;
color: #444 !important; font-size: 14.5px !important;
position: relative !important; list-style: none !important;
}
.hwb .clBox ul li:last-child { border-bottom: none !important; }
.hwb .clBox ul li::before {
content: '□' !important;
position: absolute !important; left: 0 !important;
color: #c0392b !important; font-size: 16px !important;
font-weight: 700 !important; top: 9px !important;
}

/* ===== FAQ（JS不要・CSSだけで開閉） ===== */
.hwb details.faqD{
background:#ffffff !important;
border:1px solid #ddd6ce !important;
border-radius:12px !important;
margin:0 0 10px !important;
overflow:hidden !important;
box-shadow:0 2px 8px rgba(0,0,0,.05) !important;
}
.hwb details.faqD summary{
list-style:none !important;
cursor:pointer !important;
padding:16px 20px !important;
display:flex !important;
align-items:center !important;
gap:12px !important;
font-family:'Noto Serif JP', serif !important;
font-size:15px !important;
font-weight:700 !important;
color:#1a1a1a !important;
}
.hwb details.faqD summary::-webkit-details-marker{ display:none !important; }
.hwb .qBadge{
background:#c0392b !important;
color:#ffffff !important;
font-size:12px !important;
font-weight:700 !important;
padding:2px 8px !important;
border-radius:5px !important;
flex-shrink:0 !important;
font-family:'Noto Sans JP', sans-serif !important;
}
.hwb .faqPlus{
margin-left:auto !important;
font-size:20px !important;
color:#c0392b !important;
line-height:1 !important;
transition:transform .2s !important;
font-family:'Noto Sans JP', sans-serif !important;
font-weight:400 !important;
}
.hwb details.faqD[open] .faqPlus{
transform:rotate(45deg) !important;
}
.hwb .faqA{
padding:0 20px 16px 50px !important;
font-size:14px !important;
color:#555 !important;
line-height:1.8 !important;
}

/* 関連記事 */
.hwb .relList { display: grid !important; gap: 10px !important; margin: 20px 0 !important; }
.hwb .relLink {
display: flex !important; align-items: center !important; gap: 14px !important;
background: #ffffff !important;
border: 1px solid #ddd6ce !important;
border-radius: 12px !important; padding: 15px 16px !important;
text-decoration: none !important; color: #1a1a1a !important;
font-size: 14.5px !important; font-weight: 500 !important;
box-shadow: 0 2px 8px rgba(0,0,0,.05) !important;
transition: border-color .2s, box-shadow .2s !important;
font-family: 'Noto Sans JP', sans-serif !important;
}
.hwb .relLink:hover {
border-color: #c0392b !important;
box-shadow: 0 6px 20px rgba(0,0,0,.10) !important;
color: #c0392b !important; text-decoration: none !important;
}
.hwb .relIcon {
width: 34px !important; height: 34px !important;
background: #f4f1ee !important;
border-radius: 8px !important;
display: flex !important; align-items: center !important; justify-content: center !important;
font-size: 15px !important; flex-shrink: 0 !important;
}
.hwb .relArr { margin-left: auto !important; color: #c0392b !important; font-size: 18px !important; flex-shrink: 0 !important; }

/* ======================
修正④：フッター文字を黒に変更
（スクショ3で白背景になっているため）
====================== */
.hwb .footCta{
border-radius: 18px !important;
padding: 48px 28px !important;
text-align: center !important;
margin: 48px auto 0 !important;
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #ddd6ce !important;
box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
overflow: hidden !important;
}
.hwb .footCta .fH2{
font-family: 'Noto Serif JP', serif !important;
font-size: clamp(19px, 3.5vw, 26px) !important;
font-weight: 700 !important;
color: #1a1a1a !important;
margin: 0 0 12px !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
}
.hwb .footCta p{
color: #444444 !important;
font-size: 14.5px !important;
margin: 0 0 26px !important;
}
.hwb .footNote{
margin-top: 11px !important;
font-size: 12px !important;
color: #666666 !important;
}

/* HR（黒背景用） */
.hwb .hwbHr {
border: none !important;
border-top: 1px solid rgba(255,255,255,.18) !important;
margin: 40px 0 !important;
}

2026年 最新版ガイド

RL360 × HSBC 保有者向け
海外投資の「後悔」を止める
総合点検ガイド

解約・IFA移管・継続のどれが正解か。投資と銀行口座をまとめて整理します。

通常24時間以内に返信 ／ 無理な勧誘は一切なし

まず「現状」を無料で点検できます

解約すべきか／IFA移管で改善できるか／継続が正解か。状況を整理して、選択肢を見える化します。

無料診断フォームへ（入力3分）→

※通常3営業日以内に返信 ／ 無理な勧誘は一切ありません

このページで分かること

1

典型的な後悔パターン

RL360契約者が陥りやすい失敗と判断ミス

2

HSBC口座のリスク

放置すると起きやすいトラブルの全容

3

判断基準の整理

解約・継続・IFA移管、どれが最適かの基準

---

数年後に増える「困りごと」

RL360などのオフショア投資を契約している方の多くは、HSBC香港口座もあわせて保有しています。この組み合わせ自体は珍しくありませんが、投資（商品）と銀行（口座）を別々に放置してしまうと、数年後に問題が同時発生するケースが増えています。

RL360側（投資ストレス）

• 含み損が続き手数料の影響が大きい気がする
• 解約手数料が気になって動けない
• 改善策や出口戦略が分からない
• IFAと連絡が取れない・返信がない

HSBC側（銀行ストレス）

• アプリにログインできない
• KYC・登録情報の更新が不安
• 送金制限や口座凍結が心配
• 届いたレターへの対応が分からない

「今は大丈夫」と思っていませんか？

投資と銀行を別々に放置すると、いざ資金を動かそうとしたときに両側で問題が重なり、身動きが取れなくなります。まずは現状を整理しましょう。

海外資産の無料診断を受ける→

---

海外投資 後悔チェックリスト

以下に1つでも当てはまる場合は、早めに現状確認を行うことをおすすめします。

• 手数料・解約控除の条件を正確に理解していない
• 1年以上、担当IFAと連絡を取っていない
• HSBCから届いたレター・書類を未確認のまま放置している
• 解約手数料（Surrender penalty）の条件を知らない
• 運用資産の出口戦略（いつ・どのように受け取るか）が決まっていない
• 契約時と異なるライフプランになっているが、見直しができていない

無料診断で現状を整理する→

入力3分 ／ 通常3営業日以内に返信

---

よくある質問

Q 解約すると損をしますか？ +

契約から年数が浅い場合、解約手数料が発生します。ただし、解約しないことで手数料の複利負担が大きくなるケースもあるため、「損か得か」は残期間・資産状況・目的によって異なります。無料診断で試算することが可能です。

Q IFA移管とは何ですか？解約との違いは？ +

IFA移管とは、現在の担当IFAから別のIFAへ管理者を変更することです。解約と異なり、RL360契約自体は継続したまま担当者だけを変えられます。連絡が取れないIFAや質の低いサービスに悩んでいる場合に有効な選択肢です。

Q HSBC香港口座が使えなくなることはありますか？ +

KYC（本人確認）の未対応や登録情報の不一致が続くと、口座が凍結・閉鎖されるリスクがあります。定期的な情報更新と利用状況の確認が重要です。

---

関連記事・詳細ガイド

RL360 早期解約手数料（解約控除）の詳しい解説 › IFA移管の方法・手順と注意点 › HSBC香港 口座凍結・閉鎖への対策 ›

無料診断で判断を整理します

解約・IFA移管・継続のどれが最適か、HSBC口座の状態も含めて整理します。無理な勧誘は一切ありません。

無料診断フォームへ進む→

通常3営業日以内に返信

The post 【2026年版】RL360×HSBC保有者向け｜海外投資“後悔”を止める総合点検ガイド first appeared on G Confidence Inc..

]]>