/* CSS Document */

.arwTit{
	padding: 9px 8%;
	max-width: 87%;
	text-align: center;
	display: inline-block;
	border-top: solid 1px #736357;
	border-bottom: solid 1px #736357;
	position: relative;
	background: #FFFFFF;
  line-height: 1.5em;
}
	.arwTit::before,
	.arwTit::after{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 0 21px 20px;
		border-color: transparent transparent transparent #736357;
		position: absolute;
		top: -1px;
		right: -19px;
		margin: auto;
	}
	.arwTit::after{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 0 21px 20px;
		border-color: transparent transparent transparent #FFFFFF;
		position: absolute;
		right: -18px;
	}

	.work .areaAbout .arwTit::before,
	.work .areaAbout .arwTit::after{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 30px 0 30px 20px;
		border-color: transparent transparent transparent #736357;
		position: absolute;
		top: -1px;
		right: -20px;
		margin: auto;
	}
	.work .areaAbout .arwTit::after{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 30px 0 30px 20px;
		border-color: transparent transparent transparent #FFFFFF;
		position: absolute;
		right: -19px;
	}

#learning .fv{
	margin-bottom: 20px;
}
/*#learning .fv{
	background: url(images/fv.gif) no-repeat center top;
	height: 200px;
	padding: 60px 0 0;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 20px;
}
	#learning .fv h2{
		font-size: 200%;
		line-height: 1.2em;
		letter-spacing: 4px;
		margin: 10px 0 0;
		font-weight:  700;
	}
	#learning .fv p{
		text-transform: none !important;
		font-size: 180%;
		line-height: 100%;
		display: inline-block;
		border-top: solid 2px #FFFFFF;
		padding-top: 10px;
		margin-top: 10px;
		letter-spacing: 7px;
	}*/

.otherLink{
	text-align: right;

}
	.otherLink a{
		font-size: 120%;
		font-weight: 700;
		display: inline-block;
		padding-bottom: 5px;
		border-bottom: solid 1px #736357;
	}

.readText{
	font-size: 110%;
	line-height: 180%;
	letter-spacing: 2px;
	margin: 20px 0 50px;
}

.category{
	display: flex;
	margin-bottom: 80px;
}
	.category .wrap{
		margin-right: 30px;
	}
	.category .wrap:last-child{
		margin-right: 0;
	}
	.category .wrap .titleSet{
		text-align: center;
		margin-bottom: 20px;
	}
		.category .wrap .titleSet h3{
			font-size: 150%;
			line-height: 100%;
			letter-spacing: 1em;
			margin-right:-1em;
			font-weight: 700;
			padding-top: 10px;
		}
		.category .wrap .titleSet img{
			display: inline-block;
		}
	.category .wrap dl {
		background: #F1EFEE;
		border: solid 1px #736357;
		padding: 25px;
		position: relative;
	}
.category .wrap dl::before,
.category .wrap dl::after{
	content: "";
	position: absolute;
	background: url(images/bgtip.gif) no-repeat top left;
	width: 9px;
	height: 18px;
	top: 66%;
}
.category .wrap dl::before{
	right: -1px;
}
.category .wrap dl::after{
	left: -1px;
    transform: rotate(180deg);
}
		.category .wrap dl dt{
			padding-bottom: 30px;
		}
			.category .wrap dl dt img{
				width: 100%;
				height: auto;
			}
		.category .wrap dl dd{

		}
			.category .wrap dl dd div:first-child{
				margin-bottom: 30px;
			}
			.category .wrap dl dd label{
				font-size: 120%;
				letter-spacing: 2px;
				line-height: 100%;
				font-weight: 700;
				display: block;
				background: url(images/title_bg.png) no-repeat top left;
				padding: 10px 15px;
				margin-bottom: 10px;
			}
			.category .wrap dl dd ul{
			}
				.category .wrap dl dd ul li{
					background: url(../images/hdft/icon_link_arw.png) no-repeat left;
					margin-bottom: 10px;
					padding-left: 15px;
				}
.wide_bg {
	background: #e6e6e6;
	padding: 110px 0 50px !important;
	margin-top: 110px;
}






#learning aside{
	border-top:solid 1px #736357;
	border-bottom: solid 1px #736357;
	padding: 30px 50px;
}
#learning aside .titleSet{
	float: left;
	text-align: center;
}
	#learning aside .titleSet img{
		display: inline-block;
	}
	#learning aside .titleSet .title{
		font-size:130%;
		font-weight: 700;
		letter-spacing: 0.2em;
		margin-right: -0.2em;
		padding-top: 10px;
	}
	#learning aside .titleSet .sub{
		font-size: 110%;
		line-height: 100%;
		border-top: solid 1px #736357;
		padding-top: 10px;
		margin-top: 6px;
		letter-spacing: 3px;
	}
#learning aside dl{
	float: right;
	width: 80%;
}
	#learning aside dl dt{
		float: right;
		width: 25%;
	}
		#learning aside dl dt img{
			width: 100%;
			height: auto;
		}
	#learning aside dl dd{
		float: left;
		width: 65%;
		padding: 23px 0;
	}
	#learning aside dl dd li{
		display: inline-block;
		background: url(../images/hdft/icon_link_arw.png) no-repeat left;
		padding-left: 15px;
		width: 44%;
		letter-spacing: 3px;
		font-size: 110%;
		margin-bottom: 8px;
	}
	#learning aside dl dd li a::after{
		content: "↓";
		font-weight: 700;
		width: 12px;
		display: inline-block;
		border-bottom: solid 1px #736357;
	}


#learning .bnr{
  margin: 40px 0 80px;
  text-align: center;
}
#learning .bnr a{
  display: inline-block;
}
#learning .bnr img{
  width: 700px;
  margin: auto;
}



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

.category {
    display: block;
    margin-bottom: 30px;
}
.category .wrap {
    margin-right: 0;
	margin-bottom: 30px;
}
	.category .wrap .titleSet {
    margin-bottom: 15px;
	}
.wide_bg {
	padding: 20px 0 !important;
}

.readText {
    font-size: 110%;
    line-height: 180%;
    letter-spacing: 2px;
    margin: 20px 0;
}
.forestry img{
		width: 100%;
		height: auto;
}
	.otherLink {
    text-align: center;
	}
	.category .wrap dl {
    padding: 20px;
	}
	.category .wrap dl dt {
    padding-bottom: 20px;
	}

#learning .bnr img{
  width: 100%;
}


#learning aside{
	padding: 5%;
}
#learning aside .titleSet{
	float: none;
	margin-bottom: 10px;
}
	#learning aside .titleSet .sub{
		display: inline-block;
	}
