body {
    font-size: 14px;
}
article#bgcolor01 {
    color: #fff;
}
body section > div.container {
  max-width: 568px;
}
body section > div.w400 {
  max-width: 568px;
}
section#content > img,
section.full > img {
  width: 100%;
}
section > h3 {
  font-size: 23px;
  font-weight: 400 !important;

  margin-bottom: 15px;
  text-align: center;
  color: #fff;
  margin-top: 0;
  letter-spacing: 4px;
}
section > h3.pt10 {
  padding: 10px 0;
}

section > h3 {
  background: #06af56;
}
section > h3.no01 {
  background: #019449;
}
section > h3.no2 {
  background: #001E96;
}
section > h3.step {
  background: #3452CC;
}
section > h3.description {
  background: #EF9B5C;
}
body section > div.container > div.row > div > h4{
  max-width: 214px;
  margin: 0 auto;
}
body section > div.container > div.row > div > h4.s01:before{
  margin:0 12px 0 0;
  content:" ";
  display:inline-block;
  width:80px;
  height:80px;
  background:url( ../img/recruit/s01.png);
  background-size:contain;
  vertical-align:middle;
  
}
body section > div.container > div.row > div > h4.s02:before{
  margin:0 12px 0 0;
  content:" ";
  display:inline-block;
  width:80px;
  height:80px;
  background:url( ../img/recruit/s02.png);
  background-size:contain;
  vertical-align:middle;
}
body section > div.container > div.row > div > h4.s03:before{
  margin:0 12px 0 0;
  content:" ";
  display:inline-block;
  width:80px;
  height:80px;
  background:url( ../img/recruit/s03.png);
  background-size:contain;
  vertical-align:middle;
}
body section > div.container > div.row > div > h4 >span{
  display: inline-table;
  vertical-align: middle;
  line-height: 22px;
  font-size: 18px;
  letter-spacing: 2px;
}
p.arrow{
  font-size: 33px;
  color: #3452CC;
  text-align: center;
}
div.container p.w200{
  max-width: 200px;
  margin: 0 auto 50px;
}
div.container a.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
div.container a.button::before,
div.container a.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
div.container a.button,
div.container a.button::before,
div.container a.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
div.container a.button {
  position: relative;
  z-index: 2;
  background-color: #3452CC;
  border: 2px solid #3452CC;
  color: #fff;
  line-height: 50px;
}
div.container a.button:hover {
  background-color: #fff;
  border-color: #0083FF;
  color: #0083FF;
}
div.container a.button::before,
div.container a.button::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #3452CC;
}
div.container a.button::before {
  right: 0;
}
div.container a.button::after {
  left: 0;
}
div.container a.button:hover::before,
div.container a.button:hover::after {
  width: 0;
  background-color: #59b1eb;
}

h3.bgb{
    background: #000;
}




.movie-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.movie-wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.google-maps {
  position: relative;
  padding-bottom: 160px;
  overflow: hidden;
}

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

@media (max-width: 505px) {
.titles p {
text-align: left !important;
}
}