/* 全体のセクション*/
p{
    font-size: 1.7rem;
    color: #000000;}

span{font-weight: bold;}

.learning-section {
    padding: 150px 20px 75px 20px;
    color: #000000;
    line-height: 2.2;
    font-family: "Hiragino Sans", "Meiryo", sans-serif;
    position: relative;
    overflow: hidden;
    z-index: -1;
}

.learning-section::before {
    position: absolute;
    top: -100px;
    right: -100px;
    width: 300px;
    height: 300px;
}

.learning-container {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* タイトル：思わず目が留まる、リズムのあるデザイン */
.learning-title {
    text-align: center;
    font-size: 3rem;
    color: #4a6a41;
    margin-bottom: 30px;
    font-weight: 800;
}


/* 導入のテキストを少し大きく */
.intro-text {
    background-color: rgb(255, 219, 219);
    max-width: 800px;
    font-size: 2rem;
    text-align: center;
    margin:0 auto 50px auto;
    color: #000000;
    font-weight: 500;
    border-radius: 30px;
}

.intro-text span{
    font-size: 2.5rem;
    font-weight: bold;
}

.list-sp{display: none;}

/* 学校の現状：そっと寄り添うようなグレーアウト */
.highlight-box {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 40px 5px 40px 5px; /* 非対称で柔らかい形 */
    box-shadow: 0 15px 35px rgba(0,0,0,0.05);
    margin: 20px 0;
    font-size: 1.7rem;
    border: 1px solid #f0f0f0;
}

/* 本質を突く強調メッセージ */
.emphasis-text {
    font-size: 2rem;
    text-align: left;
    color: #333;
    padding: 60px 0;
    line-height: 1.8;
    position: relative;
}

.emphasis-text span {
    display: inline;
    background: linear-gradient(transparent 70%, #ffedab 70%); /* 太めのマーカー */
    font-weight: bold;
    padding: 0 8px;
    color: #d9534f; /* 可能性を信じる「赤」 */
}

/* 「ふらっとルーム」の提供価値 */
.provider-box {
    font-size: 1.6rem;
    color: #000000;
    border: 2px solid #4a6a41;
    padding: 50px;
    border-radius: 30px;
    background: #fff;
    margin-bottom: 60px;
}

/* 最後の結び：感動を呼ぶフィナーレ */
.closing-text {
    font-size: 2.2rem;
    font-weight: bold;
    color: #4a6a41;
    text-align: center;
    margin-top: 80px;
    line-height: 1.6;
}


/* スマホ対応：大胆にサイズを変更 */
@media (max-width: 600px) {
    p{font-size: 1rem;}
    .learning-section{padding-top: 80px;}
    .learning-title { font-size: 1.3rem; }
    .intro-text { font-size: 1rem;  padding: 10px;}
    .intro-text span{font-size: 1.1rem; }
    .pc-text{display:none}
    .list-sp{display: block;}
    .emphasis-text { font-size: 1.1rem; }
    
    .closing-text { font-size: 1.3rem; text-align: left; }
    .highlight-box { padding: 25px; font-size: 1rem;}
    .provider-box{font-size: 1.1rem; padding: 20px; }

    }