@charset "utf-8";

.m_contents{height:auto;position:relative;/*z-index:2;*/}

.visual_area{width:100%;height: 400px;background:url(/images/08_agr/main/visual_bg.jpg)no-repeat center;text-align:center;position:relative;background-attachment: fixed;background-size:cover;}
.visual_area .v_txt{padding:50px 0 0 0}
.visual_area .v_txt .top_slogan{padding:70px 0 0 0;background:url(/images/08_agr/main/visual_slo_bg.png) no-repeat center top;color:#fff;}
.visual_area .v_txt .top_tit{padding:30px 0 0 0 }
.visual_area .v_txt .top_tit>img{width:90%}
.visual_area .v_quick{position:absolute;bottom:0;width:100%;}
.visual_area .v_quick>ul>li{width: 20%;text-align: center;transition:0.3s all ease-in-out;float: left;height: 90px;overflow: hidden;}
.visual_area .v_quick>ul>li:nth-child(even){background:rgba(0,72,31,0.8)}
.visual_area .v_quick>ul>li:nth-child(odd){background:rgba(26,104,23,0.8)}
.visual_area .v_quick>ul>li>a{display:block;color:#fff;width:90%;padding: 50px 5% 0 5%;height:94%;line-height: 1em;}
.visual_area .v_quick>ul>li>a>strong{display:block;font-size: 14px;}
.visual_area .v_quick>ul>li>a>span{font-size:12px;width:80%;display: none;}
.visual_area .v_quick>ul>li:hover,.visual_area .v_quick>ul>li:focus{background:#6b4623}
.visual_area .v_quick>ul>li:nth-child(1)>a{background: url(/images/08_agr/main/main_icon01.png) no-repeat center 10%;background-size: 30px;}
.visual_area .v_quick>ul>li:nth-child(2)>a{background: url(/images/08_agr/main/main_icon02.png) no-repeat center 10%;background-size: 30px;}
.visual_area .v_quick>ul>li:nth-child(3)>a{background: url(/images/08_agr/main/main_icon03.png) no-repeat center 10%;background-size: 30px;}
.visual_area .v_quick>ul>li:nth-child(4)>a{background: url(/images/08_agr/main/main_icon04.png) no-repeat center 10%;background-size: 30px;}
.visual_area .v_quick>ul>li:nth-child(5)>a{background: url(/images/08_agr/main/main_icon05.png) no-repeat center 10%;background-size: 30px;}

.middle_area{background:url(/images/08_agr/main/middle_quick_bg.jpg) repeat-y center;margin:0 auto}
.middle_area .middle{padding:10px;}
.infozone{position:relative;background:#eef0f5}
.infozone h2{color:#000;font-size:18px;padding:12px;line-height:1.5em;background:#fff;border-radius:5px 5px 0 0}
.infozone p{position:absolute;top:11px;right:15px}
.infozone p button{background:url("/images/08_agr/common/common_btn.png") no-repeat;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
.infozone p .stop{background-position:0px -108px}
.infozone p .play{background-position:-29px -108px}
.infozone p .prev{background-position:-87px -108px}
.infozone p .next{background-position:-116px -108px}
.infozone p .v_img{background-position:-203px -108px}
.infozone p .v_txt{background-position:-232px -108px}
.infozone li{display:none}
.infozone li.on{display:block}
.infozone li img{width:100%;border-radius:0 0 5px 5px}
.infozone li span{display:none}
.type_img .btn_txt, .type_txt .btn_img{display:none}
.type_img .btn_img, .type_txt .btn_txt{display:inline-block}
.type_txt{}
.type_txt ul{margin:20px}
.type_txt li{background:url("/images/08_agr/main/bbs_list.png") no-repeat 0 5px;padding:0 0 0 10px;margin:10px 0 0 0;display:block;}
.type_txt li span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.type_txt li:first-child{margin:0}
.type_txt li img{display:none}
.type_txt li span{display:block}
.m_quick{text-align:center;padding:20px 0;overflow:hidden}
.m_quick>h2{color:#000;font-size:20px}
.m_quick>p{font-size:13px}
.m_quick>ul{overflow:hidden;margin:0 auto;padding:20px 0 0 0}
.m_quick>ul>li{display:inline-block;padding:2%;text-align:center;margin:1% 1%;width:26%}
.m_quick>ul>li>a{display:inline-block;font-size:14px;width:78px;color:#000;padding:0 5px}
.m_quick>ul>li>a>span{background-size:contain;display:block;padding:100% 0 0 0;transition:.3s all ease-in-out}
.m_quick>ul>li>a>em{font-style:normal;padding:5px 0 0 0;display:block}
.m_quick>ul>li:nth-child(1)>a>span{background:#f3f3f3 url(/images/08_agr/main/m_quick_icon01.png) no-repeat center;border-radius:50px}
.m_quick>ul>li:nth-child(2)>a>span{background:#f3f3f3 url(/images/08_agr/main/m_quick_icon02.png) no-repeat center;border-radius:50px}
.m_quick>ul>li:nth-child(3)>a>span{background:#f3f3f3 url(/images/08_agr/main/m_quick_icon03.png) no-repeat center;border-radius:50px}
.m_quick>ul>li:nth-child(4)>a>span{background:#f3f3f3 url(/images/08_agr/main/m_quick_icon04.png) no-repeat center;border-radius:50px}
.m_quick>ul>li:nth-child(5)>a>span{background:#f3f3f3 url(/images/08_agr/main/m_quick_icon05.png) no-repeat center;border-radius:50px}
.m_quick>ul>li:nth-child(6)>a>span{background:#f3f3f3 url(/images/08_agr/main/m_quick_icon06.png) no-repeat center;border-radius:50px}
.m_quick>ul>li>a:hover span,.m_quick>ul>li>a:focus span{ animation:blink 1s infinite;transform:translateY(-4px)}
.m_quick>ul>li>a:hover em,.m_quick>ul>li>afocus em{ text-decoration:underline}
@keyframes blink {  
 0% { background-color:#f3f3f3 }
  20% { background-color:#fff }
  40% { background-color:#f3f3f3 }
  60% { background-color:#fff }
  80% { background-color:#f3f3f3 }
  100% { background-color:#fff }
}

.blink {
  animation: blink 1s step-start 0s infinite;
} 

.notice_area{background:url("/images/08_agr/main/notice_bg.jpg") no-repeat top center}
.notice_area .notice{padding:30px 10px;margin:0 auto;}
.bbs{width:100%}
.bbs>div{background:#1a6835;padding:14px 15px;margin:0 0 2px 0;position:relative;border-radius:5px}
.bbs>div.on{background:#fff;padding:20px 15px}
.bbs div div{display:none}
.bbs div.on div{display:block}
.bbs h2{font-size:18px;}
.bbs h2 span{display:block;background:url("/images/08_agr/common/common_btn.png") no-repeat -174px -79px;position:absolute;top:10px;right:15px;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
.bbs>div.on h2 span{display:none}
.bbs h2 a{color:#fff;display:block}
.bbs .on h2{border-bottom:1px solid #1a6835;padding:0 0 10px 0;margin:0 0 15px 0}
.bbs .on h2 a{color:#1a6835}
.bbs li{background:url("/images/08_agr/main/bbs_list.png") no-repeat 0 8px;padding:0 0 0 10px;margin:5px 0 0 0;box-sizing:border-box;line-height:1.5em}
.bbs li:hover{text-decoration:underline}
.bbs li strong{font-weight:400}
.bbs li a{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bbs li a>span{display:none}
.bbs li a>em{font-style:normal;display:none;}
.bbs p{position:absolute;top:12px;right:15px}
.bbs p a{display:block;background:#1a6835 url(/images/08_agr/main/notice_more.png) no-repeat center;width:29px;height:0;padding:29px 0 0 0;border-radius:20px;overflow:hidden;background-size:60%;transition:all 0.5s ease-in-out}
.bbs p a:hover{transform:rotate(180deg)}

.tel_site_area{background:url(/images/08_agr/main/num_site_bg.jpg) no-repeat center;height:200px;}
.tel_site{padding:20px 10px}
.tel_site .tel{color:#fff;text-align:center;font-size:16px;}
.tel_site .tel>span{display:block;line-height:1.8em;}
.tel_site .site{text-align:left;position:relative}
.tel_site .agr_site{padding:10px 0;}
.tel_site .site>a{display:block;color:#000;padding:12px 2% 11px 2%;width:96%;margin:1% 0;font-weight:bold;background:#fff url(/images/08_agr/main/site_pop_icon.gif) no-repeat 95%}
.tel_site .site.on>ul{display:block;position:absolute;top:37px;z-index:50;width:100%;}
.tel_site .site.on>a{background:#fff url(/images/08_agr/main/site_popon_icon.gif) no-repeat 95%}
.tel_site .site>ul>li>a{display:block;color:#fff;background:#1a6835;width:96%;padding:1.5% 2%;border-bottom:1px dashed #417c55;font-size:12px}
.tel_site .site>ul>li>a:hover,.tel_site .site>ul>li>a:focus{background:#114d26; text-decoration:underline}
.tel_site .site>ul{display:none;}

@media all and (min-width:449px) {
}

@media all and (min-width:549px) {
.visual_area{height:600px;}
.visual_area .v_txt .top_slogan{padding:70px 0 0 0;background:url(/images/08_agr/main/visual_slo_bg.png) no-repeat center top;color:#fff;}
.visual_area .v_quick>ul>li{width:50%;float:left;text-align:left;height:80px}
.visual_area .v_quick>ul>li>a{padding:3% 3%;line-height:1.3em;width:94%;line-height:1.5em;}
.visual_area .v_quick>ul>li>a>strong{font-size:16px;}
.visual_area .v_quick>ul>li>a>span{display:block}
.visual_area .v_quick>ul>li:nth-child(1),.visual_area .v_quick>ul>li:nth-child(4){background:rgba(0,72,31,0.8)}
.visual_area .v_quick>ul>li:nth-child(2),.visual_area .v_quick>ul>li:nth-child(3){background:rgba(26,104,23,0.8)}
.visual_area .v_quick>ul>li:nth-child(5){background:rgba(107,70,35,0.8);width:100%;}
.visual_area .v_quick>ul>li:nth-child(5)>a{padding:1.5% 1% 1.5% 1.5%;background:url(/images/08_agr/main/main_icon05.png) no-repeat 97% 10px;width:97.5%}
.visual_area .v_quick>ul>li:hover,.visual_area .v_quick>ul>li:focus{background:#6b4623}
.visual_area .v_quick>ul>li:nth-child(1)>a,.visual_area .v_quick>ul>li:nth-child(2)>a,.visual_area .v_quick>ul>li:nth-child(3)>a,.visual_area .v_quick>ul>li:nth-child(4)>a{background-position: 95% 15px;background-size:auto;}

.tel_site .tel>span{display:inline-block;padding:0 10px;font-size:20px;}
.tel_site .site{float:left;width:45.5%;margin:2%}
.tel_site .site.on>ul{top:44px;}
.tel_site .site>ul>li{}
.tel_site .site>ul>li>a{font-size:13px;padding:2.5%}

}

@media all and (min-width:599px) {
.m_quick>ul>li{padding:1%;margin:1% 0.5%;width:13%}
}

/* Tablet */
@media all and (min-width:768px) {
.visual_area .v_quick>ul>li{width:50%;float:left;}

.infozone{float:left;width:58%;height:285px;margin:25px 0 0 0}
.infozone h2{padding:15px 0 0 15px;height:40px}
.infozone li{text-align:center}
.infozone li img{width:auto;height:100%}
.type_txt li{text-align:left}

.m_quick>ul>li{display:inline-block;padding:2%;text-align:center;margin:1% 1%;width:26%}

.bbs li a>strong{font-size:18px;font-weight:bold}
.bbs li a>span{display:block;padding:5px 0 10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bbs li a>em{display:none;}

.tel_site .site>ul>li{width:48.5%;float:left;}
.tel_site .site>ul>li>a{padding:4% 5%;}

}


/* Desktop */
@media all and (min-width:1023px) {
.visual_area{height:725px}
.visual_area .v_txt .top_slogan{padding:70px 0 50px 0;font-size:20px;font-weight:bold;}
.visual_area .v_txt .top_tit>img{width:auto}
.visual_area .v_quick>ul>li{width:20%;height:100px}
.visual_area .v_quick>ul>li:nth-child(even){background:rgba(0,72,31,0.8)}
.visual_area .v_quick>ul>li:nth-child(odd){background:rgba(26,104,23,0.8)}
.visual_area .v_quick>ul>li:nth-child(5){width:20%;}
.visual_area .v_quick>ul>li:nth-child(5)>a{padding:5% 5%;width:90%}
.visual_area .v_quick>ul>li>a{padding:5%;width:90%;}
.visual_area .v_quick>ul>li>a>strong{padding:0 0 5px 0}
.visual_area .v_quick>ul>li>a>span{width:60%;line-height:1.4em}
.visual_area .v_quick>ul>li:hover,.visual_area .v_quick>ul>li:focus{background:#6b4623}
.visual_area .v_quick>ul>li:nth-child(1)>a,.visual_area .v_quick>ul>li:nth-child(2)>a,.visual_area .v_quick>ul>li:nth-child(3)>a,.visual_area .v_quick>ul>li:nth-child(4)>a,.visual_area .v_quick>ul>li:nth-child(5)>a{background-position: 95% 25px;}

.middle_area{background:url(/images/08_agr/main/middle_quick_bg.jpg) no-repeat center bottom;margin:0 auto}
.middle_area .middle{width:1200px;margin:0 auto;height:395px}
.infozone{float:left;margin:55px 40px 0 0;width:395px}
.m_quick{text-align:left;padding:20px 0;margin:65px 0 0 0}
.m_quick h2{font-size:24px;}
.m_quick>p{padding:5px 0 0 0}
.m_quick>ul{margin:20px 0 0 0}
.m_quick>ul>li{padding:0;margin:0 30px 0 0;float:left;width:auto;}
.m_quick>ul>li>a{width:85px;color:#000;padding:0 5px;}
.m_quick>ul>li>a>em{font-weight:bold;padding:10px 0 0 0}

.notice_area{height:630px;overflow:hidden;position:relative; z-index: 0;}
.notice_area .notice{padding:0;width:1200px;height:590px;margin:0 auto;z-index:100}
.bbs{width:100%;margin:40px auto 0 auto;height:590px}
.bbs:after{content:"";display:block;clear:both;}
.bbs>div{background:none;padding:0;margin:0;border-radius:0;}
.bbs>div.on{background:none;padding:0}
.bbs div div{display:none;position:absolute;top:160px;text-align:center;z-index:30;}
.bbs div.on div{display:block;}
.bbs div:nth-child(1) h2{position:absolute;top:10px;left:340px;background:url(/images/08_agr/main/notice01_icon.png) no-repeat top center}
.bbs div.on:nth-child(1) h2,.bbs div:nth-child(1) h2:hover,.bbs div:nth-child(1) h2:focus{background:url(/images/08_agr/main/notice01_on_icon.png) no-repeat top center}
.bbs div:nth-child(2) h2{position:absolute;top:10px;left:540px;background:url(/images/08_agr/main/notice02_icon.png) no-repeat top center}
.bbs div.on:nth-child(2) h2,.bbs div:nth-child(2) h2:hover,.bbs div:nth-child(2) h2:focus{background:url(/images/08_agr/main/notice02_on_icon.png) no-repeat top center}
.bbs div:nth-child(3) h2{position:absolute;top:10px;left:740px;background:url(/images/08_agr/main/notice03_icon.png) no-repeat top center}
.bbs div.on:nth-child(3) h2,.bbs div:nth-child(3) h2:hover,.bbs div:nth-child(3) h2:focus{background:url(/images/08_agr/main/notice03_on_icon.png) no-repeat top center}
/*221221*/
.bbs div:nth-child(1) h2{left:450px;}
.bbs div:nth-child(2) h2{left:640px;}
.bbs h2{z-index:50}
.bbs h2 a{font-size:30px;padding:60px 0 0 0;color:#000;display:block;font-weight:normal}
.bbs h2 span{display:none;}
.bbs .on h2{border:none;padding:0;margin:0;}
.bbs .on h2 a,.bbs div h2:hover,.bbs div h2:focus{text-decoration:underline;color:#000;}
.bbs li{width:280px;height:275px;background:#1a6835;padding:1%;float:left;margin:0 25px 0 0}
.bbs li:last-child{margin:0;}
.bbs li:hover{text-decoration:underline}
.bbs li a{display:block;width:195px;height:190px;overflow:hidden;color:#fff;border:1px solid #417c55;padding:30px;white-space:normal;text-align:justify;}
.bbs li a:hover{background:#004618}
.bbs li a>strong{color:#fff;font-size:24px;font-weight:600;line-height:1.2em;height:54px;padding:0 0 10px 0;display:block;overflow:hidden}
.bbs li a>span{white-space:normal;text-align:justify;font-size:14px;line-height:1.4em;height:105px}
.bbs li a>em{display:block;text-align:center;bottom:0;}
.bbs p{position:relative;text-align:center;margin:50px 0;display:inline-block;top:0;left:0}
.bbs p a{display:block;background:#000 url(/images/08_agr/main/notice_more.png) no-repeat center;width:25px;height:25px;padding:10px;border-radius:0;overflow:hidden;background-size:auto;}

.notice_bg01{position:absolute;top:50px;left:7%;width:396px;height:634px;background:url(/images/08_agr/main/notice_bg_01.png) no-repeat;display:block;z-index:5}
.notice_bg02{position:absolute;top:150px;right:20%;width:396px;height:634px;background:url(/images/08_agr/main/notice_bg_02.png) no-repeat;display:block;z-index:5}
.notice_bg03{position:absolute;top:50px;right:0%;width:396px;height:634px;background:url(/images/08_agr/main/notice_bg_03.png) no-repeat;display:block;z-index:5}
.shake{animation-duration:8s;animation-iteration-count:infinite;animation-name:shake;}
.shake2{animation-duration:10s;animation-iteration-count:infinite;animation-name:shake2;}
.shake3{animation-duration:14s;animation-iteration-count:infinite;animation-name:shake3;}


.tel_site_area{height:150px;}
.tel_site{width:1200px;margin:0 auto;}
.tel_site .tel{float:left;width:50%;padding:35px 0 0 0}
.tel_site .tel>span:first-child{margin:0 30px 0 0}
.tel_site .agr_site{float:right;width:35%;padding:25px 0 0 0}
.tel_site .site:first-child>ul{left:-114px;width:300px}
.tel_site .site:first-child>ul>li{width:50%;float:left;}
.tel_site .site.on>ul{top:42px;}
.tel_site .site>ul>li{width:100%;float:none;}
.tel_site .site>ul>li>a{width:90%;padding:5px 10px;font-size:13px}
}
@keyframes shake {

  10%, 30%, 50%, 70%, 90% {
    transform: translateY(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateY(10px);
  }
}
@keyframes shake2 {

  10%, 30%, 50%, 70%, 90% {
    transform: translateY(-25px);
  }
  20%, 40%, 60%, 80% {
    transform: translateY(25px);
  }
}
@keyframes shake3 {
  10%, 30%, 50%, 70%, 90% {
    transform: translateY(25px);
  }
  20%, 40%, 60%, 80% {
    transform: translateY(-25px);
  }
}