@charset "utf-8";
/*

*/

#prospectus{
padding:20px 0;
}
#prospectus-title-area{
margin:20px;
}

#sec-about-principle{
background-image:url(img/page/about/wrap_bg_about_idea.jpg);
background-repeat: repeat-x;
background-size: cover;
}

/*3つの原則背景*/
#sec-about-3principle{
background-image:url(img/page/about/wrap_bg_about-3principle.jpg);
background-repeat: repeat-x;
background-position: center right;
background-size: cover;
}




#sec-aboutIdea{
background-image:url(img/page/about/wrap_bg_about_idea.jpg);
background-repeat: repeat-x;
background-position: center center;
    margin-top: -60px;
    padding-top: 80px;
background-size: cover;
}


#title-about{
background-image:url(img/page/about/title_bg_about.jpg);
background-repeat: no-repeat;
background-position: center center;
height: 500px;
}

#sec-aboutFoods{
background-image:url(img/page/about/wrap_bg_about-foods.jpg);
background-repeat: repeat;
min-height: 800px;
height:auto;
padding-top: 20px;
}

#tomato{
background-image:url(img/page/about/wrap_bg_about-foods-tomato.jpg);
background-repeat: repeat;
height: 230px;
padding-top: 20px;
}


#sec-aboutFoods ul li{
    float: left;
    max-width: 31%;
    min-width: 240px;
    margin: 10px;
}

.text-box{
padding:0px 20px;
background: rgba(255, 255, 255, 0.8);
margin:20px 10px 20px 10px;
font-size:0.8rem;

/* box-shadow */
box-shadow:0px 0px 6px 3px rgba(0,0,0,0.07);
-moz-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.07);
-webkit-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.07);

/* border-radius */
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;


}

.right{
text-align: right;
}

/* smartPhone */
@media screen and (max-width: 640px) {
#sec-aboutFoods ul li{
    float: left;
/*    max-width: 31%;*/
    min-width: 240px;
    margin: 10px;
}
}