@charset "utf-8";
/* CSS Document */

/* ------------------------------
○○とは
------------------------------ */
.about_list {
	padding: 15px;
	border: 6px solid #f9f9f9;
}

.about_list li {
	background: transparent;
}

.about_list li + li {
	margin-top: 0;
	border-top: 1px dashed #eee;
}

.about_title {
	background: transparent;
	color: var(--main-color);
	font-size: 18px;
}

@media screen and (max-width:767px){
	.about_list li {
		display: block;
	}
	
	.about_list li + li {
		margin-top: 15px;
		padding-top: 15px;
	}
	
	.about_list li p {
		padding: 0;
	}
	
	.about_title {
		margin-bottom: 2px;
		font-size: 16px;
	}
}

/* ------------------------------
3つの特徴
------------------------------ */
	.point_list_02 {
		display: flex;
		gap: 40px;
	}

	.point_list_02 > div {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	
	.point_list_02 img {
		display: block;
		width: 100%;
		border-radius: 15px;
	}
	
	.point_list_02_ttl {
		margin-top: 30px;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
	}
	
	.point_list_02_ttl::after {
		content: "";
		display: block;
		margin: 15px auto 0;
		width: 100px;
		height: 2px;
		border-bottom: 2px dotted var(--main-color);
	}
	
	.point_list_02_txt {
		flex-grow: 1;
		margin-top: 20px;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	
	.point_list_02_btn {
		display: block;
		width: 80%;
		padding: 10px;
		margin: 20px auto 0;
		border: 2px solid var(--main-color);
		border-radius: 100px;
		font-weight: bold;
		text-align: center;
		color: var(--main-color);
	}

@media screen and (max-width:767px){
	.point_list_02 {
		flex-direction: column;
	}

	.point_list_02_ttl {
		font-size: 16px;
	}
}

/* ------------------------------
問合せ
------------------------------ */
.point_contact {
	margin-top: 60px;
}