@charset "UTF-8";
.font-en { font-family: 'Roboto', sans-serif; }

.font-mp { font-family: 'M PLUS 1p', sans-serif; }

.font-min { font-family: 'Zen Kurenaido', sans-serif; }

/* ==================================================================================================== 共通
==================================================================================================== */
.box { padding-top: 40px; border-top: 2px solid #ddd; }

.prefectural-map { position: relative; }
.prefectural-map .map-txt { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 0.8333333333%; margin-left: 2.9166666667%; }
@media screen and (max-width: 640px) { .prefectural-map .map-txt { position: static; margin: 0; } }
@media screen and (max-width: 640px) { .prefectural-map .prefectural-map-in { position: relative; } }
.prefectural-map .prefectural-map-con { position: relative; width: 59.3333333333%; margin: 0 auto; text-align: center; }
@media screen and (max-width: 640px) { .prefectural-map .prefectural-map-con { width: 80%; } }
.prefectural-map .map-link { position: absolute; z-index: 1; width: 100%; }
.prefectural-map .map-link:has(._active) { pointer-events: none; }
.prefectural-map .map-link a { display: block; text-decoration: none; padding: 7px 5px; border: 1px solid #a6a6a6; background: #fff url("../img/common/ico_arrow_gr.png") no-repeat right 10px center; text-align: center; border-radius: 2em; line-height: 1; transition: all .6s; }
@media screen and (max-width: 1420px) { .prefectural-map .map-link a { font-size: 0.875rem; } }
@media screen and (max-width: 1200px) { .prefectural-map .map-link a { font-size: 0.75rem; } }
@media screen and (max-width: 960px) { .prefectural-map .map-link a { padding: 2px 5px; font-size: 0.625rem; background-size: 5px auto; background-position: right 5px center; } }
@media screen and (max-width: 640px) { .prefectural-map .map-link a { font-size: 0.5625rem; } }
.prefectural-map .map-link a:hover, .prefectural-map .map-link a._active { border: 1px solid #ff4150; background: #ff4150 url("../img/common/ico_arrow_w02.png") no-repeat right 10px center; color: #fff; }
@media screen and (max-width: 960px) { .prefectural-map .map-link a:hover, .prefectural-map .map-link a._active { background-size: 5px auto; background-position: right 5px center; } }
.prefectural-map .map-link.map-link-01 { top: 0; left: 0; width: 20%; margin-top: 8.3333333333%; margin-left: 8.3333333333%; }
@media screen and (max-width: 960px) { .prefectural-map .map-link.map-link-01 { width: 25%; } }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-01 { width: 34.4827586207%; margin-top: 10.3448275862%; margin-left: 0; } }
.prefectural-map .map-link.map-link-02 { top: 0; left: 0; width: 21.6666666667%; margin-top: 11.25%; margin-left: 8.3333333333%; }
@media screen and (max-width: 960px) { .prefectural-map .map-link.map-link-02 { width: 26.6666666667%; } }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-02 { width: 39.6551724138%; margin-top: 15.5172413793%; margin-left: 0; } }
.prefectural-map .map-link.map-link-03 { top: 0; left: 0; width: 13.3333333333%; margin-top: 17.0833333333%; margin-left: 8.3333333333%; }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-03 { width: 27.5862068966%; margin-top: 22.4137931034%; margin-left: 0; } }
.prefectural-map .map-link.map-link-04 { top: 0; left: 0; width: 13.3333333333%; margin-top: 24.1666666667%; margin-left: 8.3333333333%; }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-04 { width: 27.5862068966%; margin-top: 32.7586206897%; margin-left: 0; } }
.prefectural-map .map-link.map-link-05 { bottom: 0; left: 0; width: 16.6666666667%; margin-bottom: 12.0833333333%; margin-left: 8.3333333333%; }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-05 { width: 31.0344827586%; margin-bottom: 17.2413793103%; margin-left: 0; } }
.prefectural-map .map-link.map-link-06 { bottom: 0; left: 0; width: 17.5%; margin-bottom: 8.75%; margin-left: 8.3333333333%; }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-06 { width: 31.0344827586%; margin-bottom: 12.0689655172%; margin-left: 0; } }
.prefectural-map .map-link.map-link-07 { bottom: 0; left: 0; width: 13.3333333333%; margin-bottom: 5.4166666667%; margin-left: 8.3333333333%; }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-07 { width: 25.8620689655%; margin-bottom: 6.8965517241%; margin-left: 0; } }
.prefectural-map .map-link.map-link-08 { top: 0; right: 0; width: 20.8333333333%; margin-top: 4.1666666667%; margin-right: 4.1666666667%; }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-08 { width: 36.2068965517%; margin-top: 6.8965517241%; margin-right: 0; } }
.prefectural-map .map-link.map-link-09 { top: 0; right: 0; width: 18.3333333333%; margin-top: 10.8333333333%; margin-right: 6.6666666667%; }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-09 { width: 32.7586206897%; margin-top: 14.6551724138%; margin-right: 0; } }
.prefectural-map .map-link.map-link-10 { top: 0; right: 0; width: 20.8333333333%; margin-top: 18.3333333333%; margin-right: 4.1666666667%; }
@media screen and (max-width: 960px) { .prefectural-map .map-link.map-link-10 { width: 25%; margin-right: 0%; } }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-10 { width: 37.9310344828%; margin-top: 25.8620689655%; } }
.prefectural-map .map-link.map-link-11 { top: 0; right: 0; width: 13.3333333333%; margin-top: 21.25%; margin-right: 11.6666666667%; }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-11 { width: 22.4137931034%; margin-top: 30.1724137931%; margin-right: 0; } }
.prefectural-map .map-link.map-link-12 { top: 0; right: 0; width: 20.8333333333%; margin-top: 26.25%; margin-right: 4.1666666667%; }
@media screen and (max-width: 960px) { .prefectural-map .map-link.map-link-12 { width: 25%; margin-right: 0%; } }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-12 { width: 36.2068965517%; margin-top: 34.4827586207%; } }
.prefectural-map .map-link.map-link-13 { top: 0; right: 0; width: 25%; margin-top: 30%; margin-right: 0; }
@media screen and (max-width: 960px) { .prefectural-map .map-link.map-link-13 { width: 30%; margin-right: 0%; } }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-13 { width: 44.8275862069%; margin-top: 39.6551724138%; } }
.prefectural-map .map-link.map-link-14 { bottom: 0; right: 0; width: 16.6666666667%; margin-bottom: 5.25%; margin-right: 27.5%; }
@media screen and (max-width: 960px) { .prefectural-map .map-link.map-link-14 { width: 16.6666666667%; margin-right: 26.6666666667%; } }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-14 { width: 24.1379310345%; margin-bottom: 8.6206896552%; margin-right: 25.8620689655%; } }
.prefectural-map .map-link.map-link-15 { bottom: 0; right: 0; width: 13.3333333333%; margin-bottom: 10.5833333333%; margin-right: 11.6666666667%; }
@media screen and (max-width: 960px) { .prefectural-map .map-link.map-link-15 { width: 16.6666666667%; margin-right: 8.3333333333%; } }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-15 { width: 22.4137931034%; margin-bottom: 13.7931034483%; margin-right: 0; } }
.prefectural-map .map-link.map-link-16 { bottom: 0; right: 0; width: 16.6666666667%; margin-bottom: 7.6666666667%; margin-right: 8.3333333333%; }
@media screen and (max-width: 960px) { .prefectural-map .map-link.map-link-16 { width: 20%; margin-right: 5%; } }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-16 { width: 25%; margin-bottom: 8.6206896552%; margin-right: 0; } }
.prefectural-map .map-link.map-link-17 { bottom: 0; right: 0; width: 20.8333333333%; margin-bottom: 4.75%; margin-right: 4.1666666667%; }
@media screen and (max-width: 960px) { .prefectural-map .map-link.map-link-17 { width: 24.1666666667%; margin-right: 0.8333333333%; } }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-17 { width: 36.2068965517%; margin-bottom: 3.4482758621%; margin-right: 0; } }
.prefectural-map .map-link.map-link-18 { bottom: 0; right: 0; width: 20%; margin-bottom: 1.8333333333%; margin-right: 5%; }
@media screen and (max-width: 960px) { .prefectural-map .map-link.map-link-18 { width: 23.3333333333%; margin-right: 1.6666666667%; } }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-18 { width: 32.7586206897%; margin-bottom: -1.724137931%; margin-right: 0; } }
.prefectural-map .map-link.map-link-19 { bottom: 0; right: 0; width: 16.6666666667%; margin-bottom: -1.0833333333%; margin-right: 8.3333333333%; }
@media screen and (max-width: 960px) { .prefectural-map .map-link.map-link-19 { width: 20%; margin-right: 5%; } }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-19 { width: 31.0344827586%; margin-bottom: -6.8965517241%; margin-right: 0; } }
.prefectural-map .map-link.map-link-20 { bottom: 0; right: 0; width: 18.3333333333%; margin-bottom: -1.25%; margin-right: 26.6666666667%; }
@media screen and (max-width: 960px) { .prefectural-map .map-link.map-link-20 { width: 21.6666666667%; } }
@media screen and (max-width: 640px) { .prefectural-map .map-link.map-link-20 { width: 32.7586206897%; margin-bottom: -1.724137931%; margin-right: 39.6551724138%; } }
.prefectural-map .map-icon { position: absolute; width: 5.1966292135%; padding-top: 5.1966292135%; opacity: 0; transition: opacity .5s; transform: translate(-50%, -50%); }
.prefectural-map .map-icon._active { opacity: 1; }
.prefectural-map .map-icon img { position: absolute; top: 0; left: 0; width: 100%; }
.prefectural-map .map-icon.map-icon-01 { bottom: 0; left: 0; margin-bottom: 29.4943820225%; margin-left: 49.5786516854%; }
.prefectural-map .map-icon.map-icon-02 { bottom: 0; left: 0; margin-bottom: 29.4943820225%; margin-left: 49.5786516854%; }
.prefectural-map .map-icon.map-icon-03 { bottom: 0; left: 0; margin-bottom: 25.2808988764%; margin-left: 42.8370786517%; }
.prefectural-map .map-icon.map-icon-04 { bottom: 0; left: 0; margin-bottom: 22.6123595506%; margin-left: 33.1460674157%; }
.prefectural-map .map-icon.map-icon-05 { bottom: 0; left: 0; margin-bottom: 22.7528089888%; margin-left: 39.3258426966%; }
.prefectural-map .map-icon.map-icon-06 { bottom: 0; left: 0; margin-bottom: 19.2415730337%; margin-left: 45.2247191011%; }
.prefectural-map .map-icon.map-icon-07 { bottom: 0; left: 0; margin-bottom: 14.8876404494%; margin-left: 41.5730337079%; }
.prefectural-map .map-icon.map-icon-08 { top: 0; right: 0; margin-top: 17.9775280899%; margin-right: 32.0224719101%; }
.prefectural-map .map-icon.map-icon-09 { top: 0; right: 0; margin-top: 35.9550561798%; margin-right: 38.202247191%; }
.prefectural-map .map-icon.map-icon-10 { top: 0; right: 0; margin-top: 38.7640449438%; margin-right: 33.1460674157%; }
.prefectural-map .map-icon.map-icon-11 { top: 0; right: 0; margin-top: 38.7640449438%; margin-right: 33.1460674157%; }
.prefectural-map .map-icon.map-icon-12 { top: 0; right: 0; margin-top: 39.0449438202%; margin-right: 28.0898876404%; }
.prefectural-map .map-icon.map-icon-13 { top: 0; right: 0; margin-top: 39.0449438202%; margin-right: 36.9382022472%; }
.prefectural-map .map-icon.map-icon-14 { bottom: 0; right: 0; margin-bottom: 14.8876404494%; margin-right: 49.297752809%; }
.prefectural-map .map-icon.map-icon-15 { bottom: 0; right: 0; margin-bottom: 17.1348314607%; margin-right: 49.297752809%; }
.prefectural-map .map-icon.map-icon-16 { bottom: 0; right: 0; margin-bottom: 17.1348314607%; margin-right: 49.297752809%; }
.prefectural-map .map-icon.map-icon-17 { bottom: 0; right: 0; margin-bottom: 17.1348314607%; margin-right: 49.297752809%; }
.prefectural-map .map-icon.map-icon-18 { bottom: 0; right: 0; margin-bottom: 17.1348314607%; margin-right: 49.297752809%; }
.prefectural-map .map-icon.map-icon-19 { bottom: 0; right: 0; margin-bottom: 17.1348314607%; margin-right: 49.297752809%; }
.prefectural-map .map-icon.map-icon-20 { bottom: 0; right: 0; margin-bottom: 9.1292134831%; margin-right: 47.7528089888%; }

