/*!
 * index.css </cyber-shot/rx/concept/css/>
 * updateAt: 2015.11.11
 * createAt: 2015.06.24
 */

/*--------------------------------------------------
  article
--------------------------------------------------*/
@media screen and (max-width: 940px) {
  article {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  article {
    padding-left: 4.6875% !important;
    padding-right: 4.6875% !important;
  }
}

/*--------------------------------------------------
  .heading
--------------------------------------------------*/
article .heading {
  position: relative;
  background: #000;
}
article .heading img {
  width: 100%;
  height: auto;
}
article .heading h2 {
  margin: 0 auto;
  padding-top: 66px;
  padding-top: 5.3921568%;
  width: 669px;
  width: 54.6568627%;
  line-height: 0;
}
article .heading p {
  padding-top: 30px;
  padding-top: 2.4509803%;
  font-size: 100%;
  line-height: 2.0;
  text-align: center;
}

@media screen and (max-width: 640px) {
  article .heading {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #424242;
  }
  article .heading .txt-box {
    padding: 30px 0 0;
  }
  article .heading h2 {
    padding-top: 30px;
    width: 100%;
  }
  article .heading p {
    padding-top: 20px;
  }
  article .heading p br {
    display: none;
  }
  article .heading img.bg {
    padding-top: 5%;
    margin-left: -7%;
    width: 114%;
  }
}
@media screen and (max-width: 479px) {
  article .heading .txt-box {
    padding: 30px 0 0;
  }
  article .heading p {
    font-size: 115%;
  }
}

/*--------------------------------------------------
  section
--------------------------------------------------*/
article section {
  position: relative;
}
article section img {
  width: 100%;
  height: auto;
}
article section .img-box {
  position: relative;
  line-height: 0;
}
article section .txt-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
article section h3 {
  line-height: 0;
}
article section p {
  font-size: 100%;
  line-height: 2.0;
  letter-spacing: 0.03em;
  text-shadow: 0px 0px 8px #000,0px 0px 4px #000;
}

@media screen and (max-width: 640px) {
  article section {
    padding-bottom: 60px;
  }
  article section:nth-last-child(2) {
    padding-bottom: 40px;
  }
  article section .bg {
    margin-left: -6%;
    width: 112%;
  }
  article section .txt-box {
    position: relative;
    margin-top: 20px;
    width: auto;
  }
  article section h3 {
    padding: 0 !important;
  }
  article section h3 img {
    width: 190%;
  }
  article section p {
    margin-top: 15px !important;
    padding: 0 !important;
    width: auto !important;
  }
  article section p br {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  article section p {
    font-size: 140%;
  }
}

/* #Sensor
--------------------------------------------------*/
article section#Sensor h3 {
  padding: 85px 0 0 83px;
  padding: 6.9444444% 0 0 6.7810457%;
  width: 576px;
  width: 42%;
}
article section#Sensor p {
  margin-top: 10px;
  margin-top: 0.8169934%;
  padding-left: 90px;
  padding-left: 7.3529411%;
}
article section#Sensor .exmor {
  margin-top: 35px;
  margin-top: 2.8594771%;
  padding-left: 90px;
  padding-left: 7.3529411%;
  width: 271px;
  width: 35%;
}

@media screen and (max-width: 640px) {
  article section#Sensor .img-box img {
    margin-left: -30%;
  }
  article section#Sensor .exmor {
    margin: 25px auto 0;
    padding: 0;
    width: 70%;
  }
}

/* #Lens
--------------------------------------------------*/
article section#Lens .zeiss {
  position: absolute;
  left: 0;
  top: 0;
  padding: 117px 0 0 566px;
  padding: 9.5588235% 0 0 46.24183%;
  width: 90px;
  width: 7.3529411%;
}
article section#Lens h3 {
  padding: 95px 0 0 679px;
  padding: 7.7614379% 0 0 55.4738562%;
  width: 466px;
  width: 38.0718954%;
}
article section#Lens p {
  margin-top: 35px;
  margin-top: 2.8594771%;
  padding-left: 566px;
  padding-left: 46.24183%;
  padding-right: 60px;
  padding-right: 4.9019607%;
}

@media screen and (max-width: 640px) {
  article section#Lens .zeiss {
    padding: 17% 0 0 65%;
    width: 18%;
  }
}

/* #Processing
--------------------------------------------------*/
article section#Processing h3 {
  padding: 218px 0 0 83px;
  padding: 17.8104575% 0 0 6.7810457%;
  width: 443px;
  width: 36.1928104%;
}
article section#Processing p {
  margin-top: 10px;
  margin-top: 0.8169934%;
  padding-left: 90px;
  padding-left: 7.3529411%;
  width: 670px;
  width: 54.738562%;
}
article section#Processing .bionz {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 52px 44px 0;
  padding: 0 4.248366% 3.5947712% 0;
  width: 307px;
  width: 25.0816993%;
}

@media screen and (max-width: 640px) {
  article section#Processing .bionz {
    padding-right: 0;
    width: 35%;
  }
}

/*--------------------------------------------------
  section.banner
--------------------------------------------------*/
article section.banner {
  padding: 50px 6.7810457% 45px;
}
article section.banner .img-box {
  margin: 0 auto;
  max-width: 660px;
}

@media screen and (max-width: 640px) {
  article section.banner {
    padding: 40px 0 50px;
    border-top: 1px solid #424242;
  }
}