@charset "utf-8";

*,*::before,*::after {
box-sizing: border-box;}

ul,li {list-style: none; margin:0; padding: 0;}
a {text-decoration: none;}




/* PC ================================================== */
@media all and (min-width:960px){
	#bus-page {
	padding-top: 80px;
	}
	.bus-top-area {
		width: 90%;
		max-width: 1350px;
		height: 620px;
		margin: 0 auto;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
  }
		.bus-top-txt-area {
			width: 546px;
		}
		.bus-top-txt-area span{
			font-size: 18px;
		}
			.bus-ttl {
				font-size: 32px;
				font-weight: bold;
				color:#1B904B;
				line-height: 1.4;
				margin: 0 0 10px;
			}
				.bus-ttl span{
					font-size:20px;
				}
				.bus-top-txt {
					font-size: 16px;
					font-weight: normal;
					line-height: 2;
					letter-spacing: 0.12em;
					margin: 30px 0 0;
				}
				.bus-top-area img {
					width: 700px;
					height:auto;
				}
		.bus-inner {
			width: 100%;
			max-width: 1080px;
			margin: 40px auto 0;;
		}
		.bus-box {
			width: 100%;
			display: flex;
			margin: 30px 0 0;
			color:#404040;
		}
			.bus-box:hover {
				opacity: 0.8;
			}
		.bus-img {
			width: 371px;
			height:275px;
			margin: 0 0 15px;
			border: 1px solid #dedede;
			overflow: hidden
		}
		.bus-img img{
			width: 100%;
			background-size: cover;
			background-position: center;
		}
		.bus-box-txt-area  {
			width: 677px;
			margin: 0 0 0 40px;
		}
			.date-inbox {
				display: flex;
				color: #CCCCCC;
			}
				.bus-ttl-inbox {
					width: 100%;
					margin: 10px 0 10px;
					font-weight: bold;
					font-size: 24px;
					line-height: 1.5;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
				}
				.bus-txt {
					font-size: 14px;
					font-weight: normal;
					line-height: 1.5;
					letter-spacing: 0.12em;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 4;
					overflow: hidden;
				}
		.anothers {
			width: 80%;
			margin: 50px auto 0;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
			.another {
				display: flex;
				align-items: center;
			}
				.anothers a {
					color: #404040;
					display: inline-block;
				}
				.another::before,
				.another::after {
					content:"";
					display: inline-block;
					width: 26px;
					height: 26px;
					background-size: cover;
					background-position: center;
				}
				.another-item-left::before {
					background-image: url(../img/move-icon-left.png);
					margin-right: 5px;
				}
				.another-item-right::after {
					background-image: url(../img/move-icon-right.png);
					margin-left: 5px;
				}


/* ページネーション */
.pagenation {
	width: 100%;
	margin:50px auto 100px;
	max-width: 1080px;
	height: 200px;}
	.pages {
		display: flex;
		width: 280px;
		height: auto;
	}
		.page {
			width: 45px;
			height: 45px;
			border-radius: 3px;
			background-color: #056C21;
		}
			.page:not(:first-child){
				background-color: #DEDEDE;
				margin-left :5px;
			}
			.page:hover {
				background-color: #056C21;
			}
			.page a {
				color:#fff;
				display: inline-block;
				width: 100%;
				height: 45px;
				text-align: center;
				line-height: 45px;
			}


/* detail */
#business-detail {
	padding: 80px 0 0;
}
.detail-inner {
	display: flex;
	width: 80%;
	max-width: 1500px;
	margin: 100px auto;
}
	.contents {
		width: 700px;
	}
		.detail-ttl {
			font-weight: bold;
			font-size: 32px;
			line-height: 1.2;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
			margin: 0px 0 20px;
		}
		.detail-inbox {
			margin:0 0 40px 0;
		}
		.detail-category {
			margin:0 10px 0 0;
		}
			.contents img {
				width: 100%;
				height: auto;
				margin: 20px 0 20px;
			}
			.detail-txt {
				width: 100%;
				height: auto;
				margin: 20px 0 60px;
				line-height: 1.7;
				letter-spacing: 0.12em;
			}
				.back {
					text-decoration: underline;
					color: #056C21;
				}
