ショップ

:root{--ym-ink:#111b16;--ym-sub:#526158;--ym-green:#0b6d45;--ym-deep:#07140f;--ym-gold:#d7aa45;--ym-line:#dbe5de;--ym-paper:#fbfdfb}
.page-header,.breadcrumb{display:none!important}
.entry-body{background:#f6f8f4;padding-top:0!important}
.main-section,.site-body{background:#f6f8f4}
.ym-site{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ym-ink);background:linear-gradient(180deg,#f6f8f4 0%,#fff 42%,#f6f8f4 100%);line-height:1.8}
.ym-site *{box-sizing:border-box}
.ym-wrap{width:min(1120px,calc(100% - 28px));margin:0 auto}
.ym-nav{padding:18px 0 8px}
.ym-nav__bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--ym-line)}
.ym-logo{color:var(--ym-ink)!important;text-decoration:none!important;line-height:1.1}
.ym-logo strong{display:block;font-size:20px;font-weight:950;letter-spacing:.02em}
.ym-logo span{display:block;margin-top:4px;color:var(--ym-green);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ym-nav__links{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.ym-nav__links a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid var(--ym-line);background:#fff;color:var(--ym-ink)!important;text-decoration:none!important;font-size:13px;font-weight:900}
.ym-nav__links a:hover{border-color:var(--ym-gold);color:var(--ym-green)!important}
.ym-hero{position:relative;overflow:hidden;margin:18px 0 34px;padding:56px 0 46px;background:#0b2017;color:#fff}
.ym-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,rgba(7,20,15,.98) 0%,rgba(11,77,52,.90) 58%,rgba(215,170,69,.88) 58.2%,rgba(215,170,69,.70) 100%)}
.ym-hero:after{content:"";position:absolute;right:8%;top:28px;width:220px;height:220px;border:1px solid rgba(255,255,255,.25);transform:rotate(12deg)}
.ym-hero .ym-wrap{position:relative;z-index:1}
.ym-kicker{display:inline-flex;margin:0 0 14px;padding:7px 11px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.10);color:#fff;font-size:12px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.ym-hero h1{max-width:760px;margin:0 0 16px!important;color:#fff!important;font-size:clamp(34px,5vw,64px)!important;line-height:1.12!important;font-weight:950!important;letter-spacing:0!important}
.ym-hero p{max-width:760px;margin:0 0 24px!important;color:#f4fff8!important;font-size:18px;line-height:1.9;font-weight:650}
.ym-actions{display:flex;flex-wrap:wrap;gap:10px}
.ym-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;text-decoration:none!important;font-weight:950}
.ym-btn--primary{background:var(--ym-gold);color:#111b16!important}
.ym-btn--secondary{border:1px solid rgba(255,255,255,.42);background:#fff;color:#10221a!important}
.ym-section{padding:34px 0}
.ym-section--dark{margin:28px 0;padding:42px 0;background:#10221a;color:#fff}
.ym-section h2{margin:0 0 16px!important;color:var(--ym-ink)!important;font-size:clamp(26px,3.2vw,42px)!important;line-height:1.25!important;font-weight:950!important;letter-spacing:0!important}
.ym-section--dark h2{color:#fff!important}
.ym-lead{max-width:760px;margin:0 0 22px!important;color:var(--ym-sub)!important;font-size:17px;line-height:1.9}
.ym-section--dark .ym-lead{color:#e8f5ed!important}
.ym-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ym-card{padding:22px;border:1px solid var(--ym-line);background:#fff;box-shadow:0 16px 36px rgba(16,34,26,.08)}
.ym-card h3{margin:0 0 8px!important;color:var(--ym-ink)!important;font-size:20px!important;font-weight:950!important}
.ym-card p{margin:0!important;color:var(--ym-sub)!important;font-size:15px;line-height:1.85}
.ym-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}
.ym-step{padding:18px 14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08)}
.ym-step strong{display:block;color:#fff;font-size:15px;font-weight:950}
.ym-step span{display:block;margin-top:5px;color:#dceee4;font-size:13px}
.ym-panel{padding:28px;border:1px solid var(--ym-line);background:#fff;box-shadow:0 18px 40px rgba(16,34,26,.08)}
.ym-panel h2,.ym-panel h3{color:var(--ym-ink)!important}
.ym-table{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ym-row{padding:18px;border:1px solid var(--ym-line);background:#fff}
.ym-row strong{display:block;margin-bottom:6px;color:var(--ym-green);font-weight:950}
.ym-faq{display:grid;gap:12px}
.ym-faq-item{padding:20px;border-left:5px solid var(--ym-green);background:#fff;box-shadow:0 12px 28px rgba(16,34,26,.07)}
.ym-faq-item h3{margin:0 0 8px!important;font-size:18px!important;font-weight:950!important}
.ym-faq-item p{margin:0!important;color:var(--ym-sub)!important}
.ym-original{margin-top:18px;padding:20px;border:1px dashed #c7d8ce;background:#fff}
.ym-original img{max-width:100%;height:auto}
@media(max-width:900px){.ym-nav__bar{align-items:flex-start;flex-direction:column}.ym-nav__links{justify-content:flex-start}.ym-hero:before{background:linear-gradient(180deg,rgba(7,20,15,.98) 0%,rgba(11,77,52,.92) 100%)}.ym-grid,.ym-flow{grid-template-columns:1fr 1fr}.ym-table{grid-template-columns:1fr}}
@media(max-width:560px){.ym-wrap{width:min(100% - 22px,1120px)}.ym-nav__links a{width:calc(50% - 4px)}.ym-hero{padding:38px 0}.ym-hero h1{font-size:32px!important}.ym-grid,.ym-flow{grid-template-columns:1fr}.ym-btn{width:100%}}

Practical Application / 実践

ショップ

必要な手続きや商品を確認できます。

このページでできること

必要な手続きや商品を確認できます。

相談内容を整理

学年、目的、現在の悩みを共有すると案内がスムーズです。

入口を確認

診断、改善、実践、進路のどこから始めるか整理します。

次の行動へ

必要に応じて体験、個人レッスン、チーム活動へ接続します。

ページ内容

Practical Application / 実践

ショップ

必要な手続きや商品を確認できます。

このページでできること

必要な手続きや商品を確認できます。

相談内容を整理

学年、目的、現在の悩みを共有すると案内がスムーズです。

入口を確認

診断、改善、実践、進路のどこから始めるか整理します。

次の行動へ

必要に応じて体験、個人レッスン、チーム活動へ接続します。

ページ内容

迷ったら、現在地の確認から始めてください。

目的に合わない入口を選ぶと、時間も費用も遠回りになります。まずは今の課題と目標を整理し、最適な入口をご案内します。

迷ったら、現在地の確認から始めてください。

目的に合わない入口を選ぶと、時間も費用も遠回りになります。まずは今の課題と目標を整理し、最適な入口をご案内します。

全8件を表示