@charset "shift_jis";
body {
	font-family: 'Heebo', 'Noto Sans CJK JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	overflow: hidden;
}
a:visited {
	color: #45a2b0;
}
#mainContainer {
	margin-top: 50px;
}
@media print, screen and (min-width: 751px) {
	/* heading */
	.bank_list-heading02 {
		margin-top: 50px;
		padding-bottom: 6px;
		border-bottom: 2px solid #45a2b0;
	}
	.bank_list-heading02 .bank_list-heading02Title {
		position: relative;
		padding-left: 25px;
		font-size: 2.4rem;
		font-weight: bold;
	}
	.bank_list-heading02 .bank_list-heading02Title::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 10px;
		height: 100%;
		background-color: #45a2b0;
	}
	.bank_list-heading02[data-accordion="true"] {
		position: relative;
		padding-right: 30px;
		cursor: pointer;
	}
	.bank_list-heading02[data-accordion="true"]::before,
	.bank_list-heading02[data-accordion="true"]::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 24px;
		height: 5px;
		margin-top: -2.5px;
		background-color: #45a2b0;
		border-radius: 3px;
		transition: 0.3s all ease-out;
	}
	.bank_list-heading02[data-accordion="true"]::after {
		transform: rotate(-90deg);
	}
	.bank_list-heading02.is-open[data-accordion="true"]::after {
		transform: rotate(0);
	}
	.bank_list-heading03 {
		margin-top: 20px;
		padding: 5px 0;
		border-bottom: 2px solid #cdcdcd;
	}
	.bank_list-heading03 .bank_list-heading03Title {
		font-size: 2rem;
		font-weight: bold;
	}
	.bank_list-heading03[data-accordion="true"] {
		position: relative;
		padding-right: 30px;
		cursor: pointer;
	}
	.bank_list-heading03[data-accordion="true"]::before,
	.bank_list-heading03[data-accordion="true"]::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 24px;
		height: 5px;
		margin-top: -2.5px;
		background-color: #45a2b0;
		border-radius: 3px;
		transition: 0.3s all ease-out;
	}
	.bank_list-heading03[data-accordion="true"]::after {
		transform: rotate(-90deg);
	}
	.bank_list-heading03.is-open[data-accordion="true"]::after {
		transform: rotate(0);
	}
	/* list */
	.bank_list-linkList {
		display: flex;
		flex-flow: row wrap;
		margin-top: 20px;
	}
	.bank_list-linkList > li {
		width: calc(100% / 3 - 20px / 3);
		margin-right: 10px;
	}
	.bank_list-linkList > li:nth-child(3n) {
		margin-right: 0;
	}
	.bank_list-linkList > li:nth-child(n+4) {
		margin-top: 5px;
	}
	.bank_list-linkList > li > a {
		font-size: 1.6rem;
		color: #333;
	}
	/* text */
	.bank_list-leadText {
		text-align: center;
		margin-top: 30px;
		font-size: 3rem;
		font-weight: bold;
	}
	/* button */
	.bank_list-button {
		margin-top: 70px;
	}
	.bank_list-button a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-width: 340px;
		min-height: 60px;
		padding: 10px 50px;
		border-radius: 10px;
		background-color: #e6e6e6;
		text-align: center;
		font-size: 2rem;
		color: #333;
		text-decoration: none;
		transition: 0.3s all ease-out;
	}
	.bank_list-button a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		width: 16px;
		height: 17px;
		margin-top: -8.5px;
		background: url("/digitalcard/img-files/bank_list_ic01.png") no-repeat;
		transition: 0.3s all ease-out;
	}
	.bank_list-button a:hover {
		opacity: 0.7;
	}
}
@media print, screen and (max-width: 750px) {
	#mainContainer {
		margin-top: 30px;
	}
	/* heading */
	.bank_list-heading02 {
		margin-top: 30px;
		padding-bottom: 5px;
		border-bottom: 2px solid #45a2b0;
	}
	.bank_list-heading02 .bank_list-heading02Title {
		position: relative;
		padding-left: 13px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	.bank_list-heading02 .bank_list-heading02Title::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 8px;
		height: 100%;
		background-color: #45a2b0;
	}
	.bank_list-heading02[data-accordion="true"] {
		position: relative;
		padding-right: 30px;
		cursor: pointer;
	}
	.bank_list-heading02[data-accordion="true"]::before,
	.bank_list-heading02[data-accordion="true"]::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 17px;
		height: 3px;
		margin-top: -1.5px;
		background-color: #45a2b0;
		border-radius: 3px;
		transition: 0.3s all ease-out;
	}
	.bank_list-heading02[data-accordion="true"]::after {
		transform: rotate(-90deg);
	}
	.bank_list-heading02.is-open[data-accordion="true"]::after {
		transform: rotate(0);
	}
	.bank_list-heading03 {
		margin-top: 15px;
		padding: 3px 0;
		border-bottom: 2px solid #cdcdcd;
	}
	.bank_list-heading03 .bank_list-heading03Title {
		font-size: 1.4rem;
		font-weight: bold;
	}
	.bank_list-heading03[data-accordion="true"] {
		position: relative;
		padding-right: 30px;
		cursor: pointer;
	}
	.bank_list-heading03[data-accordion="true"]::before,
	.bank_list-heading03[data-accordion="true"]::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 17px;
		height: 3px;
		margin-top: -1.5px;
		background-color: #45a2b0;
		border-radius: 3px;
		transition: 0.3s all ease-out;
	}
	.bank_list-heading03[data-accordion="true"]::after {
		transform: rotate(-90deg);
	}
	.bank_list-heading03.is-open[data-accordion="true"]::after {
		transform: rotate(0);
	}
	/* list */
	.bank_list-linkList {
		display: flex;
		flex-flow: row wrap;
		margin-top: 10px;
	}
	.bank_list-linkList > li {
		width: 50%;
	}
	.bank_list-linkList > li:nth-child(2n+1) {
		width: calc(50% - 10px);
		margin-right: 10px;
	}
	.bank_list-linkList > li:nth-child(n+3) {
		margin-top: 2px;
	}
	.bank_list-linkList > li > a {
		font-size: 1.4rem;
		color: #333;
	}
	/* text */
	.bank_list-leadText {
		text-align: center;
		margin-top: 20px;
		font-size: 2rem;
		font-weight: bold;
	}
	/* button */
	.bank_list-button {
		margin-top: 35px;
	}
	.bank_list-button a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 100%;
		max-width: 250px;
		min-height: 45px;
		padding: 5px 25px;
		border-radius: 5px;
		background-color: #e6e6e6;
		text-align: center;
		font-size: 1.4rem;
		color: #333;
		text-decoration: none;
		transition: 0.3s all ease-out;
	}
	.bank_list-button a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 10px;
		width: 8px;
		height: 9px;
		margin-top: -4.5px;
		background: url("/digitalcard/img-files/bank_list_ic01.png") no-repeat 0 0 / contain;
		transition: 0.3s all ease-out;
	}
}