.news-sidebar {
	width: 290px;
	margin: 0 auto;
}
	.side-top-ttl {
		font-size: 24px;
		font-weight: bold;
	}
		.side-box {
			margin: 10px 0;
			padding: 0 0 10px;
			border-bottom :1px dotted #DEDEDE;
		}
			.side-box a {
				color: #404040;
			}
		.side-box img {
			width: 290px;
			height: 180px;
			border: 1px solid #DEDEDE;
			margin: 10px 0 20px;
		}
		.side-ttl {
			font-size: 16px;
			font-weight: bold;
			margin: 7px 0 0;
			display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
		}
		.new-category {
			margin: 40px 0 0;
		}
			.cate-ttl {
				font-size: 16px;
				font-weight: bold;
				margin: 12px 0 0;
			}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
	#bus-page {
		padding-top: 80px;
		}
		.bus-top-area {
			width: 86%;
			height: auto;
			margin: 0 auto;
			position: relative;
			display: flex;
			flex-direction: column-reverse;
		}
			.bus-top-txt-area {
				width: 100%;
			}
				.bus-ttl {
					font-size: 28px;
					font-weight: bold;
					color:#1B904B;
					line-height: 1.4;
					margin: 20px 0 10px;
				}
					.bus-top-txt-area span{
						font-size:16px;
					}
					.bus-top-txt {
						font-size: 16px;
						font-weight: normal;
						line-height: 2;
						letter-spacing: 0.12em;
						margin: 30px 0 0;
					}
					.bus-top-area img {
						width: 100%;
						height:auto;
					}
			.bus-inner {
				width: 86%;
				margin: 100px auto 0;;
			}
			.bus-box {
				display: inline-block;
				width: 100%;
				margin: 30px 0;
				color:#404040;
			}
			.bus-img {
				width: 100%;
				height:auto;
				margin: 0 0 15px;
				border: 1px solid #dedede;
				display: flex;
				align-items: center;
			}
			.bus-img img{
				width: 100%;
				background-size: cover;
				background-position: center;
			}
			.bus-box-txt-area  {
				width: 100%;
				margin: 20px auto 20px;
			}
				.date-inbox {
					display: flex;
					color: #CCCCCC;
					font-size: 15px;
				}
					.bus-ttl-inbox {
						width: 100%;
						margin: 10px 0 10px;
						font-weight: bold;
						font-size: 24px;
						line-height: 1.5;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
					}
					.bus-txt {
						font-size: 14px;
						font-weight: normal;
						line-height: 1.5;
						letter-spacing: 0.12em;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 4;
						overflow: hidden;
					}
			.anothers {
				width: 86%;
				margin: 50px auto 0;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
				.another {
					display: flex;
					align-items: center;
				}
					.anothers a {
						color: #404040;
						display: inline-block;
						font-size: 14px;
						font-weight: bold;
						white-space: nowrap;
					}
					.another::before,
					.another::after {
						content:"";
						display: inline-block;
						width: 26px;
						height: 26px;
						background-size: cover;
						background-position: center;
					}
					.another-item-left::before {
						background-image: url(../img/move-icon-left.png);
						margin-right: 5px;
					}
					.another-item-right::after {
						background-image: url(../img/move-icon-right.png);
						margin-left: 5px;
					}


	/* ページネーション */
	.pagenation {
		width: 86%;
		margin: 50px auto 100px;
		height: 70px;}
		.pages {
			display: flex;
			width: 280px;
			height: auto;
		}
			.page {
				width: 45px;
				height: 45px;
				border-radius: 3px;
				background-color: #056C21;
			}
				.page:not(:first-child){
					background-color: #DEDEDE;
					margin-left :5px;
				}
				.page:hover {
					background-color: #056C21;
				}
				.page a {
					color:#fff;
					display: inline-block;
					width: 100%;
					height: 45px;
					text-align: center;
					line-height: 45px;
				}


	/* detail */
	#business-detail {
		padding: 80px 0 0;
	}
	.detail-inner {
		/* display: flex; */
		width: 86%;
		margin: 60px auto;
	}
		.contents {
			width: 100%;
		}
			.detail-ttl {
				font-weight: bold;
				font-size: 28px;
				line-height: 1.2;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
				margin: 0px 0 10px;
			}
			.detail-inbox {
				margin:0 0 40px 0;
			}
			.detail-category {
				margin:0 10px 0 0;
			}
				.contents img {
					width: 100%;
					height: auto;
					margin: 20px 0 20px;
				}
				.detail-txt {
					width: 100%;
					height: auto;
					margin: 20px 0 80px;
					line-height: 1.5;
					letter-spacing: 0.075em;
				}
					.back {
						text-decoration: underline;
						color: #056C21;
					}
	.news-sidebar {
		width: 100%;
		margin: 120px auto;
	}
		.side-top-ttl {
			font-size: 24px;
			font-weight: bold;
		}
			.side-box {
				margin: 10px 0;
				padding: 0 0 10px;
				border-bottom :1px dotted #DEDEDE;
			}
				.side-box a {
					color: #404040;
				}
			.side-box img {
				width: 100%;
				height: auto;
				border: 1px solid #DEDEDE;
				margin: 10px 0 20px;
			}
			.side-ttl {
				font-size: 16px;
				font-weight: bold;
				margin: 7px 0 0;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
			}
			.detail-inbox {
				font-size: 14px;
			}
			.new-category {
				margin: 120px 0 0;
			}
				.cate-ttl {
					font-size: 16px;
					font-weight: bold;
					margin: 12px 0 0;
				}
}

