@charset "UTF-8";
.abouttop {
  float: left;
  width: 50%;
  padding-top: 120px;
}
.cnt_title--abouttop h2 {
  text-align: left;
  margin-bottom: 30px;
}
.cnt_title--abouttop h2::before {
    content: "About us";
    color: #6e218a;
    text-align: left;
}
.cnt_title--abouttop:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.abouttop .highlight--about {
  text-align: center;
}
.abouttop .highlight--about a {
  display: block;
  text-align: center;
}
.abouttop .highlight--about img {
  max-width: 100%;
}

.recruittop {
  float: right;
  width: 50%;
}
.cnt_title--recruittop h2 {
  text-align: left;
  margin-bottom: 30px;
  float: right;
}
.cnt_title--recruittop h2::before {
    content: "Recruit";
    color: #d03325;
    text-align: left;
}
.cnt_title--recruittop:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.recruittop .highlight--recruit {
  text-align: center;
}
.recruittop .highlight--recruit a {
  display: block;
  text-align: center;
}
.recruittop .highlight--recruit img {
  max-width: 100%;
}

@media screen and (max-width: 767px){
  .abouttop {
    float: none;
    width: 100%;
    padding-top: 0px;
  }
  .recruittop {
    float: none;
    width: 100%;
  }
}