/* ==========================================================================
   選ばれる理由（reason-lp）専用スタイル - 極フラット・視認性重視
   ========================================================================== */

.reason-lp {
    color: #333;
    line-height: 1.8;
    font-size: 1.4rem;
    padding-top: 50px; /* h1見出しとの干渉回避 */
}

.reason-lp p {
    font-size:1.5rem;
    text-align:left;
}

.lp-inner {
    max-width: 970px;
    margin: 0 auto;
    padding: 0 20px;
}

.lp-full-bg {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    position: relative;
    padding: 80px 0;
}

/* 導入メッセージ */
.lp-intro-header {
    background-color: #f4f7f9;
    background-image: url(https://school.curious-world.co.jp/wp-content/uploads/2026/02/PXL_20220507_042223435.png);
    padding: 80px 0;
    margin-bottom: 60px;
    text-align: center;
}

.lp-main-catch {
    font-size: 2.4rem;
    font-weight: 900;
    color: #004a99;
    line-height: 1.5;
    margin-bottom: 30px;
}

/* 各セクション見出し */
.lp-sec-title {
    font-size: 2.6rem;
    line-height:1.5;
    color: #004a99;
    text-align: center;
    margin-bottom: 50px;
    font-weight: 900;
}

.lp-sub-headline {
    font-size: 2.2rem;
    color: #004a99;
    margin: 80px 0 40px;
    font-weight: 900;
    text-align: center;
}

/* グリッドカード */
.lp-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.lp-grid-item {
    flex: 1;
    min-width: calc(50% - 10px);
    background: #f4f7f9;
    padding: 50px;
}

.lp-grid-item h4 {
    font-size: 1.7rem;
    line-height:1.5;
    color: #004a99;
    margin-bottom: 20px;
    font-weight: 900;
}

/* 実績・リスト表示 */
.lp-list-box {
    background: #fff;
    padding: 40px;
}

.lp-school-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    font-weight: bold;
    text-align:center;
}

/* ボタン */
.lp-cta-btn {
    display: inline-block;
    background: #ff8c00;
    color: #fff !important;
    padding: 25px 80px;
    font-weight: 900;
    font-size: 1.8rem;
    text-decoration: none;
    margin:0 auto;
}

@media (max-width: 767px) {
    .lp-main-catch { font-size: 1.8rem; }
    .lp-grid-item { min-width: 100%; padding: 30px; }
}