/* トップページリスト用 */
.news-list{
	display:flex;
	align-items: center;
	border-top:1px solid var(--gray-border-color);
	position: relative;
}

.news-list a{
	display:flex;
	align-items: center;
	padding:20px 10px;
	width:1080px;
}

.news-list a:after{
	content:"\03009";
	display: inline-block;
	position: absolute;
	right:10px;
	transition: var(--transition-base);
}

.news-list a:hover:after {
	transform: translateX(50%);
	transition: var(--transition-base);
}

.news-list:last-child{
	border-bottom:1px solid var(--gray-border-color);
}

.news-list .date{
	margin-left:20px;
}

.news-list .title{
	margin-left:20px;
}

.news-list .noicon {
	display: inline-block;
	width: 94px;
}

.information .page-toppic {
	background:url(../images/information-toppic.jpg) center center no-repeat;
	background-size:cover
}

.information .mb {
	margin-bottom: 48px;
}

.information .sec .center {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.information .sec > table {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.information .sec a {
	color: #00E;
	text-decoration: underline;
}

.information .sec h2.title {
	display: flex;
	align-items: center;
	column-gap: 8px;
	padding: 20px 40px 20px 16px;
}

.information .sec h2.title small {
	display: inline-block;
	font-size: 18px;
	padding-left: 8px;
}


@media print,screen and (max-width: 767px){
	/* トップページリスト用 */
	.news-list{
		flex-direction: column;
		padding: 16px 0;
	}

	.news-list a {
		width: 88%;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		column-gap: 16px;
		row-gap: 8px;
		padding: 10px 20px 20px 0;
	}

	.news-list a > img {
		width: 72px;
	}

	.news-list a:after{
		right: 0;
	}

	.news-list a:hover:after {
		transform: none;
		transition: unset;
	}
	
	.news-list .date{
		display: inline-block;
		margin-left: 0;
	}

	.news-list .title{
		display: inline-block;
		margin-left: 0;
	}

	.news-list .noicon {
		display: inline-block;
		width: 0;
	}

	.information .page-toppic{
		background:url(../images/information-toppic-sp.jpg) center center no-repeat;
		background-size:cover
	}

	.information .sec > table {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.information .sec h2.title {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		font-size: 1.8rem;
		row-gap: 8px;
		padding: 20px 16px;
	}
	.information .sec h2.title small {
		display: inline;
		font-size: 1.6rem;
		padding-left: 0;
		order: -1;
	}
	.information .sec h2.title img {
		order: -2;
		width: 64px;
	}

	.information .sec .inner > p {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		row-gap: 16px;
		margin-bottom: 24px;
	}
	.information .sec .inner > p > a {
		width: calc(100% / 2 - 8px);
	}
	.information .sec .inner > p > a img {
		max-width: 100%;
	}
}