#learning aside dl{
	float: none;
	width: auto;
}
	#learning aside dl dt{
		float: none;
		width: auto;
		margin-bottom: 15px;
	}
		#learning aside dl dt img{
			width: 100%;
			height: auto;
		}
	#learning aside dl dd{
		float: none;
		width: auto;
		padding: 0;
	}
	#learning aside dl dd li{
		display: block;
		width: auto;
		margin-bottom: 0;
	}
		#learning aside dl dd li a{
			display: block;
			padding: 7px 0;
		}

}


/*--------------------------------------------------------------------
	学ぶ
--------------------------------------------------------------------*/

#learn .fv {
	text-align: center;
	margin-bottom: 30px;
}
	#learn .fv h2{
		font-size: 250%;
		line-height: 100%;
		letter-spacing: 0.3em;
		margin-right: -0.3em;
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-weight:  700;
		display: inline-block;
		border-bottom: solid 2px #736357;
	}
#learn .readText {
	margin: 20px 40px 50px;
}
	#learn .fv p{
		text-transform: none !important;
		font-size: 250%;
		line-height: 100%;
		letter-spacing: 7px;
	}

#learn nav{
}
#learn nav ul{
	display: flex;
	justify-content: center;
}
	#learn nav ul li{
		width: 25%;
		margin-right: 20px;
		position: relative;
		border: solid 1px #736357;
		border-radius: 5px;
		text-align: center;
		background-repeat: no-repeat;
		background-position: center top;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: center;
	}
	#learn nav ul li:last-child{
		margin-right: 0;
	}
	#learn nav ul li::before,
	#learn nav ul li::after{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 8px 0 8px;
		border-color: #736357 transparent transparent transparent;
		position: absolute;
		bottom: -10px;
		left: 0;
		right: 0;
		margin: auto;
	}
	#learn nav ul li::after{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 7px 0 7px;
		border-color: #FFFFFF transparent transparent transparent;
		position: absolute;
		bottom: -8px;
	}
		#learn nav ul li a{
			display:  inline-block;
			padding: 20px 15px;
			font-size: 120%;
			letter-spacing: 2px;
			line-height: 130%;
			font-weight: 700;
		}

#learn section{
	padding: 110px 0 0;
}
#learn section .titleSet{
	margin-bottom: 40px;
	text-align: center;
}
	#learn section .titleSet .sub{
		color: #FFFF00;
		font-size: 170%;
		display: inline-block;
		border-bottom: solid 1px #736357;
		padding-bottom: 5px;
		-webkit-text-stroke: 1px #736357;
		margin-bottom: 12px;
	}
	#learn section .titleSet .title{
		font-size: 200%;
		line-height: 100%;
		letter-spacing: 0.25em;
		margin-right: -0.25em;
		font-weight: 700;
	}

#learn .about{
	margin-bottom: 80px;
	padding: 0 90px;
}
#learn .about dl{
}
#learn .about dl dt{
	float:right;
	width: 40%;
}
	#learn .about dl dt img{
		width: 100%;
		height: auto;
	}
#learn .about dl dd{
	float: left;
	width: 54%;
	background: #F1EFEE;
	padding: 48px 3%;
}
	#learn .about dl dd .title{
		font-weight: 700;
		margin-bottom: 15px;
		display:  inline-block;
		position:  relative;
		z-index: 1;
		font-size: 120%;
		letter-spacing: 2px;
	}
	#learn .about dl dd .title::after{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0px;
		width: 100%;
		height: 50%;
		background: #FFFF00;
		z-index: -1;
	}
	#learn .about dl dd ul{
	}
		#learn .about dl dd ul li{
			padding-left: 12px;
			margin-bottom: 10px;
			background: url(../images/hdft/icon_link_arw.png) no-repeat left 5px;
		}
		#learn .about dl dd ul li:last-child{
			margin-bottom:0;
		}

#learn h4{
	text-align: center;
	margin-bottom: 40px;
	font-size: 150%;
	font-weight: 700;
	letter-spacing: 2px;
}
	#learn h4 span{
		display: inline-block;
	}
	#learn h4 span::before,
	#learn h4 span::after{
		content:"";
		display: inline-block;
		width: 7px;
		height: 7px;
		border-radius: 10px;
		background: #736357;
		vertical-align: middle;
		margin: -5px 15px 0;
	}

#learn .areaAbout{
	margin-bottom: 80px;
}
#learn .areaAbout ul{
	display: flex;
	justify-content: center;
}
	#learn .areaAbout li{
		width: 40%;
		text-align: center;
		margin-right: 30px;
	}
	#learn .areaAbout li:last-child{
		margin-right: 0;
	}

	#learn.fishery .areaAbout li{
		width: 50%;
		text-align: center;
		margin-right: 30px;
	}

		#learn .areaAbout ul li .title{
			display: inline-block;
			font-size: 130%;
			font-weight: 700;
			line-height: 130%;
			letter-spacing: 0.3em;
			margin-right: -0.3em;
			border: solid 2px #736357;
			background: #FFFF00;
			padding: 15px;
			border-radius: 6px;
			margin-bottom: 25px;
			position: relative;
			width: 50%;
		}
		#learn .areaAbout ul li .title span{
			font-size: 80%;
      letter-spacing: 1px;
		}
		#learn.work.forestry .areaAbout ul li .title{
			width: 250px;
		}
			#learn.work.forestry .areaAbout ul li .title p{
				width: 250px;
				height: 47px;
				padding-top: 5px;
				display: table-cell;
				vertical-align: middle;
				font-weight: 700;
			}
				#learn.work.forestry .areaAbout ul li .title p span{
					position: absolute;
					letter-spacing: 0;
					line-height: 100%;
					top: -25px;
					left: 0;
					right: 0;
					margin: auto;
					width: 38px;
					padding: 11px 0;
					text-align: center;
					background: #FFFF00;
					border: 2px solid;
					border-radius: 50%;
				}
		#learn .areaAbout ul li .title::before,
		#learn .areaAbout ul li .title::after{
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 10px 8px 0 8px;
			border-color: #736357 transparent transparent transparent;
			position: absolute;
			bottom: -10px;
			left: 0;
			right: 0;
			margin: auto;
		}
		#learn .areaAbout ul li .title::after{
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 10px 7px 0 7px;
			border-color: #FFFF00 transparent transparent transparent;
			position: absolute;
			bottom: -8px;
		}

		#learn .areaAbout li dl{
			padding: 30px;
			background: #e6e6e6;
		}
			#learn .areaAbout li dl dt{
				margin-bottom: 20px;
			}
				#learn .areaAbout li dl dt img{
					width: 100%;
					height: auto;
				}
			#learn .areaAbout li dl dd{

			}
			#learn .areaAbout li dl dd .wrap{
				margin-bottom: 20px;
			}
			#learn .areaAbout li dl dd .wrap:last-child{
				margin-bottom: 0;
			}
			#learn .areaAbout li dl dd .text{
				letter-spacing: 1px;
				line-height: 160%;
				text-align: left;
			}
			#learn .areaAbout li dl dd .subTitle{
				font-weight: 700;
				display: inline-block;
				text-align: center;
				border-bottom: solid 1px #736357;
				padding-bottom: 2px;
				margin-bottom: 10px;
			}
