@charset "utf-8";
/*------------------------------------------------------------
	style
------------------------------------------------------------*/
#main p {
	line-height: 1.43;
	font-size: 1.6rem;
	letter-spacing: 0.3em;
}
#main .content {
	max-width: 131.8rem;
}
#main .widTxt {
	margin: 0 auto;
	max-width: 96.3rem;
}
#main .sec01 {
	margin-bottom: 18.8rem;
}
#main .sec02 {
	padding: 7.6rem 0 25.6rem;
	background-color: rgba(223,219,219, 0.37);
}
#main .headLine02 {
	margin-bottom: 2.6rem;
}
#main .sec02 .headLine02 {
	margin-bottom: 3.2rem;
}
#main .sec02 .widTxt {
	margin-bottom: 16.8rem;
}
#main .imgBox {
	max-width: 102.3rem;
	display: flex;
	align-items: center;
	background-color: #DFDBDB;
}
#main .imgBox .photo {
	width: 52.8rem;
	position: relative;
	z-index: 10;
}
#main .imgBox .photo::after {
	width: calc(100% + 2.1rem);
	height: calc(100% + 13rem);
	position: absolute;
	top: -6.5rem;
	left: -15.5rem;
	background-color: #9F9595;
	content: "";
	z-index: -1;
}
#main .imgBox .photo img {
	width: 100%;
}
#main .imgBox .textBox {
	flex: 1;
	padding: 2.5rem 4.4rem 4rem;
}
#main .imgBox .ttl {
	margin: 0 0 2.1rem 0.6rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.45em;
}
#main .imgBox .ttl.letter {
	letter-spacing: 0.2em;
}
#main .imgBox:nth-child(2n) {
	margin-left: auto;
}
#main .imgBox:nth-child(2n) .photo {
	order: 3;
}
#main .imgBox:nth-child(2n) .photo::after {
	left: auto;
	right: -15.5rem;
}
#main .imgBox + .imgBox {
	margin-top: 17.4rem;
}
#main .showBox {
	padding: 19.7rem 0;
	background-color: rgba(185,202,213, 0.37);
}
#main .sec04.showBox {
	padding-bottom: 12.6rem;
	background-color: rgba(193,219,205, 0.37);
}
#main .showBox .content {
	max-width: 90.2rem;
}
#main .showBox .headLine02 {
	margin-bottom: 3.4rem;
}
#main .showBox .image {
	margin-top: 9.1rem;
}
#main .showBox .image img {
	width: 100%;
}
#gFooter {
	margin-top: 0;
}
@media all and (max-width: 767px) {
	#main p {
		line-height: 1.4;
		font-size: 1.4rem;
		letter-spacing: 0.1em;
	}
	#main .imgBox {
		display: block;
		background-color: #A09695;
	}
	#main .imgBox .photo {
		width: auto;
	}
	#main .imgBox .textBox {
		padding: 2.5rem 1.6rem 4.2rem;
		color: #fff;
	}
	#main .imgBox .photo::after {
		display: none;
	}
	#main .headLine02 {
		margin-bottom: 3.3rem;
		font-size: 1.5rem;
	}
	#main .sec01 {
		margin-bottom: 6.2rem;
	}
	#main .sec02 {
		padding: 3.7rem 0 9.2rem;
		background-color: #DFDBDB;
	}
	#main .sec02 .widTxt {
		margin-bottom: 4.6rem;
		line-height: 2;
		letter-spacing: 0.05em;
	}
	#main .sec02 .headLine02 {
		margin-bottom: 2.9rem;
	}
	#main .imgBox .ttl {
		margin: 0 0 0.9rem;
		font-size: 1.4rem;
		line-height: 1.45;
		letter-spacing: 0.2em;
	}
	#main .listBox {
		margin: 0 0.1rem;
	}
	#main .imgBox + .imgBox {
		margin-top: 4.3rem;
	}
	#main .showBox {
		padding: 9.2rem 0;
	}
	#main .showBox p {
		line-height: 2;
	}
	#main .showBox .headLine02 {
		margin-bottom: 2.8rem;
	}
	#main .showBox .image {
		margin: 4.4rem -1.8rem 0;
	}
	#main .sec04.showBox {
		padding-bottom: 9.2rem;
	}
}