.page_title {
  background: url(images/page_title.png) no-repeat 0 0;
  width: 747px;
  height: 58px;
  margin-bottom: 15px;
  text-indent: -9999px;
  margin-left: -8px;
}
.sub_title_01 {
  background: url(images/sub_title_01.png) no-repeat 0 0;
  height: 43px;
  margin: 0 0 10px -4px;
  text-indent: -9999px;
  width: 739px;
}
.sub_title_02 {
  background: url(images/sub_title_02.png) no-repeat 0 0;
  height: 43px;
  margin: 0 0 10px -4px;
  text-indent: -9999px;
  width: 739px;
}
.sub_title_03 {
  background: url(images/sub_title_03.png) no-repeat 0 0;
  height: 43px;
  margin: 0 0 10px -4px;
  text-indent: -9999px;
  width: 739px;
}
.comm_p {
  font-size: 116%;
  margin-bottom: 25px;
  line-height: 1.65;
}
.sub_title_04 {
  background: url(images/sub_title_04.png) no-repeat 0 0;
  height: 43px;
  margin: 0 0 10px -4px;
  text-indent: -9999px;
  width: 739px;
}
.comm_p {
  font-size: 116%;
  margin-bottom: 25px;
  line-height: 1.65;
}.micros {
  height: 256px;
  position: relative;
  margin-bottom: 2em;
}
.pic01 {
  position: absolute;
  width: 322px;
  height: 256px;
  background: url(images/pic01.jpg) no-repeat 0 0;
  text-indent: -9999px;
}
.pic02 {
  position: absolute;
  width: 322px;
  height: 256px;
  background: url(images/pic02.jpg) no-repeat 0 0;
  text-indent: -9999px;
}
.pic03 {
  position: absolute;
  width: 322px;
  height: 256px;
  background: url(images/pic03.jpg) no-repeat 0 0;
  text-indent: -9999px;
}
.micros .comm_p {
  margin: 0 0 0 auto;
  width: 395px;
}



@media only screen and (max-width: 740px) {

  .page_title {
    background: url(images/sp_page_title.png) no-repeat 0 0;
    margin: 0 0 5% 2.5%;
    padding-top: 10.185%;
    width: 95.7%;
    height: 0;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
  .sub_title_01 {
    background: #fdf2dc url("images/sp_sub_title_01.png") no-repeat scroll 50% 50%;
    background-size: 22.2% auto;
    margin-bottom: 3%;
    padding: 4.5% 0;
    clear: both;
    width: auto;
    height: 0;
  }
  .sub_title_02 {
    background: #fdf2dc url("images/sp_sub_title_02.png") no-repeat scroll 50% 50%;
    background-size: 22.6% auto;
    margin-bottom: 3%;
    padding: 4.5% 0;
    clear: both;
    width: auto;
    height: 0;
  }
  .sub_title_03 {
    background: #fdf2dc url("images/sp_sub_title_03.png") no-repeat scroll 50% 50%;
    background-size: 65.2% auto;
    margin-bottom: 3%;
    padding: 8.5% 0;
    clear: both;
    width: auto;
    height: 0;
  }
  .sub_title_04 {
    background: #fdf2dc url("images/sp_sub_title_04.png") no-repeat scroll 50% 50%;
    background-size: 65.2% auto;
    margin-bottom: 3%;
    padding: 4.5% 0;
    clear: both;
    width: auto;
    height: 0;
  }
  .comm_p {
    font-size: 150%;
    margin: 0 3% 3%;
    line-height: 1.6;
  }
  .micros {
    height: auto;
    position: static;
    margin: 0 2.5% 5%
  }
  .pic01 {
    position: static;
    width: 71.48%;
    max-width: 386px;
    height: 0;
    background: url(images/sp_pic01.jpg) no-repeat 0 0;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
    padding-top: 59.629%;
    margin: 0 0 2% 13.76%;
  }
  .pic02 {
    position: static;
    width: 71.48%;
    max-width: 386px;
    height: 0;
    background: url(images/sp_pic02.jpg) no-repeat 0 0;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
    padding-top: 59.629%;
    margin: 0 0 2% 13.76%;
  }
    .pic03 {
    position: static;
    width: 71.48%;
    max-width: 386px;
    height: 0;
    background: url(images/sp_pic03.jpg) no-repeat 0 0;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
    padding-top: 59.629%;
    margin: 0 0 2% 13.76%;
  }
  .micros .comm_p {
    margin: 0 0 3%;
    width: auto;
  }


}

@media only screen and (max-width: 415px) {

  .comm_p {
    font-size: 116%;
  }


}

@media only screen and (max-width: 320px) {

}