@charset "utf-8";
/* CSS Document */
.fv {
	background-color: 	#558254;
	color: #fff;
	padding: 2em 0;
}

.fv h1 {
	font-size: 2.4em;
	color: #fff;
	margin: 1em 0;
}

.fv p {
	color: #fff;
	font-size: 1.1em;
	margin: 1em auto;
}

@media screen and (max-width:720px) {
	.fv p br {
		display: none;
	}
}

.con {
	margin: 1.4em auto;
}

.con p {
	margin: 1em auto;
}

.con-catalog {
	display: flex;
	width: 100%;
	align-items: start;
	justify-content: space-between;
	flex-wrap: wrap;
}

.catalog-item {
	width: calc(99%/3);
	text-align: center;
}

@media screen and (max-width:720px) {
	.catalog-item {
		width: calc(99%/2);
	}
}

.catalog-item img {
	text-align: center;
	display: block;
	width: 100%;
	max-width: 200px;
	border: solid 1px #888;
	margin: 0.2em auto;
}

.catalog-item a {
	text-align: center;
}

.intro-txt {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 1em auto;
}

@media screen and (max-width:720px) {
	.intro-txt {
		display: block;
	}
}

.intro-txt-item1 {
	width: 37%;
}

.intro-txt-item2 {
	width: 62%;
}

@media screen and (max-width:720px) {
	.intro-txt-item1, .intro-txt-item2 {
		width: 100%;
	}
}

.related {
	margin: .5em auto;
}
.body-set h1{
	text-align: center;
	font-size: 40px;
	padding: 30px 30px 10px;
	font-family: "メイリオ", meiryo;
}

.body-set h3{
	padding: 30px;
	font-size: 25px;
	font-family: "メイリオ", meiryo;
}
.body-set p{
	text-align:center;
	padding: 10px 30px 30px;
	font-family: "メイリオ", meiryo;
}


/* 検索機能 */
.ken{
	text-align: center;
	padding: 30px;
	margin: 20px;
}
.ken-example{
	position: relative;
	padding: 20px;
	
}
.ken-example img{
	position: relative; /* 画像の幅に合わせる */
	width: 100%;
    max-width: 800px; /* 最大幅の指定 */
    margin: 0 auto; /* 中央寄せ */
}
p.ken-p1{
	position: absolute;
	font-size: 20px;
	top: 50%;
	left: 50%;
	transform: translate(-330%, -190%); /* 中央揃え */
	border-radius: 5px;/*角の丸み*/
	background:rgba(255,182,0,0.9);
	text-align: center;
	padding: 20px;
}
p.ken-p2{
	position: absolute;
	font-size: 20px;
	top: 50%;
	left: 50%;
	transform: translate(-340%, -50%); /* 中央揃え */
	border-radius: 5px;/*角の丸み*/
	background:rgba(255,182,0,0.9);
	text-align: center;
	padding: 20px;
}
p.ken-p3{
	position: absolute;
	font-size: 20px;
	top: 50%;
	left: 50%;
	transform: translate(60%, -220%); /* 中央揃え */
	border-radius: 5px;/*角の丸み*/
    background:rgba(255,182,0,0.9);
	text-align: center;
	padding: 20px;
}
p.ken-p4{
	position: absolute;
	font-size: 20px;
	top: 50%;
	left: 50%;
	transform: translate(140%, 30%); /* 中央揃え */
	border-radius: 5px;/*角の丸み*/
	background:rgba(255,182,0,0.9);
	text-align: center;
	padding: 20px;
}

/* 位置図 */

.iti{
	text-align: center;
	padding: 30px;
	margin: 20px;
}
.iti h2{
	padding: 20px;
	color: #FFB600;
}
/* 対応業務 */
.taiou{
	text-align: center;
	padding: 30px;
	margin: 20px;
  
}

/* 各種届出 */

.kaku{
	text-align: center;
	padding: 30px;
	margin: 20px;
}
.flex{
	display: flex;
	flex-wrap: nowrap;
	background:rgba(70,105,98,0.1);
	padding: 40px;
	gap:30px;
}
.item{
	width: 50%;
}
ul.tdo li{
	font-size: 20px;
	font-weight: bold;
	padding: 20px;
	display: inline-block;
}

/* 林地台帳更新業務 */
.rin{
	text-align: center;
	padding: 30px;
	margin: 20px;
}
.rin h3{
	font-size: 30px;
	padding: 20px;
}
.rin-bo{
	padding: 20px;
	margin: 40px;
	background:rgba(70,105,98,0.1);
}
.rin-syo{
	padding: 20px;
	margin: 30px;
	background:rgba(70,105,98,0.1);
}
.rin-flex{
	text-align: center;
}
.flex2{
	display: flex;
	flex-wrap: nowrap;
	background:rgba(70,105,98,0.1);
	padding: 10px;
	gap:40px;
}
.rin-list{
	text-align: center;
}
.rin-list li{
	list-style-type: none!important;/*ポチ消す*/
	font-size: 20px;
}
.hou{
	display: inline-block;
	text-align: center;
	padding: 70px;
	margin: 20px;
	background:rgba(70,105,98,0.1);
}

.sin{
	display: inline-block;
	text-align: center;
	padding: 70px;
	margin: 20px;
	background:rgba(70,105,98,0.1);
}

/* 帳票出力 */
.ti{
	text-align: center;
	padding: 30px;
	margin: 20px;
}
.ti-flex{
	display: flex;
	flex-wrap: nowrap;
	padding: 40px;
	gap:30px;
}