/* 追加ページ専用。共通のフォント・背景・中央幅はcustom.cssで変更。 */
.lesson-intro{padding:95px 28px 100px;text-align:center}
.lesson-intro p{margin-top:28px}
.lesson-group{width:72%;margin:0 auto 100px;position:relative}
.lesson-group header h2{text-align:left;background:#dcf0ed;font:300 36px/1.25 var(--font-en);letter-spacing:0;padding:3px 12px;margin-bottom:10px}
.lesson-group header h3{font-size:22px;line-height:1.5;margin:0 10px}
.lesson-group header>p{margin:0 10px}
.lesson-level{color:#608378}
.lesson-level span{letter-spacing:.1em}
.lesson-card{margin-top:45px}
.lesson-card img{height:auto;aspect-ratio:1.78;object-fit:cover}
.lesson-card h3{font-size:18px;font-weight:500;margin:15px 0 10px;line-height:1.6}
.lesson-card h3:before{content:'■';font-size:12px;margin-right:5px}
.lesson-first-book{margin:35px -25px -28px;position:relative;z-index:1}
.price-page .about-hero{height:215px}
.price-page .main{color:#34423f}
.price-trial{background:#edf8f5;margin:45px 20px 0;padding:38px 45px}
.price-trial h2{color:#80b5a7;border-bottom:1px solid #a9ccc2;padding-bottom:22px;margin-bottom:24px;font-weight:500}
.price-page .main .price-small{font-size:10pt;color:#82988f}
.price-page .main .price-trial-amount{text-align:right;color:#7fb4a6;margin-top:20px;white-space:nowrap}
.price-trial-amount strong{font-size:44px;font-weight:600;font-family:var(--font-en)}
.price-trial-amount span{font-size:16px}
.price-section{margin:110px auto 0;width:76%}
.price-page .price-heading{font-size:27px;font-weight:500;margin-bottom:35px}
.price-heading:after{content:'';display:block;background:#abcac0;width:70%;height:1px;margin:30px auto 0}
.price-fees dl{margin:0}
.price-fees dl>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 0}
.price-fees dt{display:flex;align-items:center;gap:12px}
.price-fees dd{margin:0;white-space:nowrap;font-size:23px;font-family:var(--font-en)}
.price-fees small,.membership-amount small{font-size:12px;font-family:var(--font-body)}
.fee-icon{display:grid;place-items:center;width:44px;height:44px;background:#88b9a9;color:#fff;border-radius:50%;font-size:20px;flex-shrink:0}
.price-plan-intro{text-align:center;margin-bottom:40px}
.membership{padding:28px 0 45px;border-bottom:1px solid #d2d8d5}
.membership:last-child{border-bottom:0}
.price-page .main .membership-tag{border:1px solid #bed6cc;color:#90b7a9;width:max-content;max-width:100%;font-size:11pt;text-align:center;margin:0 auto 28px;padding:5px 13px}
.membership-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;text-align:center}
.membership h3{font-size:19px;font-weight:500}
.price-page .main .membership-row>div>p{font-size:11pt;line-height:1.5;margin-top:6px}
.price-page .main .membership-amount{font-size:25px;white-space:nowrap;font-family:var(--font-en)}
.membership-amount span{font-size:16px}
.price-benefits{text-align:center;margin-top:85px}
.price-page .price-benefits h2{font:400 25px/1.5 var(--font-en)}
.price-benefits h3{font-size:22px;line-height:1.5}
.benefit-diagram{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 30px}
.benefit-diagram>span{display:grid;align-content:center;text-align:center;aspect-ratio:1;width:40%;border-radius:50%;background:#ccebe4;color:#62a797;font:400 23px/1.3 var(--font-en)}
.benefit-diagram>span:last-child{background:#ffd2b5;color:#c47d55}
.benefit-diagram>div{font:300 40px/.8 var(--font-en);color:#a9b1ac}
.price-benefits>p{text-align:left}
.price-page .main .price-notes{margin-top:65px;margin-bottom:120px}
.price-page .main .price-notes p{font-size:10pt;line-height:1.8;color:#7e8782;margin-bottom:8px}
@media(max-width:420px){.lesson-group{width:76%}.lesson-intro{padding-top:70px;padding-bottom:75px}.lesson-group header h2{font-size:31px}.lesson-group header h3{font-size:20px}.price-trial{padding:30px 25px;margin-inline:15px}.price-section{width:82%;margin-top:85px}.price-fees dd{font-size:21px}.fee-icon{width:35px;height:35px}.price-fees dt{gap:8px;font-size:15px}.membership h3{font-size:16px}.price-page .main .membership-amount{font-size:22px}.benefit-diagram>span{font-size:21px}}