@charset "utf-8";
/* CSS Document */

/*========================
	お知らせ一覧
==========================*/
/* .news-list{
} */
.news-list *{
	font-weight:bold;
}
.news-list > h2{
	font-size:32px;
	font-weight:normal;
}
.news-list > h2 span{
	display:block;
	font-size:14px;
	font-weight:normal;
}
.news-list > ul{
	border-top: 1px solid #DBDBDB;
	margin:50px 0 !important;
}
.news-list > ul li{
	border-bottom: 1px solid #DBDBDB;
	width:100% !important;
	margin:0 !important;
}
.news-list > ul li a{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	padding:25px;
	box-sizing:border-box;
}
.news-list > ul li a:hover{
	opacity: 0.8;
}
.news-list > ul li a span{
	font-size:16px;
}
.news-list > ul li a .date{
	padding-top:6px;
	max-width:100px;
	width:100%;
	color: #808080;
}
.news-list > ul li a .category{
	font-size:12px;
	background: #EAEAEA;
	border-radius:100px;
	max-width:120px;
	width:100%;
	margin-top:3px;
	padding:5px 0;
	box-sizing:border-box;
	text-align:center;
}
.news-list > ul li a .ttl{
	padding-left:25px;
	margin-top:5px;
}

/*========================
	お知らせ
==========================*/

main > .content_inner{
	padding-top:100px;
}
main > .content_inner *{
	line-height:1.8;
	letter-spacing:0.5px;
}
main > .content_inner > h3{
	font-size:14px;
	vertical-align:middle;
}
main > .content_inner > h3 span{
	border:1px solid #000000;
	padding:3px 15px;
	box-sizing:border-box;
	margin-right:15px;
	display:inline-block;
}
main > .content_inner > h2{
	font-size:32px;
	margin-top:20px;
	margin-bottom:30px;
}
/* main > .content_inner > p{
} */
main > .content_inner > p span{
	font-weight:bold;
	color:#B90101;
}
main > .content_inner > p a{
	color: #4C9ED9;
	border-bottom: 1px solid #4C9ED9;
	word-break: break-all;
}
main > .content_inner > ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-start;
	-webkit-box-align: center;
	ms-flex-align: center;
	align-items: center;
	margin:50px;
}
main > .content_inner > ul li{
	width:32%;
	margin-right:15px;
	margin-bottom:15px;
}
main > .content_inner > ul li:nth-of-type(3n){
	margin-right:0;
}

.news-item{
	text-align:center;
}
.news-item > p{
	display:inline-block;
	border-bottom:1px solid #000000;
}
.news-item h4{
	font-size:24px;
	margin-bottom:20px;
}
.news-item > div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-start;
	-webkit-box-align: flex-start;
	ms-flex-align: flex-start;
	align-items: flex-start;
}
.news-item > div > div{
	width:50%;
}
.news-item > div > div h5{
	font-size:18px;
	margin-bottom:15px;
}
.news-item > div > div ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-start;
	-webkit-box-align: flex-start;
	ms-flex-align: flex-start;
	align-items: flex-start;
}
.news-item > div > div ul li{
	width:50%;
}
.news-item > div > div ul li a{
	display:block;
	text-align:center;
}
/* .news-item > div > div ul li a p{
} */

.pageback{
	max-width:260px;
	width:100%;
	margin:30px auto;
}
.pageback a{
	text-align:center;
	display:block;
	position:relative;
	padding:15px;
	border: 1px solid #B2B2B2;
	box-sizing:border-box;
	font-size:16px;
}
.pageback a:before{
	content:"";
	position:absolute;
	top:46%;
	left:15%;
	bottom:0;
	display:block;
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	width:5px;
	height:5px;
}


/* ノートパソコン*/
@media screen and (max-width: 1366px) {
	
}

@media screen and (max-width: 1200px) {
	
}

/* ipadpro */
@media screen and (max-width: 1024px) {
    
}

/* ipad */
@media screen and (max-width: 768px) {
    
}

/* スマホ以下 */
@media screen and (max-width: 767px) {
	
/*========================
	お知らせ一覧
==========================*/
	.news-list > ul{
		margin:5vw 0 !important;
	}
	.news-list > ul li a{
		padding:3vw 4vw;
	}
	.news-list > ul li a span{
		font-size:3.6vw;
	}
	.news-list > ul li a .category{
		font-size:3.2vw;
	}
	.news-list > ul li a .ttl{
		padding-left:0;
		width:100%;
	}

/*========================
	お知らせ
==========================*/

	main > .content_inner{
		padding:10vw 3vw;
		box-sizing:border-box;
	}
	main > .content_inner > h3{
		font-size:3vw;
	}
	main > .content_inner > h2{
		font-size:6.2vw;
		margin-top:3vw;
		margin-bottom:6vw;
	}
	main > .content_inner > p{
		font-size:3.3vw;
	}
	main > .content_inner > ul{
		margin:5vw 0;
	}
	main > .content_inner > ul li{
		margin-right:1.8vw;
	}
	
	.news-item > div > div{
		width:100%;
	}
	
}

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

/*========================
	お知らせ
==========================*/

}

/* iphone6 */
@media screen and (max-width: 414px) {
	
}

/* iphoneX */
@media screen and (max-width: 375px) {
	
}

/* iphone5 */
@media screen and (max-width: 320px) {
    
}