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

.list_menu_wrapper{
	width: 100%;
	margin-bottom: 5vh;
}

div#list_menu_content{
	width: 25%;
	margin: 0 auto;
	display:table-cell;
	vertical-align: top;
	text-align: center;
}

.list_menu_01{
	color: #335CB7;
	font-size: 1.2vw;
	margin: 0 auto;	
}

div#list_menu_content img{
	max-width: 85%;
	text-align: center;
	margin: 0 auto;
	margin: 1vh 0;
}

div#list_menu_content img:hover{
	cursor:pointer;
}

.list_menu_content_txt{
	width: 85%;
	font-size: 1vw;
	margin: 0 auto;
	text-align: left;
}

.list_menu_content_txt_02{
	width: 85%;
	font-size: 0.6vw;
	margin: 0 auto;
	text-align: left;
	padding-top: 1vh;
}

.list_main_wrapper{
	width: 100%;
	margin: 0;
	padding: 0;	
}

.area {
	width: 100%;
	margin: auto;
	flex-wrap: wrap;
	display: flex;
	margin-bottom: 2vh;
}
 
.tab_class {
	position: relative;
	width: 24.5%;
	border-radius: 0 1vw 0 0;	
	height: 2.5em;
	background-color: #D0E8F4;
	line-height: 2.5em;
	font-size: 1.0vw;
	display: block;
	float: left;
	order: -1;
	text-align: left;
	padding-left: 1vw;
	margin-right: 0.2vw;
	color: #335CB7;
	cursor: pointer;
}


