@charset "utf-8";

@media screen and (min-width: 769px) {
	.newsList__filter {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
						flex-wrap: wrap;
		-webkit-box-align: center;
		-webkit-align-items: center;
			 -moz-box-align: center;
				-ms-flex-align: center;
						align-items: center;
		margin-top: -10px;
		margin-bottom: 15px;
	}
	.newsList__filter > div {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.newsList__filterTtl {
		font-weight: bold;
		margin-right: 43px;
		white-space: nowrap;
	}
	.newsList__filterSelect {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
						flex-wrap: wrap;
		margin-top: -5px;
		margin-bottom: -5px;
	}
	.newsList__select {
		display: inline-block;
		position: relative;
		min-width: 120px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-right: 30px;
		padding: 4px 0 6px;
		border-bottom: 1px solid #000;
	}
	.newsList__select.category {
		min-width: 160px;
	}
	.newsList__select::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 6px;
		height: 10px;
		background: url(../images/icon_arrow2.svg) no-repeat 0 0/contain;
		-webkit-transform: rotate(90deg) translate(-50%);
			 -moz-transform: rotate(90deg) translate(-50%);
						transform: rotate(90deg) translate(-50%);
	}
	.newsList__select select {
		width: 100%;
		font-size: 16px;
		font-size: 1rem;
		cursor: pointer;
		-webkit-appearance: none;
	}
	.newsList__filterBtn > button {
		min-width: 120px;
		margin-top: 2px;
		padding: 4px 0 5px;
		border: 1px solid #000;
		background: #e6e6e6;
		font-size: 16px;
		font-size: 1rem;
		-webkit-transition: opacity .3s ease;
		-moz-transition: opacity .3s ease;
		transition: opacity .3s ease;
	}
	.newsList__filterBtn > button:hover {
		opacity: .7;
	}
	.newsList__search {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
			 -moz-box-align: center;
				-ms-flex-align: center;
						align-items: center;
		margin-bottom: 45px;
	}
	.newsList__searchTtl {
		margin-right: 35px;
		font-weight: bold;
	}
	.newsList__searchInput > input[type=text] {
		width: 144px;
		padding: 5px;
		border: 1px solid #767676;
	}
	.newsList__searchBtn {
		margin: 0 10px;
	}
	.newsList__searchBtn > button {
		min-width: 120px;
		padding: 4px 0 5px;
		border: 1px solid #000;
		background: #e6e6e6;
		font-size: 16px;
		font-size: 1rem;
		-webkit-transition: opacity .3s ease;
		-moz-transition: opacity .3s ease;
		transition: opacity .3s ease;
	}
	.newsList__searchBtn > button:hover {
		opacity: .7;
	}
	.newsList__list > dl {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
						box-sizing: border-box;
		border-top: 1px solid #c0c0c0;
	}
	.newsList__list > dl:first-child {
		border: none;
	}
	.newsList__list > dl:first-child > dt {
		padding: 0 12px 23px 0;
	}
	.newsList__list > dl:first-child > dt + dd {
		padding: 0 0 23px 12px;
	}
	.newsList__list > dl > dt {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-shrink: 0;
				-ms-flex-negative: 0;
						flex-shrink: 0;
		padding: 25px 12px 23px 0;
		white-space: nowrap;
	}
	.newsList__list > dl > dd {
		padding: 24px 0 23px 12px;
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
						box-sizing: border-box;
	}
	.newsList__list > dl .textlink {
		margin-left: auto;
	}
	.newsList__list > dl .textlink2 {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.5;
	}
	.newsList__list > dl .textlink2 > a {
		display: inline-block;
		color: #000;
		position: relative;
		padding-left: 18px;
	}
	.newsList__list > dl .textlink2 > a:before {
		content: '';
		display: inline-block;
		width: 6px;
		height: 10px;
		background: url(../images/icon_arrow2.svg) no-repeat center/6px 10px;
		vertical-align: -2px;
		margin-right: 8px;
		position: absolute;
		top: 7px;
		left: 3px;
	}
	.newsList__list > dl .textlink2 > a:hover {
		text-decoration: none;
	}
	.newsList__list > dl .textlink2.large > a:before {
		top: 8px;
	}
	.newsList__list > dl .textlink2 > a {
		width: 100%;
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
						box-sizing: border-box;
		line-height: 2;
	}
	.newsList__list > dl .textlink2 > a:before {
		top: 11px;
	}
	.newsList__date {
		min-width: 120px;
		padding: 2px 3px 0;
		font-size: 14px;
		font-size: 0.875rem;
	}
	.newsList__target {
		width: 66px;
		padding-top: 2px;
		font-size: 14px;
		font-size: 0.875rem;
	}
	.newsList__tag {
		min-width: 100px;
		height: 20px;
		padding: 0 10px;
		margin-top: 4px;
		margin-left: auto;
		background: #e6e6e6;
		font-size: 12px;
		font-size: 0.75rem;
		text-align: center;
		line-height: 1.6;
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
						box-sizing: border-box;
	}
	.newsList__empty {
		text-align: center;
	}
	.newsList__pagenation {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
			 -moz-box-pack: center;
				-ms-flex-pack: center;
						justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
			 -moz-box-align: center;
				-ms-flex-align: center;
						align-items: center;
		margin: 6px -16px 0;
	}
	.newsList__pagenation > li {
		margin: 0 16px;
	}
	.newsList__pagenation > li > button {
		position: relative;
		width: 30px;
		height: 30px;
		border: 1px solid #000;
		background: #e6e6e6;
		font-size: 0;
		-webkit-transition: opacity .3s ease;
		-moz-transition: opacity .3s ease;
		transition: opacity .3s ease;
	}
	.newsList__pagenation > li > button::after {
		content: '';
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 11px;
		width: 6px;
		height: 10px;
		background: url(../images/icon_arrow2.svg) no-repeat 0 0/contain;
		-webkit-transform: translate(0, -50%);
			 -moz-transform: translate(0, -50%);
						transform: translate(0, -50%);
	}
	.newsList__pagenation > li > button.prev::after {
		-webkit-transform: translate(0, -50%) rotate(180deg);
			 -moz-transform: translate(0, -50%) rotate(180deg);
						transform: translate(0, -50%) rotate(180deg);
	}
	.newsList__pagenation > li > button:hover {
		opacity: .7;
	}
	.pdfList {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
						flex-wrap: wrap;
		margin: 0 -15px -10px;
	}
	.pdfList > li {
		margin: 10px 15px;
	}
	.pdfList > li > a:before {
		content: '';
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/icon_pdf.svg) no-repeat 0 0/contain;
		margin-right: 8px;
		-webkit-flex-shrink: 0;
				-ms-flex-negative: 0;
						flex-shrink: 0;
		vertical-align: -2px;
	}
