@charset "utf-8";
/* CSS Document */
/* reset
--------------------------------------------------------- */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;outline:0;}
body{line-height:1;-webkit-text-size-adjust:none;margin:0 auto;width:100%;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
img{border:0;vertical-align:bottom;}
ul, ol{list-style:none;}
table{border-spacing:0;empty-cells:shoe;}
.clearfix:after{content:"";display:block;clear:both;}
.float li{float:left;}
a:link{text-decoration:none;}
a:active{text-decoration:none;}
/*-------------------------------------------*/


img { max-width:100%;}
main{ font-family: "Noto Sans JP"; color: #3F3F3F;}
a {color: #3F3F3F;}




/* PC */
@media screen and (min-width:768px) {
/*看板*/
.topKan img { width: 100%;}
/*コンテンツの本体部分全体*/
section.main { width: 75%; margin: 0 auto; text-align: center;}
/*テキストの塊のところ*/
.aboutUs { margin: 2rem auto 0;}
.ttlB { font-size: 2rem; font-weight: bold; line-height: 1.4em; margin-bottom: 2rem;}
.ttlM { font-size: 1.4rem; font-weight: bold; line-height: 2em; margin-bottom: .8rem;}
.honbun { width: 90%; margin:0 auto 3rem; line-height: 1.6em;}
.bgGreen { background: #E5FFC3;}
/*野菜ずらずらのところ*/
.yasaiWrap { margin: 2rem auto 0; width:100%;}
.yasaiWrap li img { width: 100%;}
.yasaiWrap li { display: inline-block; width: 30%; margin: 0 1rem 1rem 0; font-size: 0;}
.yasaiWrap li:nth-child(3n) { display: inline-block; width: 30%; margin: 0 0 1rem;}
/*フッタ*/
.footer { width: 100%; text-align: center; background: #DCF4D4;}
.footer-logo { width: 100%; }
.footerList { list-style: none; width: 75%; margin: 0 auto 3rem;}
.footerList li { display: inline-block; width: 30%; margin-bottom: 1rem;}
.footerList li a { display: block; width: 100%; padding: 0.8em 0; border-bottom: 1px solid #707070;}	
.footerList2 { list-style: none; width: 75%; margin: 0 auto 3rem; font-size: 0.9rem;}
.footerList2 li { line-height: 1.4em;}
.footerList2 li.futoji { font-size: 1.1em; font-weight: bolder; margin-top: 1rem;}
.copyright { padding-bottom: 3rem;}
}


/* SP */
@media screen and (max-width:768px) {
/*看板*/
.topKan { padding-top: 52px;}
.topKan img { width: 100%;}
/*コンテンツの本体部分全体*/
section.main { width: 95%; margin: 0 auto; text-align: center;}
/*テキストの塊のところ*/
.aboutUs { margin: 2rem auto 0;}
.honbun br { display: none;}
.ttlB { font-size: 1.3rem; font-weight: bold; line-height: 1.4em; margin-bottom: 2rem;}
.ttlM { font-size: 1.15rem; font-weight: bold; line-height: 2em; margin-bottom: .6rem;}
.honbun { width: 90%; font-size: .9rem; margin:0 auto 3rem; line-height: 1.6em;}
.bgGreen { background: #E5FFC3;}
/*野菜ずらずらのところ*/
.yasaiWrap { margin: 2rem auto 0; width:95%;}
.yasaiWrap li img { width: 100%;}
.yasaiWrap li { display: inline-block; width: 30%; margin: 0 .3rem .3rem 0; font-size: 0;}
.yasaiWrap li:nth-child(3n) { display: inline-block; width: 30%; margin: 0 0 1rem;}
/*フッタ*/
.footer { width: 100%; text-align: center; background: #DCF4D4;}
.footer-logo { width: 100%; }
.footerList { list-style: none; width: 95%; margin: 0 auto 3rem;}
.footerList li { display: inline-block; width: 45%; margin-bottom: 1rem;}
.footerList li a { display: block; width: 100%; padding: 0.8em 0; border-bottom: 1px solid #707070;}	
.footerList2 { list-style: none; width: 75%; margin: 0 auto 3rem; font-size: 0.9rem;}
.footerList2 li { line-height: 1.4em;}
.footerList2 li.futoji { font-size: 1.1em; font-weight: bolder; margin-top: 1rem;}
.copyright { padding-bottom: 3rem;}
}