@charset "utf-8";
/* CSS Document */
.cont_index img{
	vertical-align: bottom;
}

/* attention */
.attention .article{
	padding: 0 10px 1em;
	margin-bottom: 1em;
	width: 50%;
}
.attention .article.top {
    background-color: white;
}
.attention .article:nth-child(even){
	padding-left: 0;
}
.attention .article:nth-child(odd){
	padding-right: 0;
}
.attention .article .img{
	width: 100%;
	margin-bottom: 0.5em;
}
.attention .article .text{
	width: 100%;
	padding: 0 0 0 10px;
}
.attention .article .ttl{
	font-size: 15px;
}
.attention .view_more,
.view_more{
	width: 100%;
	text-align: center;
        cursor:pointer;
}
.attention .view_more span,
.view_more span{
	display: inline-block;
	text-align: center;
	width: 100%;
	border: #101e41 1px solid;
	color: #101e41;
	font-size: 15px;
	padding: 6px 15px;
}
.attention .article:nth-child(1){
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}
@media (max-width:600px){
	.attention .article{
		width: 100%;
		display: flex;
		padding: 0 10px;
		padding-bottom: 0.7em;
		margin-bottom: 0.7em;
		position: relative;
		align-items: stretch;
	}
	.attention .article:nth-child(1) {
		padding-left: 0px;
		display: block;
	}
	.attention .article:nth-child(even) {
		padding-left: 10px;
	}
	.attention .article:nth-child(odd) {
		padding-right: 10px;
	}
	.attention .article:nth-child(1) {
		padding-right: 0px;
	}
	.attention .article .ttl{
		font-size: 13px;
		/* height: 40px; */
	}
	.article_info {
		margin: 0;
		padding: 0 10px 0 0;
	}
	.attention .article .img {
		width: 36vw;
		position: relative;
		overflow: hidden;
	}
	.attention .article .img img {
		max-width: 100%;
		height: 18vw;
	}
	.attention .article:nth-child(1) .img {
		width: 100%;
	}
	.attention .article:nth-child(1) .img img {
		height: auto;
	}
	.attention .article .text {
		flex: 1;
		padding: 0;
		padding-left: 0.5em;
	}
	.attention .ttl a {
		font-size: 95%;
	}
	.attention .article .text .article_info,
	.attention .article .text .article_info a{
		font-size: 11px;
	}
	.view_more {
		padding: 0 10px;
	}
}

/* 0304追記 */
.attention .article:nth-child(1) img {
	width: 100%;
}