@charset "utf-8";
.ttl {
color:#7B5700;
}
/* PC ================================================== */
@media all and (min-width:960px){
#facility {
	width: 100%;
	height: auto;
	padding: 230px 0px 0px;
	background-color: #FAF9F2;
}
	.facility--inner {
		width: 100%;
		margin: auto auto;
		padding: 0 0 50px;
	}
		.facility-main {
			width: 90%;
			margin: auto auto 55px;
		}
		/* タブ */
		.tab-area {
			width: 100%;
			max-width: 1000px;
			margin:0 auto;
		}
		.tab-group {
			display: flex;
			justify-content: center;
			align-items: center;
		}
			.tab {
				width: calc(25% - 60px);
				height: 60px;
				/* padding: 0px 0px 20px; */
				cursor: pointer;
				background-color: #fff;
				transition: all 0.2s ease-out;
				-webkit-transition: all 0.2s ease-out;
				color: #413024;
				margin: 0 20px 0 0;
			}
			.tab:last-child {
				margin: 0;
			}
			.tab.is-active {
				background-color: #413024;
				color: #fff;
			}
			.is-active .tab-name {
				opacity: 1;
			}
			.tab-name {
				width: 100%;
				font-size: 14px;
				font-weight: 600;
				text-align: center;
				line-height: 60px;
				letter-spacing: 0em;
			}

			.panel-accordion {
				display: none;
			}

			.panel-group {
				width: 100%;
			}
			.panel {
				display: none;
				width: 100%;
				padding: 50px 0px 35px;
			}
			.panel.is-show {
				display: block;
			}

			.top-ttl-area {
				width: 100%;
			}
			.top-ttl {
				font-size: 28px;
				text-align: center;
				padding: 70px 0 0px;
				margin-bottom: 40px;
			}
			.container {
				max-width: 1000px;
				width: 100%;
				margin :auto auto;
			}
				.inner-area {
					width: 100%;
					display: flex;
					flex-wrap: wrap;
				}
					.facility-box {
						width: calc(33.3333% - 27px);
						margin-top: 50px;
						margin-right: 40px;
					}
						.right-box {
							margin-right: 0!important;
						}
						.facility-box img {
							width: 100%;
							height: auto;
						}
						.box-ttl {
							margin: 10px 0 0;
							color:#7B5700;
							font-size: 18px;
						}
						.box-txt {
							margin: 10px 0 0;
							font-size: 14px;
						}
						.box-2-div {
							/* width: 100%; */
							margin-top: 50px;
							margin-right: 40px;
						}
					.mt0 {
						margin-top:0!important;
					}
			.inner-center {
				width: 100%;
				display: grid;
				grid-template-columns: 1fr 1fr;
				column-gap: 40px;
				margin: 50px 0 0;
			}
			.facility-box-s {
				width: 640px;
			}
			.img-box {
				display: flex;
			}
			.img-box2 {
				display: flex;
			}
				.img-box-inner {
					display: flex;
				}
				.facility-box-s img {
					width: 212px;
					height: 190px;
					margin-right: 5px;
				}
					.facility-box-s img:last-child {
						margin: 0 0 0 10px;
					}
					.facility-box-s2 img {
						width: 300px;
					}
				.inner-bottom {
					width: 100%;
				}
				.img17 {
					width: 638px!important;
					margin: 0 0 0 40px!important;
				}
		.service-area {
			max-width: 1000px;
			width: 100%;
			height: auto;
			background-color: #fff;
			padding-bottom: 40px;
			margin: 80px auto 0;
		}
			.service-inner {
				width: 90%;
				height: auto;
				margin: 20px auto;
			}
			.service-ttl {
				width: 100%;
			}
			.service-sub-ttl {
				font-size: 20px;
				color:#73B6C3;
				margin: 0 0 10px;
			}
				.service-txt {
					font-size: 14px;
				}
				.service-inner img {
					width: 100%;
					margin: 10px auto 60px;
				}
				.sele-ttl {
					display: block;
					width: 100%;
					height: 64px;
					line-height: 64px;
					text-align: center;
					font-size: 32px;
					color: #fff;
					background-color: #A89132;
				}
				.s-txt {
					font-size: 12px;
					margin: 30px 0;
				}

				/* キッチン */
				.img-top {
					width: 100%;
					position: relative;
				}
					.img-top img {
						width: 100%;
					}
					.sub-note {
						position: absolute;
						top: -20px;
						right: 0;
					}
					.ki-box {
						width: calc(66.6666% - 13px);
						margin-top: 50px;
    				margin-right: 40px;
					}
						.ki-img-box {
							display: flex;
						}
							.ki-img-box img:first-child {
								width: 50%;
								margin-right: 10px;
							}
							.ki-img-box img:last-child {
								width: 50%;
							}
					.ki-bottom-box {
						width: 100%;
						display: flex;
						align-items: flex-end;
						margin-top: 50px;
					}
						.ki-bottom-box img:first-child {
							width: calc(33.3333% - 20px);
						}
						.ki-txt-box {
							margin: 0 0 0 40px;
						}
							.ki-txt-box .box-ttl,
							.ki-txt-box .box-txt {
								margin: 0;
							}
							.ki-txt-box img {
								width: 100%;
								margin: 20px 0 0;
							}
				.att {
					font-size: 10px;
					margin: 30px 0 0;
				}
				.toto {
					position: relative;
				}
				.toto::after {
					display: inline-block;
					content: "";
					background: url(../image/facility/toto.svg);
					background-repeat: no-repeat;
					background-size: contain;
					width: 30px;
					height: 20px;
					position: absolute;
					top: 30%;
					right: 0;
				}
				.ba-box {
					width: calc(66.666% - 17px);
					margin-top: 50px;
					margin-right: 40px;
				}
					.ba-box img {
						width: 100%;
						margin-bottom: 45px;
					}
					.ba-box .box-txt span {
						font-size: 10px;
					}
		/* サニタリー */
		.sa-area {
			width: 100%;
			margin: 40px auto 0;
		}
		.sa-ttl-area {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
			.sa-ttl {
				font-size: 18px;
			}
			.ttl-logo {
				width: 160px;
			}
			.ttl-logo2 {
				width: 100px;
			}
			.sa-box-area {
				width: 100%;
				display: flex;
			}
				.sa-box {
					width: calc(25% - 10px);
					margin-top: 30px;
					margin-right: 20px;
				}
					.sa-box img {
						width: 100%;
					}
					.sa-box .box-ttl {
						font-size: 14px;
					}
					.sa-box .box-txt {
						font-size: 12px;
					}
	/* エコロジー */
	.eco-area {
		width: 100%;
		max-width: 1000px;
		margin: auto auto;
	}
		.eco-content {
			width: 100%;
			max-width: 1000px;
			margin: 0 auto;
		}
			.eco-content img {
				width: 100%;
				margin: 70px auto 100px;
			}


#BBIQ {
	margin-top: 100px;
}
.bbiq-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
	.bbiq-top-image {
		width: 100%;

	}
	.bbiq-top-image img {
	width: 100%;
	}
	.main-txt {
		text-align: center;
		font-size: 13px;
		line-height: 1.8;
		margin: 50px 0;
	}
	.hikari-image {
		width: 80%;
		margin: 50px auto 30px;
	}
		.hikari-image img{
			width: 100%;
		}
		.hikari-list-area {
			width: 100%;
			margin: 60px auto 0;
		}
			.hikari-list-inner {
				width: 100%;
				display: flex;
				justify-content: flex-start;
				align-items: flex-start;
			}
				.hikari-list-image {
					width: 380px;
				}
					.hikari-list-image img {
						width: 100%;
					}
		.hikari-list {
			width: calc(100% - 380px);
			margin-left: 30px;
			padding: 6px 0;
		}
			.hikari-list dl {
				width: 100%;
			}
				.hikari-list-item {
					width: 100%;
					margin-bottom: 28px;
					display: flex;
					justify-content: flex-start;
					align-items: center;
				}
				.hikari-list-item:last-child {
					margin: 0;
				}
				.hikari-list-item dt{
					width: 250px;
					padding: 15px 0;
					border: 2px solid #715626;
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 20px;
					font-weight: 600;
					text-align: center;
				}
				.list-ttl-box {
					
				}
				.hikari-list-item dd{ 
					width: calc(100% - 250px);
					font-size: 13px;
					margin-left: 20px;
				}
				.hikari-list-item dd span {
					display: block;
					font-size: 11px;
					font-weight: 600;
					margin-top: 10px;
				}

		.bbiq-service	{
			width: 100%;
			margin: 80px auto ;
		}
		.bbiq-service-ttl {
			font-size: 32px;
			display: flex;
			justify-content: center;
			align-items: center;
			margin-bottom: 40px;
		}
			.bbiq-service-ttl::before,
			.bbiq-service-ttl::after {
				border-top: 1px solid;
				content: '';
				width:200px;
			}
			.bbiq-service-ttl::before {
				margin-right: 20px;
			}
			.bbiq-service-ttl::after {
				margin-left: 20px;
			}

			.service-lists {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
			}
				.service-box {
					width: calc(33.3% - 30px);
					margin-right: 30px;
				}
			.service-box-ttl {
				font-size: 20px;
				margin-bottom: 10px;
				text-align: center;
			}
			.service-image {
				width: 100%;
			}
			.service-image img {
				width: 100%;
			}
			.service-bottom-image {
				width: 100%;
			}
			.service-bottom-image img {
				width: 100%;
			}
			.service-txt {
			height: 150px;
			display: flex;
			align-items: flex-start;
			padding-top: 10px;
			letter-spacing: 0.04em;
			}

			.last-bnr {
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: #715626;
			}
			.last-bnr p {
				font-size: 26px;
				color: #fff;
			}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
	.header-logo {
		background-color: #fff;
	}
	#facility {
		width: 100%;
		height: auto;
		padding: 110px 0px 0px;
		background-color: #FAF9F2;
	}
		.facility--inner {
			width: 100%;
			margin: auto auto;
			padding: 0 0 50px;
		}
			.facility-main {
				width: 90%;
				margin: auto auto 55px;
			}
			/* タブ */
			.tab-group {
				display: none;
			}
			.panel-group {
				width: 100%;
			}
				.panel-accordion {
					width: 100%;
					height: 50px;
					padding-left: 16px;
					margin: 8px auto;
					background-color: #413024;
					display: flex;
					justify-content: flex-start;
					align-items: center;
					position: relative;
				}
					.panel-accordion_p {
						font-size: 12px;
						font-weight: 600;
						color: #fff;
					}
					.plus {
						width: 14px;
						height: 14px;
						position: absolute;
						top: 50%;
						right: 12px;
						transform: translate(0%,-50%);
						-webkit-transform: translate(0%,-50%);
					}
					.plus:before {
						content: '';
						display: block;
						width: 14px;
						height: 1px;
						border-radius: .5px;
						background-color: #fff;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%,-50%);
						-webkit-transform: translate(-50%,-50%);
					}
					.plus:after {
						content: '';
						display: block;
						width: 1px;
						height: 14px;
						border-radius: .5px;
						background-color: #fff;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%,-50%);
						-webkit-transform: translate(-50%,-50%);
						transition: all 0.4s ease-out;
						-webkit-transition: all 0.4s ease-out;
					}
						.spin .plus:after {
							transform: translate(-50%,-50%) rotate(90deg);
							-webkit-transform: translate(-50%,-50%) rotate(90deg);
						}
						.panel-group {
							width: 100%;
						}
						.panel {
							display: none;
							width: 100%;
							padding: 20px 0px 35px;
							background-color: #ffffff;
						}

				.top-ttl-area {
					margin: 20px 0 10px;
				}
				.top-ttl {
					font-size: 24px;
					text-align: center;
				}
				.container {
					width: 100%;
					margin :auto auto;
				}
					.inner-area {
						width: 100%;
						display: flex;
						flex-wrap: wrap;
						justify-content: left;
						align-items: flex-start;
					}
						.facility-box {
							width: calc(50% - 3.5px);
							height: auto;
							margin-top: 50px;
							margin-right: 7px;
						}
							.right-box-sp {
								margin-right: 0!important;
							}
							.facility-box img {
								width: 100%;
								height: auto;
							}
							.box-ttl {
								margin: 10px 0 0;
								color:#7B5700;
								font-size: 14px;
							}
							.box-txt {
								margin: 3px 0 5px;
								font-size: 12px;
							}
							.w100 {
								width: 100%!important;
								max-width: 91%!important;
							}
							.mt {
								margin-top: 77px;
							}
				.inner-center {
					width: 100%;
					/* display: grid;
					grid-template-columns: 1fr 1fr;
					column-gap: 40px; */
					margin: 50px 0 0;
				}
				.facility-box-s {
					width: 100%;
				}
				.img-box {
					width: 100%;
					max-width: 88%;
					display: flex;
					justify-content: center;
					align-items: flex-start;
				}
					.img-box-inner {
						display: flex;
						justify-content:flex-end;
					}
						.img-box-inner img {
							width: 45%;
							height: auto;
							margin-right: 5px;
							margin-bottom: 10px;
						}
						.img-box03 {
							width: 30%;
							margin-left: 20px;
						}
						.box-txt-area {
							width: 100%;
							max-width: 88%;
							margin: 0 auto;
						}

						.facility-box-s2 img {
							width: 100%;
						}
					.inner-bottom {
						width: 100%;
					}
					.f-box-sp {
						width: 100%!important;
					}
					.img17 {
						margin: 20px 0 0;
						width: 100%!important;
						/* margin: 0 0 0 40px!important; */
					}
			.service-area {
				max-width: 1000px;
				width: 100%;
				height: auto;
				background-color: #fff;
				padding-bottom: 40px;
				margin: 80px auto 0;
			}
				.service-inner {
					width: 90%;
					height: auto;
					margin: 20px auto;
				}
				.service-ttl {
					width: 100%;
				}
				.service-sub-ttl {
					font-size: 18px;
					color:#73B6C3;
					margin: 0 0 10px;
				}
					.service-txt {
						font-size: 12px;
					}
					.service-inner img {
						width: 100%;
						margin: 10px auto 60px;
					}
					.sele-ttl {
						display: block;
						width: 100%;
						height: 50px;
						line-height: 50px;
						text-align: center;
						font-size: 20px;
						color: #fff;
						background-color: #A89132;
					}
					.s-txt {
						font-size: 12px;
						margin: 30px 0;
					}
	/* キッチン */
	.img-top {
		width: 100%;
		position: relative;
		margin: 70px 0 0;
	}
		.img-top img {
			width: 100%;
		}
		.sub-note {
			position: absolute;
			top: -20px;
			right: 0;
		}
		.ki-box {
			width: 100%;
			margin-top: 50px;
		}
			.ki-img-box {
				display: flex;
			}
				.ki-img-box img:first-child {
					width: calc(50% - 5px);
					margin-right: 10px;
				}
				.ki-img-box img:last-child {
					width: calc(50% - 5px);
				}
		.ki-bottom-box {
			width: 100%;
			margin: 0 auto;
			display: flex;
			align-items: flex-start;
			margin-top: 50px;
		}
			.ki-bottom-box img:first-child {
				width: 50%;
			}
			.img100 {
				width: 100%;
				margin: 30px 0 0;
			}
			.ki-txt-box {
				margin: 0 0 0 20px;
			}
				.ki-txt-box .box-ttl,
				.ki-txt-box .box-txt {
					margin: 0;
				}
				.ki-txt-box img {
					width: 100%;
					margin: 20px 0 0;
				}
				.noflex {
					display: flex;
					justify-content: start;
				}
	.att {
		font-size: 10px;
		margin: 30px 0 0;
	}
	.toto {
		position: relative;
	}
	.toto::after {
		display: inline-block;
		content: "";
		background: url(../image/facility/toto.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 30px;
		height: 20px;
		position: absolute;
		top: 33px;
		right: 10px;
	}
	.ba-box {
		width: 100%;
		margin-top: 50px;
		margin-bottom: 80px;
	}
		.ba-box img {
			width: 100%;
			margin-bottom: 45px;
		}
		.ba-box .box-txt span {
			font-size: 10px;
		}
/* サニタリー */
.sa-area {
width: 100%;
margin: 40px auto 0;
}
.sa-ttl-area {
display: flex;
justify-content: space-between;
align-items: center;
}
.sa-ttl {
	font-size: 14px;
}
.ttl-logo {
	width: 100px;
}
.ttl-logo2 {
	width: 60px;
}
.sa-box-area {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
	.sa-box {
		width: calc(50% - 3.5px);
		margin-top: 30px;
		margin-right: 7px;
	}
		.sa-box img {
			width: 100%;
		}
		.sa-box .box-ttl {
			font-size: 14px;
		}
		.sa-box .box-txt {
			font-size: 12px;
		}
/* エコロジー */
.eco-area {
width: 100%;
}
.eco-content {
width: 100%;
margin: 0 auto;
}
.eco-box {
	margin: 70px auto 100px;
}
.eco-content img {
	width: 100%;
	margin: 10px 0;
}
.eco-st {
	font-size: 18px;
	background-color: #A89132;
	color: #fff;
	text-align: center;
}
	.eco-st span {
		font-size: 24px;
	}
.eco-txt{
	font-size: 10px;
	margin: 20px auto 30px;
}
.bbiq {
	display: none!important;
}
.sp-bbiq-image {
margin-top: 120px;
width: 100%;
}
.sp-bbiq-image img {
width: 100%;

}
}

/* SP ================================================== */
@media all and (max-width:559px){
	.header-logo {
		background-color: #fff;
	}
	#facility {
		width: 100%;
		height: auto;
		padding: 110px 0px 0px;
		background-color: #FAF9F2;
	}
		.facility--inner {
			width: 100%;
			margin: auto auto;
			padding: 0 0 50px;
		}
			.facility-main {
				width: 90%;
				margin: auto auto 55px;
			}
			/* タブ */
			.tab-group {
				display: none;
			}
			.panel-group {
				width: 100%;
			}
				.panel-accordion {
					width: 100%;
					height: 50px;
					padding-left: 16px;
					margin: 8px auto;
					background-color: #413024;
					display: flex;
					justify-content: flex-start;
					align-items: center;
					position: relative;
				}
					.panel-accordion_p {
						font-size: 12px;
						font-weight: 600;
						color: #fff;
					}
					.plus {
						width: 14px;
						height: 14px;
						position: absolute;
						top: 50%;
						right: 12px;
						transform: translate(0%,-50%);
						-webkit-transform: translate(0%,-50%);
					}
					.plus:before {
						content: '';
						display: block;
						width: 14px;
						height: 1px;
						border-radius: .5px;
						background-color: #fff;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%,-50%);
						-webkit-transform: translate(-50%,-50%);
					}
					.plus:after {
						content: '';
						display: block;
						width: 1px;
						height: 14px;
						border-radius: .5px;
						background-color: #fff;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%,-50%);
						-webkit-transform: translate(-50%,-50%);
						transition: all 0.4s ease-out;
						-webkit-transition: all 0.4s ease-out;
					}
						.spin .plus:after {
							transform: translate(-50%,-50%) rotate(90deg);
							-webkit-transform: translate(-50%,-50%) rotate(90deg);
						}

				.panel-group {
					width: 100%;
				}
				.panel {
					display: none;
					width: 100%;
					padding: 20px 0px 35px;
					background-color: #ffffff;
				}
				.top-ttl-area {
					margin: 20px 0 30px;
				}
				.top-ttl {
					font-size: 24px;
					text-align: center;
				}
				.container {
					width: 100%;
					margin :auto auto;
				}
					.inner-area {
						width: 100%;
						display: flex;
						flex-wrap: wrap;
						justify-content: left;
						align-items: flex-start;
						/* column-count: 2;
						column-gap: 0; */
					}
						.facility-box {
							/* display: inline-block; */
							width: calc(50% - 3.5px);
							height: auto;
							margin-top: 50px;
							margin-right: 7px;
						}
							.right-box-sp {
								margin-right: 0!important;
							}
							.facility-box img {
								width: 100%;
								height: auto;
							}
							.box-ttl {
								margin: 10px 0 0;
								color:#7B5700;
								font-size: 14px;
							}
							.box-txt {
								margin: 3px 0 5px;
								font-size: 12px;
							}
							.w100 {
								width: 320px!important;
							}
				.inner-center {
					width: 100%;
					margin: 50px 0 0;
				}
				.facility-box-s {
					width: 100%;
				}
				.img-box {
					display: flex;
					justify-content: center;
					align-items: flex-start;
				}
					.box-txt-area {
						width: 100%;
					}
					.facility-box-s img {
					}
						.img-box-inner img {
							width: 109px;
							height: 98px;
							margin-right: 5px;
							margin-bottom: 10px;
						}
						.img-box03 {
							width: 220px;
						}
						.facility-box-s2 {
							width: 159px;
						}
						.facility-box-s2 img {
							width: 100%;
						}
					.inner-bottom {
						width: 100%;
					}
					.f-box-sp {
						width: 100%!important;
					}
					.img17 {
						margin: 20px 0 0;
						width: 100%!important;
						/* margin: 0 0 0 40px!important; */
					}
					.s-ttl {
						letter-spacing: -0.1em;
					}
			.service-area {
				max-width: 1000px;
				width: 100%;
				height: auto;
				background-color: #fff;
				padding-bottom: 40px;
				margin: 80px auto 0;
			}
				.service-inner {
					width: 90%;
					height: auto;
					margin: 20px auto;
				}
				.service-ttl {
					width: 100%;
				}
				.service-sub-ttl {
					font-size: 18px;
					color:#73B6C3;
					margin: 0 0 10px;
				}
					.service-txt {
						font-size: 12px;
					}
					.service-inner img {
						width: 100%;
						margin: 10px auto 60px;
					}
					.sele-ttl {
						display: block;
						width: 100%;
						height: 50px;
						line-height: 50px;
						text-align: center;
						font-size: 20px;
						color: #fff;
						background-color: #A89132;
					}
					.s-txt {
						font-size: 12px;
						margin: 30px 0;
					}

			/* キッチン */
			.img-top {
				width: 100%;
				position: relative;
				margin: 70px 0 0;
			}
				.img-top img {
					width: 100%;
				}
				.sub-note {
					position: absolute;
					top: -20px;
					right: 0;
				}
				.ki-box {
					width: 100%;
					margin-top: 50px;
				}
					.ki-img-box {
						display: flex;
					}
						.ki-img-box img:first-child {
							width: calc(50% - 5px);
							margin-right: 10px;
						}
						.ki-img-box img:last-child {
							width: calc(50% - 5px);
						}
				.ki-bottom-box {
					width: 100%;
					margin: 0 auto;
					display: flex;
					align-items: flex-start;
					margin-top: 50px;
				}
					.ki-bottom-box img:first-child {
						width: 50%;
					}
					.img100 {
						width: 100%;
						margin: 30px 0 0;
					}
					.ki-txt-box {
						margin: 0 0 0 20px;
					}
						.ki-txt-box .box-ttl,
						.ki-txt-box .box-txt {
							margin: 0;
						}
						.ki-txt-box img {
							width: 100%;
							margin: 20px 0 0;
						}
						.noflex {
							display: flex;
							justify-content: start;
						}
			.att {
				font-size: 10px;
				margin: 30px 0 0;
			}
			.toto {
				position: relative;
			}
			.toto::after {
				display: inline-block;
				content: "";
				background: url(../image/facility/toto.svg);
				background-repeat: no-repeat;
				background-size: contain;
				width: 30px;
				height: 20px;
				position: absolute;
				top: 33px;
				right: 10px;
			}
			.ba-box {
				width: 100%;
				margin-top: 50px;
				margin-bottom: 80px;
			}
				.ba-box img {
					width: 100%;
					margin-bottom: 45px;
				}
				.ba-box .box-txt span {
					font-size: 10px;
				}
	/* サニタリー */
	.sa-area {
		width: 100%;
		margin: 40px auto 0;
	}
	.sa-ttl-area {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		.sa-ttl {
			font-size: 14px;
		}
		.ttl-logo {
			width: 100px;
		}
		.ttl-logo2 {
			width: 60px;
		}
		.sa-box-area {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
		}
			.sa-box {
				width: calc(50% - 3.5px);
				margin-top: 30px;
				margin-right: 7px;
			}
				.sa-box img {
					width: 100%;
				}
				.sa-box .box-ttl {
					font-size: 14px;
				}
				.sa-box .box-txt {
					font-size: 12px;
				}
/* エコロジー */
.eco-area {
	width: 100%;
}
	.eco-content {
		width: 100%;
		margin: 0 auto;
	}
		.eco-box {
			margin: 70px auto 100px;
		}
		.eco-content img {
			width: 100%;
			margin: 10px 0;
		}
		.eco-st {
			font-size: 18px;
			background-color: #A89132;
			color: #fff;
			text-align: center;
		}
			.eco-st span {
				font-size: 24px;
			}
		.eco-txt{
			font-size: 10px;
			margin: 20px auto 30px;
		}

	.bbiq {
		display: none!important;
	}
.sp-bbiq-image {
	margin-top: 120px;
	width: 100%;
}
.sp-bbiq-image img {
	width: 100%;
}
		
	

}