@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
/*font: inherit;*/
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers
*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*====================*/

*{
  box-sizing:border-box;
}

body, textarea,table {
	font-family: 游ゴシック,メイリオ,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Osaka,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;
	font-size:15px;
	line-height:1.8em;
	letter-spacing:0.02em;
	font-weight: 500;
	color:#333;
}

input, select {
	font-family: 游ゴシック,メイリオ,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Osaka,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;
	font-size:15px;
	line-height:1.8em;
	letter-spacing:0.8pt;
	letter-spacing:0.02em;
	font-weight: 500;
	color:#333;
}

a{
	color:#0078b9;
}

a:hover{
	text-decoration:none;
}

.pdflink,
.wordlink,
.excellink{
	display:inline !important;
	position:relative;
	display:inline-block;
	margin:0 .5em;
	padding:3px 8px;
	font-size:11px;
	line-height:1;
	color:#fff;
	border-radius:25px;
}

.pdflink{
background: #f33a51; /* Old browsers */
background: -moz-linear-gradient(top, #f33a51 0%, #e02839 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f33a51 0%,#e02839 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f33a51 0%,#e02839 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f33a51', endColorstr='#e02839',GradientType=0 ); /* IE6-9 */

}

.wordlink{
background: #368bf1; /* Old browsers */
background: -moz-linear-gradient(top, #368bf1 0%, #1d62d2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #368bf1 0%,#1d62d2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #368bf1 0%,#1d62d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#368bf1', endColorstr='#1d62d2',GradientType=0 ); /* IE6-9 */

}

.excellink{
background: #62c97d; /* Old browsers */
background: -moz-linear-gradient(top, #62c97d 0%, #45aa6a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #62c97d 0%,#45aa6a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #62c97d 0%,#45aa6a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62c97d', endColorstr='#45aa6a',GradientType=0 ); /* IE6-9 */

}

.newtab{
	position:relative;
	display:inline-block;
	width:15px;
	height:15px;
	font-size:0;
	text-indent:-9999px;
	background-image:url(./img/newtab.png);
	background-repeat:no-repeat;
}

.skip {
    display: none;
}

/* 共通クラス */
.red{
	color:#f10;
}

.kage{
	box-shadow: 3px 3px 3px #aaa;
}

.maru{
	border-radius:5px;
}

/*記事内の画像*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em !important;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em !important;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}

table.aligncenter{
	display:table;
}

.video video {
	display:block;
	max-width:100%;
	margin:0 auto;
}

.wpcf7-not-valid-tip-no-ajax{
	color:#C30;
	margin-left:5px;
	text-decoration:underline;
}

.wpcf7-not-valid-tip{
	color:#f10;
}

.wpcf7-validation-errors{
	text-align:center;
	color:#f10;
}

/* header */
#header_wrap{
  position:relative;
  min-width:1200px;
  height:375px;
  background-image:url(./img/head_back.png);
  background-repeat:no-repeat;
  background-size:2000px auto;
  background-position:center;
  z-index:995;
}

#header_wrap > p{
	font-size:90%;
	background-color:#1f835b;
}

#header_wrap > p span{
	display:block;
	margin:auto;
	padding:.5em 2em;
	width:1200px;
	color:#fff;
	font-size:90%;
	line-height:1;
}

#title_wrap{
	background-color: #1f835b;
}

#title{
	position:relative;
	display:flex;
	justify-content:space-between;
	    align-items: center;
	margin:auto;
	max-width:1200px;
}

#title h1 a{
	display:flex;
	align-items: center;
	padding-left:65px;
	height:60px;
	color:#fff;
	font-size:130%;
	text-decoration:none;
	background-image:url(./img/logo_icon.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
	transition:.2s;
}

#title_wrap #title div{
	position:relative;
	display: inline-block;
	right:0;
}

#title_wrap #title div p{
	display: inline-block;
	color:#fff;
	margin-left:1em;
	cursor:pointer;
}

#title_wrap #title div p a{
	color:#fff;
	text-decoration:none;
}

#title_wrap #title div p a:hover{
	text-decoration:underline;
}

#header{
  margin:auto;
  padding:.3em 0;
  width:1200px;
  line-height:0em;
  letter-spacing:-1em;
}

#header > *{
	letter-spacing:normal;
	line-height:1.8em;
vertical-align: top;

}

#main_menu > ul{
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding:.5em 0;
	}

#main_menu > ul > li{
	position:relative;
	cursor:pointer;
	width: 100%;
	align-self:stretch;
}


#main_menu .parent_menu .menu_icon{
	display:block;
	margin:0 3px;
	height:40px;
	width:50px;
	text-indent:-9999px;
    color: #fff;
    font-size: 90%;
    text-indent: -9999px;
    border-radius: 80% 0 80% 0;
    cursor: pointer;
    background-color: #0078b9;
    background-image: url(./img/caticon_2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 18px;
}

#main_menu .parent_menu:nth-child(2) .menu_icon{
background-color: #e05d36;
    background-image: url(./img/caticon_5.svg);
    background-size: auto 22px;
}

#main_menu .parent_menu:nth-child(3) .menu_icon{
    background-color: #6da400;
    background-image: url(./img/caticon_1.svg);}

#main_menu .parent_menu:nth-child(4) .menu_icon{
background-color: #e05d36;
    background-color: #ee4760;
    background-image: url(./img/caticon_4.svg);
}


#main_menu > ul > li > a{
	position:relative;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self:stretch;
	height:55px;
	font-size:120%;
	font-weight:bold;
	color:#333;
	cursor:pointer;
	border-right: 2px solid #1f835b;
	transition:.2s;

}

#main_menu > ul > li:last-of-type > a{
	border-right:none;
}


#main_menu > ul > li.sub_open > a:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:0;
	height:0;
  border-top: 0.5em solid #fff;
  border-right: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left: 0.5em solid transparent;
	bottom:-1.5em;
	left:0;
	right:0;
	z-index:99999;
}

#main_menu ul.gl_sub_menu{
	position:absolute;
	display:none;
}

#main_menu .gl_sub_menu{
	overflow:hidden;
	position:absolute;
	margin:auto;
	padding:1.5em 1em;
	width:150%;
	height:auto;
	background-color:rgba(0, 120, 185 , 0.9);
	border-radius:5px;
	left:-25%;
	opacity:1;
display:none;
	transition:none;
	overflow:hidden;
	z-index:9999;
}

#main_menu .gl_sub_menu.largesize{
	overflow-y: scroll !important;
}


#main_menu > ul > li:nth-child(2) .gl_sub_menu{
	background-color:rgba(224, 93, 54, 0.9);
}

#main_menu > ul > li:nth-child(3) .gl_sub_menu{
	background-color:rgba(109, 164, 0, 0.9);
}

#main_menu > ul > li:nth-child(4) .gl_sub_menu{
	background-color:rgba(238, 71, 96, 0.9);
}

#main_menu > ul > li:nth-child(5) .gl_sub_menu{
	background-color:rgba(31, 131, 91, 0.9);
}

#main_menu .gl_sub_menu a{
	color:#fff;
	word-break: keep-all;
	text-decoration:none;
}

#main_menu .gl_sub_menu > li > a{
	font-weight:bold;
}

#main_menu .gl_sub_menu a:hover{
	text-decoration:underline;
}

#main_menu .gl_sub_menu ul{
	list-style:disc;
	margin-left:1.5em;
	color:#fff;
}

#main_menu .gl_sub_menu ul ul{
	list-style:none;
}

#head_sub{
  position:relative;
  display:inline-block;
  margin-top:-.5em;
  width:150px;
  height:110px;
}

#head_sub ul{
  overflow:hidden;
}

#head_sub ul li{
  float:left;
  width:50px;
  height:40px;
}

#head_sub ul li a{
  display:block;
  padding:.2em;
  width:100%;
  color:#999;
  text-decoration:none;
  border:1px solid #999;
  border-radius:0 0 80% 15%;
  transition:.2s;
}

#head_sub ul li a:hover,
#head_sub ul li a.on{
  color:#fff;
  background-color:#999;
  transition:.2s;
}

#head_sub #recruit_link{
  position:absolute;
  margin:auto;
  width:100%;
  bottom:0;
}

#head_sub #recruit_link a{
  display:block;
  padding:1em 0 0 0 ;
  width:100%;
  height:50px;
  color:#fff;
  text-align:center;
  text-decoration:none;
  background:#1f835b;
  border-radius:100px 100px 0 30px;
}

/*----------------メニュー----------------*/

#sp_menu_btn{
	display:inline-block;
}

#sp_menu_btn p{
	cursor:pointer;
}

#sp_menu_btn p:hover{
	text-decoration:underline;
}


#sp_menu_cls p{
	margin:auto;
	width:80px;
	height:80px;
	background-image:url(./img/menu_btn_cls.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	text-indent:-9999px;
	cursor:pointer;
}


#menu_list{
	position:absolute;
	margin:auto;
	background-color:rgba(255,255,255,0.9);
	top:0;
	right:0;
	transition:none;
	z-index:9999;
	display:none;

}

#menu_list_left,
#menu_list_right{
	display:inline-block;
	padding:1em;
	//max-height:100vh;
	vertical-align: top;
}

#menu_list_right{
	margin-right:3em;
}

#menu_list_left{
	padding-top:calc( 80px + 1em);
	background-color:rgba(66, 158, 121,0.7);
}

#menu_list ul{
	margin-left:2em;
	list-style-type:disc;
	color:#429e79;
}

#menu_list a{
	color:#429e79;
	font-weight:bold;
	text-decoration:none;
}

#menu_list a:hover{
	text-decoration:underline;
}

#menu_list ul{
	margin-bottom:1em;
}

