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


/*-------------------
	共通
-------------------*/
/* MV */
#pagesMv { background-image: url("/images/fukkyu_fukko_mv_bg_pc.jpg"); }
.mt0 { margin-top: 0 !important; }

/*-------------------
	一覧
-------------------*/
#fukkyu_fukkoSec .mapBtn { text-align: right; }
#fukkyu_fukkoSec .mapBtn a { display: inline-block; border: solid 1px #ccc; border-radius: 30px; padding: 1px 35px 0 20px; position: relative; }
#fukkyu_fukkoSec .mapBtn a::after { content: ""; display: block; position: absolute; right: 18px; top: calc(50% - 3px); width: 6px; height: 6px; border-top: 2px solid #0a8dbd; border-right: 2px solid #0a8dbd; transform: rotate(45deg); }
#fukkyu_fukkoSec .mapBtn a span { display: block; background: url("/common/images/icon_map_restoration.png") no-repeat left center; padding-left: 18px; min-height: 21px; }
#fukkyu_fukkoSec .mapBtn a:hover { }

#fukkyu_fukkoSec #introTxt { margin-top: 65px; text-align: center; font-size: 1.12rem; }

#fukkyu_fukkoSec #introTxt + .commonHeading { margin-top: 60px; }
#fukkyu_fukkoSec .commonHeading { margin-top: 45px; }
#fukkyu_fukkoSec .commonHeading span { font-size: 1.12rem; }

#fukkyu_fukkoSec .indexList { margin: 15px 6% 0 7%; }
#fukkyu_fukkoSec .indexList li { border-bottom: dashed 1px #ccc; }
#fukkyu_fukkoSec .indexList li:nth-child(n+6) { display: none; }
#fukkyu_fukkoSec .indexList li a,
#fukkyu_fukkoSec .indexList li span { display: flex; position: relative; justify-content: space-between; align-items: center; padding: 10px 33px 10px 0; }
#fukkyu_fukkoSec .indexList li a::after { content: ""; display: block; position: absolute; right: 8px; top: calc(50% - 3px); width: 6px; height: 6px; border-top: 2px solid #0a8dbd; border-right: 2px solid #0a8dbd; transform: rotate(45deg); }
#fukkyu_fukkoSec .indexList li a .indexListTxt { flex: 1; }
#fukkyu_fukkoSec .indexList li a .indexListStatus { width: 130px; padding: 2px 5px; color: #fff; text-align: center; margin-left: 15px; font-size: 0.67rem; }
#fukkyu_fukkoSec .indexList li a .emergencyConstruction { background-color: #72cdf2; }
#fukkyu_fukkoSec .indexList li a .emergencyCompleted { background-color: #0072a8; }
#fukkyu_fukkoSec .indexList li a .restorationConstruction { background-color: #c2db82; }
#fukkyu_fukkoSec .indexList li a .restorationCompleted { background-color: #628d0a; }
#fukkyu_fukkoSec .indexList li a .collectDemolition { background-color: #c2db82; }

#fukkyu_fukkoSec .openBtn { text-align: center; margin-top: 45px; padding-top: 15px; border-top: solid 1px #ccc; line-height: 2; }
#fukkyu_fukkoSec .openBtn > div { cursor: pointer; position: relative; padding-left: 30px; display: inline-block; transition: 0.4s; }
#fukkyu_fukkoSec .openBtn > div:hover { color: #0068b7; }
#fukkyu_fukkoSec .openBtn > div::before { content: ""; display: block; position: absolute; top: 5px; left: 0; width: 23px; height: 23px; border-radius: 50%; background: #0088bb; }
#fukkyu_fukkoSec .openBtn > div span::before,
#fukkyu_fukkoSec .openBtn > div span::after { content: ""; display: block; width: 1px; height: 8px; background-color: #fff; position: absolute; left: 12px; top: 13px; }
#fukkyu_fukkoSec .openBtn > div span::after { transform: rotate(90deg); }
#fukkyu_fukkoSec .openBtn.contentsOpen > div span::before { display: none; }


/*-------------------
	詳細
-------------------*/
#fukkyu_fukkoSec #progressList { margin: 40px 6% 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
#fukkyu_fukkoSec #progressList li { width: 49%; position: relative; padding-right: 45px; box-sizing: border-box; }
#fukkyu_fukkoSec #progressList li:nth-child(n+3) { margin-top: 30px; }
#fukkyu_fukkoSec #progressList li::after { content: ""; position: absolute; right: 5px; top: 50%; width: 17px; height: 34px; clip-path: polygon(0 0, 100% 50%, 0 100%); background-color: #0a8dbd; }
#fukkyu_fukkoSec #progressList li:last-child::after { display: none; }
#fukkyu_fukkoSec #progressList li span { display: block; }
#fukkyu_fukkoSec #progressList li div { aspect-ratio: 32 / 21; overflow: hidden; margin-top: 8px; }
#fukkyu_fukkoSec #progressList li div img { object-fit: cover; width: 100%; height: 100%; }

#fukkyu_fukkoSec #detailTable { width: 88%; margin: 50px auto 0; }
#fukkyu_fukkoSec #detailTable th,
#fukkyu_fukkoSec #detailTable td { border-top: solid 1px #999; border-bottom: solid 1px #ccc; padding: 10px 0; }
#fukkyu_fukkoSec #detailTable th { width: 175px; }
#fukkyu_fukkoSec #detailTable td { width: auto; }