@charset "Shift_JIS";

.point {
	display: flex;
	position: relative;
	width: 100%;
}

.point_box01,
.point_box02,
.point_box03{
	border-radius: 8px;
	padding: 0.8rem;
	margin: 0!important; 
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
	color:#fff;
}

.point_box01 dt,
.point_box02 dt,
.point_box03 dt{
	text-align:center;
	font-weight:800;
}

.point_box01 dd,
.point_box02 dd,
.point_box03 dd{
	border-top:1px solid #fff;
	margin-top:5px;
	padding-top:10px;
	font-size: 14px;
}

.point_box01
{
background:#6393cd;
background: linear-gradient(to right,  #6393cd 0%,#4a4fa2 94%);

}

.point_box02
{
background:#864b9d;
background: linear-gradient(to right,  #864b9d 0%,#bb76b1 94%);

}

.point_box03{
	color:#333;
	border: solid 2px #d5d1e8;
}

.point_box03 dd{
	border-top:1px solid #c89fd8;
}



.point p {
	display: flex;
	justify-content: center; 
	align-items: center;
	margin: 0;
}


#mainColumn .point p {
	margin: 0.3rem;
	font-weight:bold;
	color:#6469e9;
}

@media screen and (max-width: 767px) {
	.point {
		display: table;
		width: 100%;
	}
	
	#mainColumn .point p {
		transform: rotate(90deg);
		margin: 1rem;
	}
}