#menu_list ul + p{
	padding-top:1em;
}


#menu_list #menu_list_left ul{
	color:#fff;
}

#menu_list #menu_list_left a{
	color:#fff;
}

#menu_list #menu_list_left p{
	border-top:1px solid #fff;
}

#menu_list #menu_list_left p:first-of-type{
	border-top:0;
}

#overwrap{
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:9998;
	display:none;
	transition:none;
}

/* header fix */
#header_wrap.head_fix{
	width:100%;
	background-color:#fff;
	background-image:none !important;
	border-bottom:3px solid #1f835b;
}

#header_wrap.head_fix #title h1 a{
	padding-left:50px;
	height:45px;
	font-size:100%;
	line-height:1.5;
}

#header_wrap.head_fix #main_menu > ul{
	padding: .3em 0;
}

#header_wrap.head_fix #main_menu > ul > li > a{
	height:auto;
	font-size: 100%;
	font-weight:500;
}

#header_wrap.head_fix #main_menu .parent_menu  .menu_icon{
	height:25px;
	width:35px;
	background-size: auto 10px;
}

#header_wrap.head_fix #main_menu .parent_menu:nth-child(2) .menu_icon{
	background-size: auto 15px;
}

/* main image */
#image_wrap{
  position:relative;
  margin-top:-240px;
  min-width:1200px;
  height:640px;
  position:relative;
  background-image:url(./img/slide_bg.png);
  background-repeat:no-repeat;
  background-size:2000px auto;
  background-position:center;
}

#image_wrap:before{
  display:block;
  position:absolute;
  content:'';
  margin:auto;
  min-width:1200px;
  height:275px;
  background-image:url(./img/main_image_bg.png);
  background-repeat:no-repeat;
  background-size:2000px auto;
  background-position:center top;
  top:0;
  left:0;
  right:0;
}

#caption_frame{
  position:absolute;
  margin:auto;
  width: 133px;
  height: 105px;
  top:400px;
  left:0;
  right:0;
  z-index:550;
}

#caption_frame h2{
  display:none;
}

#caption_frame a{
  display:block;
  margin:0 auto;
  width:133px;
  height:105px;
  text-indent:-9999px;
  background-image:url(./img/imgmov_icon.png);
  background-repeat:no-repeat;
  background-position:center;
  transition:.2s;
}

#caption_frame a:hover{
  background-image:url(./img/imgmov_icon_hov.png);
  transition:.2s;
}

#main_image_wrap{
	position:absolute;
	margin:-100px auto auto;
	width:100%;
	height: 800px;
	overflow:hidden;
	top:0;
	z-index: 500;

/* flex */
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display: flex;
    min-width:1200px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
flex-basis: auto;
}



#main_image{
  position:absolute;
  width:1800px;
  height:100%;
  background-image: url(./img/img_msg.png);
  background-repeat: no-repeat;
  background-position: center 160px;
	left:0;
	right:0;
/* flex */
position:static;
flex-basis: auto;
-ms-flex-negative:0;
 flex-shrink: 0;

 width: 1200px\9; /* IE10以下 */
}

#main_image .slick-list{
	height:100%;
	overflow: visible !important;
}

#main_image .slick-slide{
	height:320px;
		transition:3s;
	opacity:0;

	height: 240px\9; /* IE10以下 */

}

@media all and (-ms-high-contrast: none){
#main_image{
 width: 1200px; /* IE10以下 */
  }
#main_image .slick-slide{
	height:240px;
}

}

#main_image .slick-slide div{
	position:relative;
	width:90%;
	height:80%;
	text-indent:-9999px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
    border: 3px solid #016B4B;
    border-radius: 80% 0 80% 0;
}

#main_image .slick-slide:nth-child(2n) div{
    border: 3px solid #ff6c82;
}

#main_image .slick-slide:nth-child(3n) div{
    border: 3px solid #0078b9;
}

#main_image .slick-slide:nth-child(4n) div{
    border: 3px solid #ec7855;
}

#main_image .slick-slide:nth-child(5n) div{
    border: 3px solid #add65b;
}

#main_image .slick-active{
	margin-top:100px !important;
	opacity:1;
}

#main_image .slick-active + .slick-active{
		margin-top:350px !important;
}

#main_image .slick-active + .slick-active + .slick-active{
	margin-top:530px !important;
}

#main_image .slick-active + .slick-active + .slick-active + .slick-active{
	margin-top:350px !important;
}

#main_image .slick-active + .slick-active + .slick-active + .slick-active + .slick-active{
	margin-top:100px !important;
}


#main_image .slick-slide a{
	display:block;
	position:absolute;
	margin:auto;
	width:100%;
	height:100%;
	top:0;
	left:0;
    border-radius: 80% 0 80% 0;
}

#main_image .slick-slide img{
	max-width:100%;
}

#main,
#information_wrap{
  position:relative;
  min-width:1200px;
  margin-top:-210px;
  padding-top:210px;
  padding-bottom:80px;
  background-image:url(./img/main_bg.png);
  background-repeat:no-repeat;
  background-size:2000px auto;
  background-position:center top;
  z-index:100;
}

#main{
	padding-top:300px;
}

#main h3{
  display:table;
  margin:auto;
  background-color:#fff;
  padding:2.5em 2em;
  font-size:120%;
  text-align:center;
  border-radius:80% 0 80% 0;
  box-shadow:3px 3px 3px #ccc;
}

#main h3 span{
  display:block;
}

#main > div{
  margin:auto;
  padding:1em 2em;
  width:1200px;
  overflow:hidden;
}

#main #topic h3{
  color:#e05d36;
}

#main #topic #ticker{
	display:flex;
    align-items: center;
flex-direction:row-reverse;
  margin:1em auto;
  width:80%;
}

#main #topic #ticker p{
  margin-bottom:.5em;
  padding:.2em 2em;
  color:#fff;
  background-color:#e28700;
  border-radius:25px;
box-shadow:2px 2px 2px #aaa;
transition:.2s;
}

#main #topic #ticker p:hover{
	opacity:.7;
transition:.2s;
}

#main #topic #ticker p a{
display:block;
width:100%;

  color:#fff;
  text-decoration:none;
}

#main #topic #ticker .slick-dots{
	position:relative;
	bottom:auto;
	max-width:35px;
}

#main #topic #ticker .slick-dots li{
	display:inherit;
}

#main #topic #ticker .slick-prev,
#main #topic #ticker .slick-next{
	position:absolute;
	margin:auto;
}

#main #topic #ticker .slick-prev{
	left:5px;
	top:10px;
}

#main #topic #ticker .slick-next{
	left:5px;
	right:auto;
	top:auto;
	bottom:-10px;
}

#main #news h3{
  color:#1f835b;
}

#main #news h3 span{
  font-size:75%;
  font-weight:normal;
}

#main #news > div:nth-child(n+9){
	//display:none;
}

#main #news #news_cat{
  float:right;
  margin-bottom:1em;
  margin-right:2em;
}

#main #news #news_cat ul{
  overflow: hidden;
}

#main #news #news_cat ul li{
  float:left;
}

#main #news #news_cat ul li a{
  display:block;
  background-color:#1f835b;
  padding:1em 1em;
  width:5em;
  color:#fff;
  font-size:90%;
  text-indent:-9999px;
  border-radius:80% 0 80% 0;
  cursor:pointer;
background-image:url(./img/caticon_3.svg);
background-repeat:no-repeat;
background-position:center;
background-size:auto 25px;
	transition:.2s;

}

.view{
	display:block;
}

.def{
	display:none;
}

#main #news #news_cat ul li a.now_only{
  background-color:#0078b9;
background-image:url(./img/caticon_2.svg);
}

#main #news #news_cat ul li a.farmland_only{
	background-color:#e05d36;
background-image:url(./img/caticon_5.svg);
}

#main #news #news_cat ul li a.try_only{
  background-color:#6da400;
background-image:url(./img/caticon_1.svg);
}

#main #news #news_cat ul li a.live_only{
  background-color:#ee4760;
background-image:url(./img/caticon_4.svg);
}

#main #news #news_cat ul li a.on{
	opacity:0.6;
	transition:.2s;
}

#main #news div:nth-child(3){
  clear:both;
}

#main #news div.box{
  position:relative;
  float:left;
  margin:1em 2%;
  width:calc(88% / 3);
  background-color:#fff;
  box-shadow:3px 3px 3px #aaa;
  transition:.5s;
}

#main #news div.box a{
  position:absolute;
  display:block;
  content:'';
  margin:auto;
  width:100%;
  height:100%;
  text-indent:-9999px;
  top:0;
  left:0;
}

#main #news div.box:hover{
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	transition:.2s;
}

#main #news div.box .cat_news,
#main #news div.box .cat_now,
#main #news div.box .cat_farmland,
#main #news div.box .cat_try,
#main #news div.box .cat_live{
  display: inline-block;
  background-color:#1f835b;
  margin-top:-10px;
  padding:1em 1em;
  width:5em;
  color:#fff;
  font-size:90%;
  text-indent:-9999px;
  border-radius:80% 0 80% 0;
    background-image: url(./img/caticon_3.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 25px;
}

#main #news div.box .cat_now{
	background-color: #0078b9;
background-image: url(./img/caticon_2.svg);
}

#main #news div.box .cat_farmland{
background-color: #e05d36;
    background-image: url(./img/caticon_5.svg);
}

#main #news div.box .cat_try{
	background-color: #6da400;
    background-image: url(./img/caticon_1.svg);
}

#main #news div.box .cat_live{
	background-color: #ee4760;
    background-image: url(./img/caticon_4.svg);
}