/* SP ================================================== */
@media all and (max-width:559px){
	#bus-page {
		padding-top: 80px;
		}
		.bus-top-area {
			width: 86%;
			height: auto;
			margin: 0 auto;
			position: relative;
			display: flex;
			flex-direction: column-reverse;
		}
			.bus-top-txt-area {
				width: 100%;
			}
				.bus-ttl {
					font-size: 24px;
					font-weight: bold;
					color:#1B904B;
					line-height: 1.2;
					margin: 20px 0 0px;
				}
					.bus-top-txt-area span{
						font-size:16px;
						display: inline-block;
						margin: 10px 0 0;
					}
					.bus-top-txt {
						font-size: 14px;
						font-weight: normal;
						line-height: 1.7;
						letter-spacing: 0.12em;
						margin: 30px 0 0;
					}
					.bus-top-area img {
						width: 100%;
						height:auto;
					}
			.bus-inner {
				width: 86%;
				margin: 50px auto 0;;
			}
			.bus-box {
				display: inline-block;
				width: 100%;
				margin: 15px 0;
				color:#404040;
			}
			.bus-img {
				width: 100%;
				height:auto;
				margin: 0 0 15px;
				border: 1px solid #dedede;
				display: flex;
				align-items: center;
			}
			.bus-img img{
				width: 100%;
				background-size: cover;
				background-position: center;
			}
			.bus-box-txt-area  {
				width: 100%;
				margin: 10px auto;
			}
				.date-inbox {
					display: flex;
					color: #CCCCCC;
					font-size: 15px;
				}
					.bus-ttl-inbox {
						width: 100%;
						margin: 0 0 10px;
						font-weight: bold;
						font-size: 18px;
						line-height: 1.2;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
					}
					.bus-txt {
						font-size: 14px;
						font-weight: normal;
						line-height: 1.5;
						letter-spacing: 0.12em;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 4;
						overflow: hidden;
					}
			.anothers {
				width: 86%;
				margin: 50px auto 0;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
				.another {
					display: flex;
					align-items: center;
				}
					.anothers a {
						color: #404040;
						display: inline-block;
						font-size: 14px;
						font-weight: bold;
						white-space: nowrap;
					}
					.another::before,
					.another::after {
						content:"";
						display: inline-block;
						width: 26px;
						height: 26px;
						background-size: cover;
						background-position: center;
					}
					.another-item-left::before {
						background-image: url(../img/move-icon-left.png);
						margin-right: 5px;
					}
					.another-item-right::after {
						background-image: url(../img/move-icon-right.png);
						margin-left: 5px;
					}


	/* ページネーション */
	.pagenation {
		width: 86%;
		margin: 50px auto 100px;
		height: 70px;}
		.pages {
			display: flex;
			width: 280px;
			height: auto;
		}
			.page {
				width: 45px;
				height: 45px;
				border-radius: 3px;
				background-color: #056C21;
			}
				.page:not(:first-child){
					background-color: #DEDEDE;
					margin-left :5px;
				}
				.page:hover {
					background-color: #056C21;
				}
				.page a {
					color:#fff;
					display: inline-block;
					width: 100%;
					height: 45px;
					text-align: center;
					line-height: 45px;
				}


	/* detail */
	#business-detail {
		padding: 80px 0 0;
	}
	.detail-inner {
		width: 86%;
		margin: 60px auto;
	}
		.contents {
			width: 100%;
		}
			.detail-ttl {
				font-weight: bold;
				font-size: 24px;
				line-height: 1.2;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
				margin: 0px 0 15px;
			}
			.detail-inbox {
				margin:0 0 30px 0;
			}
			.detail-category {
				margin:0 10px 0 0;
			}
				.contents img {
					width: 100%;
					height: auto;
					margin: 20px 0 20px;
				}
				.detail-txt {
					width: 100%;
					height: auto;
					margin: 20px 0 60px;
					line-height: 1.5;
					letter-spacing: 0.075em;
					font-size: 16px;
				}
					.back {
						text-decoration: underline;
						color: #056C21;
					}
	.news-sidebar {
		width: 100%;
		margin: 120px auto 0;
	}
		.side-top-ttl {
			font-size: 24px;
			font-weight: bold;
		}
			.side-box {
				margin: 10px 0;
				padding: 0 0 10px;
				border-bottom :1px dotted #DEDEDE;
			}
				.side-box a {
					color: #404040;
				}
			.side-box img {
				width: 100%;
				height: auto;
				border: 1px solid #DEDEDE;
				margin: 10px 0 20px;
			}
			.side-ttl {
				font-size: 16px;
				font-weight: bold;
				margin: 7px 0 0;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
			}
			.detail-inbox {
				font-size: 14px;
			}
			.new-category {
				margin: 120px 0 0;
			}
				.cate-ttl {
					font-size: 16px;
					font-weight: bold;
					margin: 12px 0 0;
				}
}