.w1p {
	width : 10% !important;
}

.w2p {
	width : 20% !important;
}

.w3p {
	width : 30% !important;
}

.w4p {
	width : 40% !important;
}

.w5p {
	width : 50% !important;
}

.w6p {
	width : 60% !important;
}

.w7p {
	width : 70% !important;
}

.w8p {
	width : 80% !important;
}

.w9p {
	width : 90% !important;
}

.w10p {
	width : 100% !important;
}

.mat-s {
	margin-top : 20px;
}

.mat-m {
	margin-top : 40px;
}

.mat-l {
	margin-top : 60px;
}

.fw {
	font-weight : bold !important;
}

.cred {
	color : #c00 !important;
}

.view-pc {
	display : block;
}

.view-sp {
	display : none;
}
@media screen and (min-width: 0) and (max-width: 568px) {
	.view-sp {
		display : block;
	}
}