#main .new{
	position:absolute;
	display:inline-block;
	padding:0 .5em;
	margin:0 0 0 auto;
	color:#fff;
	background-color:#f10;
	border-radius:5px;
	-webkit-animation:blink .5s ease-in-out infinite alternate;
	-moz-animation:blink .5s ease-in-out infinite alternate;
	animation:blink .5s ease-in-out infinite alternate;
	top:-.5em;
	right:0;
}

#page #main .new{
	margin-left:.5em;
	position:relative;
	font-size:60%;
	top:0;
}

@-webkit-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}


#main #news div.box .section_news{
	color:#1f835b;
}

#main #news div.box .section_farmland{
	color:#e05d36;
}

#main #news div.box .section_now{
	color:#0078b9;
}

#main #news div.box .section_try{
	color:#6da400;
}

#main #news div.box .section_live{
	color:#ee4760;
}

#main #news div.box .news_photo{
  width:100%;
  height:200px;
  background-size:cover;
  background-position:center;
}

#main #news div.box .news_caption{
  padding:.5em 1em 1.5em;
}

#main #news div.box .news_date{
  position: absolute;
  margin: auto;
  text-align:right;
  font-size:90%;
  color:#1f835b;
  bottom: 0;
  right: 0;
}

#main #news div.box .now_date{
	position:absolute;
margin:auto;
bottom:0;
right:0;
  text-align:right;
  font-size:90%;
	color:#0078b9;
}

#main #news div.box .farmland_date{
	position:absolute;
margin:auto;
bottom:0;
right:0;
  text-align:right;
  font-size:90%;
	color:#e05d36;
}

#main #news div.box .try_date{
	position:absolute;
margin:auto;
bottom:0;
right:0;
  text-align:right;
  font-size:90%;
	color:#6da400;
}

#main #news div.box .live_date{
	position:absolute;
margin:auto;
bottom:0;
right:0;
  text-align:right;
  font-size:90%;
	color:#ff4863;
}

#main #news .more a{
	clear:both;
	display:table;
	margin:1em auto;
	padding:.5em 2em;
	color:#75909F;
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
	border:3px solid #75909F;
	transition:.2s;
}

#main #news .more a:hover{
	color:#fff;
	background-color:#75909F;
	transition:.2s;
}

/* top */
#top_content{
  position:relative;
  margin-top:-80px;
  margin-bottom:1em;
  min-width:1200px;
  overflow:hidden;
  z-index:150;
}

#top_content div{
  position:relative;
  float:left;
  padding-top:30px;
  width:calc(99.999% / 4);
  height:410px;
  background-image:url(./img/top_cont_bg.png);
  background-repeat:no-repeat;
  background-size:667px auto;
  background-position:center top;
}

#top_content div a{
  display:block;
  position:absolute;
  content:'';
  margin:auto;
  width:100%;
  height: calc(100% - 45px);
  border-right:1px solid #ccc;
  top:43px;
  left:0;
z-index:100
}

#top_content div:last-of-type a{
  border-right:0;
}

#top_content div p#icon_now,
#top_content div p#icon_farmland,
#top_content div p#icon_try,
#top_content div p#icon_live{
  display:table;
  margin:auto;
  padding:1em 1em;
  width:75px;
  height:65px;
    color:#fff;
  text-align:center;
  text-decoration:none;
  text-indent:-9999px;
  background-color:#0078b9;
  border-radius:80% 0 80% 0;
background-image: url(./img/caticon_2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 25px;
}


#top_content div p#icon_farmland{
  background-color:#e05d36;
background-image: url(./img/caticon_5.svg);
}


#top_content div p#icon_try{
  background-color:#6da400;
background-image: url(./img/caticon_1.svg);
}

#top_content div p#icon_live{
  background-color:#FF4863;
background-image: url(./img/caticon_4.svg);
}

#top_content div p#now_pict,
#top_content div p#farmland_pict,
#top_content div p#try_pict,
#top_content div p#live_pict{
	margin-bottom:10px;
  padding:1em 0 90px;
  color:#0078b9;
  text-align:center;
  font-size:160%;
  letter-spacing:0.02em;
  line-height:1.5em;
  font-weight:bold;
  background-image:url(./img/top_cont_now_icon.png);
  background-repeat:no-repeat;
  background-size:150px 68px;
  background-position:center bottom;

}


#top_content div:hover p#now_pict,
#top_content div:hover p#farmland_pict,
#top_content div:hover p#try_pict,
#top_content div:hover p#live_pict{
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: scale;
 animation-name: scale;
-webkit-transform-origin-y: bottom;
}
@-webkit-keyframes scale{
	0%{
		transform: scale(1, 1);
	}
	50%{
		transform: scale(0.8, 1.1);
	}
	100%{	
		transform: scale(1, 1);
	}
}
@keyframes scale{
	0%{
		transform: scale(1, 1);
	}
	50%{
		transform: scale(0.8, 1.1);
	}
	100%{	
		transform: scale(1, 1);
	}
}


#top_content div p#farmland_pict{
  color:#e05d36;
  background-image:url(./img/top_cont_farmland_icon.png);
}


#top_content div p#try_pict{
  color:#6da400;
  background-image:url(./img/top_cont_try_icon.png);
}

#top_content div p#live_pict{
  color:#FF4863;
  background-image:url(./img/top_cont_live_icon.png);
}

#top_content div p.cont_desc{
  text-align:center;
    line-height:1.5;
}

#top_content > p{
  clear:both;
  overflow:hidden;
  display:flex;
  padding:1.5em 0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  text-align:center;
font-size: 160%;
    font-weight:bold;
    letter-spacing: 0.02em;
    line-height: 1.5em;
  justify-content: center;
}

#top_content > p a{
color:#1f835b;

}


.content_box{
	margin:0 auto 1.5em;
    padding: 1em 2em;
    //width: 1200px;
    overflow: hidden;
}

.content_box h3{
	display: table;
    margin: auto;
    background-color: #fff;
    padding: 1.5em 2em;
    text-align: center;
    border-radius: 80% 0 80% 0;
    box-shadow: 3px 3px 3px #ccc;
}

.content_box h3 + p{
	padding:1em 0;
	text-align:center;
}

#case_stydy{
	padding:0;
	min-width:1200px;
}

#case_stydy h3{
	color:#fff;
	background:#0078b9;
}



.content_box .box_item{
	position:relative;
	float:left;
	margin:1em;
	//width:calc(90% / 4);
	width:260px;
	height:180px;
	background-color:#fff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	box-shadow:3px 3px 3px #ccc;
	transition:.2s;
}

.content_box .box_item:hover{
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	transition:.2s;
}


.content_box .box_item p{
	position:absolute;
	display:block;
	margin:auto;
	width:100%;
	height:50%;
	padding:.5em 1em;
	font-size:100%;
	bottom:0;
	color:#fff;
	background-color:rgba(0,0,0,0.5);
	transition:.2s;
	overflow:hidden;
}


.content_box .box_item a{
	    position: absolute;
    display: block;
    content: '';
    margin: auto;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:999;
}

.content_box form table{
	width:90%;
	margin:0 auto;
	background:rgba(61, 161, 216,.3);
}


#active_farmer form table{
	background:rgba(173, 214, 91, .3);
}

.content_box form table td{
	padding:1em;
	border-right:1px solid #fff;
}

.content_box form table td p:first-of-type{
	margin-bottom:1em;
	text-align:center;
	font-weight:bold;
}

.content_box form table td label{
	float:left;
	display:inline-block;
	width:calc(100% / 3);
}

.content_box form table td label:last-of-type{
	margin-bottom:1em;
}

.content_box form table tr td:nth-child(2) label{
	width:calc(100% / 2);
}
.content_box form table td input[type="submit"]{
	clear:both;
	display:block;
	margin:0 auto;
	color:#fff;
	background:#0078b9;
	border:0;
	cursor:pointer;
}

#active_farmer form table td input[type="submit"]{
	background:#537f00;
}

.white_wrap{
	position:relative;
	min-width:1200px;
	padding:180px 0;
	background:#E9F1DB;
	overflow:hidden;
}

.white_wrap:before{
	display:block;
	position:absolute;
	margin:auto;
	width:2000px;
	height:210px;
	content:'';
	background-image:url(./img/white_curve_head.png);
	background-repeat:no-repeat;
	background-position:center;
	top:-1px;
	left:-2px;
}

/*
.white_wrap:after{
	display:block;
	position:absolute;
	margin:auto;
	width:2000px;
	height:240px;
	content:'';
	background-image:url(./img/white_curve_bottom.png);
	background-repeat:no-repeat;
	background-position:center;
	bottom:-1px;
	right:-2px;
}
*/

#active_farmer h3{
	color:#537f00;
}


#iwate_voice h3{
	color:#fff;
	background:#1f835b;
}

#iwate_voice table td{
	vertical-align:middle;
	width:50%;
}

#iwate_voice table td img{
	max-width:100%;
}

#iwate_voice table td:first-of-type p:first-of-type{
	margin-bottom:1em;
	color:#1f835b;
	font-size:200%;
	font-weight:bold;
	line-height:1.5em;
}

#iwate_voice table td:first-of-type p:nth-child(2){
	margin-bottom:1em;
	color:#1f835b;
	font-size:150%;
	font-weight:bold;
	line-height:1.5em;
}

#iwate_voice table td:first-of-type p:nth-child(3){
	margin-bottom:1em;
	font-size:150%;
	line-height:1.5em;
}

#information_wrap{
	padding-bottom:210px;
}

#information table{
	width:100%;
}

#information td{
	width:50%;
}

#information h3{
	margin-bottom:1em;
	width:126px;
	height:106px;
	background:#1f835b;
}

#information h3 span{
	display:table-cell;
	vertical-align:middle;
	color:#fff;
}

/* page */

