@charset "utf-8";
/*--------------------------------------
	copyright :　webcal
--------------------------------------*/

@import url(normalize.css);
@import url(common_parts.css);
@import url(common.css);


/*　news　==============================*/


/* page_header ----------*/
.page_header { margin: 5rem auto 4rem; }
.page_header h1 { font-size: 2.3rem; font-family: "A1明朝","A1 Mincho"; text-align: center; }
@media screen and ( min-width:768px ) {
/*	.page_header { margin: 5rem 13rem 8rem; }*/
/*	.page_header { margin: 5rem 6.8vw 8rem; }*/
	.page_header h1 { font-size: 3.12vw; text-align: left; }
}

/* news ----------*/
#main .inner { margin: 9rem 2rem 10rem 1rem; }
#news ul.flb { display: flex; flex-wrap: wrap; padding: 1rem 0 1.5rem; }
#news ul:not(.flb) > li { border-bottom: 1px solid #000; }
#news ul:not(.flb) > li:nth-of-type(1) { border-top: 1px solid #000; }
#news ul.flb li:nth-of-type(1) { margin-right: 1rem; }
#news li { font-size: 12px; letter-spacing: 1.2; }
#news li a { color: #000; }
#news li.space { width: 100%; }
#news .news_list span { font-size: 10px; padding: 0 1rem; display: inline-block; text-align: center; background: #17597C; color: #fff; min-width: 60.26px;  }
#news .pagenation_wrap { margin: 4rem 0; }
#news .pagenation_wrap .page_navi { display: flex; justify-content: center; }
#news .pagenation_wrap span,
#news .pagenation_wrap a { display: block; width: 5.1rem; height: 5.1rem; text-align: center; font-size: 14px; border: 1px solid #707070; line-height: 3; color: #000;  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
#news .pagenation_wrap .current { background: #17597C; color: #fff; }

@media screen and ( min-width: 768px ) {
	#main .inner { margin: 6.2vw 6.25vw 4.15vw; }
	#news { margin: 0 0 10rem; }
	#news p { font-size: 1.8rem; }
	#news .news_list span { font-size: 2.4rem; padding: 0 2rem; min-width: 169px; }
	#news ul.flb { display: flex; padding: 0; flex-wrap: nowrap; }
	#news ul.flb li { font-size: 1.565vw; padding: 1.55vw 1.05vw; }
	#news li.space { display: none; }
	#news ul.flb li:nth-of-type(1) { margin-right: 2.6vw; }
	#news ul.flb li:nth-of-type(2) { margin-right: 5.2vw; }
	#news ul.flb li:nth-of-type(4) { letter-spacing: 0.26vw; }
	#news li { font-size: 3rem; letter-spacing: 1.2; }
	#news p { font-size: 2.4rem; }
	#news p a { color: #17597C; font-weight: bold; }
	#news .news_list span { font-size: 1.565vw; padding: 0 1.05vw; min-width: 8.85vw; }
	#news .pagenation_wrap { margin: 5.75vw 0 5vw; }
	#news .pagenation_wrap .page_navi { display: flex; justify-content: center; }
	#news .pagenation_wrap span,
	#news .pagenation_wrap a { display: block; width: 4.45vw; height: 4.4vw; font-size: 1.25vw; text-align: center; border: 1px solid #707070; line-height: 3.5; }
	#news .pagenation_wrap .current { background: #17597C; color: #fff; }

	/* news_single */
	#news_single p { font-size: 1.22vw; }
}

@media screen and ( min-width: 769px ) {
	#main .inner { width: 80%; margin: 6.2vw auto 4.15vw; }
}