@charset "utf-8";
/*------------------------------------------------------------
	quality
------------------------------------------------------------*/
#main .comMessage {
	padding: 11rem 0 22.1rem;
}
#main .topBox p {
	letter-spacing: 0.02em;
}
.headLine03 {
	margin-bottom: 5.1rem;
	text-align: left;
}
.headLine04 {
	margin-bottom: 3.1rem;
	padding-left: 1.5rem;
	font-size: 2rem;
}
.headLine04::before {
	top: 0.7rem;
	height: 1.9rem;
}
#main .system {
	margin-bottom: 10rem;
}
#main .system .image {
	margin: 0 auto 12.3rem;
	width: 85.2rem;
}
#main .system .comList {
	margin-bottom: 10rem;
}
#main .system .subInner .headLine04 {
	margin-bottom: 2rem;
}
#main .system .subInner p {
	margin-bottom: 7rem;
}
#main .system .subInner p:last-child {
	margin-bottom: 0;
}
#main .textList li {
	padding-left: 1.6rem;
	text-indent: -1.6rem;
	line-height: 1.875;
	letter-spacing: 0.05em;
}
#main .textList02 li {
	padding-left: 3.2rem;
	text-indent: -3.2rem;
}
#main .bigPhoto {
	margin-bottom: 12.8rem;
}
#main .bigPhoto img {
	width: 100%;
}
#main .transportation {
	margin-bottom: 9.2rem;
}
#main .transportation p {
	margin-bottom: 4rem;
}
#main .transportation p:last-child {
	margin-bottom: 0;
}
#main .transportation .text01 {
	margin-bottom: 7rem;
}
#main .transportation .text02 {
	margin-bottom: 3rem;
}
#main .transportation .text03 {
	margin-bottom: 2rem;
}
#main .transportation .imgBox {
	margin-top: 7rem;
	clear: both;
}
#main .transportation .photo {
	margin-top: 0.6rem;
	width: 42rem;
	border-radius: 2rem;
	aspect-ratio: 42/29;
	float: right;
	overflow: hidden;
}
#main .transportation .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#main .transportation .imgBox .headLine04 {
	margin-bottom: 2rem;
}
#main .lightTxt {
	color: #026EE4;
	font-weight: 500;
}
#main .transportation .imgBox .comList {
	width: 103rem;
	gap: 2.999rem;
}
#main .transportation .imgBox .comList > li {
	padding: 2.4rem 3.9rem 2.4rem;
	width: calc(50% - 1.5rem);
	min-height: inherit;
}
#main .transportation .imgBox .comList .title {
	margin-bottom: 1.8rem;
	color: #333;
}
#main .transportation .imgBox .comList .title03 {
	margin: 0;
	padding: 0;
	border-bottom: none;
}
#main .management {
	margin-bottom: 20.2rem;
}
#main .management .headLine03 {
	margin-bottom: 8rem;
}
#main .management .imgList {
	margin: 0 auto;
	width: 114rem;
}
#main .management .imgList > li {
	display: flex;
	align-items: flex-start;
	gap: 7rem;
}
#main .management .imgList > li + li {
	margin-top: 7rem;
}
#main .management .imgList p {
	letter-spacing: 0.04em;
}
#main .management .imgList .image {
	width: 33.4rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
