@charset "utf-8";

/* -----------------------------------------
	press配下用CSS
----------------------------------------- */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/* 検索 */
.press_searchbox {
	max-width: 560px;
	margin: 0 auto;
}
.press_searchbox-input {
	position: relative;
}
.press_searchbox-input  > input {
	padding: 0 90px 0 20px;
	font-size: 1.6rem;
	background-color: var(--color-bg);
	border: var(--color-border) solid 1px;
	width: 100%;
	height: 40px;
	border-radius: 30px;
	font-size: 1.6rem;
}
.press_searchbox-input  > button {
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
	height: 100%;
	background-color: var(--color-prim);
	color: #FFF;
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.press_searchbox-input  > button > i {
	font-size: 1.4rem;
	margin: 1px 4px 0 0;
}

.press_searchbox-input  > button > span {
	font-size: 1.4rem;
	font-weight: 500;
}

/* 絞り込み */
.press_linkList {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 50px;
}

.press_linkList li {
	margin-left: 20px;
}

.spRefinetitle {
	display: none;
}

.refineBox {
	background-color: var(--color-bg);
	padding: 48px 40px;
	border-radius: 20px;
}

.refineBox label {
	cursor: pointer;
}

.refineBox .refineBox_radio input[type="radio"] {display: none;}

.refineBox .refineBox_radio label input[type="radio"] + span {
	position: relative;
	padding-left: 24px;
}
.refineBox .refineBox_radio label input[type="radio"] + span:before {
	content: "";
	display: block;
	position: absolute;
	background: #fff;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #999;
	border-radius: 50%;
}

.refineBox .refineBox_radio label input[type="radio"]:checked + span:before{
	border: 1px solid #008803;
}

.refineBox .refineBox_radio label input[type="radio"]:checked + span:after{
	content: "";
	display: block;
	position: absolute;
	background: #008803;
	top: 0;
	bottom: 0;
	left: 4px;
	margin: auto;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.refineBox .refineBox_radio_list {
	margin: 15px 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px 40px;
}

.refineBox .refineBox_select {
	display: flex;
	gap: 0 40px;
}
.refineBox .refineBox_select .refineBox_select_area,
.refineBox .refineBox_select .refineBox_select_month {
	display: flex;
	align-items: center;
	gap: 0 20px;
}

.refineBox .refineBox_select .refineBox_select_area dd select,
.refineBox .refineBox_select .refineBox_select_month dd select {
	appearance: none;
	border: 1px solid var(--color-border);
	border-radius: 5px;
	padding: 8px 36px 8px 16px;
	font-size: 1.6rem;
	background: #fff;
	color: var(--color-txt);
}

.refineBox .refineBox_select .refineBox_select_area dd,
.refineBox .refineBox_select .refineBox_select_month dd {
	position: relative;
}

.refineBox .refineBox_select .refineBox_select_area dd:after,
.refineBox .refineBox_select .refineBox_select_month dd:after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: calc(50% - 6px);
	right: 10px;
	z-index: 0;
	background-color: var(--color-prim);
	-webkit-mask: url("/company/assets/images/icon/arrow2-b.svg") no-repeat center / contain;
	mask: url("/company/assets/images/icon/arrow2-b.svg") no-repeat center / contain;
	pointer-events: none;
}


/* ニュースリスト */
.newsList {
	margin-top: 48px;
}

.newsList .noText {
	display: none;
	text-align: center;
	font-size: 1.8rem;
	height: 200px;
	padding: 50px 0;
}
.newsList .noText.showText {display: block;}

.newsList .cont_list {
	border-top: 1px solid var(--color-border);
}

.newsList .cont_list li {
	display: none;
}

.newsList .cont_list li.show {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 10px 16px;
	padding: 18px 40px 18px 0;
	border-bottom: 1px solid #ddd;
	position: relative;
}

.newsList .cont_list li > .date {
	flex: 0 0 120px;
	max-width: 120px;
}

.newsList .cont_list li > .icon {
	flex: 1 1 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.newsList .cont_list li > .icon::before {
	/* コンポーネントの.icon-影響打ち消し */
	display: none;
}

.newsList .cont_list li > .icon > span {
	flex: 0 1 auto;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 1.2rem;
}

.newsList .cont_list li > .icon .area {
	background: #333;
	color: #fff;
}

.newsList .cont_list li > .icon .genre {
	background: #ddd;
	color: #333;
}

.newsList .cont_list li > .icon .presi {
	background: #E0DEBC;
	color: #333;
}

.newsList .cont_list li .text {
	flex: 1 1 100%;
	font-size: 1.6rem;
}
.newsList .cont_list li .text a {
	color: var(--color-txt);
	transition: color 0.2s;
}
.newsList .cont_list li .text a:hover {
	color: var(--color-prim);
	text-decoration: underline;
}

.newsList .cont_list li:after {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: calc(50% - 7px);
	right: 5px;
	background-color: #ccc;
	-webkit-mask: url("/company/assets/images/icon/arrow2-r.svg") no-repeat center / contain;
	mask: url("/company/assets/images/icon/arrow2-r.svg") no-repeat center / contain;
}

.newsList .cont_list li.textonly:after {
	content:none;
}

.newsList .cont_list li.blank:after {
	-webkit-mask-image: url("/company/assets/images/icon/blank.svg");
	mask-image: url("/company/assets/images/icon/blank.svg");
}

.newsList .cont_list li.pdf .text a:after {
	content: "";
	display: inline-block;
	background: url("/company/assets/images/icon/pdf.svg") no-repeat center / contain;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-left: 5px;
	translate: 0 -0.1em;
}

.press_pdflinkbox {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
	gap: 16px 24px;
}
.press_pdflinkbox__banner {
	flex: 0 0 auto;
}
.press_pdflinkbox__banner > a {
	display: block;
	width: 200px;
}
.press_pdflinkbox__text {
	flex: 1 1 100%;
}

/*支社のニュースリリース*/
.brancLink {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.brancLink li {
	margin-right: 20px;
}



@media screen and (max-width: 750px){

	/* -----------------------------------------
	press配下用CSS
	----------------------------------------- */

	.press_linkList {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		margin-bottom: 10%;
	}

	.press_linkList li {
		margin-left: 0;
		margin-bottom: 3%;
	}

	.spRefinetitle {
		display: block;
		width: 100%;
		background: #fff;
		color: var(--color-txt);
		font-weight: 500;
		padding: 22px 20px;
		border: 1px solid var(--color-border);
		font-size: 1.6rem;
		text-align: left;
		position: relative;
		transition: background-color 0.4s;
	}

	.spRefinetitle:before {
		content: "";
		display: block;
		width: 2px;
		height: 14px;
		background-color: var(--color-prim);
		position: absolute;
		right: 20px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.spRefinetitle:after {
		content: "";
		display: block;
		width: 14px;
		height: 2px;
		background-color: var(--color-prim);
		position: absolute;
		right: 14px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.spRefinetitle.is-open {
		background-color: var(--color-bg);
	}
	.spRefinetitle.is-open:before {
		content: none;
	}

	.refineBox {
		padding: 0 20px;
		height: 0;
		border-radius: 0;
		overflow: hidden;
		pointer-events: none;
		visibility: hidden;
		transition: all 0.4s;
	}
	.refineBox.is-open {
		padding-top: 20px;
		padding-bottom: 20px;
		height: auto;
		height: calc-size(auto, size);
		pointer-events: all;
		visibility: visible;
	}

	.refineBox .refineBox_radio_list {
		grid-template-columns: 1fr;
	}

	.refineBox .refineBox_select {
		flex-wrap: wrap;
		gap: 12px 0;
	}
	.refineBox .refineBox_select .refineBox_select_area,
	.refineBox .refineBox_select .refineBox_select_month {
		flex: 1 1 100%;
	}

	.refineBox .refineBox_select .refineBox_select_area dt,
	.refineBox .refineBox_select .refineBox_select_month dt {
		min-width: 7em;
		text-align: right;
	}
	.refineBox .refineBox_select .refineBox_select_area dd,
	.refineBox .refineBox_select .refineBox_select_month dd {
		flex: 1 1 auto;
		min-width: 150px;
	}

	.refineBox .refineBox_select .refineBox_select_area dd select,
	.refineBox .refineBox_select .refineBox_select_month dd select {
		width: 100%;
	}


	.newsList .cont_list li > .icon {
		/* コンポネ.icon-影響打ち消し */
		width: unset;
		height: unset;
	}
	.newsList .cont_list li .text {
		font-size: 1.4rem;
	}


	.press_pdflinkbox {
		flex-wrap: wrap;
	}
	.press_pdflinkbox__banner {
		flex: 1 1 100%;
	}
	.press_pdflinkbox__banner > a {
		width: 150px;
	}


	/*支社のニュースリリース*/
	.brancLink {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.brancLink li {
		margin-right: 3%;
		margin-bottom: 1%;
		width: 30%;
	}
}