#learn .agri{
	width: 980px;
	margin: 0 auto;
}
#learn .agri ul{
	display: flex;
	margin-bottom: 50px;
}
#learn .agri ul li{
	width: 25%;
	margin-right: 30px;
}
#learn .agri ul li:last-child{
	margin-right: 0;
}
	#learn .agri ul li dl{

	}
		#learn .agri ul li dl dt{
			margin-bottom: 20px;
		}
			#learn .agri ul li dl dt img{
				width: 100%;
				height: auto;
			}
		#learn .agri ul li dl dd{

		}
			#learn .agri ul li dl dd .title{
				font-weight: 700;
				margin-bottom: 10px;
				letter-spacing: 2px;
			}

#learn .agri aside{

}
#learn .agri aside li:first-child{
    padding: 10px 0;
    font-size: 120%;
}
#learn .agri aside a{
	padding: 10px 0px;
	text-align: center;
	display: block;
	border-top: solid 1px #736357;
	border-bottom: solid 1px #736357;
	position: relative;
	width: 87%;
}
		#learn .agri aside a::before,
		#learn .agri aside a::after{
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 20px 0 21px 20px;
			border-color: transparent transparent transparent #736357;
			position: absolute;
			top: -1px;
			right: -19px;
			margin: auto;
		}
		#learn .agri aside a::after{
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 20px 0 21px 20px;
			border-color: transparent transparent transparent #FFFFFF;
			position: absolute;
			right: -18px;
		}

.fishery #topic1 .wrap{
	width: 850px;
	margin: 0 auto 30px;
}
	.fishery #topic1 .wrap > dl{
		margin-bottom: 50px;
	}
		.fishery #topic1 .wrap > dl dt{
			float: right;
			max-width: 300px;
		}
			.fishery #topic1 .wrap > dl dt img{
				width: 100%;
				height: auto;
			}
		.fishery #topic1 .wrap > dl dd{
			float: left;
			max-width:500px;
			letter-spacing: 2px;
			line-height: 180%;
		}
			.fishery #topic1 .wrap > dl dd .title{
				font-weight: 700;
				margin-bottom: 15px;
				display: inline-block;
				position: relative;
				z-index: 1;
				font-size: 120%;
				letter-spacing: 2px;
				margin-left: 40px;
			}
				.fishery #topic1 .wrap > dl dd .title i{
					position: absolute;
					left: -44px;
					top: -10px;
					width: 34px;
					height: 27px;
					padding: 7px 0 0 0;
					font-family: "trumpgothicpro",sans-serif;
					color: #736357;
					border: solid 1px #736357;
					background: #FFFF00;
					text-align: center;
					border-radius: 30px;
					font-size: 120%;
					font-style: normal;
				}
	.fishery #topic1 .wrap ul.u1{
		letter-spacing: -5px;
		margin-bottom: 50px;
	}
		.fishery #topic1 .wrap ul.u1 li{
			vertical-align: top;
			letter-spacing: 0;
			display: inline-block;
			width: 20%;
		}
			.fishery #topic1 .wrap ul.u1 dl{
				margin: 0 3% 30px;
			}
				.fishery #topic1 .wrap ul.u1 dt{
					text-align: center;
					margin-bottom: 10px;
					letter-spacing: 0.6em;
				}
				.fishery #topic1 .wrap ul.u1 dd{
					background: #FFFFFF;
					line-height: 180%;
					padding: 10px;
				}
			.fishery #topic1 .wrap .aside{
				padding: 10px;
				background: #FFFFFF;
				margin-bottom: 50px;
			}
	.fishery #topic1 .wrap ul.u2{
		text-align: left;
		letter-spacing: -5px;
	}
		.fishery #topic1 .wrap ul.u2 li{
			text-align: left;
			vertical-align: top;
			display: inline-block;
			letter-spacing: 0;
			width: 25%;
		}
			.fishery #topic1 .wrap ul.u2 dl{
				margin: 0 3% 30px;
			}
				.fishery #topic1 .wrap ul.u2 dt{
					text-align: center;
					font-size: 110%;
					letter-spacing: 2px;
					margin-bottom: 10px;
				}
				.fishery #topic1 .wrap ul.u2 dd{
				}
					.fishery #topic1 .wrap ul.u2 dd p:first-child{
						line-height: 180%;
						margin-bottom: 10px;
					}
					.fishery #topic1 .wrap ul.u2 dd img{
						width: 100%;
						height: auto;
					}


#topic2{

}
.two_column_wrap .wrap{
	padding: 50px 0;
}
.two_column_wrap .wrap dl{
	width: 980px;
	margin: 0 auto;
}
	.two_column_wrap .wrap dl dt{
		float: right;
		width: 35%;
	}
		.two_column_wrap .wrap dl dt img{
			width: 100%;
			height: auto;
		}
	.two_column_wrap .wrap dl dd{
		float: left;
		width: 62%;
	}
		.two_column_wrap .wrap dl dd .title{
			font-weight: 700;
			margin-bottom: 15px;
			display:  inline-block;
			position:  relative;
			z-index: 1;
			font-size: 120%;
			letter-spacing: 2px;
		}
		.two_column_wrap .wrap dl dd .title::after{
			content: "";
			position: absolute;
			left: 0;
			bottom: 0px;
			width: 100%;
			height: 50%;
			background: #FFFF00;
			z-index: -1;
		}
		.two_column_wrap .wrap dl dd .text{
			line-height: 180%;
		}
.two_column_wrap .wrap:nth-of-type(odd){
	background: #e6e6e6;
}
	.two_column_wrap .wrap:nth-of-type(odd) dt{
		float: left;
	}
	.two_column_wrap .wrap:nth-of-type(odd) dd{
		float: right;
	}

