@charset "utf-8";


.news-box{}
	@media (max-width:991px)	{.news-box{}}

.nws-scroll{overflow-y:auto;height: 20rem;padding: 2rem;}
	@media only screen and (max-width:991px)	{.nws-scroll{padding: 1.5rem;}}
	@media only screen and (max-width:767px)	{.nws-scroll{padding: 1rem 0;}}

.news-inner{padding: 2rem;}
	@media only screen and (max-width:991px)	{.news-inner{padding: 1.5rem;}}
	@media only screen and (max-width:767px)	{.news-inner{padding: 1rem 0;}}


.news-article{display: table;padding: 1.25rem 0;width: 100%;border-bottom: 1px solid #630;align-items:center;}
	@media only screen and (max-width:575px)	{.news-article{display: block;}}

.news-article:first-child{padding-top: 0;}

.detail-article{background: #F3F3D7;padding: 45px;width: 100%;border-radius:12px;}
	@media only screen and (max-width:991px)	{.detail-article{padding: 4vw;}}
	@media only screen and (max-width:767px)	{.detail-article{padding: 2.5vw;border-radius:1.25vw;}}
	@media only screen and (max-width:575px)	{.detail-article{padding: 5vw;border-radius:2.5vw;overflow: hidden;}}


.news-detail-article{display: table;}
	@media only screen and (max-width:575px)	{.news-detail-article{display: block;}}


.news-article + .news-article{}

.news-date,.news-comment,.news-detail{display: table-cell;vertical-align: top;}
	@media only screen and (max-width:1199px)	{.news-date,.news-comment,.news-detail{display: block;}}

.news-date{letter-spacing:0;}

.news-article .news-date{font-weight: bold;width: 12rem;padding-right: 2rem;line-height: 1;border-right: 1px solid #ddd;}
	@media only screen and (max-width:1199px)	{.news-article .news-date{width: 100%;display: flex;justify-content:space-between;align-items:center;padding: 0 0 1rem;border-right: none;border-bottom: 1px solid #ddd;}}
	@media only screen and (max-width:991px)	{.news-article .news-date{}}
	@media only screen and (max-width:767px)	{.news-article .news-date{padding: 0 0 .5rem;}}
	@media only screen and (max-width:575px)	{.news-article .news-date{display: block;}}

.detail-article .news-date{display: block;width: 100%;margin-bottom: 1rem;padding-right: 0;}
	@media only screen and (max-width:991px)	{.detail-article .news-date{margin-bottom: 0;}}

.date-inner{display: flex;justify-content: flex-start;align-items:center;}
	@media only screen and (max-width:575px)	{.date-inner{flex-flow:row wrap;}}


.date{display: flex;justify-content:space-between;align-items:center;width: 6rem;}
	@media only screen and (max-width:991px)	{.date{}}
	@media only screen and (max-width:767px)	{.date{}}
	@media only screen and (max-width:575px)	{.date{flex:1 1 100%;max-width: 100%;}}

.news-article .date{padding: .5rem 0;}

.detail-article .date{}
	@media only screen and (max-width:575px)	{.detail-article .date{width: 125px;padding: 0;order:2;}}


.new{background: #c00;color:#fff;font-size: .75rem;line-height: 1;padding: .125rem .25rem;}


.news-icon{font-size: .75rem;color:#fff;line-height: 1rem;padding: .25rem;text-align: center;width: 10rem;min-height: 2rem;display: flex;justify-content:center;align-items:center;}
	@media only screen and (max-width:575px)	{.news-icon{width: 100%;}}



.news-comment{line-height: 2;padding-left:2rem;display: table;width: 100%;}
	@media only screen and (max-width:1199px)	{.news-comment{padding: 1rem 0 0;line-height: 1.75;}}
	@media only screen and (max-width:767px)	{.news-comment{}}
	@media only screen and (max-width:575px)	{.news-comment{display: block;}}

.news-img,.news-txt{display: table-cell;vertical-align: top;}
	@media only screen and (max-width:575px)	{.news-img,.news-txt{display: block;}}

.news-title{font-weight: bold;margin-bottom: 0.5em;}

.news-img{padding-left: 1rem;width: 11rem;}
	@media only screen and (max-width:575px)	{.news-img{width: 10rem;margin: 0 auto 1rem;}}

.news-detail{width: 12rem;padding: .25rem 0;padding-left: 2rem;}
	@media only screen and (max-width:1199px)	{.news-detail{margin: 1rem auto 0;}}
	@media only screen and (max-width:767px)	{.news-detail{}}
	@media only screen and (max-width:575px)	{.news-detail{padding-left: 0;width: 100%;}}

.ax-more,.ax-more:hover,.ax-more:active,.ax-more:focus					{
	background-color:#80C269;color:#FFF;border-color:transparent;border-radius:.5rem;font-size: 0.9rem;width: 10rem;height: 3rem;display: flex;justify-content:center;align-items:center;
	}
	@media only screen and (max-width:767px)	{.ax-more,.ax-more:hover,.ax-more:active,.ax-more:focus{height: 2rem;}}
	@media only screen and (max-width:575px)	{.ax-more,.ax-more:hover,.ax-more:active,.ax-more:focus{width: 100%;}}


.news-box + .tit-level2{margin:15px 0 45px;}











.nav-pills .nav-item{margin-right:5px;margin-bottom:5px;text-align: center;}
	@media only screen and (max-width:767px)	{.nav-pills .nav-item{margin-right:2px;margin-bottom:2px;}}

.nav-pills .nav-link{background: #616161;color:#FFF;border-radius:0;font-size:1em;line-height: 1;padding:1rem;min-width:7em;white-space: nowrap;font-weight: bold;opacity:.5;}
	@media only screen and (max-width:1199px)	{.nav-pills .nav-link{padding: .75em;}}
	@media only screen and (max-width:991px)	{.nav-pills .nav-link{padding: .5em;}
	@media only screen and (max-width:767px)	{.nav-pills .nav-link{padding: .5em;}}
	@media only screen and (max-width:575px)	{.nav-pills .nav-link{}}

.nav-pills .nav-link:hover,.nav-pills .nav-link:active,.nav-pills .nav-link:focus	{opacity:.75;}

.nav-pills .nav-link small{
	border-top: 1px solid #999;border-radius:0;
	font-size:12px;line-height: 0.75;
	margin-top: 10px;padding-top: 10px;
	display: block;
	}
	@media only screen and (max-width:767px)	{.nav-pills .nav-link small{font-size: 10px;margin-top: 5px;padding-top: 5px;}}

.nav-pills .nav-link.active	{opacity:1;}

.nav-pills .nav-link.active small{border-color: #FFF;}


.tab-content{padding-top: 2rem;background-color: #FFF;}
	@media only screen and (max-width:767px)	{.tab-content{padding-top: 1rem;}}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: #1BB192;
	}