/* ===============================
制度概要ポイント
=============================== */

.about-points{
	margin:0 auto 50px auto;
	display:flex;
	gap:50px;
	align-items:flex-start;
	width:80%;
	box-sizing:border-box;
}

.about-point{
	width:calc((100% - 80px)/3);
	min-width:0;
}

/* 画像 */
.about-point-img{
	position:relative;
	padding:15px;
	box-sizing:border-box;
}
.point-img {
    width: 400px;
    margin: 20px auto;
	background:#E2E2E2;
	padding:15px;
}

.about-point-img img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

/* Point表示 */
.about-point-number{
	position:absolute;
	right:0;
	bottom:-28px;
	margin:0;
	padding:0;
	background:none;
	color:#009BDE;
	font-size:32px;
	font-weight:600;
	line-height:1;
	 white-space:normal;
	text-align:right;
	z-index:10;
	font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",sans-serif,"Hiragino Mincho Pro W3","游明朝","MS 明朝";
}

.about-point-number span{
	display:inline-block;
	margin-left:4px;
	font-size:78px;
	font-weight:600;
	line-height:0.9;
}

/* テキスト */
.about-point-text{
	margin-top:60px;
}

.about-point-title{
	margin:0 0 10px 0;
	padding-left:12px;
	border-left:8px solid #4CCEB8;
	color:#1F3133;
	font-size:20px;
	font-weight:700;
	line-height:1.4;
}

.about-point-desc{
	margin:0;
	color:#1F3133;
	font-size:1em;
	line-height:1.6;
}

/* ===============================
1150
=============================== */

@media screen and (max-width:1150px){

.about-points{
	gap:35px;
}

.about-point{
	width:calc((100% - 48px)/3);
}

.about-point-img{
	padding:12px;
}

.about-point-number{
	bottom:-22px;
	font-size:24px;
}

.about-point-number span{
	font-size:60px;
}

.about-point-text{
	margin-top:32px;
}

.about-point-title{
	font-size:16px;
	border-left-width:6px;
	padding-left:10px;
}

.about-point-desc{
	font-size:13px;
	line-height:1.7;
}

}

/* ===============================
960
=============================== */
@media screen and (max-width:960px){

.about-points{
	margin:0 auto;
	display:flex;
	gap:30px;
	align-items:flex-start;
	width:80%; 
	max-width:960px;
	box-sizing:border-box;
}

.about-point{
	flex:0 0 calc((100% - 40px)/3);
	box-sizing:border-box;
}

.about-point-img{
	width:100%;
}

.about-point-number{
	bottom:-18px;
	font-size:20px;
}

.about-point-number span{
	font-size:48px;
}

.about-point-text{
	margin-top:26px;
}

.about-point-title{
	font-size:14px;
	margin-top:40px;
}

.about-point-desc{
	font-size:12px;
}

}

/* ===============================
768
=============================== */
@media screen and (max-width:768px){

.about-points{
	display:block;
	box-sizing:border-box;
}

.about-point{
	width:100%;
	margin-bottom:30px;
	padding:20px;
}

.about-point-number{
	right:8px;
	bottom:-28px;
	font-size:30px;
}

.about-point-number span{
	font-size:68px;
}

.about-point-text{
	margin-top:40px;
}

.about-point-title{
	font-size:18px;
}

.about-point-desc{
	font-size:15px;
}

}

/* ===============================
560
=============================== */
@media screen and (max-width:560px){

.about-point-number{
	right:6px;
	bottom:-20px;
	font-size:24px;
}

.about-point-number span{
	font-size:54px;
}

.about-point-text{
	margin-top:32px;
}

.about-point-title{
	font-size:16px;
}

.about-point-desc{
	font-size:14px;
}
	
}

/* ===============================
420
=============================== */
@media screen and (max-width:420px){
.about-point-img {
	height: 250px;
}
}