#topic3{
}
	.agriculture #topic3 dl{
	}
		.agriculture #topic3 dl dt{
			float: right;
			width: 30%;
			padding: 30px;
		}
		.agriculture #topic3 dl dd{
			float: left;
			width: 56%;
			background: #e6e6e6;
			padding: 30px;
		}
		.agriculture #topic3 dl dd .title{
			font-weight: 700;
			margin-bottom: 15px;
			display:  inline-block;
			position:  relative;
			z-index: 1;
			font-size: 120%;
			letter-spacing: 2px;
		}
		.agriculture #topic3 dl dd .title::after{
			content: "";
			position: absolute;
			left: 0;
			bottom: 0px;
			width: 100%;
			height: 50%;
			background: #FFFF00;
			z-index: -1;
		}
		.agriculture #topic3 dl dd .text{
			line-height: 180%;
		}
		.agriculture #topic3 dl dd .sub{
			font-weight: 700;
			margin: 10px 0;
		}
		.agriculture #topic3 dl dd ul{

		}
		.agriculture #topic3 dl dd ul li{
			padding-left: 15px;
			background: url(../images/hdft/icon_link_arw.png) no-repeat left;
			margin-bottom: 10px;
		}
		.agriculture #topic3 dl dd ul li:nth-child(3){
			margin-bottom: 20px;
		}
		.agriculture #topic3 dl dd ul li:nth-child(n+4){
			background: none;
			padding-left: 0;
			display: inline-block;
			width: 40%;
		}
		.agriculture #topic3 dl dd ul li a{
			padding: 10px 0px;
			text-align: center;
			display: block;
			border-top: solid 1px #736357;
			border-bottom: solid 1px #736357;
			position: relative;
			width: 87%;
			background: #FFFFFF;
		}
			.agriculture #topic3 dl dd ul li a::before,
			.agriculture #topic3 dl dd ul li a::after{
				content: "";
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 20px 0 21px 20px;
				border-color: transparent transparent transparent #736357;
				position: absolute;
				top: -1px;
				right: -19px;
				margin: auto;
			}
			.agriculture #topic3 dl dd ul li a::after{
				content: "";
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 20px 0 21px 20px;
				border-color: transparent transparent transparent #FFFFFF;
				position: absolute;
				right: -18px;
			}
			#topic3 .btnR a{
				padding: 9px;
				text-align: center;
				border-top: solid 1px #736357;
				border-bottom: solid 1px #736357;
				position: relative;
				display: inline-block;
				background: #FFFF00;
				margin-top: 10px;
				font-size: 110%;
				font-weight: 600;
			}
			#topic3 .btnR a:before,
			#topic3 .btnR a:after {
				content: "";
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 20px 0 21px 20px;
				border-color: transparent transparent transparent #736357;
				position: absolute;
				top: -1px;
				right: -19px;
				margin: auto;
			}
			#topic3 .btnR a:after {
					content: "";
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 20px 0 21px 20px;
					border-color: transparent transparent transparent #FFFF00;
					position: absolute;
					right: -18px;
			}
#topic3 .gap,
#topic3 .eco{
	margin-bottom: 30px;
}
#topic3 .gap .title,
#topic3 .eco .title{
	font-size: 140%;
	font-weight: 600;
	margin-bottom: 10px;
}
#topic3 .gap ul{
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
#topic3 .gap ul li{
	margin: 10px 20px;
}
#topic3 .gap ul li a{
	display: block;
	padding: 20px;
	border: 2px solid #736357;
	border-radius: 5px;
	width: 240px;
	text-align: center;
	font-size: 120%;
	font-weight: 600;
}


.school{
	margin-bottom: 50px;
}
.school .title{
	font-size: 140%;
	font-weight: 600;
	margin-bottom: 10px;
}
.school .flex{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.school .flex .txt{
	max-width: 700px;
}



.faq_wrap{
	margin-bottom: 0 !important;
}
.faq_wrap dl{
	width: 980px;
	margin: 0 auto;
	padding: 30px 0;
}
	.faq_wrap dl dt{
		float: right;
		width: 35%;
	}
		.faq_wrap dl dt img{
			width: 100%;
			height: auto;
		}
		.faq_wrap dl dt em{
			display: block;
			padding: 10px 0;
			font-style: normal;
			text-align: center;
		}
	.faq_wrap dl dd{
		float: left;
		width: 62%;
		padding-top: 30px;
	}
		.faq_wrap dl dd .title{
			font-weight: 700;
			margin-bottom: 20px;
			display:  inline-block;
			position:  relative;
			z-index: 1;
			font-size: 120%;
			letter-spacing: 2px;
			margin-left: 40px;
		}
		.faq_wrap dl dd .title::before{
			content: "Q";
			position: absolute;
			left: -44px;
			top: -10px;
			width: 34px;
			height: 27px;
			padding: 7px 0 0 0;
			font-family: "trumpgothicpro",sans-serif;
			color: #736357;
			border: solid 1px #736357;
			background: #FFFF00;
			text-align: center;
			border-radius: 30px;
		    font-size: 120%;
		}
		.faq_wrap dl dd .title::after{
			content: "";
			position: absolute;
			left: 0;
			bottom: 0px;
			width: 100%;
			height: 50%;
			background: #FFFF00;
			z-index: -1;
		}
		.faq_wrap dl dd .text{
			line-height: 180%;
		}
.faq_wrap dl:nth-of-type(odd){
}
	.faq_wrap dl:nth-of-type(odd) dt{
		float: left;
	}
	.faq_wrap dl:nth-of-type(odd) dd{
		float: right;
	}
	.faq_wrap dl dd ul{
		margin-top: 30px;
	}
		.faq_wrap dl dd ul li{
			background: none;
			padding-left: 0;
			display: inline-block;
			width: 49%;
			margin-bottom: 10px;
		}
		.faq_wrap dl dd ul li a{
			padding: 10px 0px;
			text-align: center;
			display: block;
			border-top: solid 1px #736357;
			border-bottom: solid 1px #736357;
			position: relative;
			width: 87%;
			background: #FFFFFF;
		}
			.faq_wrap dl dd ul li a::before,
			.faq_wrap dl dd ul li a::after{
				content: "";
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 20px 0 21px 20px;
				border-color: transparent transparent transparent #736357;
				position: absolute;
				top: -1px;
				right: -19px;
				margin: auto;
			}
			.faq_wrap dl dd ul li a::after{
				content: "";
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 20px 0 21px 20px;
				border-color: transparent transparent transparent #FFFFFF;
				position: absolute;
				right: -18px;
			}

.one_column_dl{
	background: #E6E6E6;
	padding: 50px;
	width: 850px;
	margin: 0 auto 50px;
}
	.one_column_dl dt{
		font-weight: 700;
		margin-bottom: 15px;
		display:  inline-block;
		position:  relative;
		z-index: 1;
		font-size: 120%;
		letter-spacing: 2px;
	}
		.one_column_dl dt::after{
			content: "";
			position: absolute;
			left: 0;
			bottom: 0px;
			width: 100%;
			height: 50%;
			background: #FFFF00;
			z-index: -1;
		}
	.one_column_dl dd{
		letter-spacing: 2px;
		line-height: 180%;
		margin-bottom: 30px;
		}
		.one_column_dl dd p{
			margin-bottom: 10px;
		}
		.one_column_dl dd:last-child{
			margin-bottom: 0;
		}
		.one_column_dl ol{
		}
			.one_column_dl ol li{
				margin-bottom: 5px;
			}
				.one_column_dl ol li i{
					display: inline-block;
					background: #FFFF00;
					border: solid 1px #736357;
					font-style: normal;
					text-align: center;
					line-height: 100%;
					letter-spacing: 0;
					padding: 4px 7px;
					vertical-align: middle;
					margin-right: 10px;
					border-radius: 100%;
				}


@media screen and (max-width: 736px) {
	#learn .fv h2{
		font-size: 220%;
		margin-top: 20px;
	}
	#learn section .titleSet {
    margin-bottom: 20px;
    text-align: center;
	}
