@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;
	font-weight: bold;
	font-size: 1.25rem;
}
#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-question{
	flex-wrap: wrap;
	gap: 30px;
	justify-content: center
}
.flex-item-question {
	width: calc((100% - 120px) / 5);
	margin: 0;
	position: relative;
	flex-direction: column;
}
.question-imgBox{
	align-items: center;
	height: 5em;
}
.question-img01{
	width: 64px
}
.question-img02{
	width: 80px
}
.question-img03{
	width: 104px
}
.question-img04{
	width: 120px
}
.question-img05{
	width: 96px
}
@media only screen and (max-width: 799px) {
	.flex-question{
		gap: 15px;
	}
	.flex-item-question {
		width: calc(50% - 15px);
	}
}


/*------------------------------------------------
	利用手順
------------------------------------------------*/
.flex-instruction{
	gap: 60px;
}
.flex-item-instruction{
	width: calc(100%/3 - 30px);
	margin: 0;
	position: relative;
	flex-direction: column;
}
.flex-item-instruction: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 #028473;
    border-right: 0;
    position: absolute;
    right: -45px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.flex-item-instruction{
	border: 2px solid #028473;
	border-radius: 24px
}
.instruction-imgBox{
	align-items: center;
	height: 5em;
}
.instruction-number {
	position: absolute;
	top: 0.25rem;
	left: 1rem;
	margin: 0;
	font-size: 1.675em;
	color: #028473;
}
.instruction-img01{
	width: 73px
}
.instruction-img02{
	width: 65px
}
.instruction-img03{
	width: 55px
}
.flex-item-instruction dt{
	flex-grow: 1;
	font-weight: bold;
	font-size: 1.25rem;
	color: #028473;
	min-height: 2.88em;
}
.flex-item-instruction dd{
	flex-grow: 1;
	padding: 0.5em 1em;
  box-sizing: content-box;
}
@media only screen and (max-width: 799px) {
	.flex-instruction{
		gap: 60px;
		flex-direction: column;
	}
	.flex-item-instruction{
		width: 100%;
	}
	.flex-item-instruction: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 #028473;
		border-bottom: 0;
		position: absolute;
		right: 0;
		left: 0;
		top: inherit;
		bottom: -45px;
		margin: auto;
	}
}

/*------------------------------------------------
	申し込み
------------------------------------------------*/
#entry .container {
	text-align: center;
}

.entry-text {
	max-width: 90%;
	display: inline-block;
	text-align: left;
	font-size: 1.25rem;
}

.entry-text a {
	font-weight: bold;
}

.entry-mail {
	padding-left: 5em;
	text-indent: -5em;
}

/*------------------------------------------------
	関連サイト
------------------------------------------------*/
.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;
		gap: 0.5rem!important;
	}
	.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);
}