@charset "UTF-8";
.page-roadsign__priceplan{
	display: flex;
	gap: 30px;
    justify-content: center;
}
.page-roadsign__priceplan li{
    max-width: 300px;
    border-radius: 5px;
    text-align: center;	
}
.page-roadsign__priceplan .planA{
	border: solid 1px #01B8DF;
}
.page-roadsign__priceplan .planB{
	border: solid 1px #004BA7;
}
.page-roadsign__priceplan .planC{
	border: solid 1px #1B1364;
}
.page-roadsign__priceplan .catch-copy{
	color: #fff;
    font-size: 18px;
	padding:2px 0;
}
.page-roadsign__priceplan .planA .catch-copy{
	background-color: #01B8DF;
}
.page-roadsign__priceplan .planB .catch-copy{
	background-color: #004BA7;
}
.page-roadsign__priceplan .planC .catch-copy{
	background-color: #1B1364;
}
.page-roadsign__priceplan .inner{
	padding:0 10px 8px;
}
#main_content span{
	float:none;
	padding:inherit;
}

span{
	color:inherit;
	font-size: inherit;
	font-weight:inherit;
}
.page-roadsign__priceplan .plan-name {
    background-color: inherit;
    font-size: 26px;
	color:#000;
}
.page-roadsign__priceplan .plan-name .name1{
	font-size:16px;
}
.page-roadsign__priceplan .plan-name .name2{
	font-size: 30px;
}
.page-roadsign__priceplan .planA .plan-name .name2{
	color:#01B8DF;
}
.page-roadsign__priceplan .planB .plan-name .name2{
	color:#004BA7;
}
.page-roadsign__priceplan .planC .plan-name .name2{
	color:#1B1364;
}
.page-roadsign__priceplan .size{
	font-weight:500;
}
.page-roadsign__priceplan .specs{
	display: flex;
	justify-content: center;
	justify-content: space-between;
	margin:3px 0;
}
.page-roadsign__priceplan .spec{
	color:#fff;
	font-size:14px;
	border-radius:3px;
	padding:1px 4px;
}
.page-roadsign__priceplan .planA .spec{
	background-color: #01B8DF;
}
.page-roadsign__priceplan .planB .spec{
	background-color: #004BA7;
}
.page-roadsign__priceplan .planC .spec{
	background-color: #1B1364;
}
.page-roadsign__priceplan .note{
	font-size:13px;
	text-align: right;
	font-weight:500;
}
.page-roadsign__priceplan .monthly-price{
	display: flex;
	align-items: baseline;
	justify-content: center;
	font-weight:500;
}
.page-roadsign__priceplan .monthly-price1{
	color:#ff0000;
}
.page-roadsign__priceplan .monthly-price1 .amount{
	font-size: 30px;
    font-weight: 600;
}
.page-roadsign__priceplan .monthly-price2{
	font-size:14px;
	margin-left:5px;
}
.page-roadsign__priceplan .yearly-price {
    font-size: 14px;
    text-align: right;
	font-weight:500;
}
@media screen and (max-width: 800px) {
	.page-roadsign__priceplan .plan-name{
		padding-left:0;
		padding-right:0;
	}
}