@charset "utf-8";

/* 料金表 */
.fee_table{
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
}
.fee_table dl{
	border: 1px solid #202F51;
	border-radius: 10px;
	overflow: hidden;
}
.fee_table dl > div{
	display: flex;
	flex-wrap: wrap;
}
.fee_table dt,.fee_table dd{padding: 25px 15px;}
.fee_table dt{
	width: 330px;
	background: #202F51;
	display: flex;
	align-items: center;
}
.fee_table dl > div:not(:last-child) dt{border-bottom: 1px dashed #fff;}
.fee_table dt p{
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}
.fee_table dd{
	width: calc(100% - 330px);
	background: #fff;
}
.fee_table dl > div:not(:last-child) dd{border-bottom: 1px dashed #122038;}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){

	/* 料金表 */
	.fee_table{max-width: 650px;}
	.fee_table dt,.fee_table dd{padding: 15px 10px;}
	.fee_table dt{width: 260px;}
	.fee_table dt p{font-size: 14px;}
	.fee_table dd{width: calc(100% - 260px);}

}


/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){

	/* 料金表 */
	.fee_table dt,.fee_table dd{
		width: 100%;
		border-bottom: none!important;
	}
	.fee_table dt{justify-content: center;}
	
	/* 法人のお客様 */
	#co01 .title > p{font-size: 39px;}
	
	/* 個人のお客様 */
	#co02 .title > p{font-size: 48px;}

}