#learn nav{
	margin-bottom: 0;
}
#learn nav ul{
	display: block;
}
	#learn h4 {
    margin-bottom: 20px;
	}
	#learn nav ul li{
		margin-right: 0;
		height: 90px;
		width: 47%;
		margin: 0 1% 4%;
		float: left;
	}
	#learn .areaAbout ul li .title {
    margin-bottom: 15px;
	}

#learn section{
	margin: 0 0 30px;
	padding-top: 20px;
}
	#learn section .titleSet .title{
		font-size: 160%;
		line-height: 1.6em;
		letter-spacing: 0;
	}

#learn .about{
	margin-bottom: 50px;
	padding: 0;
}
#learn .about dl{
}
#learn .about dl dt{
	float:none;
	width: auto;
}
#learn .about dl dd{
	float: none;
	width: auto;
	padding: 5%;
}


#learn .areaAbout{
	margin-bottom: 0;
}
#learn .areaAbout ul{
	display: block;
}
	#learn .areaAbout li{
		width: auto;
		text-align: center;
		margin-right: 0;
		margin-bottom: 30px;
	}
	#learn.fishery .areaAbout li{
		width: auto;
		text-align: center;
		margin-right: 0;
		margin-bottom: 30px;
	}
	#learn .areaAbout li:last-child{
		margin-bottom: 0;
	}
		#learn .areaAbout li dl{
			padding: 5%;
			height: auto !important;
		}
		#learn .areaAbout li dl .wrap{
			height: auto !important;
		}
#learn .agri{
	width: auto;
	margin: 0;
}
#learn .agri ul{
	display: block;
	margin-bottom: 0;
	letter-spacing: -5px;
}
#learn .agri ul li{
	display: inline-block;
	width: 50%;
	margin-right: 0;
	margin-bottom: 10px;
	vertical-align: top;
	letter-spacing: 0;
}
#learn .agri ul li:last-child{
	margin-right: 0;
}
	#learn .agri ul li dl{
		padding: 0 3%;
	}
		#learn .agri ul li dl dt{
			margin-bottom: 10px;
		}
			#learn .agri ul li dl dd .title{
				margin-bottom: 5px;
			}

#learn .agri aside{

}
#learn .agri aside li{
	width: auto;
	display: block;
	padding: 0 5%;
}
#learn .agri aside li:first-child{
    padding: 10px 0;
    font-size: 120%;
	text-align: center;
}
#learn .agri aside a{
	width: 94%;
}

.fishery #topic1 .wrap{
	width: auto;
	margin: 0 0 30px;
}
	.fishery #topic1 .wrap:last-of-type {
    margin: 0;
}
	.fishery #topic1 .wrap > dl{
		margin-bottom: 50px;
	}
		.fishery #topic1 .wrap > dl dt{
			float: none;
			max-width: 100%;
			margin-bottom: 20px;
		}
		.fishery #topic1 .wrap > dl dd{
			float: none;
		}
	.fishery #topic1 .wrap ul.u1{
	}
		.fishery #topic1 .wrap ul.u1 li{
			display: block;
			width: auto;
		}
			.fishery #topic1 .wrap ul.u1 dl{
				margin: 0 0 20px;
			}
				.fishery #topic1 .wrap ul.u1 dt{
					text-align: center;
					margin-bottom: 10px;
					letter-spacing: 0.6em;
				}
				.fishery #topic1 .wrap ul.u1 dd{
					height: auto !important;
				}
	.fishery #topic1 .wrap ul.u2{
		padding-bottom: 10px;
		border-bottom:solid 1px #cccccc;
		margin-bottom: 0;
	}
		.fishery #topic1 .wrap ul.u2 li{
			display: block;
			width: auto;
		}
			.fishery #topic1 .wrap ul.u2 dl{
				margin: 0 0 30px;
			}
			/*.fishery #topic1 .wrap ul.u2 dl:last-of-type{
				margin: 0;
			}*/
				.fishery #topic1 .wrap ul.u2 dt{
				}
				.fishery #topic1 .wrap ul.u2 dd{
				}
					.fishery #topic1 .wrap ul.u2 dd p:first-child{
						height: auto !important;
					}
					.fishery #topic1 .wrap ul.u2 dd img{
					}


#topic2{

}
.two_column_wrap .wrap{
	padding:5%;
}
.two_column_wrap .wrap dl{
	width: auto;
	margin: 0;
}
	.two_column_wrap .wrap dl dt{
		float: none;
		width: auto;
		margin-bottom: 15px;
	}
	.two_column_wrap .wrap dl dd{
		float: none;
		width: auto;
	}
	.two_column_wrap .wrap:nth-of-type(odd) dt{
		float: none;
	}
	.two_column_wrap .wrap:nth-of-type(odd) dd{
		float: none;
	}

#topic3{
}
	.agriculture #topic3 dl{
	}
		.agriculture #topic3 dl dt{
			float: none;
			width: auto;
			padding: 3%;
			text-align: center;
		}
		.agriculture #topic3 dl dt img{
			display: inline;
		}
		.agriculture #topic3 dl dd{
			float: none;
			width: auto;
			padding: 5%;
		}
		.agriculture #topic3 dl dd ul li{
			background: url(../images/hdft/icon_link_arw.png) no-repeat left 5px;
		}
		.agriculture #topic3 dl dd ul li:nth-child(n+4){
			width: 46%;
			margin-right:10px;
		}
		.agriculture #topic3 dl dd ul li a{
			width: 88%;
		}
	#topic3 .gap ul {
    display: block;
	}




	.faq_wrap dl dd .title {
    letter-spacing: 0;
		margin-bottom: 15px;
		font-size: 100%;
		margin-left: 40px;
	}
.faq_wrap dl{
	width: auto;
	margin: 0 0 60px;
	padding: 0;
}
	.faq_wrap dl dt{
		float: none;
		width: auto;
	}
	.faq_wrap dl dd{
		float: none;
		width: auto;
		padding-top: 20px;
	}

	.faq_wrap dl:nth-of-type(odd) dt{
		float: none;
	}
	.faq_wrap dl:nth-of-type(odd) dd{
		float: none;
	}
	.faq_wrap dl dd ul{
		margin-top: 20px;
	}
		.faq_wrap dl dd ul li{
			display:block;
			width: auto;
			padding: 0 5%;
		}
		.faq_wrap dl dd ul li a{
			width: 94%;
		}

.one_column_dl{
	padding: 5%;
	width: auto;
	margin: 0 0 30px;
}

}

/*--------------------------------------------------------------------
	work
--------------------------------------------------------------------*/

