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

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

ul.case_list{
	margin-left:0;
	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: block;
	width: 4em;
	position: relative;
	margin: calc(-1em - 15px - 10px - 2px) 0 15px;
	padding: 5px;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	border: 1px #ccc solid;
	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;
}
@media screen and (max-width:1054px){
	ul.case_list li{
		width: calc(50% - 15px);
		margin-right:30px;
	}
}
@media screen and (max-width:510px){
	ul.case_list li{
		width: 100%;
		margin-right:0;
	}
}


/*pagination//////////////////////////////////////////////////////*/
div.case_list_pagination{
	margin:60px auto;
}
div.pagination{}
div.pagination a{
	width:auto;
	min-width:4em;
	display:inline-block;
	margin:0 10px 10px 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 span{
	line-height:1em;
}
div.pagination a:hover{
	background-color:orange;
}
div.pagination a.is-current{
	color:#009fe8;
	font-weight:bold;
	border:1px #009fe8 solid;
	background-color:#fff;
}
@media screen and (max-width:680px){
	div.pagination a {
		font-size: 14px;
		padding: 1em;
	}
}

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