@charset "UTF-8";

.paragraph {
    margin-bottom: 30px;
}

.search-block__hl {
    margin-bottom: 20px;
}

.form-group__wrap:first-of-type {
    margin-top: 0px;
}
.search-block {
    margin-top: 25px;
    padding: 20px 40px 5px 40px;
}

.search-block__btn {
    width: max-content;
    margin: 20px auto;
}

.form-group__wrap {
    padding: 12px 0;
}

.update-block ul {
    margin: 20px 0 0;
}

.form-control {
    min-height: 38px;
    padding: 8px 10px;
}

.search-block__btn--other {
    width: 200px;
}



@media screen and (min-width: 769px) {

.resultList-block table thead tr th {
    padding: 10px;
}

.resultList-block table tbody tr td {
    padding: 10px 10px;
}

	.resultList-block table {
	  table-layout: fixed;
	}

	.resultList-block table th:nth-child(1),
	.resultList-block table td:nth-child(1) { width: 10%; }

	.resultList-block table th:nth-child(2),
	.resultList-block table td:nth-child(2) { width: 10%; }

	.resultList-block table th:nth-child(3),
	.resultList-block table td:nth-child(3) { width: 18%; }

	.resultList-block table th:nth-child(4),
	.resultList-block table td:nth-child(4) { width: 30%; }

	.resultList-block table th:nth-child(5),
	.resultList-block table td:nth-child(5) { width: 30%; }

	.resultList-block table th:nth-child(6),
	.resultList-block table td:nth-child(6) { width: 12%; }

}


@media screen and (min-width: 769px) {
	/* テーブル見出しをスクロール時に上部固定（sticky） */
	.resultList-block table thead th {
	  position: -webkit-sticky; /* iOS Safari 対策 */
	  position: sticky;
	  top: 0;                  /* 画面最上部に固定 */
	  z-index: 10;
	  background: #fff;        /* 下の行が透けないように */
	}

	/* border-collapse: collapse だと sticky が効かない環境があるため */
	.resultList-block table {
	  border-collapse: separate;
	  border-spacing: 0;
	}
}