/* 教育プラン固有の金利案内・地域確認。共通レイアウト等はサイト共通CSSを使用。 */
.edu-rate-simple{border:1px solid #E5E1DB;border-radius:8px;overflow:hidden;background:#fff}
.edu-rate-simple__head{padding:24px;background:#FBF6EE;border-bottom:1px solid #E5E1DB}
.edu-rate-simple__head h3{font-size:20px;font-weight:700;line-height:1.5;margin:0;color:#222}
.edu-rate-simple__head p{font-size:14px;line-height:1.8;margin:8px 0 0;color:#555}
.edu-rate-simple__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px 24px 16px}
.edu-rate-simple__item{min-width:0;padding:20px 16px;border:1px solid #E5E1DB;border-radius:8px;background:#fff}
.edu-rate-simple__item--accent{border:2px solid #DF2925;padding:19px 15px}
.edu-rate-simple__title{font-size:15px;font-weight:700;line-height:1.8;margin:0 0 16px;color:#222}
.edu-rate-simple__title span{display:block;font-size:12px;font-weight:500;color:#555;margin-top:5px}
.edu-rate-simple__number{font-size:27px;font-weight:700;line-height:1.5;letter-spacing:-.04em;color:#DF2925;white-space:nowrap;margin:0}
.edu-rate-simple__number small{font-size:.55em;letter-spacing:0;margin-right:4px}
.edu-rate-simple__foot{padding:0 24px 20px;color:#555;font-size:13px;line-height:1.9}
.edu-rate-simple__foot p+p{margin-top:8px}
.edu-rate-simple__office{padding:20px 24px;margin:0 24px 24px;background:#FBF6EE;border-radius:8px;font-size:14px;line-height:1.9}
.edu-application-flow{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:0 20px 24px;font-size:15px;font-weight:700;line-height:1.8;color:#222}
.edu-application-flow>span:not(.edu-flow-arrow){padding:8px 12px;background:#fff;border:1px solid #E5E1DB;border-radius:6px}
.edu-application-flow .edu-flow-arrow{color:#DF2925}
.edu-application-note{margin:20px 24px 0;font-size:13px;line-height:1.8;text-align:center;color:#555}
#tk-area-gate{border:1px solid #E5E1DB;border-radius:8px;padding:28px;margin:48px 0 0;background:#fff;color:#222;font-size:15px;line-height:1.8;scroll-margin-top:24px}
#tk-area-gate *{box-sizing:border-box}
#tk-area-gate h2{margin-bottom:24px}
#tk-area-gate p{margin-bottom:16px}
#tk-area-gate .tk-region{padding:20px;background:#FBF6EE;border-radius:8px;margin-bottom:24px}
#tk-area-gate .tk-region strong{display:block;margin-bottom:8px;font-size:16px}
#tk-area-gate .tk-check{display:flex;align-items:flex-start;gap:14px;padding:20px;background:#FBF6EE;border:1px solid #E5E1DB;border-radius:8px;cursor:pointer;font-weight:700}
#tk-area-gate .tk-check:has(input:checked){border-color:#DF2925}
#tk-area-gate input{appearance:auto;-webkit-appearance:auto;position:static;opacity:1;width:22px;height:22px;flex:0 0 22px;margin:3px 0 0;accent-color:#DF2925}
#tk-area-gate .tk-required{display:inline-block;font-size:12px;background:#DF2925;color:#fff;border-radius:3px;padding:0 7px;margin-right:8px;vertical-align:1px}
#tk-area-gate .tk-note{font-size:13px;margin:16px 0;color:#555}
#tk-area-gate .tk-status{font-size:13px;text-align:center;margin:24px 0 12px}
#tk-area-gate .tk-apply{display:block;width:100%;max-width:480px;margin:0 auto;background:#DF2925;color:#fff;border:1px solid #DF2925;border-radius:8px;font:inherit;font-weight:700;padding:18px 20px;cursor:pointer;line-height:1.6}
#tk-area-gate .tk-apply:disabled{background:#E1E1E1;border-color:#E1E1E1;color:#686868;cursor:not-allowed}
#tk-area-gate .tk-apply:not(:disabled):hover{background:#BB211E;border-color:#BB211E}
#tk-area-gate :focus-visible{outline:3px solid #205F9C;outline-offset:4px}
@media(max-width:768px){
 .edu-rate-simple__head{padding:20px 16px}.edu-rate-simple__head h3{font-size:18px}
 .edu-rate-simple__list{grid-template-columns:1fr;padding:16px;gap:12px}.edu-rate-simple__number{font-size:30px}
 .edu-rate-simple__foot{padding:0 16px 16px}.edu-rate-simple__office{padding:16px;margin:0 16px 16px}
 .edu-application-flow{gap:5px;margin:0 12px 20px;font-size:13px}.edu-application-flow>span:not(.edu-flow-arrow){padding:7px 8px}
 .edu-application-note{margin:16px 18px 0;text-align:left}
 #tk-area-gate{padding:20px 16px;margin-top:32px}#tk-area-gate .tk-check{padding:16px 12px}#tk-area-gate .tk-region{padding:16px}
}
@media(max-width:360px){.edu-application-flow{flex-direction:column}.edu-application-flow .edu-flow-arrow{transform:rotate(90deg)}.edu-rate-simple__number{font-size:27px}}