.contentsBnr_modalOpen {
  cursor: pointer;
}
.contentsBnr_modal {
  display: none;
  padding: 0 15px;
}
.contentsBnr_modal.active {
  display: block;
}
.contentsBnr_modal,
.contentsBnr_modal .contentsBnr_modalBg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
}
.contentsBnr_modal .contentsBnr_modalBg {
	background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
	z-index: 102;
}
.contentsBnr_modal .contentsBnr_modalArea {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 564px;
	max-height: 60%;
  padding: 32px 88px 40px;
	background-color: #F8F8F8;
	border-radius: 10px;
	cursor: auto;
  z-index: 103;
}
.contentsBnr_modal .contentsBnr_modalClose {
	position: absolute;
	top: 12px;
	right: 14px;
  color: #FF0000;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	font-size: 40px;
	line-height: 1;
}
.contentsBnr_modal .contentsBnr_modalArea.blue .contentsBnr_modalClose {
  color: #005AB4;
}
.contentsBnr_modal .contentsBnr_modalArea p {
  color: #FF0000;
	font-size: 25px;
	line-height: 1.44;
	font-weight: bold;
	text-align: center;
}
.contentsBnr_modal .contentsBnr_modalArea.blue p {
  color: #005AB4;
}
.contentsBnr_modal .contentsBnr_modalLink {
	margin-top: 24px;
	display: flex;
	flex-wrap: wrap;
  justify-content: center;
}
.contentsBnr_modal .contentsBnr_modalLink li:nth-of-type(n+2) {
	margin-left: 12px;
}
.contentsBnr_modal .contentsBnr_modalArea.col6 .contentsBnr_modalLink li:nth-of-type(3n+1) {
  margin-left: 0;
}
.contentsBnr_modal .contentsBnr_modalArea.col6 .contentsBnr_modalLink li:nth-of-type(n+4) {
  margin-top: 12px;
}
.contentsBnr_modal .contentsBnr_modalLink li a {
	display: block;
  width: 132px;
	height: 120px;
  color: #FF0000;
	font-size: 20px;
	font-weight: bold;
	background-color: #FFFFFF;
  border: 2px solid #FF0000;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
  box-sizing: border-box;
}
.contentsBnr_modal .contentsBnr_modalArea.col6 .contentsBnr_modalLink li a {
  width: 160px;
}
.contentsBnr_modal .contentsBnr_modalArea.blue .contentsBnr_modalLink li a {
  color: #005AB4;
  border: 2px solid #005AB4;
}
.contentsBnr_modal .contentsBnr_modalLink li a:hover {
	color: #FFFFFF;
  background-color: #FF0000;
}
.contentsBnr_modal .contentsBnr_modalArea.blue .contentsBnr_modalLink li a:hover {
  color: #FFFFFF;
  background-color: #005AB4;
}

@media screen and (max-width: 750px) {
  .contentsBnr_modal {
    padding: 0 5.3vw;
  }
	.contentsBnr_modal,
	.contentsBnr_modal .contentsBnr_modalBg {
		box-sizing: border-box;
	}
	.contentsBnr_modal .contentsBnr_modalBg,
	.contentsBnr_modal .contentsBnr_modalArea {
		overscroll-behavior: contain;
		overflow-y: scroll;
		scrollbar-width: none;
		-ms-overflow-style: none;
		touch-action: none;
	}
	.contentsBnr_modal .contentsBnr_modalArea {
    width: calc(100% - 10.6vw);
    max-height: 90%;
		padding: 6.4vw 5.3vw 7.4vw;
    border-radius: 2.6vw;
	}
	.contentsBnr_modal .contentsBnr_modalClose {
		padding: 0;
    top: 2.2vw;
    right: 3.7vw;
    font-size: 10.6vw;
	}
	.contentsBnr_modal .contentsBnr_modalArea p {
    font-size: 6.6vw;
    line-height: 1.45;
	}
	.contentsBnr_modal .contentsBnr_modalLink {
    margin-top: 6.4vw;
	}
	.contentsBnr_modal .contentsBnr_modalLink li {
		width: calc(50% - 1.2vw);
	}
	.contentsBnr_modal .contentsBnr_modalLink li:nth-of-type(n+2) {
    margin-left: 0;
	}
	.contentsBnr_modal .contentsBnr_modalLink li:nth-of-type(2n),
	.contentsBnr_modal .contentsBnr_modalArea.col6 .contentsBnr_modalLink li:nth-of-type(2n) {
    margin-left: 2.4vw;
	}
	.contentsBnr_modal .contentsBnr_modalLink li:nth-of-type(n+3),
	.contentsBnr_modal .contentsBnr_modalArea.col6 .contentsBnr_modalLink li:nth-of-type(n+3) {
    margin-top: 2.4vw;
	}
	.contentsBnr_modal .contentsBnr_modalLink li a,
	.contentsBnr_modal .contentsBnr_modalArea.col6 .contentsBnr_modalLink li a {
		width: 100%;
    height: 17vw;
    font-size: 5.3vw;
	}
}