@charset "utf-8";

/*===============================================
●共通
===============================================*/

/*introdWrap
---------------------------------------------- */
#introWrap table {
	border-collapse: separate;
	border-radius: 7px;
	border-spacing: 0;
	width: 100%;
	border: solid 1px #FFD4EB;
}
#introWrap th {font-weight: bold;}
#introWrap thead th {
	color: #fff;
	background-color: #924C71;
}
#introWrap thead th:first-child {border-radius: 7px 0 0 0;}
#introWrap thead th:last-child {border-radius: 0 7px 0 0;}
#introWrap tbody tr:last-child th {border-radius: 0 0 0 7px;}
#introWrap thead,
#introWrap tbody tr:not(:last-child) th {border-bottom:  solid 1px #FFD4EB;}
#introWrap th:first-child,
#introWrap thead th:nth-child(2) {border-right:  solid 1px #FFD4EB;}
#introWrap tbody th:first-child {vertical-align: top;}
#introWrap tbody td {line-height: 1.75em;}
#introWrap .pdfBox a {background-color: transparent;}
#introWrap .pdfBox a:last-child {padding: 0.5em 0 0;}
#introWrap .pinkBg {background-color: #FEF6F6;}

/*===============================================
●画面の横幅が769px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 769px) {
	
	/*introWrap
	---------------------------------------------- */
	#introWrap {padding-bottom: 3em;}
	#introWrap p {padding-bottom: 1.5em;}
	#introWrap thead {display: none;}
	
	/* 地域名のセルここから*/
	#introWrap .area:before {
		display: block;
		height: 1em;
		top: 0;
		left: 0;
		font-weight: bold;
		font-size: 1.14em;
		padding: 0.94em 2em;
		color: #fff;
		background-color: #924C71;
	}
	#introWrap .area:first-child:before {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	#introWrap .area:before {content: attr(data-th);}
	/* 地域名のセルここまで*/
	
	/* 「課題」、「事業・取り組み」のセルここから*/
	#introWrap tbody tr td:before {
		display: flex;
		align-items: center;
		height: 1em;
		color: #924C71;
		top: 0;
		left: 0;
		padding: 1em 0 0.7em;
		font-weight: bold;
	}
	#introWrap tbody .detail:not(:first-child) td:first-of-type:before {border-top: 1px dashed #DB5B9F;}
	#introWrap tbody tr td:first-of-type:before {
		content: "課題";
		padding-top: 1.81em;
		display: inline-block;
	}
	#introWrap tbody tr td:last-child:before {
		content: "事業・取り組み";
		display: inline-block;
	}
	/* 「課題」、「事業・取り組み」のセルここまで*/
	
	#introWrap th {padding: 1.2em 1em;}
	#introWrap td span {
		display: block;
	}
	#introWrap tbody th {display: none;}
	#introWrap tbody td {
		display: block;
		font-size: 1.14em;
		padding: 0 1.81em;
	}
	#introWrap tbody tr td:last-child {padding-bottom: 1.69em;}
	#introWrap tbody tr:last-child td:last-child {
		border-radius: 0 0 7px 0;
		border-bottom: none;
	}
	#introWrap .pdfBox a {align-items: center;}
	#introWrap .pdfBox a:not(:last-child) {padding: 0 0 1.2em;}
	#introWrap .pdfBox .pdfIcon {padding-top: 0.5em;}

	#introWrap .tdCaptionNumber{
		display: inline-block;
		position: relative;
		border-radius: 50%;
		border: 1px solid #924C71;
		color: #924C71;
		width: 18px;
		line-height: 18px;
		height: 18px;
		text-align: center;
		vertical-align: middle;
		top: -2px;
		left: 4px;
	}
}
	
/*===============================================
●画面の横幅が770px以上(PCのみ)
===============================================*/
@media screen and (min-width: 770px) {
	
	/*introWrap
	---------------------------------------------- */
	#introWrap {padding-bottom: 8.9em;}
	#introWrap p {padding-bottom: 2.5em;}
	#introWrap th,
	#introWrap td {padding: 1.3em 1.5em 1em;}
	#introWrap thead th:first-child,
	#introWrap tbody th {width: 16.5%;}
	#introWrap thead th:nth-child(2),
	#introWrap tbody tr td:first-of-type {width: 35.5%;}
	#introWrap thead th:last-child,
	#introWrap tbody tr td:last-of-type {width: 48%;}
	#introWrap tbody tr td:first-of-type {border-right: 1px dashed #FFD4EB;}
	#introWrap  tbody tr:not(:last-child) td {border-bottom:  solid 1px #FFD4EB;}
	#introWrap tbody tr:last-child td {border-radius: 0 0 7px 0;}
	#introWrap .pdfBox a {
		color: #EC0F85;
		margin-top: 0.5em;
	}
	#introWrap .pdfBox a:not(:last-child) {padding: 0 0 0.6em;}
	#introWrap .pdfBox .pdfIcon {margin-top: 0.2em;}
}