@charset "utf-8";
/*------------------------------------------------------------
	business
------------------------------------------------------------*/
.pageTitle {
	margin-bottom: 15rem;
	background-image: url(../img/company/business/page_img.jpg);
}
#main .topImgBox {
	margin-bottom: 15rem;
	align-items: flex-start;
}
#main .topImgBox .photoBox {
	width: calc(50% - 12rem);
	border-radius: 0 3rem 3rem 0;
	overflow: hidden;
}
#main .topImgBox .photoBox img {
	width: 100%;
}
#main .topImgBox .textBox {
	padding-top: 4rem;
	width: calc(50% + 2rem);
}
#main .topImgBox .textBox .subBox {
	width: 62.2rem;
}
#main .topImgBox .textBox .logo {
	margin-bottom: 2.5rem;
	width: 35rem;
}
#main .topImgBox .textBox .title {
	margin-bottom: 3rem;
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 1.75;
	letter-spacing: 0.1em;
}
#main .topImgBox .textBox .text {
	line-height: 2;
	letter-spacing: 0.1em;
	text-align: justify;
}
#main .bgBox {
	margin-bottom: -6rem;
	padding: 15rem 0 20rem;
	border-radius: 6rem 6rem 0 0;
	background-color: #EDF3FB;
}
#main .subInner:not(:last-child) {
	margin-bottom: 12rem;
}
#main .comTextBox:not(:last-child) {
	margin-bottom: 2rem;
}
#main .comTextBox .textBox .text {
	margin-top: -0.4rem;
}
#main .comTextBox .photoList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main .comTextBox .photoList li {
	width: calc((100% - 2rem) / 2);
	border-radius: 3rem;
	overflow: hidden;
}
#main .comTextBox .headLine04 {
	cursor: pointer;
	border-radius: 2rem;
	background: #003B94 url(../img/common/icon08.png) no-repeat right 4rem center / 5rem;
}
#main .comTextBox .headLine04.on {
	border-radius: 2rem 2rem 0 0;
	background-image: url(../img/common/icon09.png);
}
#main .comTextBox .headLine04.on {
	background-image: url(../img/common/icon09.png);
}
#main .comTextBox .textBox {
	display: none;
}
#main .comTextBox .photo {
	margin: 4.5rem auto 0;
	max-width: 100rem;
}
@media all and (max-width: 896px) {
	#main .topImgBox {
		margin: 0 1.5rem 7rem;
		display: block;
	}
	#main .topImgBox .photoBox {
		width: auto;
		border-radius: 2rem;
	}
	#main .topImgBox .photoBox img {
		width: 100%;
	}
	#main .topImgBox .textBox {
		width: auto;
	}
	#main .topImgBox .textBox .subBox {
		width: auto;
	}
	#main .topImgBox .textBox .logo {
		width: 30rem;
	}
	#main .topImgBox .textBox .title {
		margin-bottom: 2rem;
		font-size: 2.2rem;
	}
	#main .bgBox {
		margin-bottom: -3rem;
		padding: 7rem 0 10rem;
		border-radius: 3rem 3rem 0 0;
	}
	#main .subInner:not(:last-child) {
		margin-bottom: 5rem;
	}
	#main .comTextBox .textBox .text {
		margin-top: 0;
	}
	#main .comTextBox .photoList li {
		width: calc((100% - 1rem) / 2);
		border-radius: 1.5rem;
	}
	#main .comTextBox .photoList li img {
		width: 100%;
	}
	#main .comTextBox .headLine04 {
		padding: 1.5rem 5rem 1.5rem 2rem;
		border-radius: 1rem;
		background: #003B94 url(../img/common/icon08.png) no-repeat right 1.5rem center / 3rem;
	}
	#main .comTextBox .headLine04.on {
		border-radius: 1rem 1rem 0 0;
		background-image: url(../img/common/icon09.png);
	}
	#main .comTextBox .headLine04.on {
		background-image: url(../img/common/icon09.png);
	}
	#main .comTextBox .photo {
		margin: 3rem 0 0;
		max-width: inherit;
	}
	#main .comTextBox .photo img {
		width: 100%;
	}
}