/* add start */
	.newsList__list .pdf > a:after {
		content: '';
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/icon_pdf.svg) no-repeat 0 0/contain;
		margin-left: 8px;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		vertical-align: -2px;
	}
	.newsList__list .external > a:after {
		content: '';
		display: inline-block;
		width: 18px;
		height: 18px;
		vertical-align: middle;
		/*width: 10px;*/
		/*height: 10px;*/
		background: url(/common/images/ico-new-window-off.png) no-repeat 0 0/contain;
		/*background: url(../images/icon_extarnal.svg) no-repeat 0 0/contain;*/
		margin-left: 8px;
	}
/* add end */
}

@media screen and (max-width: 768px) {
	.newsList__filter {
		margin-bottom: 10vw;
	}
	.newsList__filterTtl {
		font-weight: bold;
		font-size: 4.26667vw;
	}
	.newsList__filterSelect {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
						flex-wrap: wrap;
		margin: 0 -4vw;
	}
	.newsList__select {
		display: inline-block;
		position: relative;
		min-width: 32vw;
		margin: 4.66667vw 4vw 0;
		padding: 1.06667vw 0 1.6vw;
		border-bottom: 1px solid #000;
		cursor: pointer;
	}
	.newsList__select.category {
		min-width: 42.66667vw;
	}
	.newsList__select::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 1.6vw;
		height: 2.66667vw;
		background: url(../images/icon_arrow2.svg) no-repeat 0 0/contain;
		-webkit-transform: rotate(90deg) translate(-50%);
			 -moz-transform: rotate(90deg) translate(-50%);
						transform: rotate(90deg) translate(-50%);
	}
	.newsList__select select {
		width: 100%;
		text-overflow: ellipsis;
		border: none;
		font-size: 4.26667vw;
		-webkit-appearance: none;
	}
	.newsList__filterBtn {
		text-align: center;
	}
	.newsList__filterBtn > button {
		width: 40vw;
		margin-top: 8vw;
		padding: 1.06667vw 0 1.33333vw;
		border: 1px solid #000;
		background: #e6e6e6;
		font-size: 4.26667vw;
		-webkit-transition: opacity .3s ease;
		-moz-transition: opacity .3s ease;
		transition: opacity .3s ease;
	}
	.newsList__filterBtn > button:hover {
		opacity: .7;
	}
	.newsList__search {
		margin-bottom: 10vw;
	}
	.newsList__searchTtl {
		font-size: 4.26667vw;
		font-weight: bold;
	}
	.newsList__searchInput {
		margin-top: 4.66667vw;
	}
	.newsList__searchInput > input[type=text] {
		width: 100%;
		padding: 5px;
		border: 1px solid #767676;
	}
	.newsList__searchBtn {
		text-align: center;
	}
	.newsList__searchBtn > button {
		width: 40vw;
		margin-top: 8vw;
		padding: 1.06667vw 0 1.33333vw;
		border: 1px solid #000;
		background: #e6e6e6;
		font-size: 4.26667vw;
		-webkit-transition: opacity .3s ease;
		-moz-transition: opacity .3s ease;
		transition: opacity .3s ease;
	}
	.newsList__searchBtn > button:hover {
		opacity: .7;
	}
	.newsList__list > dl {
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
						box-sizing: border-box;
		border-top: 1px solid #c0c0c0;
	}
	.newsList__list > dl:first-child {
		border: none;
	}
	.newsList__list > dl:first-child > dt {
		padding-top: 0;
	}
	.newsList__list > dl > dt {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		padding-top: 5.33333vw;
	}
	.newsList__list > dl > dd {
		padding: 2vw 0 4vw;
	}
	.newsList__list > dl .textlink {
		padding-top: 2.66667vw;
		text-align: right;
	}
	.newsList__list > dl .textlink > a {
		font-size: 4.26667vw;
	}
	.newsList__list > dl .textlink > a:before {
		top: 2.4vw;
	}
	.newsList__date {
		padding-right: 2.13333vw;
		font-size: 3.73333vw;
	}
	.newsList__target {
		font-size: 3.73333vw;
	}
	.newsList__tag {
		min-width: 26.66667vw;
		margin-left: auto;
		margin-right: 9.33333vw;
		padding: 0.26667vw 2.13333vw;
		background: #e6e6e6;
		font-size: 3.2vw;
		text-align: center;
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
						box-sizing: border-box;
	}
	.newsList__empty {
		font-size: 4.26667vw;
	}
	.newsList__pagenation {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
			 -moz-box-pack: center;
				-ms-flex-pack: center;
						justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
			 -moz-box-align: center;
				-ms-flex-align: center;
						align-items: center;
		margin: 5.33333vw -4.26667vw 0;
	}
	.newsList__pagenation > li {
		margin: 0 4.26667vw;
		font-size: 4.26667vw;
	}
	.newsList__pagenation > li > button {
		position: relative;
		width: 8vw;
		height: 8vw;
		border: 1px solid #000;
		background: #e6e6e6;
		font-size: 0;
		-webkit-transition: opacity .3s ease;
		-moz-transition: opacity .3s ease;
		transition: opacity .3s ease;
	}
	.newsList__pagenation > li > button::after {
		content: '';
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 2.66667vw;
		width: 1.6vw;
		height: 2.66667vw;
		background: url(../images/icon_arrow2.svg) no-repeat 0 0/contain;
		-webkit-transform: translate(0, -50%);
			 -moz-transform: translate(0, -50%);
						transform: translate(0, -50%);
	}
	.newsList__pagenation > li > button.prev::after {
		-webkit-transform: translate(0, -50%) rotate(180deg);
			 -moz-transform: translate(0, -50%) rotate(180deg);
						transform: translate(0, -50%) rotate(180deg);
	}
	.newsList__pagenation > li > button:hover {
		opacity: .7;
	}
	.pdfList {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
						flex-wrap: wrap;
		margin: 1.33333vw -4vw -1.33333vw;
	}
	.pdfList > li {
		margin: 1.33333vw 4vw;
	}
	.pdfList > li > a {
		font-size: 4.26667vw;
	}
	.pdfList > li > a:before {
		content: '';
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/icon_pdf.svg) no-repeat 0 0/contain;
		margin-right: 8px;
		-webkit-flex-shrink: 0;
				-ms-flex-negative: 0;
						flex-shrink: 0;
		vertical-align: -2px;
	}
/* add start */
	.newsList__list .pdf > a:after {
		content: '';
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/icon_pdf.svg) no-repeat 0 0/contain;
		margin-left: 8px;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}
	.newsList__list .external > a {
		padding-right: 0.66667vw;
	}
	.newsList__list .external > a:after {
		content: '';
		display: inline-block;
		width: 4.06667vw;
		height: 4.06667vw;
		/*width: 2.66667vw;*/
		/*height: 2.66667vw;*/
		background: url(/common/images/ico-new-window-off.png) no-repeat 0 0/contain;
		/*background: url(../images/icon_extarnal.svg) no-repeat 0 0/contain;*/
		vertical-align: middle;
		/*vertical-align: 0;*/
		margin-left: 2vw;
	}
/* add end */
}