@charset "utf-8";

/* ttl */
.ttlInner{
	width: 1320px;
	margin: 0 auto;
	padding-top: 100px;
	margin-bottom: 80px;
}
.ttlInner h3{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.ttlInner h3 span{
	font-size: 3em;
	font-weight: 400;
	letter-spacing: 0.1em;
}
.ttlInner h3 span:last-of-type{
	font-size: 1.5em;
	letter-spacing: 0.25em;
}
.ttlInner>p{
	font-size: 1.25em;
	line-height: 2.5;
	text-align: center;
	margin-bottom: 30px;
}
.ttlInner>p.em{
	font-size: 1.75em;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 20px;
}
.ttlInner .imgRow{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.ttlInner .imgRow p{
	width: 30%;
}
.btnRow{
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.btnRow p{
	width: 30%;
}
.btnRow p a{
	display: flex;
	flex-direction: column;
	align-items: center;
	background:linear-gradient(90deg,#534741 0%,#40342f 100%);
	padding: 15px 0;
}
.btnRow p.current a,
.btnRow p a:hover,
.btnRow p a:active{
	background:none;
	background-color: #C09050;
}
.btnRow p a span{
	color:#fff;
}
.btnRow p a span:first-of-type{
	font-size: 1.5em;
	letter-spacing: 0.1em;
}
.btnRow p a span:last-of-type{
	font-size: 1em;
}
@media (max-width:1600px){
	.ttlInner{
		width: 82.5%;
	}
}
@media (max-width:1200px){
	.ttlInner{
		width: 90%;
		padding-top: 80px;
	}
}
@media (max-width:768px){
	.ttlInner{
		padding-top: 50px;
		margin-bottom: 50px;
	}
	.btnRow p{
		width: 32%;
	}
	.btnRow p a span:first-of-type{
		font-size: 1.25em;
	}
}
@media (max-width:650px){
	.btnRow p{
		width: 100%;
		margin-bottom: 10px;
	}
	.btnRow p:last-of-type{
		margin-bottom: 0px;
	}
}
@media (max-width:500px){
	.ttlInner h3 span{
		font-size: 2.5em;
	}
	.ttlInner h3 span:last-of-type{
		font-size: 1.25em;
	}
	.ttlInner p{
		font-size: 1em;
	}
	.ttlInner>p.em{
		font-size: 1.5em;
	}
}

/* equipment */
.equipmentInner{
	width: 1320px;
	margin: 0 auto;
}
.equipmentInner h3{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.equipmentInner h3 span:first-of-type{
	font-size: 2.5em;
	letter-spacing: 0.025em;
	font-weight: 400;
	margin-right: 1em;
}
.equipmentInner h3 span:last-of-type{
	width: 150px;
}
.equipmentInner h3.logo02 span:last-of-type{
	width: 300px;
}
.equipmentInner p{
	font-size: 1em;
	line-height: 2;
	text-align: center;
	margin-bottom: 80px;
}
.equipmentInner p.em{
	font-size: 1.75em;
	margin-bottom: 20px;
}
@media (max-width:1600px){
	.equipmentInner{
		width: 82.5%;
	}
}
@media (max-width:1200px){
	.equipmentInner{
		width: 90%;
	}
	.equipmentInner h3 span:last-of-type{
		width: 100px;
	}
	.equipmentInner p{
		margin-bottom: 50px;
	}
}
@media (max-width:768px){
	.equipmentInner h3.logo02,
	.equipmentInner h3.logo03{
		flex-direction: column;
	}
	.equipmentInner h3.logo02 span:first-of-type{
		margin-right: 0em;
		margin-bottom: 10px;
	}
}
@media (max-width:500px){
	.equipmentInner h3 span:last-of-type{
		width: 80px;
	}
}

/* kitchen */
.flooringInner{
	width: 1320px;
	margin: 0 auto;
	margin-bottom: 80px;
}
.mainImg{
	margin-bottom: 50px;
}
.flooringRow{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.flooringRow_inner,
.windowRow_inner{
	width: 30%;
}
.flooringRow_inner:first-of-type{
	margin-right: 5%;
}
.windowRow_inner.white:nth-of-type(4),
.windowRow_inner.white:nth-of-type(5),
.windowRow_inner.white:last-of-type{
	margin-bottom: 0px;
}
.windowRow_inner:last-of-type{
	margin-bottom: 0px;
}
.windowRow_inner.white{
	margin-bottom: 30px;
}
.flooringRow_inner h4,
.windowRow_inner h4{
	font-size: 1.25em;
	margin-bottom: 15px;
}
.windowRow_inner.white h4,
.windowRow_inner.white p{
	color:#fff;
}
.flooringRow_inner p,
.windowRow_inner p{
	font-size: 1em;
	line-height: 1.8;
}
.flooringRow_inner p.imgBox,
.windowRow_inner p.imgBox{
	margin-bottom: 15px;
}
@media (max-width:1600px){
	.flooringInner{
		width: 82.5%;
	}
}
@media (max-width:1200px){
	.flooringInner{
		width: 90%;
		margin-bottom: 50px;
	}
}
@media (max-width:768px){
	.flooringRow {
		justify-content: space-between;
	}
	.flooringRow_inner{
		width: 48%;
	}
	.flooringRow_inner:first-of-type{
		margin-right: 0px;
	}
	.windowRow_inner.white:nth-of-type(4){
		margin-bottom: 30px;
	}
}

/* window */
.window{
	background-color: #fff;
	padding: 80px 0;
}            
.windowInner{
	width: 1320px;
	margin: 0 auto;
}
.windowRow{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media (max-width:1600px){
	.windowInner{
		width: 82.5%;
	}
}
@media (max-width:1200px){
	.window{
		padding: 50px 0;
	}
	.windowInner{
		width: 90%;
	}
}
@media (max-width:768px){
	.window{
		padding: 50px 0;
	}
	.windowInner{
		width: 90%;
	}
	.windowRow>.imgBox{
		width: 100%;
	}
	.windowRow>.imgBox{
		aspect-ratio: 770/1036;
		margin-bottom: 50px;
	}
	.windowRow>.txtBox{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.windowRow>.windowRow_inner{
		width: 48%;
		margin-bottom: 30px;
	}
	.windowRow>.windowRow_inner:last-of-type{
		margin-bottom: 0px;
	}
}

/* IoT */
.IoT{
	background: linear-gradient(90deg,#534741 0%,#40342f 100%);
	padding: 80px 0 50px 0;
}
.IoT>.equipmentInner>h3>span{
	text-align: center;
	color: #fff;
}
.IoT>.equipmentInner>h3>span>span{
	color:#fff;
	font-size: 0.75em;
	margin-right: 0;
}
.IoT>.equipmentInner>h3>span:nth-of-type(2){
	width: 150px;
	margin-right: 1em;
}
.IoT>.equipmentInner>h3>span:last-of-type{
	font-family: "Roboto", sans-serif;
	font-size: 1.25em;
	font-weight: 500;
	background-color: #e50012;
	text-align: center;
}
.IoT>.equipmentInner p{
	color: #fff;
}
.equipment>.noticeWrap{
	background: linear-gradient(90deg,#534741 0%,#40342f 100%);
	padding-bottom: 50px;
}
.equipment>.noticeWrap>.noticeWrap_inner{
	margin-bottom: 0;
}
.equipment>.noticeWrap>.noticeWrap_inner>p{
	color:#fff;
}
@media (max-width:1200px){
	.IoT{
		padding: 50px 0;
	}
	.IoT>.equipmentInner>h3>span:nth-of-type(2){
		width: 100px;
	}
	.IoT>.equipmentInner p.em{
		margin-bottom: 50px;
	}
}
@media (max-width:768px){
	.equipmentInner h3.logo03 span:first-of-type,
	.equipmentInner h3.logo03 span:nth-of-type(2){
		margin-right: 0em;
		margin-bottom: 10px;
	}
}
@media (max-width:500px){
	.IoT>.equipmentInner>h3>span:nth-of-type(2){
		width: 80px;
	}
}