@charset "utf-8";

/* ------------ イントロ ------------ */
#intro .txt h2 {
	font-size: 2.1rem;
}

#intro .box {
	display: flex;
	margin-top: 50px;
}

#intro .img-box {
	width: 100%;
	max-width: 450px;
}

#intro .box .txt {
	font-size: 1.8rem;
	font-weight: normal;
	text-align: left;
	line-height: 36px;
	width: 100%;
	max-width: 480px;
	margin-left: 40px;
}


/* ------------ section01 ------------ */
#section01 {
	margin-top: 43px;
}

#section01 .frame {
	border: 1px solid #0C7E73;
	font-size: 2.1rem;
	line-height: 46px;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 20px 20px 30px;
}

.folkpro-h {
	text-align: center;
}

#section01 .frame h2 {
	font-size: 2.8rem;
	font-weight: bold;
}

#section01 .frame p {
	font-size: 1.8rem;
	line-height: 36px;
}

#section01 .frame .notes {
	color: #000;
	margin-top: 30px;
}

#section01 .frame .notes a {
	color: #008377;
	text-decoration: underline;
}

#section01 .frame .notes a:hover {
	text-decoration: none;
}


/* ------------ section02 ------------ */
#section02 {
	margin: 90px auto 680px;
	width: 100%;
	max-width: 800px;
}

#section02 p {
	font-size : 1.8rem;
	line-height : 36px;
	color : #000000;
	color : rgb(0, 0, 0);
}

/* リンクボタン */
.link-box {
	margin-top: 50px;
  margin-bottom: 150px;
}

.link-box .link-btn {
	width: 529px;
	margin: 20px auto 0;
}

.bnr-story {
width: 100%;
max-width: 800px;
margin: 0 auto;
}


/* ------------ レスポンシブ ------------ */
@media screen and (max-width: 768px) {
	/* ------------ ページタイトル ------------ */
	#page-ttl h1 img {
		width: 40%;
	}

	/* ------------ イントロ ------------ */
	#intro .txt h2 {
		font-size: 1.35rem;
		line-height : 23px;
	}

	#intro .box {
		flex-direction: column;
		margin-top: 15px;
	}

	#intro .img-box {
		margin: 0 auto;
	}

	#intro .box .txt {
		font-size: 1.35rem;
		line-height: 24px;
		margin: 11.5px auto 0;
		padding: 0 15px;
	}


	/* ------------ section01 ------------ */
	#section01 {
		margin-top: 20px;
	}
	
	#section01 .frame {
		max-width: calc(100% - 30px);
		padding: 18.5px 15px 20px;
	}

	#section01 .frame h2 {
		font-size: 1.6rem;
		line-height: 1.6;
	}

	#section01 .frame p {
		font-size: 1.35rem;
		line-height: 24px;
		margin-top: 0;
	}

	#section01 .frame .notes {
		margin-top: 10px;
	}


	/* ------------ section02 ------------ */
	#section02 {
		margin: 25px auto 250px;
	}

	#section02 p {
		font-size: 1.35rem;
		line-height: 24px;
		width: 100%;
		max-width: calc(100% - 30px);
		margin: 0 auto;
	}
  	/* リンクボタン */
	.link-box {
		margin-top: 30px;
	}

	.link-box .link-btn {
		width: 264px;
		margin-top: 4px;
	}
}