@charset "UTF-8";


/* download kv
---------------------------------------------- */
@media screen and (max-width: 1499px){
	.kvTtl{
		font-size: 38px;
	}
}

@media screen and (max-width: 1200px){
	.kvTtl{
		font-size: 32px;
	}
}
@media screen and (max-width: 1000px){
	.kvTtl{
		font-size: 24px;
	}
}

/* intro
---------------------------------------------- */
.intro{
	padding-top: 110px;
	padding-bottom: 90px;
}
		.introDes{
			margin: 30px auto 0;
			font-size: 18px;
			line-height: 2.3;
			letter-spacing: .1em;
			text-align: center;
		}


@media screen and (max-width: 768px){
	.intro{
		padding-top: 50px;
		padding-bottom: 30px;
	}
		.introDes{
			margin: 15px auto 0;
			font-size: 14px;
			line-height: 1.93;
			text-align: justify;
			text-justify: inter-ideograph;
		}

}

/* downloads
---------------------------------------------- */
.downloads{
	padding: 100px 0;
	background: #f5f2e9;
}
	.downloadsTtl{
	}
	.downloadsBox{
		max-width: 810px;
		margin: 45px auto 0;
	}
		.dlBox{
			width: 46.91358%;
		}
			.dlTtl{
				width: 100%;
				height: 50px;
				font-size: 22px;
				font-weight: 600;
				line-height: 2.3;
				letter-spacing: .1em;
				text-align: center;
				background: #006e38;
				color: #fff;
			}
			.dlContWrap{
				padding: 35px 11.842106%;
				background: #fff;
			}
				.dlCont{
				}
				.dlCont + .dlCont{
					margin-top: 20px;
				}
					.dlBtn{
						display: block;
						height: 70px;
						font-size: 18px;
						font-weight: 600;
						padding: 7px 0;
						background: rgba(255, 255, 255, .85);
						border: 1px solid #006e38;
						text-align: center;
						/* box-shadow: 0 0 5px rgba(0, 0, 0, .5); */
						transition: .3s;
					}
						.dlBtn .num{
							font-size: 26px;
							font-weight: normal;
							letter-spacing: .1em;
						}
						.dlBtn .large{
							font-size: 24px;
							font-size: 20px;
						}

					.dlTerm .dlBtn,
					.dlHouseTerm .dlBtn{
						font-size: 22px;
						padding-top: 13px;
					}

					.dlTerms{
						position: relative;
						display: block;
						width: fit-content;
						margin: 30px auto 0;
						text-align: center;
						font-size: 16px;
						line-height: 1;
						letter-spacing: .1em;
					}
					.dlTerms::before{
						content: '';
						position: absolute;
						bottom: -1px;
						left: 50%;
						transform: translateX(-50%);
						width: 95%;
						height: 1px;
						background: #006e38;
					}

				/* .dlCont.dl12{
					background: url('../img/pc/bg_dl12.jpg') center/cover no-repeat;
				}
				.dlCont.dl10{
					background: url('../img/pc/bg_dl10.jpg') center/cover no-repeat;
				}
				.dlCont.dlTerm{
					background: url('../img/pc/bg_dl_term.jpg') center/cover no-repeat;
				}
				.dlCont.dlHouse12{
					background: url('../img/pc/bg_dl_house12.jpg') center/cover no-repeat;
				}
				.dlCont.dlHouse10{
					background: url('../img/pc/bg_dl_house10.jpg') center/cover no-repeat;
				}
				.dlCont.dlHouseTerm{
					background: url('../img/pc/bg_dl_house_term.jpg') center/cover no-repeat;
				} */

		.downloads .annotation{
			font-size: 14px;
			text-align: center;
			margin-top: 3em;
		}
			.downloads .annotation a{
				position: relative;
			}
			.downloads .annotation a::before{
				content: '';
			    position: absolute;
			    top: 0;
			    bottom: 0;
			    left: -1em;
			    margin: auto;
			    width: 6px;
			    height: 6px;
			    border-top: 1px solid #999;
			    border-right: 1px solid #999;
			    -webkit-transform: rotate(45deg);
			    transform: rotate(45deg);
			}
.spdl{ display: none; }

@media screen and (min-width: 769px){
	.dlBtn:hover{
		background: rgba(0, 110, 56, .9);
		color: #fff;
	}
}

@media screen and (min-width: 1001px) and (max-width: 1100px){
	.spdl{ display: block; }
}

@media screen and (max-width: 768px){
	.downloads{
		padding: 40px 0;
	}
		.downloadsTtl{
		}
		.downloadsBox{
			display: block;
			max-width: 560px;
			margin-top: 45px;
			/* padding: 35px 7.8947368%; */
		}
			.dlBox{
				width: 100%;
			}
			.dlBox +.dlBox{
				margin-top: 50px;
			}
				.dlTtl{
					height: 40px;
					font-size: 20px;
					line-height: 2;
				}
				.dlContWrap{
					padding: 30px 35px;
				}
					.dlCont{
					}
						.dlBtn{
							height: 60px;
							font-size: 16px;
							padding: 5px 0;
						}
							.dlBtn .num{
								font-size: 22px;
							}
							.dlBtn .large{
								font-size: 18px;
							}

						.dlTerm .dlBtn,
						.dlHouseTerm .dlBtn{
							font-size: 18px;
							padding-top: 12px;
						}

						.dlTerms{
							margin-top: 25px;
						}
}

@media screen and (max-width: 360px){
	.dlBtn{
		font-size: 16px;
		padding: 12px 0;
	}
		.dlBtn .num{
			font-size: 22px;
		}
		.dlBtn .large{
			font-size: 18px;
		}
}