/* site.css = style.css + legacy.css + overrides.css を連結（2026-09-03）。編集はこのファイルへ。旧3ファイルは古いブログ記事の参照用に残置 */
/* 育脳寺子屋 天六校 - 案1（現デザイン踏襲＋スマホ最適化） */
* { margin:0; padding:0; box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN","Meiryo",sans-serif; color:#333; font-size:15px; line-height:1.8; background:#fff; }
img { max-width:100%; height:auto; }
a { text-decoration:none; color:#1A48A3; }
main a:hover { text-decoration:underline; }
ul { list-style:none; }
.inner-w { max-width:1030px; margin:0 auto; padding:0 15px; }

/* ===== ヘッダー ===== */
.site-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 15px; max-width:960px; margin:0 auto; flex-wrap:wrap; }
.site-header .logo img { width:299px; height:auto; }
.head-right { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.head-copy { font-size:12px; color:#666; }
.head-tel { font-size:24px; font-weight:bold; color:#BA3639; line-height:1.2; }
.tel-icon { height:1.5em; width:auto; vertical-align:-0.33em; }
.head-tel a { color:#BA3639; }
.head-tel small { display:block; font-size:11px; color:#666; font-weight:normal; }
.trial-btn { background:#F29500; color:#fff !important; font-weight:bold; padding:12px 20px; border-radius:6px; box-shadow:0 3px 0 #c67a00; font-size:14px; text-align:center; }
.trial-btn:hover { opacity:.9; text-decoration:none; }

/* ===== グローバルナビ（元サイトのカラフルなパステル配色） ===== */
.site-nav { background:transparent; position:relative; }
.nav-toggle { display:none; background:#EE6E79; color:#fff; border:0; font-size:15px; font-weight:bold; padding:10px 20px; font-family:inherit; cursor:pointer; }
.nav-overlay { display:none; }
.nav-close-li { display:none; }
.site-nav > ul { display:flex; max-width:1030px; margin:0 auto; }
.site-nav > ul > li { position:relative; flex:1 1 0; min-width:0; }
.site-nav a, .site-nav .nav-head { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; min-height:74px; color:#fff; font-size:15px; font-weight:bold; padding:13px 8px; text-align:center; line-height:1.3; cursor:pointer; }
.site-nav a small, .site-nav .nav-head small { font-size:9px; font-weight:normal; letter-spacing:.06em; opacity:.85; margin-top:3px; white-space:nowrap; }
.site-nav li:hover > a, .site-nav li:hover > .nav-head { filter:brightness(.93); text-decoration:none; }
/* メニュー配色: 虹のグラデーション順（暖色→黄→緑→青→紫→ピンク→赤CTA） */
.nc1 > a { background:#EE6E79; }
.nc2 > .nav-head { background:#F58A5B; }
.nc3 > a { background:#F6AD52; }
.nc4 > a { background:#F2C94C; }
.nc5 > .nav-head { background:#9CCB80; }
.nc6 > a { background:#7FC7BD; }
.nc7 > .nav-head { background:#8ED0E4; }
.nc8 > a { background:#93B8E3; }
.nc9 > a { background:#AF9BD3; }
.nc10 > a { background:#93B8E3; } /* PC: 水色→青で締める（ブログ・強み非表示のため） */
.nc-trial > a { background:#E94347; }
.site-nav .sub { display:none; position:absolute; top:100%; left:0; background:#fff; min-width:240px; z-index:20; box-shadow:0 6px 16px rgba(0,0,0,.18); }
.site-nav li:hover > .sub { display:block; }
.site-nav .sub a { display:block; min-height:0; color:#444; font-size:13.5px; padding:13px 15px; text-align:left; border-top:1px solid #eee; }
.site-nav .sub a:hover { background:#f6f6f6; }

/* ===== メインビジュアル ===== */
.promo { background:#FAD4CE url(/images/106robot/home/promo_bg.png) no-repeat center center; text-align:center; }
.promo img { width:auto; max-width:100%; display:inline-block; vertical-align:bottom; }

/* ===== 見出し・リード ===== */
.lead { text-align:center; padding:36px 15px 10px; }
.lead-circles { display:flex; justify-content:center; gap:18px; margin-bottom:44px; flex-wrap:wrap; }
.lead-circles img { width:170px; height:170px; border-radius:50%; object-fit:cover; }
.lead h1, .lead h2 { color:#BA3639; font-size:24px; margin-bottom:8px; line-height:1.5; }
.lead h3 { color:#1A48A3; font-size:19px; margin-bottom:16px; }
.lead p { margin-bottom:4px; }
.btn-outline { display:inline-block; margin-top:20px; border:3px solid #BA3639; color:#BA3639; font-weight:bold; padding:12px 34px; border-radius:6px; }
.btn-outline:hover { background:#BA3639; color:#fff; text-decoration:none; }

h2.band, h3.band { background:#BA3639; color:#fff; font-size:19px; font-weight:bold; padding:10px 18px; margin:40px 0 20px; }
main h2:not(.band):not(.access-h) { color:#BA3639; font-size:22px; margin:36px 0 14px; border-bottom:3px solid #BA3639; padding-bottom:6px; }
main h3:not(.band):not(.heading) { color:#1A48A3; font-size:18px; margin:26px 0 10px; }
main p { margin-bottom:12px; }
main ul:not(.check-list):not(.blog-list):not(.course-links) { list-style:disc; padding-left:1.6em; margin-bottom:14px; }

/* ===== チェックリスト ===== */
.check-list { display:grid; grid-template-columns:1fr 1fr; gap:6px 24px; margin-bottom:14px; }
.check-list li { padding-left:1.5em; position:relative; }
.check-list li::before { content:"✔"; color:#BA3639; position:absolute; left:0; font-weight:bold; }

/* ===== 2カラム ===== */
.column02 { margin-bottom:20px; }


/* ===== コースカード ===== */
.courses { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:30px; }
.course { border:1px solid #ddd; display:flex; flex-direction:column; }
.course .ph img { width:100%; height:130px; object-fit:cover; display:block; }
.course h3, .course h4 { color:#1A48A3; font-size:15px; padding:10px 12px 4px; margin:0 !important; border:0 !important; }
.course p { font-size:12px; color:#555; padding:0 12px; line-height:1.6; flex:1; margin:0; }
.course .more { display:block; background:#BA3639; color:#fff; text-align:center; font-size:13px; font-weight:bold; padding:9px; margin:12px; border-radius:4px; }
.course .more:hover { opacity:.9; text-decoration:none; }

/* ===== ブログ・お知らせ ===== */
.news-wrap { display:flex; gap:28px; margin-top:44px; }
.news-wrap .blog-box { flex:1.2; min-width:0; }
.blog-box h2 { color:#BA3639; border-bottom:3px solid #BA3639; padding-bottom:6px; margin-bottom:12px; font-size:18px; }
.blog-list li { border-bottom:1px dotted #ccc; padding:8px 0; font-size:14px; }
.blog-list .date { color:#888; font-size:12px; margin-right:12px; white-space:nowrap; }
.josei-box { flex:1; background:#FFF7E0; border:2px solid #FAA838; padding:18px; font-size:13px; }
.josei-box h2 { color:#BA3639; font-size:17px; margin-bottom:10px; border:0; }
.josei-box .more { display:inline-block; background:#F29500; color:#fff; font-weight:bold; padding:10px 18px; border-radius:4px; margin-top:12px; font-size:13px; }

/* ===== ブログ記事ページ ===== */
.article-meta { color:#888; font-size:13px; margin-bottom:18px; }
.article-body img { margin:10px 0; }
.article-nav { display:flex; justify-content:space-between; margin-top:30px; gap:10px; font-size:14px; }
.breadcrumb { font-size:12px; color:#888; padding:10px 0; }
.breadcrumb a { color:#888; }

/* ===== アクセス ===== */
.access { text-align:center; padding:40px 15px 30px; background:#F6F6F6; margin-top:44px; }
.access .logo-s { width:220px; margin:0 auto; }
.access .map { max-width:640px; margin:16px auto; }
.access .map iframe { width:100%; height:300px; border:0; }
.stars { color:#FFBB29; font-size:20px; letter-spacing:2px; }

/* ===== フッター ===== */
.site-footer { background:#BA3639; color:#fff; text-align:center; padding:34px 15px 20px; }
.site-footer h2 { font-size:22px; margin-bottom:14px; }
.footer-tel { font-size:30px; font-weight:bold; }
.footer-tel a { color:#fff; }
.footer-tel small { display:block; font-size:12px; font-weight:normal; }
.footer-btn { display:inline-block; background:#F29500; color:#fff; font-weight:bold; padding:14px 30px; border-radius:6px; margin:16px 0 26px; }
.footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:4px 18px; font-size:12px; opacity:.9; max-width:820px; margin:0 auto 20px; }
.footer-links a { color:#fff; }
.copyright { font-size:11px; opacity:.7; }

/* ===== フローティングボタン（スマホのみ） ===== */
.fab { position:fixed; right:12px; bottom:26px; display:none; flex-direction:column; gap:10px; z-index:50; }
.fab a { width:56px; height:56px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff !important; font-weight:bold; box-shadow:0 4px 14px rgba(0,0,0,.35); }
.fab .line { background:#06C755; font-size:12px; }
.fab .line span { font-size:17px; line-height:1; margin-bottom:2px; }
.fab .tel { background:#BA3639; font-size:21px; }
.fab .tel small { font-size:9px; font-weight:bold; margin-top:1px; }

/* ===== スマホ ===== */
@media (max-width:768px) {
  .site-header { justify-content:center; text-align:center; }
  /* 右上固定「☰ メニュー」ボタン＋右スライドのドロワーメニュー */
  .site-header .logo { margin-right:64px; }
  .nav-toggle { display:flex; position:fixed; top:8px; right:8px; z-index:105; flex-direction:column; align-items:center; justify-content:center; gap:2px; width:56px; height:56px; border-radius:50%; margin:0; padding:0; font-size:10px; box-shadow:0 3px 10px rgba(0,0,0,.3); }
  .nav-bars { font-size:20px; line-height:1; }
  .site-nav > ul { display:block; position:fixed; top:0; right:0; left:auto; bottom:0; width:290px; max-width:82vw; background:#fff; z-index:120; overflow-y:auto; -webkit-overflow-scrolling:touch; transform:translateX(105%); transition:transform .28s ease; box-shadow:-4px 0 18px rgba(0,0,0,.25); margin:0; padding:0 0 30px; text-align:left; }
  body.nav-open .site-nav > ul { transform:translateX(0); }
  .nav-overlay { display:block; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.45); z-index:110; opacity:0; pointer-events:none; transition:opacity .28s ease; }
  body.nav-open .nav-overlay { opacity:1; pointer-events:auto; }
  body.nav-open { overflow:hidden; }
  .nav-close-li { display:block; }
  .nav-close { display:block; width:100%; text-align:right; background:#fff; color:#888; border:0; border-bottom:1px solid #eee; font-size:14px; font-weight:bold; padding:14px 16px; font-family:inherit; cursor:pointer; }
  .site-nav a, .site-nav .nav-head { min-height:0; padding:13px 16px; border-bottom:1px solid rgba(255,255,255,.4); flex-direction:row; justify-content:flex-start; gap:8px; text-align:left; font-size:14.5px; }
  .site-nav a small, .site-nav .nav-head small { display:none; }
  .site-nav li > .sub { display:none; position:static; box-shadow:none; min-width:0; }
  .site-nav li:hover > .sub { display:none; }
  .site-nav li.sub-open > .sub { display:block; }
  .site-nav .nav-head::after { content:"▼"; font-size:10px; margin-left:auto; opacity:.9; }
  .site-nav li.sub-open > .nav-head::after { content:"▲"; }
  .site-nav .sub a { padding-left:2.5em; background:#fff; }
  .nc10 > a { background:#F4B3D0; } /* スマホ: 紫→ピンク→赤CTAの流れ */
  .lead-circles { gap:10px; }
  .lead-circles img { width:120px; height:120px; }
  .lead h1, .lead h2 { font-size:19px; }
  .check-list { grid-template-columns:1fr; }
  .column02 { flex-direction:column; }
  .courses { grid-template-columns:1fr; }
  .news-wrap { flex-direction:column; }
  .fab { display:flex; }
}

/* ===== フォーム ===== */
.form-table { width:100%; border-collapse:collapse; margin:20px 0; }
.form-table th, .form-table td { border:1px solid #ddd; padding:12px; text-align:left; vertical-align:top; }
.form-table th { background:#F6F6F6; width:34%; font-size:14px; }
.form-table th em { color:#BA3639; font-size:11px; font-style:normal; display:block; }
.form-table input, .form-table select, .form-table textarea { width:100%; padding:9px; border:1px solid #ccc; border-radius:4px; font-family:inherit; font-size:15px; }
.form-table input[type="radio"] { width:auto; padding:0; margin:0 6px 0 0; vertical-align:middle; }
.form-table td label { white-space:nowrap; cursor:pointer; }
.form-error { color:#BA3639; font-weight:bold; text-align:center; }
.form-submit { border:0; font-size:16px; padding:14px 44px; cursor:pointer; font-family:inherit; }
@media (max-width:768px) {
  .form-table, .form-table tr, .form-table th, .form-table td { display:block; width:100%; border:0; }
  .form-table th { background:none; padding:10px 0 4px; }
  .form-table td { padding:0 0 10px; }
}

/* ===== 生徒用ログイン ===== */
.login-btn { background:#1A48A3; color:#fff !important; font-weight:bold; padding:14px 22px; border-radius:6px; box-shadow:0 3px 0 #123577; font-size:14px; text-align:center; }
.login-btn:hover { opacity:.9; text-decoration:none; }
.login-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:26px 0 40px; }
.login-card { border:2px solid #1A48A3; border-radius:8px; padding:24px; text-align:center; }
.login-card h3 { margin:0 0 16px !important; }
.login-go { display:inline-block; background:#1A48A3; color:#fff !important; font-weight:bold; padding:12px 34px; border-radius:6px; }
.login-go:hover { opacity:.9; text-decoration:none; }
.sp-only { display:none; }
@media (max-width:768px) {
  .pc-only { display:none; }
  .sp-only { display:block; }
  .login-grid { grid-template-columns:1fr; }
}


/* ===== ページ末尾CTA ===== */
.cta-bottom { text-align:center; padding:38px 15px 46px; }
.cta-btn { display:inline-block; background:#F29500; color:#fff !important; font-weight:bold; font-size:17px; padding:16px 48px; }
.cta-btn:hover { opacity:.9; text-decoration:none; }

/* ===== 全ボタン共通: 角なし（丸型）＋影 ===== */
.trial-btn, .login-btn, .btn-outline, .course .more, .josei-box .more,
.footer-btn, .login-go, .form-submit, .cta-btn {
  border-radius:999px; box-shadow:0 4px 12px rgba(0,0,0,.22);
}

/* ===== Googleクチコミ表示 ===== */
.greview { max-width:340px; margin:30px auto 0; background:#fff; border:2px solid #E0C169; border-radius:16px; box-shadow:0 4px 14px rgba(0,0,0,.12); padding:24px 20px; text-align:center; }
.gr-head { font-weight:bold; color:#555; font-size:14px; margin:0 0 6px; }
.gr-score { font-size:44px; font-weight:bold; color:#333; line-height:1.1; margin:0; }
.gr-score .gr-max { font-size:16px; color:#999; font-weight:normal; margin-left:4px; }
.gr-stars { font-size:24px; margin:2px 0 4px; }
.gr-count { font-size:13px; color:#777; margin:0 0 14px; }
.gr-link { display:inline-block; background:#439ED8; color:#fff !important; font-weight:bold; font-size:14px; padding:11px 26px; border-radius:999px; box-shadow:0 4px 12px rgba(0,0,0,.22); }
.gr-link:hover { opacity:.9; text-decoration:none; }

/* ===== 元サイトと同じ背景帯 ===== */
.promo { position:relative; }
.promo::before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:url(/images/106robot/common/pattern.png) repeat center top; opacity:.2; }
.promo img { position:relative; }
.lead { position:relative; background:#F8DDC2; padding-bottom:40px; }
.lead::before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:url(/images/106robot/common/pattern.png) repeat center top; opacity:.2; }
.lead > * { position:relative; }
.sec-reco { background:url(/images/106robot/home/graph.png) repeat center top; padding:6px 0 34px; }
.sec-courses { background:#97CBFF; padding:6px 0 60px; margin-top:40px; }
.sec-courses .band { margin-top:34px; }
.access { background:url(/images/106robot/common/dot.png) repeat center top; }
.site-footer { background:#F59797; }

/* ===== Googleクチコミ一覧（元サイトのウィジェット風） ===== */
.grw { max-width:880px; margin:34px auto 0; text-align:left; }
.grw-head { background:#4994F8; color:#fff; text-align:center; border-radius:10px 10px 0 0; padding:16px 12px; font-size:15px; line-height:1.7; }
.grw-head .grw-stars-w { color:#FFBB29; letter-spacing:2px; }
.grw-list { background:#fff; border:1px solid #dde5f0; border-top:0; border-radius:0 0 10px 10px; padding:10px 18px; }
.grw-card { border-bottom:1px solid #eee; padding:16px 4px; }
.grw-card:last-child { border-bottom:0; }
.grw-who { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.grw-avatar { width:42px; height:42px; border-radius:50%; color:#fff; font-weight:bold; display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.grw-stars { color:#FFBB29; letter-spacing:1px; }
.grw-date { color:#999; font-size:12px; margin-left:8px; }
.grw-text { font-size:14px; line-height:1.8; margin:0; color:#444; }

/* 旧テンプレのletter-spacingハック対策（.innerが無い子要素でも文字が重ならないように） */
.column02 > *, .column03 > * { letter-spacing: normal; }

/* column03を確実に3列組みに（旧inline-blockレイアウトのflex化） */
.column03 { display:flex; flex-wrap:wrap; align-items:stretch; }

/* itemid-317の柄オーバーレイをセクション内に封じ込め */
.itemid-317 { position:relative; }
.itemid-317 > * { position:relative; z-index:1; }

/* 当教室の強みボタン（トップ）を強調 */
.btn-strength { display:inline-block; margin-top:24px; background:#BA3639; color:#fff !important; font-weight:bold; font-size:17px; padding:16px 40px; border-radius:999px; box-shadow:0 4px 12px rgba(0,0,0,.22); }
.btn-strength:hover { opacity:.9; text-decoration:none; }

/* スマホ: クチコミは3件＋もっと見る、塾代助成を上へ・強調 */
.grw-more { display:none; border:0; background:#fff; color:#4994F8; font-weight:bold; font-size:14px; padding:12px; width:100%; cursor:pointer; font-family:inherit; }
@media (max-width:768px) {
  .grw-list:not(.open) .grw-card:nth-child(n+4) { display:none; }
  .grw-list:not(.open) .grw-more { display:block; }
  .news-wrap .josei-box { order:-1; border-width:3px; }
  .josei-box h2 { font-size:19px; }
}

/* ===== 下層ページタイトル帯（元サイトのオレンジ柄帯を再現） ===== */
.page-band { background:#FAA838; position:relative; padding:48px 15px; }
.page-band::before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:url(/images/106robot/common/pattern.png) repeat center top; opacity:.2; }
.page-band h1, .page-band h2 { position:relative; z-index:1; color:#fff; font-size:38px; font-weight:bold; text-align:center; line-height:1.25; margin:0; }
@media (max-width:768px) {
  .page-band { padding:30px 12px; }
  .page-band h1, .page-band h2 { font-size:23px; }
}

/* ===== お客様の声（テキスト版） ===== */
.voice-box { border:3px solid #E5326E; border-radius:14px; background:#fff; padding:26px 28px; margin:50px 0; }
.voice-title { text-align:center; color:#E60033; font-size:21px; font-weight:bold; margin:0 0 20px !important; }
.voice-grid { display:flex; flex-wrap:wrap; gap:22px 34px; }
.voice-item { width:calc(50% - 17px); display:flex; gap:12px; align-items:flex-start; }
.voice-item .vavatar { flex-shrink:0; width:46px; height:46px; border-radius:50%; color:#fff; font-weight:bold; display:flex; align-items:center; justify-content:center; font-size:18px; }
.voice-item p { font-size:13.5px; line-height:1.9; margin:0 !important; }
.voice-item .vwho { color:#888; font-size:12.5px; }
@media (max-width:768px) { .voice-item { width:100%; } .voice-box { padding:20px 16px; } }
.voice-item img.vavatar { width:64px; height:auto; border-radius:0; background:none; }
.josei-strong { font-weight:bold; color:#BA3639; font-size:15.5px; background:linear-gradient(transparent 62%, #FFE9A0 62%); align-self:flex-start; }

/* 料金表（column02.price）は中央寄せ */
.column02.price { justify-content:center; }
.column02.price .inner { width:auto; min-width:340px; }
.column02.price table { margin:0 auto; }

/* 親御さんの感想の書き起こし */
.kansou-text { max-width:600px; margin:12px auto 34px; background:#FCF9F0; border:1px dashed #C9A96B; border-radius:10px; padding:16px 22px; }
.kansou-text p { font-size:13.5px; line-height:1.9; margin:0 0 12px !important; }
.kansou-text p:last-child { margin-bottom:0 !important; }
.kansou-label { color:#96824F; font-size:12px !important; font-weight:bold; }
.kansou-pair { margin-bottom:36px; }
.kansou-pair .kansou-text { margin-top:8px; }
.login-imgbtn img { width:175px; height:auto; display:block; border-radius:6px; box-shadow:0 4px 12px rgba(0,0,0,.22); }
.login-imgbtn:hover img { opacity:.85; }

/* メインビジュアル: 吹き出し画像のみ（問題集アートなし・中央配置） */
.promo-in { background:none; height:auto; text-align:center; }
.promo-in img { position:static; display:inline-block; width:auto; max-width:100%; height:auto; }
.promo { background-image:none; }
.promo { background:#FAD4CE; }
.promo::before { display:block; }
/* 柄レイヤー(::before)は絶対配置のため、通常フローの画像より前面に描画される。
   イラストを柄より前面に固定する（284行の position:static が200行の対策を打ち消すため必須） */
.promo-in { position:relative; z-index:1; }

/* 口コミ数1位バッジ（旧サイトの掲載を復元・リンク先も旧サイトと同一） */
.badge-rank { margin:30px 0 14px; }
.badge-rank img { width:500px; max-width:90%; height:auto; }


/* ===== legacy.css ===== */
/* 元サイトtemplate.css/responsive.cssから自動抽出（extract_legacy_css.pl） */
html { font-size:62.5%; }
main { font-size:1.5rem; }

/* ===== template.css ===== */
.midashi_q{
  display:block;
  cursor:pointer;
padding-right:15px;
 
 }
.midashi_q:after{
    color: #909090;
    content: "▼"; font-size: .8em;
	margin-right: 7px;
position:absolute;
right:10px;
}
.midashi_q.active:after{
    color: #909090;
    content: "▲"; font-size: .8em;
	margin-right: 7px;
}
.box_a{
   display:none;
}
.box_a p{
margin-bottom:15px;
}
.admin .box_a{
   display:blocck;
}
.midashi_q{
	color: #333;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #E2E2E2;
	background-color: #f7f7f7;
position:relative;
}
.midashi_q:before{
    color: #42B9D0;
    content: "Q.";

    margin-right: 8px;
}
.box_a{
	padding: 15px 15px 15px 45px;
	position: relative;
}
.box_a:before{
    color: #FF4F63;
    content: "A.";
position: absolute;
	left: 20px;
	top:15px;
	font-weight: bold;
    margin-right: 8px;
}
.btm0{
padding-bottom:0;
}
.mt0{
margin-top: 0px;
}
.f_box{
	display: flex;
	flex-wrap: wrap;
}
.maru__box{
	width: 32%;
	margin: 0.5%;
	background-color: #137ebe;
	border-radius: 15px;
	padding: 20px;
	color: #fff;
}
.maru__box h4{
	border-bottom: solid 1px rgba(255,255,255,0.45);
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
}
.taiken_box{
	width: 48%;
	margin: 1%;
	border: solid 3px #36406f;
	border-radius: 15px;
	padding: 50px 20px 20px 20px;
	position: relative;
	margin-top: 50px;
}
.taiken_box img{
	position: absolute;
	top:-40px;
	left: 50%;
	transform: translateX(-50%)
}
.taiken_box li{
	margin-bottom: 10px;
	text-indent: -1.5rem;
	margin-left: 1.5rem;
}
.taiken_box li::before{
	  content:'●';
  font-weight: 900;
  color: #36406f;
	margin-right: 5px;
}
#course .column03{
margin-top: 40px;
}
.column03 iframe{
  width: 100%;
  height: 100%;
}
#course .column03 .inner{
margin-bottom: 20px;
}
#course .column03 .inner:nth-child(3n){
        margin-right: 0%;
}
.student_login_btn_wrap .btn03_wrap{
		width: 48%;
		border: solid 1px #46bf3f;
		padding: 20px;
	}
.student_login_btn_wrap .btn03_wrap h4{
		font-size: 2.3rem;
		text-align: center;
		margin: 20px 0px;
		border-bottom: 1px dashed #46bf3f;
		padding-bottom: 10px;
	}
.student_login_btn_wrap .btn03_wrap .btn03{
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1em 2.5em;
		text-decoration: none;
		color: #ffffff;
		transition: .4s;
		margin: 10px;
		background: #46bf3f;
		border: 2px solid #46bf3f;
		border-radius: 10px;
	}
.student_login_btn_wrap .btn03_wrap .btn03:hover{
		background: #ffffff;
		color: #46bf3f;
	}
@media screen and (min-width: 569px){
  .kiji-midashi-2{ font-size: 2.1rem; font-weight: 600; line-height: 1.1; border: solid 3px #EEE; background: #FFF; padding: 0.75em; padding-left: 50px; position: relative; border-radius: 5px; margin: 50px 0 15px;}
  .kiji-midashi-2:before{ content: ""; width: 30px; height: 30px; background: url(/images/106robot/common/h4_icon.png); background-size: contain; position: absolute; top: 50%; left: 0.75em; transform: translateY(-50%);}
  .kiji-midashi-3{ font-size: 1.9rem; line-height: 1.1; font-weight: 600; color: #FFF; background: #F29500; border: solid 3px rgba(255,255,255,0.3); padding: 0.55em 1.5em; border-radius: 50px; margin: 50px 0 15px;}
  .kiji-midashi-4{ font-size:1.7rem; line-height: 1.1; font-weight: 600; color: #000;border: solid 1px #C3E8F7; border-radius: 50px; margin: 30px 0 15px; padding:15px 28px;background: #F2FBFF; }
  .kiji-midashi-4 span{color: #42B9D0;margin-right:10px;}
  h3.heading{ text-align: center; margin-bottom: 1.75em;}
  h3.heading span{ display: inline-block; font-size: 4.0rem; line-height: 1.1; text-align: center; position: relative; padding-bottom: 0.5em;}
  h3.heading span:first-letter{ color: #E25886;}
  h3.heading span:after{ content: ""; width: 160px; height: 4px; background: url(/images/106robot/common/background_01.png); background-size: contain; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}
  h4.heading{ text-align: center; margin-bottom: 1.5em;}
  h4.heading span{ display: inline-block; color: #FFF; font-size: 2.5rem; line-height: 1.1; background: #439ED8; padding: 0.5em 2.0em; border-radius: 50px; }
  .blog .container .item{ width: 1000px; margin: 0px auto;}
  .column02{ letter-spacing: -0.4em;}
  .column02 .inner{ width: 48%; display: inline-block; vertical-align: top; letter-spacing: 0; margin-right: 4%;}
  .column02 .inner:nth-child(2n){ margin-right: 0px;}
  .imgFit img{ width: 100%; height: auto;}
  .linkBtn{ text-align: right; margin-top: 2.0em;}
  .linkBtn a{ display: inline-block; background: #E25886; border: solid 2px #E25886; color: #FFF; font-weight: 600; line-height: 1.1; text-decoration: none; padding: 0.5em 2.0em; border-radius: 50px; position: relative;}
  .linkBtn a:hover{ color: #E25886; background: #FFF;}
  .linkBtn a:before{ content: "›"; font-size: 1.3em; position: absolute; top: 50%; right: 0.75em; transform: translateY(-50%); font-weight: normal;}
  .itemid-888{ background: url(/images/106robot/home/graph.png) repeat center top;}
  .itemid-888 h3{ text-align: center; margin-bottom: 1.0em;}
  .itemid-888 h3 span{ display: inline-block; padding: 0 0.75em 0.25em; position: relative; font-size: 4.0rem; line-height: 1.1; color: #199900; font-weight: 600;}
  .itemid-888 h3 span:before{ content: ""; width: 25px; height: 30px; background: url(/images/106robot/home/before_02.png); background-size: contain; position: absolute; bottom: 0px; left: 0px;}
  .itemid-888 h3 span:after{ content: ""; width: 25px; height: 30px; background: url(/images/106robot/home/after_02.png); background-size: contain; position: absolute; bottom: 0px; right: 0px;}
  .itemid-888 ul{ border: solid 3px #EEEEEE; border-radius: 10px; background: #FFF; padding: 2.0em; letter-spacing: -0.4em; position: relative;}
  .itemid-888 ul:before{ content: ""; width: 150px; height: 150px; background: url(/images/106robot/home/illust_01.png); background-size: contain; position: absolute; top: -100px; left: 0px;}
  .itemid-888 ul:after{ content: ""; width: 200px; height: 60px; background: url(/images/106robot/home/illust_02.png); background-size: contain; position: absolute; top: -40px; right: 0px;}
  .itemid-888 ul li{ width: 49%; display: inline-block; vertical-align: top; letter-spacing: 0; margin-right: 2%; border-bottom: solid 1px #EEE; font-size: 1.9rem; line-height: 1.1; font-weight: 600; padding: 0.75em 0 0.75em 1.5em; position: relative;}
  .itemid-888 ul li:nth-child(2n){ margin-right: 0px;}
  .itemid-888 ul li:before{ content: ""; width: 22px; height: 20px; background: url(/images/106robot/home/check.png); background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}
  .itemid-871:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern02.jpg) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
  .itemid-871{
 margin-top: 60px!important;
    margin-bottom: 60px!important;
    padding-bottom: 80px!important;
}
  .itemid-889:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern02.jpg) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
  .itemid-889{

    margin-bottom: 60px!important;
    padding-bottom: 80px!important;
}
  .itemid-873:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern03.jpg) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
  .itemid-873{
 margin-top: 60px!important;
    margin-bottom: 60px!important;
    padding-bottom: 80px!important;
}
  .itemid-317{ background: #97CBFF; padding-bottom: 100px !important;}
  .itemid-317:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0; opacity: 0.2;}
  .itemid-317 h3{ text-align: center; margin-bottom: 1.0em;}
  .itemid-317 h3 span{ display: inline-block; font-size: 4.0rem; line-height: 1.1; color: #66590A; font-weight: 600; padding: 0 0.5em; position: relative;}
  .itemid-317 h3 span:before{ content: ""; width: 150px; height: 2px; background: #665A0A; opacity: 0.25; position: absolute; top: 50%; left: -150px;}
  .itemid-317 h3 span:after{ content: ""; width: 150px; height: 2px; background: #665A0A; opacity: 0.25; position: absolute; top: 50%; right: -150px;}
  .itemid-317 .column03 .inner{ background: #FFF; min-height: 555px; border-radius: 10px; box-shadow: 0px 3px 0px rgba(0,0,0,0.1); width: 32%; margin-bottom: 2%; margin-right: 2%; position: relative;}
  .itemid-317 .column03 .inner:nth-child(3n){margin-right: 0%;}
  .itemid-317 .column03 .inner h4{ font-size: 1.8rem; line-height: 1.1; color: #FFF; font-weight: 600; text-align: center; background: #2F94F8; padding: 1.0em 0; border-radius: 9px 9px 0 0; position: relative; border: solid 2px #FFF; border-bottom: none;}
  .itemid-317 .column03 .inner:nth-child(2) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/illust_03.png); background-size: contain; background-repeat: no-repeat;position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(6) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/top_sb_n_ic4.png); background-size: contain; background-repeat: no-repeat;position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(5) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/illust_05.png); background-size: contain; background-repeat: no-repeat;position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(1) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/top_sb_n_ic1.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -0.5em; left: -1.5em;}
  .itemid-317 .column03 .inner:nth-child(3) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/top_sb_n_ic2.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(7) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/top_sb_n_ic3.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(8) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/op_sb_n_ic8.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(9) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/common/illust_03.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: 0em; left: -1.0em;}
  .itemid-317 .column03 .inner:nth-child(4) h4:before{ 
	content: ""; width: 60px; height: 60px; background: url(/images/106robot/home/illust_digital.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: 0em; left: 0em;}
  .itemid-317 .column03 .inner .image{ margin: 15px;}
  .itemid-317 .column03 .inner .text{ line-height: 1.3; min-height: 10.0em; margin: 0 15px;}
  .itemid-317 .column03 .inner ul{ margin: 10px 0px 0px 0px;position: absolute;
	bottom: 10px;left:50%;transform: translateX(-50%);}
  .itemid-317 .column03 .inner ul li{ margin-bottom: 5px;}
  .itemid-317 .column03 .inner ul li a{ display: inline-block; position: relative; top: 0px; box-shadow: 0px 4px 0px #BA3639; border-radius: 5px; overflow: hidden;}
  .itemid-317 .column03 .inner ul li a:hover{ top: 4px; box-shadow: none;}
  .board p.text{ padding: 20px 40px 20px 40px;}
  .rinen_txt{font-size: 2.3rem;text-align:center;}
  .itemid-313 h3.heading span{ font-size: 3.8rem;}
  .itemid-313 .kiji-midashi-2{ font-size: 1.9rem;}
  .itemid-313 .imgFit{ margin-bottom: 1.0em;}
  .itemid-314{ background: #F6F6F6; padding-bottom: 100px !important;}
  .itemid-314:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .itemid-314 .image{ float: left; margin-right: 2%;}
  .itemid-309 .image{ width: 48%;}
  .itemid-309 .image img{ width: 100%; height: auto;}
  .grit_cal{
margin-top:30px;
}
  .grit_cal p{
font-size:3rem;
padding-top:10px;
padding-bottom:10px;
}
  .grit_cal p:nth-child(1):first-letter{
		color: #F66151;
	}
  .grit_cal p:nth-child(2):first-letter{
		color: #1EBED4;
	}
  .grit_cal p:nth-child(3):first-letter{
		color: #87D153;
	}
  .grit_cal p:nth-child(4):first-letter{
		color: #F29500;
	}
  .itemid-310{ background: #F6F6F6; padding-bottom: 100px !important;}
  .itemid-310:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .itemid-310 .inner:nth-child(1) .kiji-midashi-2,
.itemid-310 .inner:nth-child(2) .kiji-midashi-2{ margin-top: 25px;}
  .itemid-310 .inner .kiji-midashi-2{ font-size: 1.9rem;}
  .itemid-310 .inner .image{ width: 40%; float: right; border: solid 3px #FFF; margin: 0 0 1.0em 4%; background: #FFF;}
  .itemid-310 .inner .image img{ width: 100%; height: auto;}
  .itemid-312{ border-top: solid 1px #EEE;}
  .column03{ letter-spacing: -0.4em;}
  .column03 .inner{ width: 30.666666%; display: inline-block; vertical-align: top; letter-spacing: 0; margin-right: 4%;}
  .column03 .inner:last-child{ margin-right: 0px;}
  .column03 .inner h4{ text-align: center;}
  .column03 .inner h4 span{ display: block; text-align: center; font-size: 2.5rem; line-height: 1.1; font-family: DIN; border-bottom: dotted 1px #E4E4E4; padding: 0.75em 0; margin-bottom: 0.75em;}
  .column03 .inner .image{ text-align: center;}
  .column03 .inner .linkBtn{ margin-top: 0px; text-align: center;}
  .column03 .inner .sup{ border: solid 2px #F29500; border-radius: 50px; font-size: 1.3rem; line-height: 1.3; text-align: center; padding: 0.75em; color: #F29500; font-weight: 600;}
  .cl_step h5{
		font-size: 18px;
		margin-bottom: 10px;
		text-align: center;
	}
  .cl_step img{
		margin-bottom: 10px;
	}
  .step_arrow{
		width: 70px;
		background-image: url(/images/106robot/trial/st-arrow.png);
		background-repeat: no-repeat;
		background-position: center;
	}
  .step_arrow img{
		width: 100%;
		height: auto;
	}
  h4.artec{ width: 60%; margin: 0.5em 0 1.0em;}
  h4.artec img{ width: 100%; height: auto;}
  .itemid-307 .text{ border-bottom: dashed 1px #E4E4E4; padding-bottom: 10px;}
  .kiji-midashi-3.clr01{ position: relative; padding-left: 2.5em; background: #F5A500; margin-top: 25px;}
  .kiji-midashi-3.clr01:before{ content: ""; width: 70px; height: 70px; background: url(/images/106robot/programming/course/illust_01.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .kiji-midashi-3.clr02{ position: relative; padding-left: 2.5em; background: #FF4F63;}
  .kiji-midashi-3.clr02:before{ content: ""; width: 70px; height: 70px; background: url(/images/106robot/programming/course/illust_02.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .kiji-midashi-3.clr03{ position: relative; padding-left: 2.5em; background: #42B9D0;}
  .kiji-midashi-3.clr03:before{ content: ""; width: 70px; height: 70px; background: url(/images/106robot/programming/course/illust_03.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .kiji-midashi-3.clr01n{ position: relative; padding-left: 2.5em; background: #F5A500; margin-top: 25px;}
  .kiji-midashi-3.clr01n:before{ content: ""; width: 80px; height: 80px; background: url(/images/106robot/programming/course/n_ic1.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .kiji-midashi-3.clr03n{ position: relative; padding-left: 2.5em; background: #42B9D0; margin-top: 45px;}
  .kiji-midashi-3.clr03n:before{ content: ""; width: 80px; height: 80px; background: url(/images/106robot/programming/course/n_ic2.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .itemid-308{ background: #F6F6F6; padding-bottom: 100px !important;}
  .itemid-308:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .itemid-308 h4.artec{ width: 90%; margin: 2.0em 0 1.5em;}
  .itemid-308 .imgFit{ border: solid 3px #FFF;}
  .itemid-308 .column02{ position: relative;}
  .itemid-308 .column02 .inner .kiji-midashi-3{ margin-top: 25px;}
  .itemid-308 .column02 .inner .kiji-midashi-3.clr04{ position: relative; padding-left: 2.5em;}
  .itemid-308 .column02 .inner .kiji-midashi-3.clr04:before{ content: ""; width: 60px; height: 60px; background: url(/images/106robot/programming/course/illust_04.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .itemid-308 .column02 .inner .kiji-midashi-3.clr05{ position: relative; padding-left: 5.5em;}
  .itemid-308 .column02 .inner .kiji-midashi-3.clr05:before{ content: ""; width: 120px; height: 60px; background: url(/images/106robot/programming/course/illust_05.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .itemid-304{ background: #ECF5FB; position: relative;}
  .itemid-304:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .method .inner{}
  .method .inner .kiji-midashi-2{ font-size: 1.9rem;}
  .method .inner:nth-child(1) .kiji-midashi-2,
.method .inner:nth-child(2) .kiji-midashi-2{ margin-top: 0px;}
  .method .inner .image{ width: 40%; float: right; border: solid 3px #FFF; margin: 0 0 1.0em 4%;}
  .method .inner .image img{ width: 100%; height: auto;}
  .coaching{ letter-spacing: -0.4em; margin-bottom: 1.0em;}
  .coaching li{ width: 32%; display: inline-block; vertical-align: middle; letter-spacing: 0; margin-right: 2%; border: solid 3px #EEE; border-radius: 10px; min-height: 6.0em; text-align: center; position: relative;}
  .coaching li span{ width: 90%; font-size: 1.9rem; line-height: 1.1; font-weight: 600; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
  .coaching li:last-child{ margin-right: 0px;}
  .method .inner .fp{ float: left !important; text-align: center;}
  .method .inner .fp img{ width: 90%;}
  .itemid-940:before,
.itemid-942:before{
        content: "";
        width: 100%;
        height: 100%;
        background: url(/images/106robot/common/pattern02.jpg) repeat center top;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 0;
    }
  .innerCenter{
    display: flex;
    justify-content: center;
}
  .itemid-300{ background: #F6F6F6;}
  .itemid-300:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .profile .image{ width: 30%; float: right;}
  .profile .image img{ width: 100%; height: auto;}
  .profile .inner{ width: 66%; float: left;}
  .lesson .image img{ width: 100%; height: auto;}
  .lesson .text{ margin-top: 1.0em; text-align: center;}
  .itemid-302{ border-top: solid 1px #EEE;}
  .price table{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;}
  .price table th{ width: 50%; text-align: center; border: solid 1px #E4E4E4; border-style: none solid solid none; background: #ECF5FB; color: #439ED8; padding: 1.0em;}
  .price table td{ width: 50%; text-align: right; border: solid 1px #E4E4E4; border-style: none solid solid none; background: #FFF; padding: 1.0em; }
  .itemid-306{ border-top: solid 1px #E4E4E4;}
  .tuition{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;}
  .tuition th{ width: 20%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; background: #ECF5FB; color: #439ED8;}
  .tuition td{ width: 40%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em;}
  .tuition td table{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid; margin-top: 1.0em;}
  .tuition td table thead th{ width: 50%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; background: #ECF5FB; color: #439ED8; text-align: center;}
  .tuition td table td{ width: 50%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em;}
  .tuition2{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;margin:20px 0 10px;}
  .tuition2 th{ width: 20%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; background: #ECF5FB; color: #439ED8;text-align: center;}
  .tuition2 td{ width: 20%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em;text-align: center;}
  body#blog .blog .container .item{ width: auto; margin: 0px auto;}
  .student_login_wrap .item{
		width: 1000px;
		margin: 0 auto;
	}
  .student_login_wrap{
		margin-top: 60px;
	}
  .student_login_wrap .contents_wrap{
		text-align: center;
		margin: 20px 0px 80px 0px;
	}
  .student_login_btn_wrap{
		display: flex;
		justify-content: space-between;
	}
  .student_login_btn_wrap .btn02_wrap{
		width: 48%;
	}
  .student_login_btn_wrap .btn01_wrap{
		width: 48%;
	}
  .student_login_btn_wrap .btn01_wrap{
		width: 48%;
		border: solid 1px #1A48A3;
		padding: 20px;
background: #f7fcff;
	}
  .student_login_btn_wrap .btn01_wrap h4{
		font-size: 2.3rem;
		text-align: center;
		margin: 20px 0px;
		border-bottom: 1px dashed #1A48A3;
		padding-bottom: 10px;
	}
  .student_login_btn_wrap .btn01_wrap .btn01{
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1em 2.5em;
		text-decoration: none;
		color: #ffffff;
		transition: .4s;
		margin: 10px;
		background: #1A48A3;
		border: 2px solid #1A48A3;
		border-radius: 10px;
	}
  .student_login_btn_wrap .btn01_wrap .btn01:hover{
		background: #ffffff;
		color: #1A48A3;
	}
  .student_login_btn_wrap .btn02_wrap{
		width: 48%;
		border: solid 1px #FF668C;
		padding: 20px;
	}
  .student_login_btn_wrap .btn02_wrap h4{
		font-size: 2.3rem;
		text-align: center;
		margin: 20px 0px;
		border-bottom: 1px dashed #FF668C;
		padding-bottom: 10px;
	}
  .student_login_btn_wrap .btn02_wrap .btn02{
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1em 2.5em;
		text-decoration: none;
		color: #ffffff;
		transition: .4s;
		margin: 10px;
		background: #FF668C;
		border: 2px solid #FF668C;
		border-radius: 10px;
	}
  .student_login_btn_wrap .btn02_wrap .btn02:hover{
		background: #ffffff;
		color: #FF668C;
	}
  .student_login_btn_wrap .btnwrap{
		text-align: center;
	}
  .itemid-307:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern03.jpg) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
  .itemid-307{
    margin-bottom: 0px!important;
    padding-bottom: 80px!important;
}
  .mt-60{ margin-top:60px !important;}
  .align-center{ text-align: center;}
  .img-right{ float:right; margin: 0 0 1.0em 4%;}
  .container,
.clearfix{ zoom:1;}
  .container:after,
.clearfix:after{ content: ""; display: block; clear: both;}
  .items-row,
.item-page,
.contact{ position: relative;}
  .item-page{ position: relative}
  .ikunou-txt-a{
	font-size:27px;
	color:#333;
	text-align:center;
	font-weight:bold;
	line-height:1.7em;
	margin:40px 0 0;
}
  .ikunou-txt-a .emp01{
	font-size:42px;
	color:#1a9a00;
}
  .ikunou-name{
	text-align:right;
}
  .box-ikunou-b{
	background-image: url("/images/106robot/school/yajirushi-b.png");
	background-repeat:no-repeat;
	background-position:center center;
}
  .ikunou-txt-b{
	font-size:32px;
	text-align:center;
	font-weight:bold;
	line-height:1.4em;
}
  .ikunou-txt-b .emp01{
	color:#ff4f63;
}
  .ikunou-txt-b .emp02{
	color:#42B9D0;
}
  .box-ikunou-wrapper-a .kiji-midashi-3{
	margin-top:0px;
}
  .yajirushi-a{
	text-align:center;
	margin:20px 0;
}
  .box-ikunou-wrapper-a{
	margin:20px 0 40px;
}
  .box-ikunou-wrapper-b{
	margin:0px 0 40px;
}
  .itemid-605{
    background: #ECF5FB;
    position: relative;
}
  .itemid-605:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern.png) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
  .blog .itemid-607{
	padding-top:0px;
}
  .itemid-605 .kiji-midashi-3.clr02:before, 
.itemid-605 .kiji-midashi-3.clr03:before{
	display:none;
}
  .itemid-605 .kiji-midashi-3.clr02, 
.itemid-605 .kiji-midashi-3.clr03{
	padding-left:1.5em;
}
  .itemid-604 .image{
    width: 300px;
    float: right;
    margin: 0 0 1.0em 30px;
    background: #FFF;
}
  .itemid-606{
    background: #fbecf0;
}
  .itemid-606:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern.png) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
}

/* ===== responsive.css ===== */
@media screen and (max-width: 568px){
  .kiji-midashi-2{ font-size: 1.7rem; font-weight: 600; line-height: 1.1; border: solid 3px #EEE; background: #FFF; padding: 0.75em; padding-left: 35px; position: relative; border-radius: 5px; margin: 25px 0 15px;}
  .kiji-midashi-2:before{ content: ""; width: 20px; height: 20px; background: url(/images/106robot/common/h4_icon.png); background-size: contain; position: absolute; top: 50%; left: 0.75em; transform: translateY(-50%);}
  .kiji-midashi-3{ font-size: 1.5rem; line-height: 1.1; font-weight: 600; color: #FFF; background: #F29500; border: solid 3px rgba(255,255,255,0.3); padding: 0.55em 1.5em; border-radius: 50px; margin: 25px 0 15px;}
  h3.heading{ text-align: center; margin-bottom: 1.75em;}
  h3.heading span{ display: inline-block; font-size: 2.1rem; line-height: 1.1; text-align: center; position: relative; padding-bottom: 0.5em;}
  h3.heading span:first-letter{ color: #E25886;}
  h3.heading span:after{ content: ""; width: 90px; height: 2px; background: url(/images/106robot/common/background_01.png); background-size: contain; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}
  h4.heading{ text-align: center; margin-bottom: 1.5em;}
  h4.heading span{ display: inline-block; color: #FFF; font-size: 2.5rem; line-height: 1.1; background: #439ED8; padding: 0.5em 2.0em; border-radius: 50px; }
  .blog .container .item{ width: 90%; margin: 0px auto;}
  .column02{ letter-spacing: -0.4em;}
  .column02 .inner{ width: 48%; display: inline-block; vertical-align: top; letter-spacing: 0; margin-right: 4%;}
  .column02 .inner:nth-child(2n){ margin-right: 0px;}
  .imgFit img{ width: 100%; height: auto;}
  .linkBtn{ text-align: right; margin-top: 2.0em;}
  .linkBtn a{ display: inline-block; background: #E25886; border: solid 2px #E25886; color: #FFF; font-weight: 600; line-height: 1.1; text-decoration: none; padding: 0.5em 2.0em; border-radius: 50px; position: relative;}
  .linkBtn a:hover{ color: #E25886; background: #FFF;}
  .linkBtn a:before{ content: "›"; font-size: 1.3em; position: absolute; top: 50%; right: 0.75em; transform: translateY(-50%); font-weight: normal;}
  .itemid-888{ background: url(/images/106robot/home/graph.png) repeat center top;}
  .itemid-888 h3{ text-align: center; margin-bottom: 1.0em;}
  .itemid-888 h3 span{ display: inline-block; padding: 0 1.0em 0.25em; position: relative; font-size: 2.1rem; line-height: 1.1; color: #199900; font-weight: 600;}
  .itemid-888 h3 span:before{ content: ""; width: 12.5px; height: 15px; background: url(/images/106robot/home/before_02.png); background-size: contain; position: absolute; bottom: 0px; left: 0px;}
  .itemid-888 h3 span:after{ content: ""; width: 12.5px; height: 15px; background: url(/images/106robot/home/after_02.png); background-size: contain; position: absolute; bottom: 0px; right: 0px;}
  .itemid-888 ul{ border: solid 3px #EEEEEE; border-radius: 10px; background: #FFF; padding: 1.0em; letter-spacing: -0.4em; position: relative;}
  .itemid-888 ul li{ width: 100%; display: inline-block; vertical-align: top; letter-spacing: 0; border-bottom: solid 1px #EEE; font-size: 1.5rem; line-height: 1.1; font-weight: 600; padding: 0.75em 0 0.75em 1.5em; position: relative;}
  .itemid-888 ul li:before{ content: ""; width: 11px; height: 10px; background: url(/images/106robot/home/check.png); background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}
  .itemid-317{ background: #FFE01A; padding-bottom: 50px !important;}
  .itemid-317:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/home/background_02.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .itemid-317 h3{ text-align: center; margin-bottom: 1.0em;}
  .itemid-317 h3 span{ display: inline-block; font-size: 2.5rem; line-height: 1.1; color: #66590A; font-weight: 600; padding: 0 0.5em; position: relative;}
  .itemid-317 h3 span:before{ content: ""; width: 100px; height: 2px; background: #665A0A; opacity: 0.25; position: absolute; top: 50%; left: -100px;}
  .itemid-317 h3 span:after{ content: ""; width: 100px; height: 2px; background: #665A0A; opacity: 0.25; position: absolute; top: 50%; right: -100px;}
  .itemid-317 .column03 .inner{ background: #FFF; border-radius: 10px; box-shadow: 0px 3px 0px rgba(0,0,0,0.1); width: 100%; margin-right: 0px;}
  .itemid-317 .column03 .inner{ margin: 1.0em 0;}
  .itemid-317 .column03 .inner h4{ font-size: 2.0rem; line-height: 1.1; color: #FFF; font-weight: 600; text-align: center; background: #1A9A00; padding: 1.0em 0; border-radius: 9px 9px 0 0; position: relative; border: solid 2px #FFF; border-bottom: none;}
  .itemid-317 .column03 .inner:nth-child(1) h4:before{ content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/illust_03.png); background-size: contain; position: absolute; top: -0.5em; left: -1.5em;}
  .itemid-317 .column03 .inner:nth-child(2) h4:before{ content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/illust_04.png); background-size: contain; position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(3) h4:before{ content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/illust_05.png); background-size: contain; position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner .image{ margin: 15px;}
  .itemid-317 .column03 .inner .text{ line-height: 1.3; margin: 0 15px;}
  .itemid-317 .column03 .inner ul{ margin: 0 15px 10px 15px;}
  .itemid-317 .column03 .inner ul li{ margin-bottom: 5px;}
  .itemid-317 .column03 .inner ul li a{ display: inline-block; position: relative; top: 0px; box-shadow: 0px 4px 0px #BA3639; border-radius: 5px; overflow: hidden;}
  .itemid-317 .column03 .inner ul li a:hover{ top: 4px; box-shadow: none;}
  .itemid-317 .column03 .inner:nth-child(2) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/illust_03.png); background-size: contain; background-repeat: no-repeat;position: absolute; top: -0.5em; left: -1.5em;}
  .itemid-317 .column03 .inner:nth-child(6) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/top_sb_n_ic4.png); background-size: contain; background-repeat: no-repeat;position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(5) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/illust_05.png); background-size: contain; background-repeat: no-repeat;position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(1) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/top_sb_n_ic1.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -0.5em; left: -1.5em;}
  .itemid-317 .column03 .inner:nth-child(3) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/top_sb_n_ic2.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(7) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/top_sb_n_ic3.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(8) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/home/op_sb_n_ic8.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -0.5em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(9) h4:before{ 
	content: ""; width: 70px; height: 70px; background: url(/images/106robot/common/illust_03.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: -1.0em; left: -0.5em;}
  .itemid-317 .column03 .inner:nth-child(4) h4:before{ 
	content: ""; width: 60px; height: 60px; background: url(/images/106robot/home/illust_digital.png); background-size: contain;background-repeat: no-repeat; position: absolute; top: 0em; left: 0em;}
  .itemid-317{ background: #97CBFF; padding-bottom: 100px !important;}
  .itemid-317:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0; opacity: 0.2; background-size: 20%;}
  .itemid-318 .column02 .inner{ width: 100%; margin-right: 0px;}
  .itemid-318 .column02 .inner:nth-child(2){ margin-top: 2.0em;}
  .board p.text{ padding: 20px 40px 20px 40px;}
  .itemid-313 .column02 .inner{ width: 100%; margin-right: 0px;}
  .itemid-313 .column02 .inner:nth-child(2){ margin-top: 1.0em;}
  .itemid-313 h3.heading span{ font-size: 3.8rem;}
  .itemid-313 .kiji-midashi-2{ font-size: 1.9rem;}
  .itemid-313 .imgFit{ margin-bottom: 1.0em;}
  .itemid-314{ background: #F6F6F6; padding-bottom: 50px !important;}
  .itemid-314:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .itemid-314 .image{ width: 50%; margin: 0px auto 1.0em auto;}
  .itemid-310 .column02 .inner{ width: 100%; margin-right: 0px; margin-bottom: 1.0em;}
  .itemid-310 .column02 .inner:nth-child(2){}
  .itemid-311 .column02 .inner{ width: 100%; margin-right: 0px;}
  .itemid-311 .column02 .inner:nth-child(2){}
  .itemid-309 .image{ width: 100%;}
  .itemid-309 .image img{ width: 100%; height: auto;}
  .itemid-310{ background: #F6F6F6; padding-bottom: 50px !important;}
  .itemid-310:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .itemid-310 .inner:nth-child(1) .kiji-midashi-2,
.itemid-310 .inner:nth-child(2) .kiji-midashi-2{ margin-top: 25px;}
  .itemid-310 .inner .kiji-midashi-2{ font-size: 1.9rem;}
  .itemid-310 .inner .image{ width: 40%; float: right; border: solid 3px #FFF; margin: 0 0 1.0em 4%; background: #FFF;}
  .itemid-310 .inner .image img{ width: 100%; height: auto;}
  .itemid-312{ border-top: solid 1px #EEE;}
  .column03{ letter-spacing: -0.4em;}
  .column03 .inner{ width: 100%; display: inline-block; vertical-align: top; letter-spacing: 0;}
  .column03 .inner:nth-child(2){ margin: 1.0em 0;}
  .column03 .inner h4{ text-align: center;}
  .column03 .inner h4 span{ display: block; text-align: center; font-size: 2.5rem; line-height: 1.1; font-family: DIN; border-bottom: dotted 1px #E4E4E4; padding: 0.75em 0; margin-bottom: 0.75em;}
  .column03 .inner .image{ text-align: center;}
  .column03 .inner .linkBtn{ margin-top: 0px; text-align: center;}
  .column03 .inner .sup{ border: solid 2px #F29500; border-radius: 50px; font-size: 1.3rem; line-height: 1.3; text-align: center; padding: 0.75em; color: #F29500; font-weight: 600;}
  .cl_step{
		width: 100%;
		text-align: center;
	}
  .cl_step p{
		text-align: center!important;
	}
  .cl_step h5{
		font-size: 16px;
		margin-bottom: 10px;
		text-align: center;
	}
  .cl_step img{
		margin-bottom: 10px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
  .step_arrow{
		width: 100%;
		height: 60px;
		margin: 5px auto;
		background-image: url(/images/106robot/trial/st-arrow_sp.png);
		background-repeat: no-repeat;
		background-position: center;
	}
  .itemid-307 .column02 .inner{ width: 100%; margin-right: 0px;}
  .itemid-307 .column02 .inner:nth-child(2){ margin-top: 1.0em;}
  .itemid-308 .column02 .inner{ width: 100%; margin-right: 0px;}
  .itemid-308 .column02 .inner:nth-child(2){ margin-top: 1.0em;}
  h4.artec{ width: 60%; margin: 0.5em auto 1.0em;}
  h4.artec img{ width: 100%; height: auto;}
  .itemid-307 .text{ border-bottom: dashed 1px #E4E4E4; padding-bottom: 10px;}
  .kiji-midashi-3.clr01{ position: relative; padding-left: 1.5em; background: #F5A500; margin-top: 25px;}
  .kiji-midashi-3.clr01:before{ content: ""; width: 30px; height: 30px; background: url(/images/106robot/programming/course/illust_01.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .kiji-midashi-3.clr02{ position: relative; padding-left: 1.5em; background: #FF4F63;}
  .kiji-midashi-3.clr02:before{ content: ""; width: 30px; height: 30px; background: url(/images/106robot/programming/course/illust_02.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .kiji-midashi-3.clr03{ position: relative; padding-left: 1.5em; background: #42B9D0;}
  .kiji-midashi-3.clr03:before{ content: ""; width: 30px; height: 30px; background: url(/images/106robot/programming/course/illust_03.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .itemid-308{ background: #F6F6F6; padding-bottom: 50px !important;}
  .itemid-308:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .itemid-308 h4.artec{ width: 90%; margin: 2.0em auto 1.5em;}
  .itemid-308 .imgFit{ border: solid 3px #FFF;}
  .itemid-308 .column02{ position: relative;}
  .itemid-308 .column02 .inner .kiji-midashi-3{ margin-top: 25px;}
  .itemid-308 .column02 .inner .kiji-midashi-3.clr04{ position: relative; padding-left: 2.5em;}
  .itemid-308 .column02 .inner .kiji-midashi-3.clr04:before{ content: ""; width: 30px; height: 30px; background: url(/images/106robot/programming/course/illust_04.png); background-size: contain; position: absolute; top: 50%; left: -0.5em; transform: translateY(-50%);}
  .itemid-308 .column02 .inner .kiji-midashi-3.clr05{ position: relative; padding-left: 5.0em;}
  .itemid-308 .column02 .inner .kiji-midashi-3.clr05:before{ content: ""; width: 60px; height: 30px; background: url(/images/106robot/programming/course/illust_05.png); background-size: contain; position: absolute; top: 50%; left: -1.0em; transform: translateY(-50%);}
  .itemid-308 .kiji-midashi-2:before{ content: ""; width: 30px; height: 30px; background: url(/images/106robot/programming/course/illust_06.png); background-size: contain; position: absolute; top: 50%; left: 0.25em; transform: translateY(-50%);}
  .itemid-304 .column02 .inner{ width: 100%; margin-right: 0px; margin-bottom: 1.0em;}
  .itemid-304 .column02 .inner:nth-child(2){}
  .itemid-304{ background: #ECF5FB; position: relative;}
  .itemid-304:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .method .inner{}
  .method .inner .kiji-midashi-2{ font-size: 1.9rem;}
  .method .inner:nth-child(1) .kiji-midashi-2,
.method .inner:nth-child(2) .kiji-midashi-2{ margin-top: 0px;}
  .method .inner .image{ width: 40%; float: right; border: solid 3px #FFF; margin: 0 0 1.0em 4%;}
  .method .inner .image img{ width: 100%; height: auto;}
  .coaching{ letter-spacing: -0.4em; margin-bottom: 1.0em;}
  .coaching li{ width: 100%; display: inline-block; vertical-align: middle; letter-spacing: 0; border: solid 3px #EEE; border-radius: 10px; min-height: 5.0em; text-align: center; position: relative;}
  .coaching li span{ width: 90%; font-size: 1.9rem; line-height: 1.1; font-weight: 600; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
  .coaching li:nth-child(2){ margin: 0.75em 0;}
  .typing-subtitle{
        display: none;
    }
  .itemid-299 .column02 .inner{ width: 100%; margin-right: 0px;}
  .itemid-299 .column02 .inner:nth-child(2){ margin-top: 1.0em;}
  .itemid-300{ background: #F6F6F6;}
  .itemid-300:before{ content: ""; width: 100%; height: 100%; background: url(/images/106robot/common/pattern.png) repeat center top; position: absolute; top: 0px; left: 0px; z-index: 0;}
  .profile .image{ width: 50%; margin: 0px auto 1.0em;}
  .profile .image img{ width: 100%; height: auto;}
  .profile .inner{ width: 100%;}
  .lesson .image img{ width: 100%; height: auto;}
  .lesson .text{ margin-top: 1.0em; text-align: center;}
  .itemid-302{ border-top: solid 1px #EEE;}
  .price table{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;}
  .price table th{ width: 50%; text-align: center; border: solid 1px #E4E4E4; border-style: none solid solid none; background: #ECF5FB; color: #439ED8; padding: 1.0em; display: table-cell !important;}
  .price table td{ width: 50%; text-align: right; border: solid 1px #E4E4E4; border-style: none solid solid none; background: #FFF; padding: 1.0em; display: table-cell !important;}
  .itemid-306{ border-top: solid 1px #E4E4E4;}
  .tuition{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;}
  .tuition th{ width: 20%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; background: #ECF5FB; color: #439ED8; display: table-cell !important;}
  .tuition td{ width: 40%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; display: table-cell !important;}
  .tuition td table{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid; margin-top: 1.0em;}
  .tuition td table thead th{ width: 50%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; background: #ECF5FB; color: #439ED8; text-align: center; display: table-cell !important;}
  .tuition td table td{ width: 50%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; display: table-cell !important;}
  .tuition2{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;margin:10px 0}
  .tuition2 th{ width: 20%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; background: #ECF5FB; color: #439ED8; display: table-cell !important;}
  .tuition2 td{ width: 20%; border: solid 1px #E4E4E4; border-style: none solid solid none; padding: 1.0em; display: table-cell !important;}
  body#blog .blog .container .item{ width: auto; margin: 0px auto;}
  .student_login_wrap{
		margin-top: 0px;
        padding:20px;
	}
  .student_login_wrap .contents_wrap{
		text-align: center;
margin: 20px 0px 20px 0px;
	}
  .student_login_btn_wrap .btn01_wrap{
		margin:10px 0px;
		border: solid 1px #1A48A3;
		padding: 10px;
background: #f7fcff;
	}
  .student_login_btn_wrap .btn01_wrap h4{
		font-size: 2.3rem;
		text-align: center;
		margin: 20px 0px;
		border-bottom: 1px dashed #1A48A3;
		padding-bottom: 10px;
	}
  .student_login_btn_wrap .btn01_wrap .btn01{
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1em 2.5em;
		text-decoration: none;
		color: #ffffff;
		transition: .4s;
		margin: 10px;
		background: #1A48A3;
		border: 2px solid #1A48A3;
		border-radius: 10px;
	}
  .student_login_btn_wrap .btn01_wrap .btn01:hover{
		background: #ffffff;
		color: #1A48A3;
	}
  .student_login_btn_wrap .btn02_wrap{
		margin:10px 0px;
		border: solid 1px #FF668C;
		padding: 10px;
background: #f7fcff;
	}
  .student_login_btn_wrap .btn02_wrap h4{
		font-size: 2.3rem;
		text-align: center;
		margin: 20px 0px;
		border-bottom: 1px dashed #FF668C;
		padding-bottom: 10px;
	}
  .student_login_btn_wrap .btn02_wrap .btn02{
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1em 2.5em;
		text-decoration: none;
		color: #ffffff;
		transition: .4s;
		margin: 10px;
		background: #FF668C;
		border: 2px solid #FF668C;
		border-radius: 10px;
	}
  .student_login_btn_wrap .btn02_wrap .btn02:hover{
		background: #ffffff;
		color: #FF668C;
	}
  .student_login_btn_wrap .btnwrap{
		text-align: center;
	}
  .itemid-307:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern03.jpg) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
  .itemid-307{
    margin-bottom: 60px!important;
    padding-bottom: 80px!important;
}
  .itemid-871{
 margin-top: 50px!important;
    margin-bottom: 50px!important;
    padding-bottom:70px!important;
}
  .itemid-889{
 margin-top: 0px!important;
    margin-bottom: 50px!important;
    padding-bottom:70px!important;
}
  .itemid-889:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern02.jpg) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
background-size: 20%;
}
  .itemid-873{
 margin-top: 50px!important;
    margin-bottom: 50px!important;
    padding-bottom:70px!important;
}
  .mt-60{ margin-top:30px !important}
  .align-center{ text-align: center;}
  .img-right{ float: none; margin:0.5em 0;}
  .clearfix{ zoom:1;}
  .clearfix:after{ content: ""; display: block; clear: both;}
  .kiji-midashi-2{}
  .kiji-midashi-3{}
  .items-row, .item-page, .contact{position: relative;}
  .item-page{ position:relative}
  .blog td,
.blog th,
.item-page td,
.item-page th{ display: block;}
  .blog td img,
.blog th img,
.item-page td img,
.item-page th img{ display: block;margin: 0 auto;}
  body#blog .item-page{
    padding: 0px 5%;
}
  .column02 .inner{
    width: 100%;
}
  .itemid-317 .column03 .inner ul li{
    text-align: center;
}
  .itemid-605{
    background: #ECF5FB;
    position: relative;
}
  .itemid-605:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern.png) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
  .itemid-606{
    background: #fbecf0;
}
  .itemid-606:before{
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/106robot/common/pattern.png) repeat center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
  .maru__box{
	width: 49%;
	margin: 0.5%;
	background-color: #137ebe;
	border-radius: 15px;
	padding: 20px;
	color: #fff;
}
  .maru__box h4{
	border-bottom: solid 1px rgba(255,255,255,0.45);
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
  .taiken_box{
	width: 100%;
	margin: 0%;
	border: solid 3px #36406f;
	border-radius: 15px;
	padding: 50px 20px 20px 20px;
	position: relative;
	margin-top: 70px;
}
  .student_login_btn_wrap .btn03_wrap{
		width: 100%;
	}
  .student_login_btn_wrap .btn03_wrap h4{
		font-size: 2.3rem;
		text-align: center;
		margin: 20px 0px;
		border-bottom: 1px dashed #46bf3f;
		padding-bottom: 10px;
	}
  .student_login_btn_wrap .btn03_wrap .btn03{
		position: relative;
		display: inline-block;
		font-weight: bold;
		padding: 1em 3.5em;
		text-decoration: none;
		color: #ffffff;
		transition: .4s;
		margin: 10px;
		background: #46bf3f;
		border: 3px solid #46bf3f;
		border-radius: 10px;
	}
}


/* ===== overrides.css ===== */
/* legacy.cssの後に読み込む上書き調整 */

/* 授業内容カード: 写真の高さを全カード統一 */
.itemid-317 .column03 .inner .image img { width:100%; height:140px; object-fit:cover; }

/* 授業内容カード: ボタンを通常フローに戻し、カード下端に揃える（文章との重なり防止） */
.itemid-317 .column03 .inner { display:flex; flex-direction:column; }
.itemid-317 .column03 .inner ul { position:static; margin:auto 15px 14px; padding-top:12px; text-align:center; transform:none; left:auto; bottom:auto; }
main .itemid-317 .column03 .inner ul { list-style:none; padding-left:0; margin-bottom:14px; }
main .itemid-317 .column03 .inner ul li { list-style:none; }

/* スマホの表は横スクロールで逃がす */
@media (max-width:768px) { main table { display:block; overflow-x:auto; } }

/* 動画iframeのはみ出し防止 */
main iframe { max-width:100%; }

/* itemid背景帯の柄を帯内に封じ込め（全ページ共通ガード） */
[class*="itemid-"] { position:relative; }
[class*="itemid-"] > .inner-w, [class*="itemid-"] > * { position:relative; z-index:1; }

/* ページタイトル帯の文字を確実に白・大きく（汎用見出しスタイルの打ち消し） */
main .page-band h1, main .page-band h2 { color:#fff !important; font-size:38px !important; border:0 !important; padding:0 !important; margin:0 !important; }
@media (max-width:768px) { main .page-band h1, main .page-band h2 { font-size:23px !important; } }

/* column02はフレックスで確実に2カラム（改行由来の折返し防止） */
.column02 { display:flex; flex-wrap:wrap; align-items:flex-start; }
@media (max-width:568px) { .column02 { display:block; } }

/* プログラミングコースの動画一覧を3列に */
.itemid-307 .column03 .inner, .itemid-308 .column03 .inner { width:32%; margin-right:2%; }
.itemid-307 .column03 .inner:nth-child(3n), .itemid-308 .column03 .inner:nth-child(3n) { margin-right:0; }
.itemid-307 .column03 iframe, .itemid-308 .column03 iframe { width:100%; height:auto; aspect-ratio:16/9; }
@media (max-width:568px) { .itemid-307 .column03 .inner, .itemid-308 .column03 .inner { width:100%; margin-right:0; } }

/* Q&A: 開閉できるように初期は閉、activeで開く */
.box_a { display:none; }
.midashi_q.active + .box_a, .box_a.open { display:block; }

/* カードのボタン画像と押し込み影のズレ解消 */
.itemid-317 .column03 .inner ul li a { line-height:0; display:inline-block; max-width:100%; }
.itemid-317 .column03 .inner ul li a img { display:block; width:auto; max-width:100%; height:auto; }

/* タイトル帯と最初のコンテンツの間に余白（全下層ページ共通） */
main .page-band + * { padding-top:46px; }
@media (max-width:768px) { main .page-band + * { padding-top:30px; } }

/* 各セクション帯の上部にも余白（見出しが詰まらないように・全ページ共通） */
main [class*="itemid-"] { padding-top:44px; }
@media (max-width:768px) { main [class*="itemid-"] { padding-top:28px; } }

/* 影が無いボタン類に影を追加 */
.btn01, .btn02, .btn03, .linkBtn a { box-shadow:0 4px 12px rgba(0,0,0,.22); }

/* ===== 2026-09-03 追加: 動画枠の比率固定（スマホの黒帯解消） ===== */
main iframe[src*="youtube"] { display:block; width:100%; max-width:640px; height:auto; aspect-ratio:16/9; margin:0 auto; }
/* ナビのサブメニュー見出しを button 化した際の初期スタイル打ち消し */
.site-nav button.nav-toggle, .site-nav button.nav-close, .site-nav .nav-head { font-family:inherit; }
.site-nav .nav-head { border:0; width:100%; font:inherit; font-weight:bold; }
.site-nav .nav-head:focus-visible, .site-nav a:focus-visible, .nav-toggle:focus-visible { outline:3px solid #1A48A3; outline-offset:-3px; }

/* ===== 2026-09-03 改善: 導線・見やすさ・アクセシビリティ ===== */
.skip-link { position:absolute; left:-999px; top:0; background:#BA3639; color:#fff; padding:10px 16px; z-index:200; }
.skip-link:focus { left:8px; top:8px; }
/* ヘッダー・ナビ */
.site-header { max-width:1030px; }
.head-copy { font-size:13px; color:#555; margin-bottom:2px; }
.head-tel small { color:#555; }
.head-links { display:flex; gap:14px; font-size:13px; font-weight:bold; }
.head-links a { color:#1A48A3; text-decoration:underline; text-underline-offset:3px; }
.site-nav a, .site-nav .nav-head { color:#2b2b33; }
.site-nav a small, .site-nav .nav-head small { opacity:.75; }
.nc-trial > a { background:#D9363A; color:#fff; }
.site-nav .nav-head::after { content:"▾"; font-size:11px; margin-top:2px; }
@media (max-width:1100px) { .site-nav a small, .site-nav .nav-head small { display:none; } }
.nav-toggle { background:#D9363A; }
/* ボタン類のコントラスト（オレンジ濃色） */
.trial-btn, .footer-btn, .cta-btn, .form-submit, .josei-box .more { background:#C96A00; }
.trial-btn { box-shadow:0 3px 0 #9d5200, 0 4px 12px rgba(0,0,0,.22); }
.btn-strength { background:#A8302F; }
.gr-link { background:#2F6F9E; }
.grw-head { background:#2F6F9E; }
.grw-more { color:#2F6F9E; }
.page-band { background:#DE8410; }
.site-footer { background:#F59797; color:#3b2f30; }
.site-footer h2, .site-footer a, .footer-tel a { color:#3b2f30; }
.footer-links { font-size:13px; opacity:1; gap:8px 18px; }
.footer-links a { color:#3b2f30; padding:4px 0; display:inline-block; }
.footer-btn { color:#fff !important; }
.copyright { opacity:1; font-size:12px; color:#5a4a4a; }
.footer-trust { font-size:13px; margin:-4px auto 12px; max-width:640px; line-height:1.7; }
.breadcrumb, .breadcrumb a, .blog-list .date, .grw-date { color:#5f5f68; }
.breadcrumb { padding:12px 0 0; }
main p a:not([class]), main li a:not([class]), main td a:not([class]) { text-decoration:underline; text-underline-offset:2px; }
/* トップ */
.promo-caption { background:#BA3639; color:#fff; text-align:center; font-size:13px; font-weight:bold; padding:8px 12px; margin:0; }
.lead h1, .lead h2 { font-size:21px; }
.lead-sub { color:#1A48A3; font-size:17px; font-weight:bold; margin-bottom:18px; }
.lead-cta { margin-top:18px; }
.lead-cta .trial-btn { display:inline-block; }
.reviews-jump { display:inline-block; margin-top:12px; font-size:13px; color:#1A48A3; text-decoration:underline; }
.check-list li a { color:#333; text-decoration:underline; text-decoration-color:#BA3639; text-underline-offset:3px; }
.itemid-317 .column03 .inner .course-meta { font-size:12.5px; font-weight:bold; color:#BA3639; text-align:center; margin:8px 15px 0; line-height:1.4; }
.itemid-317 .column03 .inner .text { line-height:1.6; font-size:13px; }
/* コースページ：概要バー・次の行動 */
.course-summary { text-align:center; padding:18px 15px 0; }
.course-summary p { margin-bottom:12px; font-size:15px; line-height:1.8; }
.course-summary .trial-btn { display:inline-block; }
.course-summary + * { padding-top:30px; }
.next-action { padding:34px 15px 0; }
.next-action .cta-bottom { padding:0 0 10px; }
.cta-lead { font-weight:bold; margin-bottom:14px; }
.cta-tel { margin-top:14px; font-size:18px; font-weight:bold; }
.cta-tel a { color:#BA3639; }
.cta-tel small { display:block; font-size:12px; font-weight:normal; color:#555; }
.related-h { color:#BA3639; font-size:18px; border-bottom:3px solid #BA3639; padding-bottom:6px; margin:28px 0 12px; }
main h2.related-h { margin-top:28px; }
.course-links { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0 0 12px; }
.course-links a { display:inline-block; border:2px solid #4E9BD1; color:#1A48A3; border-radius:20px; padding:6px 14px; font-weight:bold; }
.related-blog { font-size:14px; }
/* 見出しの折り返し */
h3.heading span, .page-band h1, .page-band h2, .kiji-midashi-2 { text-wrap:balance; line-break:strict; overflow-wrap:anywhere; }
/* 料金表（スマホ横スクロール） */
.scroll-hint { font-size:12px; color:#666; text-align:center; margin:0 0 4px; }
/* Q&A */
.page-qa main [class*="itemid-"] { padding-top:8px; }
.page-qa main h3.midashi_q { margin:0; padding-right:36px; }
.page-qa h3.midashi_q:focus-visible { outline:3px solid #1A48A3; outline-offset:2px; }
/* フォーム */
.form-table input, .form-table select, .form-table textarea { font-size:16px; padding:12px; min-height:46px; }
.form-table input[type="radio"], .form-table input[type="checkbox"] { min-height:0; width:auto; padding:0; margin:0 6px 0 0; vertical-align:middle; }
.course-choices label { display:inline-block; margin:0 14px 8px 0; white-space:nowrap; }
.form-submit { display:block; width:100%; max-width:340px; margin:0 auto; font-size:18px; padding:16px; }
.form-error { text-align:left; background:#FFF3F3; border:2px solid #BA3639; border-radius:8px; padding:12px 14px; margin:0 0 18px; }
.form-error a { color:#BA3639; text-decoration:underline; }
/* クチコミ：PCでも3件＋もっと見る */
.grw-list:not(.open) .grw-card:nth-child(n+4) { display:none; }
.grw-list:not(.open) .grw-more { display:block; }
/* アクセスページ */
.access-page h2 { color:#BA3639; font-size:20px; margin:30px 0 10px; border-bottom:3px solid #BA3639; padding-bottom:6px; }
.access-page .map iframe { width:100%; height:320px; border:0; max-width:640px; display:block; }
.access-page ul { list-style:disc; padding-left:1.6em; margin-bottom:14px; }
/* スマホ */
@media (max-width:768px) {
  .site-header .logo { margin-right:64px; }
  .head-copy { font-size:12px; }
  .lead p { text-align:left; }
  .lead h1, .lead h2 { font-size:18px; text-align:center; }
  .btn-strength { font-size:15px; padding:14px 24px; }
  .column02 .inner { width:100%; margin-right:0; }
  .tuition2, .tuition { min-width:520px; }
  .tuition2 th, .tuition2 td { width:auto; white-space:nowrap; padding:.6em .5em; font-size:13px; }
  .page-band h1, main .page-band h2 { font-size:21px !important; line-height:1.35; }
  h3.heading span { font-size:2.0rem; }
  /* 画面下の固定バー（電話・無料体験） */
  .fab { left:0; right:0; bottom:0; flex-direction:row; gap:0; }
  .fab a { flex:1; width:auto; height:54px; border-radius:0; flex-direction:row; gap:6px; font-size:15px; box-shadow:0 -2px 8px rgba(0,0,0,.2); }
  .fab .form { background:#C96A00; }
  .fab .form span { font-size:17px; line-height:1; }
  .fab .tel { background:#BA3639; font-size:15px; }
  .fab .tel img { width:22px; height:26px; }
  body { padding-bottom:54px; }
}
@media (min-width:769px) { .fab .form, .fab .tel { display:none; } }

/* 2026-09-03 追記: スマホではヘッダーのサブリンクを出さない・横スクロール防止ガード */
@media (max-width:768px) { .head-links { display:none; } }
html, body { overflow-x:clip; }
/* 2026-09-09 追記: グローバルナビの縦位置を揃える
   ドロップダウン付き項目の「▾」が1行分を占め、文字ブロックが上にずれていたため、
   矢印を絶対配置にして全項目を同じ2行構成に統一する（PCのみ。スマホは行レイアウトのまま） */
@media (min-width:769px) {
  .site-nav a, .site-nav .nav-head { position:relative; padding-bottom:20px; }
  .site-nav .nav-head::after { position:absolute; left:0; right:0; bottom:7px; margin-top:0; line-height:1; }
  /* 長い英字サブラベル（NATIONAL QUALIFICATION 等）が枠いっぱいになるので字間を詰める */
  .site-nav a small, .site-nav .nav-head small { letter-spacing:.02em; }
}