@charset "utf-8";
/*------------------------------------------------------------
	product
------------------------------------------------------------*/
#main .innerBox {
	margin-bottom: 9.8rem;
	padding: 9rem 10rem 10rem;
	position: relative;
	background-color: #fff;
	border-top: 0.2rem solid #AEC4D9;
}
#main .innerBox:last-child {
	margin-bottom: 0;
}
#main .innerBox .sub {
	position: relative;
}
#main .innerBox h3 {
	margin-bottom: 3.7rem;
	padding-right: 18rem;
	font-size: 4rem;
	font-weight: 500;
	line-height: 1.4;
	color: #19579E;
}
#main .innerBox .link {
	width: fit-content;
	position: absolute;
	top: 1.5rem;
	right: 0;
	z-index: 1;
}
#main .innerBox .link a {
	padding: 0.7rem 3.1rem 0.4rem 0;
	font-size: 1.6rem;
	color: #19579E;
	font-weight: 500;
	background: url(../img/common/icon03.png) no-repeat right center / 2.2rem;
}
#main .innerBox .link a:hover {
	opacity: 0.7;
}
#main .innerBox .photoList li {
	width: 45%;
}
#main .innerBox .photoList .photo {
	margin-bottom: 3rem;
	border-radius: 4rem;
	overflow: hidden;
}
#main .innerBox .photoList .imgBox {
	align-items: flex-start;
}
#main .innerBox .photoList .imgBox .textBox {
	flex: 1;
}
#main .innerBox .photoList .imgBox .textBox h4 {
	margin-bottom: 2rem;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.4;
}
#main .innerBox .photoList .imgBox .textBox .text {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.6;
}
#main .innerBox .photoList .imgBox .photoBox {
	margin: -1rem 0 0 3rem;
	width: 19rem;
}
@media all and (max-width: 896px) {
	#main .innerBox {
		margin: 0 -2rem;
		margin-bottom: 9.8rem;
		padding: 4.1rem 2rem 5rem;
	}
	#main .innerBox h3 {
		margin-bottom: 3rem;
		padding-right: 18rem;
		font-size: 2.4rem;
	}
	#main .innerBox .link {
		top: 0.2rem;
	}
	#main .innerBox .link a {
		padding: 0.5rem 2.1rem 0.5rem 0;
		font-size: 1.2rem;
		background-size: 1.7rem auto;
	}
	#main .innerBox .photoList {
		display: block;
	}
	#main .innerBox .photoList li {
		margin-bottom: 4.4rem;
		width: auto;
	}
	#main .innerBox .photoList li:last-child {
		margin-bottom: 0;
	}
	#main .innerBox .photoList .photo {
		margin-bottom: 2rem;
	}
	#main .innerBox .photoList .photo img {
		width: 100%;
	}
	#main .innerBox .photoList .imgBox .textBox h4 {
		margin-bottom: 0.9rem;
		font-size: 1.6rem;
	}
	#main .innerBox .photoList .imgBox .textBox .text {
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.6;
	}
	#main .innerBox .photoList .imgBox .photoBox {
		margin: 0 0 0 1.5rem;
		width: 14rem;
	}
}