@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) {
	/* text */
	.ekyc_preparation-text {
		margin-top: 20px;
		font-size: 1.6rem;
	}
	.ekyc_preparation-leadText {
		text-align: center;
		margin-top: 30px;
		font-size: 3rem;
		font-weight: bold;
	}
	.ekyc_preparation-image{
		margin-top: 30px;
		text-align: center;
	}
	/* media */
	.ekyc_preparation-media {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 80px;
	}
	.ekyc_preparation-media .ekyc_preparation-mediaHead {
		margin-right: 30px;
	}
	.ekyc_preparation-media .ekyc_preparation-mediaHead >:first-child {
		margin-top: 0 !important;
	}
	.ekyc_preparation-media .ekyc_preparation-mediaBody >:first-child {
		margin-top: 0 !important;
	}
	/* list */
	.ekyc_preparation-list {
		margin-top: 20px;
	}
	.ekyc_preparation-text + .ekyc_preparation-list {
		margin-top: 5px;
	}
	.ekyc_preparation-list > li {
		position: relative;
		padding-left: 16px;
		font-size: 1.8rem;
	}
	.ekyc_preparation-list > li + li {
		margin-top: 5px;
	}
	.ekyc_preparation-list > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	/* button */
	.ekyc_preparation-buttonWrap {
		display: flex;
		justify-content: center;
		margin-top: 80px;
	}
	.ekyc_preparation-buttonWrap >:nth-child(-n+2) {
		margin-top: 0 !important;
	}
	.ekyc_preparation-buttonWrap >:nth-child(2n) {
		margin-left: 40px;
	}
	.ekyc_preparation-button {
		margin-top: 30px;
	}
	.ekyc_preparation-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;
	}
	.ekyc_preparation-button a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		width: 16px;
		height: 17px;
		margin-top: -8.5px;
		background: url("/digitalcard/img-files/ekyc_preparation_ic01.png") no-repeat;
		transition: 0.3s all ease-out;
	}
	.ekyc_preparation-button a:hover {
		background-color: #45a2b0;
		color: #fff;
	}
	.ekyc_preparation-button a:hover::before {
		background: url("/digitalcard/img-files/ekyc_preparation_ic02.png") no-repeat;
	}
}
@media print, screen and (max-width: 750px) {
	#mainContainer {
		margin-top: 30px;
	}
	/* text */
	.ekyc_preparation-text {
		margin-top: 15px;
		font-size: 1.4rem;
	}
	.ekyc_preparation-leadText {
		text-align: center;
		margin-top: 20px;
		font-size: 2rem;
		font-weight: bold;
	}
	.ekyc_preparation-image{
		margin-top: 30px;
		text-align: center;
	}
	/* media */
	.ekyc_preparation-media {
		max-width: 275px;
		margin: 30px auto 0;
	}
	.ekyc_preparation-media .ekyc_preparation-mediaHead >:first-child {
		margin-top: 0 !important;
	}
	.ekyc_preparation-media .ekyc_preparation-mediaBody {
		margin-top: 20px;
	}
	.ekyc_preparation-media .ekyc_preparation-mediaBody >:first-child {
		margin-top: 0 !important;
	}
	/* list */
	.ekyc_preparation-list {
		margin-top: 15px;
	}
	.ekyc_preparation-text + .ekyc_preparation-list {
		margin-top: 3px;
	}
	.ekyc_preparation-list > li {
		position: relative;
		padding-left: 16px;
		font-size: 1.6rem;
	}
	.ekyc_preparation-list > li + li {
		margin-top: 3px;
	}
	.ekyc_preparation-list > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	/* button */
	.ekyc_preparation-buttonWrap {
		display: flex;
		justify-content: center;
		margin-top: 35px;
	}
	.ekyc_preparation-buttonWrap >:nth-child(-n+2) {
		margin-top: 0 !important;
	}
	.ekyc_preparation-buttonWrap >:nth-child(2n) {
		margin-left: 20px;
	}
	.ekyc_preparation-buttonWrap .ekyc_preparation-button {
		width: calc(50% - 10px);
	}
	.ekyc_preparation-button {
		margin-top: 25px;
	}
	.ekyc_preparation-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;
	}
	.ekyc_preparation-button a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 10px;
		width: 8px;
		height: 9px;
		margin-top: -4.5px;
		background: url("/digitalcard/img-files/ekyc_preparation_ic01.png") no-repeat 0 0 / contain;
	}
}