.c5-floatL{
	float: left;
}
.c5-th-color{
	background-color: #777b86;
	color:#ffffff ;
}
.c5-icon:before{
  content: '';
  display: inline-block;
  width: 64px;
  height: 64px;/*画像の高さ*/
  background-image: url(/digital-paper/apl/images/images/badge_dp.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px;
}
.c5-marginR20{
	margin-right: 20px;
}
ul.c5-ulstyle{
	padding-left: 10px;
	text-align: left;
}
.c5-underline{
	border-bottom: 1px solid #000000;
	padding-bottom: 3px;
	display: inline-block;
}
.c5-marginTB{
	margin: -20px 0 -20px 0;
}
.c5-alignM{
	vertical-align: middle;
}
.c5-row__7{
	width: 70%;
    display: table-cell;
    vertical-align: top;
}
.c5-row__3{
	width: 30%;
    display: table-cell;
    vertical-align: top;
}
.c5-index{
	font-size: 1.2rem;
	padding: 30px;
	font-weight: bold;
}
.c5-about-nfc{
	font-size: 1.2rem;
	font-weight: bold;
}
.c5-general--mt80{
	margin-top: 80px;
}
.s5-table2 {
    margin: 20px 0 0px;
}
.c5-app{
	background: #f2f2f2;
	padding: 30px;
}

.c5-row_badge{
	width:auto !important;
	margin:auto !important;
	text-align:center;
}

.c5-row_badge02{
	width:80% !important;
	margin:20px auto !important;
	text-align:left;
}

.c5-update{
	border:#c93434 solid 1px;
	padding:15px;
	}


@media screen and (max-width: 639px){
	.c5-pcimg-none{
	display: none;
}
	.c5-sp{
		display: block;
	}
	.c5-textalignC{
		text-align: center;
	}
	p.c5-textalignL{
		text-align: left;
	}
	.c5-icon:before{
		width: 30px;
		height: 30px;
	}
	.s5-table2:not(.s5-table2--notBreak) th{
		background-color: #777b86;
		color: #ffffff;
	}
	.c5-row__7, .c5-row__3{
    display: block;
    width: auto;
    margin-bottom: 20px;
}
	.c5-general--mt80{
	margin-top: 40px;
}
	.c5-app-img{
		width: 35%;
	}
	
	
	.c5-row_badge02{
	width:100% !important;
	margin:20px auto !important;
	text-align:left;
}

	
	
	}
@media screen and (min-width: 640px){
	.c5-spimg-none{
		display: none;
	}
	
}

.c5-step-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -24px 20px -24px;
	padding: 0;
}
.c5-step-list.c5-col-5 li {
	width: 20%;
}
.c5-step-list.c5-col-6 li {
	width: 16.6%;
}
.c5-step-list + .c5-step-list {
	margin-top: 40px;
}
.c5-step-list li {
	list-style: none;
	width: 25%;
	padding: 0 24px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 20px;
}
.c5-step-list li:not(:last-child):after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 17.3px;
	border-color: transparent transparent transparent #007bff;
	position: absolute;
	right: -10px;
	top: 40%;
}
.noIcon:after {
	display: none;
}
.c5-step-list a {
	text-decoration: underline;
	color: #007bff;
}
.c5-step-list a:hover {
	text-decoration: none;
}
.c5-step-list img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.c5-step-list .thumb {
	position: relative;
}
.c5-step-list .thumb img {
	border: 1px solid #ccc;
}
.c5-step-list .txt {
	padding: 10px 0 0 0;
	font-size: 13px;
	line-height: 1.4;
}
.c5-case-txt {
	position: absolute;
	right: -1px;
	top: -1px;
	background-color: #6599ff;
	color: #fff;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
}
.c5-file-choice {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	padding-bottom: 6em;
}
.text-red{
	color: #cc0000;
}
.text-indent{
	padding-left:1em;
	text-indent:-1em;
	display: block;
}
.c5-change-img {
	position: relative;
}
.c5-change-img > div {
}
.c5-change-img .img1 {
	position: relative;
	z-index: 1;
	background-color: #fff;
}

.c5-change-img .img2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #fff;
}
.c5-change-img .img2.active {
	z-index: 3;
}

ul.c5-list-disc {
    padding: 0;
    margin: 0;
}
ul.c5-list-disc li {
    list-style-type: disc;
    margin-left: 20px;
}
ul.c5-list-disc li:not(:last-child) {
    margin-bottom: 5px;
}
@media screen and (max-width: 639px){
	.c5-step-list {
		display: block;
		margin: 0 auto;
		max-width: 250px;
	}
	.c5-step-list li,
	.c5-step-list.c5-col-5 li,
	.c5-step-list.c5-col-6 li {
		width: auto;
	}
	.c5-step-list li {
		padding: 0;
		margin-bottom: 40px;
	}
	.c5-step-list li:not(:last-child):after {
		top: auto;
		bottom: -30px;
		right: 50%;
		margin-right: -10px;
		transform: rotate(90deg);
	}
	.c5-file-choice {
		text-align: center;
		top: 0;
		transform: translateY(0);
		padding-bottom: 0;
	}
}