@charset "UTF-8";

@media only screen and (min-width:1080px){
	.inner{
        width: 847px;
		height: auto;
    }
	.topicslist li{
		margin-bottom: 15px;
		padding-bottom: 15px;
        border-bottom: 1px solid #cccccc;
		line-height:24px;
		overflow: hidden;
    }
	.topicslist li:last-child{
		border-bottom: none
	}
	.topicslist li a{
        color:#000;
        text-decoration: none;
    }
	.topicslist .line{
        text-decoration: underline;
    }
	.news_tmb {
        width: 80px;
		height: 80px;
		margin-right:26px;
		float:left;
    }
	.news_tmb img {
        width: 100%;
		height: auto;;
    }
	.news_area {
		width: 741px;
		height: auto;
        float:left;
    }
	.news_area .date {
		font-size: 14px;
    }
	.news_area .ttl {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 13px;
    }
	.news_area .text {
		font-size: 14px;
    }
	.news_btn{
		display: block;
		position: relative;
		width: auto;
		padding: 0.8em;
		text-align: center;
		text-decoration: none;
		color: #fff;
		background: #17288b;
		font-size: 14px;
		margin-top: 24px;
	}
	.news_btn:hover {
		 background: #0f1b60;
		 cursor: pointer;
		 text-decoration: none;
	}
}

@media only screen and (min-width:751px) and (max-width:1079px){
	.inner{
        width: auto;
		height: auto;
    }
	.topicslist li{
		margin-bottom: 15px;
		padding-bottom: 15px;
        border-bottom: 1px solid #cccccc;
		line-height:24px;
		overflow: hidden;
    }
	.topicslist li:last-child{
		border-bottom: none
	}
	.topicslist li a{
        color:#000;
        text-decoration: none;
    }
	.topicslist .line{
        text-decoration: underline;
    }
	.news_tmb {
        width: 10%;
		height: auto;
		margin-right:2%;
		float:left;
    }
	.news_tmb img {
        width: 100%;
		height: auto;;
    }
	.news_area {
		width: 88%;
		height: auto;
        float:left;
    }
	.news_area .date {
		font-size: 14px;
    }
	.news_area .ttl {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 13px;
    }
	.news_area .text {
		font-size: 14px;
    }
	.news_btn{
		display: block;
		position: relative;
		width: auto;
		padding: 0.8em;
		text-align: center;
		text-decoration: none;
		color: #fff;
		background: #17288b;
		font-size: 14px;
		margin-top: 6px;
	}
	.news_btn:hover {
		 background: #0f1b60;
		 cursor: pointer;
		 text-decoration: none;
	}
}

@media only screen and (max-width:750px){
	.inner{
        width: auto;
		height: auto;
    }
	.topicslist li{
		margin-bottom: 15px;
		padding-bottom: 15px;
        border-bottom: 1px solid #cccccc;
		line-height:24px;
		overflow: hidden;
    }
	.topicslist li:last-child{
		border-bottom: none
	}
	.topicslist li a{
        color:#000;
        text-decoration: none;
    }
	.topicslist .line{
        text-decoration: underline;
    }
	.news_tmb {
        width: 22%;
		height: auto;
		margin-right:2%;
		float:left;
    }
	.news_tmb img {
        width: 100%;
		height: auto;;
    }
	/*.news_area {
		width: 76%;
		height: auto;
        float:left;
    }*/
	.news_area .date {
		font-size: 12px;
		width: 76%;
		height: auto;
        float:left;
    }
	.news_area .ttl {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 13px;
		width: 76%;
		height: auto;
        float:left;
    }
	.news_area .text {
		font-size: 14px;
		padding-top: 10px;
		clear: both;
    }
	.news_btn{
		display: block;
		position: relative;
		width: auto;
		padding: 0.8em;
		text-align: center;
		text-decoration: none;
		color: #fff;
		background: #17288b;
		font-size: 12px;
		margin-top: 5px;
		margin-bottom: 20px;
	}
	.news_btn:hover {
		 background: #0f1b60;
		 cursor: pointer;
		 text-decoration: none;
	}
}