SCOTの指導の基本コンセプトは
「学校の授業の少し前を勉強する」です。
一日の大半を過ごす学校での授業を無駄にしないため、早すぎず遅すぎない「絶妙な予習」を重視しています。学習進度の違いが生む「2つのサイクル」を比較してみましょう。
理想のサイクル
学校の授業が解る
▼
宿題が短時間ですむ
▼
さらに予習ができる
避けたい悪循環
学校の授業が解らない
▼
宿題に長時間かかる
▼
予習ができない
.scot-concept-container {
font-family: “Helvetica Neue”, Arial, “Hiragino Kaku Gothic ProN”, “Hiragino Sans”, Meiryo, sans-serif;
line-height: 1.8;
color: #333;
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
.scot-intro-text {
font-size: 1.25rem;
text-align: center;
margin-bottom: 20px;
}
.scot-intro-text strong {
color: #d32f2f;
font-size: 1.4rem;
background: linear-gradient(transparent 70%, #ffecb3 70%);
}
.scot-flex-container {
display: flex;
gap: 20px;
margin: 30px 0;
flex-wrap: wrap;
}
.scot-card {
flex: 1;
min-width: 300px;
border-radius: 12px;
padding: 25px;
text-align: center;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.scot-positive {
border: 2px solid #f80101;
background-color: #fff9f9;
}
.scot-negative {
border: 2px solid #0d6ff9;
background-color: #f9fbff;
}
.scot-card-title {
margin-top: 0;
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 20px;
}
.scot-positive .scot-card-title { color: #f80101; }
.scot-negative .scot-card-title { color: #0d6ff9; }
.scot-flow {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.scot-step {
font-weight: bold;
padding: 8px 15px;
border-radius: 5px;
background: #fff;
width: 90%;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.scot-arrow {
font-size: 0.8rem;
color: #999;
}
.scot-positive .highlight {
background-color: #f80101;
color: #fff;
}
.scot-negative .shadow {
background-color: #666;
color: #fff;
}
.scot-footer-text {
font-size: 0.95rem;
margin-top: 20px;
border-top: 1px solid #eee;
padding-top: 20px;
}
@media (max-width: 600px) {
.scot-flex-container {
flex-direction: column;
}
}