/* 月数と用途から英語表現を確かめる欄。 */
.month-duration{--md-ink:#175475;--md-line:#9cbccc;--md-paper:#f3fbff;--md-focus:#e78220;padding:22px;margin:24px 0;background:var(--md-paper);border-top:4px solid var(--md-ink);color:var(--md-ink)}
.month-duration [hidden]{display:none!important}
.month-duration h2{font-size:22px!important;line-height:1.5;margin:0 0 12px!important;padding:0!important;background:none!important;border:0!important}
.month-duration h2::before,.month-duration h2::after{display:none!important}
.month-duration p{font-size:14px;line-height:1.8}
.month-duration form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0}
.month-duration label{display:grid;gap:6px;font-size:14px;font-weight:700;max-width:200px;min-width:0}
.month-duration :is(input,select){font:inherit;font-size:20px;box-sizing:border-box;padding:10px;min-width:0;width:100%;min-height:46px;border:1px solid var(--md-line);background:white;color:var(--md-ink);border-radius:6px}
.month-duration form button{font:inherit;font-size:14px;font-weight:700;min-height:46px;padding:10px 18px;background:var(--md-ink);color:white;border:1px solid var(--md-ink);border-radius:6px;cursor:pointer}
.month-duration :is(input,select,button,a):focus-visible{outline:3px solid var(--md-focus);outline-offset:3px}
.month-duration [data-md-error]{color:#9d2929}
.month-duration__result{background:#fff;padding:16px;border-bottom:1px solid var(--md-line)}
.month-duration__label{display:block;font-size:13px;margin-bottom:8px}
.month-duration .sc-en{font-size:26px;line-height:1.5;font-weight:700;overflow-wrap:anywhere;display:block}
.month-duration__link a{color:var(--md-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:480px){.month-duration{padding:16px 12px}.month-duration .sc-en{font-size:23px}.month-duration__result{padding:12px}}