@charset "utf-8";

/* -----------------------------
	選ばれる理由
-------------------------------- */
.img-lead-area .catch {
	font-size: 2.9rem;
}

@media screen and (max-width: 768px){
	.img-lead-area .catch {
		font-size: 2.2rem;
	}
}

.point-area{
	padding: 90px 0 40px;
	background: var(--rightblue);
	border-radius: 0 80px 0 0;
}
.point-area .fs-box{
	display: flex;
	justify-content: space-between;
}
.point-area .fs-box .ttl-box{
	width: 460px;
}
.point-area .fs-box .catch-box{
	width: calc(100% - 500px);
}
.point-area .fs-box .catch-box .catch{
	margin: 0 0 15px;
}
.point-area .point-box{
	flex-direction: row-reverse;
	margin: 0 0 65px;
	background: #fff;
}
.point-area .point-box{
	align-items: flex-start;
}
.point-area .point-box .txt-wrap {
	background-color: #fff;
}

.point-area .point-box .txt-wrap .txt{
	line-height: 2;
	margin: 20px 0 0;
}
.point-area .point-box .txt.long{
	width: 1080px;
	text-align: justify;
}
.point-area .point-box .img-wrap{
	width: 580px;
}
/* .point-area .point-block{
	background: var(--rightblue);
	padding: 0 0 80px;
}
.point-area .point-box{
	width: 100%;
	padding: 80px 0 0 ;
	margin: 0 auto;
	align-items: flex-start;
}
.point-area .point-box .img{
	width: 50%;
	max-width: none;
	height: 600px;
	background: url(../img/isharyou-point01.jpg) center / cover, no-repeat;
}
.point-area .point-box .txt-wrap{
	width: 50%;
    padding: 0 calc((100% - 1200px) / 2) 0 80px;
}
.point-area .point-box:nth-child(2n+1) .txt-wrap{
	padding: 0 80px 0 calc((100% - 1200px) / 2);
} */
@media screen and (max-width: 768px){
	.point-area{
		padding: 50px 0 20px;
		border-radius: 0 40px 0 0;
		margin: 0 0 20px;
	}
	.point-area .fs-box{
		flex-wrap: wrap;
	}
	.point-area .fs-box .ttl-box{
		width: 100%;
	}
	.point-area .fs-box .catch-box{
		width: 100%;
	}
	.point-area .fs-box .catch-box .catch{
		margin: 15px 0 10px;
	}
	.point-area .point-box{
		margin: 0 0 45px;
	}
	.point-area .point-box .txt-wrap .txt{
		margin: 15px 0 0;
	}
	.point-area .point-box .txt.long{
		width: 100%;
		margin: 15px 0 0;
	}
	.point-area .point-box .img-wrap{
		width: 100%;
	}
}
.service-area.btm{
	margin: 0 0 120px;
}
@media screen and (max-width: 768px){
	.service-area.btm{
		margin: 0 0 40px;
	}
}