@charset "utf-8";

/* ========================================================
	cms.css
======================================================== */





/* 20250311追加 */
.entry_list .year-block {
    display: block;
}
.entry_list .year-block .year_cate{
	width: 100%;
	z-index: 1;
}
.entry_list .year-block h2{
	color: #FFF;
	background: #66c3cf;
	position: relative;
	width: 100px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.entry_list .year-block h2::after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    right: -80px;
    bottom: -40px;
    border: 40px solid;
    border-color: transparent transparent transparent #66c3cf;
}

.entry_list .year-block table.info {
    width: 100%;
    border-collapse: collapse;
	margin-bottom: 80px;
	z-index: 2;
}

.entry_list .year-block table.info th,
.entry_list .year-block table.info td {
    border-left: 1px solid #66c3cf;
    padding: 8px;
    text-align: center;
}

.entry_list .year-block table.info th {
    background-color: #66c3cf;
	color: #FFF;
	border-left: 1px solid #FFF;
}

/* 各thタグの幅指定 */
.entry_list .year-block table.info th:nth-child(1) {
    width: 35%; /* タイトル列 */
	border-left: none;
}

.entry_list .year-block table.info th:nth-child(2) {
    width: 20%; /* アクセス列 */
}

.entry_list .year-block table.info th:nth-child(3) {
    width: 30%; /* 事業主列 */
}

.entry_list .year-block table.info th:nth-child(4) {
    width: 15%; /* 総戸数列 */
}

.entry_list .year-block table.info td {
    background-color: #FFF;
}
.entry_list .year-block table.info tbody tr:nth-child(odd) td{
	background: #e5f3f5;
}
.entry_list .year-block table.info td:nth-child(1) {
    border-left: none;
}



@media screen and (min-width: 768px), print {
	.entry_list > article > .info {
		display: flex;
		flex-wrap: wrap;
		margin-left: -40px;
	}
	.entry_list > article > .info li {
		margin-left: 40px;
	}
}
@media screen and (max-width: 767px) {
	.entry_list > article > .info {
		margin: -20px 0 30px;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	.entry_list > article > .info li {
		margin-bottom: 0.5em;
	}
	.entry_list > article > .info li::before {
		top: 0.2em;
	}
	.entry_list .year-block {
		display: grid;
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.entry_list .year-block table.info {
		margin-bottom: 50px;
		margin-top: -20px;
	}
}


/* back_link
============================================================================================================ */
.back_link {
	margin-top: 100px;
	text-align: center;
}
.back_link a {
	display: block;
	width: 300px;
	margin: 0 auto;
	padding: 8px 25px 9px;
	border: 2px solid #66c3cf;
	border-radius: 100px;
	font-size: 2.4rem;
	line-height: 1.4;
	text-decoration: none;
	color: #66c3cf;
	text-align: center;
}
@media screen and (min-width: 768px), print {
	.back_link a:hover {
		background-color: #66c3cf;
		color: #fff;
	}
}
@media screen and (max-width: 767px) {
	.back_link {
		margin-top: 60px;
	}
	.back_link a {
		width: 100%;
		font-size: 1.6rem;
	}
}