@charset "UTF-8";
.rslides {
	display:none;
}
.rslides2 {
	display: block;
}

.main_box {
	width: 100%;
	margin: 15px 0 0 0; 
}
main {
	margin: 0;
	 }
#main, 
.main_box,
.rslides,
.rslides2 {
    max-width: none !important;
     width: 100%; 
}
.rslides img,
.rslides2 img {
	width: 100%;
    max-width: none;
    display: block;
}

/*	 news
/* ------------------------------------- */
.news {
box-sizing:border-box;
width:84%;
	margin: 6% auto;
  }
.important,
.info {
	width: 100%;
	background: #FFF0C1;
	border-radius: 10px;
	box-sizing:border-box;
	padding: 70px 20px 20px 20px;
  margin-top: -50px;
	margin-bottom: 6%;
  position: relative;
  z-index: 0;
}
.im_t,
.info_t {
		border-bottom: 1px solid #F60;
	position: relative;
  z-index: 1;
	margin: 0 20px;
	}
.im_t span,
.info_t span {
	float: left;
	margin-right: 10px;
}
.im_t img,
.info_t img {
		width: 60px;
	}
.animation{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 5s;
}	
.an {
  animation-name: jump;
  animation-duration: .9s;
}
@keyframes jump{
  0%   { transform:translate(0%, 5px); }
  100% { transform:translate(0%, 0%); }
}
.im_t h4,
.info_t h4 {
	color: #F60;
	float: left;
	margin-top: 20px;
	font-size: 90%;
}
.im_t p,
.info_t p {
	color: #F60;
	float: right;
	margin-top: 20px;
	font-size: 60%;
}
.im_t p a {
	color: #F60;
}


.info {
	background: #E2F7F2;
}
.info_t {
		border-bottom: 1px solid #099;
	}
.info_t h4 {
	color: #099;
}
.info_t p {
	color: #099;
}
.info_t p a {
	color: #099;
}


.tabs {
  margin: 0;
}
/*タブのスタイル*/
.tab_item {
  display: inline-block;
  float: left;
	font-size: 67%;
	font-weight: bold;
	color: #099;
	margin: 0px 5px 5px 0;
  transition: all 0.2s ease;
	background:rgba(255,255,255,0.6);
	padding: 5px 5px;
	width: calc((100% - 8px * 2) / 3);
	box-sizing: border-box;
	text-align: center;
	border-radius: 5px;
}
.tab_item:hover {
  opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 10px 0 0 0;
  clear: both;
  overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#info:checked ~ #info_content,
#income:checked ~ #income_content,
#agri:checked ~ #agri_content,
#recruit:checked ~ #recruit_content {
  display: block;
}
.tab_content_description {
	width: 100%;
	max-height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
	background:rgba(255,255,255,1);
}	
.important_sc {
	width: 100%;
	max-height: 240px;
	overflow-y: scroll;
	overflow-x: hidden;
}
/* スクロールバー全体の幅を設定（縦スクロールの場合） */
.tab_content_description::-webkit-scrollbar,
.important_sc::-webkit-scrollbar{
    width: 5px; /* スクロールバーの幅 */
}

/* レールの部分（背景）を設定 */
.tab_content_description::-webkit-scrollbar-track,
.important_sc::-webkit-scrollbar-track{
    background: #f1f1f1; /* 明るいグレー */
    border-radius: 10px;
}

/* つまみの部分（ドラッグする部分）を設定 */
.tab_content_description::-webkit-scrollbar-thumb,
.important_sc::-webkit-scrollbar-thumb{
    background: #888; /* グレー */
    border-radius: 10px;
}

/* つまみをホバーした時の色を設定（オプション） */
.tab_content_description::-webkit-scrollbar-thumb:hover,
.important_sc::-webkit-scrollbar-thumb:hover{
    background: #888; /* 濃いグレー */
}
/*	 work
/* ------------------------------------- */
.work {
box-sizing:border-box;
width:100%;
	margin: 0 auto;
	padding: 6% 8%;
	background: #E2F7F2;
  }
.work h4 {
	color: #099;
	font-weight: normal;
	font-size: 120%;
	text-align: center;
	margin-bottom: 10px;
  }
.work_income,
.work_agri {
	background: #FFF;
	border-radius: 5px;
	padding: 20px;
	margin: 0 0 6% 0;
	font-size: 80%;
	line-height: 1.7;
	text-align: center;
}
.income {
	margin: 10px auto 0px auto;
	width: 200px;
}
.income img,
.agri img {
	width: 100%;
}
ul.agri {
	list-style: none;
	text-align: center;
}
ul.agri li {
	margin: 10px 1% 0px 0px;
	width: 32.5%;
	float: left;
} 
ul.agri li:nth-child(3n) {
	margin: 10px 0px 0px 0px;
} 


/*	 map
/* ------------------------------------- */
.map {
box-sizing:border-box;
width:100%;
	margin: 0 auto;
	padding: 8%;
	background: url("../img/top/map.jpg") no-repeat center;
	background-size: 400%;
  }
