@charset "utf-8";

/*
************************************************************************************/
ul.news-list{
	border-bottom: 1px solid #ccc;
	margin-bottom: 50px;
}
ul.news-list li{
	display: table;
	width: 100%;
	border-top: 1px solid #ccc;
	padding: 1.5em 0;
}

ul.news-list li .date {
	color: #003376;
	font-weight: bold;
	display: table-cell;
	vertical-align: top;
	width: 8em;
}

ul.news-list li .title {
	display: table-cell;
	vertical-align: top;
}
@media screen and (max-width: 599px) {
	ul.news-list li{
		display: block;
	}

	ul.news-list li .date {
		display: block;
		width: auto;
		padding: 0;
	}

	ul.news-list li .title {
		display: block;
		padding: 0;
	}
}

/*
************************************************************************************/
#page_news.page_details .lv_h1{
	padding: .8em .9em;
	font-size: 1.85em;
	line-height: 1.6em;
}
#page_news.page_details .news_date{
	text-align: right;
}


/*midorikai
************************************************************************************/
#page_midorikai ul.news-list{
	width: calc(100% - 350px);
	margin-top: 50px;
}
#page_midorikai ul.news-list.wide{
	width: 100%;
	margin-top: 50px;
}
#page_midorikai #activity img{
	width: 300px;
	height: auto;
}
#page_midorikai #activity .btnMore{
	margin-top: 0;
}
@media screen and (max-width: 768px){
	#page_midorikai ul.news-list{
		width: auto;
	}
}

/*alumni
************************************************************************************/
#page_alumni .frame_alumni{
	display: grid;
	grid-template-columns: 2fr 3fr;
	grid-template-rows: auto;
	column-gap: 40px;
	row-gap: 40px;
	align-items: stretch;
	margin: 40px 0;
}
#page_alumni .box_nenpo{
	display: flex;
	padding: 15px;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	background: #f4f4f4;
}
#page_alumni .box_ph{
	text-align: center;
	margin: 0 auto;
}
#page_alumni .box_ph img{
	max-width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) {
	#page_alumni .dl{
		transition: all 0.5s ease-in-out;
	}
}
#page_alumni .dl{
	margin: 3px 0;
	background: #3865a1;
	text-align: center;
	padding: 5px 0;
	font-size: 0.875em;
}
#page_alumni .dl a{
	color: #FFF;
	text-decoration: none;
}

#page_alumni .dl:hover{
	background: #003376;
}

#page_alumni .btnMore.program{
	margin: 20px 0 0 0;
}


@media screen and (max-width: 768px) {
	#page_alumni .frame_alumni{
		grid-template-columns: 1fr;
	}
}