@charset "UTF-8";


/*
	

	11 Keyword
	/keyword/



 */


/* -----------------------------

  Common

----------------------------- */
body { background-color: rgba(253, 245, 223, 1); }
/* -------------------------- */
@media screen and (min-width: 751px) {
}
/* -------------------------- */
@media screen and (max-width: 750px) {
}


/* -----------------------------

  Intro

----------------------------- */
#intro {}
	#intro .inner {
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		}
		.int-mainttl { width: 100%; }
			.int-mainttl img { width: 100%; }
		.int-outline { text-align: center; }
			.int-outline p {
				display: inline-block;
				font-family: "Rounded Mplus 1c";
				font-weight: 600;
				position: relative;
				transform: rotate(.03deg);
				}
/* -------------------------- */
@media screen and (min-width: 751px) {
#intro {}
	#intro .inner { padding: 60px; }
		.int-mainttl { max-width: 500px; }
		.int-outline { margin-top: 40px; }
			.int-outline p {
				font-size: 23px;
				line-height: 1.5;
				text-align: center;
				}
}
/* -------------------------- */
@media screen and (max-width: 750px) {
#intro {}
	#intro .inner { padding: 40px; }
		.int-mainttl {}
		.int-outline { margin-top: 30px; }
			.int-outline p {
				font-size: 16px;
				line-height: 1.75;
				text-align: left;
				}
}


/* -----------------------------

  wrap

----------------------------- */
.kwd-wrap {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	}
	.kwd-item {
		border: 3px solid rgba(34, 172, 56, 1);
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		}
		.kwd-i-num {
			position: absolute;
			}
		.kwd-i-thumb {}
			.kwd-i-thumb img { width: 100%; }
		.kwd-i-con {}
			.kwd-i-ttl {
				font-family: "Rounded Mplus 1c";
				font-weight: 600;
				line-height: 1.5;
				text-align: center;
				}
				.kwd-i-ttl strong {
					background-color: rgba(250, 238, 0, 1);
					color: rgba(34, 172, 56, 1);
					font-size: 130%;
					line-height: 1.5;
					}
			.kwd-i-txt {}
				.kwd-i-txt p {
					font-weight: 600;
					line-height: 1.55;
					text-align: justify;
					}
				.kwd-i-txt p:last-child { margin-bottom: 0; }
					.kwd-i-txt p small {
						display: inline-block;
						line-height: 1.5;
						}
/* -------------------------- */
@media screen and (min-width: 751px) {
.kwd-wrap {
	max-width: 1300px;
	padding: 0 30px 30px;
	}
	.kwd-item {
		margin: 1%;
		padding: 30px;
		border-radius: 15px;
		}
		.kwd-i-num {
			left: -20px;
			max-width: 100px;
			top: -20px;
			}
		.kwd-i-thumb {
			max-width: 200px;
			min-width: 130px;
			padding: 15px;
			}
		.kwd-i-con {}
			.kwd-i-ttl { font-size: 23px; }
			.kwd-i-txt { margin-top: 20px; }
				.kwd-i-txt p {
					font-size: 17px;
					letter-spacing: 1px;
					margin-bottom: 10px;
					}
	/* Scheme */
	.kwd-item.col-1 {}
	.kwd-item.col-2 { max-width: 48%; }
	.kwd-item.col-3 { max-width: 31.33333333333333%; }
}
/* -------------------------- */
@media screen and (min-width: 751px) and (max-width: 1000px) {
	.kwd-item { flex-wrap: wrap; }
		.kwd-i-thumb {
			max-width: 200px;
			min-width: 130px;
			padding: 15px;
			}
			.kwd-i-thumb img {}
	/* Scheme */
	.kwd-item.col-2,
	.kwd-item.col-3 { max-width: 48%; }
}
/* -------------------------- */
@media screen and (max-width: 750px) {
.kwd-wrap { padding: 0 20px 30px; }
	.kwd-item {
		margin-bottom: 30px;
		padding: 30px 25px 20px;
		flex-wrap: wrap;
		border-radius: 15px;
		}
	.kwd-item:last-child { margin-bottom: 0; }
		.kwd-i-num {
			left: 10px;
			max-width: 70px;
			top: -20px;
			}
		.kwd-i-thumb {
			margin-bottom: 15px;
			max-width: 120px;
			min-width: 120px;
			}
		.kwd-i-con {}
			.kwd-i-ttl { font-size: 20px; }
			.kwd-i-txt { margin-top: 15px; }
				.kwd-i-txt p {
					font-size: 15px;
					letter-spacing: 1px;
					margin-bottom: 5px;
					}
	/* Scheme */
	.kwd-item.col-1 .kwd-i-thumb {
		max-width: 200px;
		min-width: 200px;
		}
}


/* -----------------------------

  *****

----------------------------- */
/* -------------------------- */
@media screen and (min-width: 751px) {
}
/* -------------------------- */
@media screen and (max-width: 750px) {
}