@import url("../../common/css/cssreset.css");
@import url("../../common/css/base.css");
@import url("../../common/css/header.css");
@import url("../../common/css/contents.css");
@import url("../../common/css/print.css") print;


/* safety style.css */
/*--------------------------------------*/

.food4 {
    width:940px;
    margin:0 auto 60px;
    text-align:center;
}

.item {
    float:left;
    width:220px;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:contain;
    margin-right:20px;
    padding:210px 0 0;
    box-shadow:3px 3px 5px #dad8d9, -1px -1px 2px #e4e4e4;
    border-radius:20px;
}
.item:last-child {
    margin-right:0;
}

.food4 .safety {background-image:url("../images/photo01.png");}
.food4 .defence {background-image:url("../images/photo02.png");}
.food4 .quality {background-image:url("../images/photo03.png");}
.food4 .comm {background-image:url("../images/photo04.png");}

#contents .item h4 {
    margin-bottom:0.2em;
    font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align:center;
    line-height:1.2;
    font-size:1.6em;
    color:#333333;
    letter-spacing:-1px;
}
#contents .item h5 {
    margin-bottom:0.5em;
    text-align:center;
    font-size:1.1em;
    font-weight:normal;
    color:#f04d22;
}
#contents .item p {
    margin:0 1em 2em;
    text-align:left;
    line-height:1.4;
}



.clm_left {
    float:left;
    width:50%;
    max-width:550px;
    margin-bottom:30px;
}
.clm_right {
    float:right;
    width:43%;
    max-width:480px;
    margin-bottom:30px;
    font-size:0.8em;
}
.clm_right img {
    display:block;
    margin:0 auto 8px;
}



/* - 1100px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1100px) {









}
/* - 1100px end */



/* - 960px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 960px) {

.food4 {
    width:460px;
    margin:0 auto 30px;
}

.item {
    margin-bottom:30px;
}
.item:nth-child(even) {
    margin-right:0;
}

}
/* - 960px end */





/* - 768px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 768px) {







}
/* - 768px end */





/* - 750px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 750px) {


.food4 {
    width:90%;
}

.item {
    width:48%;
    margin-right:4%;
}



.clm_left,
.clm_right {
    float:none;
    width:100%;
    max-width:inherit;
    margin-bottom:30px;
}


}
/* - 750px end */





/* - 480px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 480px) {


.food4 {
    width:70%;
}

.item {
    width:100%;
    margin-right:0;
    padding:90% 0 0;
}






}
/* - 480px end */