/*------------------------------------------------------------------------------------------
*
*
    feature.css
*
*
------------------------------------------------------------------------------------------ */
@media screen and (min-width: 641px) {
  #header {
    padding: 2px 0 0 0;
    border-top: 0; }

  #feature #footer {
    padding-top: 10px; }

  /*------------------------------------------------------------------------------------------
  *
  *
      min-width : 641px
  *
  *
  ------------------------------------------------------------------------------------------ */
  #feature #head_title {
    padding: 70px 0 45px 0;
    text-align: center; }

  #feature #contents_area {
    width: 450px;
    margin: 0 auto; }

  #feature .section {
    margin: 0 0 55px 0; }

  #feature .section h3 {
    margin: 0 0 15px 0; }

  #feature .section .pic {
    margin: 0 0 5px 0; }

  #feature .section p {
    font-size: 16px;
    line-height: 2em; }

  #feature .s01 h3 img {
    width: 129px; }

  #feature .s02 h3 img {
    width: 436px; }

  #feature .s03 h3 img {
    width: 315px; }

  #feature .s04 h3 img {
    width: 328px; }

  #feature .s05 h3 img {
    width: 432px; } }
/* ----- min-width : 641px ----- */
@media screen and (max-width: 640px) {
  /*------------------------------------------------------------------------------------------
  *
  *
      max-width : 640px
  *
  *
  ------------------------------------------------------------------------------------------ */
  #feature #head_title {
    padding: 60px 0;
    text-align: center; }

  #feature #head_title img {
    width: 80%;
    min-width: 280px; }

  #feature #contents_area {
    margin: 0 auto; }

  #feature .section {
    margin: 0 0 40px 0;
    padding: 0 15px; }

  #feature .section:last-child {
    margin: 0 0 5px 0; }

  #feature .section h3 {
    margin: 0 0 15px 0; }

  #feature .section .pic {
    margin: 0 0 5px 0;
    padding: 0; }

  #feature .section .pic img {
    width: 100%; }

  #feature .section p {
    font-size: 15px;
    line-height: 2em;
    padding: 0 10px; }

  #feature .s01 h3 img {
    width: 86px; }

  #feature .s02 h3 img {
    width: 289px; }

  #feature .s03 h3 img {
    width: 209px; }

  #feature .s04 h3 img {
    width: 217px; }

  #feature .s05 h3 img {
    width: 286px; } }
/* ----- max-width : 640px ----- */