.work #topic1{

}
.work .info{

}
.work .info dl{
	margin-bottom: 30px;
}
	.work .info dl dt{
		float: left;
		width: 35%;
	}
		.work .info dl dt img{
			width: 100%;
			height: auto;
		}
	.work .info dl dd{
		float: right;
		width: 57%;
		height: 128px;
		background: #e6e6e6;
		padding: 60px 3% 60px 5%;
		position: relative;
	}
		.work .info dl dd .title{
			font-weight: 700;
			margin-bottom: 15px;
			display:  inline-block;
			position:  relative;
			z-index: 1;
			font-size: 120%;
			letter-spacing: 2px;
			margin-left: 40px;
		}
		.work .info dl dd .title::after{
			content: "";
			position: absolute;
			left: 0;
			bottom: 0px;
			width: 100%;
			height: 50%;
			background: #FFFF00;
			z-index: -1;
		}
			.work .info dl dd .title span{
				position: absolute;
				left: -44px;
				top: -10px;
				width: 34px;
				height: 27px;
				padding: 7px 0 0 0;
				font-family: "trumpgothicpro",sans-serif;
				color: #736357;
				border: solid 1px #736357;
				background: #FFFF00;
				text-align: center;
				border-radius: 30px;
				font-size: 120%;
				letter-spacing: 0;
			}
		.work .info dl dd .text{
			line-height: 180%;
			font-size: 110%;
			padding-left: 40px;
		}
		.work .info dl dd a{
			color: #5a92fb;
			font-weight: 700;
			text-decoration: underline;
		}
	.work .info dl dd>span{
		content: "";
		position: absolute;
		top: 100px;
		left: 66px;
		height: 205px;
		width: 1px;
		border-left: dotted 1px #736357;
		z-index: 1;
	}
	.work .info dl dd>span::after{
		content: "▼";
		font-size:0.2em;
		position: absolute;
		bottom: -16px;
		left: -5px;
	}

.work #topic2{
}
.work #topic2 .wrap{
	display: flex;
	margin-bottom: 50px;
}
.work #topic2 .wrap dl{
	width: 50%;
	margin-right: 20px;
	border: solid 1px #736357;
	border-radius: 6px;
	overflow: hidden;
}
.work #topic2 .wrap dl:last-child{
	margin: 0;
}
	.work #topic2 .wrap dl dt{
		padding: 10px;
		text-align: center;
		border-bottom: solid 1px #736357;
		font-weight: 700;
		font-size: 120%;
		letter-spacing: 2px;
	}
	.work #topic2 .wrap dl dd{
		padding: 20px;
		background: #e6e6e6;
		height: 100%;
	}

.work #topic2 .step{

}
.work #topic2 .step dl{

}
	.work #topic2 .step dl dt{
		position: relative;
		border: solid 1px #736357;
		background: #FFFF00;
		text-align: center;
		padding: 8px;
		display: inline-block;
		width: 10%;
		margin-right: 3%;
		margin-bottom: 20px;
		font-size: 120%;
	}
	.work #topic2 .step dl dt::after{
		content: "";
		position: absolute;
		bottom: -21px;
		left: 0;
		right: 0;
		width: 1px;
		height: 20px;
		margin:  auto;
		border-left: dotted 1px #736357;
	}
	.work #topic2 .step dl dt:nth-last-of-type(1)::after{
		display: none;
	}
		.work #topic2 .step dl dd{
			font-size: 120%;
  		font-weight: 600;
			line-height: 180%;
			display: inline-block;
			width: 82%;
			vertical-align: middle;
		}
		.work #topic2 .step dl dd a{
			text-decoration: underline;
		}

.work #topic2 .readText{
	margin-bottom: 20px;
}
.work #topic2 .readText .title{
	font-weight: 700;
	margin-bottom: 10px;
}
.work #topic2 ul.link{
	display: flex;
}
	.work #topic2 ul.link li{
		width: 36%;
	}
	.work #topic2 ul.link li .title{
		border-bottom: solid 1px #736357;
		padding-bottom: 10px;
		margin-bottom: 10px;
		text-align: center;
	}
	.work #topic2 ul.link li .text{
		line-height: 180%;
	}
	.work #topic2 ul.link li:last-child{
		width: 27%;
	}
		.work #topic2 ul.link li a{
			width: 87%;
			padding: 10px 0;
		}

.work #topic2 .one_column_dl+ul{
	max-width: 950px;
	margin: 0 auto 50px;
}
.work #topic2 .one_column_dl+ul li{
	margin-bottom: 10px;
}


.work #topic3 {
	background: #e6e6e6;
	padding: 50px 0;
	margin-top: 110px;
}
.work .faq dl{
	width: 850px;
	margin: 0 auto;
}
	.work .faq dl dt{
		font-weight: 700;
		margin-bottom: 20px;
		display:  inline-block;
		position:  relative;
		z-index: 1;
		font-size: 120%;
		letter-spacing: 1px;
		margin-left: 40px;
	}
	.work .faq dl dt::before{
		content: "Q";
		position: absolute;
		left: -44px;
		top: -10px;
		width: 34px;
		height: 27px;
		padding: 7px 0 0 0;
		font-family: "trumpgothicpro",sans-serif;
		color: #736357;
		border: solid 1px #736357;
		background: #FFFF00;
		text-align: center;
		border-radius: 30px;
		font-size: 120%;
	}
	.work .faq dl dt::after{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0px;
		width: 100%;
		height: 50%;
		background: #FFFF00;
		z-index: -1;
	}
	.work .faq dl dd{
		margin-bottom: 50px;
		font-size: 110%;
		line-height: 180%;
	}
	.work .faq dl dd:last-child{
		margin-bottom: 0;
	}

.work #other{
}
.work #other dl{
	margin-bottom: 50px;
}
	.work #other dl dt{
		float: left;
		width: 40%;
	}
		.work #other dl dt img{
			width:  100%;
			height: auto;
		}
	.work #other dl dd{
		float: right;
		width: 55%;
	}
		.work #other dl dd .title{
			font-weight: 700;
			margin-bottom: 15px;
			display:  inline-block;
			position:  relative;
			z-index: 1;
			font-size: 120%;
			letter-spacing: 2px;
		}
			.work #other dl dd .title::after{
				content: "";
				position: absolute;
				left: 0;
				bottom: 0px;
				width: 100%;
				height: 50%;
				background: #FFFF00;
				z-index: -1;
			}
		.work #other dl dd .text{
			line-height: 180%;
			letter-spacing: 2px;
			font-size: 110%;
		}
