@charset "utf-8";
/*////////////////////////////////////
overview
////////////////////////////////////*/

@media screen and (min-width: 768px) {
.under_logo_mark {
	position: relative;
	width: 100%;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -64px;
	padding-top: 50px;
	background: url("../img/logo_back.png");
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
.under_logo_mark img {
	width: 50px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.under_top_title {
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}
.under_top_title h2 {
	font-size: 2.2rem;
	font-weight: 400;
	color: #7db25a;
}
.under_top_subtitle {
	position: relative;
	font-size: 4.8rem;
	text-align: center;
	line-height: 1.6;
	color: #7db25a;
	
}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
.under_logo_mark {
	position: relative;
	width: 100%;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -64px;
	padding-top: 50px;
	background: url("../img/logo_back.png");
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	margin-bottom: 10px;
}
.under_logo_mark img {
	width: 50px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.under_top_title {
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}
.under_top_title h2 {
	font-size: 2.2rem;
	font-weight: 400;
	color: #7db25a;
}
.under_top_subtitle {
	position: relative;
	font-size: 2.8rem;
	text-align: center;
	line-height: 1.6;
	color: #7db25a;
	
}
}

@media screen and (min-width: 768px) {
#about_area {
	position: relative;
	width: 100%;
	background: #FFF;
	padding: 100px 0;
}
#about_place {
	position: relative;
	width: 90%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.aboout {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
}
.about_title {
	position: relative;
	width: 30%;
	text-align: center;
	font-size:1.8rem;
	line-height: 1.6;
	padding: 10px 20px;
	background: #7db25a;
	color: #FFF;
	margin-bottom: 10px;
	margin-right: 3%;
}
.about_word {
	position: relative;
	width: 67%;
	font-size:1.8rem;
	line-height: 1.6;
	padding: 10px 20px;
}
#recruit_word {
	position: relative;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 300;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#recruit_word a {
	color: #5EA3E1;
}
#recruit_word a:hover {
	color: #FF0000;
}
}

@media screen and (min-width: 0px) and (max-width: 767px) {
#about_area {
	position: relative;
	width: 100%;
	background: #FFF;
	padding: 100px 0;
}
#about_place {
	position: relative;
	width: 90%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.aboout {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}
.about_title {
	position: relative;
	width: 100%;
	text-align: center;
	font-size:1.6rem;
	line-height: 1.6;
	padding: 10px 20px;
	background: #7db25a;
	color: #FFF;
}
.about_word {
	position: relative;
	width: 100%;
	font-size:1.6rem;
	line-height: 1.6;
	padding: 10px 20px;
}
#recruit_word {
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 1.6rem;
	font-weight: 300;
}
#recruit_word a {
	color: #5EA3E1;
}
#recruit_word a:hover {
	color: #FF0000;
}
}