@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#main {
	margin-bottom: -73px;
}
#main .mainImg {
	height: 504px;
	padding-bottom: 70px;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	position: relative;
	z-index: 1;
	background: url(../img/about_machine/main_img.jpg) no-repeat center;
	background-size: cover;
	border-radius: 0 0 45px 45px;
}
#main .mainImg .subBox {
	margin-top: 90px;
	width: 514px;
	padding: 30px 30px 30px 100px;
	box-sizing: border-box;
	border-radius: 0 45px 45px 0;
	background-color: rgba(255, 255, 255, 0.8);
}
#main .mainImg .headLine01 {
	margin-bottom: 0;
	color: #87181E;
}
#main .headLine01 .txtSpan {
	margin-bottom: 6px;
	font-weight: 600;
}
#main .machineBox {
	margin-top: -116px;
	position: relative;
	z-index: 1;
	padding: 82px 0 100px;
	border-radius: 70px 70px 0 0;
	background-color: #87181E;
}
#main .machineBox .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main .machineBox .list li {
	margin-bottom: 39px;
	width: 48%;
	padding: 23px 25px 17px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 30px;
}
#main .machineBox .list li .photo {
	border-radius: 28px;
	overflow: hidden;
	margin-bottom: 6px;
	border: 1px solid #4A565C;
}
#main .machineBox .list li .photo img {
	width: 100%;
}
#main .machineBox .list li p {
	font-size: 1.3rem;
	letter-spacing: 0.02em;
	line-height: 1.3;
}
#main .machineBox .list li p .txtSpan {
	margin-bottom: 4px;
	display: block;
	font-size: 1.8rem;
	letter-spacing: 0.02em;
	font-weight: 500;
}
#main .machineBox .list li .ttl {
	margin-bottom: 5px;
	font-size: 2.4rem;
	font-weight: 900;
	letter-spacing: 0.08em;
}
@media all and (max-width: 896px) {
	#main .mainImg {
		height: 400px;
	}
	#main .mainImg .subBox {
		width: auto;
		padding: 20px 40px 20px 20px;
	}
	#main .machineBox {
		padding: 40px 0;
		border-radius: 30px 30px 0 0;
	}
	#main .machineBox .list {
		display: block;
	}
	#main .machineBox .list li {
		width: auto;
		border-radius: 20px;
		padding: 20px 15px;
	}
	#main .machineBox .list li .photo {
		border-radius: 15px;
	}
	#main .machineBox .list li .ttl {
		font-size: 1.8rem;
	}
	#main {
		margin-bottom: -35px;
	}
}

@media all and (max-width: 360px) {
	
}

@media all and (min-width: 897px) and (max-width: 1000px) {
	#main .machineBox .list li .ttl {
		font-size: 2rem;
	}
}