@charset "UTF-8";


/******************************************************
 tab
******************************************************/
.equipmentTab {
	width: 1000px;
	margin: 0 auto;
}
.equipmentTab {
	margin: 80px auto 60px;
}
.equipmentTabNav {
	display: flex;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	gap: 4px;
	padding-bottom: 50px;
}
.equipmentTabNav ul {
	background: #b8b6bc;
}
.equipmentTabNav li {
	flex:1;
}
.equipmentTabNav button {
	width: 100%;
	height: 60px;
	border: 1px solid #a99b8b;
	background: #f7f6f4;
	font-size: 15px;
	line-height: 1.2em;
	font-weight: 400;
	cursor: pointer;
	transition:.40s;
}
.equipmentTabNav button:hover {
	background:#a99b8b;
	color:#fff;
}
.equipmentTabNav button.active {
	background: #a99b8b;
	color:#fff;
}
.equipmentTabContents {
	width: 100%;
	padding-bottom: 100px;
}
.equipmentTabContents {
	position: relative;
}
.equipmentTabContent {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition:
		opacity .35s ease,
		visibility .35s ease;
}
.equipmentTabContent.active {
	position: relative;
	opacity: 1;
	visibility: visible;
}
@media screen and (max-width:768px) {
	.equipmentTab {
		margin: 50px auto 0;
	}
}



/******************************************************
 Accordion
******************************************************/
.equipmentAccHead {
	display: none;
}
.equipmentAccBody {
	display: block;
}
@media screen and (max-width:768px) {
	.equipmentTab {
		margin: 50px auto 0;
	}
	/* タブ非表示 */
	.equipmentTabNav {
		display:none;
	}
	/* SPは全部表示させる */
	.equipmentTabContents {
		display: block;
	}
	.equipmentTabContent {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		display: block;
		opacity: 1;
		visibility: visible;
		border-bottom: 1px solid #d5d5d5;
	}
	.equipmentAccHead {
		display: flex;
		align-items: center;
		position: relative;
		padding: 18px 20px;
		background: #a99b8b;
		color: #fff;
		cursor: pointer;
	}
	.equipmentAccHead span {
		font-size:4vw;
		line-height:1.4;
	}
	.equipmentAccHead::before {
		content:"+";
		margin-right:12px;
		font-size:24px;
		line-height:1;
	}
	.equipmentAccHead.active::before {
		content:"−";
	}
	.equipmentAccBody {
		display:block;
		max-height:0;
		opacity:0;
		overflow:hidden;
		transition:
			max-height .35s ease,
			opacity .25s ease;
	}
	.equipmentAccBody.active {
		max-height: 5000px;
		opacity:1;
	}
}



/******************************************************
 内容
******************************************************/
.equBx2,.equBx2w {width: 480px;}
.equBx4 {width: 220px;}

.equImgTtl {
    font-size: 17px;
    line-height: 1.4em;
    text-align: left;
	font-weight: 400;
	letter-spacing: 0;
	margin: 20px 0 15px;
}
.equImgTtl span {
    font-size: 80%;
}
.equImgBdy {
    font-size: 14px;
    line-height: 1.4em;
    text-align: justify;
	letter-spacing: 0;
	margin-bottom: 30px;
}
.equImgBdy span {
	display: block;
	font-size: 75%;
	line-height: 1.3;
	margin-top: 5px;
}

@media screen and (max-width:768px){
	.equipmentTab {
		width: 92%;
	}
	.innrSpace {
		padding: 30px 0 20px;
	}
	.equBx2 {
		width:100%;
		display:flex;
		justify-content:space-between;
	}
	.equBx2.flexBox {
		flex-wrap:nowrap;
	}
	.equBx2w {
		width: 100%;
	}
	.equBx4 {
		width: 47%;
		box-sizing: border-box;
	}
	.equBx4 img {
		width:100%;
		height:auto;
		display:block;
	}
	.equImgTtl {
		font-size: 3.8vw;
		margin: 12px 0 10px;
	}
	.equImgBdy {
		font-size: 3vw;
	}
}

