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


@media screen and (min-device-width: 641px), print{

.page #main{
	position:relative;
	width:100%;
}

	/* リスト */
	.page #main .list-fundamental{
		margin-top:1.6rem;
		font-size:16px;
		font-size:1.6rem;
		line-height:1.7em;
	}
		.page #main .list-fundamental li{
			padding:0.6rem 1rem;
			text-indent:-1rem;
			list-style-position:inside;
		}

	.page #main .list-border{
		border-bottom:1px dashed #ccc;}
		.page #main .list-border li{
			border-top:1px dashed #ccc;
		}

	.page #main .no-listmark{}
		.page #main .no-listmark li{
			list-style:none;
			padding:0.6rem 0;
			text-indent:0;
		}

	/* リンクアイコン */
	.page #main a.icon-arrow-bottom{}
		.page #main a.icon-arrow-bottom:before{
			width:10px;
			height:11px;
			border:none;
			background:url(../img/icon-arrow-bottom.png) no-repeat;
			background-size:10px auto;
			transform:rotate(0deg);
		}

	.page #main a.icon-blank{}
		.page #main a.icon-blank:before{
			width:10px;
			height:11px;
			border:none;
			background:url(../img/icon-blank.png) no-repeat;
			background-size:10px auto;
			transform:rotate(0deg);
		}

	/* h1見出し */
	.page #main h1{
		position:relative;
		display:flex;
		justify-content:center;
		align-items:center;
		min-height:270px;
		margin:3rem -500% 0;
		padding:0 500%;
		font-size:36px;
		font-size:3.6rem;
		line-height:1.5em;
		text-align:center;
	}
		.page #main h1:before{
			display:block;
			position:absolute;
			top:0;
			left:0;
			right:0;
			width:100%;
			height:270px;
			margin:0 auto;
			background:url(../img/bg-h1-pc.png) no-repeat center top;
			content:"";
			z-index:-2;
		}
		.page #main h1 span{
			position:relative;
			display:inline-block;
			width:100%;
			margin:0;
			padding:3rem 0;
		}
			.page #main h1 span:before{
				position:absolute;
				display:block;
				top:0;
				bottom:0;
				left:-300%;
				right:-300%;
				width:100vw;
				height:100%;
				margin:auto;
				content:"";
				background:rgba(225, 255, 205, 0.6);
				z-index:-1;
			}

	/* h2見出し */
	.page #main h2{
		margin:10rem auto 0;
		padding-bottom:1.5rem;
		font-size:27px;
		font-size:2.7rem;
		line-height:1.5em;
		border-bottom:6px solid #28621f;
		text-align:left;
	}

	/* h3見出し */
	.page #main h3{
		margin:7rem auto 0;
		padding:1.5rem 20px;
		font-size:22px;
		font-size:2.2rem;
		line-height:1.5em;
		text-align:left;
		background:#becaa6;
		box-sizing:border-box;
	}

	/* h4見出し */
	.page #main h4{
		margin:4rem auto 0;
		padding:0;
		font-size:22px;
		font-size:2.2rem;
		line-height:1.5em;
		text-align:left;
	}

	/* リード文 */
	.page #main .lead{
		margin:1em auto 0;
		font-size: 20px;
	}

	/* 大画像テキスト */
	.page #main .parts-img-big{
		display:block;
		margin-top:2rem;}
		.page #main .parts-img-big .pic{
			margin-right:0px;}
		.page #main .parts-img-big .text{}
			.page #main .parts-img-left .text .title{
				font-size:20px; font-size:2rem; line-height:1.5em;}

	/* 左画像右テキスト */
	.page #main .parts-img-left{
		display:flex;
		margin-top:4rem;}
		.page #main .parts-img-left .pic{
			margin-right:30px;}
		.page #main .parts-img-left .text{}
			.page #main .parts-img-left .text .title{
				font-size:20px; font-size:2rem; line-height:1.5em;}

	/* 右画像左テキスト */
	.page #main .parts-img-right{
		display:flex;
		margin-top:2rem;}
		.page #main .parts-img-right .pic{
			margin-left:30px;}
		.page #main .parts-img-right .text{}
			.page #main .parts-img-right .text .title{
				font-size:20px; font-size:2rem; line-height:1.5em;}

	/* 2カラム */
	.page #main .parts-two-column{
		margin-top:4rem;
	}
		.page #main .parts-two-column ul{
			display:flex;
			justify-content:space-between;
		}
			.page #main .parts-two-column ul li{
				list-style:none;
				width:465px;
			}
			.page #main .parts-two-column ul li .button{
				width:300px;
				margin:1em auto 0;
			}
			.page #main .parts-two-column ul li .button a{
				display:block;
				padding:14px 40px 14px 10px;
				background:url(../img/icon-button.png) no-repeat 252px center #6d8b3d;
				color:#FFF;
				font-size:1.8rem;
				text-align:center;
			}
					.page #main .parts-two-column ul li .button a:before{
						display:none;
					}
					.page #main .parts-two-column ul li .button a:hover{
						background-color:#28621f;
						text-decoration:none;
					}
				.page #main .parts-two-column ul li .pic + *{
					margin-top:0.8rem;
				}

	/* 3カラム */
	.page #main .parts-three-column{
		margin-top:4rem;
	}
		.page #main .parts-three-column ul{
			display:flex;
			justify-content:space-between;
		}
			.page #main .parts-three-column ul li{
				list-style:none;
				width:300px;
			}
			.page #main .parts-three-column ul li .button{
				width:300px;
				margin:1em auto 0;
			}
				.page #main .parts-three-column ul li .button a{
					display:block;
					padding:14px 40px 14px 10px;
					background:url(../img/icon-button.png) no-repeat 252px center #6d8b3d;
					color:#FFF;
					font-size:1.8rem;
					text-align:center;
				}
					.page #main .parts-three-column ul li .button a:before{
						display:none;
					}
					.page #main .parts-three-column ul li .button a:hover{
						background-color:#28621f;
						text-decoration:none;
					}
				.page #main .parts-three-column ul li .pic + *{
					margin-top:0.8rem;
				}

	/* 表 */
	.page #main .table-normal{
		margin-top:4rem
	}
		.page #main .table-normal .supplement{
			display:none;
		}
		.page #main .table-normal table{
			width:calc(100% - 40px);
			margin:0 auto;
			border-top:1px solid #aeb67b;
			border-left:1px solid #aeb67b;
		}
		.page #main .table-normal th,
		.page #main .table-normal td{
			padding:7px 15px;
			border-right:1px solid #aeb67b;
			border-bottom:1px solid #aeb67b;
			font-size:16px;
			font-size:1.6rem;
			line-height:1.7em;
		}
		.page #main .table-normal th{
			background:#c0c69a;
			text-align:left;
			width: 20%;
		}
		.page #main .table-normal td{
			background:#e4e8cb;;
			text-align:left;
		}

		/* リンクリスト 2カラム */
		.page #main .linklist-two-column{
			margin-top:4rem;
		}
			.page #main .linklist-two-column ul{
				display:flex;
				justify-content:space-between;
			}
				.page #main .linklist-two-column ul li{
					list-style:none;
					width:465px;
				}
					.page #main .linklist-two-column ul li .title{
						margin-top:0;
						background:#aeb67b;
					}
						.page #main .linklist-two-column ul li .title a{
							display:block;
							padding:8px 24px 8px 40px;
						}
							.page #main .linklist-two-column ul li .title a:hover{
								background-color:#9da663;
							}
							.page #main .linklist-two-column ul li .title a:before{
								top:1.9rem;
								left:24px;
								margin:0;
							}
					.page #main .linklist-two-column ul li .detail{
						margin:0;
						padding:14px 24px;
						border-top:1px solid #ccc;
					}

		/* リンクリスト 3カラム */
		.page #main .linklist-three-column{
			margin-top:4rem;
		}
			.page #main .linklist-three-column ul{
				display:flex;
				justify-content:space-between;
			}
				.page #main .linklist-three-column ul li{
					list-style:none;
					width:300px;
				}
					.page #main .linklist-three-column ul li .title{
						margin-top:0;
						background:#aeb67b;
					}
						.page #main .linklist-three-column ul li .title a{
							display:block;
							padding:8px 24px 8px 40px;
						}
							.page #main .linklist-three-column ul li .title a:hover{
								background-color:#9da663;
							}
							.page #main .linklist-three-column ul li .title a:before{
								top:1.9rem;
								left:24px;
								margin:0;
							}
					.page #main .linklist-three-column ul li .detail{
						margin:0;
						padding:14px 24px;
						border-top:1px solid #ccc;
					}

}

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