#page{
	background-image:url(./img/cont_bg2.png);
	background-repeat:no-repeat;
	background-position:center 15px;
}

#page #header_wrap{
	height:auto;
	background-image:none;
}

#page #main{
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 210px;
	background-image:none;
}

#page #main{
	margin-top:100px;
}

#page #text{
	clear:both;
	margin-bottom:10em
}

#page #text .wp-playlist{
	border:0;
	padding:0;
}



#page #main #text ul#page_news{
	margin-bottom:10em
}

#page #main #text ul#page_news li{
	display:flex;
}

#page #text.no_cont{
	margin-bottom:auto;
}

#page #p_list {
	font-size:90%;
}

#page #p_list a{
	color:#333;
}

#page #main #cont h2{
	position:relative;
	margin-bottom:2em;
	padding:1.5em 0 1.5em 75px;
	color:#1f835b;
	font-size:150%;
	line-height:150%;
}

#page #main #cont h2:before{
	display:block;
	position:absolute;
	content:'';
	margin:auto;
	height: 60px;
	width: 70px;
	border-radius: 80% 0 80% 0;
	background-color: #1f835b;
	background-image: url(./img/caticon_3.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 25px;
	left:0;
	top:0;
	bottom:0;
}


#page #main #cont.now h2{
	color:#0078b9;
}

#page #main #cont.now h2:before{
	background-color: #0078b9;
	background-image: url(./img/caticon_2.svg);
}

#page #main #cont.farmland-bs h2{
	color:#e05d36;
}

#page #main #cont.farmland-bs h2:before{
	background-color: #e05d36;
	background-image: url(./img/caticon_5.svg);
}

#page #main #cont.try h2{
	color:#6da400;
}

#page #main #cont.try h2:before{
	background-color: #6da400;
	background-image: url(./img/caticon_1.svg);

}

#page #main #cont.live h2{
	color:#ee4760;
}

#page #main #cont.live h2:before{
	background-color: #ee4760;
	background-image: url(./img/caticon_4.svg);
	
}

#page #main #text h3{
	position:relative;
	display:block;
	margin:0 0 1em 0;
	padding:1em 0 1em 75px;
	background-color:transparent;
	color:#1f835b;
	font-size:150%;
	line-height:1.5;
	text-align:left;
	border-radius:0;
	box-shadow:none;
}

#page #main .now #text h3{
	color:#0078b9;
}

#page #main .farmland-bs #text h3{
	color:#e05d36;
}

#page #main .try #text h3{
	color:#6da400;
}

#page #main .live #text h3{
	color:#ee4760;
}


#page #main #text h3:before{
	position:absolute;
	display: flex;
	align-items: center;
	content:'IWATE';
	margin:auto;
	padding:.5em 1em;
	height:30px;
	color:#fff;
	font-size:50%;
	text-align:center;
	background-color:#1f835b;
	border-radius: 80% 0 80% 0;
	top:0;
	bottom:0;
	left:0;
}

#page #main .now #text h3:before{
	background-color:#0078b9;
}

#page #main .farmland-bs #text h3:before{
	background-color:#e05d36;
}

#page #main .try #text h3:before{
	background-color:#6da400;
}

#page #main .live #text h3:before{
	background-color:#ee4760;
}

#page #main #text h4{
	position:relative;
	margin-bottom:1.5em;
	padding:.5em .5em .5em 50px;
	color:#1f835b;
	font-size:120%;
	line-height:1.5;
}

#page #main .now #text h4{
	color:#0078b9;
}

#page #main .farmland-bs #text h4{
	color:#e05d36;
}

#page #main .try #text h4{
	color:#6da400;
}

#page #main .live #text h4{
	color:#ee4760;
}

#page #main #text h4:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:35px;
	height:25px;
	background-color:#1f835b;
	border-radius: 80% 0 80% 0;
	top:0;
	bottom:0;
	left:5px;
}

#page #main .now #text h4:before{
	background-color:#0078b9;
}

#page #main .farmland-bs #text h4:before{
	background-color:#e05d36;
}

#page #main .try #text h4:before{
	background-color:#6da400;
}

#page #main .live #text h4:before{
	background-color:#ee4760;
}

#page #main #text h5{
	position:relative;
	margin-bottom:1.5em;
	background-color:#1f835b;
	padding:.5em .5em .5em 50px;
	color:#fff;
	font-size:120%;
	line-height:120%;
}

#page #main .now #text h5{
	background-color:#0078b9;
}

#page #main .farmland-bs #text h5{
	background-color:#e05d36;
}

#page #main .try #text h5{
	background-color:#6da400;
}

#page #main .live #text h5{
	background-color:#ee4760;
}

#page #main #text h5:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:35px;
	height:25px;
	background-color:#fff;
	border-radius: 80% 0 80% 0;
	top:0;
	bottom:0;
	left:5px;
}

#page #main #text h6{
	position:relative;
	margin-bottom:1.5em;
	background-color:#E3F3ED;
	border-bottom:3px solid #016B4B;
	padding:.5em .5em .5em 50px;
	font-size:100%;
}

#page #main .now #text h6{
	background-color:#E8F7FF;
	border-bottom:3px solid #0078b9;
}

#page #main .farmland-bs #text h6{
	background-color:#ffe7e0;
	border-bottom:3px solid #e05d36;
}

#page #main .try #text h6{
	background-color:#F7FFE6;
	border-bottom:3px solid #6da400;
}

#page #main .live #text h6{
	background-color:#FFECEF;
	border-bottom:3px solid #ee4760;
}


#page #main #text h6:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:35px;
	height:25px;
	background-color:#016B4B;
	border-radius: 80% 0 80% 0;
	top:0;
	bottom:0;
	left:5px;
}

#page #main .now #text h6:before{
	background-color:#0078b9;
}

#page #main .farmland-bs #text h6:before{
	background-color:#e05d36;
}

#page #main .try #text h6:before{
	background-color:#6da400;
}

#page #main .live #text h6:before{
	background-color:#ee4760;
}

#page #main #text p{
	margin-bottom:1.5em;
}

#page #main #text a{
	position:relative;
	text-decoration: none;
	font-size:inherit;
}


#page #main #text a:not(.nowraplink){
	display:inline-block;
	position:relative;
	color:inherit;
	text-decoration:none;
}

#page #main #text a:after{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	height:2px;
	width:100%;
	background-color:#4CB986;
	bottom:0;
	left:0;
}

#page #main #text a img:hover{
	opacity:0.5;
	transition:.2s;
}

#page #main #text a:hover:after{
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:.5s;
 animation-duration:.5s;
 -webkit-animation-name: resizeW;
 animation-name: resizeW;
-webkit-transform-origin-x: left;
}

@-webkit-keyframes resizeW{
	0%{
		width:0;
	}
	100%{	
		width:100%;
	}
}
@keyframes resizeW{
	0%{
		width:0;
	}
	100%{	
		width:100%;
	}
}

#page #main #text ul{
	margin-bottom:1.5em;
}

#page #main #text ul li{
	position:relative;
	margin:bottom;
	margin-left:1em;
	padding:.5em;
}

#page #main #text ul li:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	height:14px;
	width:14px;
	background-color:#707070;
	top:0.9em;
	left:-1em;
}

#page #main #text ul li.page_item_has_children:before{
	display:none;
}

#page #main #text ol{
	margin-bottom:1.5em;
}

#page #main #text ol li{
	position: relative;
	margin-bottom:1px;
	padding: .5em 0 .5em 3.5em;
	counter-increment: olNum1;
}

#page #main #text ol li:before{
    position: absolute;
    top: .8em;
    left: 1.5em;
    content: counter(olNum1);
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 25px;
    color: #333;
    font-size: 80%;
    text-align: center;
}

#page #main #text ol li:nth-child(2n):before{
}

#page #main #text ol li ol{
	border-right:0;
}

#page #main #text ol li li{
    counter-increment: olNum2;
}

#page #main #text ol li li:before{
    content: counter(olNum2);
}

#page #main #text ol li li li{
    counter-increment: olNum3;
}

#page #main #text ol li li li:before{
    content: counter(olNum3);
}

#page #main #text ol li:after{
	display:block;
	position:absolute;
	content:'';
	margin:auto;
	width:14px;
	top:20px;
	left:0;
	border-bottom:3px solid #707070;
}

#page #main #text table{
	margin-bottom:1.5em;
	border-top:2px solid #707070;
	border-left:2px solid #707070;
}

#page #main #text table td{
	padding:.5em;
	border-right:2px solid #707070;
	border-bottom:2px solid #707070;
	
}

#page #main #text table td :last-of-type,
#page #main #text table th :last-of-type{
	margin-bottom:0;
}


#page #main #text table th{
	vertical-align:top;
	background:#707070;
	padding:.5em;
	color:#fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;

}

#page #main #text table th a{
	color:#fff !important;
}

#page #main #text table th:last-of-type{
	border-right:0;
}

#page #main #text table tr:last-of-type th{
	border-bottom:0;
}

#page #main #text table.noborder_table{
	border-top:0;
	border-left:0;
}

#page #main #text table.noborder_table th,
#page #main #text table.noborder_table td{
	border-right:0;
	border-bottom:0;
}

#page #main #text table.video_table,
#page #main #text table.video_table td{
	display:block;
	padding:0;
    height: auto !important;
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:0;
}

#page #main #text table.video_table tbody,
#page #main #text table.video_table tr,
#page #main #text table.video_table td{
	display:inline;
    height: auto !important;

}

#page #subpage{
}

#page #subpage ul{
	width:100%;
	overflow:hidden;
}

#page #subpage li{
	float:left;
	margin: 0 40px 2em;
	width:calc(900px / 3)
}

