@charset "UTF-8";
.page-header .list .link{
	padding-right: 2rem;
	padding-left: 2rem;
}
.page-header .list .link-noIcon::after{
	content: none;
}
.page-header .list__item.link__none{
	position: relative;
}
.page-header .list__item.link__none::after{
	content: "";
	position: absolute;
    right: 1em;
    top: -0.3em;
	background-image: url(/policy/roadmap/assets/img/advisory/icon_preparation.png);
	background-size: 100%;
	width: 100px;
	height: 36px;
	z-index: 1;
}
.page-header .list__item.link__none a{
	opacity: 1;
}
@media only screen and (max-width: 1023px){
	.page-header .list__item.link__none::after{
		background-size: 80%;
		right: -2em;
	}
}
@media only screen and (max-width: 924px){
	.page-header .list__item.link__none::after{
        right: -2.6em;
	}
}
@media only screen and (max-width: 799px) {
	.page-header .list .link.link-anchor{
		padding-right: 3rem;
	}

}


/*------------------------------------------------
	脱炭素まちづくりアドバイザー制度とは？
------------------------------------------------*/
#about dl:not(:last-child){
	margin-bottom: 3em;
}
#about dl dt{
	display: flex;
	align-items: baseline;
}
#about dl dt span.point{
	background: linear-gradient(#f7f1e8, #f7f1e8) 0 100%/100% no-repeat;
	padding: 0.2em 0.8em;
    display: inline-block;
    border-radius: 0.2em;
	margin-right: 1em;
	flex-shrink: 0;
}
#about dl dd{
	margin-top: 1em;
}
.flex-about{
	gap: 30px;
	align-items: stretch;
}
.flex-about .flex-item-about{
	background: #fff;
	padding: 0.5rem;
	width: calc(100%/2 - 15px);
}
.flex-about .flex-item-about h3{
    background: #fedb74;
    margin: 0 auto 1rem;
}
.flex-about .flex-item-about p,.flex-about .flex-item-about ul{
	margin: 0;
	text-align: left;
}
.flex-about .flex-item-about .flex-inner{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
@media only screen and (max-width: 799px) {
	.flex-about{
		flex-direction: column;
		width: 100%;
		margin: 0 auto;
	}
	.flex-about .flex-item-about{
		width: 100%;
		margin: 0 auto;
	}
}


/*------------------------------------------------
	スケジュール
------------------------------------------------*/
.flex-schedule{
	gap: 60px;
}
.flex-item{
	width: calc(100%/3 - 30px);
	margin: 0;
	position: relative;
	flex-direction: column;
}
.flex-item:not(:last-child):after{
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #4f81bd;
    border-right: 0;
    position: absolute;
    right: -45px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.flex-item-border{
	border: 1px solid #000;
}
.flex-item-border dt{
	border-bottom: 1px solid #000;
	background: #D9ECF3;
	padding: 6px;
	flex-grow: 1;
}
.flex-item-border dd{
	min-height: 80px;
	flex-grow: 1;
	padding: 1em;
    box-sizing: content-box;
}
@media only screen and (max-width: 799px) {
	.flex-schedule{
		gap: 60px;
		flex-direction: column;
	}
	.flex-item{
		width: 100%;
	}
	.flex-item:not(:last-child):after{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 50px solid transparent;
		border-left: 50px solid transparent;
		border-top: 30px solid #4f81bd;
		border-bottom: 0;
		position: absolute;
		right: 0;
		left: 0;
		top: inherit;
		bottom: -45px;
		margin: auto;
	}
}


/*------------------------------------------------
	#flow
------------------------------------------------*/
.flex-flow{
	gap: 20px;
	justify-content: center;
}
.flex-flow:not(:last-child){
	margin-bottom: 40px;
}
.flex-item-step{
	width: calc(100%/2 - 10px);
}
.flex.flex-item-step{
	text-align: center;
	max-width: 300px;
    width: 100%;
}
.flex.flex-item-step .text{
	position: relative;
}
.flex-flow:not(:last-child) .flex.flex-item-step .text::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 50px solid transparent;
	border-left: 50px solid transparent;
	border-top: 20px solid #4f81bd;
	border-bottom: 0;
	position: absolute;
	bottom: -30px;
	right: 0;
	left: 0;
	margin: auto;
}
.flex.flex-item-step span{
	background: #D9ECF3;
	border-right: 1px solid #000;
	padding: 8px;
	writing-mode: vertical-rl;
    text-orientation: upright;
}
.flex.flex-item-step p{
	padding: 20px;
	flex-grow: 1;
	margin: 0;
}
@media only screen and (max-width: 799px) {
	.flex-flow{
		flex-direction: column;
		gap: 10px;
	}
	.flex-flow:not(:last-child) {
		margin-bottom: 50px;
	}
	.flex.flex-item-step{
		max-width: none;
	}
	.flex-item-step{
		width: 100%;
		position: relative;
	}
	.flex-flow:not(:last-child) .flex.flex-item-step .text::after{
		content: none;
	}
	.flex-flow:not(:last-child) .flex-item-step.list ul{
		margin: 0;
	}
	.flex-flow:not(:last-child) .flex-item-step.list::after{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 50px solid transparent;
		border-left: 50px solid transparent;
		border-top: 20px solid #4f81bd;
		border-bottom: 0;
		position: absolute;
		bottom: -35px;
		right: 0;
		left: 0;
		margin: auto;
	}
}


/*------------------------------------------------
	関連サイト
------------------------------------------------*/
.btn-relatedSite{
    max-width: 485px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.btn-relatedSite a{
	color: #222;
    background: #fff;
    text-decoration: none;
    border: 2px solid #ffd700;
    box-shadow: 4px 4px 0 0 #fedb74;
    border-radius: 8px;
    padding: 8px;
    padding-bottom: 0;
    width: 100%;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
	transition: box-shadow 0.2s, transform 0.2s, -webkit-box-shadow 0.2s, -webkit-transform 0.2s;
}
.btn-relatedSite a:hover{
	box-shadow: none;
    transform: translate(4px, 4px);
}

.flex-item-related{
	width: calc(100%/2 - 15px);
	max-width: max-content;
}
.flex-item-related figure a img{
	transition: transform 0.2s, -webkit-transform 0.2s;
}
.flex-item-related figure a:hover img{
	-webkit-transform: scale(1.015);
	-ms-transform: scale(1.015);
	transform: scale(1.015);
}
@media only screen and (max-width: 799px) {
	.flex-related{
		flex-direction: column;
	}
	.flex-item-related{
		width: 100%;
		margin: 0 auto;
	}
}


/*------------------------------------------------
	環境省ローカルSDGs 地域循環共生圏
------------------------------------------------*/
#sdgs a::after{
	content: none;
}
#sdgs h2 figure a img{
	transition: transform 0.2s, -webkit-transform 0.2s;
}
#sdgs h2 figure a:hover img{
	-webkit-transform: scale(1.015);
	-ms-transform: scale(1.015);
	transform: scale(1.015);
}