/*!
 * rx1-d001.css </cyber-shot/rx/developer/rx1-d001/css/>
 * modified : 2015.06.07
 */

/*--------------------------------------------------
  .article-inner : 730
--------------------------------------------------*/
article .heading {
  position: relative;
  margin: 40px 0 70px;
  margin: 5.479452% 0 9.589041%;
}
article .heading h3 {
  position: relative;
  z-index: 1;
}
article .heading p {
  position: relative;
  z-index: 1;
  margin-top: 40px;
  margin-top: 5.479452%;
}
article .heading h3 img,
article .heading p img {
  height: auto;
}
article .heading .bg {
  position: absolute;
  z-index: 0;
  right: -4.109589%;
  top: 0;
  height: auto;
}
article section {
  margin-top: 60px;
  margin-top: 8.219278%;
}
article p {
  margin-bottom: 40px;
  margin-bottom: 5.479452%;
}

@media screen and (max-width: 479px) {
  article section {
    margin-top: 40px;
  }
  article p {
    margin-bottom: 25px;
  }
}

/*--------------------------------------------------
  .dev1
--------------------------------------------------*/
/* .heading.dev1
--------------------------------------------------*/
article .heading.dev1 h3 {
  width: 292px;
  width: 40%;
}
article .heading.dev1 p {
  width: 454px;
  width: 62.1917808%;
}
article .heading.dev1 .bg {
  width: 381px;
  width: 52.1917808%;
}

/* .dev1-01
--------------------------------------------------*/
article .dev1-01 {
  width: 281px;
  width: 38.4931506%;
  font-size: 0;
  text-align: right;
}
article .dev1-01 .img-03 {
  width: 100%;
  height: auto;
}
article .dev1-01 .img-04 {
  margin-top: 25px;
  margin-top: 8.8967971%;
  width: 96.797153%;
  height: auto;
}

@media screen and (max-width: 479px) {
  article .dev1-01 {
    width: 45%;
  }
}

/*--------------------------------------------------
  .dev2
--------------------------------------------------*/
/* .heading.dev2
--------------------------------------------------*/
article .heading.dev2 h3 {
  width: 377px;
  width: 51.6438356%;
}
article .heading.dev2 p {
  width: 376px;
  width: 51.5068493%;
}
article .heading.dev2 .bg {
  width: 338px;
  width: 46.3013698%;
}

/* .dev2-01
--------------------------------------------------*/
article .dev2-01 {
  width: 224px;
  width: 30.6849315%;
}

@media screen and (max-width: 479px) {
  article .dev2-01 {
    width: 45%;
  }
}

/*--------------------------------------------------
  .dev3
--------------------------------------------------*/
/* .heading.dev3
--------------------------------------------------*/
article .heading.dev3 h3 {
  width: 303px;
  width: 41.5068493%;
}
article .heading.dev3 p {
  width: 426px;
  width: 58.3561643%;
}
article .heading.dev3 .bg {
  width: 463px;
  width: 63.4246575%;
}

/* .dev3-01
--------------------------------------------------*/
article .dev3-01 {
  width: 374px;
  width: 51.2328767%;
}

/* .dev3-02
--------------------------------------------------*/
article .dev3-02 {
  width: 350px;
  width: 47.9452054%;
}

/* .dev3-03
--------------------------------------------------*/
article .dev3-03 {
  width: 157px;
  width: 21.5068493%;
}

@media screen and (max-width: 479px) {
  article .dev3-03 {
    width: 40%;
  }
}

/*--------------------------------------------------
  .dev4
--------------------------------------------------*/
/* .heading.dev4
--------------------------------------------------*/
article .heading.dev4 h3 {
  width: 353px;
  width: 48.3561643%;
}
article .heading.dev4 p {
  width: 328px;
  width: 44.9315068%;
}
article .heading.dev4 .bg {
  margin-top: 35px;
  margin-top: 4.7945205%;
  width: 394px;
  width: 53.9726027%;
}

/* .dev4-01
--------------------------------------------------*/
article .dev4-01 {
  width: 228px;
  width: 31.2328767%;
}

@media screen and (max-width: 479px) {
  article .dev4-01 {
    width: 45%;
  }
}

/*--------------------------------------------------
  .dev5
--------------------------------------------------*/
/* .heading.dev5
--------------------------------------------------*/
article .heading.dev5 h3 {
  padding-top: 15px;
  padding-top: 2.0547945%;
  width: 430px;
  width: 58.9041095%;
}
article .heading.dev5 p {
  width: 426px;
  width: 58.3561643%;
}
article .heading.dev5 .bg {
  width: 304px;
  width: 41.6438356%;
}

/* .dev5-01
--------------------------------------------------*/
article .dev5-01 {
  max-width: 417px;
  width: 57.1232876%;
}

@media screen and (max-width: 479px) {
  article .dev5-01 {
    float: none;
    margin: 0 0 20px 0 !important;
    width: auto;
  }
}

/* .dev5-02
--------------------------------------------------*/
article .dev5-02 {
  max-width: 243px;
  width: 33.2876712%;
}

@media screen and (max-width: 479px) {
  article .dev5-01 {
    float: none;
    margin: 0 0 20px 0 !important;
    width: auto;
  }
}

/* .acc-box
--------------------------------------------------*/
article .acc-box {
  padding: 15px 0;
  padding: 2.0547945% 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
article .acc-box:after {
  clear: both;
  display: block;
  content: "";
}
article .acc-box .item-360 {
  width: 360px;
  width: 49.3150684%;
  text-align: left;
}
article .acc-box .item-400 {
  display: inline-block;
  width: 400px;
  width: 54.7945205%;
  text-align: left;
}
article .acc-box .item-360:after,
article .acc-box .item-400:after {
  clear: both;
  display: block;
  content: "";
}

article .acc-box .item-360 .img-box {
  width: 128px;
  width: 35.555555%;
}
article .acc-box .item-360 .txt-box {
  width: 232px;
  width: 64.444444%;
}

article .acc-box .item-400 .img-box {
  width: 148px;
  width: 37%;
}
article .acc-box .item-400 .txt-box {
  width: 232px;
  width: 58%;
}

article .acc-box p {
  margin: 10px 0 0 0;
  font-size: 68.8%;
}
article .acc-box .btn {
  margin-top: 10px;
  width: 105px;
  width: 45.2586206%;
  line-height: 0;
}
article .acc-box .btn img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 940px) {
  article .acc-box p {
    line-height: 1.6;
  }
}
@media screen and (max-width: 479px) {
  article .acc-box {
    padding: 0;
    border-top: none;
  }
  article .acc-box .item-360,
  article .acc-box .item-400 {
    border-top: 1px solid #ccc;
    padding: 12px 0;
    width: auto;
  }
  article .acc-box p {
    font-size: 58%;
  }
}