Ara韓国語学院オンライン校
https://araschool.info
2026-08-30T16:31:57+09:00
-
text/html
2026-08-20T01:36:00+09:00
【2026年10月】関西のK-POP・韓国イベント情報｜ライブ・ファンミ・韓国文化イベント
https://araschool.info/info/6883822
<style><!--
.ara-online-oct26-guide{
--red:#a6192e;
--navy:#17213c;
--soft:#faf7f7;
--light:#f6f7f9;
--yellow:#fff8e7;
--blue:#eef5fb;
--border:#e3e5e9;
max-width:800px;
margin:0 auto;
color:#252525;
font-family:-apple-system,BlinkMacSystemFont,
"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
line-height:1.85;
}
.ara-online-oct26-guide *{
box-sizing:border-box;
}
.ara-online-oct26-guide a{
overflow-wrap:anywhere;
}
.ara-online-oct26-guide .hero{
position:relative;
overflow:hidden;
padding:43px 22px;
color:#fff;
text-align:center;
background:
radial-gradient(circle at 16% 18%,rgba(255,255,255,.15),transparent 28%),
radial-gradient(circle at 87% 83%,rgba(255,255,255,.10),transparent 27%),
linear-gradient(135deg,var(--navy),var(--red));
border-radius:18px;
}
.ara-online-oct26-guide .hero::after{
position:absolute;
top:-48px;
right:-26px;
content:"10";
width:160px;
height:160px;
color:rgba(255,255,255,.07);
font-size:84px;
font-weight:800;
line-height:160px;
border:1px solid rgba(255,255,255,.12);
border-radius:50%;
}
.ara-online-oct26-guide .label{
position:relative;
z-index:1;
display:inline-block;
padding:5px 14px;
margin-bottom:13px;
font-size:12px;
font-weight:700;
letter-spacing:.1em;
background:rgba(255,255,255,.18);
border-radius:30px;
}
.ara-online-oct26-guide h1{
position:relative;
z-index:1;
margin:0 0 13px;
color:#fff;
font-size:clamp(25px,6vw,39px);
line-height:1.45;
}
.ara-online-oct26-guide .hero p{
position:relative;
z-index:1;
max-width:660px;
margin:0 auto;
font-size:14px;
}
.ara-online-oct26-guide .content{
padding:28px 22px;
margin-top:22px;
background:#fff;
border:1px solid var(--border);
border-radius:16px;
}
.ara-online-oct26-guide h2{
margin:0 0 15px;
color:var(--navy);
font-size:24px;
line-height:1.55;
}
.ara-online-oct26-guide .intro-point{
padding:19px;
margin:21px 0;
background:var(--yellow);
border-left:5px solid var(--red);
border-radius:5px 12px 12px 5px;
}
.ara-online-oct26-guide .intro-point strong{
display:block;
margin-bottom:5px;
color:#6d4b0b;
}
.ara-online-oct26-guide .event-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:11px;
margin:22px 0;
}
.ara-online-oct26-guide .event-card{
padding:17px;
background:var(--light);
border-radius:12px;
}
.ara-online-oct26-guide .event-card strong{
display:block;
margin-bottom:5px;
color:var(--red);
font-size:15px;
}
.ara-online-oct26-guide .event-card span{
display:block;
margin-top:3px;
color:#666;
font-size:13px;
}
.ara-online-oct26-guide .more-box{
padding:19px;
margin:23px 0;
background:var(--blue);
border-radius:12px;
}
.ara-online-oct26-guide .more-box strong{
display:block;
margin-bottom:6px;
color:var(--navy);
}
.ara-online-oct26-guide .article-button{
display:block;
max-width:560px;
padding:16px 19px;
margin:27px auto 0;
color:#fff !important;
font-weight:700;
text-align:center;
text-decoration:none !important;
background:var(--red);
border-radius:50px;
transition:.2s;
}
.ara-online-oct26-guide .article-button:hover{
opacity:.9;
transform:translateY(-1px);
}
.ara-online-oct26-guide .online-box{
padding:29px 22px;
margin-top:25px;
text-align:center;
background:var(--soft);
border-radius:16px;
}
.ara-online-oct26-guide .online-box h2{
margin:0 0 10px;
font-size:24px;
}
.ara-online-oct26-guide .online-lead{
max-width:650px;
margin:0 auto 20px;
}
.ara-online-oct26-guide .benefits{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:9px;
max-width:660px;
margin:20px auto;
}
.ara-online-oct26-guide .benefit{
padding:15px 10px;
color:var(--navy);
font-size:13px;
font-weight:700;
background:#fff;
border:1px solid #e6dade;
border-radius:11px;
}
.ara-online-oct26-guide .trial-button{
display:inline-block;
min-width:260px;
padding:14px 25px;
margin-top:8px;
color:#fff !important;
font-weight:700;
text-decoration:none !important;
background:var(--navy);
border-radius:50px;
}
.ara-online-oct26-guide .small-link{
display:block;
margin-top:13px;
color:var(--red) !important;
font-size:13px;
font-weight:700;
}
.ara-online-oct26-guide .note{
padding:15px;
margin-top:22px;
color:#777;
font-size:12px;
text-align:left;
background:#fff;
border-radius:10px;
}
@media(max-width:620px){
.ara-online-oct26-guide .hero{
padding:33px 16px;
border-radius:14px;
}
.ara-online-oct26-guide .content{
padding:22px 17px;
}
.ara-online-oct26-guide .event-grid{
grid-template-columns:1fr;
}
.ara-online-oct26-guide .benefits{
grid-template-columns:1fr;
}
.ara-online-oct26-guide .article-button,
.ara-online-oct26-guide .trial-button{
display:block;
width:100%;
min-width:0;
}
}
--></style>
<article class="ara-online-oct26-guide"><header class="hero">
<div class="label">KOREAN EVENT × ONLINE KOREAN</div>
<h1>【2026年10月】<br /> 関西のK-POP・韓国イベント情報</h1>
<p>K-POPライブ、韓国俳優のファンミーティング、 サイン会、韓国映画・文化イベントまで。 10月の注目イベントをチェック！</p>
</header>
<section class="content">
<h2>10月の関西は韓国イベントがいっぱい！</h2>
<p>2026年10月は、大阪を中心にK-POPアーティストのライブや 韓国俳優のイベント、ファンミーティングなど 韓国好きには気になるイベントが多数予定されています。</p>
<p>Ara韓国語学院の公式ブログでは、 大阪・神戸・京都で開催される韓国関連イベントを 日程・会場・チケット・抽選情報とともにまとめました。</p>
<div class="intro-point"><strong> 🎤 推しに会う前にチェック！ </strong> ファンミーティングやライブで韓国語が少し分かるだけでも、 MCやコメントをリアルタイムで理解できる楽しさが ぐっと広がります。</div>
<div class="event-grid">
<div class="event-card"><strong>10月1日｜大阪</strong> PENTAGON <span>10th Anniversary Tour</span></div>
<div class="event-card"><strong>10月2日・3日｜大阪</strong> チ・チャンウク <span>Japan Tour ～Just Come With～</span></div>
<div class="event-card"><strong>10月4日｜大阪</strong> BAE JINYOUNG <span>JAPAN FANMEETING</span></div>
<div class="event-card"><strong>10月4日｜大阪</strong> xikers <span>2nd FANMEETING</span></div>
<div class="event-card"><strong>10月15日｜大阪</strong> QWER <span>2nd TOUR ROCKATION</span></div>
<div class="event-card"><strong>10月17日｜大阪</strong> XLOV <span>ASIA TOUR <Serving-X></span></div>
<div class="event-card"><strong>10月25日｜大阪</strong> WHIB <span>FAN CONCERT [BLUE HOUR]</span></div>
<div class="event-card"><strong>10月29日｜大阪</strong> N.Flying <span>LIVE '&CON5 : into REM'</span></div>
</div>
<div class="more-box"><strong> ライブ以外のイベントも！ </strong> NEXZ・ALPHA DRIVE ONE・KO1KEYZの 購入者限定イベントやサイン会、 神戸のK-POPコンテスト、 京都のK-POPダンスイベント、 韓国映画・韓国伝統工芸・現代舞台芸術なども紹介しています。</div>
<p>詳細記事では、イベント情報だけでなく <strong>公式チケットサイトや抽選申込ページへのリンク</strong>も まとめています。</p>
<a class="article-button" href="https://aracommunication.net/info/6883807" target="_blank" rel="noopener noreferrer"> 🎫 2026年10月 関西の韓国イベントを詳しく見る </a></section>
<section class="online-box">
<h2>推しの韓国語、直接分かったらもっと楽しい。</h2>
<p class="online-lead">ライブのMC、ファンミーティングでの一言、 WeverseやSNSでのメッセージ。<br /> 翻訳を見る前に韓国語のまま理解できるようになると、 K-POPや韓国ドラマの楽しみ方も変わってきます。</p>
<div class="benefits">
<div class="benefit">💻 全国どこからでも<br /> オンライン受講</div>
<div class="benefit">🗣 会話・発音を<br /> しっかり練習</div>
<div class="benefit">🌱 初心者から<br /> スタートOK</div>
</div>
<p>Ara韓国語学院オンライン校なら、 教室に通うのが難しい方でも 自宅から韓国語レッスンを始められます。</p>
<a class="trial-button" href="https://r.goope.jp/ara-online/contact" target="_blank" rel="noopener noreferrer"> オンライン無料体験レッスンはこちら </a> <a class="small-link" href="https://araschool.info/" target="_blank" rel="noopener noreferrer"> Ara韓国語学院 オンライン校を見る → </a>
<div class="note">※公演日時・出演者・会場・チケット販売状況・抽選条件等は 変更される場合があります。イベント参加前には必ず各主催者・ アーティスト公式サイトの最新情報をご確認ください。</div>
</section>
</article>
<p>2026年10月に関西で開催される韓国イベントを紹介。PENTAGON、チ・チャンウク、BAE JINYOUNG、xikers、QWER、XLOV、WHIB、N.FlyingなどK-POPライブ・ファンミーティング・韓国文化イベント情報をまとめました。</p>
-
text/html
2026-08-19T03:25:00+09:00
【2026年最新】韓国ドラマ人気ランキングTOP10｜韓ドラで楽しく韓国語を学ぼう！
https://araschool.info/info/6882634
<!--
Ara韓国語学院 Araオンライン校
2026年韓国ドラマ記事 お知らせ・誘導ページ
-->
<style>
.ara-kdrama-notice{
--ara-red:#b51f32;
--ara-red-dark:#921829;
--ara-navy:#17243d;
--ara-bg:#f7f8fb;
--ara-line:#e5e8ee;
--ara-text:#252a34;
max-width:900px;
margin:0 auto;
color:var(--ara-text);
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",
"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;
line-height:1.9;
font-size:16px;
}
.ara-kdrama-notice *{box-sizing:border-box}
.ara-kdrama-notice .hero{
padding:46px 38px;
margin:0 0 28px;
border-radius:24px;
color:#fff;
background:
radial-gradient(circle at 92% 12%,rgba(181,31,50,.82),transparent 32%),
linear-gradient(135deg,#17243d 0%,#273b60 62%,#6e1e2b 100%);
}
.ara-kdrama-notice .label{
display:inline-block;
margin-bottom:13px;
padding:5px 11px;
border:1px solid rgba(255,255,255,.35);
border-radius:999px;
font-size:12px;
font-weight:700;
letter-spacing:.06em;
}
.ara-kdrama-notice h1{
margin:0 0 16px;
color:#fff;
font-size:clamp(27px,5vw,40px);
line-height:1.42;
}
.ara-kdrama-notice .hero p{
margin:0;
color:rgba(255,255,255,.93);
}
.ara-kdrama-notice .box{
padding:27px;
margin:24px 0;
border:1px solid var(--ara-line);
border-radius:18px;
background:#fff;
box-shadow:0 8px 24px rgba(23,36,61,.05);
}
.ara-kdrama-notice h2{
margin:0 0 13px;
color:var(--ara-navy);
font-size:23px;
line-height:1.5;
}
.ara-kdrama-notice p{margin:0 0 16px}
.ara-kdrama-notice p:last-child{margin-bottom:0}
.ara-kdrama-notice .points{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin:22px 0;
}
.ara-kdrama-notice .point{
padding:15px 12px;
text-align:center;
border-radius:13px;
background:var(--ara-bg);
color:var(--ara-navy);
font-size:13px;
font-weight:700;
}
.ara-kdrama-notice .article-btn{
display:block;
margin:26px 0 12px;
padding:18px 20px;
border-radius:14px;
text-align:center;
color:#fff !important;
background:var(--ara-red);
font-weight:800;
text-decoration:none !important;
transition:.2s ease;
}
.ara-kdrama-notice .article-btn:hover{
background:var(--ara-red-dark);
transform:translateY(-1px);
}
.ara-kdrama-notice .trial{
margin-top:30px;
padding:26px;
text-align:center;
border-radius:18px;
background:#fff5f6;
border:1px solid #efdde0;
}
.ara-kdrama-notice .trial strong{
display:block;
margin-bottom:8px;
color:var(--ara-navy);
font-size:19px;
}
.ara-kdrama-notice .trial a{
display:inline-block;
margin-top:12px;
padding:12px 20px;
border:1px solid var(--ara-red);
border-radius:999px;
color:var(--ara-red) !important;
font-weight:800;
text-decoration:none !important;
}
.ara-kdrama-notice .note{
margin-top:18px;
color:#777f8b;
font-size:12px;
}
@media(max-width:680px){
.ara-kdrama-notice{font-size:15px}
.ara-kdrama-notice .hero{padding:36px 22px;border-radius:19px}
.ara-kdrama-notice h1{font-size:29px}
.ara-kdrama-notice .box{padding:22px 19px}
.ara-kdrama-notice .points{grid-template-columns:1fr}
}
</style>
<article class="ara-kdrama-notice">
<header class="hero">
<div class="label">Ara 韓国ドラマシリーズ #01</div>
<h1>【2026年最新】<br>韓国ドラマ人気ランキングTOP10を公開しました！</h1>
<p>全国・オンラインで韓国語を学ぶ方・韓国ドラマが好きな方へ</p>
</header>
<section class="box">
<h2>2026年、次に観たい韓国ドラマは？</h2>
<p>韓国ドラマが好きな全国の皆さまへ。Ara韓国語学院の公式ブログに、2026年に注目したい韓国ドラマTOP10をまとめた最新記事を公開しました。</p>
<p>
2026年に話題となっている作品の中から、
恋愛・アクション・サスペンス・時代劇など幅広いジャンルをピックアップ。
「次は何を観よう？」と迷っている方にも楽しんでいただける内容です。
</p>
<div class="points">
<div class="point">2026年の注目作<br>TOP10</div>
<div class="point">あらすじ・キャスト<br>見どころ紹介</div>
<div class="point">ドラマで楽しむ<br>韓国語ポイント</div>
</div>
<p>好きな韓国ドラマをきっかけに、「字幕なしで少しでも聞き取れるようになりたい」と思ったことはありませんか？ Araオンライン校なら、お住まいの地域に関係なく、自宅から韓国語レッスンを受講できます。</p>
<a class="article-btn"
href="https://aracommunication.net/info/6882606?utm_source=ara-online&utm_medium=referral&utm_campaign=kdrama_2026&utm_content=online_info"
data-ara-event="article_click"
data-campus="online"
data-content="kdrama_2026">
2026年 韓国ドラマ人気ランキングTOP10を見る →
</a>
<p class="note">
※記事はAra韓国語学院公式ブログ（Ara Communication）に移動します。
</p>
</section>
<section class="trial">
<strong>韓国語が分かると、韓国ドラマはもっと面白い。</strong>
<p>近くに韓国語教室がない方や、自宅で学びたい方は、Araオンライン校の無料体験レッスンをご利用ください。</p>
<a href="https://r.goope.jp/ara-online/contact"
data-ara-event="trial_click"
data-campus="online"
data-placement="kdrama_notice_bottom">
Araオンライン校｜無料体験レッスンはこちら →
</a>
</section>
</article>
-
text/html
2026-08-12T00:08:00+09:00
2026年カレンダー
https://araschool.info/info/6875586
<p><a href="https://cdn.goope.jp/224160/260812000947-6a7b3b3b8eb75.png" target="_blank"><img src="https://cdn.goope.jp/224160/260812000947-6a7b3b3b8eb75.png" alt="ダウンロード.png" /></a></p>
-
text/html
2026-08-11T23:16:00+09:00
オンライン接続方法
https://araschool.info/info/6875561
<!--
【Ara韓国語学院 オンライン校｜オンライン接続方法 SEO決定版】
【Goopeページ設定】
ページタイトル：
韓国語オンラインレッスンの接続方法｜Google Meet・PC・スマホ対応｜Ara韓国語学院
メタディスクリプション：
Ara韓国語学院オンライン校の接続方法を初心者向けに分かりやすく解説。Google Meetを使い、PC・Windows・Mac・スマートフォン・タブレットから受講できます。レッスン前の準備、入室方法、カメラ・マイク確認、遅刻・キャンセル時の注意点までご案内します。
【推奨URL】
https://araschool.info/connect/
【このページの役割】
・/flow/「レッスンの流れ」から接続方法の詳細ページとして内部リンク
・無料体験ページから「オンライン接続方法」として内部リンク
・旧案内ページ https://araschool.jp/info/3228017 の接続情報・動画をオンライン校用に再構成
・旧ページの動画：https://www.youtube.com/embed/7PGiMSGherY
・旧ページ掲載画像：https://cdn.goope.jp/43527/161031233838-5817576e0fe44.png
【重要】
旧ページには「通信設定や接続テスト等のサポートは行いません」と記載されています。
本ページもそれを尊重し、サポートを行うとは記載しません。
-->
<script type="application/ld+json">// <![CDATA[
{
"@context":"https://schema.org",
"@graph":[
{
"@type":"EducationalOrganization",
"@id":"https://araschool.info/#online-school",
"name":"Ara韓国語学院 オンライン校",
"url":"https://araschool.info/"
},
{
"@type":"WebPage",
"@id":"https://araschool.info/connect/#page",
"url":"https://araschool.info/connect/",
"name":"韓国語オンラインレッスンの接続方法｜Google Meet・PC・スマホ対応｜Ara韓国語学院",
"inLanguage":"ja",
"about":{"@id":"https://araschool.info/#online-school"},
"description":"Ara韓国語学院オンライン校のGoogle Meet接続方法、受講端末、事前準備、入室時の注意点をご案内します。"
},
{
"@type":"BreadcrumbList",
"@id":"https://araschool.info/connect/#breadcrumb",
"itemListElement":[
{
"@type":"ListItem",
"position":1,
"name":"Ara韓国語学院 オンライン校",
"item":"https://araschool.info/"
},
{
"@type":"ListItem",
"position":2,
"name":"オンライン接続方法",
"item":"https://araschool.info/connect/"
}
]
}
]
}
// ]]></script>
<style><!--
.ara-connect,.ara-connect *{box-sizing:border-box}
.ara-connect{
--red:#ef596f;
--red2:#d8435a;
--navy:#26324f;
--text:#404650;
--muted:#6f7884;
--line:#dce6f0;
--blue:#4f7fae;
--blue2:#386b9c;
--soft:#eaf3fb;
--soft2:#f5f9fd;
--green:#32aa78;
--yellow:#f4b740;
--shadow:0 10px 28px rgba(38,50,79,.08);
width:100%;
max-width:820px;
margin:0 auto;
color:var(--text);
font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",YuGothic,Meiryo,sans-serif;
line-height:1.8;
}
.ara-connect a{text-decoration:none}
.ara-connect img{display:block;max-width:100%;height:auto}
.ara-connect .shell{overflow:hidden;background:#fbfdff}
.ara-connect .hero{
padding:34px 16px 38px;
text-align:center;
background:
radial-gradient(circle at 8% 8%,rgba(213,232,249,.95),transparent 27%),
radial-gradient(circle at 94% 8%,rgba(255,228,234,.55),transparent 23%),
linear-gradient(180deg,#fbfdff,#f1f7fc);
}
.ara-connect .eyebrow{
display:inline-block;
margin:0;
padding:7px 13px;
color:var(--blue2);
font-size:12px;
font-weight:900;
background:#e5f0fa;
border-radius:999px;
}
.ara-connect h1{
margin:13px 0 0;
color:var(--navy);
font-size:clamp(31px,8vw,48px);
line-height:1.3;
}
.ara-connect h1 span{color:var(--blue2)}
.ara-connect .hero-copy{
margin:15px auto 0;
color:var(--navy);
font-size:19px;
font-weight:900;
line-height:1.6;
}
.ara-connect .lead{
max-width:680px;
margin:12px auto 0;
color:var(--muted);
font-size:14px;
}
.ara-connect .trust{
display:grid;
gap:10px;
margin:-7px 14px 0;
padding:16px;
background:#fff;
border:1px solid var(--line);
border-radius:20px;
box-shadow:var(--shadow);
}
.ara-connect .trust-item{display:flex;align-items:center;gap:11px}
.ara-connect .trust-icon{
display:flex;align-items:center;justify-content:center;
flex:0 0 40px;width:40px;height:40px;
color:#fff;font-size:11px;font-weight:900;
background:linear-gradient(135deg,var(--blue),var(--blue2));
border-radius:50%;
}
.ara-connect .trust-item strong{display:block;color:var(--navy);font-size:14px}
.ara-connect .trust-item span{display:block;color:var(--muted);font-size:12px}
.ara-connect .section{padding:52px 16px 0}
.ara-connect .kicker{
margin:0;
color:var(--red2);
font-size:12px;
font-weight:900;
letter-spacing:.1em;
text-align:center;
}
.ara-connect h2{
margin:7px 0 0;
color:var(--navy);
font-size:25px;
line-height:1.45;
text-align:center;
}
.ara-connect .section-text{
max-width:670px;
margin:13px auto 0;
color:var(--muted);
font-size:14px;
text-align:center;
}
.ara-connect .device-grid,.ara-connect .step-grid,.ara-connect .check-grid{
display:grid;
gap:11px;
margin-top:22px;
}
.ara-connect .device-card,.ara-connect .check-card{
padding:17px;
background:#fff;
border:1px solid var(--line);
border-radius:17px;
}
.ara-connect .device-icon{
display:flex;align-items:center;justify-content:center;
width:38px;height:38px;margin-bottom:10px;
color:#fff;font-size:11px;font-weight:900;
background:linear-gradient(135deg,var(--blue),var(--blue2));
border-radius:50%;
}
.ara-connect .device-card h3,.ara-connect .check-card h3{
margin:0;
color:var(--navy);
font-size:16px;
}
.ara-connect .device-card p,.ara-connect .check-card p{
margin:6px 0 0;
color:var(--muted);
font-size:13px;
}
.ara-connect .video{
position:relative;
width:100%;
margin-top:22px;
overflow:hidden;
aspect-ratio:16/9;
background:#111;
border:1px solid var(--line);
border-radius:18px;
box-shadow:var(--shadow);
}
.ara-connect .video iframe{display:block;width:100%;height:100%;border:0}
.ara-connect .old-image{
margin-top:18px;
padding:14px;
background:#fff;
border:1px solid var(--line);
border-radius:18px;
box-shadow:var(--shadow);
}
.ara-connect .old-image img{width:100%;border-radius:12px}
.ara-connect .caption{
margin:8px 0 0;
color:var(--muted);
font-size:11px;
text-align:center;
}
.ara-connect .step{
position:relative;
padding:19px 17px 19px 70px;
background:#fff;
border:1px solid var(--line);
border-radius:17px;
box-shadow:0 8px 20px rgba(38,50,79,.05);
}
.ara-connect .step-num{
position:absolute;
left:17px;
top:19px;
display:flex;align-items:center;justify-content:center;
width:37px;height:37px;
color:#fff;font-size:11px;font-weight:900;
background:linear-gradient(135deg,var(--blue),var(--blue2));
border-radius:50%;
}
.ara-connect .step h3{margin:0;color:var(--navy);font-size:17px}
.ara-connect .step p{margin:6px 0 0;color:var(--muted);font-size:13px}
.ara-connect .important{
margin-top:22px;
padding:20px;
background:#fffaf0;
border:1px solid #f1d9a3;
border-radius:19px;
}
.ara-connect .important h3{
margin:0;
color:var(--navy);
font-size:18px;
text-align:center;
}
.ara-connect .important-list{
margin:15px 0 0;
padding:0;
list-style:none;
}
.ara-connect .important-list li{
position:relative;
margin-top:10px;
padding-left:26px;
color:var(--muted);
font-size:13px;
}
.ara-connect .important-list li:before{
content:"!";
position:absolute;
left:0;top:2px;
display:flex;align-items:center;justify-content:center;
width:18px;height:18px;
color:#fff;font-size:11px;font-weight:900;
background:var(--yellow);
border-radius:50%;
}
.ara-connect .support-note{
margin-top:16px;
padding:15px;
color:var(--muted);
font-size:12px;
background:#edf5fc;
border:1px solid var(--line);
border-radius:14px;
}
.ara-connect .support-note strong{color:var(--navy)}
.ara-connect .link-grid{display:grid;gap:9px;margin-top:18px}
.ara-connect .link-button{
display:flex;align-items:center;justify-content:center;
min-height:49px;
padding:11px 13px;
color:var(--navy)!important;
font-size:13px;
font-weight:900;
text-align:center;
background:#fff;
border:1px solid var(--line);
border-radius:13px;
}
.ara-connect .cta{padding:50px 16px 28px}
.ara-connect .cta-panel{
padding:25px 18px;
text-align:center;
background:linear-gradient(180deg,#eaf3fb,#fff);
border:1px solid var(--line);
border-radius:22px;
}
.ara-connect .cta-panel h2{margin:0;font-size:22px}
.ara-connect .cta-panel p{margin:9px 0 0;color:var(--muted);font-size:13px}
.ara-connect .cta-btn{
display:flex;align-items:center;justify-content:center;
min-height:58px;
margin-top:17px;
padding:15px 18px;
color:#fff!important;
font-size:17px;
font-weight:900;
background:linear-gradient(135deg,#ff6d81,#ee536a);
border-radius:15px;
box-shadow:0 12px 22px rgba(239,86,108,.26);
}
.ara-connect details{
margin-top:10px;
overflow:hidden;
background:#fff;
border:1px solid var(--line);
border-radius:14px;
}
.ara-connect summary{
position:relative;
padding:15px 42px 15px 15px;
color:var(--navy);
font-size:14px;
font-weight:800;
cursor:pointer;
list-style:none;
}
.ara-connect summary::-webkit-details-marker{display:none}
.ara-connect summary:after{
content:"＋";
position:absolute;
right:15px;
color:var(--blue);
font-size:20px;
}
.ara-connect details[open] summary:after{content:"−"}
.ara-connect .answer{padding:0 15px 16px;color:var(--muted);font-size:13px}
@media(min-width:640px){
.ara-connect .trust{grid-template-columns:repeat(2,1fr);margin-left:28px;margin-right:28px}
.ara-connect .section{padding-left:28px;padding-right:28px}
.ara-connect .device-grid,.ara-connect .check-grid{grid-template-columns:repeat(2,1fr)}
.ara-connect .link-grid{grid-template-columns:repeat(2,1fr)}
.ara-connect .cta{padding-left:28px;padding-right:28px}
}
--></style>
<div class="ara-connect">
<div class="shell">
<section class="hero">
<p class="eyebrow">HOW TO CONNECT</p>
<h1>韓国語オンラインレッスンの<br /><span>接続方法</span></h1>
<p class="hero-copy">Google Meetでかんたん接続。<br /> レッスン前に準備しておけば安心です。</p>
<p class="lead">Ara韓国語学院ではGoogle Meetを使用します。 PC・スマートフォン・タブレットから受講可能。 このページでは、レッスン前の準備から入室までを順番にご案内します。</p>
</section>
<section class="trust">
<div class="trust-item">
<div class="trust-icon">Meet</div>
<div><strong>Google Meet</strong><span>案内された接続情報から入室</span></div>
</div>
<div class="trust-item">
<div class="trust-icon">PC</div>
<div><strong>Windows / Mac</strong><span>カメラ・マイクが必要です</span></div>
</div>
<div class="trust-item">
<div class="trust-icon">SP</div>
<div><strong>iPhone / Android</strong><span>スマートフォンでも受講可能</span></div>
</div>
<div class="trust-item">
<div class="trust-icon">50</div>
<div><strong>マンツーマン50分</strong><span>接続後はそのままレッスン開始</span></div>
</div>
</section>
<section class="section">
<p class="kicker">BEFORE LESSON</p>
<h2>まず準備するもの</h2>
<div class="device-grid">
<article class="device-card">
<div class="device-icon">PC</div>
<h3>パソコン</h3>
<p>Windows・Macで接続可能です。PCの場合はカメラとマイクをご準備ください。</p>
</article>
<article class="device-card">
<div class="device-icon">SP</div>
<h3>スマートフォン</h3>
<p>iOS・Androidから接続できます。通信が安定した環境での受講をおすすめします。</p>
</article>
<article class="device-card">
<div class="device-icon">TAB</div>
<h3>タブレット</h3>
<p>画面が大きく、教材を確認しながら受講しやすい端末です。</p>
</article>
<article class="device-card">
<div class="device-icon">WiFi</div>
<h3>インターネット環境</h3>
<p>映像と音声を使用するため、安定した通信環境をご準備ください。</p>
</article>
</div>
</section>
<section class="section">
<h2>動画で見る<br />かんたん接続方法</h2>
<p class="section-text">初めての方はレッスン前に一度ご確認ください。</p>
<p class="section-text"><img src="https://cdn.goope.jp/43527/200814142346-5f361fe245451.png" /></p>
</section>
<section class="section">
<h2>レッスン当日の<br />接続手順</h2>
<div class="step-grid">
<article class="step">
<div class="step-num">01</div>
<h3>接続情報を確認</h3>
<p>レッスン前に案内されたGoogle Meetの接続情報をご確認ください。</p>
</article>
<article class="step">
<div class="step-num">02</div>
<h3>開始前に端末を準備</h3>
<p>PC・スマートフォン・タブレットを準備し、インターネット接続を確認します。</p>
</article>
<article class="step">
<div class="step-num">03</div>
<h3>Google Meetへ入室</h3>
<p>案内された接続先から入室します。</p>
</article>
<article class="step">
<div class="step-num">04</div>
<h3>カメラ・マイクを確認</h3>
<p>講師の声が聞こえるか、自分の声と映像が相手に届くかを確認します。</p>
</article>
<article class="step">
<div class="step-num">05</div>
<h3>50分のレッスン開始</h3>
<p>接続できたらそのままマンツーマン韓国語オンラインレッスンを開始します。</p>
</article>
</div>
</section>
<section class="section">
<p class="kicker">IMPORTANT</p>
<h2>接続・受講時の<br />注意事項</h2>
<div class="important">
<h3>レッスン前にご確認ください</h3>
<ul class="important-list">
<li>通信設定や接続テスト等は、受講者ご自身で事前にご確認ください。</li>
<li>通信料などの費用が発生する場合は、受講者負担となります。</li>
<li>PCはWindows・Macに対応し、カメラとマイクが必要です。スマートフォンはiOS・Androidから接続できます。</li>
<li>授業開始後10分以内に入室されていない場合は、レッスンキャンセル扱いとなります。</li>
<li>授業開始から3分を過ぎても担当講師が入室しない場合は、スクールへご連絡ください。</li>
<li>予約時の参加確認で「参加する／しない」を選択した場合、改めて同じ内容をご返信いただく必要はありません。</li>
<li>前日・当日のキャンセルや、参加確認を間違えて選択した場合、変更を希望する場合はスクールへご連絡ください。</li>
</ul>
</div>
<div class="support-note"><strong>安定した受講のために</strong><br /> レッスン開始直前ではなく、少し余裕を持って端末・通信・カメラ・マイクをご確認ください。</div>
</section>
<section class="section"></section>
<section class="section">
<h2 class="ara-trial-other-title" id="ara-other-schools-title" style="overflow-wrap: anywhere; font-size: 17px; margin: 0px; color: #26324f; line-height: 1.5; letter-spacing: 0.5px;">他の校舎をご希望の方</h2>
<p class="ara-trial-other-text" style="overflow-wrap: anywhere; margin: 7px 0px 0px; color: #747881; font-size: 12px; text-align: center; letter-spacing: 0.5px;">通いやすい教室やオンラインレッスンもお選びいただけます。</p>
<p class="ara-trial-other-text" style="overflow-wrap: anywhere; margin: 7px 0px 0px; color: #747881; font-size: 12px; text-align: center; letter-spacing: 0.5px;"><a class="ara-trial-other-link" href="https://araschoolblog.com/" target="_blank" rel="noopener" style="text-align: start; transition: 0.4s; overflow-wrap: anywhere; color: #26324f; display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 11px 13px; font-size: 13px; font-weight: bold; background: #ffffff; border: 1px solid #e3e6ec; border-radius: 12px;">大阪高槻の韓国語教室｜大阪高槻校</a></p>
<nav class="ara-trial-other-nav" aria-label="Ara韓国語学院の他教室一覧" style="overflow-wrap: anywhere; display: grid; gap: 9px; margin-top: 15px; color: #3f4248; font-size: 12px; letter-spacing: 0.5px;"><a class="ara-trial-other-link" href="https://araschool.jp/" target="_blank" rel="noopener" style="transition: 0.4s; overflow-wrap: anywhere; color: #26324f; display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 11px 13px; font-size: 13px; font-weight: bold; background: #ffffff; border: 1px solid #e3e6ec; border-radius: 12px;">神戸三宮の韓国語教室｜神戸三宮校</a><a class="ara-trial-other-link" href="https://araschool.net/" target="_blank" rel="noopener" style="transition: 0.4s; overflow-wrap: anywhere; color: #26324f; display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 11px 13px; font-size: 13px; font-weight: bold; background: #ffffff; border: 1px solid #e3e6ec; border-radius: 12px;">西宮北口の韓国語教室｜西宮北口校</a><a class="ara-trial-other-link" href="https://araschool1.com/" target="_blank" rel="noopener" style="transition: 0.4s; overflow-wrap: anywhere; color: #26324f; display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 11px 13px; font-size: 13px; font-weight: bold; background: #ffffff; border: 1px solid #e3e6ec; border-radius: 12px;">大阪梅田の韓国語教室｜大阪梅田校</a><a class="ara-trial-other-link" href="https://araschool.info/" target="_blank" rel="noopener" style="transition: 0.4s; overflow-wrap: anywhere; color: #26324f; display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 11px 13px; font-size: 13px; font-weight: bold; background: #ffffff; border: 1px solid #e3e6ec; border-radius: 12px;">オンライン韓国語レッスン｜オンライン校</a></nav></section>
<section class="cta"></section>
</div>
</div>