@charset "UTF-8";
/* CSS Document */

/* MV */
#pagesMv { background-image: url("/response/images/response_mv_bg_pc.jpg"); }

/* 共通 */
.responseTitle { font-family: "M PLUS Rounded 1c", sans-serif; transform: rotate(0.05deg); border-left: solid 4px #0088bb; padding-left: 20px; font-size: 1.5rem; font-weight: 400; line-height: 1.2; color: #0088bb; }
.responseExample { margin-top: 80px; padding-top: 20px; border-top: solid 1px #ccc; font-size: 0.93rem; display: flex; }
.responseExample .responseExampleHesd { background-color: #f7f7f7; padding: 5px 18px; border-radius: 5px; }
.responseExample .responseExampleText { position: relative; margin-top: 5px; margin-left: 18px; padding-left: 13px; }
.responseExample .responseExampleText::before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #0088bb; position: absolute; left: 0; top: 0.75rem; }
.responseExampleTerm { display: inline-block; font-weight: bold; border: solid 1px; border-radius: 5px; padding: 0 4px; margin-left: 5px; margin-right: 5px; font-size: 0.93rem; }
.responseExampleShort { color: #40b022; border-color: #40b022; }
.responseExampleLong { color: #ff501a; border-color: #ff501a; }

/* 扉ページ */
.introTxt { font-size: 1.12rem; }

.indexContentsSec { margin-top: 40px; padding-top: 50px; border-top: solid 1px #ccc; }
.indexContentsSec + .indexContentsSec { margin-top: 70px; padding-top: 0; border-top: none; }
.indexContentsSec .responseTitle .indexTitleSpan { color: #000; margin-left: 0.5em; }
.indexContentsSec .indexContentsList { margin: 25px 4% 0; }
.indexContentsSec .indexContentsList > li:nth-child(n+2) { margin-top: 22px; }
.indexContentsSec .indexContentsList li .indexContentsTitle { font-weight: bold; font-size: 1.12rem; border-bottom: solid 1px #ccc; padding-bottom: 5px; text-indent: -1.2em; padding-left: 1.2em; }
.indexContentsSec .indexContentsList li .indexContentsTitle:has(a) { padding-bottom: 0; }
.indexContentsSec .indexContentsList li .indexContentsTitle a { display: block; padding: 0 20px 5px 0; position: relative; }
.indexContentsSec .indexContentsList li .indexChildList { margin-top: 2px; margin-left: 20px; }
.indexContentsSec .indexContentsList li .indexChildList li { border-bottom: dashed 1px #ccc; padding-left: 1em; text-indent: -1em; }
.indexContentsSec .indexContentsList li .indexChildList li a { display: block; padding: 10px 20px 8px 3px; position: relative; }
.indexContentsSec .indexContentsList li .indexContentsTitle a::after,
.indexContentsSec .indexContentsList li .indexChildList li a::after { content: ""; display: block; position: absolute; right: 6px; top: calc(50% - 3px); width: 6px; height: 6px; border-top: 2px solid #0a8dbd; border-right: 2px solid #0a8dbd; transform: rotate(45deg); }

.indexContentsSec .referenceMaterialHead { font-weight: 600; background-color: #eee; padding: 3px 10px; margin: 30px 4% 0; }
.indexContentsSec .referenceMaterialHead + .indexContentsList { margin-top: 13px; }

/* 詳細ページ */
.iconExample { display: inline-block; background-color: #ff4200; color: #fff; font-size: 0.81rem; margin: 0 7px 0 12px; padding: 1px 5px; border-radius: 3px; vertical-align: text-top; position: relative; }
.iconExample::before { content: ""; display: block; background-color: #ff4200; width: 5px; height: 4px; clip-path: polygon(100% 0, 0 100%, 100% 100%); position: absolute; top: calc(50% - 2px); left: -5px; }
.attention1em .iconExample { text-indent: 0; font-size: 0.75rem; vertical-align: baseline; }

.detailTitleSec { font-family: "M PLUS Rounded 1c", sans-serif; transform: rotate(0.05deg); text-align: center; line-height: 1.2; padding-bottom: 26px; border-bottom: solid 1px #ccc; }
.detailTitleSec .titleChapter { font-size: 1.12rem; }
.detailTitleSec .titleChapter .titleChapterSpan {  color: #0088bb; margin-right: 0.5em; }
.detailTitleSec .titleChapterSub { font-size: 0.93rem; margin-top: 20px; }
.detailTitleSec h2 { font-size: 2.5rem; font-weight: 400; margin-top: 15px; }

.detailSec { margin-top: 35px; }
.detailSec img { max-width: 100%; }
.detailSec + .detailSec { margin-top: 70px; }
.detailSec .responseTitle { font-size: 1.75rem; }
.detailSec .titleAfter { background-color: #08b; color: #fff; margin: 25px 2% 0 3%; padding: 0 10px; font-size: 1.12rem; font-weight: 400; }
.detailSec .titleAfter + .responseTxt { margin: 25px 2% 0 3%; }
.detailSec ul.detailParentList { margin: 20px 7% 0 6%; }
.detailSec ul.detailParentList > li { position: relative; padding-left: 20px; font-size: 1.12rem; margin-top: 30px; }
.detailSec ul.detailParentList > li:first-child { margin-top: 20px; }
.detailSec ul.detailParentList > li::before { content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; background-color: #0088bb; position: absolute; left: 0; top: 0.65rem; }
.detailSec ul.detailChildList > li { position: relative; font-size: 1rem; border-bottom: dashed 1px #ccc; padding: 7px 0 7px 1em; }
.detailSec ul.detailChildList > li::before { content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #0088bb; position: absolute; left: 0; top: 1.25rem; }
.detailSec ul.detailChildList > li .attention1em { font-size: 0.87rem; display: block; }
.detailSec ul.detailChildList > li .infoTable { margin: 10px 0; }

.detailSec .ordinaryArea { background-color: #f5f5f5; margin: 45px 2% 0 3%; padding-bottom: 35px; }
.detailSec .ordinaryArea .titleOrdinary { background-color: #909090; color: #fff; padding: 0 10px; font-size: 1.12rem; font-weight: 400; }
.detailSec .ordinaryArea ul.detailParentList { margin-top: 15px; }
.detailSec .ordinaryArea ul.detailParentList > li { padding-left: 0; }
.detailSec .ordinaryArea ul.detailParentList > li > div { text-indent: -3%; }
.detailSec .ordinaryArea ul.detailParentList > li:first-child { margin-top: 15px; }
.detailSec .ordinaryArea ul.detailParentList > li::before { display: none; }
.detailSec .ordinaryArea ul.detailChildList > li::before { background-color: #000; }

.detailSec .heavyRainArea { margin: 5px 0 15px; padding: 15px 5px 0 15px; position: relative; }
.detailSec .heavyRainArea .heavyRainHead { color: #fff; border-radius: 5px; background: #0088bb url("/response/images/response_icon_heavy_rain.gif") no-repeat 7px center; padding: 3px 12px 2px 35px; font-size: 0.81rem; position: absolute; left: 0; top: 0; }
.detailSec .heavyRainArea .heavyRainText { background-color: #e5f3f8; padding: 20px 15px 10px; border-radius: 10px; font-size: 1rem; }

.detailSec .detailImg { margin-top: 20px; }

.detailSec .responseColorTxt01 { color: #0070C0; }
.detailSec .responseColorTxt02 { color: #FF0000; }
.detailSec .responseColorTxt03 { color: #00B050; }

/* 個別 */
.detailSec ul.detailChildList > li #response4_1_1 th { width: auto; }
.detailSec ul.detailChildList > li #response4_1_1 .responseCol01 { width: 70px; }

.detailSec ul.detailChildList + p.attention1em { margin-top: 10px; font-size: 1rem; }

/* 改善事項、県独自の取り組み */
.improvementsTable { width: 100%; border-collapse: collapse; margin-bottom: 30px; font-size: 14px; }
.improvementsTable th { background-color: #f2f2f2; border: 1px solid #ccc; padding: 10px; text-align: center; font-weight: bold; }
.improvementsTable td { border: 1px solid #ccc; padding: 10px; line-height: 1.6; vertical-align: middle; }
.improvementsTable .responseCol01 { width: 51px; }
.improvementsTable .responseCol02 { width: 201px; }
.improvementsTable .responseCol04 { width: 150px; }
.improvementsTable td.num { text-align: center; }
.improvementsTable td.name { font-weight: bold; }
.improvementsTable ul { margin: 0; padding: 0 0 0 3px; }
.improvementsTable ul li { margin-top: 5px; position: relative; padding-left: 1em; }
.improvementsTable ul > li::before { content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #0088bb; position: absolute; left: 0; top: 0.5rem; }
.improvementsTable ul li:first-child { margin-top: 0; }
.improvementsTable ul li ul { padding: 0; }
.improvementsTable ul li ul li { list-style: none; padding-left: 1em; text-indent: -1em; margin: 0; }
.improvementsTable ul li ul li::before { display: none; }
.improvementsTable ol { margin: 0; padding: 0; }
.improvementsTable ol li { margin-top: 5px; list-style: none; padding-left: 1em; text-indent: -1em; }
.improvementsTable ol li:first-child { margin-top: 0; }
.improvementsTable ul li ol { margin-top: 15px; }