#page #subpage li div.subpage_thum{
	position:relative;
	display:block;
	margin:0 auto;
	width:100%;
	height:200px;
	border:3px solid #016B4B;
	border-radius: 65% 0 65% 0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

#page #main .now #subpage li div.subpage_thum{
	border:3px solid #0078b9;
}

#page #main .farmland-bs #subpage li div.subpage_thum{
	border:3px solid #e05d36;
}

#page #main .try #subpage li div.subpage_thum{
	border:3px solid #6da400;
}

#page #main .live #subpage li div.subpage_thum{
	border:3px solid #ee4760;
}

#page #main #subpage li div.subpage_thum a{
	position:absolute;
	display:block;
	margin:auto;
	width:100%;
	height:100%;
	border-radius: 65% 0 65% 0;
	top:0;
	left:0;
}

#page #subpage li h5{
	padding-bottom:.5em;
	font-size:100%;
	font-weight:normal;
	border-left: 1px solid #016B4B;
}

#page #main .now #subpage li h5,
#page #main .now #subpage li p{
	border-left: 1px solid #0078b9;
}

#page #main .farmland-bs #subpage li h5,
#page #main .farmland-bs #subpage li p{
	border-left: 1px solid #e05d36;
}

#page #main .try #subpage li h5,
#page #main .try #subpage li p{
	border-left: 1px solid #6da400;
}

#page #main .live #subpage li h5,
#page #main .live #subpage li p{
	border-left: 1px solid #ee4760;
}

#page #main #subpage li h5 a{
	position:relative;
	//display:table;
	display:flex;
	align-items: center;
	width:100%;
	color:#333;
	padding:.5em 30px 0em .5em;
	text-decoration:none;
	font-size:150%;
	line-height:150%;
	background-image:none !important;
}

#page #main #subpage li h5 a:after{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:24px;
	height:24px;
	background-image:url(./img/submenu_more_icon_agri.png);
	background-repeat:no-repeat;
	background-position:right center;
	top:.5em;
	bottom:0;
	right:0;
}

#page #main .now #subpage li h5 a,
#page #main .now #subpage li h5 a:after{
	background-image:url(./img/submenu_more_icon_now.png);
}

#page #main .farmland-bs #subpage li h5 a,
#page #main .farmland-bs #subpage li h5 a:after{
	background-image:url(./img/submenu_more_icon_farmland.png);
}

#page #main .try #subpage li h5 a,
#page #main .try #subpage li h5 a:after{
	background-image:url(./img/submenu_more_icon_try.png);
}

#page #main .live #subpage li h5 a,
#page #main .live #subpage li h5 a:after{
	background-image:url(./img/submenu_more_icon_live.png);
}

#page #main #subpage li h5 a:after{
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-name: moveW;
 animation-name: moveW;
  -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
-webkit-transform-origin-x: left;
}

@-webkit-keyframes moveW{
	0%{
		right: 5px;
		opacity:0;
	}
	50%{	
		right: 0;
		opacity:1;
	}
	100%{	
		right: 0;
		opacity:1;
	}
}
@keyframes moveW{
	0%{
		right: 5px;
		opacity:0;
	}
	50%{	
		right: 0;
		opacity:1;
	}
	100%{	
		right: 0;
		opacity:1;
	}
}

#page #main #subpage li h5 a:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	height:2px;
	width:0;
	background-color:#4CB986;
	bottom:0;
	left:0;
}

#page #main #subpage li h5 a:hover:before{
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:.5s;
 animation-duration:.5s;
 -webkit-animation-name: resizeW;
 animation-name: resizeW;
-webkit-transform-origin-x: left;
}

#page #main #subpage li h5 a > span:not(.newtab){
	//display:table-cell;
	vertical-align:middle;
	color:inherit;
}


#page #main #subpage li p{
	padding:.5em;
	color:#333;
	font-size:90%;
	line-height:1.5em;
	border-left: 1px solid #016B4B;
}

#page #main #subpage h6{
	padding:0 .5em;
	font-size:90%;
	color:#fff;
	border-left: 1px solid #016B4B;
	background-color:#016B4B;
}


#page #main .now #subpage li h6{
	background-color:#0078b9;
	border-left: 1px solid #0078b9;
}

#page #main .farmland-bs #subpage li h6{
	background-color:#e05d36;
	border-left: 1px solid #e05d36;
}

#page #main .try #subpage li h6{
	background-color:#6da400;
	border-left: 1px solid #6da400;
}

#page #main .live #subpage li h6{
	background-color:#ee4760;
	border-left: 1px solid #ee4760;
}

/*
左部ページ初期デザイン

#page #subpage li{
	float:left;
	margin: 0 40px 2em;
	width:calc(900px / 3)
}

#page #subpage li div.subpage_thum{
	position:relative;
	display:block;
	margin:0 auto;
	width:100%;
	height:200px;
	border:3px solid #016B4B;
	border-radius: 80% 0 80% 0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

#page #main .now #subpage li div.subpage_thum{
	border:3px solid #0078b9;
}

#page #main .try #subpage li div.subpage_thum{
	border:3px solid #6da400;
}

#page #main .live #subpage li div.subpage_thum{
	border:3px solid #ee4760;
}

#page #main #subpage li div.subpage_thum a{
	position:absolute;
	display:block;
	margin:auto;
	width:100%;
	height:100%;
	border-radius: 80% 0 80% 0;
	top:0;
	left:0;
}

#page #subpage li h5{
	font-size:100%;
	font-weight:normal;
	border-left: 1px solid #016B4B;
}

#page #main .now #subpage li h5,
#page #main .now #subpage li p{
	border-left: 1px solid #0078b9;
}

#page #main .try #subpage li h5,
#page #main .try #subpage li p{
	border-left: 1px solid #6da400;
}

#page #main .live #subpage li h5,
#page #main .live #subpage li p{
	border-left: 1px solid #ee4760;
}

#page #main #subpage li h5 a{
	position:relative;
	display:table;
	width:100%;
	color: #016B4B;
	padding:.5em 30px .5em .5em;
	text-decoration:none;
	font-size:150%;
	line-height:150%;
	background-image:none !important;
}

#page #main #subpage li h5 a:after{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:24px;
	height:24px;
	background-image:url(./img/submenu_more_icon_agri.png);
	background-repeat:no-repeat;
	background-position:right center;
	top:0;
	bottom:0;
	right:0;
}

#page #main .now #subpage li h5 a,
#page #main .now #subpage li h5 a:after{
	color:#0078b9;
	background-image:url(./img/submenu_more_icon_now.png);
}

#page #main .try #subpage li h5 a,
#page #main .try #subpage li h5 a:after{
	color:#6da400;
	background-image:url(./img/submenu_more_icon_try.png);
}

#page #main .live #subpage li h5 a,
#page #main .live #subpage li h5 a:after{
	color:#ee4760;
	background-image:url(./img/submenu_more_icon_live.png);
}

#page #main #subpage li h5 a:after{
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-name: moveW;
 animation-name: moveW;
  -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
-webkit-transform-origin-x: left;
}

@-webkit-keyframes moveW{
	0%{
		right: 5px;
		opacity:0;
	}
	50%{	
		right: 0;
		opacity:1;
	}
	100%{	
		right: 0;
		opacity:1;
	}
}
@keyframes moveW{
	0%{
		right: 5px;
		opacity:0;
	}
	50%{	
		right: 0;
		opacity:1;
	}
	100%{	
		right: 0;
		opacity:1;
	}
}

#page #main #subpage li h5 a:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	height:2px;
	width:0;
	background-color:#4CB986;
	bottom:0;
	left:0;
}

#page #main #subpage li h5 a:hover:before{
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:.5s;
 animation-duration:.5s;
 -webkit-animation-name: resizeW;
 animation-name: resizeW;
-webkit-transform-origin-x: left;
}

#page #main #subpage li h5 a span{
	display:table-cell;
	vertical-align:middle;
	color:inherit;
}


#page #main #subpage li p{
	padding:.5em;
	color:#333;
	font-size:90%;
	line-height:1.5em;
	border-left: 1px solid #016B4B;
}

#page #main #subpage h6{
	padding:.5em;
	font-size:90%;
	color:#016B4B;
	border-left: 1px solid #016B4B;
}


#page #main .now #subpage li h6{
	color:#0078b9;
	border-left: 1px solid #0078b9;
}

#page #main .try #subpage li h6{
	color:#6da400;
	border-left: 1px solid #6da400;
}

#page #main .live #subpage li h6{
	color:#ee4760;
	border-left: 1px solid #ee4760;
}

*/

/* form */

#page #main #text form input[type="text"],
#page #main #text form input[type="email"],
#page #main #text form input[type="tel"],
#page #main #text form input[type="password"],
#page #main #text textarea,
#page #main #text select{
//	width:100%;
	padding:.5em;
	border:1px solid #ccc;
	border-radius:5px;
	box-shadow:inset 2px 2px 2px #eee;
}

#page #main #text form .wpcf7-checkbox.rowsort > span{
	display:block;
}

#page #main #text form label{
	cursor:pointer;
}

#page #main #text form input[type="submit"]{
	display:block;
	margin:0 auto;
	padding:.5em 2em;
	font-size:100%;
	color:#fff;
	border:1px solid #1f835b;
	background-color:#1f835b;
	cursor:pointer;
	transition:.2s;
}

#page #main #text form input[type="submit"]:hover{
	color: #1f835b;
	background-color:#fff;
	transition:.2s;
}

/* 埋め込みコード */
#page #main #text .mejs-volume-button>.mejs-volume-slider{
    -webkit-backface-visibility: hidden;
    background: rgba(50,50,50,.7);
    border-radius: 0;
    bottom: 100%;
    display: none;
    height: 115px;
    left: 50%;
    margin: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 25px;
    z-index: 1;
}

