@charset "utf-8";

/*-------------------------------
	キービジュアル
-------------------------------*/

.Keyvisual-title::before{
	width: 6.7rem;
	height: 7.5rem;
	background-image: url(../images/letter/icon_keyvisual.svg);
}

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

}
@media screen and (max-width:768px) , print{

	.Keyvisual-title::before{
		width: 9.4rem;
		height: 10.5rem;
	}

}



/*-------------------------------
	ニュースレター
-------------------------------*/

.News__first-message{
	font-size: 2.4rem;
	margin-bottom: 7.5rem;
	font-weight: 500;
	text-align: center;
}
.News-block-frame::after{
	width: calc( (100% - (4rem * 2)) / 3 );
	height: 0;
	order: 9999;
	display: block;
	content: "";
}
.News-block{
	width: calc( (100% - (4rem * 2)) / 3 );
}
.News-block:not(:nth-last-of-type(-n+3)){
	margin-bottom: 5.5rem;
}
.News-block__title{
	font-size: 2.4rem;
	margin-bottom: 2rem;
	font-weight: 700;
	text-align: center;
	color: var(--subcolor);
}
.News-block__image{
	margin-bottom: 2.5rem;
}
.News-block__image img{
	width: 100%;
}
.News-block__button{
	width: 20rem;
	margin-left: auto;
	margin-right: auto;
}
.News-block__button a{
	height: 5rem;
}

/*----- ページャー */
.News-pager{
	margin-top: 3.5rem;
}

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

}
@media screen and (max-width:1024px) and (min-width:769px), print{

	.News-block-frame::after{
		width: calc( (100% - (4rem * 1)) / 2 );
	}
	.News-block{
		width: calc( (100% - (4rem * 1)) / 2 );
	}
	.News-block:not(:nth-last-of-type(-n+2)){
		margin-bottom: 5.5rem;
	}

}
@media screen and (max-width:768px) , print{

	.News__first-message{
		font-size: 3.4rem;
		margin-bottom: 7rem;
	}
	.News-block-frame{
		padding: 4.5rem 4rem;
	}
	.News-block-frame::after{
		display: none;
	}
	.News-block{
		width: calc( (100% - (4rem * 1)) / 2 );
	}
	.News-block:not(:nth-last-of-type(-n+2)){
		margin-bottom: 5rem;
	}
	.News-block__title{
		font-size: 3.4rem;
	}
	.News-block__button{
		width: calc( 100% - 3.5rem );
	}
	.News-block__button a{
		height: 6.6rem;
		padding: 1rem 2.5rem;
		font-size: 2.8rem;
	}
	
	/*----- ページャー */
	.News-pager{
		margin-top: 6.5rem;
	}

}