.work #other aside{
	padding: 30px 50px;
	background: #e6e6e6;
}
	.work #other aside .title{
		text-align: center;
		margin: 30px 0 10px;
		font-size: 130%;
		font-weight: 700;
		letter-spacing: 2px;
	}
		.work #other aside .title span{
			/*display: inline-block;*/
		}
		.work #other aside .title span::before,
		.work #other aside .title span::after{
			content:"";
			display: inline-block;
			width: 7px;
			height: 7px;
			border-radius: 10px;
			background: #736357;
			vertical-align: middle;
			margin: -5px 15px 0;
		}
	.work #other aside .text{
		text-align: center;
		font-size: 110%;
		line-height: 180%;
		margin: 0 0 20px;
	}
	.work #other aside .btn{
		text-align: center;
		margin-top: 20px;
	}
	.work #other aside .btn a{
		display: inline-block;
	}
.work #other a{
	color: #5a92fb;
    font-weight: 700;
    text-decoration: underline;
}


.work #topic4{

}
.work #topic4 .inner{
	width: 800px;
}
.work #topic4 .lovers{
	margin-bottom: 30px;
}
	.work #topic4 .lovers dt{
		width: 20%;
		float: left;
	}
		.work #topic4 .lovers dt img{
			width: 100%;
			height: auto;
			border-radius: 50%;
		}
	.work #topic4 .lovers dd{
		float: right;
		width: 75%;
	}
		.work #topic4 .lovers dd .title{
			margin-bottom: 10px;
			letter-spacing: 2px;
			line-height: 130%;
			font-weight: 700;
			font-size: 1.2em;
		}
			.work #topic4 .lovers dd .title span{
				text-transform: none;
				font-size: 0.6em;
			}
		.work #topic4 .lovers dd .text{
			line-height: 180%;
		}
.work #topic4 .faq{

}
.work #topic4 .faq dt{
	margin-bottom: 10px;
	border:solid 1px #736357;
	padding: 15px;
	font-size: 110%;
	line-height: 130%;
	letter-spacing: 2px;
	border-radius: 6px;
	position: relative;
}
	.work #topic4 .faq dt::before,
	.work #topic4 .faq dt::after{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 0 5px 10px;
		border-color: transparent transparent transparent #736357;
		position: absolute;
		bottom: 0;
		top: 0;
		right: -10px;
		margin: auto;
	}
	.work #topic4 .faq dt::after{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 0 4px 8px;
		border-color: transparent transparent transparent #FFFFFF;
		position: absolute;
		right: -8px;
	}

.work #topic4 .faq dd{
	border:solid 1px #736357;
	margin-bottom: 30px;
	padding: 20px;
	background: #FFFFD9;
	font-size: 110%;
	line-height: 180%;
	letter-spacing: 2px;
	border-radius: 6px;
	position: relative;
}
.work #topic4 .faq dd:last-child{
	margin-bottom: 0;
}
	.work #topic4 .faq dd::before,
	.work #topic4 .faq dd::after{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 10px 5px 0;
		border-color: transparent #736357 transparent transparent;
		position: absolute;
		bottom: 0;
		top: 0;
		left: -10px;
		margin: auto;
	}
	.work #topic4 .faq dd::after{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 8px 4px 0;
		border-color: transparent #FFFFFF transparent transparent;
		position: absolute;
		left: -8px;
	}
.work #topic4 .spLink{
	margin-top: 30px;
}

.number_dl{
	width: 950px;
	margin: 0 auto;
}
	.number_dl dl{
		background: #E6E6E6;
		padding: 50px;
		margin-bottom: 30px;
	}
		.number_dl dt{
			font-weight: 700;
			margin-bottom: 15px;
			display: inline-block;
			position: relative;
			z-index: 1;
			font-size: 120%;
			letter-spacing: 2px;
			margin-left: 40px;
		}
			.number_dl dt span{
				position: absolute;
				left: -44px;
				top: -10px;
				width: 34px;
				height: 27px;
				padding: 7px 0 0 0;
				font-family: "trumpgothicpro",sans-serif;
				color: #736357;
				border: solid 1px #736357;
				background: #FFFF00;
				text-align: center;
				border-radius: 30px;
				font-size: 120%;
				letter-spacing: 0;
			}
		.number_dl dd{
			line-height: 180%;
			font-size: 110%;
		}

.two_column_dl{
	margin-bottom: 30px;
}
	.two_column_dl dt{
		float: right;
		width: 30%;
	}
		.two_column_dl dt img{
			width: 100%;
			height: auto;
		}
	.two_column_dl dd{
		float: left;
		width: 56%;
		background: #e6e6e6;
		padding: 30px;
	}
		.two_column_dl dd .title{
			font-weight: 700;
			margin-bottom: 15px;
			display:  inline-block;
			position:  relative;
			z-index: 1;
			font-size: 120%;
			letter-spacing: 2px;
		}
		.two_column_dl dd .title::after{
			content: "";
			position: absolute;
			left: 0;
			bottom: 0px;
			width: 100%;
			height: 50%;
			background: #FFFF00;
			z-index: -1;
		}
		.two_column_dl dd .text{
			line-height: 180%;
			margin-bottom: 30px;
		}

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

	.work .info dl dt{
		float: none;
		width: auto;
	}
	.work .info dl dd{
		float: none;
		width: auto;
		height: auto;
		padding: 5%;
	}
	.work .info dl dd>span{
		top: 58px;
		left: 31px;
		height: 50px;
	}

.work #topic2{

}
.work #topic2 .wrap{
	display: block;
	margin-bottom: 30px;
}
.work #topic2 .wrap dl{
	width: auto;
	margin-right:0;
	margin-bottom: 20px;
}
.work #topic2 .wrap dl:last-child{
	margin: 0;
}
	.work #topic2 .wrap dl dt{
		padding: 10px;
		text-align: center;
		border-bottom: solid 1px #736357;
		font-weight: 700;
		font-size: 120%;
		letter-spacing: 2px;
	}
	.work #topic2 .wrap dl dd{
		padding: 20px;
		background: #e6e6e6;
	}

.work #topic2 .step{

}
.work #topic2 .step dl{

}
	.work #topic2 .step dl dt{
		margin-bottom: 30px;
	}
	.work #topic2 .step dl dt::after{
		height: 30px;
		bottom: -31px;
	}
	.work #topic2 .step dl dt:nth-last-of-type(1)::after{
		display: none;
	}
		.work #topic2 .step dl dd{
			font-size: 110%;
		    width: 80%;
			vertical-align: top;
		}
.work #topic2 ul.link{
	display: block;
}
	.work #topic2 ul.link li{
		width: auto;
		margin-bottom: 15px;
		text-align: center;
	}
	.work #topic2 ul.link li:last-child{
		width: auto;
		margin-bottom: 0;
		padding: 20px 0 0;
		text-align: left;
	}
	.work #topic3 {
    padding: 20px 0;
    margin-top: 50px;
	}

.work .faq dl{
	width: auto;
	margin: 0;
}

