/*=======================
	// note overwrite 
=====================*/

article{
	font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
}



.article{
	margin-bottom:45px;
	border-bottom:#666 thin dotted;
}

.article h3{
	margin-bottom:1em;
}

.article p,
.article ul{
	margin-bottom:2em;
}

.article li{
	margin-bottom:.5em;
}


.notice.small{
	margin-bottom:1em;
	width:auto;
	color:#666;
	font-size:1.2rem;
}


@media print,
screen and (max-width: 768px) {
	.article figure img{
		width:100%;
	}
}

/*=======================
	// layout
=====================*/

.flexbox {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /* justify-content: space-between; */
}

.news .inner{
	width:80%;
	margin:auto;
}


@media print,
screen and (max-width: 1279px) {
	.news .inner{
		width:90%;
		margin:auto;
	}
	
}

/*=======================
	// title
=====================*/

.title{
	margin-bottom:45px;
	padding:30px 2.5%;
	border-top:#453ea0 thin solid;
	border-bottom:#453ea0 thin solid;
}

.title h2{
	font-weight:bold;
	line-height:1.4;
}

@media print,
screen and (max-width: 768px) {
	
	.title{
		margin-bottom:15px;
	}
	
	.title h2{
		font-size:1.6rem;
	}
	
}


/*=======================
	// article
=====================*/

.article{
	width:90%;
	margin:auto;
}


.article h3{
	font-size:1.8rem;
	font-weight:bold;
	padding:15px 20px;
	background:#f8f4ee;
}


.article p{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}


.article figure{
	width:500px;
	max-width:500px;
	margin:auto auto 30px;
}

.article figcaption{
	color:#666;
	text-align:left;
}





@media print,
screen and (max-width: 768px) {
	
	.article{
		width:100%;
		margin:auto;
	}

	.article h3{
		font-size:1.6rem;
		font-weight:bold;
		padding:15px 20px;
		background:#f8f4ee;
	}

	.article figure{
		width:90%;
		max-width:90%;
		
	}
	
}




/*=======================
	// imgbox_s
=====================*/

	.flexbox.imgbox_s{
	}

	.imgbox_s figure{
		width:30%;
		max-width:302px;
		margin-top:0;

	}

	.imgbox_s figure img{
		flex-flow: row;

	}


@media print,
screen and (max-width: 900px) {
	
	.flexbox.imgbox_s{
		display:block;
	}
	
	.imgbox_s figure{
		width:100%;
		max-width:100%;
		text-align:center;
	}
	
}