@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-heading02 {
		position: relative;
		margin-top: 50px;
		padding-left: 25px;
	}
	.bank-heading02::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 10px;
		height: 100%;
		background-color: #45a2b0;
	}
	.bank-heading02 .bank-heading02Title {
		font-size: 2.4rem;
		font-weight: bold;
	}
	/* text */
	.bank-text {
		margin-top: 20px;
		font-size: 1.6rem;
	}
	.bank-text02 {
		margin-top: 40px;
		font-size: 1.6rem;
	}
	.bank-leadText {
		text-align: center;
		margin-top: 30px;
		font-size: 3rem;
		font-weight: bold;
	}
	.bank-leadText02 {
		text-align: center;
		margin-top: 20px;
		font-size: 2rem;
		font-weight: bold;
	}
	/* list */
	.bank-list {
		margin-top: 20px;
	}
	.bank-text + .bank-list {
		margin-top: 5px;
	}
	.bank-list > li {
		position: relative;
		padding-left: 16px;
		font-size: 1.6rem;
	}
	.bank-list > li + li {
		margin-top: 5px;
	}
	.bank-list > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	/* button */
	.bank-buttonWrap {
		display: flex;
		justify-content: center;
		margin-top: 40px;
	}
	.bank-buttonWrap >:nth-child(-n+2) {
		margin-top: 0 !important;
	}
	.bank-buttonWrap >:nth-child(2n) {
		margin-left: 40px;
	}
	.bank-button {
		margin-top: 30px;
	}
	.bank-button a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-width: 300px;
		min-height: 60px;
		padding: 10px 50px;
		border-radius: 10px;
		border: 1px solid #45a2b0;
		background-color: #fff;
		text-align: center;
		font-size: 2.4rem;
		color: #333;
		text-decoration: none;
		transition: 0.3s all ease-out;
	}
	.bank-button a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		width: 16px;
		height: 17px;
		margin-top: -8.5px;
		background: url("/digitalcard/img-files/bank_ic01.png") no-repeat;
		transition: 0.3s all ease-out;
	}
	.bank-button a:hover {
		background-color: #45a2b0;
		color: #fff;
	}
	.bank-button a:hover::before {
		background: url("/digitalcard/img-files/bank_ic02.png") no-repeat;
	}
	/* otner */
	.bank-contents {
		margin-top: 30px;
	}
	.bank-contents >:first-child {
		margin-top: 0!important;
	}
}
@media print, screen and (max-width: 750px) {
	#mainContainer {
		margin-top: 30px;
	}
	/* heading */
	.bank-heading02 {
		position: relative;
		margin-top: 40px;
		padding-left: 13px;
	}
	.bank-heading02::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 8px;
		height: 100%;
		background-color: #45a2b0;
	}
	.bank-heading02 .bank-heading02Title {
		font-size: 1.6rem;
		font-weight: bold;
	}
	/* text */
	.bank-text {
		margin-top: 15px;
		font-size: 1.4rem;
	}
	.bank-text02 {
		margin-top: 25px;
		font-size: 1.4rem;
	}
	.bank-leadText {
		text-align: center;
		margin-top: 20px;
		font-size: 2rem;
		font-weight: bold;
	}
	.bank-leadText02 {
		text-align: center;
		margin-top: 15px;
		font-size: 1.5rem;
		font-weight: bold;
	}
	/* list */
	.bank-list {
		margin-top: 15px;
	}
	.bank-text + .bank-list {
		margin-top: 3px;
	}
	.bank-list > li {
		position: relative;
		padding-left: 14px;
		font-size: 1.4rem;
	}
	.bank-list > li + li {
		margin-top: 3px;
	}
	.bank-list > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	/* button */
	.bank-buttonWrap {
		display: flex;
		justify-content: center;
		margin-top: 35px;
	}
	.bank-buttonWrap >:nth-child(-n+2) {
		margin-top: 0 !important;
	}
	.bank-buttonWrap >:nth-child(2n) {
		margin-left: 20px;
	}
	.bank-buttonWrap .bank-button {
		width: calc(50% - 10px);
	}
	.bank-button {
		margin-top: 25px;
	}
	.bank-button a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 100%;
		min-height: 45px;
		padding: 5px 25px;
		border-radius: 5px;
		border: 1px solid #45a2b0;
		background-color: #fff;
		text-align: center;
		font-size: 1.4rem;
		color: #333;
		text-decoration: none;
	}
	.bank-button a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 10px;
		width: 8px;
		height: 9px;
		margin-top: -4.5px;
		background: url("/digitalcard/img-files/bank_ic01.png") no-repeat 0 0 / contain;
	}
	/* otner */
	.bank-contents {
		margin-top: 15px;
	}
	.bank-contents >:first-child {
		margin-top: 0!important;
	}
}