@charset "UTF-8";

.main {
	padding: 90px 0 100px;
}

.hero {
	text-align: center;
}

.hero_ttl {
	color: #5BB7E5;
	font-weight: 600;
	font-size: 50px;
	line-height: 1;
	letter-spacing: 2px;
}

.hero_ttl span {
	display: block;
	font-weight: 500;
	color: #454E67;
	font-size: 18px;
	margin-top: 13px;
}

.link {
	display: flex;
	justify-content: center;
	margin-top: 70px;
}

.link li {
	line-height: 1.2;
	margin-right: 1.5%;
	width: 8%;
	text-align: center;
}

.link li:last-child {
	margin-right: 0;
}

.link li a {
	display: block;
	background: #F9FAFC;
	border-radius: 3px;
	transition: background 0.4s;
	padding: 10px;
}

.link li a:hover {
	color: #FFF;
	background: #2F3C62;
}

body.-all .link li.-all a,
body.-light .link li.-light a,
body.-air .link li.-air a {
	background: #2F3C62;
	color: #FFF;
}

.list {
}

.list_cnt {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 50px;
}

.list_item {
	width: 32%;
	margin-right: 2%;
	transition: opacity 0.4s;
}

.list_item:nth-child(3n) {
	margin-right: 0;
}

.list_item:nth-child(n+4) {
	margin-top: 45px;
}

.list_item:last-child {
	margin-right: auto;
}

.list_item:hover {
	opacity: 0.8;
}

.list_item_img {
}

.list_item_img img {
	width: 100%;
	height: auto;
}

.works_cat {
	margin-top: 20px;
}

.works_cat li {
	text-align: center;
	display: inline-block;
	color: #FFF;
	line-height: 1;
	padding: 5px 10px;
	margin-right: 5px;
	font-size: 13px;
}

.works_cat li.-air {
	background: #74B40D;
}

.works_cat li.-light {
	background: #5185CC;
}

.list_item_ttl {
	font-size: 17px;
	line-height: 1.5;
	margin-top: 12px;
}

/*詳細ページ*/
.post {
	padding-top: 40px;
}

.post_hd {
}

.post_hd_cat {
}

.post_hd_ttl {
	font-size: 28px;
	font-weight: 500;
	position: relative;
	line-height: 1.3;
	padding-bottom: 12px;
	margin-top: 15px;
}

.post_hd_ttl:before {
	content: "";
	background: -moz-linear-gradient(left, #57B5FD, #1F3C8B);
	background: -webkit-linear-gradient(left, #57B5FD, #1F3C8B);
	background: linear-gradient(to right, #57B5FD, #1F3C8B);
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.post_hd_add {
	margin-top: 10px;
}

.post_hd_add dt,
.post_hd_add dd {
	line-height: 1.6;
}

.post_hd_add dt {
	position: relative;
	margin-top: 15px;
}

.post_hd_add dd {
	margin-top: 6px;
}

.post_body {
	margin: 30px 0 50px;
	border-bottom: 1px solid #DDD;
	padding-bottom: 80px;
}

.post_body a {
	text-decoration: underline;
	color: #57B5FD;
	cursor: pointer;
}

.post_body a:hover {
	text-decoration: none;
}

.post_intro {
}

.post_item_cnt {
}

.post_item {
	margin-top: 50px;
}

.post_item:nth-child(n+2) {
	margin-top: 90px;
}

.post_item_img_cnt {
}

.post_item_img {
	text-align: center;
}

.post_item_img:nth-child(n+2) {
	margin-top: 30px;
}

.post_item_txt {
	margin-top: 25px;
}

.pager {
	margin-top: 80px;
	text-align: center;
}

.pager.-back {
	width: 180px;
	margin: 0 auto;
}

.pager .wp-pagenavi {
	text-align: center;
	font-weight: 500;
	line-height: 1;
}

.pager .pages {
	display: none;
}

.pager a {
	display: inline-block;
	background: #F9FAFC;
	color: #333;
	margin-right: 10px;
	padding: 10px 11px;
	border-radius: 3px;
	transition: background 0.4s;
	cursor: pointer;
}

.pager .current {
	background: #5BB7E5;
	color: #FFF;
	margin-right: 10px;
	padding: 10px 11px;
	border-radius: 3px;
}

.pager.-back a {
	width: 100%;
}

.pager a:last-child {
	margin-right: 0;
}

.pager a:hover {
	background: #5BB7E5;
	color: #FFF;
}

/* for Tablet */
@media screen and (max-width:1030px) {
	.main {
		min-height: 1200px;
	}

}

/* for SP */
@media screen and (max-width:640px) {
	.main {
		padding: 50px 0 40px;
		min-height: auto;
	}

	.hero {
	}

	.hero_ttl {
		font-size: 30px;
		line-height: 1.3;
		letter-spacing: 1px;
	}

	.hero_ttl span {
		font-size: 15px;
		margin-top: 2px;
	}

	.link {
		margin-top: 50px;
	}

	.link li {
		width: 24%;
	}

	.link li:last-child {
	}

	.link li a {
	}

	.link li a:hover {
	}

	body.-all .link li.-all a,
	body.-light .link li.-light a,
	body.-facility .link li.-facility a {
	}

	.list {
	}

	.list_cnt {
		margin-top: 30px;
	}

	.list_item {
		width: 48.5%;
	}

	.list_item:nth-child(2n) {
		margin-right: 0;
	}

	.list_item:nth-child(3n) {
	}

	.list_item:nth-child(n+3) {
		margin-top: 20px;
	}

	.list_item:last-child {
	}

	.list_item:hover {
	}

	.list_item_img {
	}

	.list_item_img img {
	}

	.works_cat {
		margin-top: 10px;
	}

	.works_cat li {
		margin-right: 2px;
	}

	.works_cat li.-blue {
	}

	.works_cat li.-green {
	}

	.list_item_ttl {
		font-size: 15px;
		line-height: 1.4;
	}

	/*詳細ページ*/
	.post {
	}

	.post_hd {
	}

	.post_hd_cat {
	}

	.post_hd_ttl {
		font-size: 20px;
		margin-top: 10px;
	}

	.post_hd_ttl:before {
	}

	.post_hd_add {
		display: block;
	}

	.post_hd_add dt,
	.post_hd_add dd {
		width: 100%;
	}

	.post_hd_add dt {
		font-weight: bold;
	}

	.post_hd_add dd {
	}

	.post_body {
		margin: 25px 0;
		padding-bottom: 30px;
	}

	.post_intro {
	}

	.post_item_cnt {
	}

	.post_item {
		margin-top: 30px;
	}

	.post_item:nth-child(n+2) {
		margin-top: 40px;
	}

	.post_item_img_cnt {
	}

	.post_item_img {
	}

	.post_item_img:nth-child(n+2) {
		margin-top: 20px;
	}

	.post_item_txt {
	}

	.pager {
		margin-top: 45px;
	}

	.pager.-back {
	}

	.pager .wp-pagenavi {
	}

	.pager a {
	}

	.pager.-back a {
	}

	.pager a:last-child {
	}

	.pager a:hover {
	}

	.pager a.current {
	}

}

/* for Print */
@media print {
}