.map h4 {
	color: #FFF;
	font-weight: normal;
	font-size: 120%;
	text-align: center;
	margin-bottom: 10px;
  }
.map a:hover {
  opacity: 0.7;
}
.map_box_l {
width:100%;
	margin: 0 0 10px 0;
  }
.map_box_r {
width:100%;
	background:rgba(255,255,255,0.8);
	border-radius: 10px;
	box-sizing: border-box;
	padding: 20px;
	line-height: 1.5;
  }	
.map_box_r h5 {
	font-size: 100%;
  }	
.map_box_r p {
	font-size: 70%;
	margin: 0 0 5px 0;
  }
.map_box_r address {
	font-size: 70%;
	font-style: normal;
  }
.tel a {
	font-size: 120%;
	color: #000;
  }
.nikawa,
.nikawa a {
	color: #07F;
  }
.toyama,
.toyama a {
	color: #090;
  }
.takaoka,
.takaoka a {
	color: #F60;
  }
.tonami,
.tonami a {
	color: #F57;
  }
.m_t {
	padding-top: 10px;
}
 .cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-13, .cls-14 {
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .cls-1, .cls-3, .cls-4, .cls-5, .cls-9, .cls-14 {
        stroke-width: 3.47px;
      }

      .cls-1, .cls-3, .cls-4, .cls-14 {
        fill: none;
      }

      .cls-1, .cls-13 {
        stroke: #f60;
      }

      .cls-2 {
        fill: #61aeff;
      }

      .cls-2, .cls-8, .cls-10, .cls-12 {
        stroke: #fff;
        stroke-width: 1.74px;
      }

      .cls-3, .cls-7, .cls-9 {
        stroke: #007eff;
      }

      .cls-4, .cls-5, .cls-6 {
        stroke: #ff507b;
      }

      .cls-5, .cls-6 {
        fill: #ff507b;
      }

      .cls-6, .cls-7, .cls-11, .cls-13 {
        stroke-width: 12.15px;
      }

      .cls-15, .cls-11 {
        fill: #009d00;
      }

      .cls-16 {
        fill: #fff;
      }

      .cls-17, .cls-13 {
        fill: #f60;
      }

      .cls-7, .cls-9 {
        fill: #007eff;
      }

      .cls-8 {
        fill: #ff9ab4;
      }

      .cls-10 {
        fill: #ffab00;
      }

      .cls-11, .cls-14 {
        stroke: #009d00;
      }

      .cls-12 {
        fill: #99c100;
      }

/*	 media
/* ------------------------------------- */
.media {
width:84%;
margin: 8% auto;
} 
.kouhou {		
		width: 100%;
	}	
.kouhou_i img {		
		width: 25%;
	float: left;
	margin: 0 5% 0 0;
	}
.kouhou_t {		
		width: 70%;
	float: left;
	}
.kouhou_t h4,
.shinbun h4 {	
	color: #099;
	font-size: 90%;
	margin: 0 0 10px 0;
	}
.kouhou_t p,
.shinbun p {	
	font-size: 70%;
	line-height: 1.6;
	}
.shinbun {	
		width: 100%;
	text-align: center;
	border-top:1px solid #099; 
	margin-top: 20px;
	padding-top: 20px;
	}	
.shinbun img {		
		width: 100%;
	}
.shinbun p {	
	margin: 10px 0 0 0;
	}	

/*	 banner
/* ------------------------------------- */
.banner01,
.banner02,
.banner03 {
	width:100%;
	margin: 20px 0 0 0;
}
.banner01 img,
.banner02 img,
.banner03 img {
	width: 100%;
}



/* ------------------------------------- */
/*	 resposive480
/* ------------------------------------- */
@media screen and (min-width: 480px) {
.info_box a span {
 width: 20%;
}
.info_box a h5 {
 width: 80%;
}
}
/* ------------------------------------- */
/*	 resposive768
/* ------------------------------------- */
@media screen and (min-width: 768px) {

.rslides {
	display: block;
}
.rslides2 {
	display:none;
}
body {
	background-size: 100%;
}
/*	 news
/* ------------------------------------- */
.news {
width:88%;
	margin: 4% auto;
}
.important,
.info {
	width: 100%;
	padding: 90px 30px 30px 30px;
  margin-top: -70px;
	margin-bottom: 4%;
}
.im_t,
.info_t {
	margin: 0 30px;
	}
.im_t span,
.info_t span{
	float: left;
	margin-right: 10px;
}
.im_t img,
.info_t img {
		width: 80px;
	}
@keyframes jump {
  0%   { transform:translate(0%, 10px); }
  100% { transform:translate(0%, 0%); }
}
.im_t h4,
.info_t h4 {
	margin-top: 35px;
	font-size: 110%;
}
.im_t p,
.info_t p {
	margin-top: 35px;
	font-size: 80%;
}
.im_box h5 {
	width: 90%;
}

.tab_item {
	font-size: 80%;
	margin: 0px 5px 5px 0;
	width: calc((100% - 6.5px * 4) / 5);
}
.tab_content_description {
	max-height: 220px;
}
.important_sc {
	max-height: 160px;
}	
/*	 work
/* ------------------------------------- */
.work {
	margin: 0 auto;
	padding: 4% 6%;
  }
.income {
	margin: 10px auto 0px auto;
	width: 200px;
}
ul.agri li,
ul.agri li:nth-child(3n) {
	margin: 10px 1% 0px 0px;
	width: 19.2%;
	float: left;
} 
ul.agri li:nth-child(5n) {
	margin: 10px 0px 0px 0px;
} 
	
/*	 map
/* ------------------------------------- */
.map {
	margin: 0 auto;
	padding: 6%;
	background-size: 200%;
  }

.map_box_l {
width:50%;
	margin: 0 auto 10px auto;
  }

.map_box_r h5 {
	float: left;
	margin: 0 10px 0 0;
  }	
.map_box_r p {
	margin: 0px;
	line-height: 2;
  }
.map_box_r address {
	display: block;
	clear: both;
	min-height: 1px;
	margin: 0 0 10px 0;
  }
.tel a {
	font-size: 110%;
  }	
.m_t {
	padding-top: 0px;
}	
/*	 media
/* ------------------------------------- */
.media {
width:88%;
	margin: 6% auto;
} 
.kouhou {		
		width: 50%;
	border-right: 1px solid #099;
	border-bottom: none;
	float: left;
	}	
.kouhou_i img {		
		width: 20%;
	float: left;
	margin: 0 5% 0 0;
	}
.shinbun {	
	border-top: none; 
		width: 45%;
	float: right;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	}
/*	 banner
/* ------------------------------------- */
.banner01 {
	width: 49%;
	float: left;
	margin: 0;
}
.banner02 {
	width: 49%;
	float: right;
	margin: 0;
}
.banner03 {
	width: 49%;
	float: left;
	margin: 2% 0 0 0;
}
}

/* ------------------------------------- */
/*	 resposive1200
/* ------------------------------------- */
@media screen and (min-width: 1200px) {
.main_box {
	margin: 50px 0 0 0; 
}

/*	 news
/* ------------------------------------- */
.news {
width:1200px;
	margin: 60px auto 40px auto;
}
.important,
.info {
	margin-bottom:30px;
}
.im_t {
		border-bottom: 1px solid #F60;
	position: relative;
  z-index: 1;
	margin: 0 30px;
	}
.im_t span {
	float: left;
	margin-right: 10px;
}

.im_box h5 {
	width: 1000px;
}
/*	 work
/* ------------------------------------- */
.work {
	padding: 0;
	margin: 0;
  }
.work_box {
margin: 60px auto 0px auto;
width:1200px;
  }
.work h4 {
	font-size: 140%;
	margin-bottom: 20px;
  }
.work_income {
	padding: 30px 50px;
	width: 30%;
	float: left;
	box-sizing: border-box;
	height: 390px;
}
.work_agri {
	padding: 30px 80px;
	width: 68%;
	float: right;
	box-sizing: border-box;
	height: 390px;
}
.income {
	margin: 20px auto;
}
ul.agri li ,
ul.agri li:nth-child(3n) {
	margin: 10px 3% 0px 0px;
	width: 22.5%;
	float: left;
} 
ul.agri li:nth-child(4n) {
	margin: 10px 0px 0px 0px;
} 
ul.agri li:nth-child(5n){
	margin: 0px 3% 0px 13%;
} 
ul.agri li:nth-child(6n),
ul.agri li:nth-child(7n){
	margin: 0px 3% 0px 0px;
} 
/*	 map
/* ------------------------------------- */
.map {
	margin: 0;
	padding: 0;
	background-size: 100%;
  }
.map_box {
margin: 60px auto 60px auto;
width:1200px;
  }
.map h4 {
	font-size: 140%;
	margin-bottom:40px;
  }
.map_box_l {
width:670px;
	float: left;
	box-sizing: border-box;
  }
.map_box_r {
width:450px;
	float: right;
	padding: 30px;
	line-height: 1.7;
  }
.map_box_r h5 {
	float: none;
	margin: 0 ;
  }	
.map_box_r p {
	margin: 0 0 5px 0px;
  }
.map_box_r address {
	display: block;
	clear: both;
	min-height: 1px;
	margin: 0 0 10px 0;
  }
.m_t {
	padding-top: 10px;
}
	
/*	 media
/* ------------------------------------- */
.media {
width:1200px;
	margin: 60px auto;
} 
.kouhou {		
		width: 600px;
	}	
.kouhou_i img {		
		width: 200px;
	margin: 0 20px 0 0;
	}
.kouhou_t {		
		width: 340px;
	}
.kouhou_t h4,
.shinbun h4 {
	font-size: 120%;
	}
.kouhou_t p,
.shinbun p {	
	font-size: 80%;
	line-height: 1.7;
	}
.shinbun {		
		width: 559px;
	}
}