/
home
/
repixa5
/
hi.webproxima.fun
/
New Directory
Upload File
HOME
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AussieNavi | AussieNavi</title> <script> (function(){ var lang; try{ lang=localStorage.getItem('an_lang'); }catch(e){} document.documentElement.className='lang-'+(lang||'jp'); document.addEventListener('DOMContentLoaded',function(){ document.body.classList.add('lang-'+(lang||'jp')); }); })(); </script> <link rel="stylesheet" href="css/shared.css"> <style> .hero{position:relative;height:88vh;min-height:540px;display:flex;align-items:center} /*.hero-bg{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(0,0,0,.72) 0%,rgba(0,0,0,.36) 45%,rgba(0,0,0,.1) 70%),linear-gradient(135deg,#007777 0%,#00a8a8 40%,#3fd2d2 70%,#b2ebf2 100%);background-size:cover;background-position:right center}*/ .hero-bg{position:absolute; inset:0; background-image:url('/New-images/1.png'); background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment:fixed;} .hero-inner{max-width:1120px;margin:auto;width:100%;padding:0 16px} .hero-content{position:relative;max-width:56%;padding:40px 0;color:#fff} .hero h1{font-size:2.5rem;margin:0;line-height:1.22;font-weight:900} .hero h2{font-size:1.15rem;font-weight:500;margin:10px 0 18px;opacity:.95} .hero p{max-width:600px;margin:0 0 8px;opacity:.93;font-size:.97rem} .hbtns{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px} .hbtns a{display:inline-flex;flex-direction:column;gap:2px;padding:13px 20px;border-radius:999px;font-weight:900} .bp{background:var(--coral);color:#fff;box-shadow:0 12px 26px rgba(255,107,107,.35)} .bp:hover{background:#e55a5a} .bs{border:2px solid rgba(255,255,255,.9);color:#fff} @media(max-width:700px){.hero{height:auto;padding:90px 0 50px}.hero-content{max-width:100%}.hero h1{font-size:1.9rem}} .sg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} @media(max-width:900px){.sg{grid-template-columns:repeat(2,1fr)}} @media(max-width:580px){.sg{grid-template-columns:1fr}} .st{background:#fff;border-radius:18px;padding:22px;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.04);display:flex;align-items:flex-start;gap:14px;transition:transform .15s,box-shadow .15s} .st:hover{transform:translateY(-3px);box-shadow:0 16px 28px rgba(0,0,0,.1)} .st .ti{font-size:2rem;flex-shrink:0} .st h4{margin:0 0 2px;font-weight:700}.st small{color:var(--muted);font-size:.8rem;display:block;margin-bottom:5px}.st p{margin:0;font-size:.88rem;color:#444} .stats{background:var(--teal-dark);color:#fff;padding:28px 16px} .si{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center} @media(max-width:640px){.si{grid-template-columns:repeat(2,1fr)}} .sn{font-size:2rem;font-weight:900;margin-bottom:4px}.sl{font-size:.82rem;opacity:.8} </style> </head><body> <header> <div class="nav"> <a href="/" class="brand"> <div class="logo">AN</div> <div> <strong>AussieNavi</strong> <small class="jp-only">オーストラリア留学・ワーホリ ナビ</small> <small class="en-only">Australia Study & Working Holiday</small> </div> </a> <nav> <a href="pages/services.html"><span class="jp-only">サービス</span><span class="en-only">Services</span></a> <a href="pages/shop.html"><span class="jp-only">ショップ</span><span class="en-only">Shop</span></a> <a href="pages/courses.html"><span class="jp-only">コース</span><span class="en-only">Courses</span></a> <a href="pages/info.html"><span class="jp-only">情報</span><span class="en-only">Info</span></a> <a href="pages/blog.html">Blog</a> <a href="pages/contact.html" class="cta"><span class="jp-only">無料相談</span><span class="en-only">Free Consult</span></a> <div class="lang-toggle"> <button class="lang-btn" data-lang="jp">日本語</button> <button class="lang-btn" data-lang="en">EN</button> </div> </nav> <div class="mobile-controls"> <div class="lang-toggle"> <button class="lang-btn" data-lang="jp">日本語</button> <button class="lang-btn" data-lang="en">EN</button> </div> <button class="hamburger" id="hamburgerBtn" aria-label="Open menu" onclick="toggleMobileNav()"> <span></span><span></span><span></span> </button> </div> </div> </header> <div class="mobile-nav" id="mobileNav"> <div class="mobile-nav-overlay" onclick="closeMobileNav()"></div> <div class="mobile-nav-drawer"> <div class="mobile-nav-head"> <a href="/" class="brand" onclick="closeMobileNav()"> <div class="logo">AN</div> <div><strong>AussieNavi</strong></div> </a> <button class="mobile-nav-close" onclick="closeMobileNav()" aria-label="Close">✕</button> </div> <div class="mobile-nav-links"> <a href="pages/services.html" class="" onclick="closeMobileNav()"><span class="jp-only">サービス</span><span class="en-only">Services</span></a> <a href="pages/shop.html" class="" onclick="closeMobileNav()"><span class="jp-only">ショップ</span><span class="en-only">Shop</span></a> <a href="pages/courses.html" class="" onclick="closeMobileNav()"><span class="jp-only">コース</span><span class="en-only">Courses</span></a> <a href="pages/info.html" class="" onclick="closeMobileNav()"><span class="jp-only">情報</span><span class="en-only">Info</span></a> <a href="pages/blog.html" class="" onclick="closeMobileNav()"><span class="jp-only">Blog</span><span class="en-only">Blog</span></a> <a href="pages/contact.html" class="cta" onclick="closeMobileNav()"><span class="jp-only">無料相談</span><span class="en-only">Free Consult</span></a> </div> </div> </div> <section class="hero"><div class="hero-bg" > </div><div class="hero-inner"><div class="hero-content"> <div class="kicker" style="color:rgba(255,255,255,.8)">STUDY • WORK • TRAVEL</div> <h1 class="jp-only">オーストラリア留学・ワーホリの道しるべ。</h1> <h1 class="en-only">Your Guide to Study, Work & Travel in Australia.</h1> <h2 class="jp-only">Your Guide to Study, Work & Travel in Australia</h2> <h2 class="en-only">Bilingual support for Japanese students & WHV holders</h2> <p class="jp-only">AussieNavi（オージーナビ）は、日本人と日本語話者のためのオーストラリア専門サポートです。語学学校・専門学校・大学、ワーホリ・学生ビザ、仕事・生活まで、日本語と英語でナビします。</p> <p class="en-only">AussieNavi is a bilingual support service for Japanese students and young people who want to study, work and live in Australia. We guide you in both Japanese and English — from choosing a school to settling in.</p> <div class="hbtns"> <a class="bp" href="pages/contact.html"><span class="jp-only">無料カウンセリングを予約する</span><span class="en-only">Book a Free Consultation</span></a> <a class="bs" href="pages/services.html"><span class="jp-only">サービスを見る</span><span class="en-only">View Services</span></a> </div> </div></div></section> <div class="stats"><div class="si"> <div><div class="sn">500+</div><div class="sl jp-only">サポート実績</div><div class="sl en-only">Students Supported</div></div> <div><div class="sn">JP/EN</div><div class="sl jp-only">バイリンガル対応</div><div class="sl en-only">Bilingual Support</div></div> <div><div class="sn">5+</div><div class="sl jp-only">対応都市</div><div class="sl en-only">Australian Cities</div></div> <div><div class="sn">FREE</div><div class="sl jp-only">初回相談無料</div><div class="sl en-only">First Consultation</div></div> </div></div> <section class="wrap"> <div class="kicker">SERVICES</div> <h2 class="section-title jp-only">サービス内容</h2><h2 class="section-title en-only">Our Services</h2> <p class="section-sub jp-only">到着前から滞在中まで、必要な情報とサポートを日本語と英語で提供します。</p> <p class="section-sub en-only">We support you before departure, after arrival, and throughout your stay — in Japanese and English.</p> <div class="sg"> <div class="st"><div class="ti">💬</div><div> <h4 class="jp-only">無料カウンセリング</h4><h4 class="en-only">Free Consultation</h4> <small class="jp-only">Free Consultation</small><small class="en-only">No obligation needed</small> <p class="jp-only">まだ何も決まっていなくてもOK。方向性を一緒に整理します。</p> <p class="en-only">Even if you have no plan yet, we'll help clarify your direction.</p> </div></div> <div class="st"><div class="ti">📚</div><div> <h4 class="jp-only">学校・コース紹介</h4><h4 class="en-only">School Matching</h4> <small class="jp-only">School Matching</small><small class="en-only">Find your perfect school</small> <p class="jp-only">語学・VET・大学などを比較し、あなたに合うコースを提案。</p> <p class="en-only">We compare schools and courses that match your goals and budget.</p> </div></div> <div class="st"><div class="ti">🌏</div><div> <h4 class="jp-only">ワーキングホリデー</h4><h4 class="en-only">Working Holiday Visa</h4> <small class="jp-only">WHV guidance</small><small class="en-only">WHV guidance & planning</small> <p class="jp-only">条件・流れ・注意点を分かりやすく整理。</p> <p class="en-only">Clear WHV overview, eligibility, pitfalls and planning support.</p> </div></div> <div class="st"><div class="ti">🎓</div><div> <h4 class="jp-only">学生ビザ</h4><h4 class="en-only">Student Visa</h4> <small class="jp-only">Student Visa</small><small class="en-only">Student visa pathway</small> <p class="jp-only">学生ビザの全体像と、学校選びの基本を整理。</p> <p class="en-only">Understand the student visa pathway and enrolment basics.</p> </div></div> <div class="st"><div class="ti">🏦</div><div> <h4 class="jp-only">到着後の手続き</h4><h4 class="en-only">Arrival Setup</h4> <small class="jp-only">Bank, TFN, SIM</small><small class="en-only">Bank, TFN, SIM & more</small> <p class="jp-only">銀行口座、TFN、交通カードなど最初の手続き。</p> <p class="en-only">First-week essentials: bank, TFN, SIM, transport card.</p> </div></div> <div class="st"><div class="ti">💼</div><div> <h4 class="jp-only">仕事探しの基本</h4><h4 class="en-only">Job-Hunting Basics</h4> <small class="jp-only">Resume, Job Boards</small><small class="en-only">Resume, job boards & interviews</small> <p class="jp-only">レジュメ、求人、面接の基本を整理。</p> <p class="en-only">Australian-style resume, job boards, and interview prep basics.</p> </div></div> </div> <div style="text-align:center;margin-top:28px"> <a href="pages/services.html" style="display:inline-block;background:var(--teal);color:#fff;padding:13px 28px;border-radius:999px;font-weight:800;font-size:1rem"> <span class="jp-only">全サービスを見る →</span><span class="en-only">View All Services →</span> </a> </div> </section> <section class="wrap" style="padding-top:0"> <div class="cta-banner"><div class="cta-text"><b class="jp-only">まずは無料カウンセリングから</b><b class="en-only">Start with a Free Consultation</b><p class="jp-only">何から始めればいいか分からなくてもOK。あなたに合った現実的なプランを一緒に作りましょう。</p><p class="en-only">If you don't know where to start, that's OK. Let's work together to create a realistic plan.</p></div><a href="pages/contact.html"><span class="jp-only">無料相談を予約</span><span class="en-only">Book a free consultation</span></a></div> </section> <footer> <div class="footer-inner"> <div> <h4>AussieNavi</h4> <p class="jp-only" style="color:var(--muted);font-size:.9rem">日本人と日本語話者のためのオーストラリア留学・ワーホリ支援。</p> <p class="en-only" style="color:var(--muted);font-size:.9rem">Bilingual support for Japanese students & young people in Australia.</p> </div> <div> <h4 class="jp-only">ページ</h4><h4 class="en-only">Pages</h4> <a href="pages/services.html"><span class="jp-only">サービス</span><span class="en-only">Services</span></a> <a href="pages/shop.html"><span class="jp-only">ショップ</span><span class="en-only">Shop</span></a> <a href="pages/courses.html"><span class="jp-only">コース</span><span class="en-only">Courses</span></a> <a href="pages/info.html"><span class="jp-only">情報</span><span class="en-only">Info</span></a> <a href="pages/blog.html">Blog</a> </div> <div> <h4 class="jp-only">サポート</h4><h4 class="en-only">Support</h4> <a href="pages/contact.html"><span class="jp-only">お問い合わせ</span><span class="en-only">Contact Us</span></a> <a href="pages/contact.html"><span class="jp-only">無料相談</span><span class="en-only">Free Consultation</span></a> </div> <div> <h4>Legal</h4> <a href="#"><span class="jp-only">プライバシーポリシー</span><span class="en-only">Privacy Policy</span></a> <a href="#"><span class="jp-only">利用規約</span><span class="en-only">Terms</span></a> <a href="#"><span class="jp-only">免責事項</span><span class="en-only">Disclaimer</span></a> </div> </div> <div class="footer-copy">© 2026 AussieNavi. All rights reserved.</div> </footer><a class="whatsapp-float" href="https://wa.me/61412345678" target="_blank" rel="noopener"> <div class="whatsapp-tooltip"><span class="jp-only">WhatsAppで相談</span><span class="en-only">Chat on WhatsApp</span></div> <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 3C9.373 3 4 8.373 4 15c0 2.385.668 4.61 1.826 6.514L4 29l7.686-1.803A12.94 12.94 0 0016 28c6.627 0 12-5.373 12-12S22.627 3 16 3z" fill="#fff"/><path d="M16 5.5c-5.238 0-9.5 4.262-9.5 9.5 0 2.09.677 4.022 1.824 5.592l-1.14 3.374 3.49-1.118A9.458 9.458 0 0016 24.5c5.238 0 9.5-4.262 9.5-9.5S21.238 5.5 16 5.5zm4.98 12.67c-.21.59-1.22 1.13-1.67 1.17-.43.04-.84.19-2.83-.59-2.39-.95-3.93-3.39-4.05-3.55-.12-.16-.97-1.29-.97-2.46 0-1.17.61-1.74.83-1.98.22-.24.48-.3.64-.3l.46.01c.15 0 .35-.06.54.41.21.5.71 1.74.77 1.87.06.12.1.27.02.43-.08.16-.12.26-.24.4-.12.14-.25.31-.36.42-.12.12-.24.25-.1.49.14.24.61.99 1.31 1.6.9.8 1.66 1.05 1.9 1.17.24.12.38.1.52-.06.14-.16.59-.69.75-.93.16-.24.32-.2.54-.12.22.08 1.4.66 1.64.78.24.12.4.18.46.28.06.1.06.59-.15 1.18z" fill="#25D366"/></svg> </a><script src="js/lang.js"></script> <div class="attr-badge" id="attrBadge"> <div class="attr-popup">Design by <a href="https://webproxima.com" target="_blank" rel="noopener">WebProxima</a></div> <div class="attr-i" onclick="document.getElementById('attrBadge').classList.toggle('open')">.</div> </div> <script> document.addEventListener('click', function(e){ var b = document.getElementById('attrBadge'); if(b && !b.contains(e.target)) b.classList.remove('open'); }); </script> <script> (function(){ function toggleMobileNav(){ var n=document.getElementById('mobileNav'); var b=document.getElementById('hamburgerBtn'); if(!n||!b)return; var opening=!n.classList.contains('open'); n.classList.toggle('open'); b.classList.toggle('open'); document.body.style.overflow=opening?'hidden':''; } function closeMobileNav(){ var n=document.getElementById('mobileNav'); var b=document.getElementById('hamburgerBtn'); if(!n||!b)return; n.classList.remove('open'); b.classList.remove('open'); document.body.style.overflow=''; } window.toggleMobileNav=toggleMobileNav; window.closeMobileNav=closeMobileNav; document.addEventListener('keydown',function(e){if(e.key==='Escape')closeMobileNav();}); })(); </script> </body> </html>