@charset 'utf-8';


/* =========================================================
title
========================================================= */
#page-ttl h1{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-end;
	        justify-content: flex-end;
	        flex-flow: column-reverse nowrap;
	-webkit-flex-flow: column-reverse nowrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
}
@media print, screen and (min-width: 751px) {
	#page-ttl h1{
		padding-bottom: 25px;
	}
	#page-ttl h1 span.jp{
		font-size: 19px;
		margin: 20px 0px 0 40px;
		letter-spacing: 0.1em;
	}
}
@media only screen and (max-width: 750px){
	#page-ttl h1{
		height: 5.45rem;
	}
	#page-ttl h1 span{
		margin-left: 0.28rem;
	}
	#page-ttl h1 span.jp{
		font-size: 0.26rem;
		margin: 0.16rem 0px 0 0.34rem;
		letter-spacing: 0.1em;
	}
}
@media only screen and (max-width: 750px) and (orientation: landscape) {
	#page-ttl h1 {
		padding: 2rem 0 0;
		height: 4rem;
	}
}

/* =========================================================
news
========================================================= */
#news{
	border-bottom: 1px solid #231815;
}
#news .inner{
	padding-top: 84px;
	padding-bottom: 120px;
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#news .news-ex {
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.05em;
	margin-bottom: 60px;
}
@media print, screen and (max-width: 1020px) and (min-width: 751px) {
	#news .inner{
		margin-right: 20px;
		margin-left: 20px;
	}
}
@media only screen and (max-width: 750px){
	#news .inner{
		padding-top: 0.8rem;
		padding-bottom: 1.2rem;
	}

	#news .news-ex {
		font-size: 0.26rem;
		letter-spacing: 0.03em;
		margin-bottom: 0.6rem;
		text-align: left;
	}
}



/* =========================================================
news_item
========================================================= */
#news_item{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: stretch;
	-webkit-align-items: stretch;
}
#news_item .news_bloc{
	position: relative;
	overflow: hidden;
	width: 30.6%;
	margin-top: 55px;
	margin-right: 4.1%;
}
#news_item .news_bloc a{
	display: block;
}
#news_item .news_bloc .news-img{
	position: relative;
	width: 100%;
	margin-bottom: 16px;
}
#news_item .news_bloc .news-img:not(.noimg):before{
	display: block;
	width: 100%;
	padding-top: 100%;
	content: '';
}
#news_item .news_bloc .news-img .img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#news_item .news_bloc .news-img .img .bg{
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#news_item .news_bloc .news-img .img img{
	display: none;
}
#news_item .news_bloc .news-info .title{
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	margin-bottom: 5px;
	text-align: left;
	letter-spacing: 0.13em;
}
#news_item .news_bloc .news-info .date{
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	letter-spacing: 0.03em;
}
@media print, screen and (min-width: 751px){
	#news_item .news_bloc:nth-child(-n+3){
		margin-top: 0;
	}
	#news_item .news_bloc:nth-child(3n){
		margin-right: 0;
	}
}
@media only screen and (max-width: 750px){
	#news_item .news_bloc{
		width: 47%;
		max-width: 100%;
		margin-top: 0.5rem;
		margin-right: 6%;
	}
	#news_item .news_bloc:nth-child(-n+2){
		margin-top: 0;
	}
	#news_item .news_bloc:nth-child(2n){
		margin-right: 0;
	}
	#news_item .news_bloc .news-img{
		margin-bottom: 0.2rem;
	}
	#news_item .news_bloc .news-img.noimg picture{
		width: 100% !important;
		height: 100% !important;
	}
	#news_item .news_bloc .news-info .title{
		font-size: 0.26rem;
		margin-bottom: 0.12rem;
		text-align: center;
	}
	#news_item .news_bloc .news-info .date{
		font-size: 0.24rem;
		text-align: center;
	}
}