.tab_class::after{
	position: absolute;
	width:20%;
	height:80%;
	right: 0.5vw;
	top: 0.5vh;
	content: "";
	background: url("../images/arrow_white.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
}
 
input[name="tab_name"] {
	display: none;
}
 
input:checked + .tab_class {
	background-color: #335CB7;
	color: #FFFFFF;
}
 
input:checked + .tab_class ::after {
	background: #335CB7;
}

.content_class {
  display: none;
  width: 100%;
	margin-bottom: 2rem;
}
 
input:checked + .tab_class + .content_class {
  display: block;
}



.table_list{
	width: 98%;
	margin:0 auto;
}


.list_table *, .list_table *:before, .list_table *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.list_table {
	border-collapse: collapse;
	width: 100%;
	margin-top: 0;
	
}


.list_table th {
	width: auto;
	padding:1.5em 0 1em 0;
	border-bottom: 1px solid #335DB7;
	color: #335CB7;
	font-weight: bold;
	letter-spacing: 0.2vw;
	vertical-align: bottom;
	text-align: center;
}

.list_table_th_wid01{
	text-align: center;
	width: 10%;
	float: left;
	font-size: 1vw;	
	white-space: nowrap;		
	
}

.list_table_th_wid02{
	text-align: center;	
	width: 15%;
	float: left;
	font-size: 1vw;		
}

.list_table_th_wid03{	
	text-align: center;
	width: 50%;
	float: left;
	font-size: 1vw;		
}

.list_table_th_wid04{
	text-align: center;
	width: 10%;
	float: left;
	font-size: 1vw;		

}

.list_table_th_wid05{	
	text-align: center;	
	width: 15%;
	float: left;
	font-size: 1vw;		

}

.list_table_wid01{
	text-align: center;
	width: 10%;
	float: left;
	font-size: 1vw;	
	white-space: nowrap;		
	
}

.list_table_wid02{
	text-align: center;	
	margin: 0 auto;
	width: 15%;
	float: left;
}

.list_table_wid03{	
	width: 50%;
	float: left;
	font-size: 1vw;		
}

.list_table_wid04{
	text-align: center;
	width: 10%;
	float: left;

}

.list_table_wid05{	
	text-align: center;	
	width: 15%;
	float: left;
	font-size: 1vw;	

}

.list_table_wid06{
	text-align: left;	
	font-size: 1vw;
	vertical-align: top;
	white-space: nowrap;
	padding-left: 0.8rem;
	width: 100%;
	background-color: #E8E8E8;
	padding: 0.1rem;
	letter-spacing: 0.5vw;	

}

.list_table_wid07{	
	font-size: 1vw;
	padding:0.5rem 0 1.5rem 1rem;
	letter-spacing: 0.1vw;
}


.list_table_td {
	padding: 1.5rem 0;

}

.list_table td {
	vertical-align: top;
	font-size: 1.5vw;
	font-weight: lighter;
	letter-spacing: 0.2vw;
	
}

.list_table tr {
	border-bottom: 1px solid #335DB7;

}


.list_table tr:last-child {
	border-bottom:none;
}

.list_table a {
	text-decoration: none;
	color: #335CB7;
}

.list_table a:hover {
	text-decoration: none;
	color: #94A8D6;
}


.list_type_01{    /*土地利用型*/
	display: block;
	width: auto;
	padding:  0.5em 0.1em;
    color: #FFFFFF;
	font-size: 0.8vw;
	border-radius: 3em;
	text-align: center;
	margin:0 1em;
	white-space: nowrap;
    background: #3580BA;	
}

.list_type_02{    /*野菜*/
	display: block;
	width: auto;
	padding:  0.5em 0.1em;
    color: #FFFFFF;
	font-size: 0.8vw;
	border-radius: 3em;
	text-align: center;
	margin:0 1em;
	white-space: nowrap;
    background: #48D239;
}

.list_type_03{    /*果樹*/
	display: block;
	width: auto;
	padding:  0.5em 0.1em;
    color: #FFFFFF;
	font-size: 0.8vw;
	border-radius: 3em;
	text-align: center;
	margin:0 1em;
	white-space: nowrap;
    background: #E77C14;
}

.list_type_04{    /*畜産*/
	display: block;
	width: auto;
	padding:  0.5em 0.1em;
    color: #FFFFFF;
	font-size: 0.8vw;
	border-radius: 3em;
	text-align: center;
	margin:0 1em;
	white-space: nowrap;	
    background: #BAB234;
}

.list_type_05{    /*茶園*/
	display: block;
	width: auto;
	padding:  0.5em 0.1em;
    color: #FFFFFF;
	font-size: 0.8vw;
	border-radius: 3em;
	text-align: center;
	margin:0 1em;
	white-space: nowrap;
	background: #BA8334;
}

.list_type_06{    /*農作業安全*/
	display: block;
	width: auto;
	padding:  0.5em 0.1em;
    color: #FFFFFF;
	font-size: 0.8vw;
	border-radius: 3em;
	text-align: center;
	margin:0 1em;
	white-space: nowrap;
	background: #DC143C;
}

.list_type_07{    /*園芸*/
	display: block;
	width: auto;
	padding:  0.5em 0.1em;
    color: #FFFFFF;
	font-size: 0.8vw;
	border-radius: 3em;
	text-align: center;
	margin:0 1em;
	white-space: nowrap;
    background: #39D277;
}

.list_type_end{
	display: block;
	width: auto;
	padding: 0.5em 1em;
	margin:0 1.5em;
    color: #FFFFFF;
    background: #B0B0B0;
	white-space: nowrap;	
	font-size: 0.8vw;
	
}

.list_type_end_02{
	display: block;
	width: auto;
	padding: 0.5em 1em;
	margin:0 1.5em;
    color: #FFFEF9;
	white-space: nowrap;
    background: #FFFEF9;	
	font-size: 0.5vw;
}

.list_type_extend{
	display: block;
	width: auto;	
	padding: 0.5em 1em;
	margin:0 1.5em;
    color: #000000;
    background: #FFDD00;
	white-space: nowrap;	
	font-size: 0.8vw;
	
}

.list_type_new{
	display: block;
	width: auto;	
	padding: 0.5em 1em;
	margin:0 1.5em;
    color: #FFFFFF;
    background: #A100C9;
	white-space: nowrap;	
	font-size: 0.8vw;
	
}


.list_detail{
	width: 100%;
	border-bottom: 0.1vw solid #335DB7;	
	display: inline-block;	
}



.list_detail_no{
float: left;
display: inline-block;		
	width: 10%;	
padding: 2vh 2vw;
	background: #E2F0FC;
		border-right: 0.1vw solid #335DB7;	


	
	
}
.list_detail_title{
display: inline-block;	
	position: relative;	
	width:90%;
	padding: 2vh 2vw;
	margin: 0 auto;
	margin: auto 0;	
	vertical-align: middle;
	
	
}

.list_detail_title::after{
	position: absolute;
	background-image: url("../project/images/img_list_logo.png");
	background-repeat: no-repeat;
	background-position: right top;
	content: "";
	width: 100%;
	height:100%;
	right: 0.5vw;
	top: 1vh;
	background-size: contain;

}

.list_detail_line{
	border-bottom: 0.1vw solid #335DB7;	
}



.list_detail_no_01{
	width: 100%;
	color: #335DB7;
	font-size: 1vw;
	text-align: center;
	margin: auto 0;	
	padding-bottom: 1vh;

	
}


.list_detail_no_02{
	width: 100%;
	color: #335DB7;
	font-size: 1.8vw;
	text-align: center;
	margin: auto 0;	
	padding-bottom: 1vh;	
}

.list_detail_no_03{
	width: 100%;
	text-align: center;
	margin: auto 0;
	margin: 0 auto;

	
}

.list_detail_title_01{
	color: #335CB7;
	font-size: 2.5vw;
}

.list_detail_title_02{
	color: #335CB7;	
	font-size: 1.2vw;
	margin-top: 1vh;
}

.list_detail_title_03{
	border: solid 0.1vw #335CB7;
	border-radius: 3em;
	font-size: 0.8vw;
	margin-right: 1vw;
	padding: 0.5vh 0.5vw;
}

.list_detail_wrapper{
	position: relative;
	width: 100%;
	padding: 1em 2em 0 2em;
	margin-bottom: 3em;	
	font-size: 1.5vw;	
}

.list_detail_wrapper p{
	text-align: left;
}


.list_detail_type01{
	height: 3%;
	width: 100%;
	border-bottom:0.05em solid #A3A3A3;
	border-left:0.5em solid #A3A3A3;
	margin: 1em  0 1em 0;
	padding: 0 0 0.1em 0.8em;
}

div#list_detail_imgbox{
	text-align: center;
	margin: auto 0;
	clear: both;
}

div#list_detail_imgbox img{
	max-width: 100%
}

div#list_detail_imgbox_01{
	display: inline-block;
	text-align: center;
	margin: auto 0;
	margin: 1vh 2vw;
}

div#list_detail_imgbox_02{
	display: inline-block;
	width: 40%;
	text-align: center;
	margin: auto 0;
	margin: 1vh 2vw;
}

div#list_detail_imgbox_02 span{
	text-align: center;
}

iframe#parentframe { 
  width: 100%;
}