@charset "utf-8";
html { overflow-y: scroll;}
body {  padding:0; -webkit-text-size-adjust: none;position:relative; overflow:hidden; width:100%; margin: 0;}
.wrapper { box-shadow:0 0px 10px 0; position:relative; width:100%; right:0; z-index:10; -webkit-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);padding-top: 75px;}
#header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #fff;}
#footer .taneyaku-charactor{ text-align: center; padding: 18px 0 ;}
#footer .ftrLogo{ margin-top: 22px;}
#footer .copyright {padding-bottom: 100px;margin-bottom: 0;}
.open_left .wrapper { right:75%; }
.open_right .wrapper { right:-75%; }
#footer_menu_button { position:fixed; right:0px; bottom:0px; z-index:21; width:100%; background:#FFFFFF; border-top:1px solid #ccc; box-shadow:0 0 5px 0 rgba(0,0,0,0.2); -webkit-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.open_left #footer_menu_button { right:75%; }
.open_right #footer_menu_button { right:-75%; }
#footer_menu_button ul { display: flex;}
#footer_menu_button li { width:25%; list-style: none;}
#footer_menu_button li a { text-align:center; width: 100%; /*height:69px;*/height:100%; text-decoration:none; line-height: 1em; vertical-align: bottom; display: block;}
#footer_menu_button li#footer_menu_button1 a,
#footer_menu_button li#footer_menu_button3 a { background: #b4d898}
#footer_menu_button li#footer_menu_button2 a,
#footer_menu_button li#footer_menu_button4 a { background: #e1eecf}
a.sptellink {color: #663333; font-weight: bold;}
.open_left .spGlobalNavi { display:none; }
.open_right .spGlobalNavi { opacity: 1; }
.spGlobalNavi { padding: 20px 20px; position:fixed; top:0px; left:0px; width:75%; height:100%; z-index:9; padding-top:85px; overflow:auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; opacity: 0;}
.spGlobalNavi ul li a { display: block; font-size: 1.1em; border-bottom: 1px solid #969696; padding-bottom: 5px; margin-bottom: 10px;}
.spGlobalNavi ul.m1m01 li { letter-spacing: -0.4em;}
.spGlobalNavi ul.m1m01 li a { display: inline-block; width: 85%; letter-spacing: normal;}
.spGlobalNavi ul.m1m01 li a.subMenuBtn { width: 15%; text-align: center; background: #009de1; color: #FFFFFF;}
.menu1child {z-index: 10; position: fixed; left: 100%; top: 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; opacity: 1; display: block; -webkit-transition:left 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition:left 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition:left 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:left 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); background: #FFFFFF;}
.spGlobalNavi.menu1child1 .m1m02,
.spGlobalNavi.menu1child2 .m1m03,
.spGlobalNavi.menu1child3 .m1m04,
.spGlobalNavi.menu1child4 .m1m05,
.spGlobalNavi.menu1child5 .m1m06,
.spGlobalNavi.menu1child6 .m1m07 { left:0; width:75%; height:100%; padding:80px 15px 55px; overflow:auto;}
.open_right .menu2 { display:none; }
.open_left .menu2 { opacity:1; }
.menu2{ position:fixed; top:0px; right:0px; width:75%; height:100%; z-index:9; padding:0px 15px 55px; overflow:auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; opacity: 0;}
.menu2 ul { padding: 20px 20px; margin: 0;}
.menu2 ul li { padding-bottom: 10px; list-style: none;}
.menu2 .m2m01 { z-index: 9;}
.m2m02 {z-index: 10; position: fixed; left: 100%; top: 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; opacity: 1; display: block; -webkit-transition:left 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition:left 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition:left 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:left 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.menu2.menu2child1 .m2m02 { left:25%; width:75%; height:100%; padding:20px 15px 55px; overflow:auto;}
.globalNavi,.hnavi ul,.totop,.recruit-link_pc { display: none; height: 0; width: 0; text-indent: -9999px;}
img { max-width: 100%; height: auto;}
.hnavi { height: 20px;}
.headerMain {position: relative; min-height: 55px;}
.headerMain h1,
p.sp-tel{ position: absolute;}
.headerMain h1 { top: 6px; left: 0; width: 50%; margin: 0;}
.headerMain h1 img { vertical-align: middle; width: 100%; height: auto;max-width: 288px;}
.sp-tel { max-width: 30%; height: 40px; padding: 0 10px 0 0; vertical-align: middle; top: 0; right: 0; margin: 5px 0;}
.sp-tel img { width: 100%; height: auto; vertical-align: middle;max-width: 110px;}
.breadcrumb { padding: 20px 0 30px;}
.pageImage { margin-bottom: 30px; padding-top: 30px;}
section { padding: 15px;}
.subTtlBox { margin-bottom: 25px;}
.tmp-type2 .linkBoxBig { padding: 10px;}
.tmp-type2 .linkImage { border-radius: 0; height: auto;}
.tmp-type2 .linkArrow { margin: -70px auto 0; position: relative;}
.tmp-type2 .linkBox2 a { width: auto;}
.tmp-type2 .linkBoxpdf a { padding-left: 20px; padding-right: 45px;}
.tmp-type3 .placeImage  { text-align: center;}
.tmp-type3 .placeGmap { margin-bottom: 10px;}
.tmp-type3 .placeBox { padding:  6px 15px 22px;}
.tmp-type3 .placeContact span.placeTime { display: block;}
.aPosts p.apostsMore a { font-size: 18px; padding: 0 15px;}
.pageBottomLinks .bigLinks { display: flex; flex-wrap: wrap;}
.pageBottomLinks .bLinkBox { margin: 0 5px 10px; display: block; }
.pageBottomLinks .bLinkBox2 { margin: 0 auto 10px;}
.pageBottomLinks .linkImage { padding-right: 5px; border-radius: 9px;}
.pageBottomLinks .linkImage img { max-width: none;}
.pageBottomLinks .bLinkBox dt { text-align: center;}
.pageBottomLinks .sLinkBox a { width: auto; padding-left: 10px; text-align: center;}
.pageBottomLinks .sLinkBoxPdf a { padding-right: 45px;}
.postsList li .postsTtl {  display: block;}
.bottom-link2 a { padding-bottom: 10px; display: inline-block;}
.page-ttl h2 { font-size: 25px;}
.subTtlBox h3 { font-size: 20px;}
.secTtl h4 { margin-bottom: -12px;}
.secTtl h4 span { font-size: 18px;line-height: 24px;}
.accidentContact { margin: 30px 0;}
.bottomLink { padding: 50px 0 50px;}
.bottomLink li { width: 48%; padding: 0 1% 10px;}
.bottomLink li.bnr-b {
  width: 96%;
  padding-top: 30px;
}
.bottomMenu { padding: 77px 0 22px; }
.bottomMenu li { margin-bottom: 10px; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.bottomMenu li:last-child { border-left: 1px solid #fff; border-right: 1px solid #fff;}
.bottomMenu li br { display: none;}
.nb-thmb { text-align: center; margin-bottom: 10px;}
.nb-noimg p { display: none;}
.fmenu { padding:  15px 0;}
#tabMenu2 { display: block!important; margin: 10px;}
.front-content .accordion .trigger span { right: 20px;}
.fnews { padding-top: 0; position: relative;}
.fnews h2 { margin-top: 0;}
.fnews h2 img { width: 100%; height: auto;}
.fnews #tabBox  .tab-content { padding: 10px 10px 87px; background: #c7e8fa;}
.postsList li,
.fnews .newsList { border-bottom: 1px solid #eee; padding: 5px 10px;}
.postsList li .campaignDate,
.front-content .newsList span.fnewsDate { font-size: 12px; padding-right: 5px; }
.postsList li a,
.postsList li a:hover,
.front-content .newsList a { padding: 0 5px; font-size: 14px;}
.front-content .newsList strong { display: block;}
#tabMenu li { display: none;}
#tabMenu { display: block!important;}
#tabMenu li.tab-ttl06 { display: block;}
#tabMenu li.tab-ttl06 a { display: block; position: absolute; bottom: 30px; left: calc(50% - 95px); z-index: 20; background: #e38488 url(../img/common/arrow-white.png) no-repeat right 10px top 50% / 10px auto; border-radius: 9px; color: #FFFFFF; height: 50px; width: 191px; vertical-align: middle; line-height: 50px; padding-right: 10px;}
.frontNav li { width: 48%; padding: 0 1% 10px;}
.frontNav li img { width: 100%; height: auto;}
.front-content .fmain { background: #c7e8fa url(../img/front/bg-front02_sp.jpg) no-repeat 50% 0 / 100% auto; padding: 0;}
.front-content .fmain .bg-wave1 { padding-bottom: 30px;}
.front-content .fmain .container { padding: 0;}
.front-content .fmain .frontTxt { color: #009de1; text-align: center;}
.front-content .fmain .frontTxt02 { background:  transparent url(../img/front/bg-front_sp.jpg) no-repeat 50% 0/ 100% auto;}
.front-content .fmain .frontinkMore { margin: 0 auto 1em;}
.front-content .frontBnr { padding: 10px 15px;}
.frontBacknumber { margin: 0 0 30px;}
.ftaneyakuSlide .slick-next,
.ftaneyakuSlide .slick-prev { width: 30px; height: 30px; top: 50px;}
.ftaneyakuSlide .slick-prev,
.ftaneyakuSlide .slick-prev:hover,
.ftaneyakuSlide .slick-prev:focus { left: 20px;}
.ftaneyakuSlide .slick-next,
.ftaneyakuSlide .slick-next:hover,
.ftaneyakuSlide .slick-next:focus { right: 20px;}
.page-information ul li { max-width: 48%; height: auto; padding: 0 1%;}
.page-information ul li img { width: 100%;}
.page-information .jataneyakuProfile { padding: 10px;}
.page-information .jataneyakuProfile th,
.page-information .jataneyakuProfile td { width: 50%; padding: 10px 20px;}
.page-information .jataneyakuProfile th { text-align: center;}
.page-reform .intrImages { margin-bottom: 50px;}
.page-reform dd span,
.page-reform dd strong { display: block; text-align: center;}
.page-reform dd span:nth-child(2) { transform: rotate(90deg); }
.page-farmer_support article p,
.page-farmer_support article dl { margin-bottom: 50px;}
.page-farmer_support article dl dd a { margin-bottom: 20px;}
.page-kyosai .intrstMsg { margin-top: 50px; }
.page-kyosai ul.kyosai-bnrs { margin-bottom: 30px;}
.page-kyosai ul li { margin-bottom: 20px; text-align: center;}
.page-trouble section { margin-bottom: 55px; padding-top: 0; padding-bottom: 0;}
.page-trouble .trouble-img { margin-bottom: 20px;}
.page-trouble tbody th,
.page-trouble tbody td { padding: 16px; box-sizing: border-box; width: 100%; display: block; border-bottom: none;}
.page-trouble tbody tr:last-child { border-bottom: 1px solid #3e3a39;}
.accidentContact p.accidentContactTel { max-width: 80%; margin: 0px auto;}
.page-link div.row section { padding: 0 30px 20px}
.page-contact input { max-width: 100%; box-sizing: border-box;}
.page-recruit .recruit-pdf .recruit-pdf-img {text-align: center;}
.page-recruit .recruit-box { max-width: 500px; margin: 0 auto 50px;}
.page-recruit .recruit-box dl dt, .page-recruit dl dd { align-items: center; display: flex;}
.page-recruit .recruit-box dl dt { border-bottom: none;}
.page-recruit .recruit-box dl:last-child dd { border-bottom: 1px solid #3e3a39;}
.page-navi { font-size: 16px;}
.page-sweet-potato .sp-intr {padding: 0 15px;font-size:16px;}
.page-service-center .linkList1 {padding: 0 15px;}
.page-service-center .scBox {padding: 0 5px 20px;}
.page-service-center .scBox:nth-of-type(6n+1) {clear: both;}
.page-service-center .scBox .scBoxBig a { padding: 8px 5px;}
.page-service-center .scBox .scBoxBig .scImage { max-width: 100%; height:102px;}
.page-service-center .scBox .scBoxBig .scImage img { max-width: none; width: auto; height:102px;}