@charset "UTF-8";

/* top
----------------------------------------*/

.main_image {
	position:absolute;
	top:160px;
	width:100%;
	background-image: -moz-linear-gradient( 90deg, rgb(254,254,239) 0%, rgb(238,247,243) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(254,254,239) 0%, rgb(238,247,243) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(254,254,239) 0%, rgb(238,247,243) 100%);
	text-align:center;
	z-index:-10;
}

#container {
	margin:440px auto 50px;
}


/*----------------------------------------
	news
----------------------------------------*/
.news h2 {
	margin-bottom:20px;
	border-bottom:#dddddd solid 5px;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	font-size:182%;
}

.news_line {
	overflow:hidden;
	width:100%;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:#ccc dotted 1px;
}

.news_line .date {
	float:left;
	width:100px;
	font-weight:bold;
}
.news_line a {
	text-decoration:underline;
}
.news .news_line p {
	float:right;
	width:515px;
	padding-left:65px;
	text-indent:-65px;
}
.news .news_line p:before {
	margin-right:15px;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	font-size: 85%;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	color:#fff;
}
.news_line p.topics:before {
	content:"TOPICS";
	background:#5aafd6;
}
.news_line p.news:before {
	content:"NEWS";
	padding:5px 8px;
	background:#009944;
}

/*============▼SP▼===============*/
@media screen and (max-width: 480px) {
	.main_image {
    position: absolute;
    top: 128px;
	}
	#container {
    margin: 257px auto 50px;
}
	.news_line .date {
    float: left;
    width: 100px;
    font-weight: bold;
    margin-bottom: 12px;
		padding-left:5px;
}
	.news .news_line p {
    width:98%;
		padding:0 1%;	
    /* width: 515px; */
		text-indent: 0;
		position:relative;
}
	.news_line p.news:before {
		clear:both;
		position:absolute;
		top:-32px;
		right:0;
		width:30%;
    content: "NEWS";
    padding: 5px 8px;
    background: #009944;
		display:block;
}
}
@media screen and (max-width: 320px) {
	.main_image {
    position: absolute;
    top: 200px;
	}
}