.mb0 {margin-bottom: 0 !important}
.mb10 {margin-bottom: 10px !important}
.mb20 {margin-bottom: 20px !important}
.mb30 {margin-bottom: 30px !important}
.mb40 {margin-bottom: 40px !important}
.mb50 {margin-bottom: 50px !important}

@media only screen and (min-width: 769px) {
	.w10p__pc { width: 10%; }
	.w15p__pc { width: 15%; }
	.w20p__pc { width: 20%; }
	.w25p__pc { width: 25%; }
	.w30p__pc { width: 30%; }
	.w35p__pc { width: 35%; }
	.w40p__pc { width: 40%; }
	.w45p__pc { width: 45%; }
	.w50p__pc { width: 50%; }
	.w55p__pc { width: 55%; }
	.w60p__pc { width: 60%; }
	.w65p__pc { width: 65%; }
	.w70p__pc { width: 70%; }
	.w75p__pc { width: 75%; }
	.w80p__pc { width: 80%; }
	.w85p__pc { width: 85%; }
	.w90p__pc { width: 90%; }
	.w95p__pc { width: 95%; }
	.w100p__pc { width: 100%; }

	.flex__pc {
	    display: -webkit-flex;
	    display: flex;
	    width: 100%;
	}

	.pc__displayNone {
		display: none;
	}
}

.border__radius20 {
	border-radius: 20px;
}

.ta__c {
	text-align: center;
}
.flex {
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

.db__none {
    display: none;
}
.db__block {
	display: block;
}
.db__inlnBlock {
	display: inline-block;
}
.relative {
	position: relative;
}
.ai__c {
	align-items: center;
}
.jc__spbw {
	justify-content: space-between;
}
.fd__clmn {
	flex-direction: column;
}
.fg__1 {
	flex-grow: 1;
}

.fw__bold {
	font-weight: 700;
}

.color__caution {
	color: red;
}

.of__contain {
	object-fit: contain !important;
}

@media only screen and (max-width: 768px) {
	.ta__c--sp {
	    text-align: center;
	}
	.w100p__sp {
		width: 100% !important;
	} 
	.sp__displayNone {
		display: none;
	}
	.border__radius0--sp {
		border-radius: 0 !important;
	}
}

.flip__horizontal {
    transform: scale(-1, 1);
}