@charset "utf-8";
/* CSS Document */

/*case_list//////////////////////////////////////////////////////*/

ul.case_list{
	letter-spacing:-0.4em;
}
ul.case_list li{
	width:calc(50% - 30px);
	display:inline-block;
	margin:0 60px 30px 0;
	padding:20px;
	vertical-align:top;
	letter-spacing:normal;
	border:1px #ccc solid;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	zoom:1;
}
ul.case_list li:nth-child(2n){
	margin-right:0;
}
ul.case_list li .case_list_block_pic2{
	margin-bottom:15px;
	padding-top:70%;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
ul.case_list li span.category{
	display:inline-block;
	margin-bottom:15px;
	padding:2px 5px;
	font-size:14px;
	text-align:center;
	border:1px #ccc solid;
	border-radius;5px;
	background-color:#f0f0f0;;
}
#page ul.case_list li h1.name{
	margin:0 0 15px;
	font-size:16px;
}
ul.case_list li p.ttl{
	margin-bottom:15px;
	font-size:20px;
	font-weight:bold;
}
ul.case_list li p.text{
	margin-bottom:0;
	font-size:16px;
}


/*pagination//////////////////////////////////////////////////////*/
div.case_list_pagination{
	margin:60px auto;
}
div.pagination{}
div.pagination a{
	width:auto;
	min-width:4em;
	display:inline-block;
	margin:0 10px 0 0;
	padding:1.5em 1em;
	color:#fff;
	text-align:center;
	line-height:1em;
	border-radius:2em;
	-webkit-border-radius:2em;
	-moz-border-radius:2em;
	-ms-border-radius:2em;
	background-color:#009fe8;
}
div.pagination a:hover{
	background-color:orange;
}
div.pagination a.is-current{
	color:#009fe8;
	font-weight:bold;
	border:1px #009fe8 solid;
	background-color:#fff;
}

/*c_case//////////////////////////////////////////////////////*/
#page .c-article h1,
#page .c-article h1.c-article__title {
	font-size: 2.0rem;
}