@charset "UTF-8";

/* PCデザイン ここから */
.only-sp {
	display: none;
}

br.for-sp {
	display: none;
}

body {
	font-family: "Roboto", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo" , "メイリオ", "sans-serif";
}

section#news ul.news-list li .news-date,
.news-contents ul.news-list li .news-date {
	margin-right: 15px;
}

section#news ul.news-list li .term-name,
.news-contents ul.news-list li .term-name {
	margin-right: 15px;
}

.news-contents article.contents .article-date a {
	margin-left: 10px;
}

ul.example-list {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/*space-between時の位置調整*/
ul.example-list::after {
	display: block;
	content: "";
	width: 320px;
}

/*施工事例 カテゴリー別リスト*/

.example-contents .cat-link ul {
	justify-content: space-between;
}

.example-contents .cat-link ul li a {
	/*display: block flex;*/
	display: block;
	width: calc((1050px - (25px * 5)) / 5);
	border: 1px #d9dbdd solid;
	color: #00598f;
	background-color: #FFF;
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.example-contents .cat-link ul li a::after {
	font-family: "Font Awesome 5 Free";
	content: "\f078";
	font-weight: 600;
	margin-left: 0.5em;
}

.example-contents .cat-link ul li a:hover,
.example-contents .cat-link ul li.current-cat a {
	text-decoration: none;
	background: -moz-linear-gradient(left, #192e72, #0ba9e2);
	background: -webkit-linear-gradient(left, #192e72,	#0ba9e2);
	background: linear-gradient(to right, #192e72,	#0ba9e2);
	color: #FFF;
}

/*ニュースのカテゴリリンクボタン*/
.example-contents .news-contents .cat-link ul li a {
	width: calc((1050px - (25px * 4)) / 4);
}

/*各課ページ　直近施工例*/
section#example-last ul.example-list li.example-photo {
	height: 195px;
	overflow: hidden;
}

section#example-last ul.example-list li.example-photo img {
	width: 100%;
	height: auto;
}

/*フッターコンテンツ（SPのみ）*/
#footer-content {
	display: none;
}