@charset "utf-8";
/*------------------------------------------------------------------------------------------
*
*
    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 ----- */