@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap');

#eglp {
	color: #555;
	font-size: 14px;
	font-family: "Noto Serif JP";
}
	#eglp * {
		margin: 0;
		padding: 0;
	}
	#eglp img {
		width: 100%;
	}

#anniversary_message {

}
	#anniversary_message #kv {
		width: 100%;
		height: 400px;
		background-image: url("../img/kv.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}

#anniversary_message .contents {
	margin: 0 auto 120px auto;
	max-width: 800px;
  background: linear-gradient(90deg, #9f8647 0%, #d6a018 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
	#anniversary_message .contents h1 {
		padding: 60px 0 12px 0;
		font-size: 4rem;
		text-align: center;
		font-weight: normal;
	}
	#anniversary_message .contents h2 {
		padding-bottom: 60px;
		font-size: 2.1rem;
		text-align: center;
	}
	#anniversary_message .contents p {
		margin-bottom: 24px;
		font-size: 1.6rem;
		line-height: 2.8rem;
		text-align: justify;
	}
	#anniversary_message .contents .sign {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		justify-content: flex-end;
	}
		#anniversary_message .contents .sign p {
			margin: 0 12px;
			color: #333;
			text-align: right;
			background: #FFF;
			-webkit-text-fill-color: initial;
		}
		#anniversary_message .contents .sign img {
			max-width: 240px;
		}



@media screen and (max-width: 1199px){
	/*bootstrapを使用する場合。幅を1200pxとして
	左右に15pxずつpaddingをつけている為*/
}
@media screen and (max-width: 1169px){
	/*bootstrapを使用しない場合*/
}
	
@media screen and (max-width: 1024px){
}

@media (max-width: 767px){
	#anniversary_message #kv {
		height: 180px;
	}
	#anniversary_message .contents p {
		padding: 0 20px;
	}
}