@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: #D0E7F4;margin: 92px 0 0; color: #003A83;}
#news .news_bg{padding: 77px 0 0; position: relative; z-index: 1; background: url(../images/news/news_bg_3.svg) no-repeat center top 40px; background-size: 100%;}
#news .news_bg .content_box{background: #fff; border-radius: 23px; padding: 45px 57px 70px; margin: 63px auto 0;}
#news .news_bg .content_box p.data_tt{font-family: 'Noto-Sans-JP-Regular'; text-align: center; font-size: 16px; line-height: 160%;}
#news .news_bg .content_box h4{font-family: 'Noto-Sans-JP-Medium'; text-align: center; font-size: 26px; line-height: 170%; padding: 26px 0 0;}
#news .news_bg .content_box .img{margin: 44px 0 0; border-radius: 10px; overflow: hidden;}
#news .news_bg .content_box .img img{width: 100%; height: auto;}
#news .news_bg .content_box p.tt{font-family: 'Noto-Sans-JP-Regular'; font-size: 20px; line-height: 200%; padding: 33px 0 0;}
#news .news_bg .content_box a.link{color: #FF7600; font-size: 20px;font-family: 'Noto-Sans-JP-Regular'; line-height: 180%; margin: 30px 0 0; display: inline-block; border-bottom: 1px solid #FF7600;transition: 0.5s; }
#news .news_bg .content_box a.link.thumb-hover{transition: 0.5s; opacity: 0.5;}

/* ----------------------------- #other ------------------------------- */
#other{background: #D0E7F4 url(../images/news/news_bg_2.svg) no-repeat center bottom; background-size: 100%;color: #003A83;}
#other h3.title span{font-size: 49px;}
#other .other_bg{padding: 64px 0 372px;}
#other .other_bg ul{padding: 48px 0 0;}
#other .other_bg ul li:not(:nth-child(3n)){margin-right: 40px;}
#other .other_bg ul li{width: 340px; height: auto;}
#other .other_bg ul li a{transition: 0.5s; color: #003A83;}
#other .other_bg ul li a.thumb-hover{opacity: 0.6;transition: 0.5s;}
#other .other_bg ul li .img img{border-radius: 10px; width: 100%; height: auto;}
#other .other_bg ul li .text{padding: 16px 0 0;}
#other .other_bg ul li .text .mini{font-size: 14px;font-family: 'Noto-Sans-JP-Regular'; line-height: 160%;}
#other .other_bg ul li .text .text{font-size: 18px; line-height: 173%;font-family: 'Noto-Sans-JP-Medium'; padding: 12px 0 0;}

#other .link_btn{margin: 100px auto 0; width: 293px;}
#other .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: #003A83; font-size: 18px; text-align: center; line-height: 145%; padding: 19px 0 24px;transition: 0.5s;font-family: 'Noto-Sans-JP-Medium';}
#other .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: 43px 0 0; background: url(../images/news/news_bg_1_sp.svg) no-repeat center top 15px; background-size: 100%;}
	#news .news_bg .content_box{ border-radius: 23px; padding: 23px 15px 40px; margin: 30px auto 0;}
	#news .news_bg .content_box p.data_tt{font-size: 13px; }
	#news .news_bg .content_box h4{font-size: 17px; padding: 10px 0 0; text-align: left;}
	#news .news_bg .content_box .img{margin: 17px 0 0;}
	#news .news_bg .content_box p.tt{font-size: 14px; padding: 22px 0 0;}
	#news .news_bg .content_box a.link{font-size: 14px; margin: 16px 0 0; }
	
	/* ----------------------------- #other ------------------------------- */
	#other{background: #D0E7F4 url(../images/news/news_bg_2_sp.svg) no-repeat center bottom; background-size: 100%;}
	#other h3.title span{font-size: 36px;}
	#other .other_bg{padding: 55px 0 190px;background: url(../images/news/news_bg_3_sp.svg) no-repeat center top 7.4%; background-size: 100%;}
	#other .other_bg ul{padding: 38px 0 0;display: block;}
	#other .other_bg ul li:not(:last-child){margin: 0 0 31px;border-bottom: 1px solid #fff;}
	#other .other_bg ul li{width: 100%; height: auto; display: flex; padding: 0 0 18px; margin: 0px;}
	#other .other_bg ul li a{transition: 0.5s; display: flex; width: 100%;}
	#other .other_bg ul li .img { width: 130px; flex-shrink: 0;}
	#other .other_bg ul li .img img{border-radius: 10px; width: 100%; height: auto;}
	#other .other_bg ul li .text{padding: 0 0 0 17px; margin: -4px 0 0px;}
	#other .other_bg ul li .text .mini{font-size: 14px;}
	#other .other_bg ul li .text .text{font-size: 14px; line-height: 165%;padding: 9px 0 0;}
				
	#other .link_btn{margin: 50px auto 0; width: 80%;}
	#other .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;}
}