*{margin:0px;padding:0px;}
body{background-color:#ffffff;width:100%;height:100%;color:#333333;line-height:2em;letter-spacing:1px;font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
img{border:0px;max-width:100%;height:auto;width/***/:auto;transition:1.0s ;}
a{text-decoration:none;}
li{list-style:none;}
div#break{clear:both;display:block;overflow:hidden;text-indent:-9999px;}
@media screen and (min-width:767px) { /*ウィンドウ幅が767px以上の場合に適用*/
h2{font-size:2em;line-height:2em;color:#006600;font-weight:bolder;margin:0px auto 20px;}
}
@media screen and (max-width:766px) { /*スマホ*/
h2{font-size:1.6em;line-height:1.2em;color:#006600;font-weight:bolder;margin:0px auto 20px;}
}
.arrow{position:relative;display:inline-block;padding:0 0 0 16px;color:#000;vertical-align:middle;text-decoration:none;font-size:15px;}
.arrow::before,.arrow::after{position:absolute;top:0;bottom:0;left:0;margin:auto;content:"";vertical-align:middle;}
a:hover{opacity:0.8;transition:1.0s ;}
div#page{width:100%;margin:0px auto;text-align:center;}
div#page div#header{width:100%;height:100px;overflow:hidden;}
div#page div#header h1 a{width:273px;line-height:81px;margin:20px auto 0px;background:url(img/logo01.png) no-repeat 0px;display:block;overflow:hidden;text-indent:-9999px;}
@media screen and (min-width:767px) { /*ウィンドウ幅が767px以上の場合に適用*/
div#page ul#headermenu{margin:20px auto 0px;font-size:1em;font-weight:bolder;letter-spacing:3px;overflow:hidden;}
div#page ul#headermenu li{padding:0px 40px 0px;display:inline-block;}
}
@media screen and (max-width:766px) { /*スマホ*/
div#page ul#headermenu{margin:20px auto 0px;font-size:1em;font-weight:bolder;overflow:hidden;}
div#page ul#headermenu li{width:calc((100% / 70px) / 4);padding:0px 12px 0px;display:inline-block;font-size:3vw;}
}
div#page ul#headermenu li{border-right:solid 1px #99cc66;}
div#page ul#headermenu li:last-child{border:none;}
div#page ul#headermenu li a{color:#000;}
div#page ul#headermenu li a:hover{color:#339933;}
div#page div#topphoto{clear:both;text-align:right;overflow:hidden;}
@media screen and (min-width:767px) { /*ウィンドウ幅が767px以上の場合に適用*/
div#page div#topphoto div#photo01{width:100%;height:600px;top:180px;margin:20px auto 0px;background:url(../img/topphoto01.png) no-repeat center center;background-size:cover;}
div#page div#topphoto div#photo01 p{width:96%;line-height:1.6em;margin:0px;color:#fff;text-shadow:#000 2px 0px 10px, #000 -2px 0px 10px,#000 0px -2px 10px, #000 -2px 0px 10px;}
div#page div#topphoto div#photo01 p:nth-child(1){padding:150px 0px 0px;font-size:3.8em;letter-spacing:5px;}
div#page div#topphoto div#photo01 p:nth-child(2){padding:60px 0px 0px;font-size:2em;letter-spacing:3px;}
}
@media screen and (max-width:766px) { /*スマホ*/
div#page div#topphoto div#photo01{width:100%;height:400px;top:100px;margin:20px auto 0px;background:url(../img/topphoto01.png) no-repeat center center;background-size:cover;}
div#page div#topphoto div#photo01 p{width:96%;line-height:1.2em;margin:0px;color:#fff;text-shadow:#000 2px 0px 10px, #000 -2px 0px 10px,#000 0px -2px 10px, #000 -2px 0px 10px;}
div#page div#topphoto div#photo01 p:nth-child(1){padding:100px 0px 0px;font-size:2em;letter-spacing:1px;}
div#page div#topphoto div#photo01 p:nth-child(2){padding:40px 0px 0px;font-size:1.2em;letter-spacing:1px;}
}
@media screen and (min-width:767px) { /*ウィンドウ幅が767px以上の場合に適用*/
div#page div#pagetitle{clear:both;margin:10px 0px 100px;width:100%;height:280px;}
div#page div.pagetitle_access{background:url(../img/banner_access.png) repeat-x;}
div#page div.pagetitle_inq{background:url(../img/banner_inq.png) repeat-x;}
div#page div.pagetitle_hydroponics{background:url(../img/banner_hydroponics.png) repeat-x;}
div#page div.pagetitle_vegetree{background:url(../img/banner_vegetree.png) repeat-x;}
div#page div#pagetitle h2{margin:0px auto;text-align:center;font-size:3em;line-height:3em;letter-spacing:10px;padding:50px 0px 0px;}
}
@media screen and (max-width:766px) { /*スマホ*/
div#page div#pagetitle{clear:both;margin:10px 0px 60px;width:100%;height:100px;}
div#page div.pagetitle_access{background:url(../img/banner_access_m.png) repeat-x;}
div#page div.pagetitle_inq{background:url(../img/banner_inq_m.png) repeat-x;}
div#page div.pagetitle_hydroponics{background:url(../img/banner_hydroponics_m.png) repeat-x;}
div#page div.pagetitle_vegetree{background:url(../img/banner_vegetree_m.png) repeat-x;}
div#page div#pagetitle h2{margin:0px auto;text-align:center;font-size:2em;line-height:1em;letter-spacing:10px;padding:30px 0px 0px;}
}
@media screen and (min-width:767px) { /*ウィンドウ幅が767px以上の場合に適用*/
div#page div#contents{clear:both;margin:0px auto;width:70%;min-width:1000px;}
}
@media screen and (max-width:766px) { /*スマホ*/
div#page div#contents{clear:both;margin:0px auto;width:90%;}
}
div#page div#contents ul#indexbanner{margin:300px auto;text-align:left;overflow:hidden;text-shadow:#fff 2px 0px 10px, #fff -2px 0px 10px,#fff 0px -2px 10px, #fff -2px 0px 10px;}
div#page div#contents ul#indexbanner li{margin:0px 0px 40px;}
@media screen and (min-width:767px) { /*ウィンドウ幅が767px以上の場合に適用*/
div#page div#contents ul#indexbanner li a{border:double 3px #ccc;height:210px;margin:0px auto;padding:70px 0px 0px 400px;display:block;font-size:3em;line-height:1em;font-weight:bolder;color:#333;letter-spacing:10px;}
div#page div#contents ul#indexbanner li a p{font-size:0.5em;letter-spacing:2px;margin:40px 0px 0px;line-height:1em;}
div#page div#contents ul#indexbanner li:nth-child(1) a{background:url(../img/banner_vegetree.png) repeat-x;}
div#page div#contents ul#indexbanner li:nth-child(2) a{background:url(../img/banner_hydroponics.png) repeat-x;}
div#page div#contents ul#indexbanner li:nth-child(3) a{background:url(../img/banner_inq.png) repeat-x;}
}
@media screen and (max-width:766px) { /*スマホ*/
div#page div#contents ul#indexbanner li a{border:double 3px #ccc;margin:0px auto;padding:20px;display:block;font-size:2em;line-height:1em;font-weight:bolder;color:#333;background:url(../img/banner_free.png) repeat-x;}
div#page div#contents ul#indexbanner li a p{font-size:0.5em;letter-spacing:1px;margin:20px 0px 0px;line-height:1em;}
}
@media screen and (min-width:767px) { /*ウィンドウ幅が767px以上の場合に適用*/
div#page div#contents div#hydroponics_top{margin:200px 0px;overflow:hidden;}
div#page div#contents div#hydroponics_top div{float:left;width:calc(100% - 500px);text-align:left;font-size:1.6em;line-height:2em;margin:0px 60px 100px 0px;}
div#page div#contents div#hydroponics_top img{float:right;margin:0px;}
div#page div#contents div#hydroponics_top div p#sub{margin:30px 0px 0px;font-size:0.9em;line-height:1.4em;}
}
@media screen and (max-width:766px) { /*スマホ*/
div#page div#contents div#hydroponics_top{margin:100px 0px;overflow:hidden;}
div#page div#contents div#hydroponics_top div{text-align:left;font-size:1.4em;line-height:1.2em;margin:0px 0px 100px;}
div#page div#contents div#hydroponics_top img{margin:0px 0px 60px;}
div#page div#contents div#hydroponics_top div p#sub{margin:30px 0px 0px;font-size:0.9em;line-height:1.4em;}
}
div#page div#contents div#item{clear:both;width:70%;margin:200px auto;overflow:hidden;}
div#page div#contents div#item div{float:right;width:calc(100% - 600px);text-align:left;font-size:1.6em;line-height:2em;margin:0px 0px 100px;}
div#page div#contents div#item img{float:left;margin:0px;}
div#page div#contents form#inq {margin:0px 0px 200px;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
div#page div#contents form#inq table{width:100%;background:#999;margin-top:30px;line-height:2em;}
div#page div#contents form#inq table TH{width:200px;background:#efefef;padding:10px;line-height:1.2em;}
div#page div#contents form#inq table TH span{color:#ff0000;font-weight:bolder;}
div#page div#contents form#inq table TD{padding:20px 0px 20px 20px;text-align:left;background:#fff;}
div#page div#contents form#inq table TD input{width:60%;border:none;background:#efefef;padding:10px;}
div#page div#contents form#inq table TD textarea{width:60%;border:none;background:#efefef;padding:10px;}
div#page div#contents form#inq div#btn{margin:60px 0px;}
div#page div#contents form#inq div#btn INPUT{font-size:1.2em;padding:10px 30px;line-height:2em;}
div#page div#contents div#error{text-align:left;font-size:1.1em;color:#ff0000;font-weight:bolder;}
div#page div#contents div#error ul{text-align:left;font-size:1.1em;color:#ff0000;font-weight:bolder;}
div#page div#contents div#error ul li{list-style:square;margin:0px 0px 0px 20px;}
@media screen and (min-width:767px) { /*ウィンドウ幅が767px以上の場合に適用*/
div#page div#contents div#hydroponics{margin:0px 0px 200px;overflow:hidden;}
div#page div#contents div#hydroponics div{float:left;width:calc(100% - 500px);text-align:left;font-size:1.6em;line-height:2em;margin:0px 60px 100px 0px;}
div#page div#contents div#hydroponics img{float:right;margin:0px;}
div#page div#contents div#hydroponics p#kome{font-size:0.8em;margin:30px 0px 0px;}
}
@media screen and (max-width:766px) { /*スマホ*/
div#page div#contents div#hydroponics{margin:0px 0px 200px;overflow:hidden;}
div#page div#contents div#hydroponics div{text-align:left;font-size:1.4em;line-height:1.2em;margin:0px 0px 100px;}
div#page div#contents div#hydroponics img{margin:0px 0px 60px;}
div#page div#contents div#hydroponics p#kome{font-size:0.8em;margin:30px 0px 0px;}
}
@media screen and (min-width:767px) { /*ウィンドウ幅が767px以上の場合に適用*/
div#page div#contents div#vegetree{margin:10px 0px 200px;overflow:hidden;}
div#page div#contents div#vegetree div#vegetree-1{margin:0px auto;width:100%;overflow:hidden;}
div#page div#contents div#vegetree div#vegetree-1 div.vegetree-1-1{float:right;width:44%;}
div#page div#contents div#vegetree div#vegetree-1 div.vegetree-1-1 h3{font-size:3em;letter-spacing:4px;line-height:2em;margin:50px 0px 0px;}
div#page div#contents div#vegetree div#vegetree-1 div.vegetree-1-1 h3 span{font-size:2em;letter-spacing:1px;color:transparent;background:repeating-linear-gradient(90deg,#ff0000 0 0.65em,#333 0.65em 2.5em,#ff0000 2.5em 3.2em,#333 3.2em 6em);background-clip:text;-webkit-background-clip:text;}
div#page div#contents div#vegetree div#vegetree-1 div.vegetree-1-1 h4{margin:50px 0px 0px;font-size:1.7em;color:#444;}
.shapedividers_com-5885{overflow:hidden;position:relative;width:55%;float:left;}
.shapedividers_com-5885::before{content:'';font-family:'shape divider from ShapeDividers.com';position:absolute;z-index:3;pointer-events:none;background-repeat:no-repeat;bottom:-0.1vw;left:-0.1vw;right:-0.1vw;top:0vw; background-size:200px 123%;background-position:100% 50%;background-image:url('data:image/svg+xml;charset=utf8, '); }
.shapedividers_com-5885 img{max-width:100%;vertical-align:top;float:left;}
div#page div#contents div#vegetree div#vegetree-2{margin:0px auto;width:100%;overflow:hidden;position:relative;}
div#page div#contents div#vegetree div#vegetree-2 img{max-width:100%;}
div#page div#contents div#vegetree div#vegetree-2 p{position:absolute;text-align:left;top:50%;left:8%;-ms-transform:translate(-8%,-50%);-webkit-transform:translate(-8%,-50%);/transform:translate(-8%,-50%);color:#fff;font-size:2.4em;line-height:2em;margin:0!important;padding:0!important;}
.shapedividers_com-2559{overflow:hidden;position:relative;}
.shapedividers_com-2559::before{content:'';font-family:'shape divider from ShapeDividers.com';position: absolute;z-index: 3;pointer-events: none;background-repeat: no-repeat;bottom: -0.1vw;left: -0.1vw;right: -0.1vw;top: -0.1vw; background-size: 123% 202px;background-position: 50% 100%;background-image: url('data:image/svg+xml;charset=utf8, '); }
div#page div#contents div#vegetree ul#vegetree-3{margin:50px auto;font-size:1.4em;}
div#page div#contents div#vegetree ul#vegetree-3 li{margin:0px 0px 20px;}
div#page div#contents div#vegetree ul#vegetree-btn{margin:150px 0px;}
div#page div#contents div#vegetree ul#vegetree-btn li{display:inline-block;}
.button a {background: #82a37b;border-radius: 9999px;position: relative;justify-content: space-around;align-items: center;margin:0px 10px;max-width:40%;padding:20px 60px 20px 50px;font-family: "Noto Sans Japanese";text-decoration: none;color: #fff;line-height: 1.8;transition: 0.3s ease-in-out;font-size:1.2em;}
.button a:hover {background: #333;color: #FFF;}
.button a::after{content: '';position: absolute;top: 42%;right: 2rem;width: 6px;height: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);transition: all .3s;}
.button a:hover::after{border-top: 2px solid #fff;border-right: 2px solid #fff;animation: arrowrotate .3s;}
@keyframes arrowrotate {100% { transform: rotate(360deg);}}
@media (min-width:2100px){.shapedividers_com-2559::before{background-size: 123% calc(2vw + 202px);}}
}
@media screen and (max-width:766px) { /*スマホ*/
div#page div#contents div#vegetree{margin:10px 0px 200px;overflow:hidden;}
div#page div#contents div#vegetree div#vegetree-1{margin:0px auto;width:100%;overflow:hidden;}
div#page div#contents div#vegetree div#vegetree-1 div.vegetree-1-1 h3{font-size:7vw;letter-spacing:4px;line-height:2em;margin:20px 0px 0px;}
div#page div#contents div#vegetree div#vegetree-1 div.vegetree-1-1 h3 span{font-size:15vw;letter-spacing:1px;color:transparent;background:repeating-linear-gradient(90deg,#ff0000 0 0.65em,#333 0.65em 2.5em,#ff0000 2.5em 3.2em,#333 3.2em 6em);background-clip:text;-webkit-background-clip:text;}
div#page div#contents div#vegetree div#vegetree-1 div.vegetree-1-1 h4{margin:10px 0px 40px;font-size:5vw;color:#444;}
.shapedividers_com-5885 img{max-width:100%;vertical-align:top;}
.shapedividers_com-2559 img{max-width:100%;vertical-align:top;}
.shapedividers_com-2559{overflow:hidden;position:relative;}
.shapedividers_com-2559::before{content:'';font-family:'shape divider from ShapeDividers.com';position: absolute;z-index: 3;pointer-events: none;background-repeat: no-repeat;bottom: -0.1vw;left: -0.1vw;right: -0.1vw;top: -0.1vw; background-size: 100% 55px;background-position: 50% 100%; background-image: url('data:image/svg+xml;charset=utf8, '); }
@media (min-width:2100px){.shapedividers_com-2559::before{background-size: 100% calc(2vw + 55px);}}
div#page div#contents div#vegetree div#vegetree-2{margin:0px auto;width:100%;overflow:hidden;}
div#page div#contents div#vegetree div#vegetree-2 img{max-width:100%;}
div#page div#contents div#vegetree div#vegetree-2 p{text-align:left;text-align:center;font-size:1.4em;margin:20px 0px 0px;}
div#page div#contents div#vegetree ul#vegetree-3{margin:50px auto;text-align:left;}
div#page div#contents div#vegetree ul#vegetree-3 li{margin:0px 0px 20px;}
div#page div#contents div#vegetree ul#vegetree-btn{margin:100px 0px;}
div#page div#contents div#vegetree ul#vegetree-btn li{margin:60px 0px 0px;}
.button a {background: #82a37b;border-radius: 9999px;position: relative;justify-content: space-around;align-items: center;margin:0px 10px;max-width:90%;padding:20px 60px 20px 50px;font-family: "Noto Sans Japanese";text-decoration: none;color: #fff;line-height: 1.8;transition: 0.3s ease-in-out;font-size:1.2em;}
.button a::after{content: '';position: absolute;top: 42%;right: 2rem;width: 6px;height: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);transition: all .3s;}
@keyframes arrowrotate {100% { transform: rotate(360deg);}}
}
div#page div#contents div#access img#map{margin:0px 0px 60px;}
div#pagetop{clear:both;position:fixed;width:70px;height:70px;bottom:0px;right:0px;background:#99cc00;border-radius:60% 0% 0% 0%/50%;border:double 7px #fff;}
div#pagetop a{width:70px;height:20px;display:block;text-align:center;margin:20px 0px 0px;font-weight:bolder;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;color:#fff;font-size:1.2em;}
div#footer{width:100%;background:url(img/wll02.png);margin:200px auto 0px;padding:40px 0px;text-align:center;color:#000;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
div#footer div#company{width:70%;margin:0px auto;text-align:left;line-height:1em;}
div#footer div#company div#logo{margin:0px 0px 10px;}
div#footer div#company div#address{margin:0px 0px 10px;}
div#footer div#company div#phone{margin:0px 0px 10px;}