@charset "utf-8";
#fv{background: url(../images/information/fv_bg.jpg) no-repeat center center; background-size: cover;}

#information{padding: 80px 0 0; }
#information .box{background: #fff; box-shadow: 0 0 20px 10px rgba(0,0,0,0.1); padding: 51px 77px 72px;}
#information .box .news_list{padding: 0 0 61px;}
#information .box .news_list li{border-bottom: 1px solid #EAEAEA; }
#information .box .news_list li a{display: block; padding: 29px 45px 29px 0; position: relative; }
#information .box .news_list li a:before{content: ""; display: block; width: 10px; height: 10px; transform: translateY(-50%) rotateZ(-45deg); position: absolute; top: 50%; right: 18px; border-bottom: 1px solid #AA8B48; border-right: 1px solid #AA8B48;}
#information .box .news_list li a span.data{font-size: 17px; line-height: 160%; color: #9D9D9D; display: inline-block; margin: 0 49px 0 0;}
#information .box .news_list li a span.tt{font-size: 17px; line-height: 160%;}

/* お知らせ未登録時：白箱の中に馴染むシンプル表示（大枠は付けない） */
#information .box .news_list li.news_list__empty{border: none; background: none; min-height: 0; padding: 40px 0; font-family: "Noto Sans JP"; font-weight: 400; font-size: 17px; color: #666;}

#information_detail{padding: 80px 0 0;}
#information_detail .box{background: #fff; box-shadow: 0 0 20px 10px rgba(0,0,0,0.1); padding: 80px 77px 72px;}
#information_detail .box .title_box h2{text-align: center;}
#information_detail .box .title_box h2 span.data{font-size: 17px; color: #9D9D9D; line-height: 160%;}
#information_detail .box .title_box h2 span.title{font-family: "Zen Old Mincho", serif; font-weight: 600; font-style: normal; font-size: 27px; line-height: 119%; display: inline-block; padding: 10px 0 0;}
#information_detail .box .img_box{padding: 50px 0 0;}
#information_detail .box .img_box img{width: 100%; height: auto; display: block;}
#information_detail .box .text_box{padding: 57px 0 0;}
#information_detail .box .text_box p{font-size: 16px; line-height: 200%; font-family: "Noto Sans JP"; font-weight: 300;}
#information_detail .box .text_box p:not(:first-child){padding: 32px 0 0;}

#information_detail .box .link_box{padding: 57px 0 0;}
/* ----------------------------- mobile ------------------------------- */

@media only screen and (max-width: 768px) {

	#fv { background: url(../images/information/fv_bg.jpg) no-repeat center right 25%; background-size: cover; }

/* information */
	#information { padding: 30px 0 0; }
	#information .box { padding: 35px 20px 45px; box-shadow: 0 0 15px 5px rgba(0,0,0,0.08); }
	#information .box .news_list { padding: 0 0 35px; }
	#information .box .news_list li a { padding: 18px 35px 18px 0; }
	#information .box .news_list li a:before { right: 8px; width: 8px; height: 8px; }
	#information .box .news_list li a span.data { display: block; margin: 0 0 5px; font-size: 15px; line-height: 160%; }
	#information .box .news_list li a span.tt { display: block; font-size: 15px; line-height: 170%; }

/* information_detail */
	#information_detail { padding: 30px 0 0; }
	#information_detail .box { padding: 40px 20px 45px; box-shadow: 0 0 15px 5px rgba(0,0,0,0.08); }
	#information_detail .box .title_box h2 span.data { font-size: 14px; line-height: 160%; }
	#information_detail .box .title_box h2 span.title { padding: 10px 0 0; font-size: 22px; line-height: 150%; }
	#information_detail .box .img_box { padding: 35px 0 0; }
	#information_detail .box .text_box { padding: 35px 0 0; }
	#information_detail .box .text_box p { font-size: 14px; line-height: 190%; }
	#information_detail .box .text_box p:not(:first-child) { padding: 25px 0 0; }
	#information_detail .box .link_box { padding: 35px 0 0; }

}