Menu
Memo(JA)
Notebook(JA)
建てる
build
営む
living
買う・借りる
rent/buy
まち
cities
法令
Law
Memo(EN)
Notebook
Japanese Cities & Development
Cities in Japan
Urban Planning in Japan
Urban Planning
Architecture & Law in Japan
Architecture & Law
About Kento-kun
kentokun
Privacy Policy
privacy-policy
Memo(JA)
Notebook(JA)
建てる
build
営む
living
買う・借りる
rent/buy
まち
cities
法令
Law
Memo(EN)
Notebook
Japanese Cities & Development
Cities in Japan
Urban Planning in Japan
Urban Planning
Architecture & Law in Japan
Architecture & Law
About Kento-kun
kentokun
Privacy Policy
privacy-policy
Memo(JA)
Memo(EN)
About Kento-kun
Privacy Policy
Kentoくん50問チャレンジ｜宅建・盛土規制法
</noscript><iframe id="kento-fill-regulation-quiz-frame" title="Kentoくん50問チャレンジ 宅建・盛土規制法" loading="eager" data-no-lazy="1" srcdoc="<!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Kentoくん50問チャレンジ｜宅建・盛土規制法</title> <style> :root { --ink: #2d3335; --muted: #657075; --navy: #37474f; --blue: #8b6f47; --sky: #eef1ef; --cream: #fff4df; --mint: #e8f1e9; --yellow: #f2ca78; --coral: #b9523c; --white: #fff; --line: #d5d9d8; --shadow: 0 18px 48px rgba(50, 57, 58, .15); } * { box-sizing: border-box; } [hidden] { display: none !important; } html { scroll-behavior: smooth; } body { margin: 0; color: var(--ink); font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif; background: linear-gradient(90deg, rgba(55,71,79,.045) 1px, transparent 1px), linear-gradient(rgba(55,71,79,.045) 1px, transparent 1px), radial-gradient(circle at 8% 4%, rgba(242,202,120,.78) 0 78px, transparent 79px), radial-gradient(circle at 92% 6%, rgba(255,255,255,.86) 0 102px, transparent 103px), linear-gradient(180deg, #e8e4dc 0, #f7f4ee 380px, #eef1ef 100%); background-size: 28px 28px, 28px 28px, auto, auto, auto; line-height: 1.75; } button, a { font: inherit; } button { touch-action: manipulation; } .quiz-shell { width: min(100% - 28px, 980px); margin: 0 auto; padding: 28px 0 58px; } .quiz-card { position: relative; overflow: hidden; min-height: 680px; background: rgba(255,255,255,.96); border: 1px solid rgba(55,71,79,.18); border-radius: 34px; box-shadow: var(--shadow); } .quiz-card::before { position: absolute; z-index: 2; inset: 0 0 auto; height: 9px; content: ""; background: linear-gradient(90deg, var(--navy) 0 34%, var(--blue) 34% 72%, var(--yellow) 72%); } .quiz-view { display: none; padding: clamp(24px, 5vw, 58px); } .quiz-view.is-active { display: block; animation: fade-up .35s ease both; } .eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px; padding: 7px 14px; color: var(--navy); background: var(--yellow); border-radius: 999px; font-size: 14px; font-weight: 800; letter-spacing: .08em; } h1, h2, p { margin-top: 0; } .nowrap { white-space: nowrap; } h1 { margin-bottom: 18px; font-size: clamp(36px, 6.2vw, 64px); line-height: 1.16; letter-spacing: -.045em; } h1 span { color: var(--blue); } h2 { font-size: clamp(26px, 4vw, 40px); line-height: 1.35; } .lead { max-width: 620px; color: var(--muted); font-size: clamp(16px, 2vw, 19px); } .intro-grid { display: block; max-width: 760px; padding-left: clamp(0px, 2vw, 18px); border-left: 6px solid rgba(198,95,47,.88); } .mode-title { margin: 32px 0 12px; color: var(--navy); font-size: 17px; font-weight: 800; } .mode-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .mode-button { min-height: 102px; padding: 17px 20px; text-align: left; color: var(--ink); background: var(--white); border: 2px solid var(--line); border-radius: 20px; cursor: pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .mode-button:hover, .mode-button:focus-visible { transform: translateY(-3px); border-color: var(--blue); box-shadow: 0 12px 24px rgba(75,135,197,.15); outline: none; } .mode-button strong { display: block; margin-bottom: 3px; color: var(--navy); font-size: 19px; } .mode-button small { color: var(--muted); font-size: 13px; } .quiz-note { margin: 18px 0 0; color: var(--muted); font-size: 13px; } .overall-progress { margin: 22px 0 0; padding: 18px; background: #f3f8fc; border: 1px solid var(--line); border-radius: 18px; } .overall-progress-row { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 9px; color: var(--navy); font-weight: 800; } .overall-progress-row strong { color: var(--blue); } .overall-track { height: 10px; overflow: hidden; background: #dfe9f1; border-radius: 999px; } .overall-bar { width: 0; height: 100%; background: linear-gradient(90deg, var(--blue), #55a982); border-radius: inherit; transition: width .35s ease; } .reset-progress-button { margin-top: 12px; color: #536273; background: transparent; border-style: dashed; } .resume-button { display: none; width: 100%; margin-top: 14px; color: var(--white); background: linear-gradient(135deg, var(--navy), var(--blue)); border-color: transparent; box-shadow: 0 11px 24px rgba(35,69,99,.2); } .resume-button.is-visible { display: block; } .resume-button strong, .resume-button small { color: var(--white); } .resume-button small { opacity: .9; } .set-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; } .set-button { position: relative; min-height: 100px; padding: 14px 70px 14px 15px; text-align: left; color: var(--navy); background: var(--white); border: 2px solid var(--line); border-radius: 16px; cursor: pointer; } .set-button:hover, .set-button:focus-visible { border-color: var(--blue); outline: none; } .set-button strong { display: block; margin-bottom: 4px; font-size: 16px; } .set-button small { display: block; color: var(--muted); font-size: 11px; line-height: 1.55; } .set-button-progress { position: absolute; top: 50%; right: 11px; width: 52px; padding: 6px 3px; color: var(--blue); background: #f2f7fb; border-radius: 10px; text-align: center; font-size: 10px; font-weight: 900; line-height: 1.35; transform: translateY(-50%); } .set-button.is-complete { background: var(--mint); border-color: #9bd0b8; } .set-button.is-current { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(75,135,197,.13); } .utility-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; } .utility-button { padding: 9px 15px; color: var(--navy); background: #fff; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; font-weight: 800; cursor: pointer; } .utility-button:disabled { cursor: not-allowed; opacity: .45; } .coming-soon { display: inline-flex; align-items: center; min-height: 38px; padding: 7px 13px; color: var(--muted); background: rgba(255,255,255,.65); border: 1px dashed #aebdca; border-radius: 999px; font-size: 13px; font-weight: 750; } .learning-report { margin-top: 22px; padding: 22px; background: linear-gradient(135deg, #f4f9fd, #fffaf0); border: 1px solid #d8e5ef; border-radius: 22px; } .learning-report-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; } .learning-report-label { display: block; margin-bottom: 4px; color: var(--blue); font-size: 12px; font-weight: 900; letter-spacing: .08em; } .learning-report h3 { margin: 0; color: var(--navy); font-size: 22px; line-height: 1.4; } .learning-report-copy { margin: 7px 0 0; color: var(--muted); font-size: 14px; } .analysis-milestones { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 17px; } .analysis-milestone { position: relative; padding: 9px 6px; color: #7a8896; background: rgba(255,255,255,.72); border: 1px solid var(--line); border-radius: 12px; text-align: center; font-size: 11px; font-weight: 800; } .analysis-milestone strong { display: block; color: inherit; font-size: 16px; } .analysis-milestone.is-unlocked { color: var(--navy); background: var(--mint); border-color: #94cdb2; } .milestone-hanamaru { position: absolute; z-index: 2; top: -12px; right: -8px; display: grid; place-items: center; width: 38px; height: 38px; color: #9f3f35; background: #fffdf7; border: 3px double #b94f43; border-radius: 50%; box-shadow: 0 0 0 3px rgba(255,255,255,.92), 0 4px 9px rgba(47,62,76,.14); font-size: 10px; font-weight: 950; line-height: 1; letter-spacing: -.08em; transform: rotate(8deg); } .milestone-hanamaru::before, .milestone-hanamaru::after { position: absolute; z-index: -1; width: 30px; height: 30px; content: ""; border: 2px solid rgba(185,79,67,.55); border-radius: 45% 55% 48% 52%; transform: rotate(35deg); } .milestone-hanamaru::after { transform: rotate(80deg); } .analysis-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 17px; } .analysis-stat { padding: 13px; background: rgba(255,255,255,.82); border: 1px solid #dce7ef; border-radius: 14px; } .analysis-stat span { display: block; color: var(--muted); font-size: 11px; font-weight: 750; } .analysis-stat strong { display: block; color: var(--navy); font-size: 21px; } .analysis-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 13px; } .analysis-panel { padding: 15px; background: rgba(255,255,255,.78); border: 1px solid #dce7ef; border-radius: 15px; } .analysis-panel h4 { margin: 0 0 8px; color: var(--navy); font-size: 15px; } .analysis-panel p { margin: 0; color: #526476; font-size: 13px; } .analysis-guidance { margin-top: 13px; padding: 16px 17px; color: #465157; background: #fffaf0; border: 1px solid #ead8b8; border-left: 5px solid var(--blue); border-radius: 15px; } .analysis-guidance h4 { margin: 0 0 7px; color: var(--navy); font-size: 15px; } .analysis-guidance p { margin: 0; font-size: 13px; line-height: 1.8; } .analysis-guidance ul { display: grid; gap: 6px; margin: 9px 0 0; padding-left: 1.25em; color: #526066; font-size: 13px; line-height: 1.7; } .analysis-guidance strong { color: var(--navy); } .analysis-note { margin: 12px 0 0; padding: 9px 11px; color: #677277; background: rgba(255,255,255,.72); border: 1px dashed #c8cfcd; border-radius: 10px; font-size: 11px; line-height: 1.7; } .analysis-priority { display: inline-flex; margin-bottom: 7px; padding: 3px 9px; color: #fff; background: var(--blue); border-radius: 999px; font-size: 10px; font-weight: 900; letter-spacing: .06em; } .analysis-rows { display: grid; gap: 9px; margin-top: 9px; } .analysis-row-head { display: flex; justify-content: space-between; gap: 10px; color: #46596b; font-size: 12px; } .analysis-row-head strong { color: var(--navy); } .analysis-score { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; } .analysis-status { padding: 2px 7px; color: #fff; background: #596575; border-radius: 999px; font-size: 10px; font-style: normal; font-weight: 900; } .analysis-row-track { height: 7px; overflow: hidden; background: #e4ebf1; border-radius: 999px; } .analysis-row-bar { height: 100%; background: var(--blue); border-radius: inherit; } .analysis-row-bar.is-strong { background: #4fa378; } .analysis-row-bar.is-review { background: repeating-linear-gradient(135deg, #596575 0 6px, #8993a0 6px 11px); } .analysis-review-button { width: 100%; min-height: 48px; margin-top: 12px; padding: 10px 18px; color: #fff; background: #465565; border: 0; border-radius: 999px; font-weight: 850; cursor: pointer; } .analysis-review-button:hover, .analysis-review-button:focus-visible { background: var(--navy); outline: 3px solid rgba(70,85,101,.22); } .analysis-celebration { margin-top: 14px; padding: 15px 17px; color: var(--navy); background: var(--yellow); border-radius: 15px; font-weight: 850; } .progress-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; } .progress-label { color: var(--navy); font-weight: 800; } .score-label { color: var(--muted); font-size: 14px; } .question-overall-progress { display: flex; justify-content: space-between; gap: 12px; margin: -3px 0 8px; color: var(--muted); font-size: 12px; font-weight: 750; } .question-overall-progress strong { color: var(--blue); } .progress-track { height: 10px; margin-bottom: 28px; overflow: hidden; background: #e9eff4; border-radius: 999px; } .progress-bar { width: 10%; height: 100%; background: linear-gradient(90deg, var(--blue), #76b3dd); border-radius: inherit; transition: width .35s ease; } .question-meta { color: var(--blue); font-size: 14px; font-weight: 800; letter-spacing: .08em; } .question-text { margin: 10px 0 16px; font-size: clamp(22px, 3.7vw, 32px); font-weight: 750; line-height: 1.65; letter-spacing: .01em; } .answer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .answer-button { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 82px; color: var(--navy); background: var(--sky); border: 0; border-radius: 22px; font-size: clamp(19px, 3vw, 25px); font-weight: 800; cursor: pointer; box-shadow: inset 0 0 0 1px rgba(75,135,197,.08); transition: transform .18s ease, background .18s ease, box-shadow .18s ease; } .answer-button[data-answer="false"] { color: #9b4a38; background: #fff0eb; } .answer-button:hover, .answer-button:focus-visible { transform: translateY(-2px); background: #d9efff; box-shadow: 0 10px 22px rgba(75,135,197,.16); outline: none; } .answer-button[data-answer="false"]:hover, .answer-button[data-answer="false"]:focus-visible { background: #ffe1d8; box-shadow: 0 10px 22px rgba(241,120,91,.14); } .answer-icon { display: inline-grid; place-items: center; width: 38px; height: 38px; font-size: 36px; font-weight: 700; line-height: 1; } .answer-button:disabled { cursor: default; opacity: .58; transform: none; } .feedback { display: none; grid-template-columns: 92px minmax(0, 1fr); gap: 20px; align-items: center; margin-top: 24px; padding: 22px; border-radius: 22px; } .feedback.is-visible { display: grid; animation: pop .28s ease both; } .feedback.is-correct { background: var(--mint); } .feedback.is-wrong { background: #fff0eb; } .feedback-mark { display: grid; place-items: center; width: 72px; height: 72px; color: var(--white); background: #2d916d; border-radius: 50%; font-size: 38px; font-weight: 900; } .feedback.is-wrong .feedback-mark { background: var(--coral); } .feedback-title { margin: 0 0 4px; font-size: 23px; line-height: 1.35; } .feedback-copy { margin: 0; color: #435466; } .feedback-supplement { margin: 11px 0 0; padding: 10px 12px; color: #4d5658; background: rgba(255,255,255,.72); border-left: 4px solid var(--blue); border-radius: 9px; font-size: 13px; line-height: 1.75; } .feedback-supplement strong { color: var(--navy); } .feedback-actions { display: flex; grid-column: 1 / -1; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 4px; } .next-button, .restart-button { min-height: 50px; padding: 11px 24px; color: var(--white); background: var(--navy); border: 0; border-radius: 999px; font-weight: 800; cursor: pointer; box-shadow: 0 8px 18px rgba(23,59,94,.18); } .next-button:hover, .next-button:focus-visible, .restart-button:hover, .restart-button:focus-visible { background: #245579; outline: 3px solid rgba(75,135,197,.25); } .article-link { color: var(--blue); font-weight: 750; text-underline-offset: 4px; } .result-hero { padding: clamp(22px, 4vw, 38px); background: linear-gradient(135deg, #f0f9ff, #fffaf0); border: 1px solid #d7e9f7; border-radius: 28px; } .result-top { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 34px; align-items: center; } .result-top h2 { margin-bottom: 16px; font-size: clamp(26px, 3.4vw, 36px); } .result-top h2:focus { outline: none; } .score-row { display: flex; align-items: center; gap: 22px; } .score-circle { display: grid; flex: 0 0 auto; place-items: center; width: 176px; height: 176px; margin: 4px 0; background: var(--white); border: 12px solid #c9e7fb; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(75,135,197,.08); } .score-number { color: var(--navy); font-size: 51px; font-weight: 900; line-height: 1; } .score-number small { font-size: 20px; } .result-facts { display: grid; gap: 8px; min-width: 180px; } .result-fact { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-bottom: 8px; border-bottom: 1px solid #dce8f1; color: var(--muted); font-size: 14px; } .result-fact strong { color: var(--navy); font-size: 20px; } .result-meter { height: 10px; margin-top: 14px; overflow: hidden; background: #e4edf4; border-radius: 999px; } .result-meter-bar { width: 0; height: 100%; background: linear-gradient(90deg, var(--blue), #55a982); border-radius: inherit; transition: width .55s ease; } .result-message { max-width: 600px; margin: 18px 0 0; color: #4e6072; font-size: 17px; } .result-kento-wrap { position: relative; display: grid; place-items: center; min-height: 310px; padding-top: 48px; } .kento-speech { position: absolute; z-index: 2; top: 0; left: 0; margin: 0; padding: 10px 15px; color: var(--navy); background: var(--white); border: 2px solid #bdddf4; border-radius: 18px; font-size: 16px; font-weight: 900; line-height: 1.35; box-shadow: 0 8px 18px rgba(31,60,88,.1); } .kento-speech::after { position: absolute; right: 22px; bottom: -10px; width: 16px; height: 16px; content: ""; background: var(--white); border-right: 2px solid #bdddf4; border-bottom: 2px solid #bdddf4; transform: rotate(45deg); } .result-kento { width: 100%; max-height: 330px; object-fit: contain; filter: drop-shadow(0 16px 18px rgba(31,60,88,.14)); } .result-kento.perfect { animation: cheer .8s ease-in-out infinite alternate; } .result-kento.good { animation: float 2.8s ease-in-out infinite; } .result-kento.retry { animation: nod 2.2s ease-in-out infinite; } .result-next { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; margin-top: 24px; padding: 20px 22px; background: var(--cream); border: 1px solid #f0dfad; border-radius: 20px; } .result-next-label { display: block; margin-bottom: 3px; color: #9b6b00; font-size: 12px; font-weight: 900; letter-spacing: .08em; } .result-next h3 { margin: 0 0 4px; color: var(--navy); font-size: 20px; } .result-next p { margin: 0; color: var(--muted); font-size: 14px; } .result-next-link { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 18px; color: var(--white); background: var(--blue); border-radius: 999px; font-weight: 800; text-decoration: none; white-space: nowrap; } .result-next-link:hover, .result-next-link:focus-visible { background: var(--navy); outline: 3px solid rgba(75,135,197,.22); } .achievement-goods { position: relative; display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 28px; align-items: center; margin-top: 30px; padding: 26px; overflow: hidden; background: linear-gradient(135deg, #edf7ff 0%, #fff9e6 100%); border: 2px solid #f0ce62; border-radius: 26px; box-shadow: 0 16px 34px rgba(35,69,99,.11); } .achievement-goods::before { position: absolute; top: -66px; right: -42px; width: 180px; height: 180px; content: ""; background: rgba(244,206,63,.22); border-radius: 50%; } .achievement-goods-visual { position: relative; z-index: 1; display: grid; place-items: center; min-height: 220px; padding: 12px; background: rgba(255,255,255,.76); border: 1px solid rgba(196,216,231,.9); border-radius: 20px; } .achievement-goods-visual img { display: block; width: 100%; height: 220px; object-fit: contain; filter: drop-shadow(0 12px 14px rgba(35,69,99,.15)); } .achievement-goods-copy { position: relative; z-index: 1; } .achievement-goods-label { display: inline-flex; margin-bottom: 10px; padding: 6px 11px; color: var(--white); background: var(--navy); border-radius: 999px; font-size: 12px; font-weight: 900; letter-spacing: .08em; } .achievement-goods h3 { margin: 0 0 9px; color: var(--navy); font-size: clamp(23px, 3vw, 31px); line-height: 1.4; } .achievement-goods p { margin: 0 0 16px; color: #4d6071; font-size: 15px; } .achievement-goods-link { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 11px 20px; color: var(--white); background: #c44736; border-radius: 999px; font-weight: 900; text-decoration: none; box-shadow: 0 9px 20px rgba(196,71,54,.2); } .achievement-goods-link:hover, .achievement-goods-link:focus-visible { background: #9d3226; outline: 3px solid rgba(196,71,54,.22); } .achievement-goods-link.is-disabled { cursor: default; background: #6c7b88; box-shadow: none; } .achievement-goods-note { display: block; margin-top: 11px; color: var(--muted); font-size: 11px; line-height: 1.65; } .review { margin-top: 32px; } .review h3 { margin-bottom: 13px; color: var(--navy); font-size: 21px; } .review-list { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; } .review-item { padding: 15px 17px; background: #f7f9fb; border-left: 5px solid var(--coral); border-radius: 12px; } .review-item strong { display: block; margin-bottom: 3px; color: var(--navy); } .review-item p { margin: 0 0 6px; color: #4d5f70; font-size: 14px; } .review-item .review-supplement { margin-top: 9px; padding: 9px 11px; color: #4d5658; background: #f3eee5; border-left: 4px solid var(--blue); border-radius: 8px; font-size: 13px; } .review-item a { color: var(--blue); font-size: 13px; font-weight: 750; } .review-perfect { padding: 18px 20px; background: var(--mint); border-radius: 16px; } .review-perfect p { margin: 0; } .result-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--line); } .restart-button.mistakes { background: var(--coral); } .restart-button.mistakes:hover, .restart-button.mistakes:focus-visible { background: #c85941; } .restart-button.secondary { color: var(--navy); background: var(--white); border: 2px solid var(--navy); box-shadow: none; } .restart-button.secondary:hover { color: var(--white); background: var(--navy); } .legal-note { margin: 22px 0 0; color: var(--muted); font-size: 12px; } /* 盛土規制法UI：コンクリートグレー＋建築オレンジへ統一 */ body { background: linear-gradient(90deg, rgba(55,71,79,.038) 1px, transparent 1px), linear-gradient(rgba(55,71,79,.038) 1px, transparent 1px), radial-gradient(circle at 8% 4%, rgba(198,95,47,.16) 0 82px, transparent 83px), radial-gradient(circle at 92% 6%, rgba(255,255,255,.9) 0 104px, transparent 105px), linear-gradient(180deg, #e7e5df 0, #f7f4ee 390px, #eef0ed 100%); background-size: 28px 28px, 28px 28px, auto, auto, auto; } .quiz-card { border-color: rgba(55,71,79,.22); border-radius: 28px; box-shadow: 0 18px 44px rgba(38,45,48,.13); } .quiz-card::before { height: 8px; background: linear-gradient(90deg, var(--navy) 0 42%, var(--blue) 42% 82%, var(--yellow) 82%); } .quiz-view { padding: clamp(28px, 4.6vw, 50px); } .intro-grid { max-width: 790px; border-left-width: 5px; } .eyebrow { color: var(--white); background: var(--navy); box-shadow: inset 5px 0 0 var(--blue); } .lead { max-width: 700px; color: #566166; line-height: 1.9; } .mode-title { display: flex; align-items: center; gap: 9px; margin-top: 34px; font-size: 18px; } .mode-title::before { width: 5px; height: 1.25em; content: ""; background: var(--blue); border-radius: 999px; } .overall-progress { padding: 19px 20px; background: #f4f2ed; border-color: #d1d5d2; border-left: 5px solid var(--blue); } .overall-progress-row { align-items: baseline; font-size: 15px; } .overall-progress-row strong { font-size: 18px; } .overall-track, .progress-track, .result-meter { background: #d9ddda; } .overall-bar, .progress-bar, .result-meter-bar { background: linear-gradient(90deg, var(--blue), var(--yellow)); } .reset-progress-button { color: #4e5a5f; background: rgba(255,255,255,.82); border-color: #aeb6b3; } .learning-report { background: linear-gradient(135deg, #f2f3f0, #fff7e9); border-color: #cfd4d1; } .learning-report-label { color: var(--blue); } .analysis-milestone { color: #667176; background: rgba(255,255,255,.84); } .analysis-milestone.is-unlocked { color: var(--navy); background: #fce8d7; border-color: #d99368; } .analysis-stat, .analysis-panel { border-color: #d5d9d6; } .analysis-guidance { background: #fff8eb; border-color: #e7d3b1; } .resume-button { min-height: 92px; background: linear-gradient(135deg, #37474f, #925437 56%, #c65f2f); box-shadow: 0 11px 24px rgba(55,71,79,.21); } .mode-button { border-color: #c9cfcc; box-shadow: 0 5px 13px rgba(55,71,79,.055); } .mode-button:hover, .mode-button:focus-visible { border-color: var(--blue); box-shadow: 0 10px 22px rgba(198,95,47,.16); } .mode-button strong { font-size: 20px; } .mode-button small { color: #5d686d; font-size: 14px; } .resume-button small { color: var(--white); opacity: .92; } .set-grid { gap: 12px; } .set-button { min-height: 108px; padding: 16px 78px 16px 17px; border-color: #c9cfcc; box-shadow: 0 4px 12px rgba(55,71,79,.045); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .set-button:hover, .set-button:focus-visible { transform: translateY(-2px); border-color: var(--blue); box-shadow: 0 9px 19px rgba(198,95,47,.13); } .set-button strong { font-size: 17px; } .set-button small { color: #5d686d; font-size: 13px; line-height: 1.6; } .set-button-progress { right: 13px; width: 58px; color: #9f461f; background: #fff0e2; border: 1px solid #efd0ba; font-size: 11px; } .set-button.is-current { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(198,95,47,.14); } .set-button.is-complete { background: #edf3ee; border-color: #9fbeaa; } .utility-button { color: var(--navy); border-color: #bfc6c2; } .question-meta, .question-overall-progress strong, .article-link { color: #aa4c25; } .question-text { color: #252b2d; } .answer-button, .answer-button[data-answer="false"] { color: var(--navy); background: #f1f2ef; border: 2px solid #cbd0cd; box-shadow: none; } .answer-button[data-answer="true"] .answer-icon { color: #47705e; } .answer-button[data-answer="false"] .answer-icon { color: #a64c3b; } .answer-button:hover, .answer-button:focus-visible, .answer-button[data-answer="false"]:hover, .answer-button[data-answer="false"]:focus-visible { background: #fff5e8; border-color: var(--blue); box-shadow: 0 9px 19px rgba(198,95,47,.14); } .feedback { border: 1px solid rgba(55,71,79,.12); } .feedback-supplement { border-left-color: var(--blue); } .next-button, .restart-button { background: var(--navy); box-shadow: 0 8px 18px rgba(55,71,79,.2); } .next-button:hover, .next-button:focus-visible, .restart-button:hover, .restart-button:focus-visible { background: #27353b; outline-color: rgba(198,95,47,.28); } .result-hero { background: linear-gradient(135deg, #f1f3f0, #fff6e7); border-color: #d5d7d1; } .score-circle { border-color: #efc09f; box-shadow: inset 0 0 0 1px rgba(198,95,47,.13); } .result-fact { border-bottom-color: #d7dcd8; } .result-message { color: #566166; } .kento-speech { border-color: #c7cfca; box-shadow: 0 8px 18px rgba(55,71,79,.1); } .kento-speech::after { border-right-color: #c7cfca; border-bottom-color: #c7cfca; } .result-next { background: #fff4df; border-color: #ead29f; } .result-next-label { color: #955022; } .result-next-link { background: var(--blue); } .result-next-link:hover, .result-next-link:focus-visible { background: var(--navy); outline-color: rgba(198,95,47,.25); } .achievement-goods { background: linear-gradient(135deg, #f0f2ef 0%, #fff4df 100%); border-color: #d4a15e; box-shadow: 0 16px 34px rgba(55,71,79,.12); } .achievement-goods-visual { border-color: #cfd6d1; } .review-item { background: #f5f6f3; } .review-item .review-supplement { background: #f3eee5; } button:focus-visible, a:focus-visible { outline-offset: 3px; } @keyframes fade-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } } @keyframes pop { from { opacity: 0; transform: scale(.97); } to { opacity: 1; transform: scale(1); } } @keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } @keyframes cheer { from { transform: translateY(0) rotate(-1deg); } to { transform: translateY(-10px) rotate(1deg); } } @keyframes nod { 0%,100% { transform: rotate(0); } 45% { transform: rotate(1.5deg); } 55% { transform: rotate(-1.5deg); } } @media (max-width: 720px) { .quiz-shell { width: min(100% - 16px, 980px); padding-top: 10px; } .quiz-card { min-height: 650px; border-radius: 24px; } .quiz-view { padding: 24px 18px 30px; } .result-hero { padding: 20px 16px; } .result-top { grid-template-columns: 1fr; gap: 14px; } .result-kento-wrap { min-height: 245px; padding-top: 42px; order: -1; } .kento-speech { left: 8px; font-size: 15px; } .mode-grid { grid-template-columns: 1fr; } .mode-button { min-height: 86px; } .set-grid { grid-template-columns: 1fr; } .learning-report { padding: 18px 15px; } .learning-report-header { display: block; } .analysis-milestones { grid-template-columns: repeat(2, minmax(0, 1fr)); } .analysis-summary, .analysis-grid { grid-template-columns: 1fr; } .progress-row { align-items: flex-start; } .progress-label { max-width: 68%; } .question-text { margin-bottom: 14px; font-size: 21px; } .answer-grid { gap: 10px; } .answer-button { min-height: 72px; padding: 10px 8px; font-size: 18px; } .feedback { grid-template-columns: 52px minmax(0, 1fr); gap: 13px; padding: 17px 15px; } .feedback-mark { width: 48px; height: 48px; font-size: 27px; } .feedback-title { font-size: 19px; } .feedback-copy { font-size: 14px; } .feedback-actions { grid-column: 1 / -1; } .next-button { flex: 1 1 100%; } .result-kento { width: 210px; height: 230px; margin: 0 auto; } .score-row { align-items: stretch; gap: 14px; } .score-circle { width: 145px; height: 145px; border-width: 10px; } .score-number { font-size: 43px; } .result-facts { min-width: 0; flex: 1; } .result-fact { gap: 8px; } .result-fact strong { font-size: 18px; } .result-next { grid-template-columns: 1fr; padding: 18px; } .result-next-link { width: 100%; } .achievement-goods { grid-template-columns: 1fr; gap: 16px; padding: 20px 17px; text-align: center; } .achievement-goods-visual { min-height: 190px; } .achievement-goods-visual img { height: 190px; } .achievement-goods-link { width: 100%; } .result-actions > * { flex: 1 1 100%; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } } </style> </head> <body> <main class="quiz-shell"> <section class="quiz-card" aria-label="Kentoくん50問チャレンジ"> <div id="introView" class="quiz-view is-active"> <div class="intro-grid"> <div> <p class="eyebrow">宅建・盛土規制法</p> <h1>Kentoくん<br><span>50問チャレンジ</span></h1> <p class="lead">盛土規制法を10問ずつ、全5セットで攻略しよう。回答後は正誤の理由と初心者向けの用語補足を表示し、詳しい記事が未公開の問題は「Coming Soon」と案内します。</p> <div class="overall-progress" aria-label="50問の学習進捗"> <div class="overall-progress-row"><span>学習済み</span><strong id="overallProgressLabel">0 / 50問</strong></div> <div class="overall-track" aria-hidden="true"><div id="overallProgressBar" class="overall-bar"></div></div> <button id="resetProgressButton" class="utility-button reset-progress-button" type="button">50問の学習記録をリセット</button> </div> <div id="introAchievementSlot"></div> <section id="learningReportIntro" class="learning-report" aria-label="回答傾向分析" aria-live="polite"></section> <button id="resumeButton" class="mode-button resume-button" type="button"><strong>前回の続きから</strong><small id="resumeCopy">保存した問題から再開</small></button> <p class="mode-title">挑戦するモードを選んでね</p> <div class="mode-grid"> <button class="mode-button" type="button" data-mode="today"> <strong>今日の10問</strong> <small>まだ答えていない問題を優先</small> </button> <button class="mode-button" type="button" data-mode="random"> <strong>ランダム10問</strong> <small>未回答を優先し、50問を一巡</small> </button> </div> <p class="mode-title">セットを選ぶ</p> <div id="setGrid" class="set-grid" aria-label="10問セット一覧"></div> <div class="utility-actions"> <button id="mistakeModeButton" class="utility-button" type="button">間違えた問題から10問</button> </div> <p class="quiz-note">回答のたびにこの端末へ自動保存します。別の端末・ブラウザやプライベートモードには引き継がれません。問題IDの「FR」はFill Regulation（盛土規制法）の略です。</p> </div> </div> </div> <div id="questionView" class="quiz-view"> <div class="progress-row"> <span id="progressLabel" class="progress-label">第1問 / 10</span> <span id="scoreLabel" class="score-label">現在 0問正解</span> </div> <div class="question-overall-progress"><span>50問の達成状況</span><strong id="questionOverallProgress">0 / 50問（0%）</strong></div> <div class="progress-track" aria-hidden="true"><div id="progressBar" class="progress-bar"></div></div> <p id="questionMeta" class="question-meta"></p> <h2 id="questionText" class="question-text"></h2> <div class="answer-grid" aria-label="回答を選択"> <button class="answer-button" type="button" data-answer="true"><span class="answer-icon">○</span>正しい</button> <button class="answer-button" type="button" data-answer="false"><span class="answer-icon">×</span>誤り</button> </div> <div id="feedback" class="feedback" role="status" aria-live="polite"> <div id="feedbackMark" class="feedback-mark"></div> <div> <h3 id="feedbackTitle" class="feedback-title"></h3> <p id="feedbackCopy" class="feedback-copy"></p> <p id="feedbackSupplement" class="feedback-supplement" hidden></p> </div> <div class="feedback-actions"> <button id="nextButton" class="next-button" type="button">次の問題へ</button> <a id="articleLink" class="article-link" href="#" target="_blank" rel="noopener">詳しい解説記事を読む</a> <span id="articleComingSoon" class="coming-soon" hidden>詳しい解説記事は準備中 / Coming Soon</span> </div> </div> </div> <div id="resultView" class="quiz-view"> <div class="result-hero"> <div class="result-top"> <div> <p class="eyebrow">チャレンジ完了</p> <h2 id="resultTitle" tabindex="-1">おつかれさまでした！</h2> <div class="score-row"> <div id="scoreCircle" class="score-circle" aria-label="得点"> <div id="scoreNumber" class="score-number">0<small>/10</small></div> </div> <div class="result-facts" aria-label="今回の結果"> <div class="result-fact"><span>正解率</span><strong id="resultPercent">0%</strong></div> <div class="result-fact"><span>正解</span><strong id="resultCorrect">0問</strong></div> <div class="result-fact"><span>復習候補</span><strong id="resultMistakes">0問</strong></div> <div class="result-meter" aria-hidden="true"><div id="resultMeterBar" class="result-meter-bar"></div></div> </div> </div> <p id="resultMessage" class="result-message"></p> </div> <div class="result-kento-wrap"> <p id="resultSpeech" class="kento-speech">よく頑張ったね！</p> <img id="resultKento" class="result-kento" data-src="https://kentokun-urbanlife.com/wp-content/uploads/2024/06/%E3%83%9D%E3%83%BC%E3%82%BA2-e1721024265922.png" alt="挑戦をねぎらうKentoくん" data-perfect-idle="https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-perfect-idle-v2-2026.png" data-perfect-blink="https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-perfect-blink-v2-2026.png" data-perfect-talk="https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-perfect-talk-v2-2026.png" data-high-blink="https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-high-left-blink-v2-2026.png" data-fight-blink="https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-fight-megaphone-blink-v2-2026.png" data-retry-blink="https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-retry-blink-v2-2026.png"> </div> </div> </div> <div id="resultAchievementSlot"> <section id="achievementGoods" class="achievement-goods" aria-labelledby="achievementGoodsTitle" hidden> <div class="achievement-goods-visual"> <img data-src="https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-fill-regulation-50-achievement-stand-20747735.webp" alt="2026年度宅建士試験・盛土規制法50問達成記念Kentoくんアクリルスタンドの商品イメージ" width="500" height="500" loading="eager" decoding="async" fetchpriority="high" data-no-lazy="1" data-skip-lazy="1"> </div> <div class="achievement-goods-copy"> <span class="achievement-goods-label">50 / 50 ACHIEVED</span> <h3 id="achievementGoodsTitle">盛土規制法50問、<span class="nowrap">達成！</span></h3> <p>全50問を学習した方へご案内する、達成者向けデザインのKentoくんアクリルスタンドです。</p> <a id="achievementGoodsLink" class="achievement-goods-link" href="https://suzuri.jp/Kentokun_kenchikutoshi/20747735/acrylic-stand/50mm/clear" target="_blank" rel="noopener noreferrer">SUZURIでアクスタを購入する</a> <small class="achievement-goods-note">有料商品です。SUZURIの商品ページへ移動します。SUZURIの仕様上、商品ページ自体は公開されています。</small> </div> </section> </div> <div class="result-next" aria-labelledby="resultNextTitle"> <div> <span class="result-next-label">次の一歩</span> <h3 id="resultNextTitle">復習ポイントを確認しよう</h3> <p id="resultNextCopy">今回の結果に合わせて、次に見る内容を案内します。</p> </div> <a id="resultNextLink" class="result-next-link" href="https://kentokun-urbanlife.com/takken-2026-fill-regulation-law-trends/" target="_blank" rel="noopener">確認する</a> </div> <div id="review" class="review"></div> <section id="learningReportResult" class="learning-report" aria-label="回答傾向分析" aria-live="polite"></section> <div class="result-actions"> <button id="retryMistakesButton" class="restart-button mistakes" type="button" hidden>間違えた問題だけ復習</button> <button class="restart-button" type="button" data-restart="random">別のランダム10問</button> <button class="restart-button secondary" type="button" data-return-home>セット一覧へ戻る</button> </div> <p class="legal-note">法令基準日：2026年4月1日現在。法改正後は、各解説記事の更新情報も確認してください。</p> </div> </section> </main> <script> (() => { const restoreEagerImages = () => { document.querySelectorAll('img[data-src][data-no-lazy="1"]').forEach(img => { const lazySrc = img.getAttribute("data-src"); if (!img.getAttribute("src") && lazySrc) img.setAttribute("src", lazySrc); }); }; restoreEagerImages(); const schemaVersion = "2026.1"; const legalEffectiveDate = "2026-04-01"; const questions = [ { "id": "fr-001", "set": 1, "role": "盛土規制法型", "theme": "宅地", "topic": "基本・定義", "category": "基本・定義", "difficulty": "基礎", "trap": "定義の範囲", "text": "農地、採草放牧地、森林も、法上の「宅地」に含まれる。", "answer": false, "explanation": "誤りです。農地、採草放牧地、森林や道路・公園・河川などの公共施設用地は、法の「宅地」から除かれます。 ここでは日常語ではなく、盛土規制法に置かれた用語の定義を基準に判断します。", "basis": [ "盛土規制法第2条第1号" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "日常語の宅地よりも法律上の定義が狭い点に注意。農地などは宅地ではありませんが、特定盛土等の規制対象にはなり得ます。 用語をもう一度：法の「宅地」「特定盛土等」「土石の堆積」は日常語と範囲が異なるため、法第2条の定義へ戻って確認します。", "amendment": false }, { "id": "fr-002", "set": 1, "role": "盛土規制法型", "theme": "土石の堆積", "topic": "基本・定義", "category": "基本・定義", "difficulty": "基礎", "trap": "恒久・一時", "text": "法上の「土石の堆積」は、一定期間の経過後に土石を除却するものに限られる。", "answer": true, "explanation": "正しい。土石の堆積は、一定期間後に除却する一時的な堆積を指します。 ここでは日常語ではなく、盛土規制法に置かれた用語の定義を基準に判断します。", "basis": [ "盛土規制法第2条第4号" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "盛土・切土による土地の形質変更と、一時的な土石の堆積は手続や検査の扱いが異なります。 用語をもう一度：法の「宅地」「特定盛土等」「土石の堆積」は日常語と範囲が異なるため、法第2条の定義へ戻って確認します。", "amendment": false }, { "id": "fr-003", "set": 1, "role": "盛土規制法型", "theme": "災害", "topic": "基本・定義", "category": "基本・定義", "difficulty": "基礎", "trap": "用語の範囲", "text": "法上の「災害」には、崖崩れと土砂の流出が含まれる。", "answer": true, "explanation": "正しい。法は「災害」を崖崩れ又は土砂の流出による災害と定義しています。 ここでは日常語ではなく、盛土規制法に置かれた用語の定義を基準に判断します。", "basis": [ "盛土規制法第2条第5号" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "試験では一般的な災害の意味ではなく、この法律に置かれた定義で判断します。 用語をもう一度：法の「宅地」「特定盛土等」「土石の堆積」は日常語と範囲が異なるため、法第2条の定義へ戻って確認します。", "amendment": false }, { "id": "fr-004", "set": 1, "role": "盛土規制法型", "theme": "工事主", "topic": "基本・定義", "category": "基本・定義", "difficulty": "基礎", "trap": "主体の取り違え", "text": "法上、請負契約で工事を行う場合は、実際に施工する請負人が必ず「工事主」となる。", "answer": false, "explanation": "誤りです。請負契約の注文者が工事主で、請負人は工事施行者です。 ここでは日常語ではなく、盛土規制法に置かれた用語の定義を基準に判断します。", "basis": [ "盛土規制法第2条第7号・第8号" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "工事主は注文する側、工事施行者は施工する側。許可申請や住民周知の主体を問う問題で重要です。 用語をもう一度：法の「宅地」「特定盛土等」「土石の堆積」は日常語と範囲が異なるため、法第2条の定義へ戻って確認します。", "amendment": false }, { "id": "fr-005", "set": 1, "role": "盛土規制法型", "theme": "特定盛土等", "topic": "基本・定義", "category": "基本・定義", "difficulty": "標準", "trap": "土地用途", "text": "法上、農地で行う盛土でも、近接する宅地に災害を生じさせるおそれが大きい土地の形質変更は「特定盛土等」になり得る。", "answer": true, "explanation": "正しい。特定盛土等は宅地だけでなく農地等で行う土地の形質変更も対象にします。 ここでは日常語ではなく、盛土規制法に置かれた用語の定義を基準に判断します。", "basis": [ "盛土規制法第2条第3号" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "法改正で土地の用途にかかわらず危険な盛土等を包括的に規制する仕組みへ変わりました。 用語をもう一度：法の「宅地」「特定盛土等」「土石の堆積」は日常語と範囲が異なるため、法第2条の定義へ戻って確認します。", "amendment": false }, { "id": "fr-006", "set": 1, "role": "盛土規制法型", "theme": "造成宅地", "topic": "基本・定義", "category": "基本・定義", "difficulty": "標準", "trap": "対象行為", "text": "法上、土石を一時的に積み上げただけの土地も「造成宅地」に必ず含まれる。", "answer": false, "explanation": "誤りです。造成宅地は、宅地造成又は宅地で行う特定盛土等の工事が施行された宅地です。一時的な土石の堆積はこの定義に含まれません。 ここでは日常語ではなく、盛土規制法に置かれた用語の定義を基準に判断します。", "basis": [ "盛土規制法第2条第9号" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "造成宅地防災区域を考えるときは、「造成宅地」の定義と土石の堆積を分けます。 用語をもう一度：法の「宅地」「特定盛土等」「土石の堆積」は日常語と範囲が異なるため、法第2条の定義へ戻って確認します。", "amendment": false }, { "id": "fr-007", "set": 1, "role": "盛土規制法型", "theme": "規制対象", "topic": "基本・定義", "category": "基本・定義", "difficulty": "基礎", "trap": "旧法との混同", "text": "現行法は、森林で行われる危険な盛土を一律に規制対象外としている。", "answer": false, "explanation": "誤りです。現行法は土地用途の隙間をなくすため、農地・森林等で行う特定盛土等も規制対象にします。 ここでは日常語ではなく、盛土規制法に置かれた用語の定義を基準に判断します。", "basis": [ "盛土規制法第2条第3号" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "旧宅地造成等規制法からの大きな変更点です。「宅地でないから対象外」と即断しないようにします。 用語をもう一度：法の「宅地」「特定盛土等」「土石の堆積」は日常語と範囲が異なるため、法第2条の定義へ戻って確認します。", "amendment": false }, { "id": "fr-008", "set": 1, "role": "盛土規制法型", "theme": "公共施設用地", "topic": "基本・定義", "category": "基本・定義", "difficulty": "基礎", "trap": "列挙事項", "text": "法上、道路、公園、河川は「公共施設用地」に含まれる。", "answer": true, "explanation": "正しい。道路、公園、河川などは公共施設用地として宅地の定義から除かれます。 ここでは日常語ではなく、盛土規制法に置かれた用語の定義を基準に判断します。", "basis": [ "盛土規制法第2条第1号、同法施行令第2条" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "公共施設用地を宅地や農地等に転用した場合には、別途14日以内の届出が問題になります。 用語をもう一度：法の「宅地」「特定盛土等」「土石の堆積」は日常語と範囲が異なるため、法第2条の定義へ戻って確認します。", "amendment": false }, { "id": "fr-009", "set": 1, "role": "盛土規制法型", "theme": "基礎調査", "topic": "規制区域・基礎調査", "category": "規制区域・基礎調査", "difficulty": "基礎", "trap": "周期", "text": "法では、都道府県は、宅地造成等工事規制区域・特定盛土等規制区域の指定等に必要な基礎調査を、国の基本方針に基づきおおむね5年ごとに行う。", "answer": true, "explanation": "正しい。都道府県は、宅地造成等工事規制区域・特定盛土等規制区域の指定等に必要な地形・地質等の基礎調査を、おおむね5年ごとに行います。 この手続を行う行政主体は、原則として都道府県等で、区域を指定する権限者は都道府県知事等です。", "basis": [ "盛土規制法第4条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "指定都市・中核市の区域では、それぞれの市が調査主体になります。 用語をもう一度：「基礎調査」は、都道府県等が宅地造成等工事規制区域・特定盛土等規制区域の指定等に必要な地形・地質等を調べる手続です。", "amendment": false }, { "id": "fr-010", "set": 1, "role": "盛土規制法型", "theme": "調査結果", "topic": "規制区域・基礎調査", "category": "規制区域・基礎調査", "difficulty": "基礎", "trap": "公表義務", "text": "法では、都道府県が行った宅地造成等工事規制区域・特定盛土等規制区域の指定等に必要な基礎調査の結果は、関係市町村長に通知すれば足り、都道府県による一般への公表は不要である。", "answer": false, "explanation": "誤りです。都道府県は、宅地造成等工事規制区域・特定盛土等規制区域の指定等に必要な基礎調査の結果を、関係市町村長へ通知するとともに一般へ公表しなければなりません。 この手続を行う行政主体は、原則として都道府県等で、区域を指定する権限者は都道府県知事等です。", "basis": [ "盛土規制法第4条第2項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "「通知」と「公表」の両方が必要です。片方だけとする肢に注意します。 用語をもう一度：「基礎調査」は、都道府県等が宅地造成等工事規制区域・特定盛土等規制区域の指定等に必要な地形・地質等を調べる手続です。", "amendment": false }, { "id": "fr-011", "set": 2, "role": "盛土規制法型", "theme": "区域指定", "topic": "規制区域・基礎調査", "category": "規制区域・基礎調査", "difficulty": "標準", "trap": "指定主体", "text": "法上、宅地造成等工事規制区域は国土交通大臣だけが指定でき、都道府県知事は指定できない。", "answer": false, "explanation": "誤りです。基本方針と基礎調査を踏まえ、都道府県知事が区域を指定します。 この手続を行う行政主体は、原則として都道府県等で、区域を指定する権限者は都道府県知事等です。", "basis": [ "盛土規制法第10条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "指定都市・中核市の区域では、その長が法上の都道府県知事として扱われます。 用語をもう一度：「基礎調査」は、都道府県等が宅地造成等工事規制区域・特定盛土等規制区域の指定等に必要な地形・地質等を調べる手続です。", "amendment": false }, { "id": "fr-012", "set": 2, "role": "盛土規制法型", "theme": "指定の効力", "topic": "規制区域・基礎調査", "category": "規制区域・基礎調査", "difficulty": "標準", "trap": "効力発生時期", "text": "法上、都道府県知事による宅地造成等工事規制区域の指定は、関係市町村長の意見を聴いた時点で効力を生ずる。", "answer": false, "explanation": "誤りです。指定は公示によって効力を生じます。関係市町村長の意見聴取は指定前の手続です。 この手続を行う行政主体は、原則として都道府県等で、区域を指定する権限者は都道府県知事等です。", "basis": [ "盛土規制法第10条第2項・第6項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "意見聴取・公示・通知のうち、効力発生と結び付くのは公示です。 用語をもう一度：「基礎調査」は、都道府県等が宅地造成等工事規制区域・特定盛土等規制区域の指定等に必要な地形・地質等を調べる手続です。", "amendment": false }, { "id": "fr-013", "set": 2, "role": "盛土規制法型", "theme": "宅地造成等工事規制区域", "topic": "規制区域・基礎調査", "category": "規制区域・基礎調査", "difficulty": "標準", "trap": "区域の範囲", "text": "法上、都道府県知事は、市街地等区域に隣接又は近接する土地も含めて宅地造成等工事規制区域を指定できる。", "answer": true, "explanation": "正しい。市街地や集落だけでなく、それらに隣接・近接する土地も市街地等区域に含まれます。 この手続を行う行政主体は、原則として都道府県等で、区域を指定する権限者は都道府県知事等です。", "basis": [ "盛土規制法第10条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "市街地の行政界だけで機械的に区切る制度ではなく、災害のおそれと周辺への影響で指定します。 用語をもう一度：「基礎調査」は、都道府県等が宅地造成等工事規制区域・特定盛土等規制区域の指定等に必要な地形・地質等を調べる手続です。", "amendment": false }, { "id": "fr-014", "set": 2, "role": "盛土規制法型", "theme": "特定盛土等規制区域", "topic": "規制区域・基礎調査", "category": "規制区域・基礎調査", "difficulty": "標準", "trap": "区域関係", "text": "法上、都道府県知事は、宅地造成等工事規制区域の内部に重ねて特定盛土等規制区域を指定する。", "answer": false, "explanation": "誤りです。特定盛土等規制区域は、宅地造成等工事規制区域以外の土地の区域について指定します。 この手続を行う行政主体は、原則として都道府県等で、区域を指定する権限者は都道府県知事等です。", "basis": [ "盛土規制法第26条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "二つの規制区域は目的と手続の強さが異なり、法文上は外側・別区域として整理されます。 用語をもう一度：「基礎調査」は、都道府県等が宅地造成等工事規制区域・特定盛土等規制区域の指定等に必要な地形・地質等を調べる手続です。", "amendment": false }, { "id": "fr-015", "set": 2, "role": "盛土規制法型", "theme": "造成宅地防災区域", "topic": "規制区域・基礎調査", "category": "規制区域・基礎調査", "difficulty": "標準", "trap": "区域の重複", "text": "法上、都道府県知事は、宅地造成等工事規制区域内の土地を除いて造成宅地防災区域を指定する。", "answer": true, "explanation": "正しい。造成宅地防災区域の対象となる一団の造成宅地から、宅地造成等工事規制区域内の土地は除かれます。 この手続を行う行政主体は、原則として都道府県等で、区域を指定する権限者は都道府県知事等です。", "basis": [ "盛土規制法第45条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "新しい工事の許可区域ではなく、既存の造成宅地の災害防止を図る区域です。 用語をもう一度：「基礎調査」は、都道府県等が宅地造成等工事規制区域・特定盛土等規制区域の指定等に必要な地形・地質等を調べる手続です。", "amendment": false }, { "id": "fr-016", "set": 2, "role": "盛土規制法型", "theme": "着手前許可", "topic": "許可・届出・変更", "category": "許可・届出・変更", "difficulty": "基礎", "trap": "手続時期", "text": "法の宅地造成等工事規制区域内で、法第12条第1項の許可対象となる宅地造成等に関する工事を行う工事主は、着手前に都道府県知事の許可を受けなければならない。", "answer": true, "explanation": "正しい。許可対象工事は着手後の追認ではなく、着手前の許可が原則です。 許可申請又は届出を行う主体は原則として工事主で、許可・届出の相手方は都道府県知事等です。", "basis": [ "盛土規制法第12条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "許可申請前には周辺住民への周知も必要です。 用語をもう一度：「許可」は着手前に行政の承認を受ける手続、「届出」は定められた事項を行政へ知らせる手続です。届出だけでよい工事と、許可が必要な大規模工事を分けます。", "amendment": false }, { "id": "fr-017", "set": 2, "role": "盛土規制法型", "theme": "都市計画法の許可", "topic": "許可・届出・変更", "category": "許可・届出・変更", "difficulty": "標準", "trap": "許可の重複", "text": "法の宅地造成等工事規制区域又は特定盛土等規制区域の指定後に、都市計画法第29条の開発許可を受けた宅地造成又は特定盛土等に関する工事は、法第12条第1項又は第30条第1項の許可を受けたものとみなされる。", "answer": true, "explanation": "正しい。区域指定後に受けた一定の開発許可は、盛土規制法上の許可を受けたものとみなされます。 許可申請又は届出を行う主体は原則として工事主で、許可・届出の相手方は都道府県知事等です。", "basis": [ "盛土規制法第15条第2項、第34条第2項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "同じ工事に二重の許可手続を課さないための「みなし許可」です。 用語をもう一度：「許可」は着手前に行政の承認を受ける手続、「届出」は定められた事項を行政へ知らせる手続です。届出だけでよい工事と、許可が必要な大規模工事を分けます。", "amendment": false }, { "id": "fr-018", "set": 2, "role": "盛土規制法型", "theme": "国等の工事", "topic": "許可・届出・変更", "category": "許可・届出・変更", "difficulty": "標準", "trap": "許可特例", "text": "法第12条第1項又は第30条第1項の許可対象工事を国又は都道府県等が行う場合、都道府県知事との協議が成立していなくても、当然に工事許可を受けたものとみなされる。", "answer": false, "explanation": "誤りです。国等の工事は、都道府県知事との協議が成立したときに許可があったものとみなされます。 この特例の対象は国又は都道府県等で、許可に代わる要件は都道府県知事との協議の成立です。", "basis": [ "盛土規制法第15条第1項、第34条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "国・都道府県等にも手続がなくなるのではなく、「協議成立」が要件です。 用語をもう一度：「許可」は着手前に行政の承認を受ける手続、「届出」は定められた事項を行政へ知らせる手続です。届出だけでよい工事と、許可が必要な大規模工事を分けます。", "amendment": false }, { "id": "fr-019", "set": 2, "role": "盛土規制法型", "theme": "軽微な変更", "topic": "許可・届出・変更", "category": "許可・届出・変更", "difficulty": "標準", "trap": "届出の要否", "text": "法第12条第1項又は第30条第1項の工事許可を受けた工事主が、許可内容について軽微な変更をした場合は、変更許可だけでなく変更後の届出も一切不要である。", "answer": false, "explanation": "誤りです。軽微な変更は変更許可の対象外ですが、変更後は遅滞なく届出が必要です。 許可申請又は届出を行う主体は原則として工事主で、許可・届出の相手方は都道府県知事等です。", "basis": [ "盛土規制法第16条第1項・第2項、第35条第1項・第2項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "「許可不要」と「手続不要」は同じではありません。軽微な変更には事後の届出が残ります。 用語をもう一度：「許可」は着手前に行政の承認を受ける手続、「届出」は定められた事項を行政へ知らせる手続です。届出だけでよい工事と、許可が必要な大規模工事を分けます。", "amendment": false }, { "id": "fr-020", "set": 2, "role": "盛土規制法型", "theme": "区域指定時の工事", "topic": "許可・届出・変更", "category": "許可・届出・変更", "difficulty": "基礎", "trap": "日数", "text": "法の宅地造成等工事規制区域又は特定盛土等規制区域が指定された時点で、区域内においてすでに届出対象工事を行っている工事主は、区域指定日から21日以内に都道府県知事へ届け出なければならない。", "answer": true, "explanation": "正しい。宅地造成等工事規制区域又は特定盛土等規制区域の指定時に、区域内で届出対象工事をすでに行っている工事主は、指定日から21日以内に都道府県知事へ届け出ます。 許可申請又は届出を行う主体は原則として工事主で、許可・届出の相手方は都道府県知事等です。", "basis": [ "盛土規制法第21条第1項、第40条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "「着手の何日前」ではなく、「指定日から21日以内」という経過措置型の届出です。 用語をもう一度：「許可」は着手前に行政の承認を受ける手続、「届出」は定められた事項を行政へ知らせる手続です。届出だけでよい工事と、許可が必要な大規模工事を分けます。", "amendment": false }, { "id": "fr-021", "set": 3, "role": "盛土規制法型", "theme": "擁壁等の除却", "topic": "許可・届出・変更", "category": "許可・届出・変更", "difficulty": "標準", "trap": "日数", "text": "法の宅地造成等工事規制区域又は特定盛土等規制区域内で、政令で定める擁壁・排水施設等の除却工事を行おうとする者は、原則として着手日の14日前までに都道府県知事へ届け出なければならない。", "answer": true, "explanation": "正しい。許可等を受けた工事を除き、政令で定める擁壁等の工事には14日前までの届出があります。 この届出の主体は、政令で定める擁壁・排水施設等の除却工事を行おうとする者で、届出先は都道府県知事等です。", "basis": [ "盛土規制法第21条第3項、第40条第3項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "工事中の届出21日、擁壁等の除却14日前、特定区域の一般工事30日前を区別します。 用語をもう一度：「許可」は着手前に行政の承認を受ける手続、「届出」は定められた事項を行政へ知らせる手続です。届出だけでよい工事と、許可が必要な大規模工事を分けます。", "amendment": false }, { "id": "fr-022", "set": 3, "role": "盛土規制法型", "theme": "公共施設用地の転用", "topic": "許可・届出・変更", "category": "許可・届出・変更", "difficulty": "基礎", "trap": "前後関係", "text": "法の宅地造成等工事規制区域又は特定盛土等規制区域内で、公共施設用地を宅地又は農地等に転用しようとする者は、転用日の14日前までに都道府県知事へ届け出なければならない。", "answer": false, "explanation": "誤りです。公共施設用地を転用した日から14日以内に行う事後届出であり、転用前の届出ではありません。 この届出の主体は公共施設用地を転用した者で、転用した日から14日以内に都道府県知事等へ行う事後届出です。", "basis": [ "盛土規制法第21条第4項、第40条第4項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "擁壁等の工事は着手前、公共施設用地の転用は転用後。同じ14日でも前後が違います。 用語をもう一度：「許可」は着手前に行政の承認を受ける手続、「届出」は定められた事項を行政へ知らせる手続です。届出だけでよい工事と、許可が必要な大規模工事を分けます。", "amendment": false }, { "id": "fr-023", "set": 3, "role": "盛土規制法型", "theme": "特定区域の届出", "topic": "許可・届出・変更", "category": "許可・届出・変更", "difficulty": "基礎", "trap": "日数", "text": "法の特定盛土等規制区域内で、法第27条第1項の届出対象となる特定盛土等又は土石の堆積に関する工事を行う工事主は、着手日の30日前までに工事計画を都道府県知事へ届け出なければならない。", "answer": true, "explanation": "正しい。許可規模に達しない届出対象工事は、原則30日前までの届出です。 許可申請又は届出を行う主体は原則として工事主で、許可・届出の相手方は都道府県知事等です。", "basis": [ "盛土規制法第27条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "大規模なものは30日前届出ではなく、法30条の着手前許可へ切り替わります。 用語をもう一度：「許可」は着手前に行政の承認を受ける手続、「届出」は定められた事項を行政へ知らせる手続です。届出だけでよい工事と、許可が必要な大規模工事を分けます。", "amendment": false }, { "id": "fr-024", "set": 3, "role": "盛土規制法型", "theme": "大規模工事", "topic": "許可・届出・変更", "category": "許可・届出・変更", "difficulty": "標準", "trap": "届出・許可", "text": "法の特定盛土等規制区域内で、法第30条第1項の大規模な特定盛土等又は土石の堆積に関する工事を行う工事主は、30日前の届出だけで工事に着手できる。", "answer": false, "explanation": "誤りです。政令で定める大規模な工事は30日前届出では足りず、都道府県知事の許可が必要です。 許可申請又は届出を行う主体は原則として工事主で、許可・届出の相手方は都道府県知事等です。", "basis": [ "盛土規制法第30条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "特定区域は「通常規模＝届出」「大規模＝許可」という二段階です。 用語をもう一度：「許可」は着手前に行政の承認を受ける手続、「届出」は定められた事項を行政へ知らせる手続です。届出だけでよい工事と、許可が必要な大規模工事を分けます。", "amendment": false }, { "id": "fr-025", "set": 3, "role": "盛土規制法型", "theme": "届出後の変更", "topic": "許可・届出・変更", "category": "許可・届出・変更", "difficulty": "標準", "trap": "変更時期", "text": "法第27条第1項により届け出た特定盛土等規制区域内の工事計画を工事主が変更するときは、軽微な変更を除き、変更後の工事着手日の30日前までに都道府県知事へ届け出なければならない。", "answer": true, "explanation": "正しい。変更後の計画についても30日前までの届出が必要です。 許可申請又は届出を行う主体は原則として工事主で、許可・届出の相手方は都道府県知事等です。", "basis": [ "盛土規制法第28条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "最初の届出だけでなく、重要な計画変更にも同じ30日前ルールがあります。 用語をもう一度：「許可」は着手前に行政の承認を受ける手続、「届出」は定められた事項を行政へ知らせる手続です。届出だけでよい工事と、許可が必要な大規模工事を分けます。", "amendment": false }, { "id": "fr-026", "set": 3, "role": "盛土規制法型", "theme": "許可と届出", "topic": "許可・届出・変更", "category": "許可・届出・変更", "difficulty": "標準", "trap": "手続の重複", "text": "法の特定盛土等規制区域内で、法第30条第1項の工事許可を受けた者は、同じ工事について法第27条第1項の30日前届出を重ねて行う必要はない。", "answer": true, "explanation": "正しい。許可を受けた者は同じ工事について27条の届出を要しません。 許可申請又は届出を行う主体は原則として工事主で、許可・届出の相手方は都道府県知事等です。", "basis": [ "盛土規制法第30条第5項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "許可が必要な大規模工事に、一般の30日前届出を重ねる仕組みではありません。 用語をもう一度：「許可」は着手前に行政の承認を受ける手続、「届出」は定められた事項を行政へ知らせる手続です。届出だけでよい工事と、許可が必要な大規模工事を分けます。", "amendment": false }, { "id": "fr-027", "set": 3, "role": "盛土規制法型", "theme": "許可基準", "topic": "許可・届出・変更", "category": "許可・届出・変更", "difficulty": "標準", "trap": "同意の範囲", "text": "法第12条第1項又は第30条第1項に基づき工事主が行う工事許可申請では、工事区域内の土地について使用又は収益をする権利を有する者の同意は、一部の者からだけ得れば足りる。", "answer": false, "explanation": "誤りです。原則として、工事区域内の土地について使用・収益権を有する者全ての同意が許可基準です。 許可申請又は届出を行う主体は原則として工事主で、許可・届出の相手方は都道府県知事等です。", "basis": [ "盛土規制法第12条第2項第4号、第30条第2項第4号" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "所有権だけでなく、地上権・賃借権などの権利者も確認します。 用語をもう一度：「許可」は着手前に行政の承認を受ける手続、「届出」は定められた事項を行政へ知らせる手続です。届出だけでよい工事と、許可が必要な大規模工事を分けます。", "amendment": false }, { "id": "fr-028", "set": 3, "role": "盛土規制法型", "theme": "許可条件", "topic": "許可・届出・変更", "category": "許可・届出・変更", "difficulty": "基礎", "trap": "行政裁量", "text": "法第12条第1項又は第30条第1項の工事許可について、都道府県知事は、工事の施行に伴う災害を防止するため必要な条件を付すことができる。", "answer": true, "explanation": "正しい。都道府県知事は、工事の施行に伴う災害を防止するため必要な条件を許可へ付すことができます。 許可申請又は届出を行う主体は原則として工事主で、許可・届出の相手方は都道府県知事等です。", "basis": [ "盛土規制法第12条第3項、第30条第3項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "許可は無条件に与えられるとは限らず、安全確保のための条件が付くことがあります。 用語をもう一度：「許可」は着手前に行政の承認を受ける手続、「届出」は定められた事項を行政へ知らせる手続です。届出だけでよい工事と、許可が必要な大規模工事を分けます。", "amendment": false }, { "id": "fr-029", "set": 3, "role": "盛土規制法型", "theme": "住民周知の時期", "topic": "周知・公表", "category": "周知・公表", "difficulty": "基礎", "trap": "前後関係", "text": "法第11条又は第29条に基づき、工事主が法第12条第1項又は第30条第1項の工事許可申請前に行う周辺住民への周知は、許可後に工事を開始してから行えばよい。", "answer": false, "explanation": "誤りです。工事主は、盛土規制法第12条第1項又は第30条第1項の工事許可を申請する前に、工事内容を周辺住民へ周知しなければなりません。 住民への周知を行う主体は工事主、許可・届出情報を公表する主体は都道府県知事等です。", "basis": [ "盛土規制法第11条、第29条" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "「着工前」だけでなく「申請前」です。試験で時系列を入れ替えられやすい論点です。 用語をもう一度：「住民周知」は工事主が許可申請前に行い、「公表」は許可又は一定の届出の後に都道府県知事等が行います。", "amendment": false }, { "id": "fr-030", "set": 3, "role": "盛土規制法型", "theme": "住民周知の方法", "topic": "周知・公表", "category": "周知・公表", "difficulty": "標準", "trap": "方法の限定", "text": "法第11条又は第29条に基づき、工事主が工事許可申請前に行う周辺住民への周知は、説明会の開催に限られ、書面配布や掲示とインターネットの併用は認められない。", "answer": false, "explanation": "誤りです。工事主が許可申請前に行う周辺住民への周知方法として、省令は説明会、書面配布、掲示とインターネットの併用等を定めています。 住民への周知を行う主体は工事主、許可・届出情報を公表する主体は都道府県知事等です。", "basis": [ "盛土規制法施行規則第6条、第62条" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "渓流等での盛土など一定の場合は説明会が必要ですが、原則の方法は一つに限られません。 用語をもう一度：「住民周知」は工事主が許可申請前に行い、「公表」は許可又は一定の届出の後に都道府県知事等が行います。", "amendment": false }, { "id": "fr-031", "set": 4, "role": "盛土規制法型", "theme": "許可情報の公表", "topic": "周知・公表", "category": "周知・公表", "difficulty": "基礎", "trap": "公表の有無", "text": "法第12条第1項又は第30条第1項の工事許可をしたとき、都道府県知事は、工事主名や工事場所などを速やかに公表し、関係市町村長へ通知する。", "answer": true, "explanation": "正しい。盛土規制法第12条又は第30条の工事許可後は、都道府県知事等が工事主名や工事場所などを速やかに公表し、関係市町村長へも通知する必要があります。 住民への周知を行う主体は工事主、許可・届出情報を公表する主体は都道府県知事等です。", "basis": [ "盛土規制法第12条第4項、第30条第4項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "住民周知は申請前、行政による許可情報の公表は許可後です。 用語をもう一度：「住民周知」は工事主が許可申請前に行い、「公表」は許可又は一定の届出の後に都道府県知事等が行います。", "amendment": false }, { "id": "fr-032", "set": 4, "role": "盛土規制法型", "theme": "届出情報の公表", "topic": "周知・公表", "category": "周知・公表", "difficulty": "基礎", "trap": "公表の有無", "text": "法上、宅地造成等工事規制区域又は特定盛土等規制区域の指定時にすでに行われている工事について、法第21条第1項又は第40条第1項の届出を都道府県知事が受理しても、その内容は一切公表されない。", "answer": false, "explanation": "誤りです。都道府県知事は届出受理後、工事主名や所在地などを速やかに公表します。 住民への周知を行う主体は工事主、許可・届出情報を公表する主体は都道府県知事等です。", "basis": [ "盛土規制法第21条第2項、第40条第2項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "許可だけでなく、一定の届出についても透明性確保のため公表があります。 用語をもう一度：「住民周知」は工事主が許可申請前に行い、「公表」は許可又は一定の届出の後に都道府県知事等が行います。", "amendment": false }, { "id": "fr-033", "set": 4, "role": "盛土規制法型", "theme": "通常規模の盛土", "topic": "技術基準・検査・報告", "category": "技術基準・検査・報告", "difficulty": "基礎", "trap": "数値基準", "text": "法の宅地造成等工事規制区域内で、盛土によって高さ1メートルを超える崖が生じる工事は、法第12条第1項の許可対象規模に含まれる。", "answer": true, "explanation": "正しい。盛土で高さ1メートルを超える崖を生じるものは政令上の対象規模です。 工事の安全確保を行うのは工事主等で、検査・報告の申請先は都道府県知事等です。", "basis": [ "盛土規制法施行令第3条第1号" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "「超える」なので、ちょうど1メートルとの区別がポイントです。崖は原則30度を超える傾斜地をいいます。 用語をもう一度：「完了検査」は許可工事の完了後、「中間検査」は完成後に確認が難しい地下水排除工の排水管設置工程（特定工程）の終了後、「定期報告」は許可を受けた一定規模の工事状況を継続して知らせる手続です。", "amendment": false }, { "id": "fr-034", "set": 4, "role": "盛土規制法型", "theme": "通常規模の切土", "topic": "技術基準・検査・報告", "category": "技術基準・検査・報告", "difficulty": "基礎", "trap": "境界値", "text": "法の宅地造成等工事規制区域内で、切土によって高さがちょうど2メートルの崖を生じる工事は、法第12条第1項の許可対象となる「2メートルを超える崖」に当たる。", "answer": false, "explanation": "誤りです。「2メートルを超える」には、ちょうど2メートルは含まれません。 工事の安全確保を行うのは工事主等で、検査・報告の申請先は都道府県知事等です。", "basis": [ "盛土規制法施行令第3条第2号" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "以上・以下は境界を含み、超える・未満は含みません。数値だけでなく言葉も確認します。 用語をもう一度：「完了検査」は許可工事の完了後、「中間検査」は完成後に確認が難しい地下水排除工の排水管設置工程（特定工程）の終了後、「定期報告」は許可を受けた一定規模の工事状況を継続して知らせる手続です。", "amendment": false }, { "id": "fr-035", "set": 4, "role": "盛土規制法型", "theme": "面積基準", "topic": "技術基準・検査・報告", "category": "技術基準・検査・報告", "difficulty": "基礎", "trap": "数値基準", "text": "法の宅地造成等工事規制区域内では、他の高さ基準に該当しない場合でも、盛土又は切土をする土地の面積が500平方メートルを超える工事は、法第12条第1項の許可対象規模になり得る。", "answer": true, "explanation": "正しい。政令は高さ基準のほか、500平方メートルを超える面積基準を置いています。 工事の安全確保を行うのは工事主等で、検査・報告の申請先は都道府県知事等です。", "basis": [ "盛土規制法施行令第3条第5号" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "面積基準も「500平方メートル以上」ではなく「超える」です。 用語をもう一度：「完了検査」は許可工事の完了後、「中間検査」は完成後に確認が難しい地下水排除工の排水管設置工程（特定工程）の終了後、「定期報告」は許可を受けた一定規模の工事状況を継続して知らせる手続です。", "amendment": false }, { "id": "fr-036", "set": 4, "role": "盛土規制法型", "theme": "大規模な盛土", "topic": "技術基準・検査・報告", "category": "技術基準・検査・報告", "difficulty": "標準", "trap": "通常・大規模", "text": "法の特定盛土等規制区域内で、法第30条第1項の大規模工事許可の対象となる盛土の崖高基準は、通常の届出対象規模と同じ1メートル超である。", "answer": false, "explanation": "誤りです。大規模許可に切り替わる盛土の崖高基準は2メートル超です。 工事の安全確保を行うのは工事主等で、検査・報告の申請先は都道府県知事等です。", "basis": [ "盛土規制法施行令第23条第1号・第28条" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "通常の対象規模と、大規模許可・中間検査等の規模を分けて覚えます。 用語をもう一度：「完了検査」は許可工事の完了後、「中間検査」は完成後に確認が難しい地下水排除工の排水管設置工程（特定工程）の終了後、「定期報告」は許可を受けた一定規模の工事状況を継続して知らせる手続です。", "amendment": false }, { "id": "fr-037", "set": 4, "role": "盛土規制法型", "theme": "大規模な切土", "topic": "技術基準・検査・報告", "category": "技術基準・検査・報告", "difficulty": "標準", "trap": "数値基準", "text": "法の特定盛土等規制区域内で、切土により高さ5メートルを超える崖を生じる工事は、法第30条第1項の大規模工事許可の対象規模に含まれる。", "answer": true, "explanation": "正しい。切土で高さ5メートルを超える崖を生じるものは大規模規模に該当します。 工事の安全確保を行うのは工事主等で、検査・報告の申請先は都道府県知事等です。", "basis": [ "盛土規制法施行令第23条第2号・第28条" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "盛土2メートル超、切土5メートル超という非対称な基準に注意します。 用語をもう一度：「完了検査」は許可工事の完了後、「中間検査」は完成後に確認が難しい地下水排除工の排水管設置工程（特定工程）の終了後、「定期報告」は許可を受けた一定規模の工事状況を継続して知らせる手続です。", "amendment": false }, { "id": "fr-038", "set": 4, "role": "盛土規制法型", "theme": "中間検査", "topic": "技術基準・検査・報告", "category": "技術基準・検査・報告", "difficulty": "標準", "trap": "次工程の着手", "text": "法の許可を受けた一定規模の盛土工事では、地下水排除工の排水管を設置する工程が、中間検査の対象となる「特定工程」である。工事主は、この特定工程を終えた後、中間検査合格証の交付前でも排水施設の周囲を砕石等で埋める次工程へ進める。", "answer": false, "explanation": "誤りです。中間検査合格証の交付後でなければ、排水施設の周囲を埋める工程へ進めません。 「特定工程」は、許可を受けた一定規模の盛土工事で、工事主が完成後に確認できなくなる前に中間検査を申請する、地下水排除工の排水管設置工程です。", "basis": [ "盛土規制法第18条第3項、第37条第3項、同法施行令第24条" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "埋めてしまうと確認できない排水施設を、見える段階で検査する仕組みです。 用語をもう一度：「完了検査」は許可工事の完了後、「中間検査」は完成後に確認が難しい地下水排除工の排水管設置工程（特定工程）の終了後、「定期報告」は許可を受けた一定規模の工事状況を継続して知らせる手続です。", "amendment": false }, { "id": "fr-039", "set": 4, "role": "盛土規制法型", "theme": "2025年改正", "topic": "技術基準・検査・報告", "category": "技術基準・検査・報告", "difficulty": "標準", "trap": "改正範囲", "text": "施行規則の2025年9月改正では、家畜伝染病予防法第62条第1項により指定された疾病に関する一定の埋却工事も、「災害の発生するおそれがないと認められる工事」の範囲に含める整理がされた。", "answer": true, "explanation": "正しい。2025年改正は、指定疾病について準用される一定の死体・汚染物品の埋却工事を省令上の対象へ明確に追加しました。 工事の安全確保を行うのは工事主等で、検査・報告の申請先は都道府県知事等です。", "basis": [ "盛土規制法施行規則第8条第3号（2025年9月2日施行）" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "2026年度の法令基準日に入る改正です。ただし対象は家畜防疫上の一定の埋却工事に限られます。 用語をもう一度：「完了検査」は許可工事の完了後、「中間検査」は完成後に確認が難しい地下水排除工の排水管設置工程（特定工程）の終了後、「定期報告」は許可を受けた一定規模の工事状況を継続して知らせる手続です。", "amendment": true }, { "id": "fr-040", "set": 4, "role": "盛土規制法型", "theme": "定期報告", "topic": "技術基準・検査・報告", "category": "技術基準・検査・報告", "difficulty": "基礎", "trap": "報告周期", "text": "法第19条又は第38条に基づく定期報告を要する許可工事について、許可を受けた者が都道府県知事へ工事状況を報告する法令上の期間は、原則1か月ごとである。", "answer": false, "explanation": "誤りです。主務省令が定める定期報告の期間は3か月であり、原則1か月ごとではありません。 定期報告の主体は許可を受けた者で、報告先は都道府県知事等です。", "basis": [ "盛土規制法第19条・第38条、同法施行規則第49条・第79条" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "都道府県は必要に応じ、条例でより短い期間を定めることができます。 用語をもう一度：「完了検査」は許可工事の完了後、「中間検査」は完成後に確認が難しい地下水排除工の排水管設置工程（特定工程）の終了後、「定期報告」は許可を受けた一定規模の工事状況を継続して知らせる手続です。", "amendment": false }, { "id": "fr-041", "set": 5, "role": "盛土規制法型", "theme": "維持保全義務", "topic": "維持保全・監督処分", "category": "維持保全・監督処分", "difficulty": "基礎", "trap": "主体", "text": "法の宅地造成等工事規制区域又は特定盛土等規制区域内の土地の所有者・管理者・占有者は、宅地造成等、特定盛土等又は土石の堆積に伴う災害が生じないよう、土地を常時安全な状態に維持するよう努めなければならない。", "answer": true, "explanation": "正しい。安全な状態を維持する努力義務は、所有者だけでなく管理者・占有者にも及びます。 土地を安全に保つ主体は所有者・管理者・占有者で、勧告や命令を行う主体は都道府県知事等です。", "basis": [ "盛土規制法第22条第1項、第41条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "工事が終われば規制が終わるのではなく、土地の安全な維持が続きます。 用語をもう一度：「維持保全」は工事後も土地を安全に保つこと、「勧告」は必要な措置を促すこと、「改善命令」は法的に措置を命ずることです。", "amendment": false }, { "id": "fr-042", "set": 5, "role": "盛土規制法型", "theme": "勧告の相手方", "topic": "維持保全・監督処分", "category": "維持保全・監督処分", "difficulty": "基礎", "trap": "主体", "text": "法の宅地造成等工事規制区域又は特定盛土等規制区域内で行われた宅地造成等、特定盛土等又は土石の堆積に伴う災害防止のため、都道府県知事が必要な措置を勧告できる相手は、土地の所有者だけである。", "answer": false, "explanation": "誤りです。知事は所有者・管理者・占有者だけでなく、工事主や工事施行者にも勧告できます。 勧告を行う主体は都道府県知事等で、相手方には所有者・管理者・占有者のほか、工事主又は工事施行者も含まれます。", "basis": [ "盛土規制法第22条第2項、第41条第2項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "維持努力義務の主体と、勧告を受け得る主体の範囲を分けて確認します。 用語をもう一度：「維持保全」は工事後も土地を安全に保つこと、「勧告」は必要な措置を促すこと、「改善命令」は法的に措置を命ずることです。", "amendment": false }, { "id": "fr-043", "set": 5, "role": "盛土規制法型", "theme": "指定前の盛土", "topic": "維持保全・監督処分", "category": "維持保全・監督処分", "difficulty": "標準", "trap": "時間的範囲", "text": "法の宅地造成等工事規制区域又は特定盛土等規制区域の指定前に行われた宅地造成等、特定盛土等又は土石の堆積も、これらの区域の指定後は土地の維持保全規定の対象になり得る。", "answer": true, "explanation": "正しい。維持保全規定は、区域指定前に行われた宅地造成等・特定盛土等も含めています。 土地を安全に保つ主体は所有者・管理者・占有者で、勧告や命令を行う主体は都道府県知事等です。", "basis": [ "盛土規制法第22条第1項、第41条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "既存盛土だから自動的に安全管理の対象外になるわけではありません。 用語をもう一度：「維持保全」は工事後も土地を安全に保つこと、「勧告」は必要な措置を促すこと、「改善命令」は法的に措置を命ずることです。", "amendment": false }, { "id": "fr-044", "set": 5, "role": "盛土規制法型", "theme": "許可取消し", "topic": "維持保全・監督処分", "category": "維持保全・監督処分", "difficulty": "基礎", "trap": "監督権限", "text": "法第12条第1項又は第30条第1項の工事許可を偽りその他不正な手段で受けても、都道府県知事はその許可を取り消すことができない。", "answer": false, "explanation": "誤りです。不正な手段で許可を受けた者や許可条件違反者に対し、知事は許可を取り消せます。 土地を安全に保つ主体は所有者・管理者・占有者で、勧告や命令を行う主体は都道府県知事等です。", "basis": [ "盛土規制法第20条第1項、第39条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "取消しのほか、無許可工事などには工事停止や災害防止措置命令もあります。 用語をもう一度：「維持保全」は工事後も土地を安全に保つこと、「勧告」は必要な措置を促すこと、「改善命令」は法的に措置を命ずることです。", "amendment": false }, { "id": "fr-045", "set": 5, "role": "盛土規制法型", "theme": "報告徴取", "topic": "維持保全・監督処分", "category": "維持保全・監督処分", "difficulty": "基礎", "trap": "調査権限", "text": "法上、都道府県知事は、宅地造成等工事規制区域内について法第25条、特定盛土等規制区域内について法第44条に基づき、土地所有者等へ土地又は工事の状況に関する報告を求めることができる。", "answer": true, "explanation": "正しい。都道府県知事は、宅地造成等工事規制区域では法第25条、特定盛土等規制区域では法第44条に基づき、土地所有者等へ土地又は工事の状況の報告を求めることができます。 土地を安全に保つ主体は所有者・管理者・占有者で、勧告や命令を行う主体は都道府県知事等です。", "basis": [ "盛土規制法第25条、第44条" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "定期報告とは別に、行政が必要に応じて状況報告を求める権限です。 用語をもう一度：「維持保全」は工事後も土地を安全に保つこと、「勧告」は必要な措置を促すこと、「改善命令」は法的に措置を命ずることです。", "amendment": false }, { "id": "fr-046", "set": 5, "role": "盛土規制法型", "theme": "立入検査", "topic": "維持保全・監督処分", "category": "維持保全・監督処分", "difficulty": "標準", "trap": "権限の目的", "text": "法上、都道府県知事等の職員が法第24条又は第43条に基づいて行う立入検査の権限は、犯罪捜査のために認められたものとして行使できる。", "answer": false, "explanation": "誤りです。立入検査の権限は犯罪捜査のために認められたものと解してはならないと明記されています。 土地を安全に保つ主体は所有者・管理者・占有者で、勧告や命令を行う主体は都道府県知事等です。", "basis": [ "盛土規制法第24条第3項、第43条第3項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "行政上の安全確認と、刑事事件の犯罪捜査は目的が異なります。 用語をもう一度：「維持保全」は工事後も土地を安全に保つこと、「勧告」は必要な措置を促すこと、「改善命令」は法的に措置を命ずることです。", "amendment": false }, { "id": "fr-047", "set": 5, "role": "盛土規制法型", "theme": "改善命令", "topic": "維持保全・監督処分", "category": "維持保全・監督処分", "difficulty": "応用", "trap": "原因行為者", "text": "法の規制区域内で、土地所有者等以外の者が行った不完全な宅地造成等、特定盛土等又は土石の堆積によって災害発生のおそれが大きいことが明らかな場合、都道府県知事は一定の条件の下で、その原因行為者に改善工事を命ずることができる。", "answer": true, "explanation": "正しい。相当性があり土地所有者等に異議がないなどの条件の下で、原因行為者への命令が可能です。 土地を安全に保つ主体は所有者・管理者・占有者で、勧告や命令を行う主体は都道府県知事等です。", "basis": [ "盛土規制法第23条第2項、第42条第2項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "命令の基本相手は土地所有者等ですが、原因者へ遡る仕組みも設けられています。 用語をもう一度：「維持保全」は工事後も土地を安全に保つこと、「勧告」は必要な措置を促すこと、「改善命令」は法的に措置を命ずることです。", "amendment": false }, { "id": "fr-048", "set": 5, "role": "盛土規制法型", "theme": "区域の重複", "topic": "造成宅地防災区域", "category": "造成宅地防災区域", "difficulty": "基礎", "trap": "指定範囲", "text": "法上、都道府県知事は、宅地造成等工事規制区域の内部にも重ねて造成宅地防災区域を指定できる。", "answer": false, "explanation": "誤りです。法45条は宅地造成等工事規制区域内の土地を除いています。 造成宅地を安全に保つ主体は所有者・管理者・占有者で、区域指定や勧告・命令を行う主体は都道府県知事等です。", "basis": [ "盛土規制法第45条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "新規工事を規制する区域と、既存の造成宅地の防災を図る区域を区別します。 用語をもう一度：「造成宅地防災区域」は既存の造成宅地の災害防止を図る区域で、新しい工事の許可区域とは役割が異なります。", "amendment": false }, { "id": "fr-049", "set": 5, "role": "盛土規制法型", "theme": "指定時期", "topic": "造成宅地防災区域", "category": "造成宅地防災区域", "difficulty": "標準", "trap": "事前・事後", "text": "法上、都道府県知事は、実際に災害が発生する前でも、相当数の居住者等に危害が生ずるおそれが大きい一団の造成宅地を、造成宅地防災区域に指定できる。", "answer": true, "explanation": "正しい。災害発生後に限らず、発生のおそれが大きい区域を予防的に指定できます。 造成宅地を安全に保つ主体は所有者・管理者・占有者で、区域指定や勧告・命令を行う主体は都道府県知事等です。", "basis": [ "盛土規制法第45条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "「被害が出てから」ではなく、危険性を踏まえた事前の防災措置を目的とします。 用語をもう一度：「造成宅地防災区域」は既存の造成宅地の災害防止を図る区域で、新しい工事の許可区域とは役割が異なります。", "amendment": false }, { "id": "fr-050", "set": 5, "role": "盛土規制法型", "theme": "防災措置", "topic": "造成宅地防災区域", "category": "造成宅地防災区域", "difficulty": "基礎", "trap": "主体", "text": "法上、造成宅地防災区域内で災害防止措置を講ずる努力義務は、造成宅地の所有者だけに課され、管理者や占有者には及ばない。", "answer": false, "explanation": "誤りです。所有者・管理者・占有者のいずれにも努力義務があります。 造成宅地を安全に保つ主体は所有者・管理者・占有者で、区域指定や勧告・命令を行う主体は都道府県知事等です。", "basis": [ "盛土規制法第46条第1項" ], "articleUrl": null, "articleStatus": "coming_soon", "supplement": "区域指定後は擁壁の設置・改造など必要な措置が求められ、知事は勧告や改善命令も行えます。 用語をもう一度：「造成宅地防災区域」は既存の造成宅地の災害防止を図る区域で、新しい工事の許可区域とは役割が異なります。", "amendment": false } ]; const $ = selector => document.querySelector(selector); const $$ = selector => [...document.querySelectorAll(selector)]; const views = { intro: $("#introView"), question: $("#questionView"), result: $("#resultView") }; const STORAGE_KEY = "kentoFillRegulation50ProgressV1"; const questionById = new Map(questions.map(question => [question.id, question])); let order = []; let current = 0; let score = 0; let answers = []; let locked = false; let lastMistakes = []; let currentMode = "today"; let resultAnimationHandles = []; const emptyProgress = () => ({ schemaVersion, completedIds: [], correctIds: [], mistakeIds: [], answerStats: {}, activeChallenge: null, }); const loadProgress = () => { try { const saved = JSON.parse(localStorage.getItem(STORAGE_KEY) || "null"); if (!saved || saved.schemaVersion !== schemaVersion) return emptyProgress(); return { ...emptyProgress(), ...saved }; } catch { return emptyProgress(); } }; let progress = loadProgress(); const uniqueValidIds = ids => [...new Set((ids || []).filter(id => questionById.has(id)))]; const saveProgress = () => { progress.completedIds = uniqueValidIds(progress.completedIds); progress.correctIds = uniqueValidIds(progress.correctIds); progress.mistakeIds = uniqueValidIds(progress.mistakeIds); try { localStorage.setItem(STORAGE_KEY, JSON.stringify(progress)); } catch { /* Storage can be unavailable. */ } }; const stopResultAnimation = () => { resultAnimationHandles.forEach(handle => window.clearTimeout(handle)); resultAnimationHandles = []; }; const startPerfectAnimation = image => { stopResultAnimation(); const idle = image.dataset.perfectIdle; const blink = image.dataset.perfectBlink; const talk = image.dataset.perfectTalk; if (!idle || !blink || !talk) return; image.src = idle; if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return; const showFrame = (src, delay) => { resultAnimationHandles.push(window.setTimeout(() => { if (views.result.classList.contains("is-active")) image.src = src; }, delay)); }; showFrame(talk, 1250); showFrame(idle, 1430); showFrame(talk, 1600); showFrame(idle, 1790); const blinkLoop = () => { if (!views.result.classList.contains("is-active")) return; image.src = blink; resultAnimationHandles.push(window.setTimeout(() => { image.src = idle; resultAnimationHandles.push(window.setTimeout(blinkLoop, 3800 + Math.round(Math.random() * 1400))); }, 120)); }; resultAnimationHandles.push(window.setTimeout(blinkLoop, 2750)); }; const startBlinkOnlyAnimation = (image, idle, blink) => { stopResultAnimation(); if (!idle || !blink) return; image.src = idle; if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return; const blinkLoop = () => { if (!views.result.classList.contains("is-active")) return; image.src = blink; resultAnimationHandles.push(window.setTimeout(() => { image.src = idle; resultAnimationHandles.push(window.setTimeout(blinkLoop, 3800 + Math.round(Math.random() * 1400))); }, 120)); }; resultAnimationHandles.push(window.setTimeout(blinkLoop, 2200)); }; ["perfectIdle", "perfectBlink", "perfectTalk", "highBlink", "fightBlink", "retryBlink"].forEach(key => { const src = $("#resultKento").dataset[key]; if (src) new Image().src = src; }); const shuffle = items => { const copy = [...items]; for (let i = copy.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [copy[i], copy[j]] = [copy[j], copy[i]]; } return copy; }; const showView = name => { Object.entries(views).forEach(([key, node]) => node.classList.toggle("is-active", key === name)); window.scrollTo({ top: 0, behavior: "smooth" }); requestResize(); requestParentScroll(); }; const setArticleState = item => { const link = $("#articleLink"); const coming = $("#articleComingSoon"); const published = item.articleStatus === "published" && Boolean(item.articleUrl); link.hidden = !published; coming.hidden = published; if (published) link.href = item.articleUrl; }; const refreshIntro = () => { const completed = uniqueValidIds(progress.completedIds); $("#overallProgressLabel").textContent = `${completed.length} / ${questions.length}問`; $("#overallProgressBar").style.width = `${Math.round((completed.length / questions.length) * 100)}%`; if (completed.length === questions.length) { $("#introAchievementSlot").append($("#achievementGoods")); $("#achievementGoods").hidden = false; } else { $("#achievementGoods").hidden = true; } const completedSet = new Set(completed); const setSummaries = [ "定義と基礎調査", "区域指定と着手前許可", "21日・14日・30日の手続", "数値基準・検査・定期報告", "維持保全・監督・防災区域", ]; $("#setGrid").innerHTML = Array.from({ length: 5 }, (_, index) => { const set = index + 1; const first = index * 10 + 1; const last = first + 9; const setQuestions = questions.filter(question => question.set === set); const count = setQuestions.filter(question => completedSet.has(question.id)).length; const stateClass = count === 10 ? " is-complete" : count > 0 ? " is-current" : ""; return `<button class="set-button${stateClass}" type="button" data-set="${set}"><strong>${first}〜${last}問チャレンジ</strong><small>${setSummaries[index]}</small><span class="set-button-progress">${count} / 10<br>回答</span></button>`; }).join(""); $$('[data-set]').forEach(button => button.addEventListener("click", () => startSet(Number(button.dataset.set)))); const active = progress.activeChallenge; const activeIds = uniqueValidIds(active?.ids); const canResume = active && activeIds.length > 0 && Number.isInteger(active.current) && active.current < activeIds.length; $("#resumeButton").classList.toggle("is-visible", Boolean(canResume)); if (canResume) $("#resumeCopy").textContent = `${modeLabel(active.mode)}・第${active.current + 1}問から`; const mistakeCount = uniqueValidIds(progress.mistakeIds).length; $("#mistakeModeButton").disabled = mistakeCount === 0; $("#mistakeModeButton").textContent = mistakeCount ? `間違えた問題から10問（${mistakeCount}問）` : "間違えた問題はまだありません"; renderLearningReports(); requestResize(); }; const modeLabel = mode => { if (mode?.startsWith("set-")) { const set = Number(mode.slice(4)); return `${(set - 1) * 10 + 1}〜${set * 10}問チャレンジ`; } return ({ today: "今日の10問", random: "ランダム10問", mistakes: "間違い復習", "analysis-review": "弱点分野の復習" })[mode] || "10問チャレンジ"; }; const escapeHtml = value => String(value) .replaceAll("&", "&amp;") .replaceAll("<", "&lt;") .replaceAll(">", "&gt;") .replaceAll('"', "&quot;") .replaceAll("'", "&#039;"); const learningSnapshot = () => { const answeredIds = uniqueValidIds(progress.completedIds); const rows = answeredIds.map(id => { const item = questionById.get(id); const stats = progress.answerStats[id] || { attempts: 0, correct: 0 }; return { item, attempts: Number(stats.attempts) || 0, correct: Number(stats.correct) || 0 }; }).filter(row => row.item && row.attempts > 0); const attempts = rows.reduce((sum, row) => sum + row.attempts, 0); const correct = rows.reduce((sum, row) => sum + row.correct, 0); return { completed: answeredIds.length, rows, attempts, correct, accuracy: attempts ? Math.round((correct / attempts) * 100) : 0, }; }; const aggregateLearningStats = (snapshot, key) => { const groups = new Map(); snapshot.rows.forEach(row => { const name = row.item[key] || "その他"; const currentGroup = groups.get(name) || { name, questions: 0, attempts: 0, correct: 0 }; currentGroup.questions += 1; currentGroup.attempts += row.attempts; currentGroup.correct += row.correct; groups.set(name, currentGroup); }); return [...groups.values()].map(group => ({ ...group, accuracy: group.attempts ? Math.round((group.correct / group.attempts) * 100) : 0, })); }; const analysisRowsMarkup = (groups, limit = 8) => [...groups] .sort((a, b) => a.accuracy - b.accuracy || b.questions - a.questions || a.name.localeCompare(b.name, "ja")) .slice(0, limit) .map(group => { const tone = group.accuracy >= 80 ? " is-strong" : group.accuracy < 60 ? " is-review" : ""; const status = group.accuracy < 60 ? '<em class="analysis-status">要復習</em>' : ""; return `<div class="analysis-row"> <div class="analysis-row-head"><span>${escapeHtml(group.name)}（${group.questions}問）</span><span class="analysis-score">${status}<strong>${group.accuracy}%</strong></span></div> <div class="analysis-row-track" aria-hidden="true"><div class="analysis-row-bar${tone}" style="width:${Math.max(4, group.accuracy)}%"></div></div> </div>`; }).join(""); const topicStudyAdvice = name => ({ "手続・適用・行政措置": "「誰が・いつまでに・何をするか」を一組にして整理しましょう。確認済証、検査済証、中間検査など、似た手続の目的と順番を並べると混同が減ります。", "用途地域・用途制限": "地域名だけで暗記せず、「建物用途・規模・独立建物か兼用住宅か」の順で条件を確認しましょう。工業地域と工業専用地域のような似た名称は対比が有効です。", "道路・接道・壁面線": "まず道路の種類と幅員を確認し、次に接道長さ、セットバック、許可・指定の例外へ進みましょう。道路境界線と壁面線は別制度として整理します。", "高さ制限": "道路斜線・隣地斜線・北側斜線・日影規制について、対象地域、基準となる境界、適用除外を表で比較すると定着しやすくなります。", "建蔽率": "建築面積÷敷地面積が基本です。用途制限の過半原則と混同せず、地域またぎは加重平均、角地・防火性能は緩和要件として分けて確認しましょう。", "容積率": "延べ面積÷敷地面積が基本です。指定容積率と前面道路幅員による限度を比べ、厳しい方を採用する流れを数値例で練習しましょう。", "防火・耐火": "防火地域・準防火地域、建物の規模・階数、必要な構造性能の3点を組み合わせて判断しましょう。「木造だから不可」と一律に覚えないことが重要です。", "単体規定": "居室・階段・設備など、規定が対象にする部分と数値基準をセットで確認しましょう。建物全体に一律適用されると決めつけないことがポイントです。", "特例・条例・協定": "法律の原則、条例で追加できる内容、許可・認可が必要な例外を分けましょう。既存不適格と違反建築物の区別も優先して確認します。", "特例・条例・協定（集団規定）": "建築協定は合意だけで完結せず、認可申請・認可・公告・承継までが一連の流れです。総合設計は何を直接緩和できるかを限定して覚えましょう。", })[name] || "問題文の主語、数値、原則と例外に印を付け、根拠条文と短い解説を一緒に読み直しましょう。"; const trapStudyAdvice = name => { const value = String(name || ""); if (value.includes("数値") || value.includes("期限") || value.includes("入替え")) return "数値そのものだけでなく、何の数値かをセットにしましょう。20mと31m、4日と7日のように、混同しやすい基準を対比すると効果的です。"; if (value.includes("原則") || value.includes("例外") || value.includes("一律") || value.includes("過大")) return "問題文の「必ず・一律・例外なく」に注意しましょう。まず原則を確認し、その後に許可・認定・条例などの例外がないかを点検します。"; if (value.includes("対象") || value.includes("範囲") || value.includes("区域") || value.includes("部分")) return "規制の対象が、工事区域・土地・擁壁等・特定工程のどれかを先に特定しましょう。二つの規制区域の範囲も省略せず読み取ります。"; if (value.includes("主体") || value.includes("手続") || value.includes("指定") || value.includes("許可") || value.includes("認可")) return "工事主、工事施行者、土地所有者等、都道府県知事などの主体を区別し、申請・指定・許可・認可のどの手続かを整理しましょう。"; if (value.includes("条例")) return "法律が全国一律に決める内容と、地方公共団体が条例で指定・追加できる内容を分けましょう。区域指定、制限の付加、禁止の可否を条文の主語と一緒に確認します。"; if (value.includes("定義") || value.includes("混同")) return "似た用語を言い換えず、法令上の定義で確認しましょう。宅地造成と特定盛土等、工事主と工事施行者などを対にして覚えると安定します。"; if (value.includes("緩和") || value.includes("加重") || value.includes("過半")) return "原則の計算方法を確認してから、緩和の要件を一つずつ加えましょう。過半で決める制度と面積按分する制度を分けることが重要です。"; if (value.includes("改正")) return "改正前の知識が残っていないか確認しましょう。施行日、改正後の対象、変わらず残る原則の3点に分けると整理しやすくなります。"; return "誤った問題の条件語を一つずつ確認し、正しい文章へ直してからもう一度解くと、同じ間違いを防ぎやすくなります。"; }; const performanceNarrative = accuracy => { if (accuracy >= 90) return "非常に安定しています。細かな例外や改正論点を確認し、正解の根拠を説明できる状態へ仕上げましょう。"; if (accuracy >= 80) return "基礎はよく定着しています。要復習分野を優先して解き直せば、本試験でも判断が安定しやすい状態です。"; if (accuracy >= 70) return "全体像はつかめています。数値・対象範囲・原則と例外の取り違えを減らすことが、次の得点アップにつながります。"; if (accuracy >= 60) return "基本事項は入り始めています。弱い分野を一つに絞り、解説を読んだ直後に同じ論点を解き直しましょう。"; return "まだ用語や制度の区別で迷いやすい段階です。点数を急がず、問題文の主語と用語補足を確認しながら進めると伸びやすくなります。"; }; const learningReportMarkup = () => { const snapshot = learningSnapshot(); const thresholds = [ { count: 10, label: "mini分析" }, { count: 20, label: "手続分析" }, { count: 30, label: "弱点分析" }, { count: 50, label: "達成祝い" }, ]; const level = snapshot.completed >= 50 ? 50 : snapshot.completed >= 30 ? 30 : snapshot.completed >= 20 ? 20 : snapshot.completed >= 10 ? 10 : 0; const next = thresholds.find(item => snapshot.completed < item.count); const titles = { 0: "10問で最初の分析が開きます", 10: "10問達成｜最初の学習診断", 20: "20問達成｜手続の回答傾向分析", 30: "30問達成｜間違い方まで見る弱点分析", 50: "50問達成｜盛土規制法・総合学習レポート", }; const milestones = thresholds.map(item => { const unlocked = snapshot.completed >= item.count; const hanamaru = unlocked ? `<span class="milestone-hanamaru" aria-label="${item.count}問達成済み">達成</span>` : ""; return `<div class="analysis-milestone${unlocked ? " is-unlocked" : ""}">${hanamaru}<strong>${item.count}問</strong>${unlocked ? "" : item.label}</div>`; }).join(""); const nextCopy = level === 0 ? `あと${next.count - snapshot.completed}問で「${next.label}」を解放します。まず最初の10問に挑戦してみましょう。` : level === 10 ? `10問時点は最初の傾向です。あと${next.count - snapshot.completed}問で、手続分野の比較が開きます。` : level === 20 ? `20問分の回答を記録しました。あと${next.count - snapshot.completed}問で、難易度と間違い方の分析を追加します。` : level === 30 ? `30問分の回答から弱点候補が見えてきました。あと${next.count - snapshot.completed}問で総合レポートが完成します。` : "盛土規制法50問を一巡しました。総合結果を使って、弱い論点から復習の優先順位を決めましょう。"; let detail = ""; if (level >= 10) { const topics = aggregateLearningStats(snapshot, "topic"); const minimumComparisonQuestions = level >= 30 ? 5 : 2; const stableTopics = topics.filter(group => group.questions >= minimumComparisonQuestions); const reviewTopics = topics.filter(group => group.questions >= 2); const strongest = [...(stableTopics.length ? stableTopics : topics)].sort((a, b) => b.accuracy - a.accuracy || b.questions - a.questions)[0]; const weakest = [...(reviewTopics.length ? reviewTopics : topics)].sort((a, b) => a.accuracy - b.accuracy || b.questions - a.questions)[0]; const preliminary = level === 10 || (weakest && weakest.questions < 5); detail += `<div class="analysis-summary"> <div class="analysis-stat"><span>学習済み</span><strong>${snapshot.completed}問</strong></div> <div class="analysis-stat"><span>累計正答率</span><strong>${snapshot.accuracy}%</strong></div> <div class="analysis-stat"><span>回答回数</span><strong>${snapshot.attempts}回</strong></div> </div>`; detail += `<div class="analysis-guidance"><span class="analysis-priority">現在の診断</span><h4>正答率${snapshot.accuracy}%をどう見る？</h4><p>${performanceNarrative(snapshot.accuracy)}</p></div>`; detail += `<div class="analysis-grid"> <div class="analysis-panel"><h4>比較的安定している論点</h4><p>${strongest ? `${escapeHtml(strongest.name)}は${strongest.accuracy}%（${strongest.questions}問）でした。現時点では正しく判断できている割合が高い分野です。` : "データを集計中です。"}</p></div> <div class="analysis-panel"><h4>最初に復習したい論点</h4><p>${weakest ? weakest.questions < 5 ? `${escapeHtml(weakest.name)}は${weakest.accuracy}%（${weakest.questions}問）でした。回答数が少ないため参考値ですが、最初に確認する候補です。` : `${escapeHtml(weakest.name)}は${weakest.accuracy}%（${weakest.questions}問）でした。まずこの分野を優先すると、復習範囲を広げすぎずに済みます。` : "データを集計中です。"}</p></div> </div>`; if (weakest) detail += `<div class="analysis-guidance"><h4>「${escapeHtml(weakest.name)}」の復習ポイント</h4><p>${topicStudyAdvice(weakest.name)}</p></div>`; detail += `<p class="analysis-note">分析の読み方：学習済み問題数は重複しない問題IDで数え、正答率は同じ問題への再回答を含む回答履歴から計算します。${preliminary ? "まだ問題数が少ない分野は、確定的な苦手ではなく復習候補として見てください。" : "問題数と正答率を一緒に見て、母数の少ない分野は参考値として扱ってください。"}</p>`; if (weakest) { const reviewCount = Math.min(10, questions.filter(question => question.topic === weakest.name).length); detail += `<button class="analysis-review-button" type="button" data-review-topic="${encodeURIComponent(weakest.name)}">「${escapeHtml(weakest.name)}」を${reviewCount}問復習する</button>`; } if (level >= 20) { detail += `<div class="analysis-panel" style="margin-top:12px"><h4>論点別ヒートマップ（要復習順）</h4><p>正答率が低い論点から並べています。「要復習」は正答率60%未満です。問題数が少ない論点は、確定的な弱点ではなく注意候補として見てください。</p><div class="analysis-rows">${analysisRowsMarkup(topics, level >= 100 ? 12 : 8)}</div></div>`; const stageLabel = level >= 50 ? "50問時点の学習方針" : level >= 30 ? "30問時点の学習方針" : "20問時点の学習方針"; if (weakest) detail += `<div class="analysis-guidance"><span class="analysis-priority">${stageLabel}</span><h4>弱点を一度に広げず、1分野ずつ戻る</h4><ul><li>最初に「${escapeHtml(weakest.name)}」の解説と用語補足を読み直す</li><li>復習ボタンから同分野を解き、問題文の条件を声に出して確認する</li><li>正答率80%以上になったら、次に低い論点へ移る</li></ul></div>`; } if (level >= 30) { const difficulties = aggregateLearningStats(snapshot, "difficulty"); const traps = aggregateLearningStats(snapshot, "trap"); const eligibleTraps = traps.filter(group => group.questions >= 2); const weakestTrap = [...(eligibleTraps.length ? eligibleTraps : traps)].sort((a, b) => a.accuracy - b.accuracy || b.questions - a.questions)[0]; detail += `<div class="analysis-grid"> <div class="analysis-panel"><h4>難易度別の安定度</h4><div class="analysis-rows">${analysisRowsMarkup(difficulties, 4)}</div></div> <div class="analysis-panel"><h4>間違い方の傾向</h4><div class="analysis-rows">${analysisRowsMarkup(traps, 6)}</div></div> </div>`; if (weakestTrap) detail += `<div class="analysis-guidance"><span class="analysis-priority">間違い方の読み取り</span><h4>「${escapeHtml(weakestTrap.name)}」で失点しやすい傾向です</h4><p>${escapeHtml(weakestTrap.name)}に関する正答率は${weakestTrap.accuracy}%（${weakestTrap.questions}問）でした。${trapStudyAdvice(weakestTrap.name)}</p></div>`; } if (level >= 50) { detail += `<div class="analysis-guidance"><span class="analysis-priority">50問後の仕上げ方</span><h4>ここからは「全部やり直す」必要はありません</h4><ul><li>最初に正答率60%未満の論点を優先する</li><li>間違えた問題は、正解を覚えるのではなく誤りの箇所を説明できるまで確認する</li><li>弱点分野を解き直し、全体正答率80%以上を次の目標にする</li></ul></div>`; detail += '<div class="analysis-celebration">50問達成、おめでとう！ 50問を一巡したこと自体が大きな成果です。このレポートは合否判定ではなく、次の復習順を決めるための学習記録として活用してください。</div>'; } } return `<div class="learning-report-header"><div><span class="learning-report-label">回答者の傾向分析</span><h3>${titles[level]}</h3><p class="learning-report-copy">${nextCopy}</p></div></div><div class="analysis-milestones">${milestones}</div>${detail}`; }; const renderLearningReports = () => { const markup = learningReportMarkup(); $("#learningReportIntro").innerHTML = markup; $("#learningReportResult").innerHTML = markup; }; const updateQuestionOverallProgress = () => { const completed = uniqueValidIds(progress.completedIds).length; const percent = Math.round((completed / questions.length) * 100); $("#questionOverallProgress").textContent = `${completed} / ${questions.length}問（${percent}%）`; }; const persistActive = () => { progress.activeChallenge = { ids: order.map(item => item.id), mode: currentMode, current, score, locked, answers: answers.map(entry => ({ id: entry.item.id, selected: entry.selected, correct: entry.correct })), updatedAt: new Date().toISOString(), }; saveProgress(); }; const begin = (items, mode, restored = null) => { stopResultAnimation(); order = [...items].filter(Boolean).slice(0, 10); if (!order.length) return; currentMode = mode; current = restored?.current || 0; score = restored?.score || 0; answers = (restored?.answers || []).map(entry => ({ ...entry, item: questionById.get(entry.id) })).filter(entry => entry.item); locked = Boolean(restored?.locked); showView("question"); renderQuestion(); if (locked) restoreFeedback(); else persistActive(); parent.postMessage({ type: "kento-quiz-event", event: restored ? "quiz_resume" : "quiz_start", mode, total: order.length }, "*"); }; const unansweredFirstQuestions = () => { const completed = new Set(uniqueValidIds(progress.completedIds)); const unanswered = shuffle(questions.filter(question => !completed.has(question.id))); if (unanswered.length >= 10) return unanswered.slice(0, 10); const selected = new Set(unanswered.map(question => question.id)); const answered = shuffle(questions.filter(question => completed.has(question.id) && !selected.has(question.id))); return [...unanswered, ...answered].slice(0, 10); }; const start = mode => { if (mode === "today") begin(unansweredFirstQuestions(), mode); if (mode === "random") begin(unansweredFirstQuestions(), mode); }; const startSet = set => begin(questions.filter(question => question.set === set), `set-${set}`); const resume = () => { const active = progress.activeChallenge; if (!active) return; const items = uniqueValidIds(active.ids).map(id => questionById.get(id)); begin(items, active.mode, active); }; const resumeRequestedByArticle = () => { try { return new URL(parent.location.href).searchParams.get("quiz_resume") === "1"; } catch { return new URL(location.href).searchParams.get("quiz_resume") === "1"; } }; const renderQuestion = () => { const item = order[current]; if (!item) return renderResult(); if (!locked) locked = false; $("#progressLabel").textContent = `${modeLabel(currentMode)}｜今回 ${current + 1} / ${order.length}`; $("#scoreLabel").textContent = `現在 ${score}問正解`; updateQuestionOverallProgress(); $("#progressBar").style.width = `${((current + 1) / order.length) * 100}%`; $("#questionMeta").textContent = `${item.theme}｜${item.difficulty}｜問題ID ${item.id.toUpperCase()}`; $("#questionText").textContent = item.text; $("#feedback").className = "feedback"; $("#feedbackSupplement").hidden = true; $("#feedbackSupplement").textContent = ""; $$(".answer-button").forEach(button => { button.disabled = locked; }); $("#questionText").focus?.(); requestResize(); requestParentScroll(); }; const showFeedback = (item, selected, correct) => { $$(".answer-button").forEach(button => { button.disabled = true; }); const feedback = $("#feedback"); feedback.className = `feedback is-visible ${correct ? "is-correct" : "is-wrong"}`; $("#feedbackMark").textContent = correct ? "○" : "×"; $("#feedbackTitle").textContent = correct ? "正解！" : `惜しい！ 正解は「${item.answer ? "正しい" : "誤り"}」`; $("#feedbackCopy").textContent = item.explanation; const supplement = $("#feedbackSupplement"); supplement.hidden = !item.supplement; supplement.innerHTML = item.supplement ? `<strong>用語補足：</strong>${escapeHtml(item.supplement)}` : ""; setArticleState(item); $("#nextButton").textContent = current === order.length - 1 ? "結果を見る" : "次の問題へ"; $("#nextButton").focus(); requestResize(); }; const restoreFeedback = () => { const item = order[current]; const saved = [...answers].reverse().find(entry => entry.item.id === item.id); if (!saved) { locked = false; persistActive(); return; } showFeedback(item, saved.selected, saved.correct); }; const answer = selected => { if (locked) return; locked = true; const item = order[current]; const correct = selected === item.answer; if (correct) score += 1; $("#scoreLabel").textContent = `現在 ${score}問正解`; answers.push({ item, selected, correct }); const stats = progress.answerStats[item.id] || { attempts: 0, correct: 0 }; stats.attempts += 1; if (correct) stats.correct += 1; stats.lastAnsweredAt = new Date().toISOString(); progress.answerStats[item.id] = stats; progress.completedIds = uniqueValidIds([...progress.completedIds, item.id]); if (correct) { progress.correctIds = uniqueValidIds([...progress.correctIds, item.id]); progress.mistakeIds = progress.mistakeIds.filter(id => id !== item.id); } else { progress.mistakeIds = uniqueValidIds([...progress.mistakeIds, item.id]); } persistActive(); updateQuestionOverallProgress(); parent.postMessage({ type: "kento-quiz-event", event: "quiz_answer", mode: currentMode, question_id: item.id, theme: item.theme, correct }, "*"); showFeedback(item, selected, correct); }; const next = () => { if (!locked) return; if (current < order.length - 1) { current += 1; locked = false; persistActive(); renderQuestion(); } else { renderResult(); } }; const articleMarkup = item => item.articleStatus === "published" && item.articleUrl ? `<a href="${item.articleUrl}" target="_blank" rel="noopener">詳しい解説記事を読む</a>` : '<span class="coming-soon">詳しい解説記事は準備中 / Coming Soon</span>'; const renderResult = () => { stopResultAnimation(); const total = order.length; const percent = Math.round((score / total) * 100); const image = $("#resultKento"); let blinkOnly = null; progress.activeChallenge = null; saveProgress(); $("#scoreNumber").innerHTML = `${score}<small>/${total}</small>`; $("#scoreCircle").setAttribute("aria-label", `${total}問中${score}問正解、正解率${percent}%`); $("#resultPercent").textContent = `${percent}%`; $("#resultCorrect").textContent = `${score}問`; $("#resultMistakes").textContent = `${total - score}問`; $("#resultMeterBar").style.width = `${percent}%`; if (percent === 100) { $("#resultTitle").textContent = "全問正解！ すごい！"; $("#resultSpeech").textContent = "おめでとう！"; $("#resultMessage").textContent = `${total}問すべて正解です。建物の用途・規模・区域と、原則・例外の組合せまでしっかり整理できています。`; image.src = image.dataset.perfectIdle; image.alt = "全問正解を正面からお祝いするKentoくん"; image.className = "result-kento perfect"; } else if (percent >= 80) { $("#resultTitle").textContent = "かなり仕上がってるよ！"; $("#resultSpeech").textContent = "すごい！ あと少し！"; $("#resultMessage").textContent = `正解率${percent}%！ 間違えた論点だけ確認すれば、さらに安定します。`; const idle = "https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-high-left-2026.png"; image.src = idle; blinkOnly = { idle, blink: image.dataset.highBlink }; image.alt = "得点の方を向いて高得点を喜ぶKentoくん"; image.className = "result-kento good"; } else if (percent >= 50) { $("#resultTitle").textContent = "いい調子。ここから伸びるよ！"; $("#resultSpeech").textContent = "ファイト！"; $("#resultMessage").textContent = `正解率${percent}%です。建物の用途・規模・区域を確認し、原則と例外をつなげて復習してみよう。`; const idle = "https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-fight-megaphone-2026.png"; image.src = idle; blinkOnly = { idle, blink: image.dataset.fightBlink }; image.alt = "青いメガフォンで次の挑戦を応援するKentoくん"; image.className = "result-kento good"; } else { $("#resultTitle").innerHTML = '挑戦したことが、<span class="nowrap">まず一歩！</span>'; $("#resultSpeech").textContent = "大丈夫！ 一問ずついこう"; $("#resultMessage").textContent = `正解率${percent}%です。短い解説を読み直せば、次はきっと増やせるよ。`; const idle = "https://kentokun-urbanlife.com/wp-content/uploads/2024/06/%E3%83%9D%E3%83%BC%E3%82%BA2-e1721024265922.png"; image.src = idle; blinkOnly = { idle, blink: image.dataset.retryBlink }; image.alt = "正面から一問ずつ復習しようと励ますKentoくん"; image.className = "result-kento retry"; } const mistakes = answers.filter(entry => !entry.correct); lastMistakes = mistakes; const review = $("#review"); if (mistakes.length === 0) { review.innerHTML = '<h3>今回の復習ポイント</h3><div class="review-perfect"><p>間違えた問題はありません。次の10問へ進むか、出題傾向分析で周辺論点を確認しよう！</p></div>'; $("#resultNextTitle").textContent = "出題傾向分析で次の論点へ"; $("#resultNextCopy").textContent = "頻出論点と2026年度の改正法対策を確認できます。"; $("#resultNextLink").href = "https://kentokun-urbanlife.com/takken-2026-fill-regulation-law-trends/"; $("#resultNextLink").textContent = "傾向分析を読む"; $("#resultNextLink").hidden = false; } else { const firstPublished = mistakes.map(entry => entry.item).find(item => item.articleStatus === "published" && item.articleUrl); review.innerHTML = `<h3>間違えた${mistakes.length}問を復習</h3><ul class="review-list">${mistakes.map(({ item }) => ` <li class="review-item"> <strong>${item.theme}｜正解は「${item.answer ? "正しい" : "誤り"}」</strong> <p>${escapeHtml(item.explanation)}</p> ${item.supplement ? `<p class="review-supplement"><strong>用語補足：</strong>${escapeHtml(item.supplement)}</p>` : ""} ${articleMarkup(item)} </li>`).join("")}</ul>`; $("#resultNextTitle").textContent = "間違えた問題から復習しよう"; $("#resultNextCopy").textContent = "短い解説だけでも読み返すと、次の挑戦につながります。"; $("#resultNextLink").hidden = !firstPublished; if (firstPublished) { $("#resultNextLink").href = firstPublished.articleUrl; $("#resultNextLink").textContent = "復習記事を開く"; } } const retryMistakes = $("#retryMistakesButton"); retryMistakes.hidden = mistakes.length === 0; retryMistakes.textContent = `間違えた${mistakes.length}問だけ復習`; const completedCount = uniqueValidIds(progress.completedIds).length; renderLearningReports(); $("#resultAchievementSlot").append($("#achievementGoods")); $("#achievementGoods").hidden = completedCount !== questions.length; showView("result"); if (percent === 100) startPerfectAnimation(image); else if (blinkOnly) startBlinkOnlyAnimation(image, blinkOnly.idle, blinkOnly.blink); $("#resultTitle").focus({ preventScroll: true }); parent.postMessage({ type: "kento-quiz-complete", score, total, percent, mistakes: mistakes.length, mode: currentMode, completed_unique: progress.completedIds.length }, "*"); }; const requestResize = () => { requestAnimationFrame(() => { const height = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight); parent.postMessage({ type: "kento-quiz-resize", height }, "*"); }); }; const requestParentScroll = () => { requestAnimationFrame(() => { parent.postMessage({ type: "kento-quiz-scroll-top" }, "*"); [120, 400, 900].forEach(delay => { window.setTimeout(() => parent.postMessage({ type: "kento-quiz-scroll-top" }, "*"), delay); }); }); }; $$("[data-mode]").forEach(button => button.addEventListener("click", () => start(button.dataset.mode))); $$(".answer-button").forEach(button => button.addEventListener("click", () => answer(button.dataset.answer === "true"))); $("#nextButton").addEventListener("click", next); $$("[data-restart]").forEach(button => button.addEventListener("click", () => start(button.dataset.restart))); $("#retryMistakesButton").addEventListener("click", () => begin(lastMistakes.map(entry => entry.item), "mistakes")); $("#resumeButton").addEventListener("click", resume); $("#mistakeModeButton").addEventListener("click", () => { const items = shuffle(uniqueValidIds(progress.mistakeIds).map(id => questionById.get(id))).slice(0, 10); begin(items, "mistakes"); }); $("#resetProgressButton").addEventListener("click", () => { if (!window.confirm("この端末に保存された盛土規制法50問の学習記録をリセットしますか？")) return; progress = emptyProgress(); saveProgress(); refreshIntro(); }); $$("[data-return-home]").forEach(button => button.addEventListener("click", () => { stopResultAnimation(); refreshIntro(); showView("intro"); })); document.addEventListener("click", event => { const button = event.target.closest?.("[data-review-topic]"); if (!button) return; const topic = decodeURIComponent(button.dataset.reviewTopic || ""); const items = shuffle(questions.filter(question => question.topic === topic)).slice(0, 10); begin(items, "analysis-review"); }); document.addEventListener("click", event => { const link = event.target.closest?.(".article-link, .review-item a, #resultNextLink, #achievementGoodsLink"); if (!link) return; const goods = link.id === "achievementGoodsLink"; parent.postMessage({ type: "kento-quiz-event", event: goods ? "quiz_goods_open" : "quiz_article_open", mode: currentMode, completed_unique: uniqueValidIds(progress.completedIds).length, url: link.href, }, "*"); }); window.addEventListener("load", requestResize); window.addEventListener("resize", requestResize); new ResizeObserver(requestResize).observe(document.body); refreshIntro(); if (resumeRequestedByArticle() && progress.activeChallenge) resume(); })(); </script> </body> </html> ">
ホーム
Kentoくん50問チャレンジ｜宅建・盛土規制法
閉じる
