@charset "utf-8";

#headline span {
  display: block;
  position: relative;
  left: -10px;
  width: 100px;
}



/* ==================================================
About
================================================== */

/*#catch*/
#catch {
  z-index: 1;
  position: relative;
  overflow: hidden;
  height: 540px;
  background: url(/assets/img/about/catch.png) center top no-repeat;
  background-size: cover;
  padding: 120px 0 50px;
  margin: 0 0 150px;
}
#catch h2 {
  color: #fff;
  font-size: 42px;
  text-align: center;
  line-height: 1.6em;
  margin: 0 0 50px;
}

#catch ul {
  position: relative;
  float: left;
  left: 50%;
}
#catch ul li {
  position: relative;
  float: left;
  left: -50%;
  font-size: 18px;
  text-align: center;
  line-height: 1.5em;
  margin: 0 10px;
}
#catch ul li a {
  display: block;
  width: 160px;
  height: 160px;
  background: #fff url(/assets/img/about/ico_arrow.png) center bottom 20px no-repeat;
  background-size: 18px;
  color: #11335E;
  padding: 50px 0 0;
  border-radius: 80px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
}
#catch ul li a:hover {
  opacity: 0.75;
}




#about01 .innerWrap,
#about03 .innerWrap {
  position: relative;
  width: 1280px;
  background: #eee;
  padding: 80px 50px 50px;
  margin: 0 auto 160px;
}
#about04 .innerWrap {
  position: relative;
  width: 1280px;
  background: #eee;
  padding: 80px 50px 50px;
  margin: 0 auto 80px;
}


.about__heading {
  margin: 0 0 30px;
}
.about__heading h3 {
  color: #D7132A;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5em;
  margin: 0 0 20px;
}
.about__heading h3 img {
  width: 240px;
}
.about__heading h3 span {
  position: absolute;
  display: block;
  top: -100px;
  left: 41%;
}
.about__heading p {
  font-size: 18px;
  text-align: center;
}

#about03 .about__heading h3,
#about04 .about__heading h3 {
  text-align: left;
}



/*#beginner01*/
#about__wattmanTech {
  float: left;
  width: 48%;
  padding: 20px 60px;
  margin: 20px 0;
}


#about__wattmanStyle {
  float: right;
  width: 50%;
  border-left: solid 1px #ddd;
  padding: 20px 70px 20px 80px;
  margin: 20px 0;
}

#about__wattmanTech h4,
#about__wattmanStyle h4 {
  width: 300px;
  margin: 0 auto 30px;
}
#about__wattmanTech img,
#about__wattmanStyle img {
  width: 100%;
}
#about__wattmanTech p,
#about__wattmanStyle p {
  line-height: 1.75em;
}



/*#about02*/
#about02 {
  clear: both;
  height: 280px;
  padding: 110px 130px 20px 350px;
  background: url(/assets/img/about/background02.png) 60px bottom no-repeat;
  background-size: 240px;
  border-top: solid 1px #ddd;
}

/*#about03*/
#about03 .innerWrap {
  padding: 90px 170px 90px 400px;
  background: #eee url(/assets/img/about/background03.png) 100px center no-repeat;
  background-size: 240px;
}

/*#about04*/
#about04 .innerWrap {
  padding: 90px 170px 90px 400px;
  background: #eee url(/assets/img/about/background04.png) 100px center no-repeat;
  background-size: 240px;
}

#about02 p,
#about03 p,
#about04 p {
  line-height: 1.75em;
}