@charset "utf-8";

img{vertical-align: bottom;}

@media screen and ( min-width:640px ) { /* PC ==================== */
	.sp{
		display: none;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.pc{
		display: none;
	}
}

@media screen and ( min-width:640px ) { /* PC ==================== */
	.news-img img{
	  width:100%;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.news-img img{
	  width:100%;
	}
}

@media screen and ( min-width:640px ) { /* PC ==================== */
	.btn-twitter{
		text-align: center;
		margin: 20px auto 0;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.btn-twitter{
		width:80%;
		margin: 20px auto 0;
	}
	.btn-twitter img{
	  width:100%;
	}
}

.news-box2022{
	width:100%;
	margin:50px auto 0;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.news-box2022{
		width:100%;
		margin:50px auto 0;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.news-box2022{
		width:90%;
		margin:30px auto 0;
	}
}

.red-frame-img{
	width:100%;
	margin:0 !important;
	padding:0 !important;
}
.red-frame-img img{
	width:100%;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.red-frame{
		border-left:3px solid #db0000;
		border-right:3px solid #db0000;
		border-bottom:3px solid #db0000;
		padding:50px 30px 50px 30px;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.red-frame{
		border-left:1px solid #db0000;
		border-right:1px solid #db0000;
		border-bottom:1px solid #db0000;
		padding:20px;
		margin:0 !important;
	}
}
.news-box2022 h3{
	background:none;
	border:none;
	margin:30px 0;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.news-box2022 h3{
		margin:30px 0 0 0;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.news-box2022 h3{
		margin:0;
		padding-top:20px;
	}
	.news-box2022 h3 img{
		width:100%;
	}
}

.list-dis{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
}
ul.asterisk il{
	font-size:14px !important;
}

.text-center-y{
	text-align: center;
	font-weight:bold;
	color:#ffde00;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.text-center-y{
		font-size:30px;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.text-center-y{
		font-size:20px;
	}
}
.text-center{
	text-align: center;
}