#main .management .imgList .image img {
	width: 18rem;
}
#main .management .imgList ul.image {
	gap: 2rem;
}
#main .management .imgList ul.image img {
	width: 15.7rem;
}
#main .management .imgList .textBox {
	flex: 1;
}
#main .management .imgList .title {
	margin-bottom: 1.8rem;
	padding-bottom: 1.9rem;
	color: #026EE4;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #026EE4;
}
#main .management p a {
	text-decoration: underline;
}
#main .garage {
	margin-bottom: 0;
	padding: 22.9rem 0 13rem;
}
#main .garage .heading {
	margin-bottom: 5.5rem;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.75;
	letter-spacing: 0.05em;
}
#main .garage p {
	letter-spacing: 0.04em;
}
@media all and (min-width: 897px) {
	.comVisual .titleBox {
		top: 15.3rem;
	}
	.comVisual .headLine02 .en {
		margin-bottom: 0.7rem;
		font-size: 9rem;
		letter-spacing: -0.03em;
		line-height: 1.111;
	}
	#main .topBox .content {
		transform: translateX(9rem);
	}
	#main .system .headLine03 .en {
		margin-bottom: 3.1rem;
	}
	#main .management p a:hover {
		text-decoration: none;
	}
	#main .garage .bgBox01 {
		transform: scaleX(-1);
		top: 0;
		left: calc(50% - 63rem);
	}
}
@media all and (max-width: 896px) {
	.comVisual {
		padding-top: 0.5rem;
	}
	.comVisual .headLine02 .en {
		margin-right: -1rem;
		font-size: 4.5rem;
		line-height: 1.111;
		letter-spacing: 0;
	}
	.comVisual .headLine02 small {
		margin: 0 -0.8rem;
		font-size: 3rem;
		vertical-align: middle;
	}
	.comVisual .headLine02 small em {
		vertical-align: middle;
	}
	.headLine04 {
		margin-bottom: 4.1rem;
		padding-left: 1.2rem;
		font-size: 1.8rem;
		line-height: 1.666;
	}
	.headLine04::before {
		height: 1.5rem;
		top: 0.9rem;
	}
	.comMessage .content {
		margin-left: 5.9rem;
	}
	.headLine03 {
		margin-bottom: 4.5rem;
	}
	.comBgBox02 .bgBox02 {
		top: 8rem;
		overflow: hidden;
	}
	.comBgBox02 .bgBox02 img {
		object-position: bottom;
	}
	#main .comMessage {
		padding: 15.2rem 0 15rem;
	}
	#main .system .headLine03 {
		line-height: 1.333;
	}
	#main .system .headLine03 .en {
		margin-bottom: 1.6rem;
	}
	#main .topBox p {
		letter-spacing: 0;
	}
	#main .system {
		margin-bottom: 7rem;
	}
	#main .system .image {
		margin: 7.1rem auto 9.9rem;
		width: 32rem;
	}
	#main .system .image img {
		width: 100%;
	}
	#main .system .subInner .headLine04 {
		margin-bottom: 1.6rem;
	}
	#main .system .subInner p {
		margin-bottom: 5rem;
	}
	#main .textList li {
		padding-left: 1.5rem;
		text-indent: -1.5rem;
		letter-spacing: 0.01em;
		line-height: 2;
	}
	#main .textList02 li {
		padding-left: 3rem;
		text-indent: -3rem;
	}
	#main .bigPhoto {
		aspect-ratio: 375/250;
	}
	#main .bigPhoto img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#main .transportation {
		margin-bottom: 13rem;
	}
	#main .transportation .headLine04 {
		margin-bottom: 1.6rem;
	}
	#main .transportation .photo {
		margin-top: 7rem;
		width: 100%;
		float: inherit;
		aspect-ratio: 319/220;
	}
	#main .transportation p {
		margin-bottom: 3rem;
	}
	#main .transportation .imgBox {
		display: flex;
		flex-direction: column-reverse;
	}
	#main .transportation .imgBox .headLine04 {
		margin-bottom: 1.6rem;
	}
	#main .transportation .imgBox p {
		letter-spacing: 0.01em;
	}
	#main .transportation .text02 {
		margin-bottom: 4rem;
	}
	#main .transportation .text03 {
		margin-bottom: 1.6rem;
	}
	#main .transportation .imgBox .comList {
		width: auto;
		gap: 2.5rem;
	}
	#main .transportation .imgBox .comList > li {
		padding: 2rem 2.8rem;
		border-radius: 1rem;
	}
	#main .transportation .imgBox .comList .title {
		padding-top: 0.8rem;
		font-size: 1.8rem;
		letter-spacing: 0.01em;
	}
	#main .transportation .imgBox .comList .title03 {
		padding: 0;
	}
	#main .management {
		margin-bottom: 13rem;
	}
	#main .management .headLine03 {
		margin-bottom: 6.6rem;
	}
	#main .management .imgList {
		margin: 0 auto;
		width: auto;
		display: block;
	}
	#main .management .imgList > li {
		width: 100%;
		display: block;
	}
	#main .management .imgList > li + li {
		margin-top: 9.1rem;
	}
	#main .management .imgList .image {
		margin: 0 auto 2.8rem;
		width: 20rem;
	}
	#main .management .imgList .image img {
		width: 100%;
	}
	#main .management .imgList .title {
		font-size: 1.8rem;
		letter-spacing: 0;
		padding-bottom: 1.2rem;
	}
	#main .management .imgList p {
		letter-spacing: 0.01em;
	}
	#main .management .imgList ul.image {
		width: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 2rem;
	}
	#main .management .imgList ul.image li {
		width: 16rem;
	}
	#main .management .imgList ul.image img {
		width: 100%;
	}
	#main .management .imgList ul.image li:first-child {
		width: 14rem;
	}
	#main .garage {
		padding: 17rem 0 10rem;
	}
	#main .garage .bgBox01 {
		transform: scaleX(1);
	}
	#main .garage .heading {
		margin-bottom: 5.3rem;
		font-size: 3rem;
	}
	#main .garage .content {
		margin-left: 2.8rem;
	}
	#main .garage p {
		letter-spacing: 0.01em;
	}
}