@charset "utf-8";
/* CSS Document */
/*☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝



☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝*/
.naka_mv{
	background: #222 url("../img/news.png") no-repeat bottom right;
    background-size: 100%;
}
@media screen and (max-width: 1300px){ 
	.naka_mv{background-size: 1300px;}
}
@media screen and (max-width: 768px) {
    .naka_mv {background-size: 900px;}
}
.naka_mv h2{
	font-size: 36px;
	color:  #fded52;
}
@media screen and (max-width: 1800px){
	.naka_mv h2{
		font-size: 28px;
	}
}
@media screen and (max-width: 1300px){
	.naka_mv h2{font-size:26px;}
}
@media screen and (max-width: 768px){
	.naka_mv{padding: 105px 5% 40px;}
	.naka_mv h2{font-size:24px;	}
}
/*☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝

content

☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝*/
.content{padding: 40px 5% 160px;}
.content>div{width: 90%;margin: 0 auto;}
.content .pnkz{width: 100%;}
@media screen and (max-width: 1300px){.content{padding: 40px 5% 80px;}}
@media screen and (max-width: 768px){.content{padding: 40px 5% 100px;}.content>div{width: 100%;}}
.content .pnkz{padding: 0 0 120px;}
@media screen and (max-width: 768px){.content .pnkz{padding: 0 0 50px;}}

.filter-buttons{margin: 40px 0 80px;}
.filter-buttons a{
	font-size: 24px;
	color: #222;
	background: none;
	border: none;
	display: inline-block;
	margin-right: 40px;
}
.filter-buttons a:hover{
	color: #222;
	border-bottom: solid #222 2px;
}
#news-list{margin-bottom: 80px;}
#news-list li{ 
	background-color: #fff;
	padding: 30px 5%;
}
#news-list li:nth-child(2n+1) { background-color:#eee;}
/*タブ*/
#news-list li { display: none; display: flex;}
#news-list li,#news-list li a {  
	display: flex;
	gap:40px;
}

.category1 span,.category2 span{
	display: flex;
    gap: 10px;
}

.category1 span::after{
	content: "お知らせ";
	background: #222;
	display: block;
	color: #fff;
	font-size: 14px;
	width: 100px;
	text-align: center;
	padding-top: 3px;
	height: 22px;
}
.category2 span::after{
	content: "メディア掲載";
	background: #222;
	display: block;
	color: #fff;
	font-size: 14px;
	width: 100px;
	text-align: center;
	padding-top: 3px;
	height: 22px;
}
@media screen and (max-width: 1300px){
	.filter-buttons{margin: 20px 0 40px;}}
@media screen and (max-width: 768px){
	.filter-buttons a {font-size: 16px;margin-right: 10px;padding: 5px 0;}
	#news-list li{
		flex-wrap: wrap;
		flex-direction: column;
		gap:10px;
		padding: 20px 5%;
	}
	#news-list li a { 
		gap:20px;
	}
	.category1 span::after {
		content: "お知らせ";
		font-size: 12px;
		padding-top: 2px;
		height: 17px;
	}
	.category2 span::after {
		content: "メディア掲載";
		font-size: 12px;
		padding-top: 2px;
		height: 17px;
	}
}
/*☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝

page

☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝*/
.page{
	display: flex;
	justify-content: center;
	gap:20px;
}
.page a{
	border: solid #222 2px;
	font-size: 16px;
	padding: 2px 6px;
}
.active_page{
	background: #222;
	color: #fff;
}
@media screen and (max-width: 768px){
	.page{
		gap:10px;
	}
}
/*☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝



☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝*/