#page #main #text .mejs-volume-button>.mejs-volume-slider:after{
	display:none;
}

/* footer */
#footer_wrap{
	position: relative;
	min-width:1200px;
    margin-top: -270px;
    padding-top: 120px;
    padding-bottom: 100px;
    background-image: url(./img/foot_back.png);
    background-repeat: no-repeat;
    background-size: 2000px auto;
    background-position: center top;
    z-index: 990;
}

#footer_wrap #link_list{
	    margin: 0 auto 1.5em;
    padding: 1em 2em;
    width: 1200px;
background-color:#1f835b;
    overflow: hidden;
}

#footer_wrap #link_list h4{
	color:#fff;
}

#footer_wrap #link_list ul{
	overflow:hidden;
}

#footer_wrap #link_list ul li{
	float:left;
	margin-left:2em;
	margin-bottom:.5em;
}

#footer_wrap #link_list ul li a{
	color:#fff;
}

#foot_bottom_wrap{
	position:fixed;
	margin:auto;
	width:100%;
	height:70px;
	bottom:0;
	z-index:990;
	background-color:#1f835b;
}

#foot_bottom_wrap svg{
  position: absolute;
    width: 100%;
	min-width:1200px;
    height: 150%;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: visible;
//stroke: #fff;
}


#foot_bottom{
position: relative;
	margin:auto;
	width:1200px;
    overflow: hidden;
}

#foot_bottom ul{
	float:left;
	padding:.5em 1em 0;
}

#foot_bottom ul a{
	color:#fff;
}

#foot_bottom form{
	float:left;
	padding:1em 1em 0;
}

#foot_bottom form input[type="text"]{
	width:70%;
}

#foot_bottom form button[type="submit"]{
	font-size:inherit;
}

#foot_bottom > p{
	float:right;
	padding-top:.5em;
	color:#fff;
}

#foot_bottom > p#copyright{
font-family: "Droid Sans";
	float:left;
	color:#fff;
}

#foot_bottom > p#copyright span{
	color:#fff;
}


@media screen and (max-width:1300px){
	#main_menu ul li:first-of-type .gl_sub_menu{
		left:0;
	}
	#main_menu ul li:last-of-type .gl_sub_menu{
		left:auto;
		right:0;
	}

}

@media screen and (max-width:780px){

/*記事内の画像*/
.alignleft {
	clear: both;
	display: block;
	float:none;
	margin-left: auto !important;
	margin-right: auto !important;
}

.alignright {
	clear: both;
	display: block;
	float:none;
	margin-left: auto !important;
	margin-right: auto !important;
}

table.aligncenter{
	display:table;
}

/* header */
#header_wrap{
  min-width:100%;
  height:auto;
  background-color: #fff;
  background-image: none;
  border-bottom: 3px solid #1f835b;
}

#header{
  width:100%;
}

#header h1{
	width:200px;
	font-size:80%;
}

#title h1 a{
	font-size:2vw;
	line-height:1.5;

}

#title_wrap #title > div > p{
	display:none;
}

#title_wrap #title div p{
	margin-left:0;
	margin-right:1em;
}

#main_menu .parent_menu .menu_icon{
	display:none;
}

#main_menu > ul > li > a{
	height:auto;
	font-size:80%;
	font-weight:500;
}

#main_menu > ul > li{
	position:static;
}

#main_menu .gl_sub_menu{
	width:90%;
	left:0;
	right:0;
}

/*----------------メニュー----------------*/


#sp_menu_cls p{
	margin:auto;
	width:50px;
	height:50px;
	background-position:center;
}


#menu_list{
	width:100%;
letter-spacing: -1em;
    line-height: 0;
}

#menu_list_left,
#menu_list_right{
	margin:auto;
	width:50%;
	letter-spacing: normal;
	line-height: 1.8em;
}

#menu_list_right{
	margin-right:auto;
}


/* header fix */
#header_wrap.head_fix #main_menu > ul > li > a{
	font-size: 80%;
}


/* main image */
#image_wrap{
  margin-top:-70px;
  min-width:100%;
  height:0;
  padding-top:70vw;
  background-size:1200px auto;
}

#image_wrap:before{
  min-width:100%;
  height:275px;
  background-size:1200px auto;
}

#main_image_wrap{
	position:absolute;
	margin:auto;
	width:100%;
	height: 600px;
height:80vw;
	overflow:hidden;
	top:0;
  z-index: 500;

/* flex */
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display: flex;
    min-width:100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
flex-basis: auto;
}


#caption_frame{
  display:none;
}

#main_image{
  position:absolute;
  width:180%;
  height:100%;
  background-image: url(./img/img_msg.png);
  background-repeat: no-repeat;
  background-position: center 100px;
  background-size:50vw auto;
	left:0;
	right:0;
/* flex */
position:static;
flex-basis: auto;
-ms-flex-negative:0;
 flex-shrink: 0;

}

#main_image .slick-slide{
	height:220px;
	height:30vw;
}

#main_image .slick-active{
	margin-top:20vw !important;
	opacity:1;
}

#main_image .slick-active + .slick-active{
		margin-top:30vw !important;
}

#main_image .slick-active + .slick-active + .slick-active{
	margin-top:40vw !important;
}

#main_image .slick-active + .slick-active + .slick-active + .slick-active{
	margin-top:30vw !important;
}

#main_image .slick-active + .slick-active + .slick-active + .slick-active + .slick-active{
	margin-top:20vw !important;
}


#main {
    padding-top: 150px;
}

#main,
#information_wrap{
  position:relative;
  min-width:100%;
  background-size:1200px auto;
}

#main > div{
  padding:1em;
  width:100%;
}

#main h3{
	margin-bottom:1.5em;
}

#main #topic ul li{
	margin-bottom:1.5em;
}

#main #news #news_cat{
	display:none;
}

#main #news div.box{
  width:calc(92% / 2);
}

#main #news div.box .news_photo{
  width:100%;
  height:0;
  padding-top:40%;
  background-size:cover;
  background-position:center;
}

#main #topic #ticker{
	width:100%;
}

/* top */
#top_content{
  min-width:100%;
}

#top_content div{
display: table;
  float:none;
  padding-top:70px;
  padding-bottom:20px;
  width:100%;
  height:auto;
  background-size:780px auto;
}

#top_content div a{
  display:block;
  position:absolute;
  content:'';
  margin:auto;
  width:100%;
  height:100%;
  border-right:1px solid #ccc;
  top:43px;
  left:0;
z-index:100
}

#top_content div:last-of-type a{
  height:calc(100% - 43px);
}

#top_content div p#icon_now,
#top_content div p#icon_farmland,
#top_content div p#icon_try,
#top_content div p#icon_live{
	position:absolute;
	top:25px;
	left:0;
	right:0;
}

#top_content div p#now_pict,
#top_content div p#farmland_pict,
#top_content div p#try_pict,
#top_content div p#live_pict{
	display:table-cell;
	vertical-align:middle;
	width: 45%;
}


#top_content div:hover p#now_pict,
#top_content div:hover p#farmland_pict,
#top_content div:hover p#try_pict,
#top_content div:hover p#live_pict{
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: scale;
 animation-name: scale;
-webkit-transform-origin-y: bottom;
}
@-webkit-keyframes scale{
	0%{
		transform: scale(1, 1);
	}
	50%{
		transform: scale(0.8, 1.1);
	}
	100%{	
		transform: scale(1, 1);
	}
}
@keyframes scale{
	0%{
		transform: scale(1, 1);
	}
	50%{
		transform: scale(0.8, 1.1);
	}
	100%{	
		transform: scale(1, 1);
	}
}

#top_content div p#try_pict{
  color:#537f00;
  background-image:url(./img/top_cont_try_icon.png);
}

#top_content div p#live_pict{
  color:#FF4863;
  background-image:url(./img/top_cont_live_icon.png);
}

#top_content div p.cont_desc{
  text-align:center;
display: table-cell;
vertical-align:middle;
font-size:120%;
}

#top_content > p{
  clear:both;
  overflow:hidden;
  border-top:1px solid #ccc;
}

#top_content > p a{
}


.content_box,
#case_stydy{
    width: 100%;
	min-width:100%;
padding: 1em 1em;
}


.content_box .box_item{
	position:relative;
	float:left;
	margin:1em;
	//width:calc(90% / 4);
	width:260px;
	height:180px;
	background-color:#fff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	box-shadow:3px 3px 3px #ccc;
	transition:.2s;
}

.content_box .box_item:hover{
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	transition:.2s;
}


.content_box .box_item p{
	position:absolute;
	display:block;
	margin:auto;
	width:100%;
	height:50%;
	padding:.5em 1em;
	font-size:100%;
	bottom:0;
	color:#fff;
	background-color:rgba(0,0,0,0.5);
	transition:.2s;
}


.content_box .box_item a{
	    position: absolute;
    display: block;
    content: '';
    margin: auto;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}.content_box form{
	display:none;
}

.white_wrap{
	min-width:100%;
}

.white_wrap:before{
	width:1200px;
}

/* page */

#page{
	background-position:center -70px;
}

#page #main{
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 210px;
	background-image:none;
}

#page #main{
	margin-top:1em;
}

#page #text{
	clear:both;
	margin-bottom:10em
}

#page #main #text ul#page_news{
	margin-bottom:10em
}

#page #text.no_cont{
	margin-bottom:auto;
}

#page #p_list {
	font-size:90%;
}

#page #p_list a{
	color:#333;
}

#page #main #cont h2{
	margin-bottom:2em;
	padding:1.5em 0 1.5em 100px;
	font-size:150%;
	line-height:150%;
}