.work #other dl{
	margin-bottom: 30px;
}
	.work #other dl dt{
		float: none;
		width: auto;
		margin-bottom: 15px;
	}
	.work #other dl dd{
		float: none;
		width: auto;
	}
.work #other aside{
	padding: 5%;
}
	.work #other aside .title{
		margin-bottom: 20px;
		line-height: 130%;
	}
		.work #other aside .title span::before,
		.work #other aside .title span::after{
			display: none;
		}
	.work #other aside .text{
		text-align: left;
	}

.work #topic4 .inner{
	width: auto;
}
	.work #topic4 .lovers dt{
		width: auto;
		float: none;
		margin-bottom: 20px;
	}
		.work #topic4 .lovers dt img{
			width: 136px;
			margin: 0 auto;
		}
	.work #topic4 .lovers dd{
		float: none;
		width: auto;
	}
		.work #topic4 .lovers dd .title{
			margin-bottom: 10px;
			letter-spacing: 2px;
		}
			.work #topic4 .lovers dd .title span{
				text-transform: none;
			}
			.work #topic4 .lovers dd .title span:first-child{
				font-size:90%;
			}
		.work #topic4 .lovers dd .text{
			line-height: 180%;
		}
.work #topic4 .faq{
	padding: 5%;
}
.work #topic4 .spLink img{
	width: 100%;
	height: auto;
}

.number_dl{
	width: auto;
	margin: 0;
}
	.number_dl dl{
		padding: 5%;
		margin-bottom: 20px;
	}

	.two_column_dl dt{
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
	.two_column_dl dd{
		float: none;
		width: auto;
		padding: 5%;
	}

}

/*--------------------------------------------------------------------
	ライブラリ
--------------------------------------------------------------------*/

.library{

}
.library .fv i {
	display: block;
	margin-bottom: 10px;
}
	.library .fv i img{
		display: inline-block;
	}
#learn.library .fv h2 {
	font-size: 240%;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: 700;
	display: inline-block;
	border-bottom: 0;
}

.library h3{
    text-align: center;
    margin-bottom: 30px;
    font-size: 150%;
    font-weight: 700;
    letter-spacing: 2px;
}
.library h3 span{
	display: inline-block;
}
.library h3 span::before,
.library h3 span::after{
	content:"";
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 10px;
	background: #736357;
	vertical-align: middle;
	margin: -5px 15px 0;
}

.library #rurubu{
	padding: 80px 0 0;
}
.library #rurubu .wrap{
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0 1.5% 60px;
}
.library #rurubu dl{
	margin-bottom: 20px;
	text-align: center;
}
	.library #rurubu dl dt{
		margin-bottom: 15px;
		padding: 0 60px;
	}
		.library #rurubu dl dt img{
			width: 100%;
			height: auto;
		}
	.library #rurubu dl dd{

	}
.library #rurubu .title{
	letter-spacing: 2px;
	line-height: 160%;
	font-size: 110%;
	margin-bottom: 15px;
}
.library #rurubu .read_btn{
	text-align: center;
	margin-bottom: 5px;
}
	.library #rurubu .read_btn a{
		display: inline-block;
		width: 210px;
		border: solid 2px #736357;
		padding: 10px;
		border-radius: 4px;
	}
		.library #rurubu .read_btn a span{
			color: #801C24;
			font-size: 90%;
			font-weight: 700;
			text-decoration: underline;
			display: inline-block;
			margin-right: 10px;
		}
.library #rurubu .line{
    overflow: hidden;
    text-align: left;
    /*padding: 10px 0;*/
  font-weight: bold;
}
	/*.library #rurubu .line::after{
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background: #736357;
		margin-top: -11px;
		margin-left: 60px;
	}*/
.library #rurubu ul{
	text-align: left;
	padding: 15px;
	border: 1px solid #ccc;
  border-width: 1px 0;
  position: relative;
}
.library #rurubu ul:before{
  content: '▼';
  color: #ccc;
  position: absolute;
  top: -30px;
  left: 0; right: 0;
  text-align: center;
}
	.library #rurubu ul li{
		margin-bottom: 10px;
	}
	.library #rurubu ul li:last-child{
		margin-bottom: 0;
	}
		.library #rurubu ul li a{

		}
			.library #rurubu ul li a span{
				display: inline-block;
				vertical-align: top;
			}
			.library #rurubu ul li a span:nth-of-type(1){
				color: #801C24;
				text-decoration: underline;
				margin-right: 10px;
				font-weight: 700;
        width: 40px;
			}
			.library #rurubu ul li a span:nth-of-type(2){
				width: 240px;
        line-height: 1.4em;
			}

.library #pamph {
	padding: 80px 0 0;
}
.library #pamph ul{
}
	.library #pamph li{
		display: inline-block;
		vertical-align: top;
		width: 19.6%;
	}
	.library #pamph dl{
		padding: 20px;
	}
		.library #pamph dt{
			margin-bottom: 10px;
		}
			.library #pamph dt img{
				width: 100%;
				height: auto;
			}
		.library #pamph dd{
			text-align: center;
		}
			.library #pamph dd span{
				color: #801C24;
				margin-right: 10px;
				font-weight: 700;
			}


.library #pamph.st1 dt{
  position: relative;
  height: 240px;
}
.library #pamph.st1 dt img{
  border: 1px solid #ccc;
  max-height: 240px;
  max-width: 100%;
  height: auto;
  width: auto;
  margin: auto;
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
}
.library #pamph.st1 dd span{
  display: block;
  text-align: center;
  margin: 5px;
  font-size: 0.9em;
}





.library .data {

}
.library .data ul{

}
	.library .data li{
		display: inline-block;
		vertical-align: top;
		width:30%;
		margin: 1.5%;
	}
		.library .data li a{
			display: block;
			border: solid 1px #7F7F7F;
			padding: 15px;
			border-radius: 4px;
			position: relative;
			text-align: center;
		}
			.library .data li a::after{
				content: "";
				background: url(../images/hdft/icon_link_arw.png) no-repeat;
				position: absolute;
				right: 20px;
				top: 0;
				bottom: 0;
				width: 5px;
				height: 8px;
				margin: auto;
			}
			.library .data li span{
				color: #801C24;
				text-decoration: underline;
				margin:0 10px;
				font-weight: 700;
        font-size: .9em;
			}
		.library .data li.pdf a::after{
			display: none;
		}

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

.library #rurubu{
    padding: 0;
}
	#learn.library .fv h2 {
    margin-top: 0;
	}
.library #rurubu .wrap{
    display: block;
    width: auto;
    margin: 0 0 30px;
}

.library #rurubu ul li{
	border-bottom: solid 1px #e6e6e6;
}
	.library #rurubu ul li a{
		display: block;
		padding: 10px 0;
	}

	.library #pamph {
    padding: 0;
	}
	.library #pamph li{
		width: 48%;
	}

	.library .data li{
		width:auto;
		display: block;
	}
}