@charset "utf-8";
/*------------------------------------------------------------
	works
------------------------------------------------------------*/
@media all and (max-width: 999px) {
	.whiteStyle .sec03 .headLine02 {
		color: #B4B4B4;
	}
	.whiteStyle .sec03 .naviUl a {
		color: #000;
	}
}
#main .sec01 {
	padding-left: 10.8rem;
}
#main .imgUl {
	display: flex;
	gap: 0.9rem;
}
#main .imgUl li {
	width: 100rem;
	flex-shrink: 0;
}
#main .sec02 {
	width: 39rem;
	margin: -0.2rem 14rem 0 12rem;
	letter-spacing: 0.02em;
}
#main .sec02 .textBox {
	line-height: 2.3;
	letter-spacing: 0.08em;
}
#main .sec02 .textBox .en {
	line-height: 2.25;
	font-size: 1.2rem;
	font-family: "Noto Serif JP", serif !important;
	letter-spacing: 0.02em;
}
#main .sec02 .textBox p {
	margin-bottom: 2.7rem;
	font-size: 0.96em;
}
#main .sec02 .textBox p:last-child {
	margin-bottom: 0;
}
#main .sec03 {
	width: 60rem;
	position: relative;
	z-index: 99;
}
#main .sec03 .innerBox {
	padding-left: 6.4rem;
	position: relative;
}
#main .sec03 .headLine02 {
	position: absolute;
	top: 0;
	left: 0;
}
#main .sec03 .comList {
	max-width: 29.6rem;
}
@media all and (min-width: 1000px) {
	#main .imgUl li {
		width: auto;
	}
	#main .imgUl .image {
		height: calc(100vh - 60px);
		overflow: hidden;
	}
	#main .imgUl .image img {
		width: auto;
        height: 100%;
	}
}
@media all and (max-width: 999px) {
	.jsScrollBox {
		padding-bottom: 10.8rem;
	}
	#main .imgUl {
		display: block;
	}
	#main .imgUl li {
		margin-bottom: 7rem;
		width: auto;
	}
	#main .imgUl li:last-child {
		margin-bottom: 0 !important;
	}
	#main .sec01 {
		padding: 15.8rem 0 0 0;
	}
	#main .sec02 {
		margin: 0;
	}
	#main .sec02 .textBox {
	line-height: 1.9;
	letter-spacing: 0.02em;
	padding: 90px 20px 0 20px;
}
	#main .sec03 {
		padding: 12.3rem 4.6rem 0;
	}
	#main .sec03 .innerBox {
		padding: 0;
	}
	#main .sec03 .headLine02 {
		top: 0;
		left: -3.7rem;
	}
	#main .sec03 .comList li {
		width: calc(50% - 2.1rem);
	}
	#main .sec03 .comList {
		max-width: inherit;
		gap: 2.2rem 0;
	}
	#main .sec03 .naviUl {
		font-size: 2.0rem;
		margin-top: 140px;
	}
	#main .sec03 .naviUl li {
		margin-bottom: 1.1rem;
	}
	#main .sec03 .innerBox + .innerBox {
		margin-top: 11.2rem;
	}
}