#page #main #text h3{
	position:relative;
	display:block;
	margin:0 0 1em 0;
	padding:1em 0 1em 75px;
	background-color:transparent;
	color:#1f835b;
	font-size:150%;
	line-height:150%;
	text-align:left;
	border-radius:0;
	box-shadow:none;
}

#page #main .now #text h3{
	color:#0078b9;
}

#page #main .try #text h3{
	color:#6da400;
}

#page #main .live #text h3{
	color:#ee4760;
}


#page #main #text h3:before{
	position:absolute;
	display:block;
	content:'IWATE';
	margin:auto;
	padding:.5em 1em;
	height:30px;
	color:#fff;
	font-size:50%;
	text-align:center;
	background-color:#1f835b;
	border-radius: 80% 0 80% 0;
	top:0;
	bottom:0;
	left:0;
}

#page #main .now #text h3:before{
	background-color:#0078b9;
}

#page #main .try #text h3:before{
	background-color:#6da400;
}

#page #main .live #text h3:before{
	background-color:#ee4760;
}

#page #main #text h4{
}

#page #main .now #text h4{
	color:#0078b9;
}

#page #main .try #text h4{
	color:#6da400;
}

#page #main .live #text h4{
	color:#ee4760;
}

#page #main #text h4:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:35px;
	height:25px;
	background-color:#1f835b;
	border-radius: 80% 0 80% 0;
	top:0;
	bottom:0;
	left:5px;
}

#page #main .now #text h4:before{
	background-color:#0078b9;
}

#page #main .try #text h4:before{
	background-color:#6da400;
}

#page #main .live #text h4:before{
	background-color:#ee4760;
}

#page #main #text h5{
	position:relative;
	margin-bottom:1.5em;
	background-color:#1f835b;
	padding:.5em .5em .5em 50px;
	color:#fff;
	font-size:120%;
	line-height:120%;
}

#page #main .now #text h5{
	background-color:#0078b9;
}

#page #main .try #text h5{
	background-color:#6da400;
}

#page #main .live #text h5{
	background-color:#ee4760;
}

#page #main #text h5:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:35px;
	height:25px;
	background-color:#fff;
	border-radius: 80% 0 80% 0;
	top:0;
	bottom:0;
	left:5px;
}

#page #main #text h6{
	position:relative;
	margin-bottom:1.5em;
	background-color:#E3F3ED;
	border-bottom:3px solid #016B4B;
	padding:.5em .5em .5em 50px;
	font-size:100%;
}

#page #main .now #text h6{
	background-color:#E8F7FF;
	border-bottom:3px solid #0078b9;
}

#page #main .try #text h6{
	background-color:#F7FFE6;
	border-bottom:3px solid #6da400;
}

#page #main .live #text h6{
	background-color:#FFECEF;
	border-bottom:3px solid #ee4760;
}


#page #main #text h6:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:35px;
	height:25px;
	background-color:#016B4B;
	border-radius: 80% 0 80% 0;
	top:0;
	bottom:0;
	left:5px;
}

#page #main .now #text h6:before{
	background-color:#0078b9;
}

#page #main .try #text h6:before{
	background-color:#6da400;
}

#page #main .live #text h6:before{
	background-color:#ee4760;
}

#page #main #text p{
	margin-bottom:1.5em;
}

#page #main #text img{
	max-width:100%;
	height:auto;
}

#page #main #text a{
	position:relative;
	text-decoration: none;
	font-size:inherit;
}


#page #main #text a:not(.nowraplink){
	display:inline-block;
	position:relative;
	color:inherit;
	text-decoration:none;
}

#page #main #text a:after{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	height:2px;
	width:100%;
	background-color:#4CB986;
	bottom:0;
	left:0;
}

#page #main #text a img:hover{
	opacity:0.5;
	transition:.2s;
}

#page #main #text a:hover:after{
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:.5s;
 animation-duration:.5s;
 -webkit-animation-name: resizeW;
 animation-name: resizeW;
-webkit-transform-origin-x: left;
}

@-webkit-keyframes resizeW{
	0%{
		width:0;
	}
	100%{	
		width:100%;
	}
}
@keyframes resizeW{
	0%{
		width:0;
	}
	100%{	
		width:100%;
	}
}

#page #main #text ul{
	margin-bottom:1.5em;
}

#page #main #text ul li{
	position:relative;
	margin:bottom;
	margin-left:1em;
	padding:.5em;
}

#page #main #text ul li:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	height:14px;
	width:14px;
	background-color:#707070;
	top:0;
	bottom:0;
	left:-1em;
}

#page #main #text ul li.page_item_has_children:before{
	display:none;
}

#page #main #text ol{
	margin-bottom:1.5em;
}

#page #main #text ol li{
	position: relative;
	margin-bottom:1px;
	padding: .5em 0 .5em 3.5em;
	counter-increment: olNum1;
}

#page #main #text ol li:before{
    position: absolute;
    top: .8em;
    left: 1.5em;
    content: counter(olNum1);
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 25px;
    color: #333;
    font-size: 80%;
    text-align: center;
}

#page #main #text ol li:nth-child(2n):before{
}

#page #main #text ol li ol{
	border-right:0;
}

#page #main #text ol li li{
    counter-increment: olNum2;
}

#page #main #text ol li li:before{
    content: counter(olNum2);
}

#page #main #text ol li li li{
    counter-increment: olNum3;
}

#page #main #text ol li li li:before{
    content: counter(olNum3);
}

#page #main #text ol li:after{
	display:block;
	position:absolute;
	content:'';
	margin:auto;
	width:14px;
	top:20px;
	left:0;
	border-bottom:3px solid #707070;
}


#page #main #text table{
	margin-bottom:1.5em;
	border-top:2px solid #707070;
	border-left:2px solid #707070;
}

#page #main #text table td{
	padding:.5em;
	border-right:2px solid #707070;
	border-bottom:2px solid #707070;
}


#page #main #text table th{
	vertical-align:top;
	background:#707070;
	padding:.5em;
	color:#fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;

}

#page #main #text table th:last-of-type{
	border-right:0;
}

#page #main #text table tr:last-of-type th{
	border-bottom:0;
}

#page #main #text table.noborder_table{
	border-top:0;
	border-left:0;
}

#page #main #text table.noborder_table th,
#page #main #text table.noborder_table td{
	border-right:0;
	border-bottom:0;
}

#page #main #text table.video_table,
#page #main #text table.video_table td{
	display:block;
	padding:0;
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:0;
}

#page #main #text table.video_table tbody,
#page #main #text table.video_table tr,
#page #main #text table.video_table td{
	display:inline;

}

#page #subpage li div.subpage_thum{
	height:150px;
}

#page #subpage li{
	float:left;
	margin: 0 2% 2em;
	width:calc(88% / 3)
}

#page #main #subpage li h5 a{
	font-size:100%;
	line-height:1.5;
}


/* form */

#page #main #text form input[type="text"],
#page #main #text form input[type="email"],
#page #main #text form input[type="tel"],
#page #main #text form input[type="password"],
#page #main #text textarea{
	width:100%;
	padding:.5em;
	border:1px solid #ccc;
	border-radius:5px;
	box-shadow:inset 2px 2px 2px #eee;
}

#page #main #text form .wpcf7-checkbox.rowsort > span{
	display:block;
}

#page #main #text form label{
	cursor:pointer;
}

#page #main #text form input[type="submit"]{
	display:block;
	margin:0 auto;
	padding:.5em 2em;
	font-size:100%;
	color:#fff;
	border:1px solid #1f835b;
	background-color:#1f835b;
	cursor:pointer;
	transition:.2s;
}

#page #main #text form input[type="submit"]:hover{
	color: #1f835b;
	background-color:#fff;
	transition:.2s;
}

/* 埋め込みコード */
#page #main #text .mejs-volume-button>.mejs-volume-slider{
    -webkit-backface-visibility: hidden;
    background: rgba(50,50,50,.7);
    border-radius: 0;
    bottom: 100%;
    display: none;
    height: 115px;
    left: 50%;
    margin: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 25px;
    z-index: 1;
}

#page #main #text .mejs-volume-button>.mejs-volume-slider:after{
	display:none;
}

/* footer */
#footer_wrap{
	min-width:100%;
	padding-bottom:0;
}

#footer_wrap #link_list{
    padding: 1em 1em;
    width: 100%;
}

#footer_wrap #link_list h4{
	color:#fff;
}

#footer_wrap #link_list ul{
	overflow:hidden;
}

#footer_wrap #link_list ul li{
	float:left;
	margin-left:2em;
	margin-bottom:.5em;
}

#footer_wrap #link_list ul li a{
	color:#fff;
}

#copyright{
	color:#fff;
	text-align:center;
}

#foot_bottom_wrap{
	position:relative;
	margin:auto;
	width:100%;
	height:auto;
	bottom:0;
	z-index:990;
	background-color:#1f835b;
}

#foot_bottom_wrap svg{
  display:none;
}


#foot_bottom{
position: relative;
	width:100%;
	padding:0 1em;
	border-top:2px solid #fff;
}


#foot_bottom ul{
	float:left;
	width:50%;
}

#foot_bottom ul a{
	color:#fff;
}

#foot_bottom form{
	float:left;
	padding-top:.5em;
	width:50%;
}

#foot_bottom form input[type="text"]{
	width:70%;
}

#foot_bottom form button[type="submit"]{
	font-size:inherit;
}

#foot_bottom > div{
	float:left;
	width:600px;
}
#foot_bottom > div *{
	color:#fff;
}

#foot_bottom > p{
	clear:both;
	text-align:center;
}

#foot_bottom > p{
	float:none;
	padding-top:0em;
	width:100%;
	color:#fff;
	border-top:1px solid #fff;
	text-align:center;
}