.page #main{
	position:relative;
	width:calc(100% - 20px);
	margin:0 auto;
}

	/* リスト */
	.page #main .list-fundamental{
		margin-top:1.6rem;
		font-size:16px;
		font-size:1.6rem;
		line-height:1.7em;
	}
		.page #main .list-fundamental li{
			padding:0.6rem 1rem;
			text-indent:-1rem;
			list-style-position:inside;
		}

	.page #main .list-border{
		border-bottom:1px dashed #ccc;}
		.page #main .list-border li{
			border-top:1px dashed #ccc;
		}

	.page #main .no-listmark{}
		.page #main .no-listmark li{
			list-style:none;
			padding:0.6rem 0;
			text-indent:0;
		}

	/* リンクアイコン */
	.page #main a.icon-arrow-bottom{}
		.page #main a.icon-arrow-bottom:before{
			width:10px;
			height:11px;
			border:none;
			background:url(../img/icon-arrow-bottom.png) no-repeat;
			background-size:10px auto;
			transform:rotate(0deg);
		}

	.page #main a.icon-blank{}
		.page #main a.icon-blank:before{
			width:10px;
			height:11px;
			border:none;
			background:url(../img/icon-blank.png) no-repeat;
			background-size:10px auto;
			transform:rotate(0deg);
		}

	/* h1見出し */
	.page #main h1{
		position:relative;
		display:flex;
		justify-content:center;
		align-items:center;
		min-height:200px;
		margin:0 -10px;
		padding:0;
		font-size:21px;
		font-size:2.1rem;
		line-height:1.5em;
		text-align:center;
	}
		.page #main h1:before{
			display:block;
			position:absolute;
			top:0;
			left:0;
			right:0;
			width:100%;
			height:200px;
			margin:0 auto;
			background:url(../img/bg-h1-sp.png) no-repeat center top;
			content:"";
			z-index:-1;
		}
		.page #main h1 span{
			display:inline-block;
			width:100vw;
			margin:0;
			padding:3rem 0;
			background:rgba(225, 255, 205, 0.6);
		}

	/* h2見出し */
	.page #main h2{
		margin:5rem -10px 0;
		padding:0 10px 1.5rem;
		font-size:20px;
		font-size:2rem;
		line-height:1.5em;
		border-bottom:6px solid #28621f;
		text-align:center;
	}

	/* h3見出し */
	.page #main h3{
		margin:3rem auto 0;
		padding:1.5rem 20px;
		font-size:16px;
		font-size:1.6rem;
		line-height:1.5em;
		text-align:center;
		background:#becaa6;
		box-sizing:border-box;
	}

	/* h4見出し */
	.page #main h4{
		margin:2rem auto 0;
		padding:0;
		font-size:16px;
		font-size:1.6rem;
		line-height:1.5em;
		text-align:center;
	}

	/* リード文 */
	.page #main .lead{
		margin:1em auto 0;
	}

	/* 大画像テキスト */
	.page #main .parts-img-big{
		margin-top:3.5rem;
	}
		.page #main .parts-img-big .pic{
			text-align:center;
		}
		.page #main .parts-img-big .text{}
			.page #main .parts-img-big .text .title{
				font-size:18px; font-size:1.8rem; line-height:1.5em;}


	/* 左画像右テキスト */
	.page #main .parts-img-left{
		margin-top:3.5rem;
	}
		.page #main .parts-img-left .pic{
			text-align:center;
		}
		.page #main .parts-img-left .text{}
			.page #main .parts-img-left .text .title{
				font-size:18px; font-size:1.8rem; line-height:1.5em;}

	/* 右画像左テキスト */
	.page #main .parts-img-right{
		margin-top:3.5rem;
	}
		.page #main .parts-img-right .pic{
			text-align:center;
		}
		.page #main .parts-img-right .text{}
			.page #main .parts-img-right .text .title{
				font-size:18px; font-size:1.8rem; line-height:1.5em;}

	/* 2カラム */
	.page #main .parts-two-column{
		margin-top:3.5rem;
	}
		.page #main .parts-two-column ul{}
			.page #main .parts-two-column ul li{
				list-style:none;
			}
				.page #main .parts-two-column ul li .pic{
					text-align:center;
				}
				.page #main .parts-two-column ul li .button{
					width:300px;
					margin:1em auto 0;
				}
				.page #main .parts-two-column ul li .button a{
					display:block;
					padding:14px 40px 14px 10px;
					background:url(../img/icon-button.png) no-repeat 252px center #6d8b3d;
					color:#FFF;
					font-size:1.8rem;
					text-align:center;
	  			}
						.page #main .parts-two-column ul li .button a:before{
							display:none;
						}
					.page #main .parts-two-column ul li .pic + *{
						margin-top:0.8rem;
					}

	/* 3カラム */
	.page #main .parts-three-column{
		margin-top:3.5rem;
	}
		.page #main .parts-three-column ul{}
			.page #main .parts-three-column ul li{
				list-style:none;
			}
				.page #main .parts-three-column ul li .pic{
					text-align:center;
				}
				.page #main .parts-three-column ul li .button{
					width:300px;
					margin:1em auto 0;
				}
					.page #main .parts-three-column ul li .button a{
					display:block;
					padding:14px 40px 14px 10px;
					background:url(../img/icon-button.png) no-repeat 252px center #6d8b3d;
					color:#FFF;
					font-size:1.8rem;
					text-align:center;
	  			}
						.page #main .parts-three-column ul li .button a:before{
							display:none
						}
					.page #main .parts-three-column ul li .pic + *{
						margin-top:0.8rem;
					}

	/* 表 */
	.page #main .table-normal{
		margin-top:3.5rem;
		overflow-x:auto;
		padding-bottom:1px;
	}
		.page #main .table-normal .supplement{}
		.page #main .table-normal table{
			width:710px;
			margin-top:0.8rem;
			border-top:1px solid #ccc;
			border-left:1px solid #ccc;
		}
			.page #main .table-normal::-webkit-scrollbar {
				height:6px; border-radius:3px; background:#ddd;}
			.page #main .table-normal::-webkit-scrollbar-thumb{
				border-radius:3px; background:#999;}
		.page #main .table-normal th,
		.page #main .table-normal td{
			padding:7px 15px;
			border-right:1px solid #aeb67b;
			border-bottom:1px solid #aeb67b;
			font-size:16px;
			font-size:1.6rem;
			line-height:1.7em;
		}
		.page #main .table-normal th{
			background:#c0c69a;
			text-align:left;
			width: 22%;
		}
		.page #main .table-normal td{
			text-align:left;
			background: #e4e8cb;
		}

		/* リンクリスト 2カラム */
		.page #main .linklist-two-column{
			margin-top:3.5rem;
		}
			.page #main .linklist-two-column ul{}
				.page #main .linklist-two-column ul li{
					list-style:none;
					margin-top:2rem;
					border:1px solid #ccc;
				}
					.page #main .linklist-two-column ul li .title{
						margin-top:0;
						background:#aeb67b;
					}
						.page #main .linklist-two-column ul li .title a{
							display:block;
							padding:8px 24px 8px 24px;
						}
							.page #main .linklist-two-column ul li .title a:before{
								top:1.9rem;
								left:8px;
								margin:0;
							}
					.page #main .linklist-two-column ul li .detail{
						margin:0;
						padding:14px 20px;
					}

		/* リンクリスト 3カラム */
		.page #main .linklist-three-column{
			margin-top:3.5rem;
		}
			.page #main .linklist-three-column ul{}
				.page #main .linklist-three-column ul li{
					list-style:none;
					margin-top:2rem;
				}
					.page #main .linklist-three-column ul li .title{
						margin-top:0;
						background:#aeb67b;
					}
						.page #main .linklist-three-column ul li .title a{
							display:block;
							padding:8px 24px 8px 24px;
						}
							.page #main .linklist-three-column ul li .title a:before{
								top:1.9rem;
								left:8px;
								margin:0;
							}
					.page #main .linklist-three-column ul li .detail{
						margin:0;
						padding:14px 24px;
						border-top:1px solid #ccc;
					}

}