@charset "utf-8";
/* ------------------------------------------------------------ 共通 */
h3.title{font-size: 20px; text-align: center; line-height: 265%;font-family: fot-tsukubrdgothic-std, sans-serif; font-weight: 700; font-style: normal;}
h3.title span{font-size: 69px;font-family: fot-tsukubrdgothic-std, sans-serif; font-weight: 700; font-style: normal;}
.text_box{text-align: center;}
.text_box .big_tt{font-size: 46px; line-height: 136%; display: inline-block; text-align: center; padding: 55px 0 0;font-family: fot-tsukubrdgothic-std, sans-serif; font-weight: 700; font-style: normal;}
.text_box .mini_tt{font-size: 18px; line-height: 250%; padding: 34px 0 0;}

.over_box{background: #fff;}
/* ----------------------------- #news ------------------------------- */
#news{position: relative; background: #FBF8EB;margin: 92px 0 0; color: #805332;}
#news .news_bg{padding: 77px 0 343px; position: relative; z-index: 1; background: url(../images/news/news_bg_1.svg) no-repeat center top 40px, url(../images/news/news_bg_2.svg) no-repeat center bottom; background-size: 1660px,100%;}
#news .news_bg .text_box .mini_tt{padding: 11px 0 0;font-family: 'Noto-Sans-JP-Regular';}
#news .news_bg ul{padding: 78px 0 0;justify-content: flex-start; flex-wrap: wrap;}


#news .news_bg ul li:not(:nth-child(3n)){margin-right: 40px;}
#news .news_bg ul li{width: 340px; height: auto;margin-bottom: 65px;}
#news .news_bg ul li a{transition: 0.5s; color: #805332;}
#news .news_bg ul li a.thumb-hover{opacity: 0.6;transition: 0.5s;}
#news .news_bg ul li .img img{border-radius: 10px; width: 100%; height: auto;}
#news .news_bg ul li .text{padding: 16px 0 0;}
#news .news_bg ul li .text .mini{font-size: 14px;font-family: 'Noto-Sans-JP-Regular'; line-height: 160%;}
#news .news_bg ul li .text .text{font-size: 18px; line-height: 173%;font-family: 'Noto-Sans-JP-Medium'; padding: 12px 0 0;}
#news .shops_bg_3{position: absolute; left: 0px; bottom: 0px; width: 100%; height: auto;}
#news .shops_bg_3 img{width: 100%; height: auto;}

#news .page_box{display: flex; width: 233px; height: auto; margin:20px auto 0;}
#news .page_box .page{display: block; width: 50px; height: 50px; background: #fff; color: #003A83; font-size: 14px; text-align: center; padding: 14px 0; line-height: 160%;font-family: 'Noto-Sans-JP-Regular';}
#news .page_box .page.active{background: #405D4E; color: #fff; }
#news .page_box .page:not(:last-child){margin: 0 11px 0 0;}


#news .link_btn{margin: 100px auto 0; width: 293px;}
#news .link_btn a{width: 100%; height: auto; display: block; background: #fff url(../images/top/icn_1.svg) no-repeat right 27px center; background-size: 16px; border-radius: 100px; color: #805332; font-size: 18px; text-align: center; line-height: 145%; padding: 19px 0 24px;transition: 0.5s;font-family: 'Noto-Sans-JP-Medium';}
#news .link_btn a.thumb-hover{opacity: 0.6;transition: 0.5s;}
/* ----------------------------- #cta ------------------------------- */
#cta {position: relative; z-index: 2;}

@media only screen and (max-width: 640px) {
	/* ------------------------------------------------------------ 共通 */
	h3.title{font-size: 14px;line-height: 200%;}
	h3.title span{font-size: 36px;}
	.text_box .big_tt{font-size: 24px; padding: 25px 0 0;}
	.text_box .mini_tt{font-size: 14px; padding: 23px 0 0;line-height: 193%;}
	img{width: 100%; height: auto;}

	/* ----------------------------- #news ------------------------------- */
	#news{margin: 50px 0 0;}
	#news .news_bg{padding:44px 0 191px; background: url(../images/news/news_bg_1_sp.svg) no-repeat center top 43px,url(../images/news/news_bg_2_sp.svg) no-repeat center bottom;background-size: 100%,100%; }
	#news .news_bg .text_box .mini_tt{padding: 11px 0 0;}
	#news .news_bg ul{padding: 44px 0 0;display: block;}
	#news .news_bg ul li:not(:last-child){margin: 0 0 31px;}
	#news .news_bg ul li{width: 100%; height: auto; display: flex; border-bottom: 1px solid #fff; padding: 0 0 18px; margin: 0px;}
	#news .news_bg ul li a{transition: 0.5s; display: flex; width: 100%;}
	#news .news_bg ul li .img { width: 130px; flex-shrink: 0;}
	#news .news_bg ul li .img img{border-radius: 10px; width: 100%; height: auto;}
	#news .news_bg ul li .text{padding: 0 0 0 17px; margin: -4px 0 0px;}
	#news .news_bg ul li .text .mini{font-size: 14px;}
	#news .news_bg ul li .text .text{font-size: 14px; line-height: 165%;padding: 9px 0 0;}
	#news .shops_bg_3{bottom: 0px; width: 100%; height: auto;z-index: 1;}
	
	#news .page_box{display: flex; width: 149px; height: auto; margin:50px auto 0;}
	#news .page_box .page{display: block; width: 32px; height: 32px; font-size: 14px; padding: 4px 0;}
	#news .page_box .page:not(:last-child){margin: 0 7px 0 0;}
		
	#news .link_btn{margin: 50px auto 0; width: 80%;}
	#news .link_btn a{background: #fff url(../images/shops/icn_1.svg) no-repeat right 20px center; background-size: 12px; font-size: 14px; text-align: center;  padding: 14px 0 18px;}
	
	/* ----------------------------- #cta ------------------------------- */
	#cta .flex .img_1 {margin: -23px 0 0;}
}