#foot_bottom > p:last-of-type{
	float:none;
	position:fixed;
	width:100px;
	margin:auto;
	border-top:0px solid #fff;
	bottom:5px;
	right:5px;
}

.mamewaza_weather_exp{
	display:none !important;
}

div.mamewaza_weather > div,
div.mamewaza_weather td{
	padding:0 !important;
}

div.mamewaza_weather tbody tr:nth-child(2) td{
	font-size:0;
	line-height:0;
}

div.mamewaza_weather tbody tr:nth-child(2) td span:first-of-type{
	margin-bottom:0.2em;
	font-size:36px;
	line-height:1;
}

#foot_bottom > div table.mamewaza_weather{
	width:calc(100% - 70px);
}


}

@media screen and (max-width:630px){

.pdflink, .wordlink, .excellink{
	color:#333;
	background:transparent;
}

.pdflink{
	color:#f33a51;
}

.wordlink{
	color:#368bf1;
}

.excellink{
	color:#62c97d;
}

.pdflink:before,
.wordlink:before,
.excellink:before{
	content:'[';
}

.pdflink:after,
.wordlink:after,
.excellink:after{
	content:']';
}


#header{
	display:none;
}

#sp_menu_btn{
	position:relative;
    width: auto !important;
    height: auto !important;
	vertical-align:middle;
}

#sp_menu_btn p{
	position:absolute;
	margin:auto;
	width:100%;
	height:auto;
	top:0;
	bottom:0;
}

#header_wrap > p span{
	width:100%;
}

#header_wrap.head_fix #sp_menu_btn p {
    width: 100%;
    height: 100%;
}

#header_wrap,
#header_wrap.head_fix{
	background-color:transparent;
	border-bottom:0;
}

#title{
	display:block;
}

#title h1{
	padding-top:.5em;
	margin-bottom:.5em;
}

#header_wrap.head_fix #title h1 a {
	font-size: 3vw;
	line-height:1.5;
}

#title h1 a {
    padding-left: 50px;
    height: 45px;
    font-size: 100%;
    line-height: 1.5;
	font-size: 3vw;
	line-height:1.5;
}


#title_wrap #title div{
	display:block;
}

#title_wrap #title #sp_menu_btn p{
	display:block;
	position:relative;
	margin-right: 0;
	padding:.5em 0;
	color:#1f835b;
	text-align:center;
	background-color:#fff;
}


#header_wrap #title_wrap #title #sp_menu_btn p{
	border-bottom: 3px solid #1f835b;
}

#image_wrap{
	height:300px;
	background-size: 100% auto;
}

#main_image_wrap{
	height:300px;
}

#main_image .slick-active{
	margin-top:100px !important;
	opacity:1;
}

#main_image .slick-active + .slick-active{
		margin-top:150px !important;
}

#main_image .slick-active + .slick-active + .slick-active{
	margin-top:200px !important;
}

#main_image .slick-active + .slick-active + .slick-active + .slick-active{
	margin-top:150px  !important;
}

#main_image .slick-active + .slick-active + .slick-active + .slick-active + .slick-active{
	margin-top:100px !important;
}

#header_wrap.sp_nav #menu_list_left,
#header_wrap.sp_nav #menu_list_right{
	width:100%;
	max-height:fit-content !important;
	height:auto !important;
	overflow:hidden !important;
}

#main, #information_wrap{
margin-top: -200px;
    padding-top: 200px;
}

.sp_nav #menu_list{
	display: flex !important;
	flex-wrap:wrap;
	overflow-y: scroll;
	height: 100vh !important;
}

#menu_list_left{
	padding-bottom:100px;
	padding-top:1em;
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
}

#menu_list_right{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
}


#main #topic #ticker{
	display:block;
	height:300px;
	width:100%;
	overflow:scroll;
}

#main #topic #ticker p{
	border-radius:5px;
}

#main #news div.box{
	font-size:3vw;
	line-height:1.5em;
}

#main #news div.box p:first-of-type{
	padding:.5em .5em .5em 0;
}

#main #news div.box .cat_news,
#main #news div.box .cat_now,
#main #news div.box .cat_farmland,
#main #news div.box .cat_try,
#main #news div.box .cat_live{
background-size: auto 15px;
}

#top_content {
	font-size: 3vw;
	line-height:1.5em;
}

#top_content div p#icon_now,
#top_content div p#icon_farmland,
#top_content div p#icon_try,
#top_content div p#icon_live{
	width:60px;
	height:50px;
	background-size:auto 20px;
}


#top_content div p#now_pict,
#top_content div p#farmland_pict,
#top_content div p#try_pict,
#top_content div p#live_pict{
	display:block;
	width: 100%;
}

#top_content div p.cont_desc{
	display:block;
}


#top_content > p a{
	width:100%;
}


.content_box .box_item{
	position:relative;
	float:left;
	margin:1em;
	//width:calc(90% / 4);
	width:260px;
	height:180px;
	background-color:#fff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	box-shadow:3px 3px 3px #ccc;
	transition:.2s;
}

.content_box .box_item:hover{
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	transition:.2s;
}


.content_box .box_item p{
	position:absolute;
	display:block;
	margin:auto;
	width:100%;
	height:50%;
	padding:.5em 1em;
	font-size:100%;
	bottom:0;
	color:#fff;
	background-color:rgba(0,0,0,0.5);
	transition:.2s;
}


.content_box .box_item a{
	    position: absolute;
    display: block;
    content: '';
    margin: auto;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#information table,
#information tbody{
	clear:both;
	display:block;
}

#information tr,
#information td{
	display:block;
	margin-bottom:1.5em;
	width:100%;
	text-align: center;
}


#page #main #cont h2{
	font-size:120%;
	padding:1.5em 0 1.5em 50px;
	background-size:45px auto;
}

#page #main #cont h2:before{
	height:35px;
	width:45px;
	background-size:auto 17px;
}


#page #main #text h3{
    padding: 1em 0 1em 60px;
	font-size:120%;
}

#page #main #text h3:before{
	font-size:10px;
}

#page #main #text h4{
	padding: .5em .5em .5em 35px;
}

#page #main #text h4:before{
	width: 25px;
	height: 20px;
}

#page #main #text h5{
	padding: .5em .5em .5em 35px;
}

#page #main #text h5:before{
	width: 25px;
	height: 20px;
}

#page #main #text h6{
	padding: .5em .5em .5em 35px;
}

#page #main #text h6:before{
	width: 25px;
	height: 20px;
}

#page #main #text a:not(.nowraplink){
	display:inline;
	color:#4CB986;
	text-decoration:underline;
}

#page #main #text a:after{
	display:none;
}

#page #main #text table{
	width:100%;
	margin:0 auto 13px;
	border-radius:0;
}

#page #main #text table:not(.fit) th,
#page #main #text table:not(.fit) td{
	display:block;
	width:100%;
	border-radius:0;
	box-sizing:border-box;
}

#page #main #text table.noborder_table th,
#page #main #text table.noborder_table td{
	padding:0;
}

/* 特殊テーブル */

#page #main #text table.video_table{
	width:100% !important;
	margin-left:auto;
	margin-right:auto;
}

#page #main #text table.fit{
	width:100% !important;
	margin-left:auto;
	margin-right:auto;
}

#page #main #text table.large_table{
	width:96% !important;
	margin-left:auto;
	margin-right:auto;
}

#page #main #text table.large_table{
	display: block;
	height:auto !important;
	overflow-x: scroll;
	table-layout:fixed; 
	box-sizing: border-box;
}

#page #main #text table.large_table tbody{
	max-width:1000px;
}

#page #main #text table.large_table td,
#page #main #text table.large_table th{
	display:table-cell;
	white-space: nowrap;
	padding:3px 8px;
}

#page #main #text table.large_table {
     overflow: auto;
}

#page #main #text table::-webkit-scrollbar{ /* スクロールバー全体 */
    height: 5px;
}

#page #main #text table::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
    background: #1f835b;
    border:1px solid #fff;
    border-radius: 10px;
}
#page #main #text table::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
    background: #E3F3ED;
}
#page #main #text table::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
    background: #E3F3ED;
}

#page #main #text table:not(.large_table):not(.fit) td,#page #main #text table:not(.large_table):not(.fit) th{
	display:block;
	width:100% !important;
	height:auto !important;
	overflow:hidden;
}

#page #main #text table:not(.large_table):not(.fit) td :last-of-type, #page #main #text table:not(.large_table):not(.fit) th :last-of-type{
	margin-bottom:1.5em;
}

#page #main #text table:not(.large_table):not(.fit) td{
	text-align:left !important;
}

#page #subpage{
}

#page #subpage ul{
	width:100%;
	overflow:hidden;
}

#page #subpage li{
	margin: 0 2% 2em;
	width:96%;
}

#page #subpage li div.subpage_thum{
	display:none;
}

#page #subpage li h5{
	font-size:100%;
}

#page #main #subpage li h5 a{
	font-size:120%;
	height:auto !important;
	line-height:1.5;
}

#page #main #subpage li h5 a:after{
	width:15px;
	height:15px;
	background-size:contain;
}

#page #main #subpage li h5 a:before{
	display:none;
}

#page #main #subpage h6{
	height:auto !important;
	color:#fff !important;
}

#footer_wrap{
	padding-bottom:0;
}

#footer_wrap #link_list ul li{
	float:none;
}

#foot_bottom_wrap{
	position:relative;
}



#foot_bottom ul{
	float:none;
	padding-top:1em;
	width:100%;
}
#foot_bottom ul li,
#foot_bottom form{
	float:none;
	margin-bottom:1em;
	width:100%;
}

#foot_bottom form button[type="submit"]{
	height:auto;
}

#foot_bottom > div{
	float:none;
	width:100%;
}

}