/* ==================================================================================================== TOP
==================================================================================================== */
.idx .top-box { padding: 115px 0; }
.idx .top-box .txt { margin-bottom: 35px; }
.idx .top-box-02 { background-color: #f5f7fe; }
.idx .top-box-02 .top-box-item01 { margin-bottom: 30px; padding-bottom: 105px; border-bottom: 1px solid #ddd; }
.idx .top-box-02 .top-box-item01 .prefectural-map { margin-top: -30px; }
.idx .top-box-02 .top-box-item02 { display: flex; }
@media screen and (max-width: 960px) { .idx .top-box-02 .top-box-item02 { flex-wrap: wrap; } }
.idx .top-box-02 .top-box-item02 .subheading_g { width: 4em; }
@media screen and (max-width: 960px) { .idx .top-box-02 .top-box-item02 .subheading_g { width: 100%; } }
.idx .top-box-02 .top-box-item02 .txt_linklist { margin-left: 60px; }
@media screen and (max-width: 960px) { .idx .top-box-02 .top-box-item02 .txt_linklist { margin-left: 0; margin-right: 60px; } }
.idx .top-box-03 { padding-bottom: 0 !important; }
.idx .top-box-03 .txt_linklist { display: flex; }
@media screen and (max-width: 640px) { .idx .top-box-03 .txt_linklist { display: block; } }
.idx .top-box-03 .txt_linklist li { margin-right: 2.5em; }
@media screen and (max-width: 640px) { .idx .top-box-03 .txt_linklist li { margin-right: 0; margin-bottom: 20px; } }

/* ==================================================================================================== 東三河県庁の概要
==================================================================================================== */
.outline .outline-fig { margin-bottom: 155px; }
@media screen and (max-width: 640px) { .outline .outline-fig { margin-bottom: 60px; } }
.outline .outline-btn { display: flex; justify-content: space-between; max-width: 580px; margin: 0 auto; }
@media screen and (max-width: 640px) { .outline .outline-btn { display: block; } }
.outline .outline-btn p { width: 46.5517241379%; }
@media screen and (max-width: 640px) { .outline .outline-btn p { width: 100%; margin-bottom: 40px; } }
.outline .outline-btn p:last-child { margin-bottom: 0; }
.outline .outline-btn .btn { max-width: 100%; padding: 25px 10px; background-image: none; font-size: 1.125rem; border-radius: 2rem; }
.outline .box { margin-bottom: 105px; }
.outline .box01 .txt_list { margin-bottom: 85px; }
.outline .box04 .txt { margin-bottom: 70px; }

/* ==================================================================================================== 東三河県庁を構成する地方機関
==================================================================================================== */
.organization .heading_g { margin-bottom: 70px; }
.organization .organization-fig { margin-bottom: 100px; }
.organization .box { margin-bottom: 120px; }
.organization .box01 .subheading_g { margin-bottom: 0; }
.organization .box01 ul li { border-bottom: 1px solid #d4d4d4; }
.organization .box01 ul li a { display: block; text-decoration: none; padding: 50px 0; }
.organization .box01 ul li .news-date { margin-bottom: 10px; font-size: 0.875rem; color: #46b46b; font-weight: bold; line-height: 1; }
.organization .box01 ul li .news-txt { font-size: 1.0625rem; font-weight: 400; }
.organization .box02 .txt_list { margin-bottom: 45px; }
.organization .box02 .txt_list:last-child { margin-bottom: 0; }
.organization .box03 dl { display: flex; align-items: center; margin-bottom: 10px; font-size: 1.0625rem; }
.organization .box03 dl dt { width: 10em; }
@media screen and (max-width: 640px) { .organization .box03 dl dt { width: 5em; } }
.organization .box03 dl dd { flex: 1; }

/* ==================================================================================================== 東三河振興ビジョン
==================================================================================================== */
.measurevision .lnav ul { display: flex; justify-content: center; border-bottom: 1px solid #ddd; }
.measurevision .lnav ul li { margin: 0 40px; position: relative; display: block; text-decoration: none; padding: 25px 0; font-size: 1.125rem; text-align: center; color: #46b46b; font-weight: bold; line-height: 1.4; cursor: pointer; }
@media screen and (max-width: 960px) { .measurevision .lnav ul li { margin: 0 20px; } }
@media screen and (max-width: 640px) { .measurevision .lnav ul li { font-size: 0.75rem; } }
.measurevision .lnav ul li:hover::before, .measurevision .lnav ul li.active::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background-color: #46b46b; }
.measurevision .lnav ul li:hover::after, .measurevision .lnav ul li.active::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 14px; height: 10px; margin-left: -7px; margin-bottom: -20px; background: url("../img/common/ico_arrow_g03.png") no-repeat left top; }
.measurevision .box { margin-top: 80px; margin-bottom: 70px; }
.measurevision .box01 figure { margin: 70px 0 15px; }
.measurevision .box02 dl { margin-bottom: 45px; font-size: 1.0625rem; }
.measurevision .box02 dl dt { margin-bottom: 20px; font-weight: bold; }
.measurevision .box02 dl dd { padding-left: 2.8rem; }
.measurevision .box02 dl dd .list-l { margin-left: 1em; }
.measurevision .box02 .box-flex { display: flex; }
@media screen and (max-width: 640px) { .measurevision .box02 .box-flex { display: block; } }
.measurevision .box02 .box-flex ol { margin-right: 60px; }
@media screen and (max-width: 640px) { .measurevision .box02 .box-flex ol { margin-right: 0; } }
.measurevision .vision-box02 { padding-top: 100px; }
.measurevision .vision-list li { margin-bottom: 1em; }
.measurevision .vision-list li:last-child { margin-bottom: 0; }

/* ==================================================================================================== 東三河県庁の取り組み
==================================================================================================== */
.measure .measure-lnav { margin-bottom: 50px; }
.measure .measurenav { position: relative; z-index: 10; max-width: 315px; margin: 0 0 50px auto; color: #46b46b; font-weight: bold; line-height: 1; }
.measure .measurenav a { text-decoration: none; color: #46b46b; }
.measure .measurenav p { border: 1px solid #46b46b; background: #f5f7fe url("../img/common/ico_arrow_g03.png") no-repeat right 30px center; padding: 20px 40px; cursor: pointer; }
.measure .measurenav ul { z-index: 9999; display: none; position: absolute; width: 100%; border: 1px solid #46b46b; border-top: none; background-color: #f5f7fe; }
.measure .measurenav ul li { border-bottom: 1px solid #46b46b; }
.measure .measurenav ul li:last-child { border-bottom: none; }
.measure .measurenav ul li a { display: block; padding: 10px 40px; }
.measure .measurenav ul li a:hover { background-color: #46b46b; color: #fff; }
.measure .subheading_g { margin-bottom: 70px; }
.measure .box { margin-bottom: 100px; }
.measure .box.box01 { margin-top: 130px; }
.measure dl { margin-bottom: 50px; }
.measure dl:last-child { margin-bottom: 0; }
.measure dl dt { margin-bottom: 10px; font-weight: bold; }
.measure dl dd { margin-left: 30px; }
.measure dl dd ol li { margin-bottom: 10px; padding-left: 1.5em; text-indent: -1.5em; }
.measure dl dd ol li.idt02 { padding-left: 2em; text-indent: -2em; }
.measure dl dd ol li:last-child { margin-bottom: 0; }
.measure dl dd ol li.cheack::before { content: '◎'; margin-left: -1em; }
.measure .measure-box .txt { font-weight: 400; }
.measure .measure-box div { margin-top: 10px; padding: 40px 50px; border: 1px dashed #000; }
.measure table { width: 100%; margin: 40px 0 10px; }
.measure table tr th { background-color: #46b46b; font-weight: bold; color: #fff; text-align: center; }
.measure table tr th, .measure table tr td { padding: 20px; border: 1px solid #ddd; }
.measure.measure2022 .box01 { margin-top: 120px; }
.measure.measure2022 .box01 dl dd { margin-left: 3em; }
.measure.measure2022 .box01 ul li { text-indent: 0; background: url(../img/common/ico_arrow_g.png) no-repeat left center; }
.measure .box01 .mark { text-indent: 0; background: url(../img/common/ico_arrow_g.png) no-repeat left center; }
/* ==================================================================================================== 東三河県庁の取り組み
==================================================================================================== */
.populationproblems .box01 { margin-top: 80px; }
.populationproblems .box { margin-bottom: 130px; }
.populationproblems .box .box-date { margin-bottom: 30px; }
.populationproblems .box figure { margin: 90px 0; text-align: center; }
.populationproblems .box .box-list { margin-top: 25px; }

/*# sourceMappingURL=prefectural.css.map */