@charset "UTF-8";
.page-header .list .link{
	padding-right: 2rem;
	padding-left: 2rem;
}
.page-header .list .link-noIcon::after{
	content: none;
}
@media only screen and (max-width: 799px) {
	.pc{
		display: none;
	}
}

.title-muted {
    font-weight: bold;
    font-family: YuGothic, "Yu Gothic", "Arial", "Meiryo", sans-serif;
    font-size: 1.25rem;
    color: #000;
    letter-spacing: 0.06em;
    text-align: center;
    margin: 1em 0;
}

/*------------------------------------------------
	イベント概要
------------------------------------------------*/
.flex-overviews{
	gap: 30px;
	align-items: flex-start;
}
.flex-item-overviews{
	max-width: max-content;
	width: calc(100%/2);
}
.flex-item-overviews dl{
	gap: 30px;
}
.flex-item-overviews dl dt,.flex-item-overviews dl dd{
	flex-grow: 1;
}
.flex-item-overviews ul{
	padding: 0;
}
.flex-item-overviews ul li{
	list-style: none;
	padding: 0;
}
@media only screen and (max-width: 799px) {
	.flex-overviews{
		flex-direction: column;
		gap: 0;
	}
	.flex-item-overviews{
		max-width: max-content;
		width: 100%;
	}
	.flex-item-overviews dl{
		gap: 0;
		flex-direction: column;
	}
}


/*------------------------------------------------
	企業によるピッチ&ブース出展
------------------------------------------------*/
.flex-booth{
	gap: 30px;
	position: relative;
    margin-top: 3em;
    padding-top: 2em;
}
.flex-booth::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-image: -webkit-linear-gradient(left, #000, #000 3px, transparent 3px, transparent 3px);
	background-image: linear-gradient(to right, #000, #000 3px, transparent 3px, transparent 3px);
	background-size: 8px 1px;
	background-repeat: repeat-x;
	height: 1px;
	width: 100%;
}
.flex-item-booth{
	max-width: 500px;
    width: calc(100%/2);
}
.flex-item-booth:last-child{
	max-width: max-content;
}
@media only screen and (max-width: 799px) {
	.flex-booth{
		flex-direction: column;
	}
	.flex-item-booth{
		max-width: none;
		width: 100%;
	}
}


/*------------------------------------------------
	イベント開催までのスケジュール
------------------------------------------------*/
.flex-schedule{
	gap: 60px;
}
.flex-schedule.col4{
	gap: 30px;
}
.flex-item{
	width: calc(100%/3 - 30px);
	margin: 0;
	position: relative;
	flex-direction: column;
}
.flex-schedule.col4 .flex-item{
	width: calc(100%/4 - 10px);

}
.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-schedule.col4 .flex-item:not(:last-child):after{
    right: -27px
}
.flex-item-border{
	border: 1px solid #000;
}
.flex-item-border dt{
	border-bottom: 1px solid #000;
	background: #D9ECF3;
	padding: 6px;
	height: 5em;
    display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
}
.flex-item-border dd{
	min-height: 80px;
	flex-grow: 1;
	padding: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
    flex-direction: column;
}
.flex-item-schedule{
	width: calc(100%/2 - 15px);
	max-width: max-content;
}
.flex-item-schedule figure a img{
	transition: transform 0.2s, -webkit-transform 0.2s;
}
.flex-item-schedule figure a:hover img{
	-webkit-transform: scale(1.015);
	-ms-transform: scale(1.015);
	transform: scale(1.015);
}
.flex-schedule02 .flex-item-schedule{
	position: relative;
}
.flex-schedule02 .flex-item-schedule::after{
	content: "";
    position: absolute;
    right: 1em;
    top: -0.3em;
    background-image: url(/policy/roadmap/assets/img/matching/icon_preparation.png);
    background-size: 100%;
    width: 100px;
    height: 36px;
    z-index: 1;
}
.flex-schedule02 .flex-item-schedule.update::after{
	content: "";
    position: absolute;
    right: 1em;
    top: -0.6em;
    background-image: url(/policy/roadmap/assets/img/matching/icon_update.png);
    background-size: 100%;
    width: 88px;
    height: 43px;
    z-index: 1;
}
.flex-schedule02 .flex-item-schedule a{
	pointer-events: none;
}
.flex-schedule02 .flex-item-schedule a.on{
	pointer-events: inherit;
}
#schedule .btn-apply {
    text-align: center;
    font-size: 1.25rem;
    color: #fff;
    line-height: 1.3;
    text-decoration: none;
    background-color: #4771aa;
    border: 1px solid #595757;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	justify-content: center;
    max-width: max-content;
    width: 100%;
    padding: 0.6em 2em;
    position: relative;
    -webkit-box-shadow: 2px 2px 0 1px #b8b8b8;
    box-shadow: 2px 2px 0 1px #b8b8b8;
    -webkit-transition: -webkit-box-shadow 0.2s, -webkit-transform 0.2s;
    transition: -webkit-box-shadow 0.2s, -webkit-transform 0.2s;
    transition: box-shadow 0.2s, transform 0.2s;
    transition: box-shadow 0.2s, transform 0.2s, -webkit-box-shadow 0.2s, -webkit-transform 0.2s;
    letter-spacing: 0.175em;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
	margin: 0 auto;
}
#schedule a.btn-apply[href$=".xls"]::after,
#schedule a.btn-apply[href$=".xlsx"]::after{
	content: none;
}
#schedule .btn-apply:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translate(2px, 2px);
    -ms-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
}
@media only screen and (max-width: 1000px){
	.flex-item-border dt{
		height: 7em;
	}
	.flex-schedule02 .flex-item-schedule::after{
		top: -1em;
	}
	.flex-schedule02 .flex-item-schedule.update::after{
		top: -1.4em;
	}
}
@media only screen and (max-width: 799px) {
	.flex-schedule{
		gap: 60px;
		flex-direction: column;
	}
	.flex-item{
		width: 100%;
	}
	.flex-schedule.col4 {
		gap: 60px;
		flex-direction: column;
	}
	.flex-schedule.col4 .flex-item {
		width: 100%;
	}
	.flex-item-border dt{
		height: auto;
	}
	.flex-schedule.col4 .flex-item:not(:last-child):after,.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;
	}
	.flex-schedule02{
		flex-direction: column;
	}
	.flex-item-schedule{
		width: 100%;
		margin: 0 auto;
	}
}


/*------------------------------------------------
	関連サイト
------------------------------------------------*/
.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);
}




/*------------------------------------------------
	モーダル内
------------------------------------------------*/

/* 共通 */
.fancybox-container h5 {
    font-size: 1.4rem;
    margin: 1.67em 0 0.885em;
}
.fancybox-slide.fancybox-slide--html .fancybox-content{
	width: 100%;
}
.fancybox-slide.fancybox-slide--html .fancybox-content{
	max-width: 1300px;
}
.table-selection thead .pref{
	width: 20em;
}
.table-selection thead .city{
	width: 7em;
}
.table-selection thead .file{
	width: 3em;
}
.table-selection td.project-cell{
	text-align: left!important;
}
@media only screen and (max-width: 799px) {
	.table-wrapper{
		overflow-x: scroll;
	}
	.table-wrapper .table-selection{
		width: 100vw;
	}
	.table-wrapper.table-wrapper-l .table-selection{
		width: max-content;
	}
	.table-selection thead .city{
		width: 5em;
	}
}
@media screen and (max-width: 599px) {
	.table-wrapper .table-selection{
		width: max-content;
	}
		.table-wrapper.table-wrapper-m .table-selection{
		width: 100vw;
	}
	.table-selection thead .city{
		width: 3em;
	}
}
.fancybox-container a[href*=".pdf"]::after{
	width: 3em;
	height: 3em;
}

.fancybox-container td:last-child{
	text-align: center;
}


/* #selection-02-list */