/* CSS Document */

.aboutBOX {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.aboutBOX.rev {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.aboutBOX:last-child {
	margin-bottom: 0px;
}

.aboutBOX .aboutL {
	width: 49%;
	display: flex;
	flex-direction: column;
  justify-content: center;
  align-items: center;
}
.aboutBOX .aboutR {
	width: 49%;
}

.AboutContent h3 {
	text-align: center;
	font-size: clamp(1.5rem, 1.8vw, 2rem);
	font-family: "Google Sans", sans-serif;
	color:#23447f;
	margin-bottom: 0px;
}
.AboutContent h4 {
	text-align: center;
	font-size: clamp(1.8rem, 2.5vw, 3rem);
	font-family: "Zen Maru Gothic", sans-serif;
	color:#007fbd;
	margin-bottom: 30px;
	line-height: 1.6;
}
.aboutBOX .aboutL p {
	font-size: clamp(1.4rem, 1.5vw, 1.7rem);

}

@media screen and (max-width: 834px){
	
.aboutBOX {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
	margin-bottom: 25px;
}
.aboutBOX.rev {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;

}

.aboutBOX .aboutL {
	width: auto;
	display: flex;
	flex-direction: column;
  justify-content: center;
  align-items: center;
	margin-bottom: 0;
}
.aboutBOX .aboutR {
	width: auto;
	margin-bottom: 15px;
}

.AboutContent h3 {
	text-align: center;
	font-size: clamp(1.5rem, 1.8vw, 2rem);
	font-family: "Google Sans", sans-serif;
	color:#23447f;
	margin-bottom: 0px;
}
.AboutContent h4 {
	text-align: center;
	font-size: clamp(1.8rem, 2.5vw, 3rem);
	font-family: "Zen Maru Gothic", sans-serif;
	color:#007fbd;
	margin-bottom: 15px;
	line-height: 1.5;
}
.aboutBOX .aboutL p {
	font-size: clamp(1.4rem, 1.5vw, 1.7rem);

}
	
}