@charset "utf-8";
/*////////////////////////////////////
about
////////////////////////////////////*/
@media screen and (min-width: 768px) {
.about_area {
	position: relative;
	width: 90%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
#about1_img {
	position: relative;
	width: 30%;
	aspect-ratio:1/1;
	border-radius: 36% 64% 55% 45% / 44% 35% 65% 56%;
	background: url("../about/img/about01.jpg");
	background-position: center;
	background-size: cover;
}
#about2_img {
	position: relative;
	width: 30%;
	margin-left: 68%;
	aspect-ratio:1/1;
	border-radius: 36% 64% 55% 45% / 44% 35% 65% 56%;
	background: url("../about/img/about03.jpg");
	background-position: center;
	background-size: cover;
}
#about3_img {
	position: relative;
	width: 30%;
	margin-left: 40%;
	aspect-ratio:1/1;
	border-radius: 36% 64% 55% 45% / 44% 35% 65% 56%;
	background: url("../about/img/about02.jpg");
	background-position: center;
	background-size: cover;
}
#aboout_title1 {
	position: relative;
	margin-left: 30%;
	margin-top: -50px;
	margin-bottom: 50px;
}
#aboout_title1 h3 {
	font-size: 4.8rem;
	font-weight: 700;
	color: #555;
}
#aboout_title1 span {
	font-size: 1.6rem;
	color: #999;
}
#aboout_title2 {
	position: relative;
	margin-left: 60%;
	margin-top: -50px;
	margin-bottom: 50px;
}
#aboout_title2 h3 {
	font-size: 4.8rem;
	font-weight: 700;
	color: #555;
}
#aboout_title2 span {
	font-size: 1.6rem;
	color: #999;
}
#aboout_title3 {
	position: relative;
	margin-left: 10%;
	margin-top: -50px;
	margin-bottom: 50px;
}
#aboout_title3 h3 {
	font-size: 4.8rem;
	font-weight: 700;
	color: #555;
}
#aboout_title3 span {
	font-size: 1.6rem;
	color: #999;
}
.about_part_area {
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.about_part1 {
	position: relative;
	width: 26%;
	aspect-ratio:1/1;
	background: #DA9D9E;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	color: #FFF;
	padding: 20px;
	text-align: center;
	margin: 2%;
}
.about_part2 {
	position: relative;
	width: 26%;
	aspect-ratio:1/1;
	background:#C3A68F;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	color: #FFF;
	padding: 20px;
	text-align: center;
	margin: 2%;
}
.about_part3 {
	position: relative;
	width: 26%;
	aspect-ratio:1/1;
	background:#80A76D;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	color: #FFF;
	padding: 20px;
	text-align: center;
	margin: 2%;
}
.about_word {
	position: relative;
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 50px;
	font-weight: 400;
}

}
@media screen and (min-width: 0px) and (max-width: 767px) {
.about_area {
	position: relative;
	width: 90%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
#about1_img {
	position: relative;
	width: 40%;
	margin-left: 30%;
	aspect-ratio:1/1;
	border-radius: 36% 64% 55% 45% / 44% 35% 65% 56%;
	background: url("../about/img/about01.jpg");
	background-position: center;
	background-size: cover;
}
#about2_img {
	position: relative;
	width: 40%;
	margin-left: 30%;
	aspect-ratio:1/1;
	border-radius: 36% 64% 55% 45% / 44% 35% 65% 56%;
	background: url("../about/img/about03.jpg");
	background-position: center;
	background-size: cover;
}
#about3_img {
	position: relative;
	width: 40%;
	margin-left: 30%;
	aspect-ratio:1/1;
	border-radius: 36% 64% 55% 45% / 44% 35% 65% 56%;
	background: url("../about/img/about02.jpg");
	background-position: center;
	background-size: cover;
}
#aboout_title1 {
	position: relative;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 50px;
}
#aboout_title1 h3 {
	font-size: 2.4rem;
	font-weight: 700;
	color: #555;
}
#aboout_title1 span {
	font-size: 1.6rem;
	color: #999;
}
#aboout_title2 {
	position: relative;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 50px;
}
#aboout_title2 h3 {
	font-size: 2.4rem;
	font-weight: 700;
	color: #555;
}
#aboout_title2 span {
	font-size: 1.6rem;
	color: #999;
}
#aboout_title3 {
	position: relative;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 50px;
}
#aboout_title3 h3 {
	font-size: 2.4rem;
	font-weight: 700;
	color: #555;
}
#aboout_title3 span {
	font-size: 1.6rem;
	color: #999;
}
.about_part_area {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.about_part1 {
	position: relative;
	width: 46%;
	aspect-ratio:1/1;
	background: #DA9D9E;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	color: #FFF;
	padding: 20px;
	text-align: center;
	margin: 2%;
}
.about_part2 {
	position: relative;
	width: 46%;
	aspect-ratio:1/1;
	background:#C3A68F;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	color: #FFF;
	padding: 20px;
	text-align: center;
	margin: 2%;
}
.about_part3 {
	position: relative;
	width: 46%;
	aspect-ratio:1/1;
	background:#80A76D;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	color: #FFF;
	padding: 20px;
	text-align: center;
	margin: 2%;
}
.about_word {
	position: relative;
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 50px;
	font-weight: 400;
}
}