幼児・低学年向け最新教材を動画でチェック
うさプロ最新トピックス
うさプロオンラインとは
簡単！手軽に 教えやすい
クラウド型のプログラミング教材です
初期費用0円！
パソコンとインターネットが
あれば即スタートできる
圧倒的な低価格
月額8,140円(税込)～※で
教材は自由に使い放題！
充実の先生用コンテンツ
教えるための「余白」を設計。
短期間での開講が可能
高品質で子どもに大人気
ワクワクが続く！
スクラッチ教材が充実
手軽にプログラミングを教えたい！
プログラミングを始めたい！
近所の子たちに教えたい
教えたいけれど…こんなご心配ありませんか？
安心してください！
たっぷり使い放題の無料トライアル受付中！
手軽にプログラミング教材を試してみませんか？
/* ボタン全体のコンテナ */ .usapro-button-group { display: grid; grid-template-columns: repeat(2, 1fr); /* 2カラムで並べる */ gap: 20px; max-width: 800px; margin: 40px auto; padding: 0 20px; } /* 共通ボタンスタイル */ .usa-btn { display: flex; align-items: center; justify-content: center; padding: 20px 10px; border-radius: 15px; font-weight: bold; font-size: 1.1rem; text-decoration: none !important; transition: all 0.3s ease; box-shadow: 0 6px 15px rgba(0,0,0,0.08); text-align: center; border: 2px solid transparent; } .usa-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(213, 99, 138, 0.2); } /* 1. 今すぐお試し（メイン・ピンク） */ .btn-otameshi { background-color: #d5638a; color: #ffffff !important; grid-column: span 2; /* これだけ横幅いっぱい */ font-size: 1.3rem; padding: 25px; } .btn-otameshi:hover { background-color: #bf5478; } /* 2. カリキュラム詳細（白背景ピンク枠） */ .btn-curriculum { background-color: #ffffff; color: #d5638a !important; border-color: #f2abbd; } .btn-curriculum:hover { background-color: #fffafa; border-color: #d5638a; } /* 3. サービス概要（白背景ピンク枠） */ .btn-service { background-color: #ffffff; color: #d5638a !important; border-color: #f2abbd; } .btn-service:hover { background-color: #fffafa; border-color: #d5638a; } /* 4. 無料トライアル（サブ・強調） */ .btn-trial { background-color: #f2abbd; /* 優しいピンク */ color: #ffffff !important; grid-column: span 2; /* 横幅いっぱい */ } .btn-trial:hover { background-color: #d5638a; } /* アイコン代わりの矢印 */ .usa-btn::after { content: " ➔"; margin-left: 8px; font-size: 1rem; opacity: 0.7; } /* モバイル対応 */ @media (max-width: 600px) { .usapro-button-group { grid-template-columns: 1fr; } .usa-btn